@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-0: #05080f;--bg-1: #0a111e;--bg-2: #0f1a2e;--bg-3: #16243d;--line: #1d3050;--line-soft: #14223a;--ink-0: #eaf2ff;--ink-1: #9fb3d1;--ink-2: #5d728f;--pulse: #1fe0c8;--pulse-dim: #14a392;--pulse-glow: rgba(31, 224, 200, .35);--warn: #ffb53d;--warn-glow: rgba(255, 181, 61, .28);--crit: #ff4d5e;--crit-glow: rgba(255, 77, 94, .32);--ok: #3ad07a;--radius: 10px;--radius-sm: 6px;--shadow: 0 18px 50px -22px rgba(0, 0, 0, .9);--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--display: "Chakra Petch", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--display);color:var(--ink-0);background:radial-gradient(1200px 700px at 78% -10%,rgba(31,224,200,.06),transparent 60%),radial-gradient(900px 600px at 10% 110%,rgba(80,130,255,.05),transparent 55%),var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:48px 48px;opacity:.25;-webkit-mask-image:radial-gradient(circle at 50% 30%,black,transparent 90%);mask-image:radial-gradient(circle at 50% 30%,black,transparent 90%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px)}#root{position:relative;z-index:1}.mono{font-family:var(--mono)}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-2)}.btn{font-family:var(--display);font-weight:600;letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--ink-0);padding:10px 18px;cursor:pointer;transition:all .16s ease;display:inline-flex;align-items:center;gap:9px}.btn:hover:not(:disabled){border-color:var(--pulse-dim);background:var(--bg-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--pulse),var(--pulse-dim));color:#03100e;border-color:transparent;box-shadow:0 0 0 1px var(--pulse-dim),0 8px 24px -10px var(--pulse-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(180deg,var(--pulse),var(--pulse-dim))}.btn-ghost{background:transparent}.panel{background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line-soft)}.panel-title{font-weight:600;letter-spacing:.05em;font-size:13px}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--pulse);box-shadow:0 0 0 0 var(--pulse-glow);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--pulse-glow)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes alert-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes row-flash{0%{background:var(--pulse-glow)}to{background:transparent}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--ink-1);letter-spacing:.16em;font-size:13px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:0}@media (max-width: 880px){.login-wrap{grid-template-columns:1fr}.login-aside{display:none}}.login-aside{padding:64px 56px;display:flex;flex-direction:column;justify-content:center;gap:28px;border-right:1px solid var(--line);background:radial-gradient(640px 420px at 30% 20%,rgba(31,224,200,.08),transparent 60%)}.login-brand{display:flex;align-items:center;gap:16px}.login-word{font-size:30px;font-weight:700;letter-spacing:.14em}.login-tag{font-size:22px;line-height:1.5;max-width:30ch;color:var(--ink-1);font-weight:500}.login-meta{display:flex;flex-direction:column;gap:7px;color:var(--ink-2);font-size:12px;letter-spacing:.08em}.login-card{margin:auto;width:min(420px,86vw);padding:40px 38px;display:flex;flex-direction:column;gap:14px;animation:rise .5s ease both}.login-h1{font-size:26px;margin:4px 0 2px;letter-spacing:.03em}.login-sub{color:var(--ink-2);font-size:13px;margin:0 0 12px;line-height:1.5}.field{display:flex;flex-direction:column;gap:7px}.field span{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--ink-2)}.field input{background:var(--bg-0);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-0);padding:12px 14px;font-family:var(--mono);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{outline:none;border-color:var(--pulse-dim);box-shadow:0 0 0 3px var(--pulse-glow)}.login-btn{justify-content:center;margin-top:8px;padding:13px}.login-err{color:var(--crit);font-size:12px;background:var(--crit-glow);border:1px solid rgba(255,77,94,.4);border-radius:var(--radius-sm);padding:9px 12px}.dash{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:24px;padding:14px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-1),rgba(5,8,15,.4));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.topbar-brand{display:flex;align-items:center;gap:13px}.topbar-word{font-size:19px;font-weight:700;letter-spacing:.16em;line-height:1}.topbar-stats{display:flex;gap:10px;margin-left:8px}.stat{border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 14px;min-width:78px;background:var(--bg-1)}.stat-val{font-size:21px;font-weight:600;line-height:1}.stat-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--ink-2);margin-top:4px}.stat-pulse .stat-val{color:var(--pulse)}.stat-warn{border-color:#ffb53d66}.stat-warn .stat-val{color:var(--warn)}.stat-crit{border-color:#ff4d5e66}.stat-crit .stat-val{color:var(--crit)}.stat-muted .stat-val{color:var(--ink-2)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.live-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-2);border:1px solid var(--line);border-radius:100px;padding:6px 13px}.live-pill.live-on{color:var(--pulse);border-color:var(--pulse-dim)}.live-pill .pulse-dot{background:currentColor}.op-email{font-size:12px;color:var(--ink-1)}.controls{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line-soft)}.controls-hint{margin-left:auto;color:var(--ink-2);font-size:11px;letter-spacing:.04em}.grid{flex:1;display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:minmax(420px,1fr) auto;gap:16px;padding:18px 22px 26px}.map-panel{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-height:0}.alerts{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0}.bottom-row{grid-column:1 / -1;grid-row:2}@media (max-width: 1080px){.grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}.map-panel,.alerts,.bottom-row{grid-column:1}.map-panel{grid-row:1}.alerts{grid-row:2}.bottom-row{grid-row:3}}.map-frame{flex:1;min-height:0;padding:8px;display:flex}.map-svg{width:100%;height:100%;min-height:380px}.map-ring{fill:none;stroke:var(--line);stroke-dasharray:3 6;opacity:.6}.map-route{stroke:var(--line);stroke-width:1.4;stroke-dasharray:4 5;opacity:.7}.map-dest{fill:none;stroke:var(--ink-2);stroke-width:1.4}.map-veh{transition:r .2s ease}.map-label{fill:var(--ink-2);font-size:9px;letter-spacing:.05em}.map-depot{fill:var(--pulse);stroke:#03100e;stroke-width:1.5}.map-depot-label{fill:var(--pulse);font-size:9px;letter-spacing:.2em}.telemetry{display:flex;flex-direction:column}.telemetry-scroll{overflow:auto;max-height:340px}.tele-table{width:100%;border-collapse:collapse;font-size:13px}.tele-table thead th{position:sticky;top:0;background:var(--bg-1);font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink-2);text-align:left;font-weight:500;padding:11px 16px;border-bottom:1px solid var(--line)}.tele-table th.num,.tele-table td.num{text-align:right}.tele-table tbody tr{border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .12s ease}.tele-table tbody tr:hover{background:var(--bg-2)}.tele-table tbody tr.row-sel{background:var(--bg-3);box-shadow:inset 3px 0 0 var(--pulse)}.tele-table td{padding:11px 16px;vertical-align:middle}.unit-name{font-weight:600;letter-spacing:.03em}.unit-sub{font-size:10.5px;color:var(--ink-2);margin-top:2px}.dim{color:var(--ink-2);font-size:.85em}.val-warn{color:var(--warn);font-weight:600}.empty{text-align:center;color:var(--ink-2);padding:40px 16px}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;padding:4px 9px;border-radius:100px;border:1px solid;white-space:nowrap}.tag-en-route{color:var(--pulse);border-color:var(--pulse-dim);background:#1fe0c814}.tag-off-route{color:var(--warn);border-color:#ffb53d80;background:var(--warn-glow)}.tag-low-battery{color:var(--crit);border-color:#ff4d5e80;background:var(--crit-glow)}.tag-delivered{color:var(--ink-2);border-color:var(--line)}.battery{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.battery-shell{width:54px;height:9px;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--bg-0)}.battery-fill{height:100%;transition:width .4s ease}.battery-ok{background:var(--ok)}.battery-warn{background:var(--warn)}.battery-crit{background:var(--crit)}.battery-num{font-size:12px;min-width:34px;text-align:right}.battery-num.battery-crit{color:var(--crit)}.battery-num.battery-warn{color:var(--warn)}.prog{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.prog:before{content:"";width:60px;height:4px;border-radius:3px;background:var(--bg-0);position:relative}.prog{position:relative}.prog-fill{position:absolute;right:42px;height:4px;border-radius:3px;background:var(--pulse);max-width:60px;transition:width .4s ease}.prog-num{font-size:11px;color:var(--ink-1);min-width:30px;text-align:right}.alert-counts{display:flex;gap:8px;font-size:11px}.ac{padding:3px 9px;border-radius:100px;border:1px solid var(--line);letter-spacing:.08em}.ac-crit{color:var(--crit);border-color:#ff4d5e66}.ac-warn{color:var(--warn);border-color:#ffb53d66}.alerts-scroll{overflow:auto;flex:1;padding:12px;display:flex;flex-direction:column;gap:10px}.alerts-empty{text-align:center;color:var(--ink-2);padding:38px 22px}.alerts-empty .mono{letter-spacing:.22em;font-size:13px;color:var(--ink-1)}.alerts-empty p{font-size:12px;line-height:1.6;margin-top:10px}.alert-card{text-align:left;width:100%;cursor:pointer;background:var(--bg-2);border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius-sm);padding:12px 14px;color:var(--ink-0);font-family:var(--display);transition:background .14s ease,transform .14s ease}.alert-card:hover{background:var(--bg-3);transform:translate(-2px)}.alert-critical{border-left-color:var(--crit)}.alert-warning{border-left-color:var(--warn)}.alert-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.alert-type{font-family:var(--mono);font-size:11px;letter-spacing:.08em;font-weight:600}.alert-type-low_battery{color:var(--crit)}.alert-type-off_route{color:var(--warn)}.alert-time{font-size:10px;color:var(--ink-2)}.alert-msg{font-size:13px;line-height:1.45;color:var(--ink-1)}.alert-foot{display:flex;gap:12px;margin-top:9px;font-size:10.5px;color:var(--ink-2)}.alert-rule{color:var(--ink-1)}.alert-tick{margin-left:auto}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#03060ca8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;animation:rise .2s ease}.drawer{width:min(460px,92vw);height:100%;border-radius:0;border-right:none;border-top:none;border-bottom:none;display:flex;flex-direction:column;animation:alert-in .26s ease}.drawer-x{padding:4px 10px;font-size:14px}.drawer-body{padding:22px;overflow:auto;display:flex;flex-direction:column;gap:10px}.drawer-rule{border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line)}.drawer-rule-critical{background:var(--crit-glow);border-color:#ff4d5e66}.drawer-rule-warning{background:var(--warn-glow);border-color:#ffb53d66}.drawer-rule code{font-size:20px;font-weight:600}.drawer-rule-critical code{color:var(--crit)}.drawer-rule-warning code{color:var(--warn)}.drawer-verdict{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-1)}.drawer-note{font-size:13px;line-height:1.6;color:var(--ink-1)}.drawer-json{background:var(--bg-0);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;font-size:12.5px;line-height:1.6;color:var(--pulse);overflow-x:auto;white-space:pre}.drawer-msg{font-size:12px;color:var(--ink-2);border-top:1px solid var(--line-soft);padding-top:12px}