*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.ps-1{padding-inline-start:4px}.ps-2{padding-inline-start:8px}.ps-3{padding-inline-start:12px}.pe-1{padding-inline-end:4px}.pe-2{padding-inline-end:8px}.pe-3{padding-inline-end:12px}.text-start{text-align:start}.text-end{text-align:end}.dir-rtl{direction:rtl;unicode-bidi:embed}.dir-ltr{direction:ltr;unicode-bidi:embed}.numeric,.code,[data-numeric]{direction:ltr;unicode-bidi:embed;font-variant-numeric:tabular-nums}[data-lang=en] .rtl-only,[data-lang=ar] .ltr-only{display:none!important}[data-lang=en] .flip-rtl{transform:scaleX(-1)}:root{--navy-950: #03070e;--navy-900: #060c18;--navy-850: #091322;--navy-800: #0d1a30;--navy-750: #101f3a;--navy-700: #152645;--navy-600: #1b3058;--navy-500: #254278;--gold-300: #F0E2A0;--gold-400: #D4AF37;--gold-500: #B89B20;--gold-600: #9A7F14;--text-100: #0f1b2d;--text-200: #1e2d45;--text-300: #3d5068;--text-400: #64748b;--text-500: #94a3b8;--surface-0: #eef2f8;--surface-1: #ffffff;--surface-2: #f8fafc;--surface-hover: #f1f5fb;--border-0: rgba(0, 0, 0, .07);--border-1: rgba(0, 0, 0, .1);--border-2: rgba(0, 0, 0, .14);--border-gold: rgba(212, 175, 55, .3);--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--blue: #3b82f6;--purple: #8b5cf6;--sidebar-w: 264px;--topbar-h: 66px;--radius-sm: 8px;--radius-md: 11px;--radius-lg: 14px;--radius-xl: 18px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--dur-fast: .14s;--dur-base: .21s;--dur-slow: .32s;--scrollbar-thumb: rgba(0,0,0,.18);--scrollbar-thumb-hover: rgba(0,0,0,.3);--sb-bg: #ffffff;--sb-bg-start: #f9fafb;--sb-border: rgba(0,0,0,.08);--sb-header-bg: radial-gradient(ellipse 200px 100px at 50% 60%, rgba(212,175,55,.09) 0%, transparent 100%), linear-gradient(180deg, rgba(212,175,55,.05) 0%, transparent 100%);--sb-header-border: rgba(212,175,55,.14);--sb-company-name: #0f1b2d;--sb-company-name-alt: #3d5068;--sb-close-btn: #64748b;--sb-avatar-border: rgba(180,136,42,.4);--sb-avatar-bg: rgba(180,136,42,.12);--sb-item-color: #3d5068;--sb-item-hover-color: #0f1b2d;--sb-item-hover-bg: rgba(15,27,45,.07);--sb-item-active-color: #0f1b2d;--sb-item-active-bg: rgba(212,175,55,.14);--sb-item-active-font: 700;--sb-indicator: #D4AF37;--sb-group-title: #6b7f96;--sb-group-title-active: #0f1b2d;--sb-group-hover: #1e2d45;--sb-arrow-opacity: .45;--sb-arrow-active-opacity: .8;--sb-separator: rgba(0,0,0,.06);--sb-hover-line: rgba(0,0,0,.13);--sb-powered-border: rgba(0,0,0,.07);--sb-powered-text: #94a3b8;--sb-powered-logo: .3;--sb-footer-bg: rgba(0,0,0,.025);--sb-footer-border: rgba(0,0,0,.07);--sb-user-name: #1e2d45;--sb-user-email: #64748b;--sb-user-btn-hover: rgba(0,0,0,.06);--sb-switcher-bg: rgba(0,0,0,.04);--sb-switcher-border: rgba(0,0,0,.08);--sb-switcher-inactive: #64748b}[data-theme=dark]{--text-100: #e8edf5;--text-200: #c5d0e0;--text-300: #8fa3bc;--text-400: #647b96;--text-500: #485f78;--surface-0: #0B132B;--surface-1: #1C2541;--surface-2: #162035;--surface-hover: #1e2d4a;--border-0: rgba(255, 255, 255, .055);--border-1: rgba(255, 255, 255, .085);--border-2: rgba(255, 255, 255, .12);--border-gold: rgba(212, 175, 55, .32);--scrollbar-thumb: rgba(255,255,255,.14);--scrollbar-thumb-hover: rgba(255,255,255,.24);--sb-bg: #0B132B;--sb-bg-start: #0d1632;--sb-border: rgba(255,255,255,.07);--sb-header-bg: radial-gradient(ellipse 200px 100px at 50% 60%, rgba(212,175,55,.11) 0%, transparent 100%), linear-gradient(180deg, rgba(212,175,55,.06) 0%, transparent 100%);--sb-header-border: rgba(212,175,55,.15);--sb-company-name: rgba(255,255,255,.9);--sb-company-name-alt: rgba(255,255,255,.55);--sb-close-btn: rgba(255,255,255,.4);--sb-avatar-border: rgba(180,136,42,.45);--sb-avatar-bg: rgba(180,136,42,.22);--sb-item-color: rgba(255,255,255,.65);--sb-item-hover-color: rgba(255,255,255,.92);--sb-item-hover-bg: rgba(255,255,255,.07);--sb-item-active-color: #D4AF37;--sb-item-active-bg: rgba(212,175,55,.16);--sb-item-active-font: 700;--sb-indicator: #D4AF37;--sb-group-title: rgba(255,255,255,.38);--sb-group-title-active: #D4AF37;--sb-group-hover: rgba(255,255,255,.72);--sb-arrow-opacity: .55;--sb-arrow-active-opacity: .85;--sb-separator: rgba(255,255,255,.05);--sb-hover-line: rgba(255,255,255,.14);--sb-powered-border: rgba(255,255,255,.06);--sb-powered-text: rgba(255,255,255,.28);--sb-powered-logo: .3;--sb-footer-bg: rgba(0,0,0,.15);--sb-footer-border: rgba(255,255,255,.08);--sb-user-name: rgba(255,255,255,.82);--sb-user-email: rgba(255,255,255,.38);--sb-user-btn-hover: rgba(255,255,255,.08);--sb-switcher-bg: rgba(255,255,255,.04);--sb-switcher-border: rgba(255,255,255,.08);--sb-switcher-inactive: rgba(255,255,255,.45)}[data-theme=light] body,[data-theme=light] html{color-scheme:light;background:var(--surface-0);color:var(--text-100)}[data-theme=light] .sidebar{background:#fff!important;border-left-color:#00000014!important}[data-theme=light] .sidebar-header{border-bottom-color:#d4af3724!important;background:radial-gradient(ellipse 200px 100px at 50% 60%,rgba(212,175,55,.09) 0%,transparent 100%),linear-gradient(180deg,rgba(212,175,55,.05) 0%,transparent 100%)!important}[data-theme=light] .sidebar-footer{background:#00000006!important;border-top-color:#00000012!important}[data-theme=light] .sidebar .nav-item{color:#52637a!important}[data-theme=light] .sidebar .nav-item:hover{color:#152645!important;background:#0f1b2d0d!important}[data-theme=light] .sidebar .nav-item.active{color:#152645!important;background:#d4af371c!important;font-weight:700!important}[data-theme=light] .sidebar .nav-item.active .nav-icon{color:#152645!important;background:#d4af3729!important}[data-theme=light] .sidebar .user-info h4{color:#1e2d45!important}[data-theme=light] .sidebar .user-info p{color:#64748b!important}[data-theme=light] .sidebar .user-card:hover{background:#0f1b2d0d!important}[data-theme=light] .sidebar .nav-section-label{color:#94a3b8!important}[data-theme=light] .sidebar-nav>div+div{border-top-color:#0000000f!important}[data-theme=light] .page-content{background:var(--surface-0)}[data-theme=light] .topbar{background:#fff;box-shadow:0 1px #00000012}[data-theme=light] .card,[data-theme=light] .stat-card{background:#fff;border-color:#00000012;box-shadow:0 1px 3px #0000000f,0 1px 8px #0000000a}[data-theme=light] table thead tr{background:#f8fafc}[data-theme=light] table tbody tr:hover{background:#f1f5fb}[data-theme=light] .modal-box{background:#fff;border-color:#00000014}[data-theme=light] .modal-header{background:#f8fafc;border-bottom-color:#00000012}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color-scheme:light}[data-theme=dark] body,[data-theme=dark] html{color-scheme:dark}[data-theme=dark] .topbar{background:var(--surface-1);box-shadow:0 1px 0 var(--border-0)}[data-theme=dark] .card,[data-theme=dark] .stat-card{box-shadow:0 1px 4px #00000059,0 1px 10px #00000038}[data-theme=dark] .search-bar:focus-within{background:var(--surface-2)}[data-theme=dark] .notif-dot{border-color:var(--surface-1)}[data-theme=dark] .modal-overlay{background:#000000b8}[data-theme=dark] .modal-box{background:var(--surface-1);border-color:var(--border-1);box-shadow:0 24px 80px #000000b3}[data-theme=dark] .modal-header{background:var(--surface-2);border-bottom-color:var(--border-0)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}[data-theme=dark] .form-control,[data-theme=dark] .input,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=date],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=search],[data-theme=dark] input:not([type]),[data-theme=dark] select,[data-theme=dark] textarea{background:#0e1c32!important;border-color:#ffffff1a!important;color:#e8edf5!important}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:#112035!important;color:#e8edf5!important}[data-theme=dark] .form-select option,[data-theme=dark] select option{background:#0e1c32;color:#e8edf5}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,[data-theme=dark] .form-input::placeholder{color:#4a6280!important}[data-theme=dark] input[type=date].form-input,[data-theme=dark] input[type=date]{color-scheme:dark}[data-theme=dark] table thead tr{background:var(--surface-2)}[data-theme=dark] table tbody tr:hover{background:var(--surface-hover)}[data-theme=dark] .page-content{background:var(--surface-0)}html,body{direction:rtl;font-family:Tajawal,Cairo,system-ui,-apple-system,sans-serif;background:var(--surface-0);color:var(--text-100);height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.page-content{color:var(--text-100);background:var(--surface-0)}.card,.stat-card{background:var(--surface-1);border:1px solid var(--border-1);color:var(--text-100)}table{color:var(--text-100)}thead tr{background:var(--surface-2)}thead th{color:var(--text-400);border-bottom:1px solid var(--border-1)}tbody td{border-bottom:1px solid var(--border-0)}.form-group label{color:var(--text-300)}.page-content h1,.page-content h2,.page-content h3{color:var(--text-100)}.page-content p,.page-content span{color:inherit}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app-layout{display:flex;height:100vh;overflow:hidden;background:var(--surface-0)}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,var(--sb-bg-start) 0%,var(--sb-bg) 20%,var(--sb-bg) 100%);border-left:1px solid var(--sb-border);display:flex;flex-direction:column;flex-shrink:0;z-index:50;overflow:hidden;transition:background var(--dur-slow) var(--ease)}.sidebar-logo-full{width:100%;max-width:210px;height:auto;object-fit:contain;object-position:right center;display:block}.topbar-brand-logo{display:none;height:52px;width:auto;object-fit:contain;flex-shrink:0}@media(max-width:768px){.topbar-brand-logo{display:block;margin-left:6px;margin-right:2px}}.sidebar-header{padding:14px 12px 12px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--sb-header-border);flex-shrink:0;background:var(--sb-header-bg)}.sidebar-brand{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.sidebar-logo-wrap,.sidebar-brand-text,.sidebar-erp-tag{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:6px 6px 10px;display:flex;flex-direction:column;gap:0}.sidebar-nav>div+div{border-top:1px solid var(--sb-separator);margin-top:2px;padding-top:2px}.nav-section-label{font-size:9px;font-weight:700;color:var(--text-500);text-transform:uppercase;letter-spacing:1.4px;padding:10px 10px 5px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-400);font-size:13px;font-weight:500;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);border:none;background:transparent;width:100%;text-align:right;position:relative;white-space:nowrap}.nav-item:hover{color:var(--text-200);background:#ffffff0d}.nav-item.active{color:var(--gold-400);background:#d4af3721;font-weight:600}.nav-item.active:after{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;background:linear-gradient(180deg,var(--gold-300),var(--sb-indicator));border-radius:0 3px 3px 0}.nav-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;flex-shrink:0;color:inherit;transition:background var(--dur-fast) var(--ease)}.nav-item.active .nav-icon{color:var(--gold-400);background:#d4af3729}.nav-badge{margin-left:auto;background:var(--gold-500);color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:20px;min-width:16px;text-align:center}.sidebar-footer{padding:10px 8px;border-top:1px solid var(--sb-footer-border);flex-shrink:0;background:var(--sb-footer-bg)}.sidebar .nav-section-label{color:var(--sb-group-title)}.sidebar .nav-item.active{color:var(--sb-item-active-color);background:var(--sb-item-active-bg);font-weight:var(--sb-item-active-font)}.sidebar .nav-item.active .nav-icon{color:var(--sb-item-active-color);background:var(--sb-item-active-bg)}.sidebar .nav-badge{background:var(--gold-500);color:#fff}.user-card{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.sidebar .user-card:hover{background:var(--sb-item-hover-bg)}.sidebar .user-info h4{color:var(--sb-user-name)}.sidebar .user-info p{color:var(--sb-user-email)}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold-600),var(--navy-600));display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info h4{font-size:11.5px;font-weight:600;color:var(--text-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info p{font-size:10px;color:var(--text-500);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-h);background:var(--surface-1);border-bottom:1px solid var(--border-0);box-shadow:0 1px 4px #0000000f;display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex-shrink:0;gap:16px}.topbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.topbar-center{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 16px}.topbar-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.topbar-title{font-size:13.5px;font-weight:700;color:var(--text-100);letter-spacing:-.1px;white-space:nowrap}.topbar-sep{width:1px;height:12px;background:var(--border-1);flex-shrink:0}.topbar-sub{font-size:11.5px;color:var(--text-500);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar{display:flex;align-items:center;gap:7px;background:var(--surface-0);border:1px solid var(--border-0);border-radius:var(--radius-sm);padding:0 11px;height:32px;min-width:200px;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.search-bar:focus-within{border-color:var(--border-gold);background:var(--surface-1);box-shadow:0 0 0 3px #d4af371a}.search-bar input{background:transparent;border:none;outline:none;color:var(--text-100);font-size:12.5px;width:100%;direction:rtl}.search-bar input::placeholder{color:var(--text-500)}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-0);border:1px solid var(--border-0);display:flex;align-items:center;justify-content:center;color:var(--text-400);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);position:relative}.icon-btn:hover{background:var(--surface-hover);color:var(--text-100);border-color:var(--border-1)}.notif-dot{position:absolute;top:7px;right:7px;width:5px;height:5px;background:var(--gold-400);border-radius:50%;border:1.5px solid #fff}.notif-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;border-radius:10px;border:2px solid var(--surface-1);display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;letter-spacing:0;pointer-events:none;animation:notif-pop .25s var(--ease) both}@keyframes notif-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.page-content{flex:1;overflow-y:auto;padding:22px 26px 36px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-header-left h2{font-size:17px;font-weight:800;color:var(--text-100);letter-spacing:-.4px;line-height:1.3}.page-header-left p{font-size:12px;color:var(--text-500);margin-top:3px;font-weight:400}.header-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.card{background:var(--surface-1);border:1px solid var(--border-0);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 8px #0000000a;transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.card:hover{border-color:var(--border-1);box-shadow:0 4px 18px #00000017,0 1px 4px #0000000d}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;border-bottom:1px solid var(--border-0);gap:12px;flex-wrap:wrap}.card-title{font-size:13px;font-weight:700;color:var(--text-100);letter-spacing:-.1px}.card-subtitle{font-size:11px;color:var(--text-500);margin-top:2px;font-weight:400}.card-body{padding:18px 20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-card{background:var(--surface-1);border:1px solid var(--border-0);border-radius:var(--radius-lg);padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:default;box-shadow:0 1px 4px #00000012,0 2px 10px #0000000d;transition:border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.stat-card:hover{border-color:var(--border-gold);transform:translateY(-1px);box-shadow:0 6px 22px #d4af3724}.stat-info{flex:1;min-width:0}.stat-label{font-size:11px;color:var(--text-300);margin-bottom:6px;font-weight:600;letter-spacing:.2px}.stat-value{font-size:26px;font-weight:800;color:var(--text-100);line-height:1;letter-spacing:-.5px}.stat-change{font-size:10.5px;margin-top:6px;display:flex;align-items:center;gap:4px;font-weight:600}.stat-change.up{color:#16a34a}.stat-change.down{color:#dc2626}.stat-change.neutral{color:var(--text-400)}.stat-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.92}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:480px}thead th{text-align:right;padding:9px 16px;font-size:10px;font-weight:700;color:var(--text-400);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--border-0);white-space:nowrap;background:var(--surface-2);position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}tbody tr{border-bottom:1px solid var(--border-0);transition:background var(--dur-fast) var(--ease)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface-hover)}tbody td{padding:12px 16px;color:var(--text-200);vertical-align:middle;line-height:1.4}.badge{display:inline-flex;align-items:center;gap:4px;padding:2.5px 8px;border-radius:20px;font-size:10.5px;font-weight:600;white-space:nowrap;letter-spacing:.1px;vertical-align:middle}.badge-success{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.badge-warning{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.25)}.badge-danger{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.badge-info{background:#3b82f61f;color:#1d4ed8;border:1px solid rgba(59,130,246,.25)}.badge-gold{background:#d4af371f;color:var(--gold-600);border:1px solid rgba(212,175,55,.28)}.badge-muted{background:var(--surface-2);color:var(--text-400);border:1px solid var(--border-0)}.badge-purple{background:#8b5cf61f;color:#7c3aed;border:1px solid rgba(139,92,246,.25)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);white-space:nowrap;letter-spacing:.1px;line-height:1.4;vertical-align:middle}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--gold-500);color:#fff;box-shadow:0 1px 4px #0003,inset 0 1px #ffffff14}.btn-primary:not(:disabled):hover{background:var(--gold-400);transform:translateY(-1px);box-shadow:0 4px 14px #c8920c52}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-secondary{background:var(--surface-1);color:var(--text-200);border:1px solid var(--border-1)}.btn-secondary:not(:disabled):hover{background:var(--surface-hover);border-color:var(--border-2);color:var(--text-100)}.btn-ghost{background:transparent;color:var(--text-400);padding:5px 9px}.btn-ghost:not(:disabled):hover{color:var(--text-100);background:var(--surface-hover)}.btn-danger-ghost{color:#dc2626;border:1px solid rgba(239,68,68,.22);background:#ef444412}.btn-danger-ghost:not(:disabled):hover{background:#ef444421;color:#b91c1c}.btn-success-ghost{background:#22c55e12;color:#16a34a;border:1px solid rgba(34,197,94,.22)}.btn-success-ghost:not(:disabled):hover{background:#22c55e21;color:#15803d}.btn-sm{padding:5px 11px;font-size:11.5px;gap:5px}.btn-xs{padding:3px 8px;font-size:11px;gap:4px;border-radius:6px}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;border:2px solid rgba(255,255,255,.2);box-shadow:0 1px 4px #0000002e}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-60-40{display:grid;grid-template-columns:3fr 2fr;gap:14px}.grid-65-35{display:grid;grid-template-columns:63fr 37fr;gap:14px}.progress-bar{height:5px;background:#00000014;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;background:var(--gold-500);transition:width .7s var(--ease)}[dir=rtl] .progress-fill{margin-right:0}.divider{height:1px;background:var(--border-0);margin:12px 0}.form-label{display:block;font-size:11.5px;font-weight:600;color:var(--text-300);margin-bottom:6px;letter-spacing:.1px}.form-input{width:100%;background:#fff;border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-100);font-size:13px;outline:none;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);direction:rtl}.form-input:focus{border-color:var(--gold-500);background:#fff;box-shadow:0 0 0 3px #d4af371a}.form-input::placeholder{color:var(--text-500)}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-2)}textarea.form-input{resize:vertical;min-height:80px;line-height:1.5}input[type=date].form-input{color-scheme:light}.form-select{width:100%;background:#fff;border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-100);font-size:13px;outline:none;cursor:pointer;direction:rtl;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.form-select:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4af371a}.form-select option{background:#fff;color:var(--text-100)}.tabs{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--border-0);border-radius:var(--radius-sm);padding:3px;margin-bottom:16px;width:fit-content}.tab-btn{flex:1;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;border:none;cursor:pointer;color:var(--text-400);background:transparent;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);white-space:nowrap}.tab-btn.active{background:#fff;color:var(--gold-600);box-shadow:0 1px 3px #0000001a}.tab-btn:not(.active):hover{color:var(--text-200);background:var(--surface-hover)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:11px;padding-bottom:15px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;right:13px;top:28px;bottom:2px;width:1px;background:var(--border-0)}.timeline-dot{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;border:1px solid var(--border-0)}.timeline-content{flex:1;padding-top:4px}.timeline-content h5{font-size:12px;font-weight:600;color:var(--text-200);line-height:1.4}.timeline-content p{font-size:10.5px;color:var(--text-500);margin-top:2px}.notice-strip{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-size:12.5px;font-weight:500}.notice-strip.warning{background:#f59e0b12;border:1px solid rgba(245,158,11,.22);color:#b45309}.notice-strip.danger{background:#ef444412;border:1px solid rgba(239,68,68,.22);color:#dc2626}.notice-strip.info{background:#3b82f612;border:1px solid rgba(59,130,246,.22);color:#1d4ed8}.notice-strip.success{background:#22c55e12;border:1px solid rgba(34,197,94,.22);color:#16a34a}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.legend-val{margin-left:auto;font-weight:700;color:var(--text-200);font-size:12.5px}.kpi-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#0000000a;border:1px solid var(--border-1);color:var(--text-300)}.mobile-nav-btn{display:none;width:32px;height:32px;border-radius:7px;background:var(--surface-0);border:1px solid var(--border-1);align-items:center;justify-content:center;color:var(--text-300);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.mobile-nav-btn:hover{background:var(--surface-hover);color:var(--text-100)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.p-0{padding:0}.w-full{width:100%}.text-gold{color:var(--gold-500)}.text-muted{color:var(--text-400)}.text-sub{color:var(--text-300)}.text-success{color:#16a34a}.text-danger{color:#dc2626}.text-warning{color:#b45309}.text-info{color:#1d4ed8}.text-purple{color:#7c3aed}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semi{font-weight:600}.font-medium{font-weight:500}.text-base{font-size:13px}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-2xs{font-size:10px}.tracking-wide{letter-spacing:.4px}.leading-snug{line-height:1.4}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.no-wrap{white-space:nowrap}.profile-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-layout{display:grid;grid-template-columns:196px 1fr;gap:14px;align-items:start}.table-footer{padding:12px 20px;border-top:1px solid var(--border-0);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.table-footer-total{display:flex;align-items:center;gap:14px;margin-right:auto}.empty-state{padding:48px 24px;text-align:center;color:var(--text-400);display:flex;flex-direction:column;align-items:center;gap:10px}.empty-state-icon{width:56px;height:56px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:var(--text-400);box-shadow:0 2px 10px #0000000d}.empty-state h3{font-size:13px;font-weight:600;color:var(--text-300)}.empty-state p{font-size:11.5px;color:var(--text-500)}.kpi-6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}@media(max-width:1400px){.kpi-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.kpi-6{grid-template-columns:repeat(2,1fr)}}@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-60-40,.grid-65-35{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:172px 1fr}}@media(max-width:900px){:root{--sidebar-w: 0px}.profile-modal-grid{grid-template-columns:1fr;gap:16px}.settings-layout{grid-template-columns:1fr}.settings-layout>:first-child{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:4px;padding:8px!important;overflow-x:auto}.settings-layout>:first-child .nav-item{width:auto!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;flex-shrink:0;border-left:none!important}.settings-layout>:first-child .nav-item:before{display:none!important}.sidebar{position:fixed;top:0;right:0;width:260px;height:100%;transform:translate(100%);transition:transform .28s var(--ease);z-index:200;border-left:1px solid var(--border-1);box-shadow:-12px 0 40px #00000080}.sidebar.open{transform:translate(0)}.mobile-nav-btn{display:flex}.page-content{padding:16px 16px 28px}.topbar{padding:0 14px}.topbar-sep,.topbar-sub{display:none}.search-bar{min-width:140px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.grid-60-40,.grid-65-35{grid-template-columns:1fr}}@media(max-width:580px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.leaves-balance-grid{grid-template-columns:repeat(2,1fr)!important}.header-actions{flex-wrap:wrap;gap:6px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.topbar-title{font-size:13px}.topbar-sep,.topbar-sub{display:none}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:spin .9s linear infinite}.skeleton-shimmer{background:linear-gradient(90deg,#0000000a 25%,#00000017,#0000000a 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.kpi-ring{position:relative}.kpi-ring:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid var(--border-gold);opacity:0;transition:opacity var(--dur-base) var(--ease)}.kpi-ring:hover:before{opacity:1}.contract-active{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.contract-expiring{background:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.25)}.contract-expired{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}@media print{.sidebar,.topbar,.header-actions{display:none!important}.page-content{padding:0;overflow:visible}.card{border:1px solid #ddd}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}60%{transform:scale(1.9);opacity:0}to{transform:scale(1.9);opacity:0}}.live-dot{position:relative;display:inline-flex;align-items:center;justify-content:center}.live-dot:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.pulse-ring:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-row td{padding:13px 16px}.skeleton-cell{height:12px;border-radius:6px;display:inline-block}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.table-wrap-scroll{overflow-x:auto;overflow-y:auto;max-height:480px}.table-wrap-scroll thead th{position:sticky;top:0;z-index:3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.nav-item:hover:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--sb-hover-line);border-radius:0 2px 2px 0}.nav-item.active:before{display:none}.search-bar:focus-within{min-width:240px}[data-theme=dark] .card:hover{border-color:#ffffff1a;box-shadow:0 6px 24px #00000073,0 1px 4px #0000004d}.stat-card:hover .stat-value{color:var(--gold-600);transition:color var(--dur-base) var(--ease)}.icon-btn:active{transform:scale(.94);background:var(--surface-hover)}.btn:active{transform:scale(.97)}.badge-lg{padding:4px 12px;font-size:11.5px;border-radius:8px}.alert-section{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.alert-item{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);flex:1;min-width:180px}.alert-item:hover{transform:translateY(-1px)}.alert-item.danger{background:#ef444412;border:1px solid rgba(239,68,68,.2);color:#dc2626}.alert-item.danger:hover{background:#ef44441f;border-color:#ef444459}.alert-item.warning{background:#f59e0b12;border:1px solid rgba(245,158,11,.2);color:#b45309}.alert-item.warning:hover{background:#f59e0b1f;border-color:#f59e0b59}.chart-container{padding:8px 0 4px}.chart-legend{display:flex;flex-wrap:wrap;gap:10px 18px;padding:8px 20px 4px}.chart-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-400);font-weight:500}.chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.page-fade-enter{opacity:0;transform:translateY(6px)}.page-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .15s ease,transform .15s ease}::-webkit-scrollbar:hover{width:6px}[data-theme=dark] .notif-count{border-color:#0b1527}.role-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700}.page-header:after{content:none}.sidebar-nav::-webkit-scrollbar{width:2px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sb-hover-line)}.row-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--dur-fast) var(--ease)}tbody tr:hover .row-actions{opacity:1}.card-static:hover{box-shadow:0 1px 3px #0000000f,0 1px 8px #0000000a;border-color:var(--border-0);transform:none}.modal-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.form-input,.form-select{transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}@media(max-width:1100px){.kpi-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.kpi-6{grid-template-columns:repeat(2,1fr)}.alert-item{min-width:100%}}.ProseMirror span[style*=font-size]{font-size:inherit}.ProseMirror [style*="font-size:"]{line-height:1.6}.ProseMirror table{width:100%;border-collapse:collapse;direction:ltr!important;margin:12px 0;table-layout:auto}.ProseMirror table td,.ProseMirror table th{border:1px solid #cbd5e1;padding:6px 10px;text-align:right;direction:rtl;vertical-align:top;min-width:40px}.ProseMirror table th{background:#f1f5f9;font-weight:700;color:#0f1e3d}.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background:#3b82f6;pointer-events:none;opacity:0;transition:opacity .15s}.ProseMirror table td:hover .column-resize-handle,.ProseMirror table th:hover .column-resize-handle{opacity:1}.ProseMirror.resize-cursor,.ProseMirror.resize-cursor *{cursor:col-resize!important}.ProseMirror table .selectedCell{background:#dbeafe!important;outline:2px solid #3b82f6}.ProseMirror table tr:hover td{background:#f8fafc}.lc-tbtn:hover{background:#e2e8f0!important}.ProseMirror{word-spacing:.02em;-webkit-font-smoothing:antialiased}.ProseMirror p{line-height:2}.ProseMirror ul,.ProseMirror ol{padding-right:24px}.ProseMirror li{margin-bottom:4px;line-height:2}.ProseMirror blockquote{border-right:3px solid #0f1e3d;padding-right:14px;margin:0 0 12px;color:#475569;font-style:italic}.ProseMirror hr{border:none;border-top:1px solid #e2e8f0;margin:16px 0}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-1) 50%,var(--surface-2) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear}.skeleton-block{border-radius:12px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-1) 50%,var(--surface-2) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear}@media print{.lc-no-print,header,nav,aside{display:none!important}@page{size:A4 portrait;margin:20mm 18mm 22mm}.ProseMirror{font-size:13pt!important;line-height:2!important;color:#000!important;background:#fff!important;direction:rtl;word-spacing:.03em}.ProseMirror table,.ProseMirror table tr{page-break-inside:avoid}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{page-break-after:avoid}.ProseMirror p{orphans:3;widows:3}}@media(max-width:900px){.btn,.icon-btn,.nav-item,select,input[type=date],input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea{min-height:44px}.btn{padding:10px 18px;font-size:13px}.topbar{height:52px;padding:0 14px;gap:8px}.topbar-center{display:none}.topbar-right{gap:6px}.topbar-right>div:last-child span{display:none}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.modal-body{padding:16px}.modal{max-width:calc(100vw - 24px);margin:12px}.app-layout{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:680px){.table-wrap,.table-wrap-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;scroll-snap-type:x proximity;border-radius:10px}.table-wrap table,.table-wrap-scroll table{min-width:560px}.table-cards-mobile{overflow-x:visible!important}.table-cards-mobile table{min-width:unset!important;border-collapse:separate;border-spacing:0 8px}.table-cards-mobile thead{display:none}.table-cards-mobile tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--surface-1);border-radius:12px;border:1px solid var(--border-0);margin-bottom:10px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.table-cards-mobile tbody tr:hover{background:var(--surface-1)}.table-cards-mobile tbody td{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-bottom:1px solid var(--border-0);font-size:12px}.table-cards-mobile tbody td:last-child,.table-cards-mobile tbody td:nth-last-child(2):nth-child(odd){border-bottom:none}.table-cards-mobile tbody td:before{content:attr(data-label);font-size:10px;font-weight:700;color:var(--text-400);text-transform:uppercase;letter-spacing:.5px}.table-cards-mobile tbody td[data-label=إجراءات],.table-cards-mobile tbody td[data-label=actions]{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;background:var(--surface-2);border-bottom:none}.table-cards-mobile tbody td[data-label=إجراءات]:before,.table-cards-mobile tbody td[data-label=actions]:before{display:none}}@media(max-width:680px){.attend-checkin-hero{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.attend-checkin-hero .btn-checkin-mobile{width:100%;justify-content:center;font-size:15px;font-weight:700;padding:14px 20px;border-radius:14px;min-height:54px;letter-spacing:.3px}.attend-kpi-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.attend-kpi-row .stat-card{padding:12px}}@media(max-width:580px){.kpi-6{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:14px 12px}.stat-card h2{font-size:22px}.stat-card p{font-size:11px}.corr-item{flex-direction:column;gap:8px;align-items:flex-start}.corr-item-meta{font-size:10.5px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;max-width:100vw;max-height:100dvh;margin:0;border-radius:0;overflow-y:auto}.page-content{padding:12px 12px 32px}.section-title{font-size:13px}.leaves-balance-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.filter-bar{flex-wrap:wrap;gap:6px}.filter-bar select,.filter-bar input{flex:1 1 120px;min-width:0}.table-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.table-toolbar-right{width:100%;justify-content:space-between}}@supports (padding-bottom: env(safe-area-inset-bottom)){.page-content{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.sidebar{padding-bottom:env(safe-area-inset-bottom)}}.page-content,.table-wrap,.table-wrap-scroll,.modal-body{-webkit-overflow-scrolling:touch}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}:root{--gold-glow: rgba(212, 175, 55, .18);--gold-glow-sm: rgba(212, 175, 55, .1);--navy-deep: #060C18;--shadow-card: 0 1px 3px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.06);--shadow-card-hover: 0 2px 6px rgba(0,0,0,.1), 0 8px 28px rgba(0,0,0,.1);--shadow-btn-gold: 0 2px 8px rgba(180,136,42,.32), 0 1px 3px rgba(0,0,0,.18);--gold-border: 1px solid rgba(212,175,55,.28);--inset-shine: inset 0 1px 0 rgba(255,255,255,.07)}[data-theme=dark]{--shadow-card: 0 1px 4px rgba(0,0,0,.35), 0 4px 20px rgba(0,0,0,.28);--shadow-card-hover: 0 2px 8px rgba(0,0,0,.5), 0 10px 36px rgba(0,0,0,.38);--shadow-btn-gold: 0 2px 12px rgba(180,136,42,.42), 0 1px 3px rgba(0,0,0,.4)}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#0d1632,#0b132b 18%,#0b132b 60%,#090f22)!important;border-left:1px solid rgba(212,175,55,.12)!important}[data-theme=dark] .sidebar-header{background:linear-gradient(180deg,#d4af3712,#d4af3705)!important;border-bottom:1px solid rgba(212,175,55,.12)!important}[data-theme=dark] .sidebar .nav-item.active{background:linear-gradient(90deg,#d4af3729,#d4af3714)!important;color:var(--gold-300)!important;border-radius:8px}[data-theme=dark] .nav-item.active:after{width:3px!important;background:linear-gradient(180deg,#f5e070,#d4af37,#9b7a10)!important;border-radius:0 3px 3px 0!important;box-shadow:0 0 8px #d4af3780!important}[data-theme=dark] .sidebar .nav-item:hover{background:#ffffff0e!important;color:#ffffffe0!important}[data-theme=dark] .sidebar-footer{border-top:1px solid rgba(212,175,55,.1)!important}[data-theme=light] .nav-item.active:after{width:3px!important;background:linear-gradient(180deg,#d4af37,#9b7a10)!important;border-radius:0 3px 3px 0!important;box-shadow:none!important}.topbar{border-bottom:1px solid var(--border-0)!important;box-shadow:0 1px 0 var(--border-0),0 2px 12px #0000000a!important}[data-theme=dark] .topbar{border-bottom:1px solid rgba(212,175,55,.08)!important}.topbar-title{font-size:14px!important;font-weight:800!important;letter-spacing:-.2px!important}.btn-primary{background:linear-gradient(135deg,#d4af37,#b4882a)!important;box-shadow:var(--shadow-btn-gold)!important;border:1px solid rgba(255,255,255,.08)!important}.btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#e0bd44,#c49930)!important;box-shadow:0 4px 18px #b4882a70,0 1px 4px #00000038!important;transform:translateY(-1px)!important}.btn-primary:not(:disabled):active{transform:translateY(0)!important;box-shadow:0 1px 4px #00000038!important}.btn-secondary{border:1px solid var(--border-1)!important;box-shadow:0 1px 3px #0000000f,var(--inset-shine)!important}.btn-secondary:not(:disabled):hover{border-color:#d4af3759!important;color:var(--text-100)!important;box-shadow:0 1px 6px #0000001a,0 0 0 1px #d4af372e!important}.card{box-shadow:var(--shadow-card)!important;border:1px solid var(--border-0)!important;transition:box-shadow .22s var(--ease),transform .22s var(--ease)!important}.card:hover{box-shadow:var(--shadow-card-hover)!important}.stat-card{box-shadow:var(--shadow-card)!important;border:1px solid var(--border-0)!important;border-top:2.5px solid rgba(212,175,55,.22)!important;transition:box-shadow .22s var(--ease),border-top-color .22s var(--ease)!important}.stat-card:hover{box-shadow:var(--shadow-card-hover)!important;border-top-color:#d4af378c!important}thead th{background:var(--surface-2)!important;font-size:10.5px!important;letter-spacing:.8px!important;color:var(--text-300)!important;font-weight:800!important;border-bottom:2px solid var(--border-1)!important}[data-theme=dark] thead th{background:#0a1424!important;border-bottom:2px solid rgba(212,175,55,.12)!important;color:#ffffff6b!important}.badge-success{background:#22c55e21!important;border-color:#22c55e4d!important}.badge-warning{background:#f59e0b21!important;border-color:#f59e0b4d!important}.badge-danger{background:#ef444421!important;border-color:#ef44444d!important}.badge-info{background:#3b82f621!important;border-color:#3b82f64d!important}.badge-gold{background:#d4af3726!important;border-color:#d4af375c!important;color:#a07820!important}[data-theme=dark] .badge-gold{color:#d4af37!important}.page-content{background:var(--surface-0)!important}.section-title{font-weight:800!important;letter-spacing:-.15px!important;color:var(--text-100)!important}.modal-box{box-shadow:0 24px 80px #00000038,0 8px 28px #00000024!important}[data-theme=dark] .modal-box{box-shadow:0 24px 80px #000000b8,0 8px 28px #0000008c!important;border:1px solid rgba(212,175,55,.1)!important}.modal-header{border-bottom:1px solid var(--border-0)!important}[data-theme=dark] .modal-header{border-bottom:1px solid rgba(212,175,55,.08)!important}input:focus,select:focus,textarea:focus{border-color:#d4af378c!important;box-shadow:0 0 0 3px #d4af371a!important;outline:none!important}::-webkit-scrollbar-thumb{background:#d4af3740!important}::-webkit-scrollbar-thumb:hover{background:#d4af3773!important}.divider-gold{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.35) 30%,rgba(212,175,55,.55) 50%,rgba(212,175,55,.35) 70%,transparent 100%);margin:16px 0}.letter-preview-body{font-size:13.5px;line-height:2;color:#1e293b;word-spacing:.02em}.letter-preview-body p{margin:0 0 11px}.letter-preview-body h1{font-size:21px;font-weight:800;margin:0 0 14px;color:#0f1e3d}.letter-preview-body h2{font-size:17px;font-weight:700;margin:0 0 11px;color:#0f1e3d}.letter-preview-body h3{font-size:14px;font-weight:700;margin:0 0 9px;color:#0f1e3d}.letter-preview-body ul,.letter-preview-body ol{padding-right:22px;margin:0 0 11px}.letter-preview-body li{margin-bottom:4px;line-height:2}.letter-preview-body strong{font-weight:800}.letter-preview-body em{font-style:italic}.letter-preview-body u{text-decoration:underline}.letter-preview-body blockquote{border-right:3px solid #0f1e3d;padding-right:14px;margin:0 0 11px;color:#475569;font-style:italic}.letter-preview-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12.5px;direction:rtl}.letter-preview-body table td,.letter-preview-body table th{border:1px solid #cbd5e1;padding:7px 10px;text-align:right;vertical-align:top}.letter-preview-body table th{background:#f1f5f9;font-weight:700;color:#0f1e3d}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.topbar,.sidebar{padding-top:max(0px,env(safe-area-inset-top))}.page-content{padding-bottom:max(28px,calc(28px + env(safe-area-inset-bottom)))}.btn,button,[role=button],.nav-item,.action-btn{min-height:44px;touch-action:manipulation}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100vw}table{border-collapse:collapse}.page-content>*{max-width:100%}@media(max-width:580px){.form-row{flex-direction:column;gap:10px}.form-row .form-group{min-width:unset!important;width:100%!important}input,select,textarea{font-size:16px!important}}@media(max-width:580px){.modal-box,.modal-content{width:100%!important;max-width:100vw!important;border-radius:16px 16px 0 0!important}.modal-overlay{align-items:flex-end!important}}.sidebar,.page-content,.modal-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sidebar-nav{padding:10px 10px 16px;gap:1px}.sidebar-nav>div+div{margin-top:6px;padding-top:6px}.nav-item{padding:9px 12px;font-size:13px;font-weight:500;gap:10px;border-radius:8px}.sidebar .nav-item{color:var(--sb-item-color)}.sidebar .nav-item:hover{color:var(--sb-item-hover-color);background:var(--sb-item-hover-bg)}.sidebar .nav-item.active{color:var(--sb-item-active-color);background:var(--sb-item-active-bg);font-weight:700}.nav-item.active:after{top:2px;bottom:2px;width:3px;border-radius:0 3px 3px 0;background:var(--sb-indicator)}.nav-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0}.nav-item.active .nav-icon{background:#d4af372e}.nav-section-label{padding:14px 12px 5px;font-size:9.5px;letter-spacing:1.8px;font-weight:800;color:var(--sb-group-title)}.user-avatar{width:34px;height:34px;font-size:12px;font-weight:800}.user-info h4{font-size:12.5px;font-weight:700}.user-info p{font-size:10.5px;margin-top:1px}.user-card{padding:10px 12px;gap:10px}.sidebar-footer{padding:10px 10px 12px}.stat-card{padding:16px 18px 14px;border-radius:12px;border-top:2.5px solid transparent;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000012,0 2px 12px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0000001a,0 2px 6px #0000000f}.stat-value{font-size:28px;font-weight:900;letter-spacing:-.8px;line-height:1}.stat-label{font-size:11px;font-weight:600;letter-spacing:.1px;margin-bottom:8px;color:var(--text-400)}.stat-change{font-size:11px;margin-top:8px}.stat-icon-wrap{width:40px;height:40px;border-radius:11px}.card{border-radius:12px;border-color:var(--border-0);box-shadow:0 1px 2px #0000000d,0 2px 10px #0000000a;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.card:hover{box-shadow:0 4px 18px #00000017,0 1px 4px #0000000d;transform:translateY(-1px);border-color:var(--border-1)}.card-header{padding:15px 20px 12px;gap:10px}.card-title{font-size:13px;font-weight:700;letter-spacing:-.1px}.card-subtitle{font-size:11px;color:var(--text-500)}.card-body{padding:16px 20px}.topbar{height:62px;padding:0 20px;gap:14px}.topbar-title{font-size:13px;font-weight:700}.topbar-sub{font-size:11px;color:var(--text-500)}.search-bar{height:34px;padding:0 12px;border-radius:8px;min-width:190px}.search-bar input{font-size:12px}.icon-btn{width:34px;height:34px;border-radius:8px}thead th{padding:8px 16px;font-size:10px;letter-spacing:.9px;font-weight:800;color:var(--text-400);text-transform:uppercase}tbody td{padding:10px 16px;font-size:13px;color:var(--text-200)}tbody tr{transition:background .1s ease}tbody td:first-child{font-weight:600;color:var(--text-100)}.action-cell{opacity:.4;transition:opacity .15s ease}tbody tr:hover .action-cell{opacity:1}[data-theme=dark] .stat-card{background:var(--surface-1);border-color:#ffffff12;box-shadow:0 1px 4px #0006,0 2px 16px #00000040}[data-theme=dark] .stat-card:hover{box-shadow:0 6px 24px #00000073,0 2px 6px #0000004d;border-color:#d4af3738;transform:translateY(-2px)}[data-theme=dark] .card{background:var(--surface-1);border-color:#ffffff12;box-shadow:0 1px 4px #00000059,0 2px 14px #00000038}[data-theme=dark] .card:hover{box-shadow:0 4px 20px #00000073,0 1px 6px #0000004d;border-color:#ffffff1c}[data-theme=dark] .topbar{background:var(--surface-1);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:none}[data-theme=dark] .search-bar{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .search-bar:focus-within{background:#ffffff0f;border-color:#d4af3759;box-shadow:0 0 0 3px #d4af3712}[data-theme=dark] .icon-btn{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .icon-btn:hover{background:#ffffff14;border-color:#ffffff24}[data-theme=dark] thead th{background:#ffffff06;color:#fff6;border-bottom-color:#ffffff12;letter-spacing:1px}[data-theme=dark] tbody td{color:#fffc;border-bottom-color:#ffffff0d}[data-theme=dark] tbody td:first-child{color:#ffffffeb}[data-theme=dark] tbody tr:hover{background:#ffffff09}[data-theme=dark] .modal-box{box-shadow:0 32px 100px #000000bf,0 4px 16px #00000080}[data-theme=dark] .form-group label,[data-theme=dark] .form-label{color:#ffffff8c}[data-theme=dark] .card-title{color:#ffffffe6}[data-theme=dark] .card-subtitle{color:#ffffff61}[data-theme=dark] .stat-label{color:#ffffff73}[data-theme=dark] .stat-value{color:#fffffff2}.btn{font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:8px;gap:5px}.btn-primary{font-weight:700;letter-spacing:.1px}.btn-sm{font-size:11.5px;padding:5px 11px}.page-header{margin-bottom:18px}.page-header-left h2{font-size:16px;font-weight:800;letter-spacing:-.4px}.page-header-left p{font-size:11.5px;margin-top:2px;color:var(--text-500)}.modal-header{padding:14px 20px}.modal-title{font-size:14px;font-weight:700;letter-spacing:-.1px}.form-label{font-size:11.5px;font-weight:600;margin-bottom:5px;display:block;color:var(--text-300)}.form-group{margin-bottom:14px}.form-input,.form-select{height:36px;font-size:12.5px;border-radius:8px;padding:0 11px}textarea.form-input{height:auto;padding:9px 11px;min-height:72px}.form-input:focus,.form-select:focus{outline:none;border-color:#d4af3780;box-shadow:0 0 0 3px #d4af3717}@media(min-width:769px){.nav-item,.btn,button,[role=button],.action-btn{min-height:unset}}@media(max-width:768px){.topbar-hide-mobile,.topbar-theme-label,.topbar-search-label,.topbar-search-kbd,.topbar-username{display:none!important}.topbar-theme-btn,.topbar-search-btn{padding:0 8px!important;border-radius:8px!important;min-width:34px;justify-content:center}.topbar{height:56px!important;padding:0 12px!important;gap:8px!important}.topbar-title{font-size:12.5px!important}.page-content{padding:14px 14px 28px!important}.page-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.page-header-left h2{font-size:15px!important}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}.card-header{padding:12px 16px 10px!important}.card-body{padding:14px 16px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-card{padding:12px 14px 10px!important}.stat-value{font-size:22px!important}.stat-label{font-size:10px!important}.stat-icon-wrap{width:34px!important;height:34px!important}.modal-box,.modal-content{width:100%!important;max-width:100vw!important;margin:0!important;border-radius:16px 16px 0 0!important;max-height:92vh!important}.modal-overlay{align-items:flex-end!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn{padding:8px 14px!important;font-size:12.5px!important}.btn-sm{padding:6px 11px!important}.form-row{flex-direction:column!important;gap:10px!important}.form-row .form-group{min-width:unset!important;width:100%!important}.form-input,.form-select{height:40px!important;font-size:14px!important}input,select,textarea{font-size:14px!important}}@media(max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.stat-value{font-size:20px!important}.topbar{gap:6px!important}.topbar-title{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}}@media(max-width:360px){.stats-grid{grid-template-columns:1fr!important}.page-content{padding:12px 12px 24px!important}}@media(max-width:768px){.sidebar{width:280px!important;border-left:none!important;box-shadow:-8px 0 32px #0000004d!important}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-item{padding:11px 14px!important;font-size:13.5px!important;min-height:44px!important}.nav-icon{width:34px!important;height:34px!important}}@media(max-width:768px){.dashboard-banner-actions{display:none}}