:root,:root[data-theme=day]{--bg:#e4eaf5;--panel:#ffffffed;--panel-solid:#fff;--panel-2:#f4f6fb;--border:#d6deecf2;--text:#18202f;--muted:#7b869a;--accent:#2f6bff;--accent-2:#7aa2ff;--accent-3:#1f4fd1;--accent-soft:#2f6bff1a;--on-accent:#fff;--green:#17a865;--green-soft:#17a8651f;--amber:#e08a00;--amber-soft:#f39c1224;--red:#e5484d;--red-soft:#e5484d1f;--gray-soft:#7c889c21;--shadow:0 10px 30px #1c305c1a, 0 1px 2px #1c305c0f;--radius:16px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night]{--bg:#0b0e13;--panel:#10141beb;--panel-solid:#12161d;--panel-2:#181d26;--border:#262d39;--text:#e8eaef;--muted:#8790a1;--accent:#f5a524;--accent-2:#ffd27a;--accent-3:#c27c0e;--accent-soft:#f5a52421;--on-accent:#17120a;--green:#3ccf8e;--green-soft:#3ccf8e21;--amber:#f5a524;--amber-soft:#f5a52426;--red:#ff6b5e;--red-soft:#ff6b5e24;--gray-soft:#8790a124;--shadow:0 12px 34px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2{margin:0}.mono{font-family:var(--mono);font-size:.95em}.muted{color:var(--muted)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app{position:fixed;inset:0}.stage{position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px)saturate(1.2)}:root[data-theme=night] .panel{border-top:2px solid #f5a5248c}.topbar{z-index:30;border-width:0 0 1px;border-radius:0;align-items:center;gap:20px;height:68px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}:root[data-theme=night] .topbar{border-top:0;border-bottom:1px solid var(--border);background-image:linear-gradient(90deg,#0000,#f5a5240f 60%,#0000)}.brand{align-items:center;gap:10px;min-width:170px;display:flex}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:-.02em;font-size:20px;font-weight:700}.brand-sub{color:var(--muted);font-size:11px}.search{border:1px solid var(--border);background:var(--panel-2);max-width:520px;height:42px;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex;position:relative}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}kbd{font-family:var(--mono);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:1px 7px;font-size:11px}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.site-select{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;position:relative}.site-current{border-radius:10px;align-items:center;gap:10px;max-width:280px;padding:2px 8px 2px 2px;display:flex}.site-current:hover{background:var(--accent-soft)}.site-code{background:var(--accent);min-width:52px;height:34px;color:var(--on-accent);border-radius:9px;place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-grid}.site-code.sm{min-width:46px;height:28px;font-size:11px}.site-text{text-align:left;flex-direction:column;min-width:0;line-height:1.25;display:flex}.site-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.site-text span{color:var(--muted);font-size:11.5px}.icon-btn{width:34px;height:34px;color:var(--text);border-radius:10px;place-items:center;transition:background .15s;display:inline-grid;position:relative}.icon-btn:hover{background:var(--accent-soft)}.icon-btn.active{background:var(--accent);color:var(--on-accent)}.icon-btn.round{border-radius:50%;width:40px;height:40px}.live{background:var(--gray-soft);height:36px;color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-weight:600;display:inline-flex}.live.on{background:var(--green-soft);color:var(--green)}.live .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.live.on .dot{animation:1.6s infinite blink}@keyframes blink{50%{opacity:.25}}.alerts{position:relative}.badge{background:var(--red);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:3px;right:2px}.user{border-left:1px solid var(--border);align-items:center;gap:10px;padding-left:12px;display:flex}.avatar{width:38px;height:38px;color:var(--on-accent);background:linear-gradient(135deg, var(--accent), var(--accent-3));border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.user-text{flex-direction:column;line-height:1.25;display:flex}.user-text span{color:var(--muted);font-size:11.5px}.menu{background:var(--panel-solid);border:1px solid var(--border);min-width:320px;max-height:420px;box-shadow:var(--shadow);z-index:40;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.menu-right{left:auto;right:0}.menu-head{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 6px;font-size:11px;font-weight:600}.menu-empty{color:var(--muted);padding:10px}.menu-item{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.menu-item:hover,.menu-item.active{background:var(--accent-soft)}.menu-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.menu-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.menu-meta{color:var(--green);font-weight:600}.kind-chip{text-transform:uppercase;letter-spacing:.05em;background:var(--accent-soft);color:var(--accent);text-align:center;border-radius:6px;min-width:64px;padding:3px 6px;font-size:10px;font-weight:700}.alert-dot{border-radius:50%;flex:none;width:8px;height:8px}.alert-dot.red{background:var(--red)}.alert-dot.amber{background:var(--amber)}.hud{pointer-events:none;z-index:10;position:absolute;inset:68px 0 0}.hud>*>*,.hud>.kpis{pointer-events:auto}.kpis{pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:470px}.kpi{pointer-events:auto;flex:1 1 0;gap:12px;min-width:0;max-width:240px;padding:14px 16px;display:flex}.kpi-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.kpi-amber .kpi-icon{background:var(--amber-soft);color:var(--amber)}.kpi-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kpi-label{color:var(--muted);font-size:12px;font-weight:500}.kpi-value{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.kpi-value strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.kpi-unit{color:var(--muted);font-size:12px}.kpi-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.trend{font-size:11.5px;font-weight:600}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.right-col{align-items:flex-start;gap:10px;display:flex;position:absolute;top:16px;right:16px}.map-toolbar{border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex}.map-toolbar .sep{background:var(--border);height:1px;margin:4px 6px}.inspector{scrollbar-width:thin;width:390px;min-height:0;max-height:calc(100vh - 400px);padding:18px;animation:.25s slide-in;overflow:auto}@keyframes slide-in{0%{opacity:0;transform:translate(14px)}}.ins-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.ins-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.ins-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.ins-title h2{letter-spacing:-.01em;font-size:19px}.ins-title .muted{font-size:12px}.ins-actions{gap:4px;display:flex}.ins-actions .icon-btn{border:1px solid var(--border);width:32px;height:32px}.status-line{align-items:center;gap:10px;margin:14px 0 10px;font-size:12.5px;display:flex}.chip{white-space:nowrap;border-radius:7px;align-items:center;height:24px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.chip-green{background:var(--green-soft);color:var(--green)}.chip-blue{background:var(--accent-soft);color:var(--accent)}:root[data-theme=night] .chip-blue{color:#8fb0ff;background:#7aa2ff21}.chip-amber{background:var(--amber-soft);color:var(--amber)}.chip-red{background:var(--red-soft);color:var(--red)}.chip-gray{background:var(--gray-soft);color:var(--muted)}.progress{align-items:center;gap:10px;margin-bottom:6px;display:flex}.progress span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px}.bar{background:var(--gray-soft);border-radius:4px;flex:1;height:6px;overflow:hidden}.bar.thin{height:4px}.bar i{border-radius:inherit;background:var(--accent);height:100%;transition:width .6s;display:block}.bar-green i{background:var(--green)}.bar-amber i{background:var(--amber)}.rows{margin-top:8px}.row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;font-size:12.5px;display:flex}.row:last-child{border-bottom:0}.row>span:first-child{color:var(--muted)}.row-value{text-align:right;justify-content:flex-end;align-items:center;gap:6px;font-weight:600;display:inline-flex}.link{color:var(--accent);font-weight:600}.link:hover{text-decoration:underline}.updated{font-variant-numeric:tabular-nums;align-items:center;gap:6px;animation:1s flash;display:inline-flex}.pulse{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 0 var(--green);border-radius:50%;animation:1s ease-out ping}@keyframes ping{0%{box-shadow:0 0 #17a86599}to{box-shadow:0 0 0 8px #17a86500}}@keyframes flash{0%{color:var(--green)}}.tiles{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 14px;display:grid}.tile{background:var(--panel-2);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.tile>span{color:var(--muted);font-size:11.5px}.tile strong{font-variant-numeric:tabular-nums;font-size:17px}.tile small{color:var(--muted);font-size:12px;font-weight:500}.tile .progress{margin:2px 0 0}.section-head{justify-content:space-between;margin:8px 0 4px;font-size:12.5px;font-weight:700;display:flex}.section-head .muted{font-weight:500}.inv-list{flex-direction:column;display:flex}.inv-row{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 4px;display:flex}.inv-row:hover{background:var(--accent-soft)}.inv-row .progress{width:110px;margin:0}.inv-swatch{background:linear-gradient(135deg,#e9c08f,#c9965f);border-radius:6px;flex:none;width:22px;height:22px}.inv-swatch.low,.inv-swatch.out{background:linear-gradient(135deg,#ffbe5c,#f08a24)}.inv-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.inv-qty{font-variant-numeric:tabular-nums;font-weight:700}.hint{background:var(--accent-soft);color:var(--accent);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px}.site-cards{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.site-mini{background:var(--panel-2);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.site-mini:hover{background:var(--accent-soft)}.bottom-row{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:46px;left:16px;right:16px}.tracker{flex:0 780px;min-width:0;padding:16px 18px}.tracker-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.tracker-head .title{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.tracker-head .title svg{color:var(--accent)}.tracker-body{align-items:stretch;gap:16px;display:flex}.timeline{flex:1;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.step{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:3px;font-size:11px;display:flex;position:relative}.step:before{content:"";background:var(--border);height:2px;position:absolute;top:16px;left:calc(18px - 50%);right:calc(50% + 18px)}.step:first-child:before{display:none}.step.reached:before{background:var(--accent)}.step strong{color:var(--text);white-space:nowrap;font-size:12px;font-weight:600}.step-dot{background:var(--panel-2);width:34px;height:34px;color:var(--muted);border:1px solid var(--border);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.step.done .step-dot{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.step.current .step-dot{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 0 5px var(--accent-soft);animation:2s infinite glow}@keyframes glow{50%{box-shadow:0 0 0 9px var(--accent-soft)}}.tracker-card{background:var(--panel-2);text-align:left;border-radius:12px;flex:0 0 300px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.tracker-card:hover{background:var(--accent-soft)}.tracker-truck{width:54px;height:54px;color:var(--accent);background:var(--panel-solid);border-radius:12px;flex:none;place-items:center;display:grid}.tracker-info{flex-direction:column;flex:1;gap:3px;min-width:0;font-size:12px;display:flex}.tracker-info strong{font-size:14px}.chips{gap:6px;display:flex}.fleet{flex-direction:column;flex:0 0 460px;max-width:100%;padding:12px 14px 8px;display:flex}.fleet-head{align-items:center;gap:8px;display:flex}.tabs{background:var(--panel-2);border-radius:11px;flex:1;gap:2px;padding:3px;display:flex}.tabs button{color:var(--muted);white-space:nowrap;border-radius:8px;flex:1;padding:6px 8px;font-weight:600}.tabs button.active{background:var(--panel-solid);color:var(--text);box-shadow:0 1px 3px #00000014}.count{color:var(--accent);margin-left:2px;font-size:11.5px;font-weight:600}.filters{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 2px 6px;display:flex}.toggle{border:1px solid var(--border);height:28px;color:var(--text);border-radius:8px;padding:0 10px;font-size:12px;font-weight:600}.toggle.on{background:var(--red-soft);border-color:var(--red);color:var(--red)}.select{border:1px solid var(--border);height:28px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 4px 0 10px;font-size:12px;font-weight:600;display:inline-flex}.select select{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;outline:0}.select select option{background:var(--panel-solid)}.list{scrollbar-width:thin;max-height:196px;overflow:auto}.list-row{text-align:left;border-bottom:1px solid var(--border);border-radius:9px;grid-template-columns:74px 1fr auto 74px;align-items:center;gap:10px;width:100%;padding:8px 6px;display:grid}.list-row:last-child{border-bottom:0}.list-row:hover{background:var(--accent-soft)}.list-row.sel{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.lr-id{flex-direction:column;line-height:1.2;display:flex}.lr-id small{color:var(--muted);font-size:10.5px}.lr-main{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-width:0;font-size:12.5px;display:inline-flex;overflow:hidden}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.lr-meta{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:11.5px}.mini{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.mini .bar{flex:none;width:64px}.empty{color:var(--muted);text-align:center;padding:18px 6px}.fleet-foot{text-align:right;padding:6px 4px 2px;font-size:11px}.fleet.collapsed .fleet-head{padding-bottom:2px}.scene-loading{z-index:5;color:var(--muted);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-weight:500;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tag{color:#fff;font-family:var(--font);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#2f6bff;border-radius:9px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;display:inline-flex;transform:translateY(-6px);box-shadow:0 6px 16px #1432784d}.tag:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:inherit;margin-left:-5px;position:absolute;bottom:-5px;left:50%}.tag span{opacity:.85;font-size:11px}.tag-green{background:#17a865}.tag-amber{background:#e58e00}.tag-red{background:#e5484d}:root[data-theme=night] .tag{color:#17120a;background:#f5a524}:root[data-theme=night] .tag-green{background:#3ccf8e}:root[data-theme=night] .tag-red{background:#ff6b5e}.studio-badge{z-index:20;color:#f1f3f7;white-space:nowrap;background:#11151c;border:1px solid #f5a52480;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;text-decoration:none;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.studio-badge svg,.studio-badge strong{color:#f5a524}.intro-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0e1673;place-items:center;padding:16px;animation:.3s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.intro{background:var(--panel-solid);width:min(520px,100%);padding:30px 30px 26px;position:relative;overflow:hidden}.intro-ribbon{color:#f5a524;letter-spacing:.08em;text-transform:uppercase;text-align:center;background:repeating-linear-gradient(-45deg,#11151c 0 14px,#171c25 14px 28px);margin:-30px -30px 22px;padding:9px 16px;font-size:11.5px;font-weight:700}.intro-brand{align-items:center;gap:14px;display:flex}.intro h1{letter-spacing:-.03em;font-size:28px}.intro p{font-size:14px;line-height:1.55}.intro-list{margin:0 0 14px;padding-left:18px;font-size:13.5px;line-height:1.9}.intro .fine{color:var(--muted);font-size:12px}.primary{background:var(--accent);width:100%;height:46px;color:var(--on-accent);border-radius:12px;font-size:14.5px;font-weight:700}.primary:hover{filter:brightness(1.08)}@media (width<=1360px){.kpi{gap:10px;padding:12px}.kpi-icon{width:34px;height:34px}.kpi-value strong{font-size:20px}.tracker-card{flex-basis:250px}.user-text{display:none}}@media (width<=1180px){.tracker{display:none}.bottom-row{justify-content:flex-end}.search{max-width:300px}}@media (width<=900px){.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.search,.user,.brand-sub{display:none}.brand{min-width:0}.topbar-right{gap:6px}.site-current{max-width:170px}.hud{top:58px}.kpis{scrollbar-width:none;flex-wrap:nowrap;right:16px;overflow-x:auto}.kpi{flex:none;max-width:none}.right-col{top:112px}.inspector{width:min(340px,100vw - 92px);max-height:calc(100vh - 290px)}.fleet{flex-basis:100%}.list{max-height:140px}}@media (width<=560px){.live .mono,.site-text span,.inspector{display:none}.studio-badge{font-size:11px}}