:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f3f4f6;--surface-3: #eceef1;--border: #e4e7eb;--border-strong: #d1d5db;--text: #111827;--text-2: #374151;--muted: #6b7280;--primary: #0b6bcb;--primary-hover: #0a5db0;--primary-soft: #e8f1fb;--primary-text: #ffffff;--danger: #dc2626;--danger-soft: #fdecec;--warn: #b45309;--warn-soft: #fef5e6;--ok: #15803d;--ok-soft: #e9f7ee;--violet: #7c3aed;--violet-soft: #f1ebfe;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgb(16 24 40 / .05);--shadow: 0 1px 3px rgb(16 24 40 / .06), 0 1px 2px rgb(16 24 40 / .04);--shadow-lg: 0 12px 32px rgb(16 24 40 / .12), 0 4px 8px rgb(16 24 40 / .04);--sidebar: #0f172a;--sidebar-text: #cbd5e1;--sidebar-muted: #64748b;--sidebar-active: rgb(255 255 255 / .08);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b0f17;--surface: #121826;--surface-2: #1a2131;--surface-3: #222a3b;--border: #252e40;--border-strong: #334055;--text: #e8edf5;--text-2: #c3cad6;--muted: #8a94a6;--primary: #3b8eea;--primary-hover: #5aa2ef;--primary-soft: #14263f;--primary-text: #ffffff;--danger: #f87171;--danger-soft: #3a1717;--warn: #fbbf24;--warn-soft: #34270b;--ok: #4ade80;--ok-soft: #0f2a1a;--violet: #a78bfa;--violet-soft: #241a3d;--shadow-sm: none;--shadow: none;--shadow-lg: 0 16px 40px rgb(0 0 0 / .5);--sidebar: #080b12;--sidebar-active: rgb(255 255 255 / .06);color-scheme:dark}}:root[data-theme=dark]{--bg: #0b0f17;--surface: #121826;--surface-2: #1a2131;--surface-3: #222a3b;--border: #252e40;--border-strong: #334055;--text: #e8edf5;--text-2: #c3cad6;--muted: #8a94a6;--primary: #3b8eea;--primary-hover: #5aa2ef;--primary-soft: #14263f;--primary-text: #ffffff;--danger: #f87171;--danger-soft: #3a1717;--warn: #fbbf24;--warn-soft: #34270b;--ok: #4ade80;--ok-soft: #0f2a1a;--violet: #a78bfa;--violet-soft: #241a3d;--shadow-sm: none;--shadow: none;--shadow-lg: 0 16px 40px rgb(0 0 0 / .5);--sidebar: #080b12;--sidebar-active: rgb(255 255 255 / .06);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;letter-spacing:-.01em}h1{font-size:20px;font-weight:650}h2{font-size:16px;font-weight:650}h3{font-size:14px;font-weight:650}a{color:var(--primary)}svg.lucide{flex-shrink:0}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:14px 10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:6px 8px 18px;color:inherit}.sidebar .logo{color:#fff}.logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#0b6bcb);color:#fff;display:grid;place-items:center;font-weight:800;flex-shrink:0}.nav-group{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-muted);padding:14px 12px 6px;font-weight:600}.nav-btn{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;border:0;background:none;cursor:pointer;text-align:left;color:var(--sidebar-text);font-weight:500;position:relative}.nav-btn:hover,.nav-btn.active{background:var(--sidebar-active);color:#fff}.nav-btn.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#38bdf8}.nav-btn .count{margin-left:auto;background:#38bdf8;color:#0f172a;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px}.side-user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;margin-top:8px;background:var(--sidebar-active)}.avatar{width:32px;height:32px;border-radius:50%;background:#334155;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 28px;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;min-height:60px}.topbar .spacer{flex:1}.topbar .subtitle{color:var(--muted);font-size:13px}.content{padding:24px 28px 40px;display:flex;flex-direction:column;gap:16px;max-width:1440px;width:100%}.drawer-bg{display:none}.mobile-only{display:none!important}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:70;width:min(300px,84vw);height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));transform:translate(-102%);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,visibility 0s linear .28s;overscroll-behavior:contain;visibility:hidden}.sidebar.open{border-right:1px solid rgb(255 255 255 / .07);transform:none;visibility:visible;box-shadow:12px 0 40px #02061759;transition-delay:0s}.sidebar .logo{padding:4px 4px 14px 8px}.sidebar .nav-btn{padding:11px 12px;font-size:15px}.sidebar .nav-btn.active:before{left:-12px}.drawer-bg{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#02061780;opacity:0;pointer-events:none;transition:opacity .28s}.drawer-bg.open{opacity:1;pointer-events:auto}.menu-btn{position:relative;margin-left:-6px}.side-search kbd{display:none}.menu-dot{position:absolute;top:7px;right:6px;width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 2px var(--bg)}.topbar{padding:10px 16px;min-height:54px}.content{padding:16px 16px calc(32px + env(safe-area-inset-bottom))}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-head p{margin:4px 0 0;color:var(--muted)}.btn{border:1px solid var(--border-strong);background:var(--surface);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-weight:550;display:inline-flex;align-items:center;gap:7px;justify-content:center;white-space:nowrap;color:var(--text-2);box-shadow:var(--shadow-sm);transition:background .12s,border-color .12s,color .12s;text-decoration:none}.btn:hover{background:var(--surface-2);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--danger)}.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:8px;gap:5px}.btn.lg{padding:12px 18px;font-size:15px;border-radius:12px}.btn.ghost{border-color:transparent;background:none;box-shadow:none}.btn.ghost:hover{background:var(--surface-2)}.btn.icon{padding:7px}.btn.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.input,select.input,textarea.input{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-icon{position:relative}.input-icon>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.input-icon>.input{padding-left:36px}label.field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-2);font-weight:550}label.row{flex-wrap:nowrap;align-items:flex-start}label.row input[type=checkbox]{margin-top:2px;flex-shrink:0;accent-color:var(--primary)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}@media(max-width:1100px){.split{grid-template-columns:1fr}}.tabs{display:flex;gap:2px;background:var(--surface-3);padding:3px;border-radius:11px;width:fit-content;max-width:100%;overflow-x:auto}.tabs button{border:0;background:none;padding:7px 14px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:550;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-weight:600;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:hover td{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.primary{background:var(--primary-soft);color:var(--primary)}.badge.violet{background:var(--violet-soft);color:var(--violet)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat{display:flex;flex-direction:column;gap:6px}.stat .label{font-size:13px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:8px}.stat .value{font-size:clamp(19px,1.9vw,24px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .hint{font-size:12px;color:var(--muted)}.stat .ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.stat .ico.ok{background:var(--ok-soft);color:var(--ok)}.stat .ico.warn{background:var(--warn-soft);color:var(--warn)}.stat .ico.violet{background:var(--violet-soft);color:var(--violet)}.stat .ico.danger{background:var(--danger-soft);color:var(--danger)}.delta{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:2px}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:32px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.error-box{background:var(--danger-soft);color:var(--danger);padding:10px 12px;border-radius:10px;font-size:13.5px}.info-box{background:var(--primary-soft);color:var(--primary);padding:10px 12px;border-radius:10px;font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:11px 18px;border-radius:12px;z-index:100;font-size:14px;box-shadow:var(--shadow-lg);max-width:calc(100vw - 32px);animation:rise .18s ease-out}@keyframes rise{0%{transform:translate(-50%,8px);opacity:0}}@media(max-width:900px){.toast{bottom:calc(24px + env(safe-area-inset-bottom))}}.list-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.progress{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.progress>div{height:100%;background:var(--primary);border-radius:99px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:50;padding:16px;animation:fade .15s}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:18px;width:100%;max-width:560px;max-height:90vh;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal.wide{max-width:860px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:55}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:18px 18px 0 0;padding:12px 12px calc(16px + env(safe-area-inset-bottom));z-index:60;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;animation:up .18s ease-out}@keyframes up{0%{transform:translateY(30px);opacity:0}}.sheet button{border:0;background:var(--surface-2);border-radius:12px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:550;cursor:pointer;color:var(--text-2)}.sheet button.active{background:var(--primary-soft);color:var(--primary)}.pos{display:grid;grid-template-columns:1fr 400px;gap:16px;align-items:start}@media(max-width:1150px){.pos{grid-template-columns:1fr}}.pos-cart{position:sticky;top:76px}@media(max-width:1150px){.pos-cart{position:static}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.product-tile{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;min-height:116px;box-shadow:var(--shadow-sm);transition:border-color .12s,transform .08s}.product-tile:hover{border-color:var(--primary)}.product-tile:active{transform:scale(.98)}.product-tile:disabled{opacity:.45;cursor:not-allowed}.product-tile .name{font-weight:600;font-size:13.5px;line-height:1.3}.product-tile .price{font-weight:700;color:var(--text);margin-top:auto;font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:6px 12px;font-size:13px;cursor:pointer;text-align:left;color:var(--text-2);font-weight:500}.chip:hover{border-color:var(--primary)}.chip.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.cart-line{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.qty-ctl{display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface)}.qty-ctl button{border:0;background:none;width:28px;height:28px;cursor:pointer;display:grid;place-items:center;color:var(--text-2)}.qty-ctl input{width:38px;border:0;text-align:center;background:none;outline:none;font-variant-numeric:tabular-nums}.pay-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.total-row{display:flex;justify-content:space-between;font-size:20px;font-weight:700;letter-spacing:-.01em}.bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:8px}.bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;min-width:0}.bar .fill{width:100%;max-width:34px;background:var(--primary);border-radius:6px 6px 2px 2px;min-height:2px;opacity:.85}.bar:hover .fill{opacity:1}.bar .lbl{font-size:10.5px;color:var(--muted);white-space:nowrap}.ai-fab{position:fixed;right:24px;bottom:24px;height:52px;padding:0 18px 0 16px;border-radius:99px;border:0;background:linear-gradient(135deg,#0b6bcb,#7c3aed);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 10px 28px #4f46e559;z-index:20;display:flex;align-items:center;gap:8px}@media(max-width:900px){.ai-fab{bottom:calc(18px + env(safe-area-inset-bottom));right:14px;height:50px;padding:0 15px}.ai-fab span{display:none}}.ai-panel{position:fixed;right:20px;bottom:20px;width:430px;height:min(700px,calc(100vh - 40px));background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);z-index:30;display:flex;flex-direction:column;overflow:hidden;animation:up .18s ease-out}@media(max-width:560px){.ai-panel{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:0}}.ai-head{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--border)}.ai-head .logo-mark{background:linear-gradient(135deg,#0b6bcb,#7c3aed)}.ai-msgs{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.msg{max-width:88%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.msg.user{align-self:flex-end;background:var(--primary);color:var(--primary-text);border-bottom-right-radius:5px}.msg.model{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:5px}.msg.tool{align-self:flex-start;background:none;border:1px dashed var(--border-strong);font-size:12.5px;color:var(--muted);padding:6px 10px;border-radius:10px}.msg.tool.ok{border-color:var(--ok);color:var(--ok);background:var(--ok-soft);border-style:solid}.msg.tool.err{border-color:var(--danger);color:var(--danger);background:var(--danger-soft);border-style:solid}.msg img{max-width:160px;border-radius:8px;display:block;margin-bottom:4px}.confirm-card{border:1px solid var(--warn);background:var(--warn-soft);border-radius:14px;padding:12px;font-size:14px;display:flex;flex-direction:column;gap:8px}.ai-input{border-top:1px solid var(--border);padding:10px;display:flex;gap:6px;align-items:flex-end;background:var(--surface)}.ai-input textarea{resize:none;max-height:120px;border-radius:12px}.mic{width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;background:var(--surface-2);flex-shrink:0;display:grid;place-items:center;color:var(--text-2)}.mic.send{background:var(--primary);color:#fff}.mic.rec{background:var(--danger);color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #dc262680}50%{box-shadow:0 0 0 10px #dc262600}}.typing{display:inline-flex;gap:4px}.typing span{width:6px;height:6px;background:var(--muted);border-radius:50%;animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%}.no-print{display:none!important}}.labels{display:grid;grid-template-columns:repeat(auto-fill,58mm);gap:4mm}.plabel{width:58mm;height:40mm;border:1px dashed var(--border-strong);border-radius:4px;padding:2.5mm;display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#000;font-size:9pt;overflow:hidden}.plabel .lname{font-weight:700;line-height:1.15}.plabel .lprice{font-size:14pt;font-weight:800}.plabel svg{width:100%;height:12mm}@media print{.plabel{border:0;break-inside:avoid}}@media(max-width:640px){.stats{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.stat .value{font-size:17px}.stat .hint{font-size:11px}}.boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px}.boot .logo-mark{width:52px;height:52px;font-size:22px;border-radius:14px}.boot-bar{width:140px;height:3px;border-radius:3px;background:var(--surface-3);overflow:hidden;position:relative}.boot-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:var(--primary);border-radius:3px;animation:slide 1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.side-search{display:flex;align-items:center;gap:8px;margin:0 2px 6px;padding:8px 10px;border-radius:9px;border:1px solid rgb(255 255 255 / .08);background:#ffffff0a;color:var(--sidebar-muted);cursor:pointer;font-size:13px}.side-search:hover{color:#fff;background:#ffffff12}.side-search kbd{margin-left:auto}kbd{font-family:inherit;font-size:11px;padding:1px 6px;border-radius:5px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted)}.sidebar kbd{border-color:#ffffff1f;background:transparent;color:var(--sidebar-muted)}.cp-bg{place-items:start center;padding-top:12vh}.cp{width:100%;max-width:620px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:rise2 .14s ease-out}@keyframes rise2{0%{transform:translateY(-6px);opacity:0}}.cp-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);color:var(--muted)}.cp-input input{flex:1;border:0;outline:none;background:none;font-size:16px;color:var(--text)}.cp-list{max-height:56vh;overflow-y:auto;padding:6px}.cp-group{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 10px 4px;font-weight:600}.cp-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;background:none;border-radius:9px;cursor:pointer;text-align:left;color:var(--text-2)}.cp-item.sel{background:var(--primary-soft);color:var(--primary)}@media(max-width:640px){.cp-bg{padding-top:0;place-items:stretch}.cp{border-radius:0;max-width:none;height:100vh}.cp-list{max-height:calc(100vh - 60px)}}.toast{display:flex;align-items:center;gap:8px}.toast.err{background:#b42318}.rate-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:6px 11px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.rate-chip:hover{border-color:var(--ok);color:var(--ok)}@media(max-width:640px){.rate-chip{padding:5px 8px;font-size:12px}.topbar h1{font-size:17px}}.topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width:640px){.topbar{gap:8px}.topbar .input-icon{max-width:130px!important}.topbar .input-icon select{padding-right:4px;font-size:13px}}@media(max-width:420px){.rate-chip{display:none}}.champ-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.champ{border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;border:1px solid var(--border);min-width:0}.champ.gold{background:linear-gradient(135deg,#fff7e0,#ffe8b0);border-color:#f5d27a;color:#4a3200}.champ.low{background:var(--surface-2)}.champ-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.champ.gold .champ-head{color:#8a5a00}.champ.low .champ-head{color:var(--danger)}.champ-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#fff9}.champ.low .champ-ico{background:var(--danger-soft)}.champ-kind{margin-left:auto;opacity:.5}.champ-name{font-size:17px;font-weight:700;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-value{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.champ-hint{font-size:12px;opacity:.75}.champ-next{display:flex;flex-direction:column;gap:2px;font-size:12px;margin-top:6px;padding-top:6px;border-top:1px dashed rgb(138 90 0 / .3)}.champ-next span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ.gold:after{content:"";position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;background:#ffffff59}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .champ.gold{background:linear-gradient(135deg,#3a2a05,#4a3508);border-color:#7a5a12;color:#ffe2a0}:root:not([data-theme=light]) .champ.gold .champ-head{color:#f5c451}}:root[data-theme=dark] .champ.gold{background:linear-gradient(135deg,#3a2a05,#4a3508);border-color:#7a5a12;color:#ffe2a0}:root[data-theme=dark] .champ.gold .champ-head{color:#f5c451}.card-head h2.row,.card-head h3.row{flex-wrap:nowrap;white-space:nowrap}@media(max-width:640px){.champ-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.champ{scroll-snap-align:start}}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;align-items:start}.board-col{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:160px;transition:background .12s}.board-col.droppable{background:var(--primary-soft);border-style:dashed}.board-head{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 4px}.board-empty{color:var(--muted);font-size:12px;text-align:center;padding:18px 0}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;box-shadow:var(--shadow-sm);min-width:0}.order-card:hover{border-color:var(--primary)}.order-card[draggable=true]{cursor:grab}.order-card.late{border-left:3px solid var(--danger)}.order-card.wide{box-shadow:none}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width:640px){.board{grid-auto-columns:82%;scroll-snap-type:x mandatory}.board-col{scroll-snap-align:start}}.notif{position:relative}.notif-dot{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--primary);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg)}.notif-dot.danger{background:var(--danger)}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);width:360px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;z-index:40;animation:rise2 .14s ease-out}.notif-head{font-weight:650;padding:8px 10px}.notif-item{width:100%;display:flex;gap:10px;align-items:flex-start;padding:10px;border:0;background:none;border-radius:10px;cursor:pointer;text-align:left;color:var(--text)}.notif-item:hover{background:var(--surface-2)}.notif-ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:var(--primary-soft);color:var(--primary)}.notif-ico.warn{background:var(--warn-soft);color:var(--warn)}.notif-ico.danger{background:var(--danger-soft);color:var(--danger)}.notif-title{display:block;font-weight:600;font-size:13.5px}.notif-text{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.notif-panel{position:fixed;left:12px;right:12px;top:60px;width:auto}}.cust-chip{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:400}.cust-drop{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:20;padding:4px}.cust-drop button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;border:0;background:none;border-radius:8px;cursor:pointer;text-align:left;color:var(--text);font-weight:400}.cust-drop button:hover{background:var(--surface-2)}@media(max-width:640px){.hide-sm{display:none!important}}.onboarding{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.onb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.onb-step{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text)}.onb-step span{display:flex;flex-direction:column;gap:2px}.onb-step svg{color:var(--muted);flex-shrink:0;margin-top:1px}.onb-step.done{background:var(--ok-soft);border-color:transparent}.onb-step.done svg{color:var(--ok)}.onb-step.done b{text-decoration:line-through;opacity:.7}.onb-step:hover{border-color:var(--primary)}.suggest{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.chip.sm{padding:3px 10px;font-size:12.5px}.auth{position:relative;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;color:#e2e8f0;background:radial-gradient(1200px 700px at 10% -10%,#1e3a8a 0%,transparent 60%),radial-gradient(900px 600px at 110% 110%,#4c1d95 0%,transparent 55%),linear-gradient(160deg,#050b1d,#0b1530 55%,#0f0a2a)}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.auth-bg .sheet{position:absolute;border-radius:28px;border:1px solid rgb(255 255 255 / .14);background:repeating-linear-gradient(90deg,rgb(255 255 255 / .1) 0 1px,transparent 1px 22px),linear-gradient(160deg,#7dd3fc38,#6366f114);box-shadow:inset 0 1px #fff3,0 30px 60px #0000004d;animation:drift 18s ease-in-out infinite;opacity:.55}.auth-bg .s1{width:380px;height:230px;left:-170px;bottom:6%;transform:rotate(-14deg)}.auth-bg .s2{width:360px;height:220px;left:38%;bottom:-120px;transform:rotate(9deg);animation-delay:-6s;animation-duration:22s}.auth-bg .s3{width:300px;height:180px;right:-90px;top:-70px;transform:rotate(18deg);animation-delay:-3s}.auth-bg .s4{width:200px;height:130px;left:36%;top:-60px;transform:rotate(-8deg);animation-delay:-10s;animation-duration:26s;opacity:.4}.auth-bg .sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255 / .35) 45%,transparent 60%);background-size:250% 100%;animation:sweep 7s ease-in-out infinite}.auth-bg .glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}.auth-bg .g1{width:380px;height:380px;background:#0ea5e9;left:18%;top:30%;animation:pulseGlow 9s ease-in-out infinite}.auth-bg .g2{width:320px;height:320px;background:#7c3aed;right:10%;top:50%;animation:pulseGlow 11s ease-in-out infinite reverse}@keyframes drift{0%,to{translate:0 0}50%{translate:18px -22px}}@keyframes sweep{0%{background-position:150% 0}60%,to{background-position:-100% 0}}@keyframes pulseGlow{0%,to{opacity:.35;scale:1}50%{opacity:.6;scale:1.15}}.auth-brand{position:relative;z-index:2;padding:56px 64px;display:flex;flex-direction:column;justify-content:center;gap:22px}.auth-logo{display:flex;align-items:center;gap:14px}.auth-logo .logo-svg{filter:drop-shadow(0 10px 25px rgb(14 165 233 / .45));border-radius:16px}.auth-name{font-size:22px;font-weight:800;letter-spacing:.04em;color:#fff}.auth-sub{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#7dd3fc;font-weight:600}.auth-hero{font-size:clamp(30px,3.4vw,48px);line-height:1.08;font-weight:800;color:#fff;letter-spacing:-.03em;margin-top:10px}.auth-hero span{background:linear-gradient(90deg,#7dd3fc,#a5b4fc 50%,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-lead{color:#94a3b8;font-size:16px;max-width:460px;margin:0;line-height:1.6}.auth-features{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:14px;max-width:460px}.auth-features li{display:flex;gap:12px;align-items:flex-start}.auth-features b{display:block;color:#f1f5f9;font-size:14.5px}.auth-features small{color:#94a3b8;font-size:13px}.auth-fi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#7dd3fc;background:#7dd3fc1a;border:1px solid rgb(125 211 252 / .2)}.auth-panel{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:18px}.auth-card{width:100%;max-width:420px;padding:34px 32px 30px;border-radius:24px;color:#0f172a;background:#fffffffa;border:1px solid rgb(255 255 255 / .6);box-shadow:0 40px 80px #0206178c,0 0 0 1px #ffffff14,inset 0 1px #fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:cardIn .6s cubic-bezier(.2,.8,.2,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.98)}}.auth-card-logo{display:none;margin-bottom:14px}.auth-card h1{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#0f172a}.auth-desc{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.auth-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:650;color:#334155}.auth-input{display:flex;align-items:center;gap:10px;padding:0 12px;height:48px;border-radius:13px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#94a3b8;transition:border-color .15s,box-shadow .15s,background .15s}.auth-input:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f626;color:#3b82f6}.auth-input input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:15.5px;color:#0f172a;height:100%}.auth-eye{border:0;background:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center}.auth-eye:hover{color:#334155;background:#eef2f7}.auth-check{display:flex;gap:8px;align-items:center;font-size:13.5px;color:#475569}.auth-check input{accent-color:#2563eb;width:16px;height:16px}.auth-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:10px 12px;border-radius:11px;font-size:13.5px;animation:shake .35s}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-btn{height:50px;border:0;border-radius:13px;cursor:pointer;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#0ea5e9,#2563eb,#4f46e5);background-size:200% 100%;box-shadow:0 12px 28px #2563eb66;transition:background-position .4s,transform .1s,box-shadow .2s;margin-top:4px}.auth-btn:hover:not(:disabled){background-position:100% 0;box-shadow:0 16px 34px #4f46e573}.auth-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.auth-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.auth-hint{text-align:center;font-size:12.5px;color:#94a3b8}.auth-foot{font-size:12px;color:#64748b}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgb(255 255 255 / .35);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo-glint{animation:glint 4.5s ease-in-out infinite}@keyframes glint{0%{transform:skew(-20deg) translate(0)}55%,to{transform:skew(-20deg) translate(110px)}}@media(max-width:960px){.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-card-logo{display:flex;align-items:center;gap:12px}.auth-card-logo b{display:block;font-size:17px;font-weight:800;letter-spacing:.04em;color:#0f172a}.auth-card-logo small{display:block;font-size:11px;font-weight:650;letter-spacing:.12em;color:#2563eb}.auth-panel{min-height:100vh;padding:24px 16px}.auth-card{padding:28px 22px 24px;border-radius:22px}}@media(prefers-reduced-motion:reduce){.auth-bg .sheet,.auth-bg .sheet:after,.auth-bg .glow,.logo-glint,.auth-card{animation:none}}.scan-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#020617bf;display:grid;place-items:center;padding:12px;animation:fade .15s}.scan{width:100%;max-width:520px;background:#0b1220;color:#e2e8f0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.scan-head{display:flex;align-items:center;gap:10px;padding:12px 14px}.scan-head .btn{color:#e2e8f0}.scan-view{position:relative;aspect-ratio:4 / 3;background:#000}.scan-view video{width:100%;height:100%;object-fit:cover;display:block}.scan-frame{position:absolute;left:12%;right:12%;top:30%;bottom:30%;border-radius:14px;box-shadow:0 0 0 9999px #00000073;border:2px solid rgb(255 255 255 / .85);overflow:hidden}.scan-line{position:absolute;left:0;right:0;height:2px;background:#22d3ee;box-shadow:0 0 12px #22d3ee;animation:scanline 1.6s ease-in-out infinite}@keyframes scanline{0%,to{top:8%}50%{top:90%}}.scan-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:20px;font-size:14px;color:#cbd5e1}.scan-msg.err{color:#fca5a5}.scan-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-size:13.5px;color:#94a3b8;min-height:52px}@media(max-width:560px){.scan-bg{padding:0}.scan{border-radius:0;height:100%;display:flex;flex-direction:column}.scan-view{flex:1;aspect-ratio:auto}}.week{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;overflow-x:auto;padding-bottom:6px}.week-day{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:180px}.week-day.today{border-color:var(--primary);background:color-mix(in srgb,var(--primary-soft) 60%,var(--surface-2))}.week-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:0 2px}.job-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.job-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0;font-size:13px}.job-card:hover{box-shadow:var(--shadow)}.job-card.yolda{border-left-color:var(--violet)}.job-card.bajarildi{border-left-color:var(--ok);opacity:.75}.job-card.bekor{opacity:.45}.job-card.late{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 40%,var(--surface))}.job-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.job-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.job-photo{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--surface-2)}.job-photo img{width:100%;height:100%;object-fit:cover;display:block}.job-photo .btn{position:absolute;top:4px;right:4px;background:#0000008c;color:#fff;border:0;padding:4px}@media(max-width:900px){.week{grid-template-columns:repeat(7,78%);scroll-snap-type:x mandatory}.week-day{scroll-snap-align:start}}.guide-group{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 2px 0;scroll-margin-top:80px}.guide-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:80px;transition:border-color .15s}.guide-item.open{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.guide-head{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.guide-head:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius)}.guide-head b{display:block;font-size:15px}.guide-head .muted{display:block;margin-top:2px;line-height:1.4}.guide-ico{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.guide-chev{flex:none;color:var(--muted);transition:transform .2s}.guide-item.open .guide-chev{transform:rotate(180deg)}.guide-body{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px 66px;font-size:14px;line-height:1.55}.guide-why{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--text);border-radius:10px;padding:10px 12px}.guide-why b{color:var(--ok)}.guide-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.guide-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.guide-steps li::marker{color:var(--primary);font-weight:700}.guide-tip{display:flex;gap:8px;align-items:flex-start;background:color-mix(in srgb,var(--warn) 12%,transparent);border-radius:10px;padding:10px 12px}.guide-tip svg{flex:none;color:var(--warn);margin-top:2px}@media(max-width:900px){.guide-body{padding:0 14px 14px}.guide-head{padding:12px 14px}}:root{--bg: #f3f5fb;--surface: #ffffff;--surface-2: #f4f6fc;--surface-3: #eaeef8;--border: #e3e8f3;--border-strong: #cfd6e6;--text: #0f172a;--text-2: #334155;--muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #e7eeff;--danger: #e11d48;--danger-soft: #ffe8ee;--warn: #d97706;--warn-soft: #fff3dc;--ok: #059669;--ok-soft: #e1f7ee;--violet: #7c3aed;--violet-soft: #f0e9ff;--pink: #db2777;--teal: #0d9488;--cyan: #0891b2;--grad: linear-gradient(135deg, #06b6d4 0%, #3b82f6 48%, #8b5cf6 100%);--grad-btn: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--shadow-sm: 0 1px 2px rgb(30 41 82 / .05);--shadow: 0 1px 2px rgb(30 41 82 / .04), 0 8px 24px -12px rgb(59 76 160 / .18);--shadow-lg: 0 24px 48px -12px rgb(30 41 82 / .25), 0 4px 10px rgb(30 41 82 / .05);--sidebar: linear-gradient(180deg, #1e1b4b 0%, #172554 48%, #0c3b5e 100%);--sidebar-text: #d6def0;--sidebar-muted: #8ea0c8;--sidebar-active: rgb(255 255 255 / .1);--glow-1: rgb(56 189 248 / .16);--glow-2: rgb(139 92 246 / .13);--glow-3: rgb(251 146 60 / .1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0e1a;--surface: #111827;--surface-2: #172033;--surface-3: #1e293d;--border: #233049;--border-strong: #31405e;--text: #eaf0fa;--text-2: #c5cee0;--muted: #8b97ae;--primary: #60a5fa;--primary-hover: #93c5fd;--primary-soft: #16264a;--danger: #fb7185;--danger-soft: #3b1422;--warn: #fbbf24;--warn-soft: #36280a;--ok: #34d399;--ok-soft: #0c2e24;--violet: #a78bfa;--violet-soft: #251b45;--pink: #f472b6;--teal: #2dd4bf;--cyan: #22d3ee;--shadow-sm: none;--shadow: 0 1px 0 rgb(255 255 255 / .03) inset;--shadow-lg: 0 24px 48px rgb(0 0 0 / .55);--sidebar: linear-gradient(180deg, #150f36 0%, #0d1838 50%, #062538 100%);--sidebar-active: rgb(255 255 255 / .08);--glow-1: rgb(56 189 248 / .1);--glow-2: rgb(139 92 246 / .12);--glow-3: rgb(236 72 153 / .06)}}:root[data-theme=dark]{--bg: #0a0e1a;--surface: #111827;--surface-2: #172033;--surface-3: #1e293d;--border: #233049;--border-strong: #31405e;--text: #eaf0fa;--text-2: #c5cee0;--muted: #8b97ae;--primary: #60a5fa;--primary-hover: #93c5fd;--primary-soft: #16264a;--danger: #fb7185;--danger-soft: #3b1422;--warn: #fbbf24;--warn-soft: #36280a;--ok: #34d399;--ok-soft: #0c2e24;--violet: #a78bfa;--violet-soft: #251b45;--pink: #f472b6;--teal: #2dd4bf;--cyan: #22d3ee;--shadow-sm: none;--shadow: 0 1px 0 rgb(255 255 255 / .03) inset;--shadow-lg: 0 24px 48px rgb(0 0 0 / .55);--sidebar: linear-gradient(180deg, #150f36 0%, #0d1838 50%, #062538 100%);--sidebar-active: rgb(255 255 255 / .08);--glow-1: rgb(56 189 248 / .1);--glow-2: rgb(139 92 246 / .12);--glow-3: rgb(236 72 153 / .06)}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 8% -10%,var(--glow-1),transparent 60%),radial-gradient(800px 520px at 100% 0%,var(--glow-2),transparent 60%),radial-gradient(900px 600px at 60% 110%,var(--glow-3),transparent 60%)}.sidebar{background:var(--sidebar)}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(260px 200px at 0% 0%,rgb(56 189 248 / .18),transparent 70%)}.sidebar>*{position:relative;z-index:1}.nav-btn svg{color:var(--nav-c, #93c5fd);transition:transform .15s}.nav-btn:hover svg{transform:scale(1.08)}.nav-btn.active{background:linear-gradient(90deg,color-mix(in srgb,var(--nav-c, #38bdf8) 28%,transparent),#ffffff0d)}.nav-btn.active:before{background:var(--nav-c, #38bdf8);box-shadow:0 0 10px var(--nav-c, #38bdf8)}.nav-btn[data-page=bosh]{--nav-c: #38bdf8}.nav-btn[data-page=kassa]{--nav-c: #34d399}.nav-btn[data-page=buyurtmalar]{--nav-c: #fbbf24}.nav-btn[data-page=jadval]{--nav-c: #f472b6}.nav-btn[data-page=ombor]{--nav-c: #a78bfa}.nav-btn[data-page=taminotchilar]{--nav-c: #fb923c}.nav-btn[data-page=mijozlar]{--nav-c: #22d3ee}.nav-btn[data-page=hisobotlar]{--nav-c: #60a5fa}.nav-btn[data-page=xarajatlar]{--nav-c: #fb7185}.nav-btn[data-page=filiallar]{--nav-c: #2dd4bf}.nav-btn[data-page=xodimlar]{--nav-c: #c084fc}.nav-btn[data-page=sozlamalar]{--nav-c: #a5b4cf}.nav-btn[data-page=qollanma]{--nav-c: #fde047}.nav-btn .count{background:linear-gradient(135deg,#fbbf24,#f97316);color:#fff}.nav-group{color:#7f93c4}.side-search{background:#ffffff12;border-color:#ffffff1f}.side-user{background:#ffffff14;border:1px solid rgb(255 255 255 / .08)}.side-user .avatar{background:var(--grad);color:#fff}.topbar{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px)}.page-head h1{background:linear-gradient(90deg,var(--text) 0%,color-mix(in srgb,var(--primary) 70%,var(--violet)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}.card{border-color:color-mix(in srgb,var(--border) 80%,transparent)}.stat{--tone: var(--primary);position:relative;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--tone) 11%,var(--surface)) 0%,var(--surface) 62%)}.stat:has(.ico.ok){--tone: var(--ok)}.stat:has(.ico.warn){--tone: var(--warn)}.stat:has(.ico.violet){--tone: var(--violet)}.stat:has(.ico.danger){--tone: var(--danger)}.stat:after{content:"";position:absolute;right:-28px;top:-28px;width:96px;height:96px;border-radius:50%;background:color-mix(in srgb,var(--tone) 10%,transparent);pointer-events:none}.stat .ico,.stat .ico.ok,.stat .ico.warn,.stat .ico.violet,.stat .ico.danger{background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 75%,#fff),var(--tone));color:#fff;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--tone) 70%,transparent)}.btn{transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--grad-btn);border-color:transparent;box-shadow:0 8px 18px -8px #4f46e5a6}.btn.primary:hover{background:var(--grad-btn);filter:brightness(1.08)}.btn.active{border-color:transparent;background:var(--grad-btn);color:#fff;box-shadow:0 6px 14px -8px #4f46e5b3}.btn.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-strong))}.tabs{background:color-mix(in srgb,var(--primary) 8%,var(--surface-3))}.tabs button.active{color:var(--primary);box-shadow:0 2px 8px -2px #3b4ca040}.tabs button.active svg{color:var(--violet)}.chip.active{border-color:transparent;background:var(--grad-btn);color:#fff}.chip:hover{border-color:color-mix(in srgb,var(--primary) 60%,transparent);color:var(--primary)}.badge.primary{background:color-mix(in srgb,var(--primary) 14%,var(--surface))}.badge.violet{background:color-mix(in srgb,var(--violet) 14%,var(--surface))}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent),0 0 0 1px var(--primary)}th{background:color-mix(in srgb,var(--primary) 5%,var(--surface-2))}.info-box{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--violet) 9%,var(--surface)))}.bar .fill{background:linear-gradient(180deg,#8b5cf6,#3b82f6 55%,#06b6d4);opacity:.9;border-radius:8px 8px 3px 3px}.progress>div,.boot-bar:after{background:var(--grad)}.product-tile{transition:border-color .15s,box-shadow .15s,transform .1s}.product-tile:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 55%,transparent);box-shadow:0 10px 22px -12px #3b4ca073;transform:translateY(-1px)}.product-tile .price{color:var(--primary)}.total-row .mono{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.board-col{border-top:3px solid var(--col, var(--primary));background:color-mix(in srgb,var(--col, var(--primary)) 5%,var(--surface-2))}.board-col:nth-child(1){--col: #3b82f6}.board-col:nth-child(2){--col: #8b5cf6}.board-col:nth-child(3){--col: #f59e0b}.board-col:nth-child(4){--col: #ec4899}.board-col:nth-child(5){--col: #14b8a6}.order-card:hover,.job-card:hover{box-shadow:0 10px 22px -14px #3b4ca080}.week-day.today{border-color:transparent;background:linear-gradient(var(--surface-2),var(--surface-2)) padding-box,var(--grad) border-box;border:2px solid transparent}.champ.low{background:linear-gradient(140deg,color-mix(in srgb,var(--danger) 7%,var(--surface)),var(--surface-2))}.notif-dot{background:var(--grad-btn)}.notif-dot.danger{background:linear-gradient(135deg,#fb7185,#e11d48)}.guide-ico,.avatar{background:var(--grad);color:#fff}.modal{border-color:color-mix(in srgb,var(--primary) 15%,var(--border))}.modal-bg{background:#0f172a80}.msg.user,.mic.send{background:var(--grad-btn)}*{scrollbar-color:color-mix(in srgb,var(--primary) 30%,transparent) transparent}