:root{--bg:#02090d;--bg-deep:#010507;--panel:rgba(3,16,22,0.88);--panel-2:rgba(3,24,30,0.72);--line:rgba(33,217,224,0.22);--line-strong:rgba(33,217,224,0.62);--cyan:#27f3ef;--cyan-soft:#65d8e8;--green:#43f3a2;--amber:#ffc83d;--red:#ff5164;--text:#e6fbff;--muted:#77a6b4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 64% -10%,rgba(17,149,167,.12),transparent 32%),linear-gradient(180deg,#020b10 0,var(--bg-deep) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(39,243,239,.035) 1px,transparent 0),linear-gradient(90deg,rgba(39,243,239,.03) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,black,transparent 86%);mask-image:linear-gradient(180deg,black,transparent 86%)}button,select{font:inherit}.commandShell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:18px 14px;background:linear-gradient(180deg,rgba(1,10,15,.98),rgba(1,7,11,.96));border-right:1px solid var(--line);overflow:auto;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:2px 8px 22px}.brandMark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-weight:900;letter-spacing:-.08em;background:rgba(39,243,239,.06);box-shadow:inset 0 0 22px rgba(39,243,239,.06);-webkit-clip-path:polygon(25% 0,75% 0,100% 24%,100% 76%,75% 100%,25% 100%,0 76%,0 24%);clip-path:polygon(25% 0,75% 0,100% 24%,100% 76%,75% 100%,25% 100%,0 76%,0 24%)}.brand strong{display:block;font-size:15px;letter-spacing:.055em}.brand span,.sectionKicker{display:block;color:var(--cyan-soft);font-size:10px;letter-spacing:.13em;margin-top:4px}.navList{display:grid;grid-gap:7px;gap:7px;border-top:1px solid rgba(39,243,239,.12);padding-top:12px}.navItem{display:flex;gap:11px;align-items:center;min-height:44px;padding:0 12px;color:#7eaabd;text-decoration:none;font-size:12px;letter-spacing:.035em;border:1px solid transparent;transition:.2s ease}.navItem span{color:rgba(39,243,239,.48);font-size:9px}.navItem.active,.navItem:hover{color:var(--text);border-color:var(--line);background:linear-gradient(90deg,rgba(39,243,239,.08),transparent);box-shadow:inset 2px 0 var(--cyan)}.sideStatus{margin-top:24px;padding:15px 12px 12px;border:1px solid var(--line);background:rgba(3,18,24,.55)}.statusCore{position:relative;height:160px;display:grid;place-items:center;align-content:center;text-align:center;margin:8px 0 10px}.statusCore:after,.statusCore:before,.statusOrbit{content:"";position:absolute;border-radius:50%;border:1px solid rgba(39,243,239,.35)}.statusCore:before{width:124px;height:124px;box-shadow:0 0 20px rgba(39,243,239,.06)}.statusCore:after{width:95px;height:95px;border-style:dashed;animation:spin 18s linear infinite}.statusOrbit{width:136px;height:58px;transform:rotate(-28deg);border-color:rgba(67,243,162,.35)}.statusCore small,.statusCore span{z-index:1;font-size:8px;letter-spacing:.12em;color:var(--muted)}.statusCore strong{z-index:1;margin:6px 0;color:var(--green);font-size:13px;letter-spacing:.08em}.statusCore.attention strong{color:var(--amber)}.statusLine{display:grid;grid-template-columns:1fr auto 8px;grid-gap:7px;gap:7px;align-items:center;padding:8px 0;border-top:1px solid rgba(39,243,239,.09);font-size:9px}.statusLine span{color:#6f99aa}.statusLine strong{font-size:9px;font-weight:700;color:var(--muted)}.good{color:var(--green)!important}.attentionText{color:var(--amber)!important}.versionBlock{margin-top:26px;padding:0 8px;color:#4e7483;font-size:9px;letter-spacing:.08em}.versionBlock small{display:block;margin-top:6px}.workspace{min-width:0;padding:14px 20px 24px}.topbar{min-height:64px;display:grid;grid-template-columns:220px 1fr minmax(210px,auto);align-items:center;padding:0 18px;border:1px solid var(--line);background:rgba(2,15,21,.76);position:relative}.hudPanel:after,.metricHud:after,.topbar:after{content:"";position:absolute;right:8px;top:8px;width:34px;height:1px;background:var(--cyan);opacity:.55}.serverSelect label,.timeBlock span{display:block;color:#6f9faf;font-size:9px;letter-spacing:.12em}.timeBlock strong{display:block;margin-top:4px;color:#aeeaf0;font-size:12px;font-weight:600}.liveState{justify-self:start;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;color:var(--muted)}.liveState i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px currentColor}.liveState.online{color:var(--green)}.liveState.online i{background:var(--green)}.serverSelect{justify-self:end}.serverSelect select{margin-top:4px;min-width:190px;padding:7px 26px 7px 9px;color:var(--text);background:#031017;border:1px solid rgba(39,243,239,.12);outline:none}.pageTitle{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:22px 12px 16px}.pageTitle h1{margin:3px 0 0;font-size:24px;letter-spacing:.04em}.aiPulse{max-width:650px;min-width:320px;padding:10px 14px;border-left:1px solid var(--cyan);background:linear-gradient(90deg,rgba(39,243,239,.055),transparent)}.aiPulse span{color:var(--green);font-size:9px;letter-spacing:.14em;font-weight:800}.aiPulse p{color:#90bac5;font-size:11px;margin:4px 0 0;line-height:1.4}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.hudPanel,.metricHud{position:relative;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(5,28,35,.88),rgba(2,11,16,.94) 66%);box-shadow:inset 0 0 30px rgba(39,243,239,.02);overflow:hidden}.metricHud{min-height:190px;padding:16px 17px 14px}.metricHud.warn{border-color:rgba(255,200,61,.48)}.metricHud.bad{border-color:rgba(255,81,100,.55)}.metricTop{display:grid;grid-template-columns:42px 1fr 10px;grid-gap:10px;gap:10px;align-items:center}.metricIcon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(39,243,239,.26);color:var(--cyan);font-size:9px;font-weight:900;background:rgba(39,243,239,.035)}.metricTop strong{display:block;font-size:12px;letter-spacing:.04em}.metricTop small{display:block;color:#5d93a4;font-size:9px;margin-top:2px;letter-spacing:.08em}.metricNumber{margin:18px 0 12px;font-size:clamp(25px,2.3vw,36px);font-weight:800;color:#dffcff;text-shadow:0 0 17px rgba(39,243,239,.12);white-space:nowrap}.metricHud.warn .metricNumber{color:#fff1b4}.metricHud.bad .metricNumber{color:#ffd2d8}.meter{height:7px;background:#031219;border:1px solid rgba(39,243,239,.32);overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#11b9bd,var(--cyan));box-shadow:0 0 12px rgba(39,243,239,.45);transition:width .4s ease}.metricHud.warn .meter i{background:linear-gradient(90deg,#b38400,var(--amber))}.metricHud.bad .meter i{background:linear-gradient(90deg,#a82335,var(--red))}.pulseLine{height:18px;margin-top:-1px;background:linear-gradient(90deg,transparent 0 5%,var(--cyan) 6% 7%,transparent 8% 15%,var(--cyan) 16% 18%,transparent 19% 24%,var(--cyan) 25% 26%,transparent 27% 100%);opacity:.42;-webkit-clip-path:polygon(0 55%,8% 55%,10% 5%,12% 95%,15% 45%,19% 55%,26% 55%,29% 20%,31% 85%,34% 55%,43% 55%,47% 32%,50% 70%,55% 55%,100% 55%);clip-path:polygon(0 55%,8% 55%,10% 5%,12% 95%,15% 45%,19% 55%,26% 55%,29% 20%,31% 85%,34% 55%,43% 55%,47% 32%,50% 70%,55% 55%,100% 55%)}.capacityLine{color:#9bc2cb;font-size:11px;margin-top:8px}.metricFoot{position:absolute;left:17px;right:17px;bottom:12px;display:flex;justify-content:space-between;gap:8px;color:#729aaa;font-size:9px}.metricFoot b{color:var(--green);font-size:8px;letter-spacing:.08em}.bottomGrid,.overviewGrid{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.overviewGrid{grid-template-columns:1.08fr .92fr}.bottomGrid{grid-template-columns:.95fr 1.05fr}.hudPanel{min-height:300px;padding:14px 16px}.panelHeader{display:flex;justify-content:space-between;align-items:start;padding-bottom:11px;border-bottom:1px solid rgba(39,243,239,.12)}.panelHeader h2{margin:0;font-size:13px;color:var(--cyan);letter-spacing:.08em;font-weight:650}.panelHeader span{display:block;margin-top:3px;color:#6594a5;font-size:9px;letter-spacing:.1em}.panelHeader b{color:var(--green);font-size:9px;padding:4px 8px;border:1px solid rgba(67,243,162,.28);background:rgba(67,243,162,.05)}.overviewBody{display:grid;grid-template-columns:1fr minmax(190px,.95fr) 1fr;grid-gap:16px;gap:16px;align-items:center;min-height:265px}.telemetryColumn{display:grid;grid-gap:0;gap:0}.infoStat{padding:12px 0;border-bottom:1px solid rgba(39,243,239,.1)}.infoStat:last-child{border-bottom:0}.infoStat span{display:block;color:var(--cyan);font-size:9px;letter-spacing:.08em}.infoStat strong{display:block;margin-top:5px;color:#bffaff;font-size:13px;font-weight:600}.infoStat small{display:block;margin-top:3px;color:#628c9a;font-size:9px;white-space:pre}.telemetryColumn.right .infoStat{text-align:right}.holoCore{position:relative;width:100%;max-width:250px;aspect-ratio:1;margin:auto;display:grid;place-items:center}.holoCore:after{content:"";width:76%;height:22%;bottom:5%;border:1px solid rgba(39,243,239,.42);box-shadow:0 0 25px rgba(39,243,239,.1),inset 0 0 25px rgba(39,243,239,.08)}.holoCore:after,.holoRing{position:absolute;border-radius:50%}.holoRing{border:1px solid rgba(39,243,239,.34)}.ringA{width:72%;height:72%;box-shadow:inset 0 0 34px rgba(39,243,239,.06)}.ringB{width:88%;height:36%;transform:rotate(-21deg);border-color:rgba(39,243,239,.5);animation:spin 14s linear infinite}.ringC{width:82%;height:28%;transform:rotate(32deg);border-style:dashed;border-color:rgba(67,243,162,.32);animation:spinReverse 18s linear infinite}.holoGrid{position:absolute;width:60%;height:60%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(39,243,239,.12) 11px),repeating-linear-gradient(90deg,transparent 0 13px,rgba(39,243,239,.08) 14px);-webkit-mask-image:radial-gradient(circle,black,transparent 73%);mask-image:radial-gradient(circle,black,transparent 73%);box-shadow:0 0 34px rgba(39,243,239,.1)}.holoCenter{z-index:1;text-align:center;text-shadow:0 0 14px rgba(39,243,239,.22)}.holoCenter small,.holoCenter span{display:block;color:#6ca6b4;font-size:8px;letter-spacing:.17em}.holoCenter strong{display:block;color:var(--cyan);font-size:16px;letter-spacing:.1em;margin:4px 0}.signalHeader,.signalRow{display:grid;grid-template-columns:.65fr 1.1fr 1.2fr .75fr .35fr;grid-gap:9px;gap:9px;align-items:center}.signalHeader{padding:10px 9px 7px;color:#6698a8;font-size:8px;letter-spacing:.09em}.signalRow{min-height:30px;padding:6px 9px;border-top:1px solid rgba(39,243,239,.08);font-size:9px;color:#91b3bd}.signalRow span:nth-child(2){color:#9dc9d2}.signalRow span:nth-child(2),.signalRow span:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signalRow strong{color:#d8f8fb;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#617c85}.dot.ok{background:var(--green);box-shadow:0 0 11px rgba(67,243,162,.68)}.dot.warn{background:var(--amber);box-shadow:0 0 11px rgba(255,200,61,.45)}.dot.bad{background:var(--red);box-shadow:0 0 11px rgba(255,81,100,.55)}.powerBody{min-height:190px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px;align-items:center;padding-top:14px}.energyStat{min-height:150px;padding:13px;border:1px solid rgba(39,243,239,.15);background:rgba(2,15,19,.52)}.energyStat span{color:var(--green);font-size:9px;letter-spacing:.08em}.energyStat strong{display:block;margin-top:10px;font-size:clamp(20px,2vw,30px);color:#86ffd2;white-space:nowrap}.energyStat.amber{border-color:rgba(255,200,61,.18)}.energyStat.amber span{color:var(--amber)}.energyStat.amber strong{color:#ffe69a}.energyStat small{color:#648e9b;font-size:9px}.energyTrace{height:32px;margin:8px 0;border-bottom:1px solid;opacity:.26;-webkit-clip-path:polygon(0 70%,7% 65%,12% 30%,18% 78%,26% 52%,33% 56%,39% 14%,45% 68%,53% 42%,62% 51%,70% 24%,77% 64%,86% 36%,94% 45%,100% 26%,100% 100%,0 100%);clip-path:polygon(0 70%,7% 65%,12% 30%,18% 78%,26% 52%,33% 56%,39% 14%,45% 68%,53% 42%,62% 51%,70% 24%,77% 64%,86% 36%,94% 45%,100% 26%,100% 100%,0 100%);background:currentColor}.socGauge{text-align:center}.socRing{--soc:0deg;width:124px;height:124px;border-radius:50%;margin:auto;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0 var(--soc),rgba(39,243,239,.1) var(--soc) 1turn);padding:8px;box-shadow:0 0 22px rgba(39,243,239,.07)}.socRing:before{content:"";grid-area:1/1;width:100%;height:100%;border-radius:50%;background:#031117;border:1px solid rgba(39,243,239,.25)}.socRing>div{grid-area:1/1;z-index:1}.socRing strong{display:block;font-size:24px;color:#bdfcff}.socRing span{display:block;color:var(--cyan);font-size:8px;margin-top:2px}.socGauge>small{display:block;margin-top:7px;color:#729da9;font-size:9px}.powerFooter{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;border-top:1px solid rgba(39,243,239,.1);padding-top:10px}.miniStat{display:flex;justify-content:space-between;gap:8px;font-size:9px}.miniStat span{color:#5c8a98}.miniStat strong{color:#a4dbe3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incidentHeader,.incidentRow{display:grid;grid-template-columns:.65fr 1.45fr .95fr .55fr;grid-gap:9px;gap:9px;align-items:center}.incidentHeader{padding:10px 8px 7px;color:#6698a8;font-size:8px;letter-spacing:.09em}.incidentRow{min-height:43px;padding:7px 8px;border-top:1px solid rgba(39,243,239,.08);color:#8fb1bc;font-size:9px}.incidentRow>div strong{display:block;color:#d3f3f6;font-size:9px}.incidentRow>div small{display:block;margin-top:2px;color:#5c8694;font-size:8px}.badge{justify-self:start;font-size:8px;text-transform:uppercase;padding:4px 6px;border:1px solid rgba(126,151,159,.2);color:#aac6ce;background:rgba(70,90,98,.16)}.badge.warning{color:#ffd258;border-color:rgba(255,200,61,.35);background:rgba(255,200,61,.08)}.badge.critical,.badge.high{color:#ff8793;border-color:rgba(255,81,100,.38);background:rgba(255,81,100,.09)}.openTag{justify-self:start;color:#ff8995;border:1px solid rgba(255,81,100,.24);padding:3px 6px;text-transform:uppercase}.empty{padding:28px 8px;color:#567e8c;font-size:10px;letter-spacing:.08em}.empty.success{color:var(--green)}.footerLine{margin-top:12px;height:34px;display:flex;gap:13px;align-items:center;justify-content:center;border:1px solid rgba(39,243,239,.13);color:#45ced3;font-size:8px;letter-spacing:.35em}.footerLine b{color:#325d68}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spinReverse{to{transform:rotate(-1turn)}}@media (max-width:1180px){.commandShell{grid-template-columns:210px minmax(0,1fr)}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottomGrid,.overviewGrid{grid-template-columns:1fr}}@media (max-width:860px){.commandShell{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.navList{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto}.navItem{justify-content:center;padding:0 7px}.navItem span,.sideStatus,.versionBlock{display:none}.topbar{grid-template-columns:1fr auto;gap:12px}.liveState{display:none}.pageTitle{align-items:start;flex-direction:column}.aiPulse{min-width:0;max-width:none;width:100%}}@media (max-width:640px){.workspace{padding:10px}.metricGrid,.topbar{grid-template-columns:1fr}.topbar{padding:10px}.serverSelect{justify-self:stretch}.serverSelect select{width:100%}.overviewBody{grid-template-columns:1fr}.telemetryColumn.right .infoStat{text-align:left}.holoCore{max-width:190px}.signalHeader,.signalRow{grid-template-columns:.65fr 1fr .75fr .3fr}.signalHeader span:nth-child(3),.signalRow span:nth-child(3){display:none}.powerBody,.powerFooter{grid-template-columns:1fr}.incidentHeader,.incidentRow{grid-template-columns:.75fr 1.6fr .55fr}.incidentHeader span:nth-child(3),.incidentRow>span:nth-child(3){display:none}.footerLine{letter-spacing:.12em;gap:7px}}.metricHud{min-height:252px}.sparkline{--spark:var(--cyan);position:relative;height:82px;margin:11px 0 17px;color:var(--spark);background:linear-gradient(rgba(39,243,239,.035) 1px,transparent 0),linear-gradient(90deg,rgba(39,243,239,.025) 1px,transparent 0);background-size:100% 33.33%,25% 100%;border-left:1px solid rgba(39,243,239,.1);border-bottom:1px solid rgba(39,243,239,.1);overflow:hidden}.sparkline.compact{height:67px;margin:9px 0 19px}.sparkline.green{--spark:var(--green)}.sparkline.amber{--spark:var(--amber)}.sparkline.red{--spark:var(--red)}.sparkline svg{width:100%;height:calc(100% - 16px);display:block;overflow:visible}.sparkGridLine{stroke:rgba(126,192,201,.1);stroke-width:.7;vector-effect:non-scaling-stroke}.sparkArea{fill:currentColor;opacity:.055}.sparkPath{fill:none;stroke:currentColor;stroke-width:1.45;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px currentColor)}.sparkPoint{fill:currentColor;filter:drop-shadow(0 0 4px currentColor)}.sparkThreshold{stroke:var(--red);stroke-width:1;stroke-dasharray:5 4;opacity:.72;vector-effect:non-scaling-stroke}.sparkMeta{height:16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;grid-gap:8px;gap:8px;color:#527e8c;font-size:8px;line-height:1}.sparkMeta span:last-child{text-align:right}.sparkMeta b{color:currentColor;font-weight:650;font-size:8px}.emptyChart{display:grid;place-items:center;color:#4f7682;font-size:8px;letter-spacing:.1em;border:1px dashed rgba(39,243,239,.1)}.metricHud .metricNumber{margin-bottom:9px}.metricHud .meter{margin-bottom:3px}.metricHud .capacityLine{margin-top:7px;margin-bottom:-3px}.energyStat{min-height:218px}.energyStat .sparkline{height:78px;margin:10px 0 7px}.socGauge{min-width:0}.socGauge .sparkline{width:100%;height:72px;margin:11px auto 0}.powerBody{min-height:260px;align-items:stretch}.powerBody>*{align-self:stretch}@media (max-width:1180px){.metricHud{min-height:245px}}