:root{--color-primary:#2196f3;--color-primary-dark:#1565c0;--color-primary-light:#e3f2fd;--color-on-primary:#fff;--color-bg:#fff;--color-bg-subtle:#fafafa;--color-canvas:#f6f9fc;--color-bg-hover:#f0f3f7;--color-bg-active:#e8ecf1;--color-border:#0a254014;--color-border-strong:#0a254024;--color-border-subtle:#0a25400d;--color-text:#0a2540;--color-text-secondary:#425466;--color-text-muted:#697386;--color-text-faint:#8898aa;--color-finance:#1b7f5a;--color-finance-mid:#0e9f6e;--color-finance-soft:#d1f5e8;--color-finance-pale:#e8faf3;--color-success:#0e9f6e;--color-success-dark:#1b7f5a;--color-warning:#b45309;--color-danger:#e25950;--color-accent:#7b61ff;--color-positive:#0e9f6e;--color-positive-soft:#e5f7ee;--color-negative:#e25950;--color-negative-muted:#fce9e7;--color-stage-open:#2196f3;--color-stage-open-soft:#e3f2fd;--color-stage-transit:#b45309;--color-stage-transit-soft:#fef3c7;--color-stage-arrived:#0e9f6e;--color-stage-arrived-soft:#e5f7ee;--color-stage-wh:#7b61ff;--color-stage-wh-soft:#ede9ff;--shadow-card:0 1px 0 #0a25400a, 0 4px 14px #0a25400d;--shadow-lift:0 6px 24px #0a25401f;--radius-card:12px;--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;color:var(--color-text);background:var(--color-bg-subtle);font:16px/1.55 var(--font-sans);font-synthesis:none}*{box-sizing:border-box}body{background:var(--color-bg-subtle);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:180px 1fr;min-height:100vh;display:grid}aside{color:var(--color-text);background:var(--color-bg);border-right:1px solid #e3e8ee;flex-direction:column;display:flex;overflow-y:auto}.brand-lockup{background:0 0;border:0;align-items:center;padding:20px 16px 16px;display:flex}button.brand-lockup{cursor:pointer}nav{flex:1;align-content:start;gap:0;padding:0 8px 8px;display:grid;overflow-y:auto}.nav-row{width:100%;min-height:34px;color:var(--gray-700);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:8px 12px;font-size:13px;line-height:18px;transition:color .12s;display:flex}.nav-row svg{color:var(--gray-400);flex:none}.nav-row:hover:not(:disabled){color:var(--gray-900)}.nav-row.active{color:var(--color-primary);font-weight:600}.nav-row.active svg{color:var(--color-primary)}.nav-row.soon{color:var(--gray-400);cursor:not-allowed}.nav-row.soon svg{color:var(--gray-200)}.nav-soon{color:#d1d5db;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:10px}.nav-section{color:var(--gray-500);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:14px 16px 6px;font-size:10px;font-weight:600;display:flex}.nav-count{color:var(--gray-500);background:var(--gray-100);letter-spacing:0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.sidebar-bottom{border-top:1px solid var(--gray-200);gap:0;padding:8px;display:grid}.sidebar-bottom .tenant-switcher{padding:4px 16px 8px}.sidebar-bottom>.muted{color:var(--gray-500);padding:8px 16px;font-size:13px}.sidebar-bottom .tenant-switcher select{border:1px solid var(--gray-200);width:100%;min-height:34px;color:var(--gray-700);background:var(--color-bg);border-radius:8px;padding:4px 8px;font-size:13px}.sidebar-version{border-top:1px solid var(--gray-200);color:var(--gray-400);align-items:center;gap:6px;padding:8px 16px;font-size:10px;display:flex}.sidebar-env{color:#b45309;background:#fef3c7;border-radius:4px;padding:2px 5px;font-weight:600}.eyebrow{color:var(--gray-400);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600;line-height:16.5px}h1,h2,p{margin-top:0}h1{letter-spacing:0;color:var(--gray-900);margin-bottom:0;font-size:26px;font-weight:700;line-height:32px}.account-controls{align-items:end;gap:14px;display:flex}.account-controls label,.login-card label{color:var(--color-text-secondary);gap:5px;font-size:12px;font-weight:500;display:grid}.account-controls select,.login-card input{min-height:40px;color:var(--color-text);background:var(--color-bg);border:1px solid #d1d5db;border-radius:8px;padding:8px 10px}.login-card input:focus,.account-controls select:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:#0000}.account-controls div{gap:2px;display:grid}.account-controls div span{color:var(--color-text-muted);font-size:12px}.account-controls button,.login-card button{min-height:40px;color:var(--color-text);background:var(--color-bg);border:1px solid #d1d5db;border-radius:8px;padding:8px 13px;font-weight:500}.content{padding:16px 20px}.app-shell main{background:var(--color-canvas)}.page-actions{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px;display:flex}.page-actions .muted{color:var(--color-text);font-size:14px}.row-actions{white-space:nowrap;gap:6px;display:flex}.content-column{max-width:1280px;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:12px 4px 0;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;display:grid}.metric-grid article{border:1px solid var(--gray-200);background:var(--color-bg);border-radius:12px;padding:16px}.metric-grid>article>span{color:var(--gray-500);font-size:14px;font-weight:500;line-height:20px;display:block}.metric-grid>article>strong{color:var(--gray-900);font-variant-numeric:tabular-nums;margin-top:6px;font-size:32px;font-weight:700;line-height:36px;display:block}.table-wrap{border:1px solid var(--gray-200);background:var(--color-bg);border-radius:12px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--color-border-subtle);text-align:left;padding:15px 17px}th{color:var(--gray-400);letter-spacing:.07em;text-transform:uppercase;font-size:10px}td small{color:var(--color-text-muted);margin-top:4px;display:block}.mono{font-family:var(--font-mono);font-size:12px}.badge{color:var(--color-success-dark);background:var(--color-positive-soft);text-transform:capitalize;border-radius:999px;padding:4px 8px;font-size:11px}.badge.danger{color:#b91c1c;background:var(--color-negative-muted)}.center-state{text-align:center;align-content:center;place-items:center;min-height:320px;padding:32px;display:grid}.muted{max-width:520px;color:var(--color-text-muted);margin-bottom:0;line-height:1.55}.boot-screen{background:var(--color-bg);align-content:center;place-items:center;gap:20px;animation:.28s .22s both vv-boot-in;display:grid;position:fixed;inset:0}.boot-screen .growth-mark{width:60px;height:72px}.boot-status{color:var(--color-text-secondary);letter-spacing:.01em;margin:0;font-size:13px;font-weight:500}.loading-state{color:var(--color-text-secondary);gap:14px;animation:.28s .22s both vv-boot-in}.growth-mark-inline{width:24px;height:29px}.growth-seed{fill:var(--color-primary);animation:2.6s ease-in-out infinite vv-seed}.growth-shoot{fill:none;stroke:var(--color-primary);stroke-width:7px;stroke-linecap:round;stroke-dasharray:51;stroke-dashoffset:51px}.growth-shoot-right{animation:2.6s cubic-bezier(.22,.68,.3,1) infinite vv-shoot-right}.growth-shoot-left{animation:2.6s cubic-bezier(.22,.68,.3,1) infinite vv-shoot-left}.growth-glyph{fill:var(--color-primary);opacity:0;animation:2.6s ease-in-out infinite vv-glyph}@keyframes vv-boot-in{0%{opacity:0}to{opacity:1}}@keyframes vv-seed{0%{opacity:0}6%,30%{opacity:1}46%,to{opacity:0}}@keyframes vv-shoot-right{0%,8%{stroke-dashoffset:51px;opacity:1}42%,58%{stroke-dashoffset:0;opacity:1}68%,to{stroke-dashoffset:0;opacity:0}}@keyframes vv-shoot-left{0%,22%{stroke-dashoffset:51px;opacity:1}56%,60%{stroke-dashoffset:0;opacity:1}70%,to{stroke-dashoffset:0;opacity:0}}@keyframes vv-glyph{0%,60%{opacity:0}74%,90%{opacity:1}98%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.boot-screen,.loading-state{animation:none}.growth-seed,.growth-shoot{display:none}.growth-glyph{opacity:1;animation:none}}.no-data{border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-bg-subtle);justify-items:start;gap:3px;padding:22px 24px;display:grid}.no-data-label{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:500}.no-data-detail{max-width:62ch;color:var(--color-text-faint);margin:0;font-size:13px;line-height:1.5}.no-data-action{border:1px solid var(--color-border-strong);min-height:34px;color:var(--color-text);background:var(--color-bg);border-radius:8px;margin-top:10px;padding:0 14px;font-size:13px;font-weight:500}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tenant-switcher .error-text{color:#b91c1c;font-size:12px}.settings-shell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.settings-subnav{border:1px solid var(--gray-200);background:var(--color-bg);border-radius:12px;gap:2px;padding:8px;display:grid}main .settings-subnav button{min-height:38px;color:var(--gray-700);text-align:left;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:12.5px}main .settings-subnav button:hover:not(:disabled){background:var(--gray-50);border-color:#0000}main .settings-subnav button.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}@media (width<=900px){.settings-shell{grid-template-columns:1fr}}.permission-shell{gap:18px;display:grid}.permission-shell section{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);padding:22px}.permission-shell h2,.permission-shell h3{margin-top:0}.permission-shell h3{margin-bottom:12px}.permission-form{gap:12px;display:grid}.permission-form input{width:min(100%,430px)}.management-panel{gap:16px;display:grid}.management-form{border:1px solid var(--gray-200);background:var(--gray-50);border-radius:10px;grid-template-columns:repeat(2,minmax(180px,1fr));align-items:end;padding:16px}.management-form label{color:var(--color-text-secondary);gap:5px;font-size:12px;font-weight:500;display:grid}.management-form input,.management-form select,.management-panel td select{border:1px solid var(--gray-300);background:var(--color-bg);min-height:36px;color:var(--color-text);border-radius:8px;padding:7px 9px}.management-form fieldset{border:1px solid var(--gray-200);border-radius:8px;flex-wrap:wrap;grid-column:1/-1;gap:8px 14px;margin:0;padding:10px 12px;display:flex}.management-form legend{color:var(--color-text-secondary);padding:0 4px;font-size:12px;font-weight:600}.management-form .check-row{align-items:center;gap:6px;display:inline-flex}.management-form .check-row input{width:auto;min-height:auto}.chip-list{flex-wrap:wrap;gap:4px;max-width:480px;display:flex}.chip-list .layer{background:var(--gray-100);border-radius:6px;padding:2px 6px}@media (width<=760px){.management-form{grid-template-columns:1fr}}.token-box{background:var(--color-primary-light);border:1px dashed #90caf9;border-radius:12px;margin-top:14px;padding:14px}.token-box code{background:var(--color-bg);border-radius:6px;margin-top:8px;padding:8px 10px;display:inline-block}.login-shell{background:var(--color-bg-subtle);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;gap:16px;width:min(400px,100%);padding:32px;display:grid;box-shadow:0 1px 2px #0a25400f}.login-card .brand-lockup{margin-bottom:8px}.login-card h1{font-size:20px}.login-card .primary{color:var(--color-on-primary);border-color:var(--color-primary);background:var(--color-primary)}.login-card .primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.button-link{text-align:center;border-radius:8px;padding:11px 13px;text-decoration:none;display:block}.login-card button:disabled{cursor:wait;opacity:.65}.form-error{color:#b91c1c;margin:0;font-size:13px}@media (width<=900px){.app-shell{grid-template-columns:1fr}aside{min-height:auto}nav{grid-template-columns:repeat(3,1fr);margin-top:24px}.boundary-note{display:none}.topbar{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){nav{grid-template-columns:1fr}.topbar,.content{padding:24px 18px}.account-controls{flex-direction:column;align-items:stretch;width:100%}.metric-grid{grid-template-columns:1fr}.table-wrap{overflow-x:auto}}.history{text-align:left;overflow-wrap:anywhere;margin:8px 0 0;padding-left:16px;font-size:11px;line-height:1.4}.history li{margin-bottom:6px}.history strong{font-size:12px}.history .badge{background:var(--color-primary-light);color:var(--color-primary-dark);text-transform:uppercase;border-radius:8px;margin-left:6px;padding:0 5px;font-size:10px}.layer{margin-bottom:2px;font-size:12px;display:block}.layer button{margin-left:6px;padding:0 4px;font-size:10px}.cockpit{gap:18px;display:grid}.cockpit-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.cockpit-topline h2{margin:0;font-size:20px;font-weight:600}.cockpit-greeting{color:var(--color-text);margin:4px 0 0;font-size:26px;font-weight:700;line-height:32px}.cockpit-summary{color:#6b7280;max-width:68ch;margin:0;font-size:13.5px;line-height:1.5}.cockpit-kpis{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.cockpit-kpi{background:var(--color-bg);border:1px solid #eef2f6;border-radius:12px;align-content:start;gap:6px;padding:14px 12px;display:grid}.cockpit-kpi-label{color:var(--gray-400);align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:16px;display:flex}.cockpit-kpi-icon{color:var(--gray-300);flex:none}.cockpit-kpi-value{color:var(--gray-900);font-size:32px;font-weight:700;line-height:36px}.cockpit-kpi-compare,.cockpit-kpi-target{color:var(--gray-400);font-size:11px;line-height:16px}.cockpit-sparkline{border-bottom:2px solid var(--color-border-subtle);height:42px;margin-top:8px}.cockpit-split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=900px){.cockpit-split{grid-template-columns:minmax(0,1fr)}}.cockpit-card{border:1px solid var(--gray-200);background:var(--color-bg);border-radius:12px;padding:16px}.cockpit-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cockpit-card-head h3{margin:0;font-size:16px;font-weight:600}.cockpit-card-head p{margin:2px 0 0;font-size:13px}.cockpit-card-figure{text-align:right}.cockpit-card-figure strong{font-size:22px;font-weight:600;display:block}.cockpit-card-figure span{font-size:12px}.cockpit-rank-title{margin:0 0 12px;font-size:16px;font-weight:600}.cockpit-card .no-data{background:var(--color-bg-subtle);margin-top:14px}.cockpit-section-head{justify-content:space-between;align-items:center;gap:16px;margin-top:6px;display:flex}.cockpit-link{color:var(--color-primary);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.cockpit-eyebrow{margin:6px 0 -12px}svg.cockpit-sparkline{width:100%;height:42px;color:var(--color-primary);border:0;margin-top:8px;display:block}.cockpit-trend{height:200px;color:var(--color-positive);margin-top:14px}.cockpit-trend svg.cockpit-sparkline{height:200px;margin:0}.cockpit-trend-axis{color:var(--color-text-faint);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.cockpit-rank-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.cockpit-rank-list li{border-bottom:1px solid var(--gray-100);grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:12px;transition:background .12s;display:grid;position:relative}.cockpit-rank-list li:hover{background:var(--gray-50)}.cockpit-rank-list li:last-child{border-bottom:0}.cockpit-rank-index{width:32px;color:var(--gray-400);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.cockpit-rank-label{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.cockpit-rank-value{font-size:14px;font-weight:600}.cockpit-rank-bar{background:var(--color-positive);border-radius:2px;height:2px;position:absolute;bottom:0;left:0}.cockpit-bars{align-items:flex-end;gap:18px;min-height:200px;margin-top:16px;padding-top:8px;display:flex}.cockpit-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:190px;display:flex}.cockpit-bar-value{font-size:13px;font-weight:600}.cockpit-bar-fill{background:linear-gradient(180deg, #4dabf7, var(--color-primary));border-radius:8px 8px 0 0;width:100%;max-width:130px}.cockpit-bar-label{color:var(--color-text-muted);text-transform:capitalize;font-size:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}table,.metric-grid strong,.cockpit-kpi-value,.cockpit-rank-value,.cockpit-bar-value,.cockpit-card-figure strong{font-variant-numeric:tabular-nums}.badge.state-free{color:var(--color-text-muted);background:var(--color-bg-active)}.badge.state-quarantine{color:#92620a;background:var(--color-stage-transit-soft)}.badge.state-to_be_transferred{color:#1d4ed8;background:var(--color-stage-open-soft)}.badge.state-placed{color:#047857;background:var(--color-stage-arrived-soft)}.badge.state-in_delivery{color:#0f766e;background:var(--color-stage-wh-soft)}.badge.state-mixed{color:#6d28d9;background:#ede9fe}.yard-tools{gap:12px;margin-bottom:10px;display:flex}.yard-tools input{border:1px solid var(--gray-200);border-radius:10px;flex:1;min-height:44px;padding:8px 14px;font-size:14px}.yard-tools select{border:1px solid var(--gray-200);background:var(--color-bg);border-radius:10px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:500}main .yard-legend-toggle{min-height:0;color:var(--gray-500);background:0 0;border:0;margin-bottom:10px;padding:0;font-size:13px}main .yard-legend-toggle:hover:not(:disabled){color:var(--gray-700);background:0 0;border-color:#0000}.yard-dot{background:var(--color-text-faint);border-radius:50%;width:8px;height:8px}.yard-dot-quarantine{background:var(--color-stage-transit)}.yard-dot-to_be_transferred{background:var(--color-stage-open)}.yard-dot-placed{background:var(--color-stage-arrived)}.yard-dot-in_delivery{background:var(--color-stage-wh)}.yard-dot-free{background:var(--color-text-faint)}.yard-dot-mine{background:var(--color-positive)}.yard-dot-other{background:var(--color-stage-transit)}.yard-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}@media (width<=1100px){.yard-layout{grid-template-columns:minmax(0,1fr)}}.yard-legend{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 14px;padding:0;font-size:12px;list-style:none;display:flex}.yard-legend li{align-items:center;gap:7px;display:flex}.yard-legend .slot{width:18px;height:18px;min-height:0;padding:0;font-size:0}.yard-card{border:1px solid var(--gray-200);background:var(--color-bg);border-radius:12px;margin-bottom:16px;padding:16px}.yard-eyebrow{color:var(--gray-400);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.yard-summary{margin:0 0 14px;font-size:13px}.yard-rack{border-top:1px solid var(--gray-100);align-items:flex-start;gap:14px;padding:10px 0;display:flex}.yard-rack:first-of-type{border-top:0}.yard-rack-code{flex:0 0 40px;padding-top:18px;font-size:13px;font-weight:700}.yard-rack-cells{flex-wrap:wrap;gap:10px;display:flex}.yard-cell{justify-items:center;gap:3px;display:grid}.yard-shelf{border:1px solid var(--gray-200);background:var(--color-bg);border-radius:9px;gap:2px;padding:2px;display:flex}.yard-cell-label{color:var(--gray-400);letter-spacing:.04em;font-size:10px;font-weight:600}.yard-space-table{border-collapse:collapse;width:100%;margin-top:12px}.yard-space-table th{color:var(--gray-400);letter-spacing:.08em;text-transform:uppercase;text-align:right;border-bottom:1px solid var(--gray-100);padding:6px 4px;font-size:10px;font-weight:600}.yard-space-table th:first-child{text-align:left}.yard-space-table td{text-align:right;border-bottom:1px solid var(--gray-100);font-variant-numeric:tabular-nums;padding:8px 4px;font-size:13px}.yard-space-table td:first-child{text-align:left;align-items:center;gap:7px;display:flex}.yard-space-table tr:last-child td{border-bottom:0}.yard-slot-card,.yard-area{border-style:dashed}.slot{border:1.5px solid #0000;border-radius:8px;place-items:center;width:52px;min-height:30px;padding:0;font-size:0;transition:transform 80ms,box-shadow .12s,opacity .12s;display:grid}main .yard-shelf .slot.seg{border-radius:4px;width:26px;min-height:26px;font-size:9px;font-weight:600}main .yard-shelf .slot.seg:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}main .yard-shelf .slot.seg:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}main .yard-shelf .slot.seg:only-child{width:52px}.slot.dimmed{opacity:.22}.slot:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.slot.selected{outline:2px solid var(--color-primary);outline-offset:2px}.slot-mine{border-color:var(--color-positive);color:#047857;background:var(--color-stage-arrived-soft)}.slot-state-placed{border-color:var(--color-stage-arrived);color:#047857;background:var(--color-stage-arrived-soft)}.slot-state-quarantine{border-color:var(--color-stage-transit);color:#92620a;background:var(--color-stage-transit-soft)}.slot-state-to_be_transferred{border-color:var(--color-stage-open);color:#1d4ed8;background:var(--color-stage-open-soft)}.slot-state-in_delivery{border-color:var(--color-stage-wh);color:#6d28d9;background:var(--color-stage-wh-soft)}.slot-other{border-color:var(--color-stage-transit);color:#8a5a08;background:repeating-linear-gradient(135deg,#fef3c7,#fef3c7 6px,#fdeab0 6px 12px)}.slot-free{border-style:dashed;border-color:var(--color-border);color:var(--color-text-faint);background:var(--color-bg)}.slot-quality{color:#6d28d9;background:#f5f3ff;border-color:#c4b5fd}.slot-packaging{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-bg-hover)}.yard-side{gap:16px;display:grid;position:sticky;top:16px}.yard-side h4{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.yard-detail{grid-template-columns:auto 1fr;gap:7px 14px;margin:0;font-size:13px;display:grid}.yard-detail dt{color:var(--color-text-muted)}.yard-detail dd{text-align:right;text-transform:capitalize;margin:0}.yard-share-bar{background:var(--color-bg-active);border-radius:999px;height:8px;margin-bottom:14px;display:flex;overflow:hidden}.yard-share-mine{background:var(--color-positive)}.yard-share-other{background:var(--color-stage-transit)}.yard-share{gap:9px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.yard-share li{grid-template-columns:9px 1fr auto;align-items:center;gap:9px;display:grid}.yard-share strong{font-variant-numeric:tabular-nums;font-weight:600}.yard-share-note{margin:12px 0 0;font-size:12px}.worker-qa{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);max-width:620px;box-shadow:var(--shadow-card);gap:10px;margin-bottom:18px;padding:16px;display:grid}.worker-qa h4{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.worker-qa p{margin:0;font-size:13px}main button,.panel button,.cockpit-card button{border:1px solid var(--color-border);min-height:38px;color:var(--color-text);background:var(--color-bg);border-radius:10px;padding:0 15px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s}main button:hover:not(:disabled),.panel button:hover:not(:disabled){background:var(--color-bg-hover);border-color:#cbd5e1}main button:active:not(:disabled),.panel button:active:not(:disabled){background:var(--color-bg-active)}main button:focus-visible,.panel button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}main button.primary,.panel button.primary{color:var(--color-on-primary);border-color:var(--color-primary);background:var(--color-primary);font-weight:700}main button.primary:hover:not(:disabled),.panel button.primary:hover:not(:disabled){border-color:var(--color-primary-dark);background:var(--color-primary-dark)}main button.danger,.panel button.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}main button.danger:hover:not(:disabled),.panel button.danger:hover:not(:disabled){background:#fee2e2}main button:disabled,.panel button:disabled{cursor:not-allowed;color:var(--color-text-faint);border-color:var(--color-border-subtle);background:var(--color-bg-subtle,#f7f9fc);box-shadow:none}.pipeline-card{border:1px solid var(--gray-200);background:var(--color-bg);border-radius:12px;margin-bottom:18px;padding:16px}.pipeline-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pipeline-head h3{margin:0;font-size:13px;font-weight:700}.pipeline-total{text-align:right}.pipeline-total strong{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:30px;display:block}.pipeline-total .muted{font-size:12px}.pipeline-bars{justify-content:space-around;align-items:flex-end;gap:24px;height:220px;margin-top:18px;display:flex}.pipeline-bar{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.pipeline-count{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.pipeline-fill{border-radius:4px 4px 0 0;width:72px}.pipeline-label{color:var(--gray-500);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}.pipeline-note{margin:14px 0 0;font-size:12px}.pipeline-fill.stage-draft{background:#94a3b8}.pipeline-fill.stage-open{background:var(--color-stage-open)}.pipeline-fill.stage-confirmed{background:var(--color-accent)}.pipeline-fill.stage-received{background:var(--color-stage-arrived)}.pipeline-fill.stage-closed{background:var(--color-finance)}main .segmented,.panel .segmented{background:var(--gray-100);border-radius:8px;flex-wrap:nowrap;gap:4px;margin-bottom:12px;padding:3px;display:flex;overflow:hidden}main .segmented button,.panel .segmented button{min-width:0;min-height:32px;color:var(--gray-500);white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1 1 0;padding:6px 12px;font-size:14px;font-weight:600;line-height:20px}main .segmented button:hover:not(:disabled),.panel .segmented button:hover:not(:disabled){color:#1f2937;background:0 0;border-color:#0000}main .segmented button.active,.panel .segmented button.active{color:var(--gray-900);background:var(--color-bg);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}main .segmented button:focus-visible,.panel .segmented button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}main .tabs,.panel .tabs{border-bottom:1px solid var(--gray-200);scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:16px;margin-bottom:18px;display:flex;overflow-x:auto}main .tabs::-webkit-scrollbar{display:none}.panel .tabs::-webkit-scrollbar{display:none}main .tabs-fill,.panel .tabs-fill{justify-content:space-between;overflow:hidden}main .tabs-fill button,.panel .tabs-fill button{flex:1 1 0}main .tabs button,.panel .tabs button{min-width:0;min-height:0;color:var(--gray-400);text-align:center;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;margin-bottom:-1px;padding:8px 4px;font-size:13px;font-weight:700;line-height:16px}main .tabs button:hover:not(:disabled),.panel .tabs button:hover:not(:disabled){color:#1f2937;background:0 0;border-color:#0000}main .tabs button.active,.panel .tabs button.active{color:var(--color-text);border-bottom-color:var(--color-text)}main .tabs button:focus-visible,.panel .tabs button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.state-buttons{flex-wrap:wrap;gap:10px;display:flex}main .state-buttons button{border-width:1.5px;min-height:54px;padding:0 20px;font-size:15px;font-weight:600}main .state-buttons button.state-free{color:#475569;background:#f8fafc;border-color:#cbd5e1}main .state-buttons button.state-quarantine{color:#92620a;background:var(--color-stage-transit-soft);border-color:#fcd34d}main .state-buttons button.state-to_be_transferred{color:#1d4ed8;background:var(--color-stage-open-soft);border-color:#93c5fd}main .state-buttons button.state-placed{color:#047857;background:var(--color-stage-arrived-soft);border-color:#6ee7b7}main .state-buttons button.state-in_delivery{color:#0f766e;background:var(--color-stage-wh-soft);border-color:#5eead4}main .state-buttons button.current{color:#fff;box-shadow:inset 0 0 0 1px #ffffff59}main .state-buttons button.current.state-free{background:#64748b;border-color:#64748b}main .state-buttons button.current.state-quarantine{background:#d97706;border-color:#d97706}main .state-buttons button.current.state-to_be_transferred{border-color:var(--color-stage-open);background:var(--color-stage-open)}main .state-buttons button.current.state-placed{border-color:var(--color-stage-arrived);background:var(--color-stage-arrived)}main .state-buttons button.current.state-in_delivery{border-color:var(--color-stage-wh);background:var(--color-stage-wh)}main .state-buttons button:disabled{color:var(--color-text-faint);border-color:var(--color-border-subtle);box-shadow:none;background:#f4f6fa}.warehouse-picker{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;padding:10px 12px;display:flex}.warehouse-picker>span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}main .warehouse-picker button{border-radius:9px;align-items:baseline;gap:8px;min-height:40px;display:flex}main .warehouse-picker button .mono{color:var(--color-text-muted);font-size:12px}main .warehouse-picker button.current{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light);font-weight:600}main .warehouse-picker button.current .mono{color:var(--color-primary-dark)}main input{margin-top:8px}main>p,main section>p{margin-bottom:12px}main .cockpit-metric-strip button .tab-figure{color:var(--gray-400);font-variant-numeric:tabular-nums;margin-left:8px;font-weight:600}main .cockpit-metric-strip button.active .tab-figure{color:var(--gray-500)}main .cockpit-metric-strip button .tab-figure-missing,main .cockpit-metric-strip button.active .tab-figure-missing{color:var(--color-text-faint);font-variant-numeric:normal;font-weight:400}.cockpit-area{width:100%;height:100%;display:block}.cockpit-area-fill{fill:var(--color-positive);opacity:.12}.cockpit-area-line{stroke:var(--color-positive);stroke-width:2px}.cockpit-rank-foot{margin:12px 0 0;font-size:12px}.wh-subtabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wh-site{color:var(--color-text-faint);white-space:nowrap;font-size:11.5px;font-style:italic}.wh-flow{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-top:14px;display:flex}.wh-flow-list{flex-direction:column;flex:340px;gap:10px;min-width:300px;display:flex}.wh-flow-detail{flex:1.3 420px;min-width:340px}.wh-order-card{text-align:left;background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;width:100%;font:inherit;border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.wh-order-card:hover{background:var(--color-bg-hover)}.wh-order-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.wh-order-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.wh-order-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.wh-order-head strong{color:var(--color-text);font-size:13px;font-weight:700}.wh-order-party{color:var(--color-text-secondary);margin-top:4px;font-size:12.5px}.wh-order-meta{color:var(--color-text-faint);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.wh-flow-empty{background:var(--color-bg);border:1px dashed var(--color-border);text-align:center;color:var(--color-text-faint);border-radius:14px;margin:0;padding:40px;font-size:13px}.wh-detail-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;padding:16px 18px}.wh-detail-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.wh-detail-head strong{color:var(--color-text);font-size:15px;font-weight:700}.wh-panel{display:block}.planned{gap:16px;display:grid}.planned-answers{max-width:68ch;color:var(--color-text);margin:0;font-size:15px;line-height:1.55}.planned-note{max-width:68ch;margin:0;font-size:13px;line-height:1.55}.planned .eyebrow{margin:4px 0 -6px}.planned-needs{gap:10px;margin:0;padding:0;list-style:none;display:grid}.planned-needs li{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;grid-template-columns:minmax(0,22ch) auto minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;display:grid}@media (width<=900px){.planned-needs li{grid-template-columns:minmax(0,1fr)}}.planned-need-source{color:var(--color-text);overflow-wrap:anywhere;font-size:12.5px}.planned-need-feeds{color:var(--color-text-secondary);font-size:13px}