@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&family=Playfair+Display:wght@500;600;700&display=swap);:root{--primary:#0b1f37;--primary-light:#15314f;--primary-dark:#061528;--primary-50:#f3f6fa;--primary-100:#e6edf4;--accent:#b8924a;--accent-light:#d4b574;--accent-dark:#8e6e33;--accent-soft:#f5efe0;--primary-gradient:linear-gradient(135deg,#0b1f37,#15314f);--accent-gradient:linear-gradient(135deg,#b8924a,#d4b574);--hero-gradient:linear-gradient(135deg,#0b1f37,#15314f 55%,#1d4673);--bg:#f6f5f1;--bg-subtle:#efede6;--bg-card:#fff;--bg-elevated:#fff;--text:#0b1f37;--text-secondary:#3e4a5c;--text-muted:#7a8597;--text-faint:#a9b1bd;--text-inverse:#fff;--border:#e5e1d8;--border-soft:#efece4;--border-strong:#d4cfc2;--divider:#ece9e1;--success:#15803d;--success-bg:#dcfce7;--success-soft:#f0fdf4;--warning:#b45309;--warning-bg:#fef3c7;--warning-soft:#fffbeb;--danger:#b91c1c;--danger-bg:#fee2e2;--danger-soft:#fef2f2;--info:#1d4ed8;--info-bg:#dbeafe;--info-soft:#eff6ff;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(11,31,55,.04);--shadow-sm:0 2px 6px rgba(11,31,55,.06),0 1px 2px rgba(11,31,55,.04);--shadow:0 4px 14px rgba(11,31,55,.08),0 1px 3px rgba(11,31,55,.04);--shadow-md:0 8px 24px rgba(11,31,55,.09),0 2px 6px rgba(11,31,55,.04);--shadow-lg:0 16px 40px rgba(11,31,55,.12),0 4px 12px rgba(11,31,55,.06);--shadow-xl:0 28px 60px rgba(11,31,55,.18),0 10px 24px rgba(11,31,55,.08);--shadow-accent:0 8px 24px rgba(184,146,74,.22);--shadow-focus:0 0 0 4px rgba(184,146,74,.18);--shadow-focus-primary:0 0 0 4px rgba(11,31,55,.12);--sidebar-width:256px;--sidebar-collapsed:72px;--header-height:64px;--container-max:1440px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-ar:"Tajawal","Inter",sans-serif;--font-en:"Inter","Tajawal",sans-serif;--font-display:"Playfair Display","Tajawal",serif;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--leading-tight:1.25;--leading-normal:1.55;--leading-relaxed:1.7;--tracking-tight:-0.01em;--tracking-wide:0.06em;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:140ms;--duration:220ms;--duration-slow:380ms;--z-sidebar:40;--z-header:50;--z-modal:100;--z-toast:200}[data-theme=dark]{--primary:#e8edf4;--primary-light:#c6d2e0;--primary-dark:#fff;--primary-50:#1a2736;--primary-100:#243345;--bg:#0a1420;--bg-subtle:#0f1b2a;--bg-card:#15243a;--bg-elevated:#1b2d45;--text:#e8edf4;--text-secondary:#b8c5d6;--text-muted:#8b9aae;--text-faint:#5f6f85;--border:#233348;--border-soft:#1b2a3d;--border-strong:#344660;--divider:#1f2e42;--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 2px 6px rgba(0,0,0,.35);--shadow:0 4px 14px rgba(0,0,0,.4);--shadow-md:0 8px 24px rgba(0,0,0,.45);--shadow-lg:0 16px 40px rgba(0,0,0,.55);--shadow-xl:0 28px 60px rgba(0,0,0,.7)}html[dir=rtl]{--font-primary:var(--font-ar)}html[dir=ltr]{--font-primary:var(--font-en)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}*{box-sizing:border-box}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);background-attachment:fixed;background-image:radial-gradient(circle at 0 0,rgba(184,146,74,.06) 0,transparent 45%),radial-gradient(circle at 100% 100%,rgba(11,31,55,.04) 0,transparent 50%);color:var(--text);font-family:var(--font-en);font-size:var(--text-base);line-height:var(--leading-normal);min-height:100vh;text-rendering:optimizeLegibility}html[dir=rtl] body{font-family:var(--font-ar)}html[dir=rtl]{direction:rtl}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-3xl);font-weight:700}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:var(--leading-normal);margin:0}a{color:var(--primary);text-decoration:none;transition:color var(--duration) var(--ease-out)}a:hover{color:var(--accent-dark)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:999px;-webkit-transition:background var(--duration) var(--ease-out);transition:background var(--duration) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}::selection{background-color:var(--accent);color:var(--text-inverse)}:focus{outline:none}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.display-font{font-family:var(--font-display);letter-spacing:var(--tracking-tight)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-dark)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-base);font-weight:500;gap:var(--space-2);justify-content:center;line-height:1;padding:10px 18px;position:relative;transition:background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out),color var(--duration) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background:var(--bg-subtle);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-primary,.btn-primary:hover{background:var(--primary-gradient);border-color:transparent}.btn-primary:hover{box-shadow:var(--shadow-md);filter:brightness(1.08)}.btn-primary:focus-visible{box-shadow:var(--shadow-focus-primary)}.btn-accent{background:var(--accent-gradient);border-color:transparent;box-shadow:var(--shadow-accent);color:var(--text-inverse)}.btn-accent:hover{border-color:transparent;box-shadow:var(--shadow-md),var(--shadow-accent);filter:brightness(1.05)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{background:var(--bg-subtle);border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-subtle);border-color:transparent;color:var(--text)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--text-inverse)}.btn-danger:hover{background:#991b1b;border-color:#991b1b}.btn-success{background:var(--success);border-color:var(--success);color:var(--text-inverse)}.btn-secondary{background:var(--bg-card);border-color:var(--border-strong);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--primary);color:var(--primary)}.btn-sm{border-radius:var(--radius-sm);font-size:var(--text-sm);padding:6px 12px}.btn-lg{border-radius:var(--radius-md);font-size:var(--text-md);padding:14px 24px}.btn-icon{flex-shrink:0;height:38px;padding:0;width:38px}.btn-icon.btn-sm{height:30px;width:30px}.btn-block{width:100%}.form-group{display:flex;flex-direction:column;gap:6px}.form-group,.form-row{margin-bottom:var(--space-5)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-body{padding:var(--space-6)}.form-actions{align-items:center;border-top:1px solid var(--divider);display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-5)}.form-actions-start{justify-content:flex-start}.form-actions-between{justify-content:space-between}.form-section{border-bottom:1px solid var(--divider);padding:var(--space-6)}.form-section:last-child{border-bottom:none}.form-section-title{align-items:center;color:var(--primary);display:flex;font-size:var(--text-md);font-weight:600;gap:var(--space-2);letter-spacing:var(--tracking-tight);margin:0 0 4px}.form-section-title:before{background:var(--accent-gradient);border-radius:2px;content:"";height:18px;width:4px}.form-section-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-5)}.segmented{display:inline-flex;flex-wrap:wrap;gap:8px}.segmented-option{align-items:center;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:500;gap:8px;padding:9px 18px;transition:all var(--duration) var(--ease-out);-webkit-user-select:none;user-select:none}.segmented-option:hover{border-color:var(--accent-light);color:var(--primary)}.segmented-option input[type=checkbox],.segmented-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.segmented-option.active{background:var(--primary-gradient);border-color:transparent;box-shadow:var(--shadow-sm);color:var(--text-inverse);font-weight:600}.dropzone{align-items:center;background:var(--bg-subtle);border:2px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:var(--space-8) var(--space-5);text-align:center;transition:all var(--duration) var(--ease-out)}.dropzone:hover{background:var(--accent-soft);border-color:var(--accent)}.dropzone-icon{font-size:36px;margin-bottom:4px;opacity:.7}.dropzone-title{color:var(--text);font-size:var(--text-base);font-weight:600}.dropzone-hint{color:var(--text-muted);font-size:var(--text-xs)}.attachment-pill{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);display:flex;gap:12px;padding:12px 16px}.attachment-pill-icon{align-items:center;background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent-dark);display:inline-flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.attachment-pill-body{flex:1 1;min-width:0}.attachment-pill-name{color:var(--text);font-size:var(--text-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-pill-meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.form-footer-sticky{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.92);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--divider);bottom:0;display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-6);position:sticky;z-index:5}.form-label,.label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;margin-bottom:0}.form-label-required:after,.label-required:after{color:var(--danger);content:" *"}.form-control,.form-input,.form-select,.form-textarea,.input,.select,.textarea{appearance:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text);font-family:inherit;font-size:var(--text-base);height:42px;line-height:1.4;padding:0 14px;transition:border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),background var(--duration) var(--ease-out);width:100%}.form-control[type=date],.form-control[type=datetime-local],.form-control[type=email],.form-control[type=number],.form-control[type=password],.form-control[type=search],.form-control[type=tel],.form-control[type=text],.form-control[type=time],.form-control[type=url],.form-input[type=date],.form-input[type=datetime-local],.form-input[type=email],.form-input[type=month],.form-input[type=number],.form-input[type=password],.form-input[type=search],.form-input[type=tel],.form-input[type=text],.form-input[type=time],.form-input[type=url],.form-input[type=week],.input[type=date],.input[type=datetime-local],.input[type=email],.input[type=month],.input[type=number],.input[type=password],.input[type=search],.input[type=tel],.input[type=text],.input[type=time],.input[type=url],.input[type=week]{font-family:inherit;height:42px;padding:0 14px}.form-textarea,.textarea{height:auto;line-height:var(--leading-normal);min-height:96px;padding:11px 14px;resize:vertical}.input[type=date]::-webkit-calendar-picker-indicator,.input[type=datetime-local]::-webkit-calendar-picker-indicator,.input[type=month]::-webkit-calendar-picker-indicator,.input[type=time]::-webkit-calendar-picker-indicator,.input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(35%);opacity:.6;-webkit-transition:opacity var(--duration) var(--ease-out);transition:opacity var(--duration) var(--ease-out)}.input[type=date]:hover::-webkit-calendar-picker-indicator,.input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{opacity:1}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}html[dir=rtl] .input[type=date],html[dir=rtl] .input[type=datetime-local],html[dir=rtl] .input[type=month],html[dir=rtl] .input[type=time],html[dir=rtl] .input[type=week]{direction:rtl;text-align:right}html[dir=rtl] .input[type=email],html[dir=rtl] .input[type=tel],html[dir=rtl] .input[type=url]{direction:ltr;text-align:right;unicode-bidi:plaintext}.form-control::placeholder,.form-input::placeholder,.form-textarea::placeholder,.input::placeholder,.textarea::placeholder{color:var(--text-faint);opacity:1}.form-control:hover,.form-input:hover,.form-select:hover,.form-textarea:hover,.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.input:focus,.select:focus,.textarea:focus{background:var(--bg-card);border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.form-control.error,.form-input.error,.form-select.error,.form-textarea.error,.input.error,.select.error,.textarea.error{border-color:var(--danger);box-shadow:0 0 0 4px rgba(185,28,28,.12)}.error-text,.form-error,.input-error-text{color:var(--danger);font-size:var(--text-xs);font-weight:500;margin-top:4px}.form-hint,.help-text,.input-hint{color:var(--text-muted);font-size:var(--text-xs);margin-top:4px}.form-select,.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%237A8597' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:38px}html[dir=rtl] .form-select,html[dir=rtl] .select{background-position:left 14px center;padding-left:38px;padding-right:14px}.input-search{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='7' cy='7' r='5' stroke='%237A8597' stroke-width='1.5'/%3E%3Cpath d='m14 14-3-3' stroke='%237A8597' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:left 14px center;background-repeat:no-repeat;padding-left:40px}html[dir=rtl] .input-search{background-position:right 14px center;padding-left:14px;padding-right:40px}.checkbox,.radio{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.checkbox-row{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--space-2)}.table-responsive{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-xs);overflow-x:auto;width:100%}.table{border-collapse:collapse;font-size:var(--text-base);width:100%}.table th{background:var(--bg-subtle);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);padding:14px 18px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap}html[dir=rtl] .table th{text-align:right}.table td{border-bottom:1px solid var(--border-soft);color:var(--text);padding:14px 18px;vertical-align:middle}.table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.table tbody tr:hover td{background:var(--bg-subtle)}.table tbody tr:last-child td{border-bottom:none}.table-clickable tbody tr{cursor:pointer}.table-clickable tbody tr:hover td{background:var(--primary-50)}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.card-hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:center;background:linear-gradient(180deg,hsla(48,22%,95%,.5),transparent);border-bottom:1px solid var(--divider);display:flex;gap:var(--space-3);justify-content:space-between;padding:18px 22px}.card-header h3,.card-title{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight);margin:0}.card-header-subtitle,.card-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.card-body,.card-content{padding:22px}.card-content-flush{padding:0}.card-footer{border-top:1px solid var(--divider);display:flex;gap:var(--space-3);justify-content:space-between;padding:16px 22px}.badge,.card-footer{align-items:center;background:var(--bg-subtle)}.badge{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:4px;letter-spacing:.02em;padding:4px 10px;white-space:nowrap}.badge-dot:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.badge-success{background:var(--success-bg);border-color:transparent;color:var(--success)}.badge-warning{background:var(--warning-bg);border-color:transparent;color:var(--warning)}.badge-danger{background:var(--danger-bg);border-color:transparent;color:var(--danger)}.badge-info{background:var(--info-bg);border-color:transparent;color:var(--info)}.badge-accent{background:var(--accent-soft);border-color:transparent;color:var(--accent-dark)}.modal-overlay{align-items:center;animation:fadeIn var(--duration) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(11,31,55,.55);display:flex;inset:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:var(--z-modal)}.modal{animation:modalIn var(--duration-slow) var(--ease-out);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:88vh;max-width:540px;overflow-y:auto;width:100%}.modal-lg{max-width:760px}.modal-xl{max-width:960px}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:flex-start;border-bottom:1px solid var(--divider);display:flex;gap:var(--space-3);justify-content:space-between;padding:20px 26px}.modal-header h3{font-size:var(--text-xl);font-weight:600;letter-spacing:var(--tracking-tight)}.modal-header-close{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:20px;height:32px;justify-content:center;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out);width:32px}.modal-header-close:hover{background:var(--bg-subtle);color:var(--text)}.modal-content{padding:24px 26px}.modal-footer{align-items:center;background:var(--bg-subtle);border-top:1px solid var(--divider);display:flex;gap:var(--space-2);justify-content:flex-end;padding:16px 26px 20px}.tabs{width:100%}.tab-list{border-bottom:1px solid var(--divider);display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab-trigger{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:500;margin-bottom:-1px;padding:12px 18px;position:relative;transition:color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out);white-space:nowrap}.tab-trigger:hover{color:var(--text)}.tab-trigger.active{border-bottom-color:var(--accent);color:var(--primary);font-weight:600}.tab-content{animation:fadeIn var(--duration) var(--ease-out);padding:var(--space-6) 0}.sidebar{background:var(--primary-gradient);bottom:0;box-shadow:var(--shadow-lg);color:hsla(0,0%,100%,.92);display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width var(--duration) var(--ease-out);width:var(--sidebar-width);z-index:var(--z-sidebar)}html[dir=rtl] .sidebar{left:auto;right:0}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar:before{background:radial-gradient(circle at 30% 0,rgba(184,146,74,.18),transparent 50%),radial-gradient(circle at 100% 100%,rgba(184,146,74,.08),transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.sidebar>*{position:relative;z-index:1}.sidebar-brand{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;gap:12px;min-height:var(--header-height);padding:14px 20px}.sidebar-logo{filter:drop-shadow(0 2px 8px rgba(184,146,74,.3));flex-shrink:0;height:38px;object-fit:contain;width:38px}.sidebar-brand h2{color:var(--accent-light);font-family:var(--font-display);font-size:var(--text-md);font-weight:700;letter-spacing:var(--tracking-tight);white-space:nowrap}.sidebar-nav{flex:1 1;padding:16px 0}.sidebar-group{margin-bottom:var(--space-3)}.sidebar-group-title{color:hsla(0,0%,100%,.42);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);padding:10px 20px 6px;text-transform:uppercase;white-space:nowrap}.sidebar-item{align-items:center;border-radius:var(--radius-sm);color:hsla(0,0%,100%,.78);cursor:pointer;display:flex;font-size:var(--text-base);gap:12px;margin:1px 10px;padding:10px 20px;position:relative;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out),padding var(--duration) var(--ease-out);white-space:nowrap}.sidebar-item:hover{background:hsla(0,0%,100%,.06);color:#fff}.sidebar-item.active{background:rgba(184,146,74,.14);color:var(--accent-light);font-weight:600}.sidebar-item.active:before{background:var(--accent);border-radius:0 4px 4px 0;bottom:8px;box-shadow:0 0 12px rgba(184,146,74,.6);content:"";left:-10px;position:absolute;top:8px;width:3px}html[dir=rtl] .sidebar-item.active:before{border-radius:4px 0 0 4px;left:auto;right:-10px}.sidebar-item .icon{flex-shrink:0;font-size:17px;text-align:center;width:22px}.sidebar-user{align-items:center;background:hsla(0,0%,100%,.03);border-radius:var(--radius);border-top:1px solid hsla(0,0%,100%,.06);display:flex;gap:12px;margin:0 10px 10px;padding:14px 20px}.sidebar-user-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:0 4px 12px rgba(184,146,74,.3);color:var(--primary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:38px;justify-content:center;width:38px}.sidebar-user-info{min-width:0;overflow:hidden}.sidebar-user-name{color:#fff;font-size:var(--text-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:hsla(0,0%,100%,.55);font-size:var(--text-xs);margin-top:1px}.sidebar-collapse-btn{align-items:center;background:transparent;border:none;border-top:1px solid hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;font-size:var(--text-sm);gap:10px;padding:12px 20px;transition:color var(--duration) var(--ease-out)}.sidebar-collapse-btn:hover{color:#fff}.header{align-items:center;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:hsla(0,0%,100%,.85);border-bottom:1px solid var(--divider);display:flex;height:var(--header-height);justify-content:space-between;left:var(--sidebar-width);padding:0 var(--space-8);position:fixed;right:0;top:0;transition:left var(--duration) var(--ease-out),right var(--duration) var(--ease-out);z-index:var(--z-header)}html[dir=rtl] .header{left:0;right:var(--sidebar-width)}.header.sidebar-collapsed{left:var(--sidebar-collapsed)}html[dir=rtl] .header.sidebar-collapsed{left:0;right:var(--sidebar-collapsed)}.header-title{color:var(--primary);font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight)}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.header-lang-toggle{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);padding:6px 14px;transition:all var(--duration) var(--ease-out)}.header-lang-toggle:hover{background:var(--accent-soft);border-color:var(--accent-light);color:var(--accent-dark)}.header-notifications{align-items:center;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out);width:38px}.header-notifications:hover{background:var(--bg-subtle);color:var(--primary)}.header-notifications .dot{background:var(--danger);border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 0 0 1px rgba(185,28,28,.4);height:9px;position:absolute;right:8px;top:8px;width:9px}html[dir=rtl] .header-notifications .dot{left:8px;right:auto}.header-user{align-items:center;border-radius:var(--radius-pill);cursor:pointer;display:flex;gap:10px;padding:4px 10px 4px 4px;transition:background var(--duration) var(--ease-out)}html[dir=rtl] .header-user{padding:4px 4px 4px 10px}.header-user:hover{background:var(--bg-subtle)}.header-user-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:0 2px 8px rgba(184,146,74,.3);color:var(--primary);display:flex;font-size:var(--text-xs);font-weight:700;height:32px;justify-content:center;width:32px}.header-mobile-toggle{align-items:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:none;height:38px;justify-content:center;width:38px}@media (max-width:1024px){.header-mobile-toggle{display:inline-flex}}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:var(--z-toast)}html[dir=rtl] .toast-container{left:20px;right:auto}.toast{align-items:center;animation:toast-in var(--duration) var(--ease-out);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;font-size:var(--text-base);gap:10px;max-width:460px;min-width:320px;overflow:hidden;padding:14px 18px;position:relative}.toast:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}html[dir=rtl] .toast:before{left:auto;right:0}@keyframes toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast-success:before{background:var(--success)}.toast-error:before{background:var(--danger)}.toast-warning:before{background:var(--warning)}.toast-info:before{background:var(--info)}.pagination{display:flex;gap:4px;padding:var(--space-5) 0}.pagination,.pagination-btn{align-items:center;justify-content:center}.pagination-btn{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;height:36px;min-width:36px;padding:0 10px;transition:all var(--duration) var(--ease-out)}.pagination-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.pagination-btn.active{background:var(--primary-gradient);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.pagination-btn:disabled{cursor:not-allowed;opacity:.35}.spinner{animation:spin .7s linear infinite;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:28px;width:28px}.spinner-lg{border-width:3px;height:48px;width:48px}.spinner-container{align-items:center;display:flex;justify-content:center;padding:var(--space-12) var(--space-5)}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{flex-direction:column;padding:var(--space-12) var(--space-6);text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:var(--bg-subtle);border-radius:50%;box-shadow:var(--shadow-xs);color:var(--text-muted);font-size:32px;height:76px;margin-bottom:var(--space-5);width:76px}.empty-state-title{color:var(--text);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.empty-state-description{color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-5);max-width:400px}.login-page{align-items:center;background:var(--hero-gradient);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6);position:relative}.login-page:after,.login-page:before{border-radius:50%;content:"";filter:blur(80px);opacity:.3;pointer-events:none;position:absolute}.login-page:before{background:var(--accent);height:500px;right:-150px;top:-150px;width:500px}.login-page:after{background:#1d4673;bottom:-200px;height:600px;left:-200px;width:600px}.login-container{animation:modalIn var(--duration-slow) var(--ease-out);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-xl);box-shadow:0 40px 100px rgba(0,0,0,.5),0 16px 40px rgba(0,0,0,.3);max-width:460px;padding:var(--space-12) var(--space-10);position:relative;width:100%;z-index:1}.login-header{margin-bottom:var(--space-8);text-align:center}.login-logo{filter:drop-shadow(0 8px 24px rgba(184,146,74,.25));height:110px;margin-bottom:var(--space-5);object-fit:contain;width:110px}.login-title{color:var(--primary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.login-subtitle{color:var(--text-muted);font-size:var(--text-base)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-footer{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-6);text-align:center}.alert{align-items:flex-start;border:1px solid transparent;border-radius:var(--radius);display:flex;font-size:var(--text-base);gap:10px;line-height:var(--leading-normal);margin-bottom:var(--space-5);padding:14px 18px}.alert-error{background:var(--danger-soft);border-color:rgba(185,28,28,.15);color:var(--danger)}.alert-success{background:var(--success-soft);border-color:rgba(21,128,61,.15);color:var(--success)}.alert-warning{background:var(--warning-soft);border-color:rgba(180,83,9,.15);color:var(--warning)}.alert-info{background:var(--info-soft);border-color:rgba(29,78,216,.15);color:var(--info)}.kpi-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-8)}.kpi-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;transition:box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:after{background:var(--accent-gradient);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration) var(--ease-out)}.kpi-card:hover:after{opacity:1}.kpi-card.primary{background:var(--primary-gradient);border-color:transparent;box-shadow:var(--shadow-md);color:var(--text-inverse)}.kpi-card.primary .kpi-label{color:hsla(0,0%,100%,.7)}.kpi-card.primary .kpi-value{color:#fff}.kpi-card.primary:after{background:var(--accent);opacity:1}.kpi-card.accent-border:after{background:var(--accent-gradient);opacity:1}.kpi-card.danger-border:after{background:var(--danger);opacity:1}.kpi-icon{align-items:center;background:var(--accent-soft);border-radius:var(--radius);color:var(--accent-dark);display:flex;flex-shrink:0;font-size:22px;height:52px;justify-content:center;width:52px}.kpi-card.primary .kpi-icon{background:hsla(0,0%,100%,.12);color:var(--accent-light)}.kpi-value{font-feature-settings:"tnum";color:var(--primary);font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.1}.kpi-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:500;margin-top:4px}.kpi-trend{align-items:center;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:4px;margin-top:6px}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.section-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.section-header h2{font-size:var(--text-xl);font-weight:600;letter-spacing:var(--tracking-tight)}.section-link{color:var(--accent-dark);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:color var(--duration) var(--ease-out)}.section-link:hover{color:var(--accent)}.filters-bar{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.filters-bar .input,.filters-bar .select{min-width:180px;width:auto}.badge-DRAFT,.badge-OPEN,.badge-REQUESTED,.badge-SCHEDULED,.badge-TODO{background:var(--info-bg);border-color:transparent;color:var(--info)}.badge-ACTIVE,.badge-IN_PROGRESS,.badge-SUBMITTED{background:var(--warning-bg);border-color:transparent;color:var(--warning)}.badge-APPROVED,.badge-CLOSED,.badge-DONE,.badge-PAID,.badge-SIGNED{background:var(--success-bg);border-color:transparent;color:var(--success)}.badge-BLOCKED,.badge-CANCELLED,.badge-HIGH,.badge-OVERDUE,.badge-URGENT,.badge-WITHDRAWN{background:var(--danger-bg);border-color:transparent;color:var(--danger)}.badge-MEDIUM{background:var(--warning-bg);border-color:transparent;color:var(--warning)}.badge-LOW{background:var(--success-bg);border-color:transparent;color:var(--success)}.kanban-board{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-4)}.kanban-column{flex:1 1;min-width:300px}.kanban-column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding:0 var(--space-2)}.kanban-column-header h3{color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.kanban-column-body{background:var(--bg-subtle);border-radius:var(--radius);min-height:240px;padding:var(--space-3)}.kanban-card,.kanban-column-body{border:1px solid var(--border-soft)}.kanban-card{background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);cursor:grab;margin-bottom:var(--space-2);padding:var(--space-4);transition:box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.kanban-card-title{color:var(--text);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.kanban-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.detail-header{align-items:flex-start;border-bottom:1px solid var(--divider);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5)}.detail-header h1{color:var(--primary);font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight)}.detail-header .badge{margin-top:4px}.detail-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) 0}.detail-item-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase}.detail-item-value{color:var(--text);font-size:var(--text-base);font-weight:500}.wizard-steps{margin-bottom:var(--space-8)}.wizard-step,.wizard-steps{align-items:center;display:flex;gap:var(--space-2)}.wizard-step-number{align-items:center;background:var(--bg-subtle);border:2px solid var(--border);border-radius:50%;color:var(--text-muted);display:flex;font-size:var(--text-sm);font-weight:700;height:36px;justify-content:center;transition:all var(--duration) var(--ease-out);width:36px}.wizard-step.active .wizard-step-number{background:var(--primary-gradient);border-color:var(--primary);box-shadow:var(--shadow-focus-primary);color:#fff}.wizard-step.completed .wizard-step-number{background:var(--success);border-color:var(--success);color:#fff}.wizard-step-line{background:var(--border);border-radius:1px;height:2px;width:32px}.wizard-step.completed+.wizard-step-line{background:var(--success)}.wizard-footer{border-top:1px solid var(--divider);display:flex;gap:var(--space-3);justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-5)}.activity-feed{list-style:none;margin:0;padding:0}.activity-item{border-bottom:1px solid var(--divider);display:flex;gap:var(--space-3);padding:var(--space-4) 0}.activity-item:last-child{border-bottom:none}.activity-avatar{align-items:center;background:var(--accent-soft);border-radius:50%;color:var(--accent-dark);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:36px;justify-content:center;width:36px}.activity-content{flex:1 1;min-width:0}.activity-text{color:var(--text);font-size:var(--text-base);line-height:var(--leading-normal)}.activity-time{color:var(--text-muted);font-size:var(--text-xs);margin-top:4px}.calendar-nav{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.calendar-month-title{color:var(--primary);flex:1 1;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:var(--tracking-tight);margin:0;text-align:center}.calendar-grid{grid-gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-header-cell{background:var(--bg-subtle);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);padding:12px 10px;text-align:center;text-transform:uppercase}.calendar-cell{background:var(--bg-card);min-height:116px;padding:6px 8px;transition:background var(--duration) var(--ease-out);vertical-align:top}.calendar-cell:hover{background:var(--bg-subtle)}.calendar-cell.today{background:var(--accent-soft);position:relative}.calendar-cell.today .calendar-day-number{color:var(--accent-dark);font-weight:700}.calendar-cell.other-month{opacity:.42}.calendar-day-number{align-items:center;color:var(--text);display:inline-flex;font-size:var(--text-sm);font-weight:600;height:24px;justify-content:center;margin-bottom:4px;min-width:24px}.calendar-events{display:flex;flex-direction:column;gap:3px}.calendar-event{background:var(--accent);border-radius:4px;color:var(--primary);cursor:pointer;font-size:11px;font-weight:500;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;transition:filter var(--duration) var(--ease-out);white-space:nowrap}.calendar-event:hover{filter:brightness(.95)}.calendar-event-text{font-size:11px}.calendar-event-hearing{background:var(--accent-gradient);color:var(--primary)}.calendar-event-task{background:var(--info-bg);color:var(--info)}.calendar-event-deadline{background:var(--danger-bg);color:var(--danger)}.calendar-event-memo{background:#ede9fe;color:#5b21b6}.calendar-event-more{color:var(--text-muted);font-size:11px;font-weight:500;padding:2px 6px}.stopwatch{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;display:flex;gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-5) var(--space-6)}.stopwatch-time{font-feature-settings:"tnum";color:var(--accent-light);font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:var(--text-4xl);font-weight:700;letter-spacing:.04em}.view-toggle{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;gap:2px;padding:3px}.view-toggle button{background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:500;padding:7px 14px;transition:all var(--duration) var(--ease-out)}.view-toggle button:hover{color:var(--text)}.view-toggle button.active{background:var(--bg-card);box-shadow:var(--shadow-xs);color:var(--primary);font-weight:600}.timeline{list-style:none;margin:0;padding-left:28px;position:relative}html[dir=rtl] .timeline{padding-left:0;padding-right:28px}.timeline:before{background:var(--divider);bottom:8px;content:"";left:10px;position:absolute;top:8px;width:2px}html[dir=rtl] .timeline:before{left:auto;right:10px}.timeline-item{padding-bottom:var(--space-5);position:relative}.timeline-item:before{background:var(--accent);border:3px solid var(--bg-card);border-radius:50%;box-shadow:0 0 0 2px var(--accent-soft);content:"";height:14px;left:-28px;position:absolute;top:4px;width:14px}html[dir=rtl] .timeline-item:before{left:auto;right:-28px}.chip{align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:6px;padding:5px 12px}.chip-removable{padding-right:6px}html[dir=rtl] .chip-removable{padding-left:6px;padding-right:12px}.dropdown{display:inline-block;position:relative}.dropdown-menu{animation:modalIn var(--duration) var(--ease-out);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:200px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:60}html[dir=rtl] .dropdown-menu{left:0;right:auto}.dropdown-item{align-items:center;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;font-size:var(--text-base);gap:10px;padding:8px 12px;transition:background var(--duration) var(--ease-out)}.dropdown-item:hover{background:var(--bg-subtle)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-soft)}.dropdown-divider{background:var(--divider);height:1px;margin:6px 0}.avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;color:var(--primary);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:36px;justify-content:center;width:36px}.avatar-sm{font-size:var(--text-xs);height:28px;width:28px}.avatar-lg{font-size:var(--text-md);height:48px;width:48px}.skeleton{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,var(--bg-subtle) 0,var(--border-soft) 50%,var(--bg-subtle) 100%);background-size:1000px 100%;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:12px;width:60%}.skeleton-card{height:120px}@media (max-width:1024px){.sidebar{transform:translateX(-100%);transition:transform var(--duration) var(--ease-out)}.sidebar.mobile-open{transform:translateX(0)}html[dir=rtl] .sidebar{transform:translateX(100%)}html[dir=rtl] .sidebar.mobile-open{transform:translateX(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0!important;margin-right:0!important}.header,.header.sidebar-collapsed{left:0!important;right:0!important}}@media (max-width:640px){.modal{border-radius:0;max-height:100vh;max-width:100%}.modal-overlay{padding:0}.login-container{padding:var(--space-8) var(--space-5)}}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:var(--sidebar-width);min-width:0;padding-top:var(--header-height);transition:margin var(--duration) var(--ease-out)}html[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-width)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}html[dir=rtl] .main-content.sidebar-collapsed{margin-left:0;margin-right:var(--sidebar-collapsed)}.page-content{animation:fadeIn var(--duration-slow) var(--ease-out);margin:0 auto;max-width:var(--container-max);padding:var(--space-8) var(--space-10)}@media (max-width:768px){.page-content{padding:var(--space-5)}}.page-header{align-items:flex-end;border-bottom:1px solid var(--divider);display:flex;gap:var(--space-5);justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-5)}.page-header h1,.page-title{color:var(--primary);font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);margin:0}.page-header-back{align-items:center;display:flex;flex:1 1;gap:var(--space-4)}.page-header-text{flex:1 1;min-width:0}.page-header .page-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.page-header-actions{align-items:center;display:flex;gap:var(--space-3)}.sidebar-overlay{animation:fadeIn var(--duration) var(--ease-out);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(11,31,55,.45);display:none;inset:0;position:fixed;z-index:99}.sidebar-overlay.visible{display:block}.grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{gap:var(--space-2)}.stack-lg{gap:var(--space-6)}.row,.row-between{align-items:center;display:flex;gap:var(--space-3)}.row-between{justify-content:space-between}@media (max-width:1024px){.sidebar{width:var(--sidebar-collapsed)}.sidebar .sidebar-brand h2,.sidebar .sidebar-collapse-btn span,.sidebar .sidebar-group-title,.sidebar .sidebar-item span,.sidebar .sidebar-user-info{display:none}.main-content{margin-left:var(--sidebar-collapsed)}html[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-collapsed)}.header{left:var(--sidebar-collapsed)}html[dir=rtl] .header{left:0;right:var(--sidebar-collapsed)}.page-content{padding:16px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:var(--sidebar-width)}html[dir=rtl] .sidebar{transform:translateX(100%)}.sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay.visible,.sidebar.mobile-open .sidebar-brand h2,.sidebar.mobile-open .sidebar-collapse-btn span,.sidebar.mobile-open .sidebar-group-title,.sidebar.mobile-open .sidebar-item span,.sidebar.mobile-open .sidebar-user-info{display:block}.main-content{margin-left:0}html[dir=rtl] .main-content{margin-right:0}.header,html[dir=rtl] .header{left:0;right:0}.header-mobile-toggle{display:flex}.page-content{padding:12px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-overlay{align-items:flex-end;padding:12px}.modal{max-height:90vh;max-width:100%}.table-responsive{font-size:13px}.pagination{flex-wrap:wrap}}