:root{--blue: #006699;--blue-dk: #004d73;--blue-lt: #2fa6dc;--tint: #2fa6dc;--paper: #f4f7f9;--surface: #ffffff;--surface-2: #f9fbfc;--ink: #17242e;--slate: #5e6f7c;--line: #d9e1e7;--line-soft: #ebf0f3;--ok: #2e8b57;--warn: #d98e04;--bad: #c63d2f;--grey: #8a98a3;--stage-ordered: #9aa7b1;--stage-factory: #b08a3e;--stage-valid: #c9a45c;--stage-transit: #7a5dbf;--stage-recv: #2fa6dc;--stage-placed: #006699;--stage-cabled: #1c7f72;--stage-fabric: #2e8b57;--stage-handoff: #1f5f3b;--stage-live: #0f3d2a;--stage-decom: #6b7280;--radius: 6px;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--shadow: 0 1px 2px rgba(23, 36, 46, .06);color-scheme:light}[data-theme=dark]{--paper: #0d1519;--surface: #131d23;--surface-2: #18242b;--ink: #e4ecf1;--slate: #93a5b1;--line: #24343d;--line-soft: #1c2930;--blue: #2fa6dc;--blue-dk: #1b7fae;--shadow: 0 1px 2px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--blue)}button{font:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:600}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.rail{background:var(--blue-dk);color:#fff;padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}[data-theme=dark] .rail{background:#0a1216;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 16px}.brand-name{font-size:18px;font-weight:600;letter-spacing:.2px}.brand-sub{font-size:11px;opacity:.7}.navgroup{margin:12px 0 4px;padding:0 6px;font-size:11px;opacity:.6;text-transform:uppercase;letter-spacing:.4px}.nav a{display:flex;width:100%;align-items:center;gap:9px;color:#fff;text-decoration:none;padding:7px 8px;border-radius:5px;opacity:.85}.nav a:hover{background:#ffffff14;opacity:1}.nav a.on{background:var(--blue);opacity:1}.nav a:focus-visible{outline:2px solid var(--tint);outline-offset:1px}.nav .stage{font-family:var(--mono);font-size:11px;opacity:.7;width:14px;text-align:right}main{min-width:0;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.top h1{font-size:17px;flex:1}.content{padding:20px 24px 60px;max-width:1360px;width:100%}.lead{color:var(--slate);max-width:74ch;margin:0 0 18px}select,input,textarea{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink)}select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--tint);outline-offset:1px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px;box-shadow:var(--shadow)}.panel>h3{font-size:14px;margin-bottom:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1080px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}@media (max-width: 820px){.app{grid-template-columns:1fr}.rail{position:static;height:auto}.content{padding:16px}}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:500;color:var(--slate);border-bottom:1px solid var(--line);padding:6px 8px;white-space:nowrap}td{padding:7px 8px;border-bottom:1px solid var(--line-soft);vertical-align:top}tr:last-child td{border-bottom:0}.table-scroll{overflow-x:auto}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--slate)}.small{font-size:12px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;color:#fff;white-space:nowrap}.pill.ok{background:var(--ok)}.pill.warn{background:var(--warn)}.pill.bad{background:var(--bad)}.pill.info{background:var(--tint)}.pill.grey{background:var(--grey)}.pill.blue{background:var(--blue)}.kpi{display:flex;flex-direction:column;gap:2px}.kpi b{font-size:26px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.kpi span{color:var(--slate);font-size:12.5px}.btn{background:var(--blue);color:#fff;border:0;padding:8px 14px;border-radius:5px;font-weight:500}.btn:hover{background:var(--blue-dk)}.btn.ghost{background:var(--surface);color:var(--blue);border:1px solid var(--blue)}.btn.sm{padding:5px 10px;font-size:12.5px}.btn:disabled{background:var(--grey);cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.tag{display:inline-block;font-family:var(--mono);font-size:11.5px;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1px 6px}.life{display:grid;grid-template-columns:repeat(11,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.life>div{padding:9px 7px;border-right:1px solid var(--line-soft)}.life>div:last-child{border-right:0}.life .n{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.life .l{font-size:11px;color:var(--slate)}.life i{display:block;height:4px;border-radius:2px;margin-bottom:7px}@media (max-width: 1080px){.life{grid-template-columns:repeat(4,1fr)}}.floor{display:flex;flex-direction:column;gap:9px}.floor-row{display:grid;grid-template-columns:116px repeat(10,1fr);gap:5px;align-items:center}.floor-row .lab{font-size:12.5px;color:var(--slate)}.floor-row .lab b{display:block;color:var(--ink);font-weight:500}.rack{height:46px;border-radius:4px;border:0;color:#fff;font-family:var(--mono);font-size:11px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;position:relative}.rack.net{box-shadow:inset 0 0 0 2px #ffffffa6}.rack.sel{outline:3px solid var(--ink);outline-offset:1px}.rack.empty{background:var(--line-soft);color:var(--slate)}.rack .tick{position:absolute;top:3px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 2px var(--surface)}.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--slate);margin-top:12px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}@media (prefers-reduced-motion: no-preference){.rack{transition:transform .12s}.rack:hover{transform:translateY(-2px)}}.tl{list-style:none;margin:0;padding:0}.tl li{display:grid;grid-template-columns:160px 16px 1fr;gap:10px;padding:5px 0;font-size:13px}.tl .t{font-family:var(--mono);font-size:12px;color:var(--slate)}.tl .d{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px}.tl li.pend .d{background:var(--surface);border:2px solid var(--line)}.tl li.bad .d{background:var(--bad)}@media (max-width: 620px){.tl li{grid-template-columns:1fr}.tl .d{display:none}}.bar{height:8px;background:var(--line-soft);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue)}.bar.ok i{background:var(--ok)}.check{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--line-soft)}.check:last-child{border-bottom:0}.check .box{width:16px;height:16px;border:1.5px solid var(--slate);border-radius:3px;flex:none;margin-top:2px}.check .box.done{background:var(--ok);border-color:var(--ok);position:relative}.check .box.done:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.check .box.fail{background:var(--bad);border-color:var(--bad)}.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 12px}.crumbs span{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:4px 8px;font-size:12.5px}.crumbs span.hot{background:var(--blue);color:#fff;border-color:var(--blue)}.crumbs em{color:var(--slate);font-style:normal}.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.flow span{border:1px solid var(--line);background:var(--surface);padding:6px 10px;border-radius:5px;font-size:12.5px}.flow span.on{background:var(--blue);color:#fff;border-color:var(--blue)}.flow em{color:var(--slate);font-style:normal}.kv{display:grid;grid-template-columns:170px 1fr;gap:4px 12px;font-size:13px;margin:0}.kv dt{color:var(--slate)}.kv dd{margin:0}@media (max-width: 620px){.kv{grid-template-columns:1fr}.kv dd{margin-bottom:6px}}.callout{border-left:3px solid var(--tint);padding:8px 12px;background:var(--surface-2);margin:10px 0}.callout.warn{border-left-color:var(--warn)}.callout.bad{border-left-color:var(--bad)}.note{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12.5px}pre{background:#0f2230;color:#dce8f0;padding:12px;border-radius:6px;font-family:var(--mono);font-size:12px;overflow:auto;line-height:1.5}.field{margin:8px 0}.field label{display:block;font-size:12px;color:var(--slate);margin-bottom:3px}.field input,.field select,.field textarea{width:100%}.spinner{color:var(--slate);padding:24px;font-size:13px}.error-box{border:1px solid var(--bad);border-left-width:3px;background:var(--surface);border-radius:6px;padding:12px 14px}.error-box h4{color:var(--bad);margin-bottom:4px}.spark{display:block;width:100%;height:40px}