:root{--brand-900:#2d1640;--brand-800:#3a1e45;--brand-700:#42244d;--brand-600:#4e305a;--brand-500:#5a3968;--brand-400:#6d4a7d;--brand-300:#8a6699;--brand-200:#a98ab5;--surface-base:#42244d;--surface-sidebar:#341b3f;--surface-card:#4e305a;--surface-raised:#5a3968;--surface-input:#361b40;--surface-deep:#241031;--gold-500:#aa9883;--gold-400:#bfad98;--gold-300:#d4c2a7;--gold-200:#e3d7c8;--gold-100:#f0ebe3;--fg-pure:#ffffff;--fg-primary:rgba(255,255,255,.86);--fg-secondary:rgba(255,255,255,.56);--fg-tertiary:rgba(255,255,255,.4);--fg-ghost:rgba(255,255,255,.15);--fg-accent:var(--gold-300);--line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.05);--line-strong:rgba(255,255,255,.14);--line-accent:rgba(212,194,167,.3);--danger:#f2777a;--danger-soft:rgba(242,119,122,.14);--success:#4fd6a0;--success-soft:rgba(79,214,160,.14);--warn:#e5b567;--warn-soft:rgba(229,181,103,.14);--shadow-sm:0 2px 10px rgba(0,0,0,.2);--shadow-md:0 4px 24px rgba(0,0,0,.28);--shadow-lg:0 16px 44px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.04);--font-orb:"Orbitron",ui-sans-serif,system-ui,sans-serif;--display:"Urbanist",ui-sans-serif,system-ui,sans-serif;--body:"Inter",ui-sans-serif,system-ui,sans-serif;--r-card:12px;--r-btn:8px;--r-badge:6px;--r-tile:10px;--ease:cubic-bezier(.16,1,.3,1);--rail:224px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--body);color:var(--fg-primary);background-color:var(--surface-base);background-image:radial-gradient(circle at 14% -6%,rgba(212,194,167,.06),transparent 40%),radial-gradient(circle at 96% 108%,rgba(36,16,49,.6),transparent 48%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{font-family:var(--body);cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--body);color:var(--fg-primary)}::placeholder{color:var(--fg-tertiary)}:focus-visible{outline:none;box-shadow:0 0 0 3px #d4c2a724}svg{display:block}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-orb);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-tertiary)}.gold-eyebrow{color:var(--gold-300)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:0 22px;height:56px;background:var(--surface-sidebar);border-bottom:1px solid var(--line);box-shadow:0 1px #00000047}.brand{display:flex;align-items:center;gap:11px}.brand .mark{width:28px;height:28px;flex:none}.brand .word{font-family:var(--font-orb);font-weight:800;font-size:18px;letter-spacing:.1em;text-transform:uppercase;line-height:1;color:var(--fg-pure)}.topbar .sep{width:1px;height:20px;background:var(--line-strong)}.topbar .ctx{font-family:var(--font-orb);font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-300)}.topbar .spacer{flex:1}.plan-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-orb);font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:6px 11px;border-radius:999px;border:1px solid var(--line-accent);color:var(--gold-200);background:#d4c2a714}.plan-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--gold-300)}.synced{display:flex;align-items:center;gap:7px;font-family:var(--font-orb);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-secondary)}.synced .dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:calc(100vh - 56px)}.rail{background:var(--surface-sidebar);border-right:1px solid var(--line);padding:22px 14px;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}.rail-label{font-family:var(--font-orb);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-tertiary);padding:0 10px 10px}.navitem{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-btn);color:var(--fg-secondary);transition:.15s var(--ease);position:relative;margin-bottom:3px}.navitem:hover{background:var(--surface-card);color:var(--fg-primary)}.navitem.on{background:var(--surface-card);color:var(--fg-pure);box-shadow:inset 2px 0 0 var(--gold-300)}.navitem .num{font-family:var(--font-orb);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--gold-500);width:20px;flex:none}.navitem.on .num{color:var(--gold-300)}.navitem .ico{width:18px;height:18px;flex:none;color:currentColor}.navitem .txt{font-family:var(--display);font-weight:600;font-size:13.5px;letter-spacing:.01em;flex:1}.navitem .count{font-family:var(--font-orb);font-size:9.5px;letter-spacing:.04em;color:var(--fg-tertiary);background:var(--surface-input);border:1px solid var(--line);border-radius:999px;padding:2px 7px}.navitem.on .count{color:var(--gold-200);border-color:var(--line-accent)}.rail-foot{margin-top:22px;padding:14px 12px;border-top:1px solid var(--line-soft)}.rail-foot .upsell{display:block;padding:13px;border-radius:var(--r-tile);background:linear-gradient(150deg,#d4c2a724,#d4c2a70a);border:1px solid var(--line-accent)}.rail-foot .upsell .k{font-family:var(--font-orb);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-300)}.rail-foot .upsell .h{font-family:var(--display);font-weight:700;font-size:14px;color:var(--fg-pure);margin:6px 0 4px}.rail-foot .upsell .p{font-size:11.5px;color:var(--fg-secondary);line-height:1.5;margin-bottom:10px}.main{min-width:0;padding:30px 34px 90px;max-width:1180px}@media(max-width:900px){:root{--rail:0px}.shell{grid-template-columns:1fr}.rail{display:none}.main{padding:22px 16px 80px}}.mobilenav{display:none}@media(max-width:900px){.mobilenav{display:flex;gap:6px;overflow-x:auto;padding:10px 14px;background:var(--surface-sidebar);border-bottom:1px solid var(--line);position:sticky;top:56px;z-index:30}.mobilenav a{flex:none;font-family:var(--font-orb);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:8px 13px;border-radius:999px;border:1px solid var(--line);color:var(--fg-secondary)}.mobilenav a.on{background:var(--surface-card);color:var(--gold-200);border-color:var(--line-accent)}}.pagehead{margin-bottom:22px;position:relative;padding-top:6px}.pagehead .eyebrow{display:inline-block;margin-bottom:12px}.pagehead h1{font-family:var(--font-orb);font-weight:700;font-size:32px;line-height:1.03;letter-spacing:-.01em;text-transform:uppercase;color:var(--fg-pure);margin:0 0 10px;position:relative}.pagehead h1:before{content:"";position:absolute;left:0;top:-14px;width:44px;height:2px;background:linear-gradient(90deg,var(--gold-300),transparent)}.pagehead p{color:var(--fg-secondary);font-size:14px;max-width:64ch;line-height:1.6}@media(max-width:640px){.pagehead h1{font-size:25px}}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}@media(max-width:760px){.tiles{grid-template-columns:1fr}}.tile{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.tile.hero{background:linear-gradient(155deg,#d4c2a729,#d4c2a708);border-color:var(--line-accent)}.tile .tk{font-family:var(--font-orb);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-tertiary);display:flex;align-items:center;gap:8px}.tile.hero .tk{color:var(--gold-300)}.tile .tv{font-family:var(--font-orb);font-weight:700;font-size:30px;letter-spacing:-.01em;color:var(--fg-pure);margin-top:12px;line-height:1;font-variant-numeric:tabular-nums}.tile.hero .tv{color:var(--gold-200)}.tile .ts{font-size:12px;color:var(--fg-secondary);margin-top:9px;line-height:1.4}.tile .spark{position:absolute;right:16px;bottom:14px;opacity:.5}.panel{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-sm);overflow:hidden}.panel-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line-soft)}.panel-head .ph-title{font-family:var(--display);font-weight:700;font-size:15px;color:var(--fg-primary);display:flex;align-items:center;gap:10px}.panel-head .ph-title .code{font-family:var(--font-orb);font-size:10px;letter-spacing:.14em;color:var(--gold-500)}.panel-head .spacer{flex:1}.panel-sub{font-size:12px;color:var(--fg-secondary)}.table{width:100%}.thead{display:grid;grid-template-columns:var(--cols);gap:12px;padding:11px 18px;border-bottom:1px solid var(--line-soft);background:var(--surface-deep)}.thead .th{font-family:var(--font-orb);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--fg-tertiary)}.th.r,.td.r{text-align:right;justify-content:flex-end}.trow{display:grid;grid-template-columns:var(--cols);gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line-soft);transition:background .12s}.trow:last-child{border-bottom:0}.trow:hover{background:var(--surface-raised)}.trow.top{background:linear-gradient(90deg,rgba(212,194,167,.08),transparent 60%)}.demand-cols{--cols:36px minmax(0,2.4fr) .9fr 1.1fr .9fr .9fr auto}@media(max-width:900px){.thead,.trow{grid-template-columns:1fr auto}.demand-cols{--cols:1fr auto}.th.hidem,.td.hidem{display:none}}.td{min-width:0;font-size:13.5px;color:var(--fg-primary)}.sku{display:flex;align-items:center;gap:12px;min-width:0}.sku .thumb{width:40px;height:40px;flex:none;border-radius:9px;background:var(--surface-input) center/cover no-repeat;border:1px solid var(--line)}.sku .meta{min-width:0;display:flex;flex-direction:column;gap:2px}.sku .name{font-family:var(--display);font-weight:600;font-size:14px;color:var(--fg-pure);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sku .variant{font-size:11.5px;color:var(--fg-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demand-v{font-family:var(--font-orb);font-weight:700;font-size:16px;color:var(--gold-200);font-variant-numeric:tabular-nums;text-align:right}.waiting-v{font-family:var(--font-orb);font-size:14px;color:var(--fg-primary);font-variant-numeric:tabular-nums;text-align:right}.days-v{font-size:12.5px;color:var(--fg-secondary);text-align:right;font-variant-numeric:tabular-nums}.checkcell{display:grid;place-items:center}.trend{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-orb);font-size:10px;font-weight:600;letter-spacing:.03em;padding:4px 8px;border-radius:var(--r-badge);border:1px solid transparent;font-variant-numeric:tabular-nums}.trend.up{color:var(--success);background:var(--success-soft);border-color:#4fd6a03d}.trend.down{color:var(--danger);background:var(--danger-soft);border-color:#f2777a3d}.trend.flat{color:var(--fg-tertiary);background:var(--surface-input);border-color:var(--line)}.btn{font-family:var(--body);font-weight:600;font-size:13px;padding:9px 15px;border-radius:var(--r-btn);transition:.15s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn-gold{background:var(--gold-300);color:#2b1636;font-weight:700;box-shadow:var(--shadow-sm)}.btn-gold:hover{background:var(--gold-200);transform:translateY(-1px)}.btn-gold:active{transform:translateY(0)}.btn-ghost{border:1px solid var(--line-strong);color:var(--fg-secondary);background:var(--surface-input)}.btn-ghost:hover{border-color:var(--gold-300);color:var(--gold-200)}.btn-sm{font-size:11.5px;padding:7px 12px}.btn-danger{border:1px solid rgba(242,119,122,.3);color:var(--danger);background:var(--danger-soft)}.btn-danger:hover{background:#f2777a38}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.reorder-cta{font-family:var(--font-orb);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;padding:8px 13px;border-radius:var(--r-btn);background:var(--gold-300);color:#2b1636;transition:.15s var(--ease)}.reorder-cta:hover{background:var(--gold-200);transform:translateY(-1px)}.chk{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-strong);background:var(--surface-input);cursor:pointer;position:relative;transition:.12s}.chk:checked{background:var(--gold-300);border-color:var(--gold-300)}.chk:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #2b1636;border-width:0 2px 2px 0;transform:rotate(45deg)}.bulkbar{position:sticky;bottom:18px;margin-top:18px;display:flex;align-items:center;gap:14px;padding:13px 18px;background:var(--surface-raised);border:1px solid var(--line-accent);border-radius:var(--r-card);box-shadow:var(--shadow-lg);z-index:20}.bulkbar .bb-n{font-family:var(--font-orb);font-size:11px;letter-spacing:.06em;color:var(--gold-200)}.bulkbar .bb-sum{font-size:12.5px;color:var(--fg-secondary)}.bulkbar .spacer{flex:1}.card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:16px;box-shadow:var(--shadow-sm);overflow:hidden}.card-head{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.card-ico{width:38px;height:38px;flex:none;border-radius:var(--r-tile);background:var(--surface-input);border:1px solid var(--line);display:grid;place-items:center;color:var(--gold-300)}.card-title{font-family:var(--display);font-weight:700;font-size:16px;color:var(--fg-primary);display:flex;align-items:center;gap:10px}.card-title .code{font-family:var(--font-orb);font-size:10px;letter-spacing:.13em;color:var(--gold-500)}.card-sum{font-size:12.5px;color:var(--fg-secondary);margin-top:3px}.card-body{padding:18px}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field>label{display:block;font-size:12px;font-weight:600;color:var(--fg-secondary);margin-bottom:8px;letter-spacing:.01em}.field .hint{font-size:11.5px;color:var(--fg-tertiary);margin-top:7px;line-height:1.5}.inp{width:100%;padding:10px 12px;background:var(--surface-input);border:1px solid var(--line);border-radius:var(--r-btn);font-size:13.5px;color:var(--fg-primary);transition:.15s var(--ease)}.inp:focus{border-color:var(--line-accent);box-shadow:0 0 0 3px #d4c2a71a}textarea.inp{resize:vertical;min-height:74px;line-height:1.5}select.inp{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23bfad98' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px}select.inp option{background:var(--brand-800);color:var(--fg-primary)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.row2{grid-template-columns:1fr}}.prefix{position:relative}.prefix>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--fg-tertiary);font-size:13.5px;pointer-events:none}.prefix .inp{padding-left:26px}.togglerow{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.togglerow:last-child{border-bottom:0}.togglerow .tr-meta{flex:1;min-width:0}.togglerow .tr-t{font-family:var(--display);font-weight:600;font-size:14px;color:var(--fg-primary)}.togglerow .tr-s{font-size:12px;color:var(--fg-secondary);margin-top:3px;line-height:1.45}.switch{position:relative;flex:none;width:44px;height:25px}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-input);border:1px solid var(--line-strong);border-radius:999px;transition:.2s var(--ease)}.switch .thumb{position:absolute;top:2px;left:2px;width:19px;height:19px;background:var(--fg-secondary);border-radius:50%;transition:.2s var(--ease)}.switch input:checked+.track{background:var(--gold-300);border-color:var(--gold-300)}.switch input:checked+.track+.thumb{transform:translate(19px);background:#2b1636}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;background:var(--surface-input);outline:none;margin:8px 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold-300);cursor:pointer;border:2px solid var(--surface-card);box-shadow:var(--shadow-sm)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold-300);cursor:pointer;border:2px solid var(--surface-card)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-orb);font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:4px 9px;border-radius:var(--r-badge);border:1px solid var(--line)}.badge.draft{color:var(--fg-secondary);background:var(--surface-input)}.badge.sent{color:var(--warn);background:var(--warn-soft);border-color:#e5b5673d}.badge.received{color:var(--success);background:var(--success-soft);border-color:#4fd6a03d}.badge.cancelled{color:var(--danger);background:var(--danger-soft);border-color:#f2777a3d}.po-row{display:flex;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line-soft);transition:background .12s}.po-row:last-child{border-bottom:0}.po-row:hover{background:var(--surface-raised)}.po-num{font-family:var(--font-orb);font-weight:700;font-size:14px;color:var(--gold-200);letter-spacing:.04em;width:96px;flex:none}.po-meta{flex:1;min-width:0}.po-meta .pm-t{font-family:var(--display);font-weight:600;font-size:14px;color:var(--fg-primary)}.po-meta .pm-s{font-size:12px;color:var(--fg-secondary);margin-top:2px}.po-total{font-family:var(--font-orb);font-size:14px;color:var(--fg-pure);font-variant-numeric:tabular-nums}.poline{display:grid;grid-template-columns:minmax(120px,1fr) 56px 82px 110px 90px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}.poline:last-of-type{border-bottom:0}@media(max-width:1024px){.poline{grid-template-columns:minmax(0,1fr) 78px 92px}.poline .hidem{display:none}}.poline .pl-t{font-family:var(--display);font-weight:600;font-size:13.5px;color:var(--fg-primary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poline .pl-t small{display:block;font-family:var(--body);font-weight:400;font-size:11px;color:var(--fg-tertiary);margin-top:2px}.qtyinp{width:100%;padding:8px 10px;text-align:right;font-variant-numeric:tabular-nums}.empty{text-align:center;padding:56px 24px}.empty .ei{width:56px;height:56px;margin:0 auto 18px;border-radius:14px;background:var(--surface-input);border:1px solid var(--line);display:grid;place-items:center;color:var(--gold-300)}.empty h3{font-family:var(--display);font-weight:700;font-size:18px;color:var(--fg-pure);margin-bottom:8px}.empty p{font-size:13.5px;color:var(--fg-secondary);max-width:44ch;margin:0 auto 18px;line-height:1.6}.banner{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:var(--r-card);margin-bottom:20px;font-size:13px;line-height:1.5}.banner.info{background:#d4c2a717;border:1px solid var(--line-accent);color:var(--fg-primary)}.banner.info b{color:var(--gold-200)}.banner .bi{flex:none;color:var(--gold-300);margin-top:1px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--line-accent);box-shadow:var(--shadow-lg);font-size:13px;color:var(--fg-primary);animation:toastin .3s var(--ease)}.toast .dot{width:7px;height:7px;border-radius:50%;background:var(--success)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.stack{display:flex;flex-direction:column;gap:16px}.rowflex{display:flex;align-items:center;gap:12px}.hsplit{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start}@media(max-width:900px){.hsplit{grid-template-columns:1fr}}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.gold{color:var(--gold-200)}.subtle{color:var(--fg-secondary)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 20px}.auth-card{width:100%;max-width:428px;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:34px 32px 28px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-300),transparent);opacity:.55}.auth-h1{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.01em;color:var(--fg-pure);margin:9px 0 8px;line-height:1.1}.auth-sub{font-size:13.5px;color:var(--fg-secondary);line-height:1.55;margin-bottom:22px}.auth-err{color:var(--danger);font-size:12px;margin-top:7px;font-weight:500}.auth-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--fg-tertiary);line-height:1.5;text-align:center}