:root{
  color-scheme:dark;
  --bg:#030b16;
  --panel:rgba(8,23,42,.82);
  --panel-strong:rgba(7,27,50,.94);
  --line:rgba(79,159,222,.2);
  --line-hot:rgba(72,199,255,.5);
  --text:#e8f4ff;
  --muted:#7794ae;
  --cyan:#37d7ff;
  --blue:#4388ff;
  --green:#3ce6ad;
  --amber:#ffc55c;
  --red:#ff6376;
  --violet:#9c7cff;
  --shadow:0 20px 65px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body{min-width:1180px;overflow-x:auto;background:
  radial-gradient(circle at 50% -10%,rgba(35,120,198,.24),transparent 35%),
  radial-gradient(circle at 4% 60%,rgba(19,126,144,.12),transparent 28%),
  linear-gradient(180deg,#061321 0,#030a14 54%,#020811 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.27;background-image:
  linear-gradient(rgba(69,148,203,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(69,148,203,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
button,a{font:inherit}.ambient{position:fixed;width:38vw;height:38vw;border-radius:50%;filter:blur(90px);opacity:.09;pointer-events:none}.ambient-a{left:-18vw;top:-8vw;background:#20c8e8}.ambient-b{right:-20vw;bottom:-14vw;background:#2c68ff}
.scanline{position:fixed;z-index:0;left:0;right:0;height:1px;top:-5%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(75,210,255,.2),transparent);box-shadow:0 0 28px rgba(67,203,255,.28);animation:scan 12s linear infinite}@keyframes scan{to{top:105%}}
.wallboard-shell{position:relative;z-index:1;min-height:100vh;padding:15px 20px 10px;display:flex;flex-direction:column}
.wallboard-header{height:74px;display:grid;grid-template-columns:300px 1fr 340px;align-items:center;border-bottom:1px solid rgba(76,159,219,.18);position:relative}
.wallboard-header:after{content:"";position:absolute;bottom:-1px;left:28%;right:28%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan)}
.brand-lockup{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.logo-plate{width:clamp(64px,8vw,104px);height:42px;display:grid;place-items:center}.logo-plate img{display:block;width:100%;height:auto}.brand-lockup b,.brand-lockup small{display:block}.brand-lockup b{font-size:16px;letter-spacing:.08em}.brand-lockup small{margin-top:2px;color:#688ca8;font:8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.title-lockup{display:flex;align-items:center;justify-content:center;gap:20px;text-align:center}.title-lockup p{margin:0 0 2px;color:#57bfe9;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.38em}.title-lockup h1{margin:0;font-size:27px;font-weight:680;letter-spacing:.18em;text-shadow:0 0 22px rgba(71,189,240,.25)}.title-rule{width:min(11vw,180px);height:8px;border-top:1px solid rgba(80,185,238,.48);border-bottom:1px solid rgba(80,185,238,.12);transform:skewX(-35deg)}.title-rule.reverse{transform:skewX(35deg)}
.header-status{justify-self:end;display:flex;align-items:center;gap:9px}.clock{min-width:100px;text-align:right}.clock strong,.clock small{display:block}.clock strong{font:600 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.clock small{margin-top:5px;color:var(--muted);font-size:9px}.live-state{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(60,230,173,.19);border-radius:6px;background:rgba(35,171,126,.07);color:#8df3ce;font-size:10px}.live-state i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(60,230,173,.09),0 0 12px var(--green);animation:pulse 1.8s infinite}.live-state.degraded{color:#ffd390;border-color:rgba(255,197,92,.25);background:rgba(255,197,92,.06)}.live-state.degraded i{background:var(--amber);box-shadow:0 0 0 4px rgba(255,197,92,.08)}.live-state.offline{color:#ff9dab;border-color:rgba(255,99,118,.25);background:rgba(255,99,118,.06)}.live-state.offline i{background:var(--red);box-shadow:0 0 0 4px rgba(255,99,118,.08)}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(60,230,173,0),0 0 17px var(--green)}}
.icon-control{width:34px;height:34px;padding:0;border:1px solid rgba(75,162,220,.22);border-radius:7px;background:rgba(15,45,72,.7);color:#a7c9df;cursor:pointer;font-size:17px}.icon-control:hover{color:#fff;border-color:var(--line-hot);background:rgba(29,79,115,.75)}.icon-control.loading{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.scope-bar{min-height:38px;display:flex;align-items:center;gap:22px;border-bottom:1px solid rgba(71,138,190,.13);color:var(--muted);font-size:10px}.scope-item{display:flex;gap:7px}.scope-item strong{color:#b6d0e2;font-weight:600}.scope-spacer{flex:1}.scope-badge{display:flex;align-items:center;gap:7px}.scope-badge i,.footer-live{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.console-link{color:#7fb8db;text-decoration:none;padding:4px 8px;border:1px solid rgba(69,151,207,.16);border-radius:5px}.console-link:hover{color:#d8f3ff;border-color:rgba(69,180,238,.45)}
.wallboard-main{flex:1;min-height:0;padding:12px 0 8px}.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:9px}.kpi-card{position:relative;overflow:hidden;min-height:88px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(120deg,rgba(9,29,50,.94),rgba(8,22,39,.78));box-shadow:var(--shadow)}.kpi-card:before{content:"";position:absolute;left:0;top:17%;bottom:17%;width:2px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.kpi-card:after{content:"";position:absolute;right:-28px;top:-38px;width:100px;height:100px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:50%}.kpi-card.cyan{--accent:var(--cyan);--accent-rgb:55,215,255}.kpi-card.green{--accent:var(--green);--accent-rgb:60,230,173}.kpi-card.red{--accent:var(--red);--accent-rgb:255,99,118}.kpi-card.amber{--accent:var(--amber);--accent-rgb:255,197,92}.kpi-card.violet{--accent:var(--violet);--accent-rgb:156,124,255}.kpi-card.blue{--accent:var(--blue);--accent-rgb:67,136,255}.kpi-orbit{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.32);border-radius:50%;background:rgba(var(--accent-rgb),.07);box-shadow:inset 0 0 16px rgba(var(--accent-rgb),.1)}.kpi-orbit span{color:var(--accent);font-weight:800}.kpi-card small,.kpi-card strong,.kpi-card em{display:block}.kpi-card small{color:#7592aa;font-size:9px;letter-spacing:.08em}.kpi-card strong{font:650 25px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;margin:3px 0 2px;color:#f0f8ff}.kpi-card em{max-width:150px;color:#668298;font-size:8px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.facility-board-link{color:#65e6ba;border-color:rgba(69,239,178,.25);background:rgba(69,239,178,.05)}
.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(310px,1.45fr) minmax(224px,1fr);gap:9px;min-height:calc(100vh - 255px)}.data-panel{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--panel-strong),var(--panel));box-shadow:var(--shadow)}.data-panel:before,.data-panel:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.data-panel:before{left:-1px;top:-1px;border-left:2px solid rgba(61,210,255,.7);border-top:2px solid rgba(61,210,255,.7)}.data-panel:after{right:-1px;bottom:-1px;border-right:2px solid rgba(61,210,255,.45);border-bottom:2px solid rgba(61,210,255,.45)}.health-panel{grid-column:span 3;padding:13px}.topology-panel{grid-column:span 6;padding:13px}.alarm-panel{grid-column:span 3;padding:13px}.trend-panel{grid-column:span 3;padding:13px}.asset-panel{grid-column:span 2;padding:13px}.platform-panel{grid-column:span 3;padding:13px}.operations-panel{grid-column:span 4;padding:13px}
.panel-title{height:39px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(75,145,195,.13)}.panel-title span,.panel-title h2{display:block}.panel-title span{color:#4d99c6;font:8px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.panel-title h2{margin:3px 0 0;font-size:14px;font-weight:650;letter-spacing:.07em}.panel-title>b{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e91aa;font:8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}
.health-content{display:grid;grid-template-columns:138px 1fr;align-items:center;gap:11px;padding:16px 2px 12px}.health-ring,.alarm-ring{--value:0;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--value)*1%),rgba(76,112,137,.13) 0);position:relative;box-shadow:0 0 35px rgba(38,210,171,.08)}.health-ring:before,.alarm-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#07192b;border:1px solid rgba(78,155,207,.18);box-shadow:inset 0 0 25px rgba(26,90,131,.23)}.health-ring div,.alarm-ring div{position:relative;text-align:center}.health-ring strong,.alarm-ring strong{display:block;font:650 25px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.health-ring span,.alarm-ring span{display:block;margin-top:5px;color:#6f8fa7;font-size:9px}.health-legend{display:grid;gap:8px}.health-legend div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;padding-bottom:6px;border-bottom:1px dashed rgba(94,144,180,.12)}.health-legend i{width:6px;height:6px;border-radius:50%}.health-legend .online{background:var(--green);box-shadow:0 0 7px var(--green)}.health-legend .warning{background:var(--amber)}.health-legend .offline{background:var(--red)}.health-legend .nodata{background:#536d82}.health-legend span{color:#718ca1;font-size:9px}.health-legend b{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.resource-gauges{display:grid;gap:8px}.resource-gauges>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.resource-gauges span{color:#708da4;font-size:9px}.resource-gauges b{font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}.resource-gauges i{grid-column:1/-1;height:4px;border-radius:9px;background:rgba(85,127,157,.14);overflow:hidden}.resource-gauges u{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#318dff,#37d7ff);box-shadow:0 0 9px #2cadf0;text-decoration:none;transition:width .6s ease}.resource-gauges u.warning{background:linear-gradient(90deg,#ff9a44,#ffc55c)}.resource-gauges u.critical{background:linear-gradient(90deg,#f04159,#ff6376)}
.topology-stage{height:calc(100% - 65px);min-height:235px;position:relative;margin-top:3px;background:radial-gradient(circle at center,rgba(37,112,168,.11),transparent 54%)}.topology-stage:before{content:"";position:absolute;inset:12% 20%;border:1px solid rgba(52,146,205,.08);border-radius:50%;box-shadow:0 0 0 42px rgba(52,146,205,.025),0 0 0 84px rgba(52,146,205,.018)}.topology-stage svg{position:relative;display:block;width:100%;height:100%;min-height:235px}.topology-stage .link{stroke:rgba(65,168,225,.38);stroke-width:1}.topology-stage .link.active{stroke:rgba(64,220,235,.58);filter:drop-shadow(0 0 3px rgba(49,207,234,.45))}.topology-stage .node-halo{fill:rgba(50,189,238,.07);stroke:rgba(52,193,236,.19)}.topology-stage .node-dot{fill:#0a4f7a;stroke:#4bc9f2;stroke-width:1.2;filter:drop-shadow(0 0 6px rgba(61,206,250,.5))}.topology-stage .node-core-dot{fill:#127c76;stroke:#55f0d0;stroke-width:1.3;filter:drop-shadow(0 0 8px rgba(68,238,205,.55))}.topology-stage text{fill:#9fc4d9;font:8px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.topology-footer{height:23px;display:flex;align-items:flex-end;gap:13px;color:#66879f;font-size:8px}.topology-footer span:last-child{margin-left:auto}.topology-footer i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}.node-core{background:var(--green);box-shadow:0 0 6px var(--green)}.node-normal{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}
.alarm-severity-summary{height:109px;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px}.alarm-ring{width:80px;height:80px;background:conic-gradient(var(--red) calc(var(--critical)*1%),var(--amber) 0 calc((var(--critical) + var(--major))*1%),var(--violet) 0 calc((var(--critical) + var(--major) + var(--minor))*1%),#3a94f0 0)}.alarm-ring:before{inset:7px}.alarm-ring strong{font-size:19px}.severity-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.severity-grid div{display:flex;align-items:center;justify-content:space-between;padding:6px 7px;border:1px solid rgba(76,139,183,.1);border-radius:5px;background:rgba(20,54,81,.28)}.severity-grid span{color:#748fa4;font-size:8px}.severity-grid b{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace}.event-list{height:calc(100% - 148px);min-height:125px;overflow:hidden;display:grid;align-content:start;gap:5px}.event-item{display:grid;grid-template-columns:3px 1fr auto;gap:8px;align-items:center;padding:7px 7px 7px 0;border-bottom:1px solid rgba(74,132,171,.1)}.event-item>i{width:3px;height:27px;border-radius:3px;background:#64819a}.event-item>i.CRITICAL{background:var(--red);box-shadow:0 0 8px rgba(255,99,118,.42)}.event-item>i.MAJOR{background:#ff904d}.event-item>i.MINOR,.event-item>i.WARNING{background:var(--amber)}.event-item>i.INFO{background:var(--blue)}.event-item div{min-width:0}.event-item strong,.event-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-item strong{font-size:9px;font-weight:600}.event-item small{margin-top:2px;color:#68849a;font-size:7px}.event-item>time{color:#668398;font:7px ui-monospace,SFMono-Regular,Menlo,monospace}
.trend-summary{height:48px;display:flex;align-items:end;gap:8px}.trend-summary strong{font:650 25px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan)}.trend-summary span{color:#6c899e;font-size:8px}.trend-summary em{margin-left:auto;color:#728ca0;font-size:8px;font-style:normal}.trend-summary em.bad{color:var(--red)}.trend-chart{height:calc(100% - 88px);min-height:107px}.trend-chart svg{display:block;width:100%;height:100%;overflow:visible}.trend-grid{stroke:rgba(79,142,184,.13);stroke-width:1}.trend-area{fill:url(#coverageArea)}.trend-line{fill:none;stroke:#38d4ff;stroke-width:2;filter:drop-shadow(0 0 4px rgba(56,212,255,.5))}.trend-point{fill:#051827;stroke:#68e2ff;stroke-width:1.5}.trend-axis{fill:#608096;font:7px ui-monospace,SFMono-Regular,Menlo,monospace}
.asset-bars{display:grid;align-content:center;gap:8px;height:calc(100% - 42px);padding-top:7px}.asset-row{display:grid;grid-template-columns:minmax(58px,.9fr) minmax(70px,1.2fr) 25px;align-items:center;gap:7px}.asset-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f9caf;font-size:8px}.asset-row i{height:5px;border-radius:6px;background:rgba(76,131,167,.13);overflow:hidden}.asset-row u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2e79e9,#38d8ff);box-shadow:0 0 7px rgba(55,202,249,.28);text-decoration:none}.asset-row b{text-align:right;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}
.status-pill{padding:3px 6px;border:1px solid rgba(100,145,177,.22);border-radius:4px}.status-pill.UP,.status-pill.HEALTHY{color:var(--green);border-color:rgba(60,230,173,.3);background:rgba(60,230,173,.05)}.status-pill.DEGRADED{color:var(--amber);border-color:rgba(255,197,92,.3)}.status-pill.DOWN,.status-pill.UNHEALTHY{color:var(--red);border-color:rgba(255,99,118,.3)}.platform-metrics{height:calc(100% - 42px);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:8px}.platform-metrics>div{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px;border:1px solid rgba(75,138,181,.1);border-radius:5px;background:rgba(19,47,70,.27)}.platform-metrics span,.platform-metrics strong,.platform-metrics small{display:block}.platform-metrics span{color:#758fa3;font-size:8px}.platform-metrics strong{margin:3px 0;font:600 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-metrics small{color:#466982;font:6px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.operations-layout{height:calc(100% - 42px);display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.5fr);gap:9px;padding-top:7px}.workorder-status{display:grid;align-content:center;gap:6px;border-right:1px solid rgba(77,138,178,.1);padding-right:9px}.workorder-row{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}.workorder-row span{color:#748fa4;font-size:8px}.workorder-row b{font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}.workorder-row i{grid-column:1/-1;height:3px;border-radius:5px;background:rgba(82,133,167,.12);overflow:hidden}.workorder-row u{display:block;height:100%;background:linear-gradient(90deg,#5777f5,#9d7cff);text-decoration:none}.event-list.compact{height:auto;min-height:0}.event-list.compact .event-item{padding-top:5px;padding-bottom:5px}.event-list.compact .event-item>i{height:23px}
.panel-empty{width:100%;height:100%;min-height:55px;display:grid;place-items:center;color:#5b788e;font-size:9px;text-align:center}.board-notice{position:fixed;z-index:20;left:50%;bottom:30px;transform:translateX(-50%);max-width:680px;padding:9px 14px;border:1px solid rgba(255,197,92,.3);border-radius:6px;background:rgba(53,37,13,.94);box-shadow:0 16px 45px rgba(0,0,0,.38);color:#ffd38d;font-size:10px}.board-notice.error{border-color:rgba(255,99,118,.35);background:rgba(58,17,26,.96);color:#ffadba}.hidden{display:none!important}
.wallboard-footer{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(69,137,185,.12);color:#4d6f87;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.wallboard-footer span{display:flex;align-items:center;gap:6px}
@media(max-width:1500px){body{min-width:1100px}.wallboard-header{grid-template-columns:260px 1fr 300px}.title-lockup h1{font-size:23px}.title-rule{width:80px}.kpi-card{padding:10px}.kpi-orbit{width:34px;height:34px;flex-basis:34px}.health-content{grid-template-columns:114px 1fr}.health-ring{width:104px;height:104px}.data-panel{padding:11px}.dashboard-grid{grid-template-rows:minmax(294px,1.4fr) minmax(215px,1fr)}}
@media(max-width:1180px){.wallboard-shell{padding-left:12px;padding-right:12px}.dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto}.health-panel,.alarm-panel,.trend-panel,.platform-panel{grid-column:span 2}.topology-panel,.operations-panel{grid-column:span 4}.asset-panel{grid-column:span 2}.data-panel{min-height:265px}.kpi-strip{grid-template-columns:repeat(3,1fr)}.wallboard-main{min-height:900px}}
@media(prefers-reduced-motion:reduce){.scanline,.live-state i{animation:none}.resource-gauges u{transition:none}}