:root{color-scheme:dark;--bg:#0B0D15;--surf:#141728;--surf2:#1A1E33;--surf3:#222742;--border:#272C48;--border2:#3A4064;--tx:#EEF0FA;--tx2:#B6BBD6;--tx3:#7F85A3;--blue:#6366F1;--blue2:#8B8FF8;--blue-bg:rgba(99,102,241,.16);--blue-bg2:rgba(99,102,241,.34);--violet:#A78BFA;--violet-bg:rgba(139,92,246,.18);--green:#34D399;--green2:#6EE7B7;--green-bg:rgba(16,185,129,.16);--green-bg2:rgba(16,185,129,.34);--red:#F87171;--red2:#FCA5A5;--red-bg:rgba(239,68,68,.16);--red-bg2:rgba(239,68,68,.34);--amber:#FBBF24;--amber2:#FCD34D;--amber-bg:rgba(245,158,11,.16);--amber-bg2:rgba(245,158,11,.34);--teal:#2DD4BF;--teal2:#5EEAD4;--teal-bg:rgba(20,184,166,.16);--teal-bg2:rgba(20,184,166,.34);--pink:#F472B6;--pink-bg:rgba(236,72,153,.16);--muted:#9AA0BE;--muted-bg:rgba(148,163,184,.14);--muted-bg2:rgba(148,163,184,.3);--grad-primary:linear-gradient(135deg,#6366F1 0%,#8B5CF6 100%);--grad-primary-hover:linear-gradient(135deg,#7477F4 0%,#9B74F8 100%);--grad-green:linear-gradient(135deg,#34D399,#10B981);--grad-red:linear-gradient(135deg,#FB7185,#EF4444);--grad-amber:linear-gradient(135deg,#FBBF24,#F59E0B);--grad-teal:linear-gradient(135deg,#2DD4BF,#14B8A6);--sb-bg:#07080F;--sb-bg2:rgba(255,255,255,.07);--sb-border:rgba(255,255,255,.08);--sb-grad:linear-gradient(180deg,#07080F 0%,#0E1022 55%,#181538 100%);--sb-tx:#B9BDDA;--sb-tx-dim:#6E7395;--sb-tx-strong:#FFFFFF;--sb-accent:#A5B4FC;--sb-accent-bg:rgba(255,255,255,.12);--mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--body:"IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Roboto,Arial,sans-serif;--sidebar:236px;--tab-h:62px;--pager-w:400px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--radius:12px;--radius-sm:8px;--shadow: 0 1px 2px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.25);--shadow-md: 0 8px 22px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 24px 56px rgba(0,0,0,.6);--shadow-primary: 0 6px 18px rgba(99,102,241,.38);--glass:rgba(20,23,40,.86);--glass-soft:rgba(20,23,40,.75);--glass-strong:rgba(20,23,40,.93);--spin-ring:rgba(255,255,255,.18);--backdrop:rgba(0,0,0,.6);--toast-grad:linear-gradient(135deg,#2A2D4F,#3B3A7A)}:root[data-theme=light]{color-scheme:light;--bg:#EEF0F9;--surf:#FFFFFF;--surf2:#F6F7FC;--surf3:#EDEFF8;--border:#E1E4F0;--border2:#C9CEE0;--tx:#171A2E;--tx2:#4A5170;--tx3:#8288A6;--blue:#4F46E5;--blue2:#4338CA;--blue-bg:#E8E9FD;--blue-bg2:#CFD2FA;--violet:#7C3AED;--violet-bg:#EFE6FD;--green:#0E9F6E;--green2:#0B8A5F;--green-bg:#DDF7EC;--green-bg2:#B9EBD6;--red:#E02D3C;--red2:#C81E2C;--red-bg:#FDE4E7;--red-bg2:#F9C6CC;--amber:#D97706;--amber2:#B45309;--amber-bg:#FEF0D6;--amber-bg2:#F9DFAE;--teal:#0D9488;--teal2:#0B7E74;--teal-bg:#D8F3F0;--teal-bg2:#B3E4DF;--pink:#DB2777;--pink-bg:#FCE4EF;--muted:#6B7290;--muted-bg:#ECEEF6;--muted-bg2:#D9DDEB;--grad-primary:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);--grad-primary-hover:linear-gradient(135deg,#4338CA 0%,#6D28D9 100%);--grad-green:linear-gradient(135deg,#10B981,#0E9F6E);--grad-red:linear-gradient(135deg,#F43F5E,#E02D3C);--grad-amber:linear-gradient(135deg,#F59E0B,#D97706);--grad-teal:linear-gradient(135deg,#14B8A6,#0D9488);--sb-bg:#1E1B4B;--sb-bg2:rgba(255,255,255,.08);--sb-border:rgba(255,255,255,.1);--sb-grad:linear-gradient(180deg,#1E1B4B 0%,#2B2775 55%,#3B2C8F 100%);--sb-tx:#C7C9E8;--sb-tx-dim:#8B8FC4;--sb-tx-strong:#FFFFFF;--sb-accent:#A5B4FC;--sb-accent-bg:rgba(255,255,255,.14);--shadow: 0 1px 2px rgba(30,27,75,.06), 0 2px 6px rgba(30,27,75,.05);--shadow-md: 0 6px 18px rgba(30,27,75,.1), 0 1px 3px rgba(30,27,75,.06);--shadow-lg: 0 20px 48px rgba(30,27,75,.2);--shadow-primary: 0 6px 16px rgba(79,70,229,.32);--glass:rgba(255,255,255,.88);--glass-soft:rgba(255,255,255,.7);--glass-strong:rgba(255,255,255,.96);--spin-ring:rgba(0,0,0,.15);--backdrop:rgba(30,27,75,.45);--toast-grad:linear-gradient(135deg,#1E1B4B,#312E81)}:root[data-theme=light] body{background-image:radial-gradient(900px 420px at 100% -10%,rgba(124,58,237,.1),transparent 60%),radial-gradient(700px 380px at 0% 110%,rgba(13,148,136,.1),transparent 60%)}:root[data-theme=light] .login-page{background:#1e1b4b;background-image:radial-gradient(700px 500px at 15% 10%,rgba(124,58,237,.55),transparent 60%),radial-gradient(600px 450px at 90% 90%,rgba(13,148,136,.45),transparent 60%),radial-gradient(500px 400px at 80% 15%,rgba(79,70,229,.5),transparent 60%),linear-gradient(160deg,#1e1b4b,#2b2775 60%,#1e1b4b)}:root[data-theme=light] .login-card{border-color:#fff9;box-shadow:0 30px 80px #00000059}:root[data-theme=light] .sb-logo:before{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);color:#1e1b4b;box-shadow:0 4px 12px #a5b4fc59}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:14px;-webkit-text-size-adjust:100%}body{background:var(--bg);font-family:var(--body);color:var(--tx);min-height:100vh;line-height:1.5;background-image:radial-gradient(900px 460px at 100% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(760px 420px at 0% 110%,rgba(20,184,166,.14),transparent 60%);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit;background:none;border:0}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:8px}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:var(--sb-bg);background-image:var(--sb-grad);border-inline-end:1px solid var(--sb-border);display:flex;flex-direction:column;position:fixed;inset-block:0;inset-inline-start:0;z-index:50;overflow-y:auto;box-shadow:4px 0 28px #00000080}.sb-logo{padding:18px var(--sp-4);border-bottom:1px solid var(--sb-border);font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--sb-tx-strong);display:flex;align-items:center;gap:10px}.sb-logo:before{content:"K";width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--grad-primary);color:#fff;font-weight:900;font-size:15px;flex:none;box-shadow:var(--shadow-primary)}.sb-logo span{color:var(--sb-tx-dim);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sb-nav{flex:1;padding:var(--sp-3) var(--sp-2)}.sb-nav a{text-decoration:none;color:inherit;display:block}.sb-section{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-tx-dim);padding:var(--sp-4) var(--sp-3) var(--sp-1)}.sb-btn{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);font-size:13.5px;font-weight:500;color:var(--sb-tx);width:100%;text-align:start;transition:background .15s,color .15s,transform .15s;background:none;border:none;font-family:inherit;cursor:pointer;border-radius:var(--radius-sm);margin-bottom:2px;position:relative}.sb-btn:hover{background:var(--sb-bg2);color:var(--sb-tx-strong)}.sb-btn[aria-selected=true]{background:var(--sb-accent-bg);color:var(--sb-tx-strong);font-weight:600;box-shadow:inset 0 1px #ffffff14}.sb-btn[aria-selected=true]:before{content:"";position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(180deg,#a5b4fc,#c4b5fd)}.sb-btn[aria-selected=true] .ico{color:#c4b5fd}.sb-btn .ico{width:18px;height:18px;display:grid;place-items:center;flex:none;opacity:.9}.sb-foot{padding:var(--sp-3);border-top:1px solid var(--sb-border);font-size:12.5px;color:var(--sb-tx-dim);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.sb-foot .icon-btn{color:var(--sb-tx-dim)}.sb-foot .icon-btn:hover{background:var(--sb-bg2);color:var(--sb-tx-strong)}.sb-user{color:var(--sb-tx);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.sb-user:hover,.sb-user.active{background:var(--sb-bg2);color:var(--sb-tx-strong)}.theme-switch{display:flex;gap:2px;padding:3px;border-radius:999px;background:#00000047;border:1px solid var(--sb-border)}.theme-switch button{width:28px;height:26px;display:grid;place-items:center;border-radius:999px;color:var(--sb-tx-dim);transition:background .15s,color .15s,box-shadow .15s}.theme-switch button:hover{color:var(--sb-tx-strong)}.theme-switch button[aria-checked=true]{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-primary)}.theme-switch svg{width:15px;height:15px}.main{flex:1;margin-inline-start:var(--sidebar);min-width:0}.tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--tab-h);background:var(--glass-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:50;box-shadow:0 -6px 24px #00000073;padding:6px 6px 0}.tab-bar a{flex:1;display:flex;text-decoration:none;color:inherit;min-width:0}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--tx3);padding:6px 2px;min-width:0;border-radius:10px;transition:background .15s,color .15s}.tab-btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-btn[aria-selected=true]{color:var(--blue);background:var(--blue-bg)}.mobile-only{display:none}@media (max-width:900px){.sidebar{display:none}.main{margin-inline-start:0;padding-bottom:var(--tab-h)}.tab-bar{display:flex}.mobile-only{display:block}.inp,select.inp,textarea.inp{font-size:16px}}.ph{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:30;flex-wrap:wrap;box-shadow:0 2px 16px #00000059}.ph-back{width:34px;height:34px;display:grid;place-items:center;color:var(--blue);flex:none;border:1px solid var(--blue-bg2);border-radius:var(--radius-sm);background:var(--blue-bg);transition:all .15s}.ph-back:hover{background:var(--blue-bg2);transform:translate(2px)}.ph-title{font-size:18px;font-weight:800;min-width:0;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ph>.ph-title:before,.ph>div>.ph-title:before{content:"";width:4px;height:20px;border-radius:4px;background:var(--grad-primary);flex:none}.ph-sub{font-size:12.5px;color:var(--tx3);font-weight:500;margin-top:var(--sp-1)}.ph-filter{display:flex;gap:6px;align-items:center;margin-inline-start:auto}.ph-filter select.inp{width:auto;padding:5px 8px;font-size:12.5px;background:var(--surf2);font-weight:600}.ph-filter select.inp:disabled{opacity:.45;cursor:not-allowed}.ph-filter .chk{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--tx2);background:var(--surf2);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s,border-color .15s}.ph-filter .chk:has(input:checked){background:var(--blue-bg);color:var(--blue2);border-color:var(--blue-bg2)}.ph-filter .chk input{accent-color:var(--blue);width:14px;height:14px;margin:0;cursor:pointer}.page{padding:var(--sp-4)}.section-title{font-size:13px;font-weight:700;color:var(--blue2);margin:var(--sp-5) 0 var(--sp-2);letter-spacing:.02em;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad-primary);flex:none;box-shadow:0 0 0 3px var(--blue-bg)}.section-link{margin-inline-start:auto;font-size:12px;font-weight:600;color:var(--blue2);text-decoration:none;padding:3px 10px;border-radius:999px;background:var(--blue-bg);border:1px solid var(--blue-bg2);display:inline-flex;align-items:center;gap:4px;transition:background .15s}.section-link:hover{background:var(--blue-bg2)}.section-link svg{width:13px;height:13px}.section-title:first-child{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s,transform .15s,box-shadow .15s;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:var(--grad-primary-hover);transform:translateY(-1px);box-shadow:0 8px 22px #6366f173}.btn-gh{background:var(--surf2);color:var(--blue2);border-color:var(--blue-bg2)}.btn-gh:hover:not(:disabled){background:var(--blue-bg);color:#fff}.btn-danger{background:var(--grad-red);color:#fff;box-shadow:0 6px 16px #ef444452}.btn-danger:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.btn-soft{background:var(--teal-bg);color:var(--teal2);border-color:var(--teal-bg2)}.btn-soft:hover:not(:disabled){background:var(--teal-bg2);color:#fff}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-lg{padding:11px 18px;font-size:14px}.wf{width:100%}.f1{flex:1}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--tx3);flex:none}.icon-btn:hover{background:var(--blue-bg);color:var(--blue)}.field{margin-bottom:var(--sp-3)}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--tx2);margin-bottom:5px}.inp{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surf2);font-size:13.5px;color:var(--tx);transition:border-color .15s,box-shadow .15s}.inp:hover{border-color:var(--border2)}.inp:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-bg)}.inp::placeholder{color:var(--tx3)}textarea.inp{resize:vertical;min-height:70px}.helper{font-size:12px;color:var(--tx3);margin-top:4px;line-height:1.5}.err-text{font-size:12.5px;color:var(--red);margin-top:4px}.frow{display:flex;gap:var(--sp-2);flex-wrap:wrap}.fc{flex:1;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--tx2);background:var(--surf);min-width:90px;text-align:center}.fc[aria-pressed=true]{background:var(--blue-bg);border-color:var(--blue);color:var(--blue2);box-shadow:0 0 0 3px var(--blue-bg)}.search-row{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--glass-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap;position:sticky;top:59px;z-index:20}.search-row .inp{flex:1;min-width:160px}.chips{display:flex;gap:6px;flex-wrap:wrap;padding:var(--sp-3) var(--sp-4) var(--sp-1)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-inline-start:auto;flex:none;width:var(--pager-w);font-variant-numeric:tabular-nums}.pager-info{font-size:12.5px;color:var(--tx3);display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;white-space:nowrap}.pager-range{font-weight:700;color:var(--tx);font-family:var(--mono);font-size:12px}.pager .btn{flex:none;width:72px;justify-content:center}.pager-page{padding:3px 6px 3px 9px;border-radius:999px;background:var(--blue-bg);color:var(--blue2);font-weight:600;display:inline-flex;align-items:center;gap:5px}.pager-input{width:46px;padding:2px 6px;border:1px solid var(--blue-bg2);border-radius:999px;background:var(--surf);color:var(--tx);font-weight:700;font-size:12.5px;text-align:center;font-family:var(--mono)}.pager-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.pager .btn{padding:6px 9px}@media (max-width:640px){.pager{width:100%;margin-inline-start:0}}.chip{padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--blue2);background:var(--surf2);border:1px solid var(--blue-bg2);transition:all .15s}.chip:hover{background:var(--blue-bg)}.chip[aria-pressed=true]{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 4px 14px #6366f166}.filter-chip{display:inline-flex;align-items:center;gap:6px;align-self:center}.filter-chip svg{width:13px;height:13px;opacity:.85}.ss{position:relative}.ss-input{cursor:text}.ss-input:read-only{cursor:pointer;caret-color:transparent}.ss-menu{background:var(--surf);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto;z-index:1000}.ss-opt{display:block;width:100%;text-align:start;padding:9px 11px;font-size:13.5px;color:var(--tx)}.ss-opt:hover,.ss-opt[data-active=true]{background:var(--blue-bg);color:#fff}:root[data-theme=light] .ss-opt:hover,:root[data-theme=light] .ss-opt[data-active=true]{color:var(--blue2)}:root[data-theme=light] .ss-opt:hover .ss-opt-sub,:root[data-theme=light] .ss-opt[data-active=true] .ss-opt-sub{color:var(--blue)}.ss-opt-sub{color:var(--tx3);font-size:11.5px;margin-inline-start:6px}.ss-empty{padding:14px 11px;font-size:13px;color:var(--tx3);text-align:center}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s}@media (min-width:640px){.backdrop{align-items:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surf);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-lg);animation:slideUp .18s ease-out}@media (min-width:640px){.sheet{border-radius:var(--radius);margin:var(--sp-5)}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;background-color:var(--surf);background-image:linear-gradient(90deg,var(--blue-bg),var(--violet-bg))}.sheet-title{font-size:15px;font-weight:800;color:var(--blue2)}.sheet-body{padding:var(--sp-4)}.sheet-foot{display:flex;gap:var(--sp-2);padding:var(--sp-4);border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surf)}.pc{display:flex;align-items:center;gap:var(--sp-3);width:calc(100% - 2*var(--sp-4));text-align:start;padding:var(--sp-3) var(--sp-4);margin:var(--sp-2) var(--sp-4) 0;background:var(--surf);border:1px solid var(--border);border-inline-start:4px solid var(--border2);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s}.pc:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--blue-bg2);background:var(--surf2)}.pc:last-of-type{margin-bottom:var(--sp-4)}.page .pc{width:100%;margin-inline:0}.page .pc:last-of-type{margin-bottom:0}.pc[data-accent=blue]{border-inline-start-color:var(--blue)}.pc[data-accent=green]{border-inline-start-color:var(--green)}.pc[data-accent=amber]{border-inline-start-color:var(--amber)}.pc[data-accent=red]{border-inline-start-color:var(--red)}.pc[data-accent=teal]{border-inline-start-color:var(--teal)}.pc[data-accent=violet]{border-inline-start-color:var(--violet)}.pc[data-accent=muted]{border-inline-start-color:var(--border2)}.pc-body{flex:1;min-width:0}.pc-name{font-size:13.5px;font-weight:600;color:var(--tx)}.pc-sub{font-size:12px;color:var(--tx3);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pc-meta{font-size:12.5px;color:var(--tx2);white-space:nowrap;text-align:end}.qty-tiles{display:flex;gap:6px;flex:none}.qty-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surf2)}.qty-label{font-size:10.5px;font-weight:600;color:var(--tx3);letter-spacing:.02em}.qty-value{font-size:17px;font-weight:800;line-height:1.2;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.qty-tile[data-tone=green]{background:var(--green-bg);border-color:var(--green-bg2)}.qty-tile[data-tone=green] .qty-value{color:var(--green2)}.qty-tile[data-tone=red]{background:var(--red-bg);border-color:var(--red-bg2)}.qty-tile[data-tone=red] .qty-value{color:var(--red2)}.qty-tile[data-tone=amber]{background:var(--amber-bg);border-color:var(--amber-bg2)}.qty-tile[data-tone=amber] .qty-value{color:var(--amber2)}.qty-tile[data-tone=muted] .qty-value{color:var(--tx3)}@media (max-width:640px){.qty-tile{min-width:64px;padding:5px 8px}.qty-value{font-size:15px}}.thumb{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;flex:none;background:linear-gradient(135deg,var(--blue-bg),var(--violet-bg));color:var(--blue)!important}.kv{display:flex;justify-content:space-between;gap:var(--sp-3);padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.kv:last-child{border-bottom:none}.kv-k{color:var(--tx3);font-weight:500}.kv-v{color:var(--tx);font-weight:600;text-align:end}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 8px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;flex:none}.badge-blue{background:var(--blue-bg);color:var(--blue2);border-color:var(--blue-bg2)}.badge-green{background:var(--green-bg);color:var(--green2);border-color:var(--green-bg2)}.badge-red{background:var(--red-bg);color:var(--red2);border-color:var(--red-bg2)}.badge-amber{background:var(--amber-bg);color:var(--amber2);border-color:var(--amber-bg2)}.badge-teal{background:var(--teal-bg);color:var(--teal2);border-color:var(--teal-bg2)}.badge-muted{background:var(--muted-bg);color:var(--muted);border-color:var(--muted-bg2)}.code-chip{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--violet);background:var(--violet-bg);padding:2px 7px;border-radius:6px;letter-spacing:.02em}.status-bar{position:relative;padding:22px var(--sp-4) var(--sp-4);background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--sp-4)}.status-track{position:absolute;top:36px;inset-inline:calc(var(--sp-4) + 15px);height:2px;background:var(--border)}.status-track-fill{height:100%;background:var(--grad-green);transition:width .25s ease-out}.status-steps{display:flex;position:relative}.status-step{display:flex;flex-direction:column;align-items:center;flex:1;gap:7px}.status-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surf);color:var(--tx3);font-size:12.5px;font-weight:700;border:2px solid var(--border);transition:all .15s}.status-dot svg{width:15px;height:15px}.status-step[data-done=true] .status-dot{background:var(--grad-green);border-color:transparent;color:#fff}.status-step[data-active=true] .status-dot{background:var(--grad-primary);border-color:transparent;color:#fff;box-shadow:0 0 0 4px var(--blue-bg),var(--shadow-primary)}.status-label{font-size:11.5px;font-weight:600;color:var(--tx3)}.status-step[data-done=true] .status-label,.status-step[data-active=true] .status-label{color:var(--tx)}.tbl-wrap{overflow-x:auto;background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}table.tbl th{text-align:start;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--blue2);padding:11px 12px;border-bottom:1px solid var(--blue-bg2);white-space:nowrap;background:linear-gradient(180deg,var(--blue-bg),var(--surf2))}table.tbl td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--tx)}table.tbl tbody tr:nth-child(2n) td{background:var(--surf2)}table.tbl tr:last-child td{border-bottom:none}table.tbl tbody tr:hover td{background:var(--blue-bg)}.spin{width:15px;height:15px;border:2px solid var(--spin-ring);border-top-color:currentColor;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.spin-center{display:flex;justify-content:center;padding:var(--sp-6)}.sk{display:inline-block;vertical-align:middle;max-width:100%;background:linear-gradient(90deg,var(--surf3) 25%,var(--border2) 50%,var(--surf3) 75%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sk-row{pointer-events:none}.sk-row:hover{transform:none;box-shadow:var(--shadow)}.kv .sk:last-child{margin-inline-start:auto}@media (prefers-reduced-motion:reduce){.sk{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--tx3)}.empty-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:var(--sp-3);background:linear-gradient(135deg,var(--blue-bg),var(--violet-bg));color:var(--blue)}.empty-icon svg{width:26px;height:26px}.empty-title{font-size:14px;font-weight:600;color:var(--tx2);margin-bottom:4px}.empty-sub{font-size:12.5px;max-width:320px}.empty.compact{flex-direction:row;justify-content:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);text-align:start;border:1px dashed var(--border2);border-radius:var(--radius);background:var(--surf);margin:var(--sp-2) 0 0}.empty.compact .empty-icon{width:34px;height:34px;margin:0;flex:none}.empty.compact .empty-icon svg{width:17px;height:17px}.empty.compact .empty-title{margin:0;font-size:13px}.empty.compact .empty-sub{margin-inline-start:auto;max-width:none;color:var(--tx3)}.card{background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--grad-primary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-3);padding:var(--sp-4)}.stat{background:var(--surf);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);display:block;text-decoration:none;color:inherit;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;inset-inline-end:-40px;top:-40px;opacity:.5;pointer-events:none}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:var(--sp-3);color:#fff;position:relative}.stat-icon svg{width:19px;height:19px}.stat-icon.blue{background:var(--grad-primary);box-shadow:0 4px 14px #6366f173}.stat-icon.amber{background:var(--grad-amber);box-shadow:0 4px 14px #f59e0b73}.stat-icon.green{background:var(--grad-green);box-shadow:0 4px 14px #10b98173}.stat-icon.red{background:var(--grad-red);box-shadow:0 4px 14px #ef444473}.stat-icon.teal{background:var(--grad-teal);box-shadow:0 4px 14px #14b8a673}.stat:has(.stat-icon.teal){background:linear-gradient(135deg,var(--surf) 35%,var(--teal-bg));border-color:var(--teal-bg2)}.stat:has(.stat-icon.teal):after{background:var(--teal-bg2)}.stat:has(.stat-icon.teal) .stat-value{color:var(--teal2)}.stat:has(.stat-icon.blue){background:linear-gradient(135deg,var(--surf) 35%,var(--blue-bg));border-color:var(--blue-bg2)}.stat:has(.stat-icon.amber){background:linear-gradient(135deg,var(--surf) 35%,var(--amber-bg));border-color:var(--amber-bg2)}.stat:has(.stat-icon.green){background:linear-gradient(135deg,var(--surf) 35%,var(--green-bg));border-color:var(--green-bg2)}.stat:has(.stat-icon.red){background:linear-gradient(135deg,var(--surf) 35%,var(--red-bg));border-color:var(--red-bg2)}.stat:has(.stat-icon.blue):after{background:var(--blue-bg2)}.stat:has(.stat-icon.amber):after{background:var(--amber-bg2)}.stat:has(.stat-icon.green):after{background:var(--green-bg2)}.stat:has(.stat-icon.red):after{background:var(--red-bg2)}.stat:has(.stat-icon.blue) .stat-value{color:var(--blue2)}.stat:has(.stat-icon.amber) .stat-value{color:var(--amber2)}.stat:has(.stat-icon.green) .stat-value{color:var(--green2)}.stat:has(.stat-icon.red) .stat-value{color:var(--red2)}.stat-label{font-size:12px;font-weight:600;color:var(--tx2);letter-spacing:.01em;position:relative}.stat-value{font-size:28px;font-weight:800;margin-top:4px;letter-spacing:-.02em;position:relative}.divider{height:1px;background:linear-gradient(90deg,var(--blue-bg2),var(--border),transparent);margin:var(--sp-4) 0}.toaster{position:fixed;bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;width:min(92vw,420px)}@media (max-width:900px){.toaster{bottom:calc(var(--tab-h) + var(--sp-3))}}.toast{background:var(--toast-grad);color:#fff;padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);width:100%;text-align:center;animation:fadeIn .15s}.toast.err{background:var(--grad-red)}.toast.ok{background:var(--grad-green)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#05060b;background-image:radial-gradient(700px 500px at 15% 10%,rgba(139,92,246,.45),transparent 60%),radial-gradient(600px 450px at 90% 90%,rgba(20,184,166,.35),transparent 60%),radial-gradient(500px 400px at 80% 15%,rgba(99,102,241,.4),transparent 60%),linear-gradient(160deg,#05060b,#0e1022 60%,#05060b)}.login-card{background:var(--glass-strong);border:1px solid rgba(255,255,255,.09);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px #0009;padding:var(--sp-6);width:100%;max-width:400px;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:var(--grad-primary)}.login-logo{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:var(--sp-5);display:flex;align-items:center;gap:10px}.login-logo:before{content:"K";width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--grad-primary);color:#fff;font-weight:900;font-size:18px;flex:none;box-shadow:var(--shadow-primary)}.login-logo span{color:var(--tx3);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}