:root{--radius:16px;--radius-lg:20px;--radius-sm:12px;--ease:cubic-bezier(.22, 1, .36, 1);font-feature-settings:"ss01";font-family:Manrope,system-ui,-apple-system,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f3;--surface:#fff;--surface-2:#f0eee9;--ink:#1a1b1e;--ink-2:#5a5d66;--ink-3:#8b8e97;--border:#e4e2dc;--border-strong:#cfccc4;--shadow:0 1px 2px #1a1b1e0d, 0 8px 24px #1a1b1e0f;--shadow-lg:0 4px 8px #1a1b1e12, 0 16px 40px #1a1b1e1f;--accent:#1d5c4d;--accent-hover:#174a3e;--accent-soft:#e3efe9;--accent-deep:#123831;--accent-light:#3a8a78;--accent-2:#b4633a;--accent-2-hover:#96502e;--accent-2-soft:#f6e8de;--btn-fg:#fff;--sidebar-bg:#123831;--overlay:#1a1b1e6b;--glow-a:#1d5c4d0d;--glow-b:#b4633a0a;--focus-ring:#1d5c4d1f;--danger:#b3402e;--danger-soft:#f7e5e1;--warn:#9a7422;--warn-soft:#f5edd8;--info:#155f8c;--info-soft:#e3f2fb;--violet:#49348f;--violet-soft:#eeeafc}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101114;--surface:#191b1f;--surface-2:#22242a;--ink:#f2f2ef;--ink-2:#9ca0aa;--ink-3:#6b6f79;--border:#262930;--border-strong:#363a44;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--shadow-lg:0 4px 8px #00000073, 0 16px 40px #00000080;--accent:#3a8a78;--accent-hover:#52a090;--accent-soft:#3a8a7824;--accent-deep:#b8ddd4;--accent-light:#52a090;--accent-2:#d68a5c;--accent-2-hover:#e3a67a;--accent-2-soft:#d68a5c24;--btn-fg:#101114;--sidebar-bg:#0a1512;--overlay:#00000094;--glow-a:#3a8a7814;--glow-b:#d68a5c0f;--focus-ring:#3a8a7838;--danger:#f08080;--danger-soft:#b3402e29;--warn:#d4a843;--warn-soft:#9a742229;--info:#56bcf2;--info-soft:#56bcf224;--violet:#a78bfa;--violet-soft:#a78bfa29}:root{--paper:var(--bg);--paper-2:var(--surface-2);--card:var(--surface);--line:var(--border);color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1100px 560px at 88% -8%, var(--glow-a), transparent 58%), radial-gradient(860px 480px at -8% 108%, var(--glow-b), transparent 52%), var(--bg);-webkit-font-smoothing:antialiased;transition:background .3s var(--ease), color .3s var(--ease);margin:0;font-size:15px;line-height:1.6}::selection{background:var(--accent);color:var(--btn-fg)}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-family:Unbounded,sans-serif;font-weight:600;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:.92em}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);color:#e8ebe9;-webkit-overflow-scrolling:touch;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:4px;width:252px;padding:18px 14px;display:flex;overflow-y:auto}.sidebar .brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:8px;padding:6px 10px 16px;display:flex}.brand-logo{width:44px;height:44px;transition:transform .25s var(--ease);border-radius:12px;flex-shrink:0;box-shadow:0 4px 14px #00000047}.brand:hover .brand-logo{transform:scale(1.04)}.brand-name{color:#f2f2ef;font-family:Unbounded,sans-serif;font-size:17px;font-weight:700;line-height:1.1}.brand-z{color:var(--accent-light);font-style:normal}.brand-zbs{color:#f2f2ef8c;flex-direction:column;margin-top:5px;font-size:11px;font-weight:500;line-height:1.45;display:flex}.brand-zbs b{color:var(--accent-2);font-weight:700}.nav-section{text-transform:uppercase;letter-spacing:.12em;color:#f2f2ef61;padding:14px 10px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.nav-link{border-radius:var(--radius-sm);color:#f2f2efb8;transition:background .18s var(--ease), color .18s var(--ease);align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;font-weight:600;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.active{color:#fff;background:#3a8a7838}.nav-link.active:before{content:"";background:var(--accent-2);border-radius:0 3px 3px 0;width:3px;position:absolute;top:18%;bottom:18%;left:-14px}.nav-link svg{opacity:.88;width:17px;height:17px}.sidebar-footer{flex-direction:column;gap:10px;margin-top:auto;padding-top:8px;display:flex}.theme-switch{gap:6px;padding:0 10px;display:flex}.theme-switch button{color:#f2f2ef8c;transition:all .18s var(--ease);background:0 0;border:1px solid #ffffff1f;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.theme-switch button:hover{color:#fff;border-color:#ffffff38}.theme-switch button.active{color:#fff;background:#3a8a7847;border-color:#3a8a7873}.theme-switch.compact button{padding:7px 0}.login-topbar .theme-switch button{border-color:var(--border-strong);color:var(--ink-2);background:var(--surface)}.login-topbar .theme-switch button:hover{border-color:var(--accent);color:var(--ink)}.login-topbar .theme-switch button.active{background:var(--accent);border-color:var(--accent);color:var(--btn-fg)}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:0;padding:12px 10px;display:flex}.avatar{background:var(--accent-2);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.sidebar-user .u-name{color:#fff;font-size:12.5px;font-weight:700;line-height:1.25}.sidebar-user .u-role{color:#f2f2ef80;font-size:11px}.logout-btn{color:#f2f2ef73;background:0 0;border:none;border-radius:8px;place-items:center;margin-left:auto;padding:6px;transition:all .15s;display:grid}.logout-btn:hover{color:#fff;background:#ffffff14}.sidebar-close,.sidebar-backdrop,.mobile-bar{display:none}.main-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.main{-webkit-overflow-scrolling:touch;flex:1;padding:28px 36px 64px;overflow-y:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.page-head h1{font-size:clamp(22px,2.5vw,28px);font-weight:600}.page-head .sub{color:var(--ink-2);max-width:560px;margin-top:6px;font-size:14px}.page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:background .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease)}.card.pad{padding:22px}.card.item-focus{outline:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft);scroll-margin-top:24px}.card.item-search-hit{box-shadow:var(--shadow), inset 4px 0 0 var(--accent)}mark.search-hit{background:var(--warn-soft);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:0 .15em;font-weight:700}[data-theme=dark] mark.search-hit{background:color-mix(in srgb, var(--warn) 38%, transparent)}.item-chip.search-hit-chip{outline:2px solid var(--accent);outline-offset:0;background:var(--accent-soft)!important}.item-chip.search-muted{opacity:.42}.card-carryover,tr.row-carryover td{background:color-mix(in srgb, var(--danger) 8%, transparent)}tr.row-carryover{outline:2px solid color-mix(in srgb, var(--danger) 45%, var(--line));outline-offset:-2px}.carryover-banner{border:1px solid color-mix(in srgb, var(--danger) 40%, var(--line));background:color-mix(in srgb, var(--danger) 10%, var(--paper));border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.carryover-bar{background:color-mix(in srgb, var(--danger) 12%, var(--paper-2));border:1px solid color-mix(in srgb, var(--danger) 35%, var(--line));border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.carryover-bar.compact{padding:8px 10px;font-size:12.5px;font-weight:500}.kcard-carryover{border:2px solid var(--danger)!important;background:color-mix(in srgb, var(--danger) 10%, var(--paper))!important}a.card.needs-action,.card.needs-action{box-shadow:var(--shadow), inset 5px 0 0 var(--warn);border:2px solid var(--warn)!important;background:var(--warn-soft)!important}a.card.needs-action:hover,.card.needs-action:hover{filter:brightness(.98);border-color:var(--warn)!important}.action-pill{letter-spacing:.01em;background:var(--warn);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.item-chip{cursor:pointer;color:inherit;text-decoration:none}.item-chip.needs-action-item{box-shadow:0 0 0 2px var(--warn-soft);border:1.5px solid var(--warn)!important;background:#fff!important}[data-theme=dark] .item-chip.needs-action-item{background:var(--surface)!important}.nav-link .nav-badge{background:var(--warn);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.requests-action-banner{border-radius:var(--radius-sm);border:1.5px solid var(--warn);background:var(--warn-soft);color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;font-size:13.5px;display:flex}.requests-action-banner strong{font-weight:800}.card h3{font-family:Unbounded,sans-serif;font-size:15px;font-weight:500}.btn{border-radius:var(--radius-sm);background:var(--accent);color:var(--btn-fg);transition:background .15s var(--ease), transform .15s var(--ease), color .15s var(--ease);border:none;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{color:var(--ink);border:1.5px solid var(--border-strong);background:0 0}.btn.secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:none}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#96502e}.btn.ghost{background:var(--accent-soft);color:var(--accent-deep);padding:7px 12px}[data-theme=dark] .btn.ghost{color:var(--accent)}.btn.ghost:hover{filter:brightness(.96)}[data-theme=dark] .btn.ghost:hover{filter:brightness(1.12)}.btn.sm{border-radius:10px;padding:6px 12px;font-size:12.5px}.btn svg{width:15px;height:15px}.input,select.input,textarea.input{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--surface);outline:none;width:100%;padding:11px 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}textarea.input{resize:vertical;min-height:72px}.field{flex-direction:column;gap:6px;display:flex}.field>label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.st-pending{background:var(--warn-soft);color:var(--warn)}.st-head_approved{background:var(--info-soft);color:var(--info)}.st-normalized{background:var(--violet-soft);color:var(--violet)}.st-priced{background:var(--accent-2-soft);color:var(--accent-2)}.st-approved{background:var(--accent-soft);color:var(--accent-deep)}.st-reserved{background:var(--accent-soft);color:var(--accent)}.st-in_purchase{background:var(--accent-2-soft);color:var(--accent-2)}.st-purchased{background:var(--violet-soft);color:var(--violet)}.st-delivered{background:var(--info-soft);color:var(--info)}.st-issued{background:var(--accent-soft);color:var(--accent)}.st-returned{background:var(--warn-soft);color:var(--warn)}.st-rejected{background:var(--danger-soft);color:var(--danger)}.st-split{background:var(--violet-soft);color:var(--violet)}.st-draft{background:var(--surface-2);color:var(--ink-2)}.st-consumable{background:var(--accent-2-soft);color:var(--accent-2)}.st-ordered{background:var(--info-soft);color:var(--info)}.st-paid{background:var(--violet-soft);color:var(--violet)}.st-to_pay{background:var(--warn-soft);color:var(--warn)}.price-compare{border:1px solid var(--line);background:var(--paper-2);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:grid}.price-compare.down{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.price-compare.up{border-color:color-mix(in srgb, var(--danger) 45%, var(--line))}.pc-col .pc-sum{margin-top:2px;font-size:18px;font-weight:800}.pc-delta{text-align:center;min-width:120px;padding:0 8px;font-size:13px;font-weight:800}.pc-delta.down,.price-compare.down .pc-col:last-child .pc-sum{color:var(--accent)}.pc-delta.up,.price-compare.up .pc-col:last-child .pc-sum{color:var(--danger)}@media (width<=720px){.price-compare{text-align:left;grid-template-columns:1fr}.pc-delta{text-align:left;min-width:0}}.st-closed{background:var(--accent-soft);color:var(--accent)}.st-cancelled{background:var(--danger-soft);color:var(--danger)}.st-collecting{background:var(--accent-soft);color:var(--accent-deep)}.st-review{background:var(--warn-soft);color:var(--warn)}.cmp-up{background:var(--danger-soft);color:var(--danger)}.cmp-down{background:var(--accent-soft);color:var(--accent-deep)}.cmp-same{background:var(--info-soft);color:var(--info)}.cmp-new{background:var(--warn-soft);color:var(--warn)}.cmp-qty{background:var(--violet-soft);color:var(--violet)}button.badge{font:inherit;cursor:pointer;font-family:inherit;line-height:inherit;border:none}button.badge:hover{filter:brightness(.97)}button.badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);border-bottom:1px solid var(--border-strong);padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 14px;font-size:14px}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.kanban{align-items:flex-start;gap:14px;padding-bottom:20px;display:flex;overflow-x:auto}.kanban-col{background:var(--surface-2);border-radius:var(--radius);width:270px;transition:background .2s, outline .2s, width .28s var(--ease), padding .28s var(--ease);outline:2px dashed #0000;flex-shrink:0;align-self:stretch;padding:10px}.kanban-col.drop-ok{background:var(--accent-soft);outline-color:var(--accent)}.kanban-col.collapsed{border:1.5px dashed var(--border);background:0 0;width:46px;padding:10px 6px}.kanban-col.collapsed.drop-ok{border-color:var(--accent);background:var(--accent-soft);outline:none}.kanban-col-collapsed{flex-direction:column;align-items:center;gap:10px;height:100%;min-height:180px;display:flex}.kanban-col-collapsed .v-label{writing-mode:vertical-rl;color:var(--ink-3);letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:700}.kcard.just-moved{animation:card-flash 5s var(--ease) forwards}@keyframes card-flash{0%{box-shadow:0 0 0 3px var(--accent), 0 8px 24px #1d5c4d47;background:var(--accent-soft)}12%{box-shadow:0 0 0 3px var(--accent), 0 4px 14px #1d5c4d33}75%{box-shadow:0 0 0 2px #1d5c4d59, var(--shadow);background:var(--surface)}to{box-shadow:var(--shadow);background:var(--surface)}}.kanban-drop-hint{border:1.5px dashed var(--accent);border-radius:var(--radius-sm);text-align:center;color:var(--accent-deep);padding:18px 12px;font-size:12px;font-weight:700}.kanban-col-head{justify-content:space-between;align-items:center;padding:4px 8px 10px;font-family:Unbounded,sans-serif;font-size:12px;font-weight:500;display:flex}.kanban-col-head .count{background:var(--surface);border:1px solid var(--border);color:var(--ink-2);border-radius:99px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.kanban-cards{flex-direction:column;gap:8px;min-height:40px;display:flex}.kcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;box-shadow:var(--shadow);transition:box-shadow .18s var(--ease), transform .18s var(--ease);padding:12px}.kcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kcard.dragging{opacity:.45}.kcard.static{cursor:default}.kcard .k-title{font-size:13px;font-weight:700;line-height:1.35}.kcard .k-meta{color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:8px;font-size:11.5px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-split{grid-template-columns:3fr 2fr;align-items:start;gap:16px;display:grid}.stat{padding:20px}.stat .s-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.stat .s-value{margin-top:8px;font-family:Unbounded,sans-serif;font-size:28px;font-weight:600}.stat .s-note{color:var(--ink-3);margin-top:4px;font-size:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .input{width:260px}.empty{text-align:center;color:var(--ink-3);padding:48px 20px}.empty .e-icon{opacity:.35;margin-bottom:10px}.loading-block{text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:12px;padding:56px 20px;display:flex}.loading-block p{margin:0;font-size:14px;font-weight:600}.loading-spinner{color:var(--accent);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.modal-overlay{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:88vh;padding:26px;overflow-y:auto}.modal.modal-wide{max-width:920px}.modal.modal-xl{flex-direction:column;max-width:min(1280px,96vw);max-height:94vh;padding:28px 32px;display:flex}.modal.modal-xl>h3{flex-shrink:0}.modal.modal-xl .modal-body{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:visible}.modal.modal-xl .modal-actions{flex-shrink:0;margin-top:16px}.modal.modal-xl .wizard-item-list{flex:1;min-height:420px;max-height:none;overflow-y:auto}.modal h3{margin-bottom:16px;font-size:18px}.modal .modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.drawer-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14181661;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);width:min(520px,100vw);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;padding:22px 24px;display:flex;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer-head h3{margin:0;font-size:18px}.po-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;grid-template-columns:1fr auto;gap:8px 16px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:grid}.po-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.po-card.active{border-color:var(--accent);background:var(--accent-soft)}.committee-dept-head{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.committee-dept-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.committee-dept-head.open{border-bottom:1px solid var(--line)}.committee-dept-head h3{line-height:1.25}.supplier-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.supplier-group-head{background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.supplier-group-head .grow{flex:1;min-width:160px}.wizard-steps{gap:8px;margin-bottom:8px;display:flex}.wizard-step{text-align:center;color:var(--ink-3);background:var(--surface-2);border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:700}.wizard-step.active{color:var(--accent);background:var(--accent-soft)}.wizard-step.done{color:var(--ink)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.tabs{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);gap:2px;padding:4px;display:inline-flex}.tab{color:var(--ink-2);transition:all .18s var(--ease);background:0 0;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700}.tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.timeline{flex-direction:column;gap:0;display:flex}.tl-item{gap:12px;padding-bottom:18px;display:flex;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--border);width:2px;position:absolute;top:16px;bottom:0;left:5px}.tl-item:last-child:before{display:none}.tl-dot{background:var(--accent);border:2.5px solid var(--surface);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--accent);border-radius:50%;flex-shrink:0;margin-top:4px}.tl-body{font-size:13px}.tl-body .tl-when{color:var(--ink-3);font-size:11.5px}.login-page{background:radial-gradient(900px 500px at 82% 8%, var(--glow-a), transparent 55%), radial-gradient(700px 480px at 8% 92%, var(--glow-b), transparent 55%), var(--bg);place-items:center;height:100vh;display:grid;position:relative}.login-topbar{z-index:2;position:absolute;top:20px;right:24px}.login-card{flex-direction:column;gap:18px;width:420px;max-width:calc(100vw - 32px);padding:36px;display:flex}.login-brand{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:4px;padding-bottom:8px;display:flex}.login-logo{width:60px;height:60px;box-shadow:var(--shadow-lg);border-radius:14px}.login-title{font-family:Unbounded,sans-serif;font-size:24px;font-weight:700}.login-title .brand-z{color:var(--accent)}.login-zbs{color:var(--ink-2);flex-direction:column;margin-top:6px;font-size:13px;font-weight:500;line-height:1.45;display:flex}.login-zbs b{color:var(--accent-2);font-weight:700}.error-text{color:var(--danger);font-size:13px;font-weight:600}.row{align-items:center;gap:10px;display:flex}.grow{flex:1}.muted{color:var(--ink-3)}.small{font-size:12px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2.5px solid var(--bg);border-radius:99px}::-webkit-scrollbar-track{background:0 0}.order-builder{z-index:90;background:var(--paper);flex-direction:column;min-height:100vh;display:flex;position:fixed;inset:0}.order-builder-head{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px 8px;display:flex}.order-builder-head h2{margin:0 0 4px;font-size:20px}.order-builder-head-title{min-width:0}.order-builder-meta{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:14px 20px;display:flex}.order-builder-total{text-align:right;min-width:160px;margin-left:auto}.order-builder-total-sum{font-size:22px;font-weight:800;line-height:1.2}.order-builder-grid{border-bottom:1px solid var(--border);flex:1;grid-template-columns:1fr 1fr;gap:0;min-height:0;display:grid}.order-builder-pane{border-right:1px solid var(--border);background:var(--paper);flex-direction:column;min-width:0;min-height:0;display:flex}.order-builder-pane:last-child{background:var(--surface);border-right:none}.order-builder-pane-head{flex-direction:column;gap:2px;padding:12px 16px 8px;display:flex}.order-builder-filters{flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 10px;display:flex}.order-builder-filters .input{width:180px}.order-builder-scroll{flex:1;min-height:0;padding:0 12px 16px;overflow:auto}.order-pick-row{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:10px 12px;display:grid}.order-pick-row:hover{border-color:var(--accent)}.order-pick-row.in-cart{background:var(--accent-soft);border-color:var(--accent)}.order-pick-name{font-size:13px;font-weight:700}.order-pick-meta{text-align:right;grid-template-columns:auto auto;gap:0 10px;font-size:12px;display:grid}.order-pick-action{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:700}.order-pick-action.remove{color:var(--danger)}.order-line{border:1px solid var(--border);background:var(--paper);border-radius:12px;margin-bottom:8px;padding:12px}.order-line-top{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.order-line-fields{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;display:grid}.labeled-input{flex-direction:column;gap:4px;min-width:0;display:flex}.labeled-input>span{color:var(--ink-3);font-size:11px;font-weight:700}.labeled-static{align-items:center;height:40px;font-size:13px;display:flex}.order-builder-foot{background:var(--surface);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}@media (width<=980px){.order-builder-grid{grid-template-columns:1fr}.order-line-fields{grid-template-columns:1fr 1fr}}.switch{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;flex-shrink:0;width:42px;height:24px;margin-top:2px;transition:background .15s,border-color .15s;position:relative}.switch-thumb{background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow);transition:transform .15s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-track .switch-thumb{transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--focus-ring)}.consumable-ledger{border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--border);margin-top:14px;padding:14px}.consumable-stats{flex-wrap:wrap;gap:28px;margin-top:10px;display:flex}.consumable-remain{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:800}.consumable-remain.over{color:var(--danger)}.consumable-bar{background:var(--surface-2);border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.consumable-bar>div{background:var(--accent);border-radius:99px;height:100%}.consumable-bar.over>div{background:var(--danger)}.consumable-form{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:8px 0;display:grid}@media (width<=900px){.consumable-form{grid-template-columns:1fr 1fr}}.remember-row{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;display:flex}.remember-row input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}@media (width<=860px){.hide-on-mobile{display:none!important}.mobile-bar{padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);z-index:40;flex-shrink:0;align-items:center;gap:10px;display:flex}.mobile-menu-btn{background:var(--surface-2);width:44px;height:44px;color:var(--ink);border:none;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.mobile-bar-title{flex:1;font-family:Unbounded,sans-serif;font-size:16px;font-weight:700}.sidebar-backdrop{z-index:70;background:var(--overlay);border:none;padding:0;display:block;position:fixed;inset:0}.sidebar{z-index:80;width:min(300px,88vw);transition:transform .22s var(--ease);padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-close{color:#fff;background:#ffffff14;border:none;border-radius:10px;flex-shrink:0;align-self:flex-start;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.main{padding:16px 14px 40px;padding-bottom:max(40px, env(safe-area-inset-bottom))}.page-head{margin-bottom:16px}.page-head-actions,.page-head-actions .input{width:100%}.dashboard-split,.form-grid{grid-template-columns:1fr}.toolbar .input{width:100%}.input,select.input,textarea.input{font-size:16px}.modal-overlay{align-items:flex-end;place-items:unset;justify-content:center;padding:8px;display:flex}.modal,.modal.modal-wide,.modal.modal-xl{border-radius:16px 16px 12px 12px;width:100%;max-width:100%;max-height:92dvh;padding:18px 16px}.table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.login-card{padding:24px 18px}.price-compare{grid-template-columns:1fr}}