body.ds{--bg:#f8fafc;--surface:#fff;--surface2:#f8fafc;--card:#fff;--border:#e2e8f0;--border2:#cbd5e1;--text1:#1e293b;--text:#1e293b;--text2:#475569;--text3:#64748b;--accent:#2563eb;--accent2:#1d4ed8;--green:#16a34a;--red:#dc2626;--amber:#b45309;--cyan:#0e7490;--radius:10px;--ds-faint:#94a3b8;--ds-soft:#f1f5f9;--ds-shadow:0 12px 32px #0f172a29;--ds-blue-soft:#eff6ff;--ds-blue-text:#1d4ed8;--ds-blue-line:#bfdbfe;--ds-green-soft:#f0fdf4;--ds-green-text:#15803d;--ds-green-line:#bbf7d0;--ds-red-soft:#fef2f2;--ds-red-text:#b91c1c;--ds-red-line:#fecaca;--ds-amber-soft:#fffbeb;--ds-amber-text:#b45309;--ds-violet-soft:#f5f3ff;--ds-violet-text:#6d28d9;--ds-on-accent:#fff;--rail-bg:#fff;--rail-text:#1e293b;--rail-text-dim:#64748b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--text);font-family:var(--app-font,"Tajawal", "Segoe UI", Tahoma, system-ui, sans-serif)}body.ds.ds-dark{--bg:#0f141c;--surface:#161d28;--surface2:#1c2533;--card:#161d28;--border:#273244;--border2:#334155;--text1:#e6ebf2;--text:#e6ebf2;--text2:#b6c2d1;--text3:#8593a6;--accent:#3b82f6;--accent2:#93c5fd;--green:#22c55e;--red:#f87171;--amber:#fbbf24;--cyan:#22d3ee;--ds-faint:#66758a;--ds-soft:#1f2937;--ds-shadow:0 12px 32px #00000073;--ds-blue-soft:#172554;--ds-blue-text:#93c5fd;--ds-blue-line:#1e3a8a;--ds-green-soft:#0f2a1a;--ds-green-text:#86efac;--ds-green-line:#14532d;--ds-red-soft:#2a1414;--ds-red-text:#fca5a5;--ds-red-line:#7f1d1d;--ds-amber-soft:#2a200e;--ds-amber-text:#fcd34d;--ds-violet-soft:#221a3d;--ds-violet-text:#c4b5fd;--rail-bg:#111822;--rail-text:#e6ebf2;--rail-text-dim:#8593a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.ds :focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.ds .rail{background:var(--rail-bg);border-inline-end:1px solid var(--border)}body.ds .rail-item:hover{background:var(--ds-soft)}body.ds .rail-brand{border-bottom-color:color-mix(in srgb, var(--text) 14%, transparent)}body.ds .rail-brand-text{color:var(--text);font-family:inherit}body.ds .rail-tile{border-radius:10px}body.ds .rail-label{color:var(--text);font-size:10.5px;font-weight:700}body.ds .panel-head{min-height:60px;padding:16px}body.ds .panel-title{font-size:15px}body.ds .panel-group-label{letter-spacing:0;color:var(--text3);padding:0 10px 3px;font-size:11.5px}body.ds .panel-link{min-height:32px;color:var(--text2);border-radius:7px;align-items:center;margin-bottom:1px;padding:0 10px;font-size:13px;line-height:1.35;display:flex}body.ds .panel-link:hover{background:var(--ds-soft);color:var(--text)}body.ds .panel-link-active,body.ds .panel-link-active:hover{background:var(--ds-blue-soft);color:var(--ds-blue-text);font-weight:600}body.ds .topbar{background:var(--surface);border-bottom:1px solid var(--border);gap:8px;padding:0 16px}body.ds .topbar-logo{-webkit-text-fill-color:currentColor;color:var(--text);background:0 0;font-family:inherit;font-size:17px;font-weight:700}body.ds .topbar-icon-btn,body.ds .topbar-menu{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text2);border-radius:10px;justify-content:center;padding:0}body.ds .topbar-icon-btn:hover,body.ds .topbar-menu:hover{background:var(--ds-soft);color:var(--text)}body.ds .notif-badge{top:-5px;border-radius:10px;min-width:20px;height:20px;font-size:11px;inset-inline-end:-5px}body.ds .topbar-avatar{width:36px;height:36px}body.ds .sidebar-overlay{background:#0f172a73}body.ds .layout-content{padding:20px}@media (width<=768px){body.ds .topbar-menu{display:flex}body.ds .layout-content{padding:12px}}.ds-menu-backdrop{z-index:190;position:fixed;inset:0}.ds-menu{top:calc(100% + 8px);z-index:200;background:var(--surface);border:1px solid var(--border);width:280px;max-width:calc(100vw - 24px);max-height:calc(100vh - 80px);box-shadow:var(--ds-shadow,0 12px 32px #0000004d);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;inset-inline-end:0;overflow-y:auto}.ds-menu-label{color:var(--text3);padding:8px 12px 4px;font-size:12px;font-weight:600}.ds-menu-item{width:100%;min-height:44px;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:0 12px;font-family:inherit;font-size:15px;display:flex}.ds-menu-item:hover{background:var(--ds-soft,var(--surface2))}.ds-menu-item svg{color:var(--text2);flex-shrink:0}.ds-menu-item .ds-menu-check{color:var(--accent);margin-inline-start:auto}.ds-menu-sep{background:var(--border);height:1px;margin:4px 0}.ds-seg{background:var(--ds-soft,var(--surface2));border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 6px 4px;padding:4px;display:grid}.ds-seg button{height:36px;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.ds-seg button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0f172a14}body.ds .page-header{margin-bottom:20px}body.ds .page-title{font-size:20px;font-weight:700;line-height:1.35}body.ds .page-subtitle{color:var(--text3);font-size:13px}body.ds .card{box-shadow:none;border-radius:12px;padding:18px}body.ds .card-title{font-size:16px;font-weight:700}body.ds .btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;min-height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;transform:none}body.ds .btn-primary{background:var(--accent);color:var(--ds-on-accent);border-color:var(--accent)}body.ds .btn-primary:hover{background:var(--accent);filter:brightness(.93);transform:none}body.ds .btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}body.ds .btn-secondary:hover{background:var(--ds-soft)}body.ds .btn-danger{background:var(--surface);color:var(--ds-red-text);border-color:var(--ds-red-line)}body.ds .btn-danger:hover{background:var(--ds-red-soft)}body.ds .btn-sm{border-radius:8px;min-height:32px;padding:0 12px;font-size:13px}body.ds .btn-icon{width:40px;padding:0}body.ds .btn:disabled{opacity:.55;cursor:not-allowed;filter:none}body.ds .badge{letter-spacing:0;border-radius:11px;height:22px;padding:0 9px;font-size:12px;font-weight:600}body.ds .badge-pending{background:var(--ds-amber-soft);color:var(--ds-amber-text)}body.ds .badge-review,body.ds .badge-normal{background:var(--ds-blue-soft);color:var(--ds-blue-text)}body.ds .badge-priced{background:var(--ds-violet-soft);color:var(--ds-violet-text)}body.ds .badge-issued{background:var(--ds-green-soft);color:var(--ds-green-text)}body.ds .badge-closed{background:var(--ds-soft);color:var(--text2)}body.ds .badge-rejected,body.ds .badge-urgent{background:var(--ds-red-soft);color:var(--ds-red-text)}body.ds .table-wrap{background:var(--surface);border-radius:12px}body.ds th{background:var(--surface2);color:var(--text3);text-transform:none;letter-spacing:0;text-align:start;padding:10px 14px;font-size:12px;font-weight:600}body.ds td{border-bottom-color:var(--ds-soft);padding:11px 14px;font-size:14px}body.ds tr:hover td{background:var(--ds-soft)}body.ds .form-label{text-transform:none;letter-spacing:0;color:var(--text2);font-size:13px}body.ds .form-input,body.ds .form-select{background:var(--surface2);border:1px solid var(--border);border-radius:10px;min-height:44px;padding:0 12px;font-family:inherit;font-size:14px}body.ds .form-textarea{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:inherit}body.ds .form-input:focus,body.ds .form-select:focus,body.ds .form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ds-blue-soft)}body.ds .stat-card{border-radius:10px;padding:12px 14px}body.ds .stat-label{margin-bottom:2px;font-size:12px}body.ds .stat-value{font-variant-numeric:tabular-nums;font-family:inherit;font-size:24px;line-height:1.3}body.ds .notif-dropdown{border-color:var(--border);box-shadow:var(--ds-shadow);border-radius:12px}body.ds .notif-unread{background:var(--ds-blue-soft)}body.ds .app-loading{background:var(--bg)}body.ds .ds-compact{font-size:13px}body.ds .ds-compact [style*="height: 52px"],body.ds .ds-compact [style*="height: 48px"],body.ds .ds-compact [style*="height: 44px"]{height:36px!important}body.ds .ds-compact [style*="min-height: 44px"]{min-height:36px!important}body.ds .ds-compact [style*="height: 40px"]{height:34px!important}body.ds .ds-compact [style*="width: 44px"]{width:36px!important}body.ds .ds-compact [style*="font-size: 16px"],body.ds .ds-compact [style*="font-size: 15px"],body.ds .ds-compact [style*="font-size: 14px"]{font-size:13px!important}body.ds .ds-compact [style*="font-size: 22px"]{font-size:19px!important}body.ds .ds-compact [style*="font-size: 20px"]{font-size:18px!important}body.ds .ds-compact th{padding:7px 10px!important;font-size:12px!important}body.ds .ds-compact td{padding:7px 10px!important;font-size:13px!important}body.ds .ds-compact input:not([type=checkbox]):not([type=radio]):not([type=color]),body.ds .ds-compact select{height:36px!important;font-size:13px!important}body.ds .ds-compact textarea{font-size:13px!important}@media (width>=769px){body.ds{--panel-w:152px;--sidebar-w:calc(var(--rail-w) + 152px)}}body.ds .panel-head{gap:8px;min-height:52px;padding:12px 10px}body.ds .panel-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}body.ds .panel-groups{padding:6px}body.ds .panel-group+.panel-group{margin-top:2px}body.ds .panel-link{text-overflow:ellipsis;white-space:nowrap;padding:0 8px;line-height:32px;display:block;overflow:hidden}body.ds .panel-link-sub{min-height:30px;padding-inline-start:16px;font-size:12.5px;line-height:30px}body.ds .panel-group-toggle{cursor:pointer;width:100%;min-height:32px;color:var(--text);text-align:start;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-family:inherit;font-size:12.5px;font-weight:600;display:flex}body.ds .panel-group-toggle:hover{background:var(--ds-soft)}body.ds .panel-group-toggle[aria-expanded=true]{background:var(--surface2)}body.ds .panel-group-toggle.has-current .panel-group-name{color:var(--ds-blue-text)}body.ds .panel-group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}body.ds .panel-group-count{color:var(--ds-faint);font-size:11px;font-weight:500}body.ds .panel-group-toggle svg{color:var(--ds-faint)}html[dir=ltr] body.ds .panel-group-toggle[aria-expanded=false] svg{transform:scaleX(-1)}body.ds .panel-foot{padding:8px 6px}body.ds .sidebar-user-info{min-width:0}