@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:JetBrains Mono,monospace;background:#080d11;color:#d8e2e8}*{box-sizing:border-box}body{margin:0;background:#080d11;overflow:hidden}button{font:inherit}.app{height:100vh;display:grid;grid-template-rows:74px 1fr 34px;background:#080d11}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26323a;padding:0 20px;background:#0c1217}.eyebrow,.sectionTitle,.panelHeader,.header-right,footer{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#82919b}h1{font-family:Space Grotesk,sans-serif;font-size:25px;margin:4px 0 0;letter-spacing:.02em}.header-right{display:flex;align-items:center;gap:10px;min-width:0}.header-right strong{color:#dce7ec}.liveDot{width:8px;height:8px;border-radius:50%;background:#7ddf8a;box-shadow:0 0 12px #7ddf8a80}main{min-height:0;display:grid;grid-template-columns:260px 1fr 300px;gap:1px;background:#26323a}.leftPanel,.rightPanel,.mapPanel{background:#0d1318;min-height:0}.leftPanel,.rightPanel{padding:12px;display:flex;flex-direction:column;gap:12px}section{border:1px solid #27343c;background:#10171d}.leftPanel section,.rightPanel section{padding:12px}.sectionTitle{margin-bottom:10px}.fleetList{display:flex;flex-direction:column;gap:4px}.robotRow{border:0;background:transparent;color:#cfd9de;display:grid;grid-template-columns:14px 1fr 45px 64px;align-items:center;text-align:left;padding:8px 7px;cursor:pointer}.robotRow:hover,.robotRow.active{background:#152029}.statusDot{width:7px;height:7px;border-radius:50%;background:#7ddf8a}.statusDot.failed{background:#d46961}.statusDot.waiting{background:#d7a857}.statusText{font-size:9px;color:#8d9ba4}.muted{color:#76858f}.metric.big{font-family:Space Grotesk;font-size:24px;margin-bottom:12px}.kv{display:flex;justify-content:space-between;padding:5px 0;font-size:11px;border-top:1px solid #1d282f}.controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.controls button{border:1px solid #33444e;background:#121b21;color:#cdd8de;padding:9px 7px;font-size:9px;cursor:pointer}.controls button:hover{border-color:#5b8a96;background:#16242b}.mapPanel{display:grid;grid-template-rows:44px 1fr;min-width:0}.mapStage{position:relative;min-height:0;overflow:hidden}.panelHeader{display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid #27343c}.panelHeader>div{display:grid;gap:2px;min-width:0}.panelHeader small{font-size:8px;color:#6f7e87;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warehouse{width:100%;height:100%;display:block;background:#0a0f13}.metricGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metricGrid div{border:1px solid #25323a;padding:10px}.metricGrid span{display:block;font-size:9px;color:#7f8d96;margin-bottom:4px}.metricGrid b{font-size:20px;font-family:Space Grotesk}.events{flex:1}.event{font-size:10px;padding:7px 0;border-top:1px solid #1c272e;color:#aab6bd}.arch{display:grid;gap:4px;text-align:center;font-size:10px}.arch div{border:1px solid #2a3942;padding:7px;background:#121a20}.arch span{color:#57717e}footer{border-top:1px solid #26323a;background:#0b1116;display:flex;align-items:center;gap:28px;padding:0 14px;font-size:9px}@media(max-width:1100px){main{grid-template-columns:220px 1fr 250px}}.statusDot.blocked{background:#d97855}.statusDot.low-battery{background:#d7a857}.liveDot.paused{background:#d7a857;box-shadow:none}.warehouse polyline{vector-effect:non-scaling-stroke}.robotGlyph{transform-box:fill-box;transform-origin:center;transition:transform .3s linear}.selectionRing{stroke-dasharray:4 4;animation:selectionSpin 5s linear infinite;transform-origin:center}@keyframes selectionSpin{to{transform:rotate(360deg)}}.goalPulse{animation:goalPulse 1.7s ease-in-out infinite}@keyframes goalPulse{50%{opacity:.38;stroke-width:4}}@media(prefers-reduced-motion:reduce){.robotGlyph{transition:none}}.mapLegend{position:absolute;left:12px;bottom:12px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#0a0f13db;border:1px solid #26343c;padding:7px 9px;font-size:9px;color:#8c9aa3;letter-spacing:.05em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mapLegend span{display:flex;align-items:center;gap:6px}.mapLegend i{display:inline-block}.legendRobot{width:13px;height:10px;border-radius:3px;background:#8fe38f}.legendRoute{width:22px;border-top:2px dashed #6ba6b4}.legendGoal{width:12px;height:12px;border:2px solid #6ba6b4;border-radius:50%}.legendShelf{width:14px;height:10px;background:#202a31;border:1px solid #3d4a53}.selectedHero{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.selectedHero .big{margin:0}.miniRobot{width:36px;height:30px;border:1px solid #42525c;border-radius:6px;display:grid;place-items:center;color:#8fe38f;background:#111b20;font-size:18px}.statePill{display:inline-block;margin-top:4px;padding:3px 6px;border:1px solid #335443;color:#8fe38f;background:#102019;font-size:8px;letter-spacing:.12em}.statePill.waiting,.statePill.low-battery{color:#e0b35d;border-color:#614b26;background:#211b10}.statePill.failed{color:#dc756b;border-color:#5d302b;background:#221311}.actionBox{border-left:2px solid #6ba6b4;background:#121c22;padding:8px 9px;margin:8px 0 10px;display:grid;gap:3px}.actionBox span{font-size:8px;letter-spacing:.13em;color:#71828d}.actionBox b{font-size:10px;line-height:1.35;color:#cfdae0;font-weight:500}.batteryTrack{height:3px;background:#1a252b;margin:1px 0 8px;overflow:hidden}.batteryTrack span{display:block;height:100%;background:#7fd78a;transition:width .4s ease}.explainSteps{display:grid;gap:8px}.explainSteps>div{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start}.explainSteps i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid #3c505b;color:#83aeb9;font-style:normal;font-size:9px}.explainSteps span{display:grid;gap:1px}.explainSteps b{font-size:10px;font-weight:600;color:#cbd7dd}.explainSteps small{font-size:9px;line-height:1.35;color:#7f8e97}.event:first-of-type{color:#c7d3d9}.simpleExplain{font-size:10px;line-height:1.6;color:#8c9aa3}.mapLegend{border-radius:4px}.warehouse{background:linear-gradient(180deg,#0c1217,#0b1116)}.panelHeader span:first-child{color:#9fb0ba}.robotRow.active{box-shadow:inset 2px 0 #6ba6b4}.event{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speedControl{display:flex;align-items:center;gap:4px;margin-right:8px}.speedControl>span{font-size:8px;color:#667781;margin-right:2px}.speedControl button{min-width:32px;height:26px;padding:0 6px;border:1px solid #2d3d46;background:#10181e;color:#83939d;font-size:9px;cursor:pointer}.speedControl button:hover{border-color:#56737f;color:#cbd6dc}.speedControl button.active{border-color:#6ba6b4;background:#15242a;color:#cfe7ec}.selectionBox{stroke-dasharray:5 4}.legendTarget{width:14px;height:14px;border:2px dashed #6ba6b4;border-radius:3px}.simpleExplain b{color:#cbd8de}.leftPanel,.rightPanel{padding:10px;gap:10px;overflow:hidden}.leftPanel section,.rightPanel section{padding:10px}.robotRow{padding:6px 7px}.controls{grid-template-columns:1fr 1fr;gap:6px}.controls button{padding:7px 5px;min-height:34px}.sectionTitle{margin-bottom:8px}.kv{padding:4px 0}.events{min-height:145px}footer{gap:20px}@media(max-height:820px){header{padding:0 14px}.app{grid-template-rows:66px 1fr 30px}.leftPanel,.rightPanel{padding:8px;gap:8px}.leftPanel section,.rightPanel section{padding:8px}.robotRow{padding:5px 6px}.controls button{min-height:30px;padding:5px 4px}.actionBox{padding:6px 8px;margin:6px 0 7px}.metric.big{font-size:21px}.event{padding:5px 0}}.mapLegend{max-width:calc(100% - 24px)}.mapLegend span{white-space:nowrap}.controls .fullControl{grid-column:1 / -1}.controls button:disabled{opacity:.35;cursor:not-allowed}.legendBlock{width:14px;height:12px;border-radius:3px;background:#4b2420;border:1px solid #e27a63}.controls .activeControl{border-color:#6ba6b4;background:#173039;color:#d7edf2}.controls .stressControl{color:#d0ad69;border-color:#5f4c28}.controls .stressControl.activeControl{background:#2a2110;color:#f1c879;border-color:#a77b32}.placementNote{margin-top:7px;padding:7px 8px;border:1px solid #273740;background:#0f171c;color:#7f9099;font-size:8px;line-height:1.45}.placementNote.error{border-color:#6b302c;color:#e28a7d;background:#211412}.placementCell{fill:transparent;stroke:transparent;stroke-width:1.5;cursor:pointer;pointer-events:all}.placementCell.valid:hover{fill:#6ba6b41f;stroke:#6ba6b4}.placementCell.invalid{cursor:not-allowed}.placementCell.invalid:hover{fill:#d25a5014;stroke:#8f463e}html,body,#root{height:100%}body{overflow:hidden}.app{height:100%;min-height:0;grid-template-rows:64px minmax(0,1fr) 28px}header{min-height:0;padding:0 14px}h1{font-size:23px}.eyebrow{font-size:8px}.header-right{font-size:9px}main{min-height:0;grid-template-columns:254px minmax(0,1fr) 294px}.leftPanel,.rightPanel{min-height:0;padding:8px;gap:8px;overflow:hidden}.leftPanel{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:stretch}.rightPanel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.leftPanel section,.rightPanel section{min-height:0;padding:8px;overflow:hidden}.sectionTitle{margin-bottom:6px;font-size:9px}.fleetList{gap:1px}.robotRow{min-height:31px;padding:4px 6px;grid-template-columns:13px minmax(0,1fr) 40px 58px;font-size:10px}.statusText{font-size:8px}.metric.big{font-size:20px;margin-bottom:4px}.selectedHero{margin-bottom:5px}.statePill{margin-top:2px;padding:2px 5px}.actionBox{margin:5px 0 6px;padding:6px 7px}.actionBox b{font-size:9px;line-height:1.28}.kv{padding:3px 0;font-size:9px}.batteryTrack{margin-bottom:5px}.controls{gap:5px}.controls button{min-height:29px;padding:4px;font-size:8px;line-height:1.15}.placementNote{margin-top:5px;padding:5px 6px;font-size:7.5px;line-height:1.3}.mapPanel{min-height:0;grid-template-rows:42px minmax(0,1fr)}.panelHeader{min-width:0;padding:0 10px}.panelHeader small{font-size:7px}.mapStage,.warehouse{min-height:0}.mapLegend{left:9px;bottom:9px;gap:9px;padding:5px 7px;font-size:7.5px;max-width:calc(100% - 18px)}.metricGrid{gap:6px}.metricGrid div{padding:7px}.metricGrid span{font-size:7px;margin-bottom:2px}.metricGrid b{font-size:18px}.events{min-height:0;overflow:hidden}.event{white-space:normal;overflow:visible;text-overflow:clip;font-size:8px;line-height:1.28;padding:5px 0;overflow-wrap:anywhere}.simpleExplain{font-size:8px;line-height:1.42}footer{min-height:0;gap:18px;padding:0 12px;font-size:7.5px;white-space:nowrap;overflow:hidden}.speedControl{gap:3px;margin-right:5px}.speedControl button{min-width:30px;height:24px;padding:0 5px;font-size:8px}@media(max-width:1250px){main{grid-template-columns:230px minmax(0,1fr) 260px}.robotRow{grid-template-columns:12px minmax(0,1fr) 36px 52px}.header-right{gap:6px}footer{gap:11px}}@media(max-height:760px){.app{grid-template-rows:58px minmax(0,1fr) 26px}h1{font-size:20px}.robotRow{min-height:28px;padding:3px 5px}.leftPanel,.rightPanel{padding:6px;gap:6px}.leftPanel section,.rightPanel section{padding:6px}.controls button{min-height:27px}.event{padding:4px 0}.mapLegend{bottom:6px}}h1{font-size:25px}.eyebrow{font-size:9px}.header-right{font-size:10px}.speedControl>span{font-size:9px}.speedControl button{font-size:9px}.sectionTitle{font-size:10px}.robotRow{min-height:33px;font-size:11px}.statusText{font-size:9px}.metric.big{font-size:22px}.statePill,.actionBox span{font-size:9px}.actionBox b{font-size:10px;line-height:1.32}.kv{font-size:10px}.controls button{font-size:9px;min-height:31px}.placementNote{font-size:8.5px;line-height:1.35}.panelHeader{font-size:10px}.panelHeader small{font-size:8px}.mapLegend{font-size:8.5px}.metricGrid span{font-size:8px}.metricGrid b{font-size:20px}.event{font-size:9px;line-height:1.32}.simpleExplain{font-size:9px;line-height:1.5}footer{font-size:8.5px}@media(max-height:760px){h1{font-size:22px}.robotRow{font-size:10px;min-height:29px}.sectionTitle,.kv{font-size:9px}.controls button{font-size:8px;min-height:28px}.simpleExplain,.event{font-size:8px}.mapLegend{font-size:7.5px}footer{font-size:7.5px}}.leftPanel{grid-template-rows:auto auto auto;align-content:start}.leftPanel section:last-child{overflow:visible}.controls{grid-template-columns:1fr 1fr}.placementNote{display:block;min-height:0;height:auto;overflow:visible;white-space:normal;overflow-wrap:anywhere;padding:6px 7px;margin-top:6px;font-size:8px;line-height:1.3}@media(max-height:820px){.leftPanel{grid-template-rows:auto auto auto}.robotRow{min-height:30px}.selectedHero{margin-bottom:3px}.actionBox{margin:4px 0 5px;padding:5px 7px}.kv{padding:2px 0}.controls{gap:4px}.controls button{min-height:28px;padding:4px}.placementNote{font-size:7.5px;padding:5px 6px;margin-top:4px}}