:root{--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--font-display: "Space Grotesk", sans-serif;--font-body: Inter, sans-serif;--font-mono: "IBM Plex Mono", monospace;--ok: #4c8b6b;--warn: #c08a2e;--danger: #b5483f;--info: #6c8fb3;--bg: #11151b;--bg-soft: #1a2028;--surface: #232b35;--surface-2: #2e3843;--line: rgba(236, 238, 236, .09);--line-strong: rgba(236, 238, 236, .16);--text: #eceeec;--text-dim: #8f98a3;--text-mute: #657079;--accent: #b8935a;--accent-bright: #d9b378;--on-accent: #1b1200;--glow: rgba(184, 147, 90, .08)}[data-theme=dokka]{--bg: #11151b;--bg-soft: #1a2028;--surface: #232b35;--surface-2: #2e3843;--line: rgba(236, 238, 236, .09);--line-strong: rgba(236, 238, 236, .16);--text: #eceeec;--text-dim: #8f98a3;--text-mute: #657079;--accent: #b8935a;--accent-bright: #d9b378;--on-accent: #1b1200;--glow: rgba(184, 147, 90, .08)}[data-theme=graphite]{--bg: #0c1016;--bg-soft: #131922;--surface: #1b2430;--surface-2: #243041;--line: rgba(180, 210, 240, .08);--line-strong: rgba(180, 210, 240, .16);--text: #e8eef6;--text-dim: #8aa0b8;--text-mute: #5d738a;--accent: #5b8fd4;--accent-bright: #8bb4ea;--on-accent: #061018;--glow: rgba(91, 143, 212, .09)}[data-theme=ember]{--bg: #160f0c;--bg-soft: #1f1511;--surface: #2a1c16;--surface-2: #3a271e;--line: rgba(255, 210, 180, .08);--line-strong: rgba(255, 210, 180, .16);--text: #f4ebe4;--text-dim: #b59a8a;--text-mute: #7d6458;--accent: #d4673a;--accent-bright: #f08a58;--on-accent: #1a0803;--glow: rgba(212, 103, 58, .1)}[data-theme=moss]{--bg: #0e1410;--bg-soft: #151c17;--surface: #1c2620;--surface-2: #27332b;--line: rgba(200, 230, 210, .09);--line-strong: rgba(200, 230, 210, .16);--text: #e7efe8;--text-dim: #8fa396;--text-mute: #627268;--accent: #6ea57a;--accent-bright: #97c9a2;--on-accent: #07110a;--glow: rgba(110, 165, 122, .08)}[data-theme=paper]{--bg: #f2f3ef;--bg-soft: #e8e9e4;--surface: #fbfbf9;--surface-2: #ffffff;--line: rgba(20, 24, 20, .1);--line-strong: rgba(20, 24, 20, .18);--text: #171b16;--text-dim: #5b6259;--text-mute: #7a8277;--accent: #4d6f92;--accent-bright: #6c8fb3;--on-accent: #fbfbf9;--glow: rgba(77, 111, 146, .08)}[data-theme=sand]{--bg: #f4ead8;--bg-soft: #eadcbf;--surface: #fff8ec;--surface-2: #ffffff;--line: rgba(90, 60, 20, .12);--line-strong: rgba(90, 60, 20, .2);--text: #2a1f12;--text-dim: #6d5a42;--text-mute: #8a7460;--accent: #a35b2a;--accent-bright: #c9783d;--on-accent: #fff8ec;--glow: rgba(163, 91, 42, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--on-accent)}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:inherit}.app{height:100%;display:flex;flex-direction:column;background:radial-gradient(900px 420px at 12% -8%,var(--glow),transparent 55%),var(--bg)}.topbar{display:flex;align-items:center;gap:12px;height:52px;padding:0 18px;flex-shrink:0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:15px}.brand-mark{width:18px;height:18px;border-radius:4px;flex-shrink:0;background:linear-gradient(155deg,var(--accent-bright),var(--accent) 60%)}.brand-tag{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.04em;padding-left:8px;border-left:1px solid var(--line-strong);text-transform:uppercase;white-space:nowrap}.topbar-spacer{flex:1}.tenant-switch,.theme-select{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);background:var(--surface);border:1px solid var(--line);padding:6px 10px;border-radius:var(--r-md)}.tenant-switch b{color:var(--text);font-weight:600}.tenant-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0}.user-chip{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:11px}.theme-select{cursor:pointer;color:var(--text);max-width:168px}.ticker{display:flex;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--bg-soft);overflow-x:auto}.flap{display:flex;align-items:center;gap:8px;padding:7px 14px;border-right:1px solid var(--line);white-space:nowrap;font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.flap .lbl{color:var(--text-mute);text-transform:uppercase;font-size:10px}.flap .val{color:var(--text);font-weight:500}.val.warn{color:var(--warn)}.val.ok{color:var(--ok)}.body-row{display:flex;flex:1;min-height:0}.sidebar{width:210px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--line);padding:14px 10px 24px}.side-group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);padding:10px 10px 5px}.side-item{display:block;padding:8px 10px;border-radius:var(--r-md);font-size:13px;color:var(--text-dim);border:1px solid transparent}.side-item:hover{background:var(--surface);color:var(--text)}.side-item.active{background:var(--surface-2);color:var(--text);border-color:var(--line-strong)}.main{flex:1;min-width:0;overflow-y:auto;padding:22px 24px 48px}.main>*{max-width:1080px}.main>.floor-wrap{max-width:none}.main>.station-grid{max-width:1140px}.page-head{margin-bottom:18px;max-width:720px}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:6px}.page-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em}.page-desc{font-size:13px;color:var(--text-dim);margin-top:6px;line-height:1.45;max-width:640px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.page-toolbar{margin-bottom:14px}.mt{margin-top:12px}.ml{margin-left:8px}.grow{flex:1;min-width:160px}.w-sm{width:80px}.w-md{width:110px}.w-lg{width:140px}.w-xl{width:160px}.check-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;cursor:pointer}.stock-block{margin-bottom:16px}.stock-block:last-child{margin-bottom:0}.stock-title{margin-bottom:8px;font-size:13px}.grid,.grid-4,.grid-3,.grid-2{display:grid;gap:12px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-bottom:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;overflow-x:auto}.main>.card{margin-bottom:12px}.main>.card:last-child{margin-bottom:0}.grid .card,.kpi-row .card,.station-grid .card{margin-bottom:0}.card-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.card-head .card-label{margin-bottom:0}.kpi-num{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.03em}.station-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px;align-items:start}.station-grid .scan-field{width:100%;display:block}.station-grid form .btn{width:100%;margin-top:10px}.tape-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.tape-item:last-of-type{border-bottom:none}.tape-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.tape-meta .name{font-size:13px}.tape-meta .page-desc{margin-top:0}.tape-actions{flex-shrink:0}.tape-empty{font-size:13px;color:var(--text-dim);padding:4px 0}.zone-bar{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px}.zone-bar .name{width:88px;color:var(--text-dim);flex-shrink:0}.zone-track{flex:1;height:6px;background:var(--bg-soft);border-radius:3px;overflow:hidden}.zone-fill{height:100%;border-radius:3px;background:var(--info)}.zone-fill.hot{background:var(--warn)}.zone-pct{width:36px;text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.feed-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.feed-time{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);width:44px;flex-shrink:0}.feed-text{font-size:13px;color:var(--text-dim)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:500;color:var(--text-mute);text-transform:uppercase;font-size:10px;letter-spacing:.05em;padding:6px 8px;border-bottom:1px solid var(--line)}td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}.mono{font-family:var(--font-mono);font-size:12px}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:500}.pill.ok{background:#4c8b6b29;color:#8bc4a4}.pill.warn{background:#c08a2e29;color:#e0ab54}[data-theme=paper] .pill.ok,[data-theme=sand] .pill.ok{color:#2f6f4e}[data-theme=paper] .pill.warn,[data-theme=sand] .pill.warn{color:#8a5a12}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap}.btn:hover{filter:brightness(1.06)}.btn.primary{background:linear-gradient(155deg,var(--accent-bright),var(--accent));border-color:transparent;color:var(--on-accent)}.btn.ghost{background:transparent}.btn.danger{border-color:var(--danger);color:#e08078;background:transparent}[data-theme=paper] .btn.danger,[data-theme=sand] .btn.danger{color:var(--danger)}.scan-field{padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--bg-soft);color:var(--text);font-family:var(--font-mono);font-size:14px}.scan-field:focus{outline:1px solid var(--accent);border-color:var(--accent)}.tsd{width:min(380px,100%);display:flex;flex-direction:column;gap:10px}.tsd form{display:flex;flex-direction:column;gap:8px}.tsd .scan-field{width:100%;display:block}.tsd .btn{width:100%}.tsd .card .btn+.btn{margin-top:8px}.cell-target{background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--r-lg);padding:18px;text-align:center}.cell-target .code{font-family:var(--font-mono);font-size:28px;letter-spacing:.04em;color:var(--accent-bright)}.progress-track{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-bright)}.legend{display:flex;gap:14px;margin-bottom:12px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.legend-sw{width:10px;height:10px;border-radius:3px;border:1px solid var(--line)}.legend-sw.free{background:color-mix(in srgb,var(--info) 22%,transparent)}.legend-sw.used{background:color-mix(in srgb,var(--info) 50%,var(--surface))}.legend-sw.hot{background:color-mix(in srgb,var(--warn) 65%,var(--surface))}.legend-sw.quarantine{background:color-mix(in srgb,var(--danger) 50%,var(--surface))}.aisle-sw{width:10px;height:10px;border-radius:3px;background:repeating-linear-gradient(-45deg,var(--text-mute),var(--text-mute) 1px,transparent 1px,transparent 3px)}.floor-wrap{overflow:auto;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px 12px 16px}.floor-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);text-align:center;padding:6px 0}.floor{display:grid;gap:4px;min-width:640px}.floor-axis{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);display:grid;place-items:center}.floor-aisle{min-height:44px;border-radius:4px;background:repeating-linear-gradient(-45deg,transparent,transparent 6px,color-mix(in srgb,var(--text-mute) 12%,transparent) 6px,color-mix(in srgb,var(--text-mute) 12%,transparent) 7px)}.floor-cell{min-height:48px;border:1px solid var(--line);border-radius:4px;padding:4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;cursor:pointer;text-align:left;color:var(--text);font-size:10px;background:var(--surface)}.floor-cell.free{background:color-mix(in srgb,var(--info) 22%,transparent)}.floor-cell.used{background:color-mix(in srgb,var(--info) 50%,var(--surface))}.floor-cell.hot{background:color-mix(in srgb,var(--warn) 65%,var(--surface))}.floor-cell.quarantine{background:color-mix(in srgb,var(--danger) 50%,var(--surface))}.floor-cell.empty{opacity:.45}.floor-cell.dock{border-style:dashed}.floor-cell.sel{outline:2px solid var(--accent)}.floor-code{font-family:var(--font-mono);font-weight:600}.floor-sku{font-size:9px;opacity:.8}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(800px 400px at 50% -10%,var(--glow),transparent 50%),var(--bg)}.login-card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.login-card h1{font-family:var(--font-display);font-size:24px;margin:8px 0 6px}.login-card p{color:var(--text-dim);font-size:13px;margin-bottom:14px}.login-card label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);margin:12px 0 6px}.login-card input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--bg-soft);color:var(--text)}.login-card .btn{width:100%;margin-top:16px}.demo-list{margin-top:14px;font-size:12px;color:var(--text-dim);line-height:1.55}.error{color:#e08078;font-size:13px;margin:8px 0}[data-theme=paper] .error,[data-theme=sand] .error{color:var(--danger)}@media(max-width:980px){.grid-4,.grid-3,.grid-2,.station-grid{grid-template-columns:1fr}.sidebar,.brand-tag,.tenant-switch{display:none}.main{padding:16px}.tape-item{align-items:flex-start;flex-direction:column}}