@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#fff;background:#0a0f1d;font-family:Space Grotesk,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0a0f1d}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #00e5ff;outline-offset:3px}.app-shell{min-height:100dvh;padding:0 24px 20px;overflow:hidden;background:radial-gradient(circle at 55% 38%,#132444,#0a0f1d 43%),#0a0f1d}.topbar{height:76px;display:flex;align-items:center;border-bottom:1px solid #27344f;gap:48px}.brand{color:#fff;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:.08em;min-width:247px}.brand small{display:block;color:#7f91ae;font:10px DM Mono,monospace;letter-spacing:.095em;margin-top:2px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;color:#0a0f1d;background:#00e5ff;clip-path:polygon(0 0,85% 0,100% 25%,100% 100%,15% 100%,0 75%);font-size:16px;letter-spacing:0}nav{display:flex;align-self:stretch}nav button{position:relative;color:#8290a8;background:none;border:0;padding:0 20px;font-weight:600}nav button small{margin-right:8px;font:9px DM Mono,monospace;color:#52617a}nav button.active{color:#fff}nav button.active:after{content:"";position:absolute;height:2px;background:#00e5ff;bottom:-1px;left:18px;right:18px;box-shadow:0 0 10px #00e5ff}.system-status{margin-left:auto;color:#9caac0;font:10px DM Mono,monospace;letter-spacing:.08em;white-space:nowrap}.system-status b{color:#ffb454;font-weight:500;margin-left:7px}.status-dot{display:inline-block;width:7px;height:7px;background:#ffb454;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #ffb454}.command-header{height:116px;display:flex;align-items:center;gap:38px}.eyebrow{color:#00e5ff;margin:0 0 5px;font:10px DM Mono,monospace;letter-spacing:.14em}.command-header h1{margin:0;letter-spacing:-.04em;font-size:clamp(24px,2vw,31px)}.dataset-strip{margin-left:auto;min-width:255px;padding-left:18px;border-left:1px solid #334155}.dataset-strip span,.dataset-strip small{display:block;color:#8190a8;font:9px DM Mono,monospace;letter-spacing:.12em}.dataset-strip strong{font-size:12px;letter-spacing:.06em}.dataset-strip small{color:#a8b3c7;margin-top:4px;letter-spacing:0}.primary-action{border:1px solid #00e5ff;color:#00151b;background:#00e5ff;padding:13px 18px;font-weight:700;box-shadow:0 0 22px #00e5ff33}.primary-action span{margin-right:8px}.primary-action:active{transform:translateY(1px)}.main-grid{display:grid;grid-template-columns:247px minmax(500px,1fr) 270px;height:min(57vh,595px);min-height:440px;border:1px solid #293650}.panel{background:linear-gradient(180deg,#161f38ea,#111a30f2);border-color:#293650}.left-panel{border-right:1px solid #293650;padding:20px 17px}.telemetry-panel{border-left:1px solid #293650;padding:20px 17px}.panel-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #2a3751;padding-bottom:13px}.panel-title>span{color:#00e5ff;font:10px DM Mono,monospace}.panel-title h2{text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin:0}.control-group{margin-top:20px}.control-group label,label,.layers-row label{display:block;color:#8e9db3;font:9px DM Mono,monospace;letter-spacing:.12em;margin-bottom:8px}.select-control,input{width:100%;background:#0b1327;color:#dbe5f3;border:1px solid #33425f;padding:10px;text-align:left;font-size:12px}.select-control span{float:right;color:#00e5ff}input:disabled{color:#78879d}.section-rule{border-top:1px solid #2a3751;margin:25px 0 18px}.layers-row{display:flex;justify-content:space-between;align-items:center}.layers-row small{color:#6f7f97;display:block;font-size:10px}.toggle{height:20px;width:35px;padding:2px;border:1px solid #42516c;background:#0a1224}.toggle span{display:block;width:13px;height:13px;background:#71809a;transition:transform .2s}.toggle.on{border-color:#00e5ff}.toggle.on span{transform:translate(14px);background:#00e5ff;box-shadow:0 0 10px #00e5ff}.layer-list{list-style:none;padding:0;margin:16px 0;transition:opacity .2s}.layer-list.hidden{opacity:.35}.layer-list li{display:flex;gap:8px;align-items:center;color:#c1cad9;font-size:11px;padding:7px 0}.layer-list b{color:#72829a;font:8px DM Mono,monospace;margin-left:auto}.layer-list i,.legend i{display:inline-block;width:7px;height:7px;border-radius:50%}.cyan{background:#00e5ff;box-shadow:0 0 7px #00e5ff}.magenta{background:#ff007a;box-shadow:0 0 7px #ff007a}.lime{background:#39ff14;box-shadow:0 0 7px #39ff14}.foundation-note{position:absolute;bottom:22px;max-width:210px;color:#74839b;font-size:11px;line-height:1.5}.foundation-note span{color:#ff007a;font:9px DM Mono,monospace}.foundation-note p{margin-top:7px}.viewport-panel{position:relative;min-width:0;overflow:hidden;background:#0b1427}.warehouse-graphic{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at center,#152949 0,#0e1b33 51%,#0a1223)}.floor-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(#314762 1px,transparent 1px),linear-gradient(90deg,#314762 1px,transparent 1px);background-size:31px 31px;transform:perspective(500px) rotateX(55deg) scale(1.7) translateY(-8%);transform-origin:center}.rack-field{position:absolute;inset:16% 8% 11% 11%;display:flex;justify-content:space-between;transform:perspective(620px) rotateX(5deg) rotate(-1deg)}.rack-row{width:8.2%;display:flex;flex-direction:column;justify-content:space-between}.rack{position:relative;height:15%;border:1px solid #617998;background:linear-gradient(135deg,#314760,#1a2a42);box-shadow:inset 0 4px #516e8d,0 5px 8px #0409149c}.rack:before,.rack:after{content:"";position:absolute;left:14%;right:14%;border-top:1px solid #8298b0}.rack:before{top:34%}.rack:after{top:67%}.rack span{position:absolute;z-index:1;top:-15px;color:#8197b2;font:8px DM Mono}.dock{position:absolute;bottom:10%;left:15%;padding:10px 17px;border:1px solid #00e5ff;color:#00e5ff;background:#00e5ff0b;font:9px DM Mono;letter-spacing:.1em}.dock i{display:inline-block;height:5px;width:5px;background:#00e5ff;border-radius:50%;margin-left:8px;box-shadow:0 0 10px #00e5ff}.north-label{position:absolute;right:8%;top:7%;color:#7f92ac;font:9px DM Mono;letter-spacing:.1em}.route-demo{position:absolute;z-index:2;left:23%;bottom:28%;height:42%;width:47%;border-left:2px solid #00e5ff;border-bottom:2px solid #00e5ff;border-right:2px solid #00e5ff;filter:drop-shadow(0 0 5px #00e5ff);opacity:.75}.route-demo span{position:absolute;height:5px;width:5px;border-radius:50%;background:#00e5ff}.route-demo span:nth-child(1){left:-4px;top:0}.route-demo span:nth-child(2){left:-4px;bottom:0}.route-demo span:nth-child(3){right:-4px;bottom:0}.route-demo span:nth-child(4){right:-4px;top:0}.picker-marker{position:absolute;z-index:3;left:67%;bottom:40%;text-align:center}.picker-marker b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ff007a;background:#180b25;color:#ff60a8;border-radius:50%;font:9px DM Mono;box-shadow:0 0 13px #ff007a77}.picker-marker em{display:block;width:1px;height:20px;background:#ff007a;margin:auto}.scale{position:absolute;display:flex;gap:7px;align-items:center;right:8%;bottom:6%;color:#7890ab;font:9px DM Mono}.scale i{height:1px;width:50px;background:#7890ab}.viewport-message{position:absolute;left:50%;top:50%;width:min(390px,60%);transform:translate(-50%,-50%);padding:15px 20px;background:#0c172bd9;border:1px solid #3b4a64;box-shadow:0 15px 50px #0008;text-align:center}.viewport-message strong{font-size:15px;display:block}.viewport-message p{color:#8d9bb1;font-size:11px;line-height:1.5;margin-bottom:0}.viewport-tools{position:absolute;top:14px;right:14px;display:flex;gap:7px}.viewport-tools button,.legend{color:#b2c1d2;border:1px solid #34435d;background:#101a2dbd;padding:7px 9px;font:9px DM Mono}.legend{position:absolute;bottom:15px;left:15px;display:flex;gap:13px}.legend span{display:flex;gap:5px;align-items:center}.pulse{margin-left:auto;width:6px;height:6px;background:#ffb454;border-radius:50%;box-shadow:0 0 9px #ffb454}.picker-card{display:flex;gap:11px;padding:17px 0;border-bottom:1px solid #2a3751}.avatar{display:grid;place-items:center;width:33px;height:33px;border:1px solid #00e5ff;color:#00e5ff;font:10px DM Mono}.picker-card span,.picker-card small{display:block;color:#8292a9;font-size:10px}.picker-card strong{font-size:13px}.readout{padding:15px 0;border-bottom:1px solid #2a3751}.readout span,.telemetry-list span,.assumption span{display:block;color:#8191a8;font:9px DM Mono;letter-spacing:.1em}.readout strong{display:block;margin:5px 0;font-size:18px}.readout small{color:#708098;font-size:10px}.telemetry-list{padding:8px 0}.telemetry-list div{display:flex;align-items:baseline;justify-content:space-between;padding:8px 0}.telemetry-list b{color:#e7ecf6;font:18px DM Mono}.telemetry-list b small{color:#8b9bb0;font-size:9px}.assumption{margin-top:7px;padding:12px;background:#101a2f;border-left:2px solid #ff007a}.assumption p{color:#8d9cb0;font-size:10px;line-height:1.45;margin:7px 0 0}.bottom-zone{display:grid;grid-template-columns:1fr 48%;min-height:105px;border:1px solid #293650;border-top:0;background:#111a30}.playback{padding:14px 18px;border-right:1px solid #293650}.playback-head{display:flex;justify-content:space-between;color:#91a0b7;font:9px DM Mono;letter-spacing:.1em}.playback-head em{color:#ffb454;font-style:normal}.playback-controls{display:flex;align-items:center;gap:7px;margin-top:16px}.playback-controls button{width:28px;height:26px;color:#bdcad8;border:1px solid #3b4a64;background:#0d1628}.playback-controls .play{color:#0a0f1d;border-color:#00e5ff;background:#00e5ff}.playback-controls .speed{margin-left:5px;width:36px;font:10px DM Mono}.timeline{position:relative;height:4px;flex:1;background:#263650;margin-left:8px}.timeline i{display:block;width:18%;border-top:4px solid #00e5ff;box-shadow:0 0 8px #00e5ff}.metrics{display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:20px 14px;border-right:1px solid #293650}.metric:last-child{border:0}.metric>span{display:block;color:#8796ad;font:9px DM Mono;letter-spacing:.1em}.metric strong{display:block;margin-top:6px;font:25px DM Mono}.metric strong small{margin-left:4px;color:#94a3b9;font-size:9px}.metric em{color:#63738d;font-size:9px;font-style:normal}.notice{display:flex;align-items:center;gap:9px;max-width:100%;margin-top:10px;color:#9babbe;font-size:11px}.notice span{color:#00e5ff}.notice button{color:#7f91aa;background:transparent;border:0;font-size:10px;text-decoration:underline;margin-left:auto}.viewport-panel canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;touch-action:none}.fallback-view{display:grid;place-content:center;place-items:center;position:absolute;inset:0;padding:24px;text-align:center;background:radial-gradient(circle at 50% 40%,#152949,#0b1427 65%)}.fallback-view strong{max-width:330px;font-size:15px;line-height:1.45}.retry-button{margin-top:15px;padding:9px 14px;border:1px solid #00e5ff;color:#c9fbff;background:#00e5ff16}.primary-action:disabled{opacity:.55;cursor:wait;box-shadow:none}.layout-lab{position:relative;overflow:auto;background:linear-gradient(180deg,#161f38ea,#111a30f2);border-right:1px solid #293650;padding:20px 14px}.lab-copy{color:#9aaac0;font-size:11px;line-height:1.45;margin:14px 2px}.lab-search{margin-bottom:12px}.lab-selected{border-left:2px solid #ff007a;padding:9px 10px;background:#101a2f}.lab-selected span,.slot-heading span{display:block;color:#8e9db3;font:9px DM Mono;letter-spacing:.1em}.lab-selected strong{display:block;font:15px DM Mono;color:#ff79b6;margin:3px 0}.lab-selected small,.slot-heading small{color:#708098;font-size:10px}.product-list{margin:12px 0;border-top:1px solid #2b3851}.product-list button{display:grid;grid-template-columns:54px 1fr auto;width:100%;padding:7px 3px;border:0;border-bottom:1px solid #293650;background:transparent;color:#c4d0df;text-align:left;gap:7px;font-size:9px}.product-list button:hover,.product-list button.selected{background:#172946}.product-list button.selected{box-shadow:inset 2px 0 #ff007a}.product-list b{color:#c6faff;font:9px DM Mono}.product-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list em{color:#8090a8;font:8px DM Mono;font-style:normal}.slot-heading{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #2b3851;padding-top:13px}.slot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}.slot-list button{min-width:0;padding:6px;border:1px solid #32425e;background:#0d172a;color:#b8c7d9;text-align:left}.slot-list button:hover{border-color:#00e5ff}.slot-list button.source-slot{border-color:#ff007a;box-shadow:0 0 9px #ff007a66}.slot-list span,.slot-list em{display:block;color:#6f819c;font:7px DM Mono;font-style:normal}.slot-list b{display:block;overflow:hidden;text-overflow:ellipsis;font:10px DM Mono;color:#e5edf8}.lab-actions{display:grid;gap:6px;margin-top:13px}.lab-actions button{padding:9px;border:1px solid #3c4a66;background:#0d172a;color:#c5d1e1;font-size:10px}.lab-actions button:disabled{opacity:.4;cursor:not-allowed}.lab-actions .auto{border-color:#39ff14;color:#aeffa1}.analytics-view{min-height:min(57vh,595px);border:1px solid #293650;background:linear-gradient(135deg,#101b31,#0c1426 70%);padding:clamp(20px,3vw,38px)}.analytics-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;border-bottom:1px solid #2a3751;padding-bottom:19px}.analytics-intro h2{margin:0;font-size:26px;letter-spacing:-.04em}.analytics-intro>p{max-width:410px;margin:0;color:#9aaac0;font-size:12px;line-height:1.55}.analytics-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2d3c56;margin:20px 0}.analytics-summary>div{padding:16px;border-right:1px solid #2d3c56}.analytics-summary>div:last-child{border:0}.analytics-summary span,.analytics-card h3{display:block;margin:0 0 7px;color:#93a2b9;font:9px DM Mono;letter-spacing:.1em;text-transform:uppercase}.analytics-summary strong{display:block;font:24px DM Mono}.analytics-summary small{color:#71819a;font-size:10px}.positive{color:#64ff48!important}.negative{color:#ff6d9f!important}.analytics-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.analytics-card{border:1px solid #2d3c56;padding:16px;background:#0c1629a8}.analytics-card h3{color:#e3ecf9;font-size:11px}.table-scroll{overflow-x:auto}.analytics-card table{min-width:590px;width:100%;border-collapse:collapse;font-size:11px}.analytics-card th,.analytics-card td{padding:10px 8px;border-bottom:1px solid #273650;text-align:right;white-space:nowrap}.analytics-card th:first-child{text-align:left}.analytics-card thead{color:#8da0b9;font:9px DM Mono}.analytics-card tbody th{color:#d9e5f3}.method-note,.analytics-card p{color:#8d9db2;font-size:10px;line-height:1.5}.heatmap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.heat-cell{padding:7px 5px;min-height:44px;border:1px solid color-mix(in srgb,#00e5ff calc(var(--heat) * 100%),#273650);background:color-mix(in srgb,#00b5d0 calc(var(--heat) * 58%),#101a2e)}.heat-cell span{display:block;color:#d9f8ff;font:8px DM Mono}.heat-cell b{color:#fff;font-size:13px}.explanation-grid{margin-top:16px;grid-template-columns:repeat(2,1fr)}.status-dot.loaded{background:#39ff14;box-shadow:0 0 10px #39ff14}.system-status:has(.loaded) b{color:#39ff14}.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 14px}.kpi-card{position:relative;min-height:100px;padding:16px 14px 13px;overflow:hidden;border:1px solid #193a68;border-radius:8px;background:linear-gradient(135deg,#102649,#0b1b36);box-shadow:inset 0 1px #1b477d,0 12px 24px #01081640}.kpi-card:before{content:"";position:absolute;top:13px;left:13px;width:4px;height:28px;border-radius:2px;background:#00c8ff;box-shadow:0 0 12px #00c8ff}.kpi-card.lime:before{background:#42eeb4;box-shadow:0 0 12px #42eeb4}.kpi-card span{display:block;padding-left:12px;color:#b7cae6;font-size:10px;font-weight:600}.kpi-card strong{display:block;margin-top:12px;color:#f0f7ff;font-size:clamp(18px,1.6vw,25px);letter-spacing:-.04em}.kpi-card small{display:block;margin-top:7px;color:#77a0ca;font-size:9px;line-height:1.25}.rail-nav{display:grid;gap:5px;margin-bottom:16px}.rail-nav button{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:5px;padding:10px 9px;background:transparent;color:#bdcce2;font-size:12px;text-align:left}.rail-nav button b{color:#72aee7;font-size:15px;font-weight:500}.rail-nav button:hover,.rail-nav button.active{border-color:#15509a;background:linear-gradient(90deg,#0e5baf,#103a73);color:#fff;box-shadow:inset 0 0 14px #00a6ff1a}.rail-nav button.active b{color:#dff8ff}.side-divider{height:1px;background:#223957;margin:0 -17px 16px}.app-shell{padding:0 20px 16px;background:radial-gradient(ellipse at 58% 24%,#102c58,#07152b 43%,#040b19)}.topbar{height:72px;gap:22px;border-bottom-color:#17406e;box-shadow:0 1px #0c2c50}.brand{min-width:280px;font-size:25px;letter-spacing:.045em}.brand small{color:#7898c0;font-size:10px}.brand-mark{width:39px;height:39px;font-size:19px;background:linear-gradient(135deg,#b3f3ff,#1f8df4);color:#07142c;box-shadow:0 0 19px #009bff6e}.topbar nav{display:none}.system-status{padding:8px 13px;border:1px solid #16476e;border-radius:7px;background:#082343;color:#92c6e8}.command-header{height:58px;gap:20px}.command-header .eyebrow{display:none}.command-header h1{color:#dbe9ff;font-size:18px;letter-spacing:-.015em}.command-header h1:after{content:" · 3D PICKING FLOOR GAME";color:#7693b8;font:10px DM Mono;letter-spacing:.06em}.dataset-strip{min-width:0;margin-left:auto}.primary-action{border-radius:5px;padding:10px 15px;background:linear-gradient(135deg,#10d4ff,#048bd8);box-shadow:0 0 20px #00c2ff40}.main-grid{height:min(47vh,480px);min-height:390px;border-color:#17406e;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #01071165}.panel{background:linear-gradient(180deg,#0c2345f2,#081a34f4)}.left-panel{padding:14px 16px;border-right-color:#17406e}.telemetry-panel{border-left-color:#17406e}.panel-title{border-bottom-color:#1f436d}.viewport-panel{background:#07172c}.bottom-zone{min-height:88px;border-color:#17406e;border-radius:0 0 8px 8px;background:#091b37}.notice{padding:8px 0;color:#7f9ec2}@media(max-width:1050px){.app-shell{padding:0 14px 16px}.main-grid{grid-template-columns:220px minmax(420px,1fr)}.telemetry-panel{display:none}.bottom-zone{grid-template-columns:1fr 45%}.brand{min-width:auto}.topbar{gap:10px}nav button{padding:0 10px}.dataset-strip{display:none}.kpi-strip{grid-template-columns:repeat(3,1fr)}.analytics-summary{grid-template-columns:repeat(2,1fr)}.analytics-summary>div:nth-child(2){border-right:0}.analytics-grid{grid-template-columns:1fr}}@media(max-width:720px){.topbar{height:auto;min-height:67px;flex-wrap:wrap;padding:12px 0}.system-status{display:none}nav{order:3;width:100%;height:32px}nav button{flex:1;font-size:11px}.command-header{height:auto;padding:18px 0;flex-wrap:wrap}.command-header h1{font-size:16px}.command-header h1:after{display:none}.primary-action{margin-left:0}.kpi-strip{grid-template-columns:repeat(2,1fr);gap:7px}.kpi-card{min-height:85px;padding:12px 10px}.main-grid{display:block;height:auto;border:0}.left-panel{display:none}.viewport-panel{height:480px;border:1px solid #293650}.bottom-zone{display:block;border:1px solid #293650}.playback{border:0;border-bottom:1px solid #293650}.metrics{min-height:100px}.metric{padding:14px 9px}.metric strong{font-size:18px}.viewport-message{width:80%}.rack-field{left:8%;right:5%}.analytics-view{padding:18px 12px}.analytics-intro{display:block}.analytics-intro>p{margin-top:12px}.analytics-summary{grid-template-columns:1fr 1fr}.analytics-summary>div{padding:12px}.explanation-grid{grid-template-columns:1fr}.heatmap-grid{grid-template-columns:repeat(4,1fr)}}.select-control{appearance:auto;cursor:pointer}.select-control:focus{outline:1px solid #00e5ff;border-color:#00e5ff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{padding:0 20px 12px;background:radial-gradient(ellipse at 50% -20%,#12396a,#071831 45%,#040d1d)}.topbar{height:74px;gap:18px;border-bottom:1px solid #1d4a78}.brand{min-width:325px;font-size:28px}.brand small{font-size:10px}.topbar nav{display:flex;height:44px;align-self:center;padding:3px;border:1px solid #143e6c;border-radius:7px;background:#091a35}.topbar nav button{min-width:132px;padding:0 13px;border-radius:5px}.topbar nav button.active{background:linear-gradient(135deg,#0759a1,#062b62);box-shadow:inset 0 -2px #05d8ff,0 0 16px #009cfb33}.topbar nav button.active:after{display:none}.header-dataset{min-width:210px;padding:7px 10px;border:1px solid #1d4a78;border-radius:7px;background:#091c38;color:#c6daf3;font-size:8px;line-height:1.35}.header-dataset span,.header-dataset small{display:block}.header-dataset small{color:#75a1c9}.system-status{margin-left:auto}.header-icon{display:grid;width:31px;height:31px;place-items:center;border:1px solid #1f4b79;border-radius:50%;background:#0a1d3a;color:#9dc4e9;font-size:14px}.avatar-button{color:#caeaff;background:#123c70}.kpi-strip{margin:14px 0;gap:12px}.kpi-card{min-height:113px;padding:15px 13px 12px 62px;border-color:#1d4d82;border-radius:8px;background:linear-gradient(140deg,#0d2850,#081933);box-shadow:inset 0 1px #1c518b,0 9px 20px #01091652}.kpi-card:before{display:none}.kpi-card>i{position:absolute;top:16px;left:14px;display:grid;width:37px;height:37px;place-items:center;border:1px solid #165b8d;border-radius:8px;color:#08d9ff;background:#0a315b;font:21px DM Mono;font-style:normal;box-shadow:inset 0 0 13px #00a8f72b}.kpi-card.lime>i{color:#45efae;border-color:#267c70}.kpi-card span{padding:2px 0 0;font-size:10px}.kpi-card strong{margin-top:10px;font-size:clamp(20px,1.65vw,27px)}.kpi-card small{color:#6e9ecb}.main-grid{height:min(50vh,510px);min-height:430px;grid-template-columns:225px minmax(550px,1fr) 292px;border:1px solid #1d4a78;border-radius:8px;overflow:hidden;box-shadow:0 20px 46px #01071475}.left-panel{padding:16px 13px;background:linear-gradient(180deg,#091e3c,#06162c)}.rail-nav{gap:3px;margin-bottom:13px}.rail-nav button{padding:9px 8px}.control-group{margin-top:14px}.section-rule{margin:17px 0 14px}.foundation-note{display:none}.left-panel:after{content:"SIMULATION CONTROL";display:block;margin:18px 5px 8px;color:#8eaed1;font:9px DM Mono;letter-spacing:.08em}.left-panel .toggle{margin-right:2px}.viewport-panel:before{content:"3D WAREHOUSE FLOOR";position:absolute;z-index:2;top:14px;left:16px;color:#e9f6ff;font-size:12px;font-weight:700;pointer-events:none;text-shadow:0 1px 10px #00152b}.viewport-tools{z-index:3;top:10px;right:11px}.legend{z-index:3;bottom:11px;border-radius:5px}.telemetry-panel{padding:0;overflow:auto;background:#081934}.telemetry-panel .panel-title{padding:14px 15px 10px}.telemetry-panel .picker-card,.telemetry-panel .readout,.telemetry-panel .telemetry-list,.telemetry-panel .assumption{margin:0 12px 12px;padding:12px;border:1px solid #1c4979;border-radius:7px;background:linear-gradient(145deg,#0d2850,#081b38)}.telemetry-panel .picker-card{margin-top:0}.picker-card{min-height:78px}.telemetry-panel .readout{padding:10px 12px}.telemetry-panel .readout strong{font-size:14px}.telemetry-panel .telemetry-list{padding:6px 12px}.telemetry-panel .telemetry-list div{padding:5px 0}.telemetry-panel .telemetry-list b{font-size:12px}.telemetry-panel .assumption{display:none}.warehouse-plate{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#06152a22,#06152a66),url(/assets/warehouse-floor-plate.png) center / cover no-repeat}.viewport-panel canvas{z-index:1;background:transparent!important}.viewport-panel:before{z-index:4}.viewport-tools,.legend{z-index:5}.simulation-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 12px}.simulation-buttons button,.speed-control button{border:1px solid #28547f;border-radius:5px;background:#0a2547;color:#b9d7f1;padding:9px 6px;font-size:10px}.simulation-buttons .run{border-color:#0bb9d3;background:linear-gradient(135deg,#10d8e9,#0795d7);color:#031624;font-weight:700}.simulation-buttons button:disabled{opacity:.45;cursor:wait}.speed-control{margin:0 0 15px}.speed-control label{display:flex;justify-content:space-between}.speed-control label b{color:#08d9ff;font-weight:500}.speed-control button{width:100%;padding:7px}.layer-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0 13px}.layer-buttons button{border:1px solid #1d426e;border-radius:5px;background:#091a34;color:#9ebee1;padding:7px 2px;font-size:9px}.layer-buttons button.active{border-color:#09cfe7;background:#08bddd;color:#031827;font-weight:700}.product-card,.order-progress{margin:0 12px 12px;padding:12px;border:1px solid #1c4979;border-radius:7px;background:linear-gradient(145deg,#0d2850,#081b38)}.product-card>span,.order-progress>span{display:block;margin-bottom:9px;color:#e5f3ff;font-size:11px;font-weight:600}.product-card{display:grid;grid-template-columns:52px 1fr;column-gap:10px}.product-card>span{grid-column:1 / -1}.product-box{display:grid;width:52px;height:60px;place-items:center;border:1px solid #2c6599;border-radius:5px;background:linear-gradient(145deg,#496478,#172b42);color:#dbeeff;font-size:25px}.product-card b,.product-card small,.product-card em{display:block}.product-card b{margin-top:3px;color:#e7f5ff;font:11px DM Mono}.product-card small{margin-top:3px;color:#a1bbd9;font-size:9px;line-height:1.35}.product-card em{margin-top:7px;color:#ff55b4;font:9px DM Mono;font-style:normal}.order-progress b{display:flex;justify-content:space-between;color:#cce6ff;font-size:9px}.order-progress b em{color:#46eaa8;font-style:normal}.order-progress>i{display:block;height:7px;margin:9px 0;overflow:hidden;border-radius:6px;background:#123355}.order-progress>i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00d9f5,#35ef8e);box-shadow:0 0 10px #00d9f566;text-decoration:none;transition:width .25s ease}.order-progress small{display:block;padding:3px 0;color:#7898ba;font:9px DM Mono}.order-progress small.done{color:#4beb9e}.order-progress small.current{color:#13ddf5}.current-order-card{margin-top:13px;padding:11px;border:1px solid #1d4a78;border-radius:7px;background:#081b36}.current-order-card span,.current-order-card b,.current-order-card small,.current-order-card em{display:block}.current-order-card span{color:#a9c5e2;font-size:10px}.current-order-card b{margin:6px 0 3px;color:#e9f6ff;font-size:10px}.current-order-card small,.current-order-card em{color:#7f9fbe;font-size:8px;font-style:normal}.current-order-card i{display:block;height:6px;margin:9px 0 6px;border-radius:4px;overflow:hidden;background:#143556}.current-order-card i u{display:block;height:100%;background:#12d9ed;box-shadow:0 0 8px #12d9ed88;text-decoration:none}.bottom-zone.reference-bottom{display:grid;grid-template-columns:1.25fr .9fr .82fr;gap:12px;min-height:205px;margin-top:12px;border:0;background:transparent}.reference-bottom>article{min-width:0;border:1px solid #1d4a78;border-radius:8px;background:linear-gradient(145deg,#0c2549,#071730);overflow:hidden}.bottom-head{display:flex;align-items:center;gap:8px;padding:12px 13px;border-bottom:1px solid #1c426d;color:#e5f3ff;font-size:11px}.bottom-head>span{color:#08d9ff;font:16px DM Mono}.bottom-head strong{font-size:11px}.bottom-head button{margin-left:auto;border:1px solid #275787;border-radius:4px;background:#0a1c37;color:#a8c7e9;padding:5px 7px;font-size:8px}.bottom-head small{margin-left:auto;color:#6f94bd;font:8px DM Mono}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.scenario{min-width:0;padding:9px;border:1px solid #234a76;border-radius:6px;background:#091a34;color:#b8cce4;text-align:left}.scenario.active{border-color:#00cfee;box-shadow:inset 0 0 13px #009dec29}.scenario b,.scenario span,.scenario strong,.scenario em{display:block}.scenario b{margin-bottom:8px;color:#dceeff;font-size:9px}.scenario span{margin-top:6px;color:#7999bb;font-size:7px}.scenario strong,.scenario em{color:#dceeff;font:10px DM Mono;font-style:normal}.route-chart,.rack-summary{display:flex;flex-direction:column}.spark-lines{position:relative;flex:1;min-height:100px;margin:12px;overflow:hidden;border-left:1px solid #214568;border-bottom:1px solid #214568;background:repeating-linear-gradient(0deg,transparent 0 23px,#17406455 24px),repeating-linear-gradient(90deg,transparent 0 31px,#17406455 32px)}.spark-lines i{position:absolute;left:2%;right:2%;height:48%;border-top:2px solid;transform-origin:left center;clip-path:polygon(0 70%,7% 36%,14% 68%,21% 25%,29% 58%,36% 15%,44% 66%,51% 42%,59% 75%,67% 29%,75% 63%,83% 20%,92% 53%,100% 22%,100% 28%,92% 59%,83% 26%,75% 69%,67% 35%,59% 81%,51% 48%,44% 72%,36% 21%,29% 64%,21% 31%,14% 74%,7% 42%,0 76%);background:currentColor;opacity:.9}.spark-lines .original{top:9%;color:#6b8caf}.spark-lines .automatic{top:27%;color:#36e6a5}.spark-lines .player{top:45%;color:#ed4eb7}.spark-key{display:flex;gap:10px;padding:0 13px 12px;color:#85a4c7;font-size:8px}.spark-key span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#6b8caf}.spark-key span:nth-child(2):before{background:#36e6a5}.spark-key span:nth-child(3):before{background:#ed4eb7}.mini-heatmap{display:grid;grid-template-columns:repeat(9,1fr);grid-auto-rows:15px;gap:3px;padding:14px}.mini-heatmap i{border:1px solid #176891;background:hsl(calc(205 - (min(var(--visit),18)*10)) 85% calc(20% + min(var(--visit),18)*2.3%))}.notice{min-height:28px;margin-top:8px}@media(max-width:1250px){.brand{min-width:252px;font-size:23px}.topbar nav button{min-width:100px}.main-grid{grid-template-columns:210px minmax(420px,1fr) 250px}.bottom-zone.reference-bottom{grid-template-columns:1.15fr .9fr}.rack-summary{grid-column:span 2}.mini-heatmap{grid-template-columns:repeat(12,1fr)}}@media(max-width:940px){.topbar nav{display:none}.main-grid{grid-template-columns:205px 1fr}.telemetry-panel{display:none}.bottom-zone.reference-bottom{grid-template-columns:1fr}.rack-summary{grid-column:auto}.mini-heatmap{grid-template-columns:repeat(9,1fr)}}@media(max-width:720px){.app-shell{padding:0 10px 12px}.brand{min-width:0;font-size:20px}.brand small{display:none}.kpi-card{min-height:92px;padding:12px 8px 10px 50px}.kpi-card>i{top:12px;left:9px;width:31px;height:31px;font-size:16px}.main-grid{display:block;height:auto;min-height:0}.viewport-panel{height:480px}.left-panel{display:none}.scenario-grid{gap:5px}.scenario{padding:7px}.bottom-zone.reference-bottom{min-height:0}.topbar{height:62px}}:root{--neon-cyan: #00e5ff;--neon-blue: #168dff;--neon-magenta: #ff32be;--neon-lime: #45f59a;--ink: #030917;--panel-ink: #071a36}.app-shell{background:radial-gradient(ellipse at 50% -16%,#164d8e 0%,#081c3b 38%,var(--ink) 79%)}.app-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(#2cc9ff0d 1px,transparent 1px),linear-gradient(90deg,#2cc9ff0d 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}.topbar{border-bottom-color:#1e78b8;box-shadow:0 1px #00d9ff88,0 14px 30px #001225a8}.brand{color:#f0f8ff;text-shadow:0 0 22px #00b8ff44}.brand small{color:#67b9ec;letter-spacing:.13em}.brand-mark{background:linear-gradient(135deg,#d6faff 4%,#00bce9 50%,#2465e9);box-shadow:0 0 24px #00c8ffb8}.topbar nav{border-color:#155d9d;background:linear-gradient(180deg,#0b2a53,#061731);box-shadow:inset 0 0 22px #00aaff12}.topbar nav button{color:#96badc}.topbar nav button.active{color:#fff;background:linear-gradient(135deg,#087cc6,#083674);box-shadow:inset 0 -2px var(--neon-cyan),0 0 18px #00d9ff55}.header-dataset,.system-status{border-color:#1b639e;background:linear-gradient(135deg,#092b51,#061a35);box-shadow:inset 0 0 18px #00aaff12}.system-status{color:#a6ddf6}.header-icon{border-color:#2478b5;color:#bdeaff;box-shadow:inset 0 0 12px #00b6ff20}.kpi-card,.reference-bottom>article{border-color:#1d68a8;background:linear-gradient(145deg,#0b2a55,#06162f);box-shadow:inset 0 1px #43cfff55,inset 0 0 28px #0068b31c,0 12px 28px #0009168c}.kpi-card:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#00e5ff,transparent);opacity:.9}.kpi-card>i{color:var(--neon-cyan);border-color:#1685bd;background:radial-gradient(circle at 35% 25%,#16679a,#08264e);box-shadow:inset 0 0 14px #00d9ff55,0 0 14px #00a8ff2b}.kpi-card:nth-child(3)>i{color:var(--neon-magenta);border-color:#9a397f;box-shadow:inset 0 0 14px #ff32be33,0 0 14px #ff32be2b}.kpi-card.lime>i{color:var(--neon-lime);border-color:#2c9f78;box-shadow:inset 0 0 14px #45f59a44,0 0 14px #45f59a2b}.kpi-card strong{text-shadow:0 0 18px #8fcfff26}.main-grid{border-color:#1a6eab;box-shadow:0 0 0 1px #00d9ff12,0 22px 46px #000714b8}.left-panel,.telemetry-panel{background:linear-gradient(180deg,#09264b,#04142d)}.left-panel{border-right-color:#1b5c92}.telemetry-panel{border-left-color:#1b5c92}.panel-title,.bottom-head{border-bottom-color:#1c5e93}.rail-nav button:hover,.rail-nav button.active{border-color:#0e9dda;background:linear-gradient(90deg,#0a83cb,#0a376f);box-shadow:inset 0 0 18px #00d9ff32,0 0 13px #00aaff18}.select-control,input{border-color:#235d91;background:#061a34;box-shadow:inset 0 0 15px #00a8ff0d}.select-control:focus,input:focus{outline:0;border-color:var(--neon-cyan);box-shadow:0 0 0 2px #00e5ff22,inset 0 0 15px #00a8ff1c}.simulation-buttons .run{background:linear-gradient(135deg,#22f2ac,#00add8);box-shadow:0 0 22px #00e5ff36}.layer-buttons button.active{background:linear-gradient(135deg,#05f0df,#12a5f0);box-shadow:0 0 13px #00e5ff55}.current-order-card,.telemetry-panel .picker-card,.telemetry-panel .telemetry-list,.product-card,.order-progress{border-color:#1b5f98;background:linear-gradient(145deg,#0b2b55,#061830);box-shadow:inset 0 0 18px #00b5ff0f}.viewport-panel{background:#03132a}.warehouse-plate{background-image:linear-gradient(180deg,#00162b10,#020a1d5c),url(/assets/warehouse-floor-plate.png);filter:saturate(1.14) contrast(1.06)}.viewport-panel:before{padding:7px 10px;border-left:2px solid var(--neon-cyan);background:#04182cbb;box-shadow:0 0 16px #00d9ff2e}.viewport-tools button,.legend{border-color:#2786be;background:#041a32dc;box-shadow:inset 0 0 12px #00d9ff18}.viewport-tools button:hover{border-color:var(--neon-cyan);color:#effcff;box-shadow:0 0 12px #00d9ff52}.legend{color:#d4f6ff}.scenario{border-color:#245f94;background:linear-gradient(145deg,#09234a,#06162d)}.scenario.active{border-color:var(--neon-cyan);box-shadow:inset 0 0 16px #00c8ff3d,0 0 14px #00d9ff2b}.spark-lines{border-color:#216796;background:repeating-linear-gradient(0deg,transparent 0 23px,#1d669344 24px),repeating-linear-gradient(90deg,transparent 0 31px,#1d669344 32px)}.mini-heatmap i{border-color:#1b6e9e}.notice{color:#87bee6}.notice span{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.distance-chart{height:220px}.category-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-breakdown div{padding:10px;border:1px solid #273650;background:#0a172b}.category-breakdown span,.category-breakdown b{display:block}.category-breakdown span{color:#8da0b9;font:9px DM Mono}.category-breakdown b{margin-top:5px;color:#dfefff;font-size:11px}.app-shell{padding:0 16px 8px;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 50% -24%,#143e70,#07172f 42%,#030a18 82%)}.topbar{height:64px;gap:14px}.brand{min-width:270px;gap:9px;font-size:0;letter-spacing:0}.brand-mark{flex:0 0 38px;width:38px;height:38px;font-size:18px}.brand-copy{display:block}.brand-copy>b{display:block;color:#f3f9ff;font-size:27px;letter-spacing:-.045em;line-height:.95}.brand-copy>b span{margin-left:3px;color:#16cfff;font-weight:500}.brand-copy small{display:flex;flex-direction:column;gap:2px;margin-top:4px;color:#83a9d1;font-size:7px;letter-spacing:.115em;line-height:1.15}.brand-copy small em{color:#65caff;font-style:normal}.topbar nav{flex:0 0 auto;height:40px}.topbar nav button{min-width:98px;padding:0 9px;font-size:10px}.topbar nav button small{margin-right:5px;font-size:7px}.header-dataset{min-width:180px;padding:6px 9px;font-size:8px}.header-dataset small{font-size:7px}.system-status{padding:7px 9px;font-size:8px}.header-icon{flex:0 0 30px;width:30px;height:30px}.command-header{height:0;overflow:hidden}.kpi-strip{gap:9px;margin:10px 0 11px}.kpi-card{min-height:96px;padding:12px 8px 9px 49px;border-radius:7px}.kpi-card>i{top:13px;left:10px;width:33px;height:33px;font-size:18px}.kpi-card .kpi-ring{display:grid;place-items:center;border-radius:50%;border:1px solid #198cba;background-clip:content-box;padding:3px;color:#b9fff0;font-size:8px;font-weight:700}.kpi-card span{color:#cadcf2;font-size:8px;white-space:nowrap}.kpi-card strong{margin-top:8px;font-size:clamp(16px,1.45vw,23px);white-space:nowrap}.kpi-card small{margin-top:5px;font-size:8px}.metric-delta{margin-right:3px;font-size:8px;font-weight:700}.positive-delta{color:#4af58d}.negative-delta{color:#ff668f}.main-grid{height:clamp(390px,49vh,620px);min-height:0;grid-template-columns:204px minmax(0,1fr) 246px;border-radius:8px}.left-panel{min-width:0;padding:10px 10px 9px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#1a6995 transparent}.left-panel:after{display:none}.control-panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:27px;padding-bottom:7px;border-bottom:1px solid #1d5689}.control-panel-heading h2{margin:0;color:#eff7ff;font-size:13px;font-weight:700}.control-panel-heading button{width:24px;height:24px;border:0;background:transparent;color:#74a9d2;font-size:19px;line-height:1}.control-panel-heading button:hover{color:var(--neon-cyan)}.left-panel .control-group{margin-top:9px}.left-panel .control-group>label,.speed-control label{margin-bottom:5px;color:#c4d9f1;font:9px Space Grotesk,sans-serif;letter-spacing:.015em}.left-panel .select-control{height:33px;padding:6px 8px;border-radius:6px;font-size:10px}.left-panel .select-control option{background:#071a34}.search-input{display:flex;align-items:center;height:31px;padding:0 7px;border:1px solid #275e8f;border-radius:6px;background:#06162d;box-shadow:inset 0 0 12px #00a8ff0d}.search-input>span{color:#88afcf;font-size:17px;line-height:1}.search-input input{min-width:0;height:29px;padding:4px 6px;border:0;background:transparent;box-shadow:none;font-size:9px}.search-input input:focus{box-shadow:none}.search-input input::placeholder{color:#718daa;opacity:1}.search-input button{flex:0 0 17px;padding:0;border:0;background:transparent;color:#668aaa;font-size:15px}.product-search-results{position:absolute;z-index:12;width:182px;max-height:116px;overflow:auto;border:1px solid #1686b8;border-radius:5px;background:#06152b;box-shadow:0 10px 24px #000a}.product-search-results button{display:block;width:100%;padding:6px 8px;border:0;border-bottom:1px solid #143a5d;background:transparent;color:#e8f6ff;text-align:left}.product-search-results button:hover{background:#0a3763}.product-search-results b,.product-search-results span{display:block}.product-search-results b{color:#29d9ff;font:9px DM Mono}.product-search-results span{overflow:hidden;color:#9bb7d4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.category-list{display:grid;gap:1px;margin-top:6px}.category-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;width:100%;min-height:22px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:#c8d9ee;text-align:left;font-size:9px}.category-row:hover,.category-row.selected{border-color:#1675a7;background:#0b2d50;color:#f4fbff}.category-row i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.category-row small{color:#9ab6d6;font:8px DM Mono}.category-blue{color:#2195ff;background:#2195ff}.category-yellow{color:#f6c841;background:#f6c841}.category-sky{color:#d8c236;background:#d8c236}.category-red{color:#fb3769;background:#fb3769}.category-pink{color:#f238d4;background:#f238d4}.category-slate{color:#9dc8e8;background:#9dc8e8}.left-panel .section-rule{margin:7px 0;border-color:#1d446b}.warehouse-levels h3,.simulation-heading h3{margin:0 0 6px;color:#e5f2ff;font-size:10px;font-weight:600}.left-panel .layer-buttons{gap:5px;margin:0}.left-panel .layer-buttons button{min-height:28px;padding:4px 2px;border-radius:6px;font-size:9px}.left-panel .simulation-buttons{gap:7px;margin:5px 0 8px}.left-panel .simulation-buttons button{min-height:32px;padding:6px 4px;border-radius:6px;font-size:9px}.left-panel .simulation-buttons .run{color:#031b20;background:linear-gradient(110deg,#31ed78,#08d49b);border-color:#28ef80}.left-panel .simulation-buttons .pause{color:#d2e5f9;background:#0a2444}.left-panel .simulation-buttons button:disabled{opacity:.45;cursor:not-allowed}.left-panel .speed-control{margin:0 0 5px}.left-panel .speed-control label{display:flex;justify-content:space-between}.left-panel .speed-control label b{color:#d7f6ff;font:9px DM Mono}.left-panel .playback-range{display:block;width:100%;height:15px;padding:0;border:0;background:transparent;accent-color:#06d9f3;box-shadow:none;cursor:pointer}.left-panel .playback-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#04cfe7,#1a3c6c)}.left-panel .playback-range::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;border:2px solid #a4faff;border-radius:50%;background:#08cfff;box-shadow:0 0 11px #00d9ff;appearance:none}.left-panel .playback-range::-moz-range-track{height:4px;border-radius:4px;background:#17436d}.left-panel .playback-range::-moz-range-thumb{width:9px;height:9px;border:2px solid #a4faff;border-radius:50%;background:#08cfff;box-shadow:0 0 11px #00d9ff}.current-order-card{margin-top:5px;padding:8px}.current-order-card span{color:#deedff;font-size:9px}.current-order-card b{margin:4px 0 2px;font-size:9px}.current-order-card small,.current-order-card em{font-size:7px}.current-order-card i{margin:6px 0 4px}.controls-collapsed{grid-template-columns:40px minmax(0,1fr) 246px}.control-reopen{align-self:start;height:38px;margin:10px 4px;border:1px solid #1785b7;border-radius:5px;background:#07284a;color:#00e5ff}.control-reopen span{display:block;font-size:7px}.viewport-panel{min-width:0}.warehouse-plate{background-position:center 53%}.viewport-tools button{min-height:28px;padding:5px 8px;font-size:8px}.telemetry-panel{padding:0}.telemetry-panel .panel-title{min-height:39px;padding:8px 10px}.live-mark{width:7px;height:7px;border-radius:50%;background:#18d9ff;box-shadow:0 0 9px #18d9ff}.telemetry-panel .panel-title h2{flex:1;font-size:11px;text-transform:none;letter-spacing:0}.picker-state{padding:3px 7px;border-radius:8px;background:#134c35;color:#49f491;font-size:8px;font-weight:500;white-space:nowrap}.picker-state.is-picking{background:#137548;color:#b4ffd4;box-shadow:0 0 9px #22e87555}.telemetry-panel .picker-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:7px;min-height:0;margin:0 8px 8px;padding:9px 7px}.picker-figure{position:relative;height:106px;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 50% 68%,#155887,transparent 60%)}.picker-figure i{position:absolute;top:16px;left:16px;width:15px;height:13px;border-radius:8px 8px 5px 5px;background:#ffd93e;box-shadow:0 0 8px #ffd93e77}.picker-figure i:after{content:"";position:absolute;left:-4px;top:4px;width:23px;height:3px;border-radius:3px;background:#f6cb2c}.picker-figure b{position:absolute;top:29px;left:18px;width:11px;height:12px;border-radius:50%;background:#ddae83}.picker-figure span{position:absolute;top:38px;left:11px;width:25px;height:40px;border:1px solid #5da6d3;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#e5bb25 0 21%,#163856 21% 80%,#e5bb25 80%);box-shadow:0 0 10px #0c9ce944}.picker-copy>span{color:#abc1dd;font-size:8px}.picker-copy>strong{display:block;margin:2px 0;color:#f4f9ff;font-size:11px}.picker-copy>small{display:block;margin-bottom:6px;color:#a1b9d5;font-size:8px}.picker-copy div{display:flex;justify-content:space-between;gap:3px;padding:2px 0}.picker-copy div span{color:#9bb6d4;font-size:7px}.picker-copy div b{color:#e2f0ff;font:7px DM Mono;text-align:right}.product-card,.order-progress{margin:0 8px 8px;padding:9px}.product-card>span,.order-progress>span{margin-bottom:7px;font-size:10px}.product-card{grid-template-columns:50px minmax(0,1fr);column-gap:8px}.product-box{position:relative;width:50px;height:58px;overflow:hidden;border-color:#23658e;background:linear-gradient(145deg,#12335a,#0a1b34)}.product-box i{position:absolute;width:24px;height:30px;border:1px solid #cad7e3;background:linear-gradient(135deg,#f0f1ec,#97a9bc);transform:skewY(-18deg);box-shadow:4px 3px #6e8298}.product-box b{position:absolute;z-index:1;width:9px;height:30px;border-left:1px solid #d7e0e9;background:#bac7d0;transform:translate(12px) skewY(18deg)}.product-box em{position:absolute;z-index:2;width:10px;height:5px;border-top:1px solid #667b8e;border-bottom:1px solid #667b8e;transform:translate(-2px,5px)}.product-card b{font-size:9px}.product-card small{margin-top:2px;font-size:7px;line-height:1.3}.product-card .pick-location{display:inline-block;margin:4px 0 0;padding:2px 6px;border-radius:6px;background:#b51c86;color:#fff;font:7px Space Grotesk;font-style:normal}.product-card .frequency-row{display:flex;justify-content:space-between;margin-top:4px;color:#d5e8fb;font-size:7px}.frequency-row b{color:#e4f4ff;font:7px DM Mono}.order-progress b{font-size:8px}.order-progress>i{margin:6px 0}.order-progress small{font-size:7px}.telemetry-panel .order-progress{margin-bottom:8px}.bottom-zone.reference-bottom{grid-template-columns:1.22fr .88fr .78fr;gap:9px;min-height:190px;margin-top:10px}.reference-bottom>article{border-radius:7px}.bottom-head{min-height:36px;padding:8px 10px}.bottom-head strong{font-size:9px}.bottom-head>span{font-size:13px}.bottom-head small{font-size:7px}.bottom-head button{padding:4px 6px;font-size:7px}.scenario-grid{gap:6px;padding:8px 8px 4px}.scenario{padding:7px}.scenario b{margin-bottom:5px;font-size:8px;white-space:nowrap}.scenario span{margin-top:4px;font-size:7px}.scenario strong,.scenario em{font-size:8px}.comparison-note{display:block;padding:0 10px 5px;color:#73a0c9;font-size:7px}.distance-chart{height:128px;margin:5px 5px 0}.route-chart .spark-key{gap:9px;padding:0 9px 7px;font-size:7px}.rack-heatmap{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:5px;padding:9px 8px 2px}.heatmap-rows{display:grid;gap:3px}.heatmap-row{display:grid;grid-template-columns:17px repeat(7,minmax(0,1fr));align-items:center;gap:3px;min-height:13px}.heatmap-row>span{color:#aac9e9;font:7px DM Mono}.heatmap-row i{display:block;height:12px;border:1px solid #13699b;border-radius:1px}.heatmap-scale{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 0 1px}.heatmap-scale b{color:#c5d8ec;font-size:6px}.heatmap-scale i{flex:1;width:7px;margin:2px 0;border-radius:4px;background:linear-gradient(to top,#1572ff,#04f1e2 30%,#39ef4c 55%,#ffe333 76%,#fa3866);box-shadow:0 0 8px #2bcfff55}.heatmap-docks{display:flex;justify-content:space-between;padding:2px 10px 6px 25px;color:#b8cee7;font-size:7px}.notice{min-height:24px;margin-top:5px;padding:2px 0;font-size:8px}@media(max-width:1250px){.topbar{gap:7px}.brand{min-width:218px}.brand-copy>b{font-size:22px}.topbar nav button{min-width:87px;font-size:8px}.header-dataset{min-width:155px}.system-status{font-size:7px}.main-grid{grid-template-columns:194px minmax(0,1fr) 232px}.controls-collapsed{grid-template-columns:40px minmax(0,1fr) 232px}.bottom-zone.reference-bottom{grid-template-columns:1.2fr .9fr}.rack-summary{grid-column:span 2}.rack-heatmap{padding-inline:14px}.heatmap-row{grid-template-columns:20px repeat(7,minmax(0,1fr))}.heatmap-row i{height:14px}}@media(max-width:960px){.header-dataset,.system-status{display:none}.main-grid{grid-template-columns:194px minmax(0,1fr)}.controls-collapsed{grid-template-columns:40px minmax(0,1fr)}.telemetry-panel{display:none}.bottom-zone.reference-bottom{grid-template-columns:1.1fr .9fr}.rack-summary{grid-column:span 2}}@media(max-width:720px){.app-shell{padding:0 9px 10px}.topbar{height:auto;min-height:60px;flex-wrap:wrap;padding:7px 0}.brand{min-width:140px}.brand-mark{flex-basis:31px;width:31px;height:31px}.brand-copy>b{font-size:19px}.brand-copy small{display:none}.topbar nav{order:3;width:100%;justify-content:space-between}.topbar nav button{flex:1;min-width:0}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{min-height:84px}.main-grid{display:grid;height:auto;min-height:0;grid-template-columns:1fr}.left-panel{max-height:420px;position:static;width:auto;grid-column:1;grid-row:2}.viewport-panel{grid-row:1;height:430px}.telemetry-panel{display:block;grid-row:3}.controls-collapsed{grid-template-columns:1fr}.control-reopen{position:static;width:auto;grid-row:2}.app-shell:has(.controls-collapsed) .kpi-strip,.app-shell:has(.controls-collapsed) .main-grid,.app-shell:has(.controls-collapsed) .bottom-zone{margin-left:0;width:auto}.bottom-zone.reference-bottom{grid-template-columns:1fr}.rack-summary{grid-column:auto}.reference-bottom>article{min-height:190px}.bottom-head{min-height:39px}.distance-chart{height:145px}.notice{align-items:flex-start}.notice button{margin-left:auto}}.app-shell{position:relative}.kpi-strip,.main-grid:not(.layout-mode),.bottom-zone.reference-bottom{width:calc(100% - 220px);margin-left:220px}.main-grid:not(.layout-mode){grid-template-columns:minmax(0,1fr) 246px}.left-panel{position:fixed;z-index:8;top:64px;bottom:46px;left:16px;width:204px;border:1px solid #1d5a8f;border-top:0;border-radius:0 0 7px 7px}.bottom-zone.reference-bottom{grid-template-columns:1.5fr .95fr 1fr}.main-grid.layout-mode{width:auto;margin-left:0;grid-template-columns:230px minmax(0,1fr) 246px}.app-shell:has(.controls-collapsed) .kpi-strip,.app-shell:has(.controls-collapsed) .main-grid:not(.layout-mode),.app-shell:has(.controls-collapsed) .bottom-zone.reference-bottom{width:calc(100% - 58px);margin-left:58px}.control-reopen{position:fixed;z-index:8;top:75px;left:16px;width:40px;height:42px;margin:0}@media(max-width:1250px){.kpi-strip,.main-grid:not(.layout-mode),.bottom-zone.reference-bottom{width:calc(100% - 206px);margin-left:206px}.main-grid:not(.layout-mode){grid-template-columns:minmax(0,1fr) 232px}.main-grid.layout-mode{grid-template-columns:220px minmax(0,1fr) 232px}.left-panel{width:194px}.bottom-zone.reference-bottom{grid-template-columns:1.5fr .95fr 1fr}.app-shell:has(.controls-collapsed) .kpi-strip,.app-shell:has(.controls-collapsed) .main-grid:not(.layout-mode),.app-shell:has(.controls-collapsed) .bottom-zone.reference-bottom{width:calc(100% - 58px);margin-left:58px}}@media(max-width:960px){.kpi-strip,.main-grid:not(.layout-mode),.bottom-zone.reference-bottom{width:calc(100% - 198px);margin-left:198px}.main-grid:not(.layout-mode){grid-template-columns:minmax(0,1fr)}.main-grid.layout-mode{grid-template-columns:210px minmax(0,1fr)}.left-panel{width:186px}.telemetry-panel{display:none}.app-shell:has(.controls-collapsed) .kpi-strip,.app-shell:has(.controls-collapsed) .main-grid:not(.layout-mode),.app-shell:has(.controls-collapsed) .bottom-zone.reference-bottom{width:calc(100% - 58px);margin-left:58px}}@media(max-width:720px){.kpi-strip,.main-grid:not(.layout-mode),.bottom-zone.reference-bottom{width:auto;margin-left:0}.main-grid:not(.layout-mode){grid-template-columns:1fr}.main-grid.layout-mode{grid-template-columns:1fr}.left-panel{width:auto;position:static;top:auto;bottom:auto;left:auto;grid-row:2;border:1px solid #1d5a8f;border-radius:7px}.app-shell:has(.controls-collapsed) .kpi-strip,.app-shell:has(.controls-collapsed) .main-grid:not(.layout-mode),.app-shell:has(.controls-collapsed) .bottom-zone.reference-bottom{width:auto;margin-left:0}.control-reopen{position:static;width:auto;height:auto;margin:6px 0;grid-row:2}}.app-shell.mode-layout{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.app-shell.mode-layout>.topbar{flex:0 0 64px}.app-shell.mode-layout>.kpi-strip,.app-shell.mode-layout>.bottom-zone.reference-bottom{width:auto;margin-left:0}.app-shell.mode-layout>.kpi-strip{flex:0 0 auto}.app-shell.mode-layout>.main-grid.layout-mode{flex:1 0 0;width:auto;min-height:clamp(420px,43vh,680px);height:auto;margin:0;grid-template-columns:minmax(260px,16%) minmax(0,1fr) minmax(280px,17%)}.app-shell.mode-layout .layout-lab,.app-shell.mode-layout .viewport-panel,.app-shell.mode-layout .telemetry-panel{min-height:0}.app-shell.mode-layout>.bottom-zone.reference-bottom{flex:0 0 auto;grid-template-columns:1.22fr .88fr .78fr}.app-shell.mode-layout>.notice{flex:0 0 auto;margin-top:auto}@media(max-width:1250px){.app-shell.mode-layout>.main-grid.layout-mode{grid-template-columns:220px minmax(0,1fr) 232px}.app-shell.mode-layout>.bottom-zone.reference-bottom{grid-template-columns:1.2fr .9fr}.app-shell.mode-layout .rack-summary{grid-column:span 2}}@media(max-width:960px){.app-shell.mode-layout>.main-grid.layout-mode{grid-template-columns:210px minmax(0,1fr)}.app-shell.mode-layout>.main-grid.layout-mode>.telemetry-panel{display:none}.app-shell.mode-layout>.bottom-zone.reference-bottom{grid-template-columns:1fr}.app-shell.mode-layout .rack-summary{grid-column:auto}}@media(max-width:720px){.app-shell.mode-layout{height:auto}.app-shell.mode-layout>.topbar{flex-basis:auto}.app-shell.mode-layout>.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell.mode-layout>.main-grid.layout-mode{flex:0 0 auto;min-height:0;grid-template-columns:1fr}.app-shell.mode-layout>.main-grid.layout-mode>.layout-lab{grid-row:auto;max-height:420px}.app-shell.mode-layout>.main-grid.layout-mode>.viewport-panel{grid-row:auto;height:430px}.app-shell.mode-layout>.main-grid.layout-mode>.telemetry-panel{display:block;grid-row:auto}}.order-progress-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 0 7px}.order-progress-summary strong{color:#cce6ff;font-size:8px;font-weight:600}.order-progress-summary em{color:#46eaa8;font:700 8px DM Mono,monospace;font-style:normal}.order-progress-track{height:7px;margin:0 0 8px;overflow:hidden;border:1px solid #16436b;border-radius:6px;background:#0b2340}.order-progress-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00d9f5,#35ef8e);box-shadow:0 0 10px #00d9f566;transition:width .25s ease}.order-pick-list{display:grid;gap:1px;max-height:min(190px,24vh);margin:0;padding:0 3px 0 0;overflow:auto;list-style:none;scrollbar-width:thin;scrollbar-color:#1679a8 #0a1b34}.pick-row{display:grid;grid-template-columns:18px minmax(0,1fr) 76px;align-items:center;gap:5px;min-height:20px;padding:3px 2px;border-top:1px solid #15395e;color:#8ca9c7}.pick-number{color:#6e8eaf;font:7px DM Mono,monospace}.pick-row>strong{overflow:hidden;color:#c8dcf1;font:8px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.pick-status{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#7898ba;font:7px Space Grotesk,sans-serif;white-space:nowrap}.pick-status>i{width:9px;color:currentColor;font:8px Space Grotesk,sans-serif;font-style:normal;text-align:center}.pick-row.done .pick-status{color:#4beb9e}.pick-row.current .pick-status,.pick-row.next .pick-status{color:#19dff2}.pick-row.current>strong,.pick-row.next>strong{color:#effaff}.order-pick-empty{margin:8px 0 2px;color:#87a5c5;font-size:8px}@media(max-width:720px){.order-pick-list{max-height:190px}.pick-row{grid-template-columns:20px minmax(0,1fr) 82px}}.app-shell.mode-layout .product-list{max-height:min(220px,27vh);overflow:auto;scrollbar-width:thin;scrollbar-color:#1679a8 #0a1b34}.app-shell.mode-layout .slot-list{max-height:min(300px,34vh);overflow:auto;scrollbar-width:thin;scrollbar-color:#1679a8 #0a1b34}.app-shell.mode-layout .product-list button{cursor:grab}.app-shell.mode-layout .product-list button:active{cursor:grabbing}.app-shell.mode-layout .product-list button.dragging{opacity:.48}.app-shell.mode-layout .slot-list button.drop-target{border-color:#00e5ff;background:#0a4260;box-shadow:0 0 12px #00d9ff55}@media(prefers-reduced-motion:reduce){.order-progress-track>i{transition:none}.app-shell.mode-layout .slot-list button.drop-target{box-shadow:none}}.camera-modes{display:flex;gap:2px;padding:2px;border:1px solid #275787;border-radius:5px;background:#071a32}.viewport-tools .camera-modes button{padding:5px 7px;border-color:transparent}.viewport-tools .camera-modes button.active{border-color:#00d9f5;background:#073c58;color:#d9fbff}.viewport-tools button[aria-pressed=true]{color:#e8fbff}.dialog-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#020914c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-dialog{position:relative;width:min(530px,100%);max-height:min(82dvh,650px);overflow:auto;padding:24px;border:1px solid #1579a9;border-radius:10px;background:linear-gradient(145deg,#0c2850,#06152d);box-shadow:0 24px 80px #000a,inset 0 0 24px #00b5ff0d}.info-dialog h2{margin:0 38px 8px 0;color:#ecfaff;font-size:20px}.info-dialog p{margin:0 0 18px;color:#a9c4e2;font-size:12px;line-height:1.5}.info-dialog dl{display:grid;gap:8px;margin:0}.info-dialog dl>div{display:grid;grid-template-columns:minmax(115px,.7fr) 1.4fr;gap:12px;padding:9px 10px;border:1px solid #1d4269;border-radius:5px;background:#071a34}.info-dialog dt{color:#8fb3d7;font:10px DM Mono,monospace}.info-dialog dd{margin:0;color:#e3f3ff;font-size:11px}.dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid #275787;border-radius:5px;background:#081b36;color:#cbe7ff;font-size:20px}.dialog-dismiss{margin-top:18px;padding:8px 15px;border:1px solid #00c9ef;border-radius:5px;background:#08a9d4;color:#031622;font-weight:700}@media(max-width:720px){.viewport-tools{max-width:calc(100% - 12px);flex-wrap:wrap;justify-content:flex-end}.info-dialog{padding:20px 16px}.info-dialog dl>div{grid-template-columns:1fr;gap:4px}}.warehouse-plate{transform:scale(var(--camera-plate-zoom, 1));transform-origin:center;will-change:transform}.viewport-panel:before{content:"3D WAREHOUSE FLOOR · " attr(data-layer-summary)}