: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:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);color:#e8ebe9;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:4px;width:252px;padding:18px 14px;display:flex}.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}.main{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}.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}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.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-draft{background:var(--surface-2);color:var(--ink-2)}.st-ordered{background:var(--info-soft);color:var(--info)}.st-paid{background:var(--violet-soft);color:var(--violet)}.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)}.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}.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}.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 h3{margin-bottom:16px;font-size:18px}.modal .modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.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}