:root{--bg: #080d16;--panel: rgba(18, 28, 45, .76);--panel-strong: rgba(28, 41, 64, .9);--line: rgba(114, 162, 210, .18);--line-strong: rgba(88, 232, 255, .42);--text: #e6eef7;--muted: #8fa2ba;--cyan: #48f3ff;--blue: #4b86ff;--yellow: #f5c84c;--red: #ff4f6b;font-family:DIN Alternate,Avenir Next Condensed,Helvetica Neue,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:1180px;overflow:hidden;background:radial-gradient(circle at 48% 18%,rgba(57,114,188,.26),transparent 34%),linear-gradient(135deg,#07101d,#121a2a 56%,#090d16)}button{border:0;color:inherit;font:inherit;cursor:pointer}.dashboard-shell{position:relative;width:100vw;height:100vh;min-height:720px;padding:22px 26px;display:grid;grid-template-columns:270px minmax(620px,1fr) 276px;grid-template-rows:56px 62px 1fr 108px;gap:12px 18px;isolation:isolate}.ambient-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(78,116,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(78,116,160,.08) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 82%);mask-image:radial-gradient(circle at center,black 0%,transparent 82%)}.topbar{grid-column:1 / -1;display:grid;grid-template-columns:270px 1fr 220px;align-items:center}.brand{position:relative;display:flex;align-items:center;gap:10px;height:40px;padding-left:12px;font-size:18px;font-weight:700;text-shadow:0 0 16px rgba(72,243,255,.28)}.brand:after{content:"";position:absolute;left:0;right:10px;bottom:0;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.brand-mark{width:18px;height:16px;background:linear-gradient(135deg,var(--cyan),#4c68ff);clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:0 0 14px #48f3ffb3}.tabs{justify-self:center;display:flex;gap:30px}.tabs button,.segmented button,.dock-tabs button{background:transparent;color:var(--muted)}.tabs button{display:flex;align-items:center;gap:7px;padding:9px 8px;border-bottom:1px solid transparent;font-size:13px}.tabs button.active{color:var(--cyan);border-color:var(--cyan);text-shadow:0 0 14px rgba(72,243,255,.55)}.weather{justify-self:end;display:flex;align-items:center;gap:12px;color:#cdd8e6;font-size:13px}.metric-strip{grid-column:2 / 3;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));align-items:center;gap:18px;padding:0 34px}.metric{display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;align-items:center;column-gap:8px}.metric span{grid-row:1 / 3;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--cyan);background:#ffffff0a}.metric strong{font-size:28px;letter-spacing:0;line-height:1}.metric small{color:var(--muted);font-size:11px}.metric.warn span{color:var(--red)}.left-rail,.right-rail{grid-row:2 / 4;display:flex;flex-direction:column;gap:10px;min-height:0}.right-rail{grid-column:3 / 4}.panel{position:relative;padding:13px 14px 14px;background:linear-gradient(180deg,#19253ad1,#0f1827a3);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0a,0 18px 40px #0000002e}.panel h2{margin:0 0 12px;padding-left:10px;font-size:13px;color:#d9e7f4;letter-spacing:0;border-left:2px solid var(--cyan)}.hub-card{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:10px;background:#0a121f80;border:1px solid rgba(118,151,191,.13)}.hub-card strong,.hub-card span{display:block}.hub-card strong{font-size:13px}.hub-card span{margin-top:5px;color:var(--muted);font-size:10px}.orbital-icon{display:grid;place-items:center;color:var(--cyan);background:radial-gradient(circle,rgba(72,243,255,.22),transparent 70%)}.mini-stats,.status-grid{display:grid;gap:8px;margin-top:10px}.two,.status-grid{grid-template-columns:1fr 1fr}.stat-block{padding:8px 9px;background:#ffffff09;border:1px solid rgba(118,151,191,.1)}.stat-block span{display:block;color:var(--muted);font-size:10px}.stat-block strong{display:block;margin-top:4px;font-size:16px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:3px;background:#050a126b}.segmented button{height:26px;font-size:11px}.segmented button.active{color:#ecfbff;background:#48f3ff24}.drone-orbit{position:relative;display:grid;place-items:center;height:92px;color:#bdcde0}.drone-orbit .ring{position:absolute;width:108px;height:58px;border:1px dashed rgba(72,243,255,.35);border-radius:50%;transform:rotate(-12deg)}.bar-list{display:grid;gap:7px}.bar-list button{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:7px;background:transparent;color:var(--muted);text-align:left;font-size:11px}.bar-list i{height:4px;background:linear-gradient(90deg,var(--cyan),rgba(72,243,255,.1))}.bar-list .selected{color:#fff}.tiny-area{width:100%;height:78px}.tiny-area path{fill:#48f3ff21}.tiny-area polyline{fill:none;stroke:#bcdeffbf;stroke-width:2}.main-stage{grid-column:2 / 3;grid-row:3 / 4;position:relative;min-height:0;border:1px solid rgba(95,141,190,.12);background:radial-gradient(circle at center,#22375366,#0a101b66 58%,#070c14c7);overflow:hidden}.scene-canvas{width:100%;height:100%;min-height:430px}.breadcrumb{position:absolute;left:20px;bottom:18px;padding:8px 14px;color:#b9c7d9;font-size:12px;background:#18253bdb;border:1px solid rgba(119,162,206,.2)}.selected-card{position:absolute;right:72px;top:46%;width:250px;padding:13px;transform:translateY(-50%);background:#162235db;border:1px solid rgba(72,243,255,.3);box-shadow:0 0 34px #48f3ff21;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-head{display:flex;align-items:center;gap:8px;font-size:12px}.card-head b{margin-left:auto;font-size:11px}.route-map{position:relative;height:92px;margin:12px 0;overflow:hidden;background:linear-gradient(rgba(80,119,160,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(80,119,160,.16) 1px,transparent 1px),#050c16b8;background-size:18px 18px}.route-map span{position:absolute;inset:19px 32px;border-left:3px solid var(--cyan);border-bottom:3px solid var(--cyan);border-radius:0 0 0 22px;filter:drop-shadow(0 0 8px var(--cyan))}.route-map i{position:absolute;right:46px;top:27px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.selected-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.selected-card div:has(dt){padding:7px;background:#ffffff0a}.selected-card dt{color:var(--muted);font-size:10px}.selected-card dd{margin:3px 0 0;font-size:13px}.legend{position:absolute;right:18px;bottom:22px;display:grid;gap:7px;padding:10px;background:#080e1880}.legend span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.legend i,.task-times i{width:8px;height:8px;border-radius:50%}.status-standby{color:var(--cyan);background:var(--cyan)}.status-charging{color:var(--blue);background:var(--blue)}.status-flying{color:var(--yellow);background:var(--yellow)}.status-fault{color:var(--red);background:var(--red)}.daily-total span{display:block;color:var(--muted);font-size:10px}.daily-total strong{display:block;margin:3px 0 10px;font-size:28px}.heatmap{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.heatmap span{height:13px;background:linear-gradient(90deg,#48f3ffbf,#d0dff4b3)}.task-stack{display:grid;gap:9px}.task-item{position:relative;display:grid;gap:9px;width:100%;padding:11px;text-align:left;background:#152033c7;border:1px solid rgba(113,150,190,.15)}.task-item.active{border-color:#48f3ff73;background:#1c2f4ad1}.task-item strong{display:block;font-size:12px}.task-item span{color:var(--muted);font-size:10px}.task-times{display:flex;justify-content:space-between;align-items:center}.task-item em{position:absolute;left:11px;right:auto;bottom:0;height:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.timeline-dock{grid-column:2 / 3;grid-row:4 / 5;position:relative;padding:12px 18px 14px;background:#162133d1;border:1px solid var(--line)}.dock-tabs{display:flex;align-items:center;gap:16px;height:22px;font-size:11px}.dock-tabs button.active{color:#06101a;background:#9fe8ffdb;padding:4px 12px}.dock-tabs span{margin-left:auto;color:#dbe8f8}.timeline-chart{display:flex;align-items:end;gap:3px;height:56px;margin-top:8px}.timeline-chart button{flex:1;min-width:3px;background:linear-gradient(180deg,#48f3ffe6,#48f3ff33);opacity:.68}.timeline-chart button.current{opacity:1;background:#e6f8ff;box-shadow:0 0 18px #48f3ffd9}.time-readout{position:absolute;right:16px;bottom:76px;color:#dfefff;font-size:11px}.active-task{position:absolute;left:50%;bottom:142px;display:flex;align-items:center;gap:9px;padding:9px 13px;transform:translate(-50%);background:#0d1726c7;border:1px solid rgba(72,243,255,.22);color:#cce5f4;font-size:12px}.active-task svg{color:var(--cyan)}.active-task b{color:var(--cyan)}@media(max-width:1360px){.dashboard-shell{grid-template-columns:238px minmax(560px,1fr) 250px;gap:10px;padding:18px}.selected-card{right:34px;width:226px}}