.composition-workspace{border:1px solid #dce4ee;background:#fff;border-radius:7px;overflow:hidden;margin-bottom:20px}.composition-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;border-bottom:1px solid #e6ebf2}.composition-top h3{font-size:15px;margin:0 0 5px}.composition-top span{font-size:10px;color:#8694a7}.composition-actions{display:flex;gap:9px}.composition-actions button{font-size:12px}.composition-context{display:flex;gap:16px;align-items:flex-end;padding:18px 22px;background:#fafbfd;border-bottom:1px solid #e6ebf2}.composition-context label{min-width:140px;flex:1;font-size:11px}.composition-context input,.composition-context select{font-size:12px}.composition-context label:nth-child(2){flex:1.4}.composition-workspace>.error,.composition-workspace>.notice{margin:14px 20px}.composition-grid{display:grid;grid-template-columns:165px minmax(0,1fr) 230px;min-height:650px}.composition-library{padding:20px 13px;background:#f8fafd;border-right:1px solid #e1e7f0}.composition-library h4,.composition-properties h4{margin:0 0 14px;color:#465c79;font-weight:600}.composition-library>select{font-size:11px;margin-bottom:14px}.library-item{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:10px;background:#fff;border:1px solid #e1e7f0;color:#677c97;font-weight:400;padding:10px;margin-bottom:8px;border-radius:4px;font-size:11px}.library-item>svg:last-child{margin-left:auto;color:#97a7bd}.library-item:hover{background:#eef4fe;border-color:#a9bfe1;color:#365f9e}.composition-library p{font-size:10px;color:#92a1b5;line-height:1.9;margin:18px 0 0}.composition-stage{min-width:0;background:#edf2f8;display:flex;flex-direction:column}.composition-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:9px 12px;background:#fff;border-bottom:1px solid #e1e7f0}.composition-toolbar>div{display:flex;align-items:center;gap:3px}.composition-toolbar .icon-btn{min-height:30px;min-width:30px;padding:6px}.composition-toolbar .text-btn{font-size:10px}.canvas-zoom{display:flex;align-items:center;flex-direction:row;gap:6px;font-size:10px}.canvas-zoom select{width:70px;font-size:11px;min-height:30px;padding:5px}.composition-viewport{flex:1;overflow:auto;padding:22px 18px;min-height:450px}.composition-viewport>div{margin:auto}.composition-status{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 15px;background:#fff;border-top:1px solid #e1e7f0;font-size:9px;color:#92a1b4}.composition-properties{background:#fff;padding:20px 15px;border-left:1px solid #e1e7f0;max-height:900px;overflow:auto}.composition-properties label{font-size:10px;margin:12px 0;gap:6px}.composition-properties input,.composition-properties select,.composition-properties textarea{font-size:11px;min-height:32px;padding:6px 8px}.composition-properties input[type=color]{padding:3px;min-height:32px}.property-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.property-check{display:flex!important;align-items:center;flex-direction:row!important;gap:8px!important}.property-note{color:#94a2b4;font-size:10px;line-height:1.9}.composition-properties details{padding:14px 0;margin-top:14px;border-top:1px solid #e7edf5}.composition-properties summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px;color:#5f7da7;list-style:none}.composition-properties details button{width:100%;font-size:11px}.composition-properties>.danger{width:100%;margin-top:18px;font-size:11px}.composition-properties .connection-builder{margin-top:25px}.layout-scene{--scene-bg: #fff;--scene-panel: #fbfcff;--scene-line: #dbe5f3;--scene-text: #334e73;--scene-muted: #8b9eb8;--scene-accent: #5979e2;position:relative;width:100%;background:var(--scene-bg);color:var(--scene-text);overflow:hidden;border:1px solid var(--scene-line);border-radius:5px;isolation:isolate}.layout-scene.theme-dark{--scene-bg: #13253f;--scene-panel: #1a3151;--scene-line: #314b72;--scene-text: #d7e6fc;--scene-muted: #85a0c4;--scene-accent: #64c2e9}.composition-canvas.show-grid{background-image:linear-gradient(var(--scene-line) 1px,transparent 1px),linear-gradient(90deg,var(--scene-line) 1px,transparent 1px);background-size:2.5% 2.5%}.scene-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.scene-connections g{pointer-events:stroke;cursor:pointer}.scene-connections g:focus-visible{outline:0}.scene-connections g:focus-visible path:not(.connection-hit){stroke:#f59e0b}.scene-node{position:absolute;background:var(--scene-panel);border:1px solid var(--scene-line);border-radius:5px;overflow:hidden;z-index:2;min-width:0}.scene-widget-content{height:100%;padding:10px 12px;display:flex;flex-direction:column;gap:5px;line-height:1.4;overflow:hidden}.scene-widget-title{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:.68em;color:var(--scene-muted);flex-shrink:0}.scene-widget-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-jump{background:none;border:0;color:var(--scene-accent);padding:2px;min-height:20px;min-width:20px}.scene-jump:hover{background:var(--scene-line)}.scene-value{display:flex;align-items:baseline;flex:1;justify-content:center;gap:9px;min-height:0}.scene-value>strong{font-size:1.7em;font-weight:500;align-self:center;font-variant-numeric:tabular-nums}.scene-value>span{color:var(--scene-muted);font-size:.6em;align-self:center}.scene-quality{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:8px;color:var(--scene-muted);margin-top:auto;flex-shrink:0}.scene-quality time{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-quality.bad{color:#ce816e}.scene-trend{display:block;flex:1;min-height:0;width:100%;height:100%}.scene-gauge{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.scene-gauge svg{width:100%;height:calc(100% - 13px);min-height:0}.scene-gauge>small{font-size:9px;color:var(--scene-muted)}.scene-tank{display:flex;justify-content:center;flex:1;min-height:0}.scene-tank svg{height:100%;max-width:100%}.scene-machine{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;min-height:0}.scene-machine svg{color:var(--scene-accent);height:35%;width:auto}.scene-machine strong{font-size:.8em;font-weight:500}.scene-machine small{color:var(--scene-muted);font-size:8px}.scene-device{display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;flex:1;min-height:0}.scene-device svg{color:var(--scene-accent);flex-shrink:0}.scene-device strong{font-size:.7em;font-weight:500;text-align:center;overflow-wrap:anywhere}.scene-device>span{font-size:9px}.scene-device>small{font-size:7px;color:var(--scene-muted)}.scene-online{color:#46b78e}.scene-offline{color:#b99288}.scene-pipe{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:0}.scene-pipe>span{width:90%;height:8px;border:2px solid var(--scene-accent);border-radius:4px;opacity:.5}.scene-pipe strong{font-size:8px;color:var(--scene-muted);font-weight:400}.scene-text{font-size:.8em;color:inherit;margin:4px 0;overflow-wrap:anywhere}.scene-control{min-height:25px;margin:auto;font-size:.7em;padding:5px 9px}.scene-widget-content>small{font-size:8px;color:var(--scene-muted);text-align:center}.scene-command-message{font-size:9px;color:var(--scene-accent);margin:0}.scene-unavailable{display:flex;align-items:center;justify-content:center;flex:1;color:var(--scene-muted);font-size:11px}.scene-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;padding:20px;gap:10px;color:var(--scene-muted);text-align:center;font-size:12px}.scene-empty h4{color:var(--scene-text);margin:0;font-size:14px}.scene-empty p{font-size:11px;max-width:320px;line-height:1.8;margin:0}.editor-node{touch-action:none;cursor:move;-webkit-user-select:none;user-select:none}.editor-node .scene-widget-content{pointer-events:none}.editor-node.node-selected{border:2px solid #4f77e5;z-index:3}.node-handle{position:absolute;right:0;bottom:0;width:6px;height:6px;background:#4f77e5}.composition-canvas:focus-visible{outline-offset:2px}@media(max-width:1300px){.composition-grid{grid-template-columns:135px minmax(0,1fr) 200px}.composition-context{gap:10px;padding:15px}.composition-context label{min-width:120px}.composition-top{padding:17px}.composition-library{padding:16px 10px}.library-item{font-size:10px;padding:9px 7px}.library-item svg{width:15px}.composition-properties{padding:16px 12px}.composition-viewport{padding:18px 12px}.scene-widget-content{padding:7px}.scene-quality time{display:none}.composition-status{flex-wrap:wrap;gap:4px}}@media(max-width:1050px){.composition-grid{grid-template-columns:115px minmax(0,1fr)}.composition-properties{grid-column:1/-1;max-height:none;border-left:0;border-top:1px solid #e1e7f0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.composition-properties h4,.composition-properties>.property-note{grid-column:1/-1}.composition-properties details{margin-top:10px}.composition-context{flex-wrap:wrap}.composition-context label{flex:1;min-width:140px}.composition-context>button{font-size:11px}.composition-viewport{min-height:400px}.composition-top{flex-wrap:wrap}}@media(max-width:768px){.composition-grid{grid-template-columns:1fr}.composition-library{border-right:0;border-bottom:1px solid #e1e7f0;padding:15px}.composition-library>select{max-width:180px}.composition-library>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.library-item{flex-direction:column;align-items:center;gap:6px;margin:0;padding:10px 5px;font-size:9px}.library-item>svg:last-child{display:none}.library-item>svg{width:20px}.composition-library p{margin-top:12px;font-size:9px}.composition-library p:last-child{display:none}.composition-properties{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-toolbar .text-btn{font-size:9px}.composition-viewport{min-height:340px;padding:16px 10px}.composition-actions button{font-size:11px;padding:7px 11px}.composition-context label{min-width:135px}.composition-context{gap:12px}.composition-context>button{width:100%}.composition-top span{font-size:9px}.composition-status{font-size:8px}.scene-widget-content{padding:5px}.scene-widget-title{font-size:9px}.scene-value>strong{font-size:20px}.scene-value>span{font-size:8px}.scene-quality{font-size:6px}.scene-device strong{font-size:9px}.scene-gauge>small{font-size:7px}.scene-machine strong{font-size:10px}.scene-device>small{display:none}}@media(max-width:480px){.composition-library>div{grid-template-columns:repeat(3,minmax(0,1fr))}.composition-properties{grid-template-columns:1fr}.composition-top{gap:12px}.composition-actions{width:100%;justify-content:flex-end}.composition-context{padding:13px}.composition-context label{min-width:125px}.composition-toolbar>div:nth-child(2){order:3;width:100%}.composition-viewport{padding:14px 8px;min-height:290px}.composition-status{padding:10px}.scene-gauge svg{min-height:35px}.scene-quality{display:none}}.geo-map{--geo-bg: #102443;--geo-grid: #274562;--geo-fill-start: #193b62;--geo-fill-end: #233754;--geo-border: #599bf1;--geo-depth: #0a152a;--geo-label-bg: #172b46;--geo-text: #dceaff;--geo-muted: #92accd;--geo-point: #5edbc5;background:var(--geo-bg);color:var(--geo-text);border-radius:8px;overflow:hidden}.geo-modern{--geo-bg: #f6f9fc;--geo-grid: #e5ebf4;--geo-fill-start: #e0ebfc;--geo-fill-end: #edf3fb;--geo-border: #7da7da;--geo-depth: #c7d8ee;--geo-label-bg: #fff;--geo-text: #273b57;--geo-muted: #637793;--geo-point: #2563eb}.geo-map-head,.geo-map-head>div{display:flex;align-items:center;gap:9px}.geo-map-head{justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--geo-grid)}.geo-map-head strong{font-size:16px}.geo-map-head span{font-size:12px;color:var(--geo-muted)}.geo-controls{gap:3px!important}.geo-controls .icon-btn{color:var(--geo-text);background:transparent;min-height:30px;padding:5px}.geo-controls .icon-btn:hover{background:var(--geo-grid)}.geo-canvas{position:relative;overflow:hidden}.geo-canvas svg{width:100%;display:block;max-height:520px}.geo-boundary{stroke:var(--geo-border)}.geo-depth{fill:var(--geo-depth)}.geo-station{cursor:pointer;outline:none}.geo-point-halo{fill:var(--geo-point);opacity:.16}.geo-point{fill:var(--geo-point);stroke:var(--geo-label-bg);stroke-width:2}.geo-station.alarm .geo-point,.geo-station.alarm .geo-point-halo{fill:#f3b351}.geo-station.offline .geo-point,.geo-station.offline .geo-point-halo{fill:#8895a8}.geo-station:focus-visible .geo-point-halo{opacity:.6}.geo-label-bg{fill:var(--geo-label-bg);stroke:var(--geo-grid);stroke-width:1}.geo-label{fill:var(--geo-text);font-family:inherit}.geo-leader{fill:none;stroke:var(--geo-border);stroke-width:.75;opacity:.6}.geo-north{fill:var(--geo-muted)}.geo-map-foot{display:flex;align-items:center;gap:14px;padding:10px 18px;font-size:12px;flex-wrap:wrap}.geo-map-legend{display:flex;gap:12px}.geo-map-legend span{display:flex;gap:5px;align-items:center}.geo-map-legend i{width:6px;height:6px;border-radius:50%;background:var(--geo-point)}.geo-map-legend .alarm{background:#f3b351}.geo-map-legend .offline{background:#8895a8}.geo-outside{color:var(--geo-muted)}.geo-coordinate{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--geo-muted)}.geo-source{font-size:11px;color:var(--geo-muted);padding:0 18px 12px}.geo-insight{position:absolute;left:14px;bottom:12px;background:var(--geo-label-bg);border:1px solid var(--geo-grid);border-radius:5px;padding:9px 12px;pointer-events:none;display:flex;flex-direction:column;gap:3px;font-size:12px}.geo-insight span{color:var(--geo-muted)}.geo-scan{position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(transparent,#7cbdff,transparent);opacity:0;animation:geo-update .28s var(--ease-out, cubic-bezier(.23, 1, .32, 1)) both;pointer-events:none}@keyframes geo-update{0%{transform:translate(0);opacity:0}35%{opacity:.4}to{transform:translate(800px);opacity:0}}.geo-map-empty{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#73859d}.geo-map-empty span{font-size:13px}html[data-motion=off] .geo-scan,html[data-input=keyboard] .geo-scan{animation:none}@media(prefers-reduced-motion:reduce){.geo-scan{animation:none}}@media(hover:hover)and (pointer:fine){.geo-station:hover .geo-label-bg{stroke:var(--geo-border)}.geo-station:hover .geo-point-halo{opacity:.35}}@media(max-width:600px){.geo-map-head{padding:10px}.geo-map-head span{display:none}.geo-map-foot{padding:10px;gap:8px}.geo-source{padding:0 10px 10px}.geo-canvas svg{min-height:220px}.geo-outside{width:100%;font-size:11px}.geo-label{font-size:14px}.geo-insight{font-size:11px}.geo-controls .icon-btn{min-height:34px}}.geo-presentation{--geo-bg: transparent;--geo-grid: rgba(60, 133, 188, .12);--geo-fill-start: #174d7b;--geo-fill-end: #12365d;--geo-border: #54c7ff;--geo-depth: #12304d;--geo-label-bg: #092440;--geo-text: #dff5ff;--geo-muted: #7fa9c9;--geo-point: #52ebc8;position:relative;border-radius:0;background:radial-gradient(ellipse at 50% 50%,rgba(24,90,154,.15),transparent 68%)}.geo-presentation.geo-modern{--geo-fill-start: #1c667c;--geo-fill-end: #133b52;--geo-border: #66d3d1;--geo-depth: #133a49;--geo-label-bg: #0b2d3b}.geo-presentation .geo-map-head{position:absolute;z-index:2;left:0;right:0;top:0;padding:12px 20px;border:0;pointer-events:none}.geo-presentation .geo-map-head strong{font-size:24px;letter-spacing:3px}.geo-presentation .geo-map-head span{font-size:14px}.geo-presentation .geo-controls{pointer-events:auto}.geo-presentation .geo-controls .icon-btn{border-color:#579bd540;background:#06183199}.geo-presentation .geo-boundary{stroke-width:1.4;filter:drop-shadow(0 0 5px rgba(53,170,251,.35))}.geo-presentation .geo-depth{stroke:#27517d;stroke-width:.7}.geo-presentation .geo-extrusion{fill:#0a223e;stroke:#224a75;stroke-width:.8}.geo-presentation.geo-modern .geo-extrusion{fill:#0c2937;stroke:#246575}.geo-presentation .geo-stage-base{fill:#1b62b10a;stroke:#4491dc45;stroke-width:1;stroke-dasharray:4 9}.geo-presentation .geo-stage-base ellipse:first-child{stroke-dasharray:none;stroke-opacity:.55}.geo-presentation .geo-label-bg{fill-opacity:.9;stroke:#50aada66}.geo-presentation .geo-point{stroke:#d7fff4;stroke-width:1.3;filter:drop-shadow(0 0 4px #40caba)}.geo-presentation .geo-station.alarm .geo-point{stroke:#fff3d4;filter:drop-shadow(0 0 5px #f3b351)}.geo-presentation .geo-station.offline .geo-point{filter:none}.geo-presentation .geo-point-halo{fill-opacity:.12;stroke:var(--geo-point);stroke-opacity:.55;stroke-width:.8}.geo-presentation .geo-leader{opacity:.85}.geo-presentation .geo-map-foot{position:relative;z-index:1;justify-content:center;padding:6px 16px;font-size:12px}.geo-presentation .geo-coordinate{margin-left:0}.geo-presentation .geo-map-legend{gap:18px}.geo-presentation .geo-map-legend i{width:7px;height:7px}.geo-presentation .geo-outside{font-size:12px}.geo-presentation .geo-source{padding:0 10px 6px;text-align:center;font-size:10px;opacity:.72}.geo-presentation .geo-insight{background:#0b2440;border-color:var(--geo-border);box-shadow:0 0 20px #0004}.map3d-host{position:relative}.map3d-host>.map3d-switch{position:absolute;z-index:3;right:118px;top:12px}.map3d{--m3-text: #e3f3ff;--m3-muted: #84a6c9;--m3-line: rgba(84, 178, 255, .18);position:relative;display:flex;flex-direction:column;min-height:0;color:var(--m3-text);background:radial-gradient(ellipse 70% 60% at 50% 55%,rgba(24,112,214,.28),transparent 70%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(62,227,155,.12),transparent 70%),linear-gradient(180deg,#040d20,#061633 60%,#04102a);border-radius:10px;overflow:hidden;isolation:isolate}.map3d-head{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;pointer-events:none}.map3d-head>div{display:flex;align-items:center;gap:9px;pointer-events:auto}.map3d-head svg{color:#38c8ff}.map3d-head strong{font-size:16px;letter-spacing:1px;text-shadow:0 0 14px rgba(65,200,255,.6)}.map3d-head span{font-size:12px;color:var(--m3-muted)}.map3d-tools .icon-btn{min-width:30px;min-height:30px;padding:5px;color:#bfe3ff;border:1px solid rgba(84,178,255,.28);background:#05142e99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px}.map3d-tools .icon-btn:hover{color:#fff;border-color:#38c8ff;background:#104878b3}.map3d-switch{display:inline-flex;padding:2px;border:1px solid rgba(84,178,255,.28);border-radius:7px;background:#05142e99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map3d-switch button{min-height:26px;padding:3px 9px;gap:4px;font-size:11px;font-weight:600;color:#8fb3d6;background:transparent;border:0;border-radius:5px}.map3d-switch button:hover{background:#41a0ff26;color:#fff}.map3d-switch button.on{color:#031326;background:linear-gradient(135deg,#38c8ff,#3aa8ff);box-shadow:0 0 12px #38c8ff73}.map3d-stage{position:relative;flex:1;min-height:440px}.map3d-stage>canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;cursor:grab;touch-action:none}.map3d-stage>canvas:active{cursor:grabbing}.map3d-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map3d-label{position:absolute;left:0;top:0;pointer-events:auto;min-height:24px;padding:3px 10px 3px 8px;gap:6px;font-size:12px;font-weight:500;color:#e9f7ff;background:linear-gradient(90deg,#082852eb,#081e3eb8);border:1px solid rgba(65,200,255,.45);border-radius:4px;box-shadow:0 0 14px #28a0ff40,inset 0 0 10px #41c8ff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform;transition:opacity .2s,border-color .2s,box-shadow .2s}.map3d-label i{width:7px;height:7px;border-radius:50%;background:#3ee39b;box-shadow:0 0 8px currentColor;color:#3ee39b}.map3d-label.s-alarm i{background:#ffb020;color:#ffb020}.map3d-label.s-offline i{background:#7b8aa6;color:#7b8aa6}.map3d-label.s-alarm{border-color:#ffb020b3}.map3d-label:hover,.map3d-label.is-active{background:linear-gradient(90deg,#0e568cf5,#0a3462e6);border-color:#38c8ff;box-shadow:0 0 22px #38c8ff80}.map3d-insight{position:absolute;z-index:3;left:16px;bottom:14px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(65,200,255,.35);border-radius:8px;background:#04122ac7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;animation:map3d-in .25s var(--ease-out, ease-out)}.map3d-insight strong{display:block;font-size:13px}.map3d-insight small{color:var(--m3-muted);font-size:11px}.map3d-insight .dot{width:10px;height:10px;border-radius:50%;background:#3ee39b;box-shadow:0 0 10px #3ee39b}.map3d-insight .dot.s-alarm{background:#ffb020;box-shadow:0 0 10px #ffb020}.map3d-insight .dot.s-offline{background:#7b8aa6;box-shadow:none}.map3d-compass{position:absolute;right:18px;bottom:16px;width:38px;height:38px;border:1px solid rgba(84,178,255,.35);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#38c8ff;pointer-events:none}.map3d-compass:before{content:"";position:absolute;top:-5px;border:5px solid transparent;border-bottom:7px solid #38c8ff;border-top:0}.map3d-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:9px 16px;border-top:1px solid var(--m3-line);background:#030c1e99;font-size:11px;color:var(--m3-muted)}.map3d-legend{display:flex;align-items:center;gap:14px}.map3d-legend span{display:inline-flex;align-items:center;gap:5px}.map3d-legend i{width:7px;height:7px;border-radius:50%;background:#3ee39b;box-shadow:0 0 6px #3ee39b}.map3d-legend i.s-alarm{background:#ffb020;box-shadow:0 0 6px #ffb020}.map3d-legend i.s-offline{background:#7b8aa6;box-shadow:none}.map3d-legend em{font-style:normal;color:#ffcf7a}.map3d-source{display:inline-flex;align-items:center;gap:5px;opacity:.85}.map3d-presentation{height:100%;background:transparent}.map3d-presentation .map3d-stage{min-height:0}.map3d-presentation .map3d-head strong{font-size:24px;letter-spacing:3px}.map3d-presentation .map3d-head span{font-size:14px}.map3d-presentation .map3d-label{font-size:14px;min-height:28px}.map3d-presentation .map3d-foot{background:transparent;border:0;justify-content:center;font-size:13px}@keyframes map3d-in{0%{opacity:0;transform:translateY(6px)}}@media(max-width:700px){.map3d-stage{min-height:340px}.map3d-head span,.map3d-source{display:none}}.twin{position:relative;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 50% 60%,rgba(30,120,230,.3),transparent 70%),linear-gradient(180deg,#040d20,#071a3a 70%,#04102a);isolation:isolate}.twin-stage{position:relative;height:420px}.twin-stage>canvas{position:absolute;inset:0;width:100%!important;height:100%!important;cursor:grab;touch-action:none}.twin-hero{background:transparent;border-radius:0;height:100%}.twin-hero .twin-stage{height:100%}.twin-hero .twin-stage>canvas{cursor:default;pointer-events:none}.twin-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.twin-hotspot{position:absolute;left:0;top:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:0;padding:0;min-height:0;background:transparent;border:0;color:#e5f6ff;will-change:transform}.twin-hotspot:hover{background:transparent}.twin-hotspot>i{order:2;width:12px;height:12px;border-radius:50%;background:#3ee39b;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 0 4px #3ee39b38,0 0 14px #3ee39b}.twin-hotspot.s-offline>i{background:#ff7f8b;box-shadow:0 0 0 4px #ff7f8b33,0 0 12px #ff7f8b}.twin-hotspot.s-none>i{background:#6f8099;box-shadow:0 0 0 4px #6f809933}.twin-hotspot-card{order:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:8px;padding:6px 10px;max-width:220px;text-align:left;white-space:nowrap;border:1px solid rgba(65,200,255,.4);border-radius:6px;background:#051632d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 16px #28a0ff38;transition:border-color .2s,box-shadow .2s}.twin-hotspot-card strong{font-size:12px;font-weight:600}.twin-hotspot-card small,.twin-hotspot-card em{display:none;font-size:11px;font-style:normal;color:#94b6d8}.twin-hotspot-card em b{color:#38c8ff;font-size:13px;font-variant-numeric:tabular-nums}.twin-hotspot.is-open{z-index:3}.twin-hotspot.is-open .twin-hotspot-card{border-color:#38c8ff;box-shadow:0 0 24px #38c8ff66}.twin-hotspot.is-open .twin-hotspot-card small,.twin-hotspot.is-open .twin-hotspot-card em{display:block}.twin-tools{position:absolute;top:10px;right:12px;left:12px;display:flex;align-items:center;gap:6px;pointer-events:none}.twin-tools>span{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font-size:12px;color:#a9cdf0}.twin-tools>span svg{color:#38c8ff}.twin-tools .icon-btn{pointer-events:auto;min-width:30px;min-height:30px;padding:5px;color:#bfe3ff;border:1px solid rgba(84,178,255,.28);background:#05142e99;border-radius:6px}.twin-fallback{display:flex;align-items:center;justify-content:center;gap:10px;min-height:160px;color:var(--muted);font-size:12px}@media(max-width:700px){.twin-stage{height:330px}}.stage3d{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse 65% 60% at 50% 58%,rgba(30,120,230,.26),transparent 72%),radial-gradient(ellipse 40% 30% at 50% 100%,rgba(56,200,255,.1),transparent 70%)}.stage3d-host{position:relative;flex:1;min-height:0}.stage3d-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;cursor:grab;touch-action:none}.stage3d-canvas:active{cursor:grabbing}.stage3d-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.stage3d-tag,.stage3d-tip{position:absolute;left:0;top:0;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:0;padding:4px 10px;border:1px solid rgba(65,200,255,.45);border-radius:4px;background:linear-gradient(90deg,#082852eb,#081e3eb8);box-shadow:0 0 14px #28a0ff40;color:#e9f7ff;font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap;text-align:left;will-change:transform;pointer-events:auto;transition:opacity .2s}button.stage3d-tag{cursor:pointer}button.stage3d-tag:hover{border-color:#38c8ff;background:linear-gradient(90deg,#0e568cf5,#0a3462e6);box-shadow:0 0 22px #38c8ff80;transform:none}.stage3d-tag b{font-weight:600}.stage3d-tag small,.stage3d-tip small{font-size:11px;color:#93b7dc}.stage3d-tag.core{padding:5px 14px;border-color:#38c8ffb3;color:#a8e6ff;font-size:14px;letter-spacing:2px;text-shadow:0 0 10px rgba(56,200,255,.7)}.stage3d-tag.mini{flex-direction:row;align-items:center;gap:6px;padding:2px 8px;font-size:12px;background:#061834b3;border-color:#41c8ff47;pointer-events:none}.stage3d-tag.mini b{min-width:18px;padding:0 5px;border-radius:9px;background:#ffb020;color:#1f1300;font-size:11px;text-align:center}.stage3d-tag.warn{border-color:#ffb020b3}.stage3d-tag.bad{border-color:#ff5d6cbf;box-shadow:0 0 14px #ff5d6c59}.stage3d-tip{z-index:5;pointer-events:none;border-color:#38c8ff;background:#04142ef0;box-shadow:0 0 24px #38c8ff66;animation:stage3d-in .18s ease-out}.stage3d-bar{display:flex;align-items:center;gap:12px;padding:6px 4px 0;flex:0 0 auto}.stage3d-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin-right:auto;font-size:13px;color:#93b7dc}.stage3d-legend>span{display:inline-flex;align-items:center;gap:6px}.stage3d-legend i{width:9px;height:9px;border-radius:2px;box-shadow:0 0 6px currentColor}.stage3d-legend em{font-style:normal;color:#cfe6ff}.stage3d-ramp i{width:120px!important;height:8px!important;border-radius:4px!important;background:linear-gradient(90deg,#3a5bff,#38c8ff 60%,#ffb020)!important}.stage3d-reset{min-width:30px;min-height:30px;padding:5px;color:#bfe3ff;border:1px solid rgba(84,178,255,.28);background:#05142e99;border-radius:4px}.stage3d-reset:hover{border-color:#38c8ff;color:#fff}.stage3d-fallback{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:160px;color:#93b7dc;font-size:14px}@keyframes stage3d-in{0%{opacity:0}}.wallboard{--wb-bg: #071a29;--wb-panel: rgba(11, 38, 57, .84);--wb-text: #e4f4ff;--wb-muted: #84a9bf;--wb-border: rgba(76, 153, 181, .28);--wb-accent: #52d6c5;--wb-secondary: #5ba7f7;--wb-soft: rgba(45, 131, 149, .14);--wb-grid: rgba(105, 167, 192, .17);--wb-positive: #6ee7a0;--wb-warning: #ffd178;--wb-critical: #ff7b7d;--wb-motion-ease: var(--ease-out, cubic-bezier(.23, 1, .32, 1));position:fixed;inset:0;z-index:200;overflow:hidden;overscroll-behavior:none;background:#030b16;color:var(--wb-text);font:18px/1.45 PingFang SC,Microsoft YaHei,sans-serif}.wallboard.wb-tech{--wb-bg: #050e23;--wb-panel: rgba(8, 28, 60, .82);--wb-text: #e6f5ff;--wb-muted: #8aafd0;--wb-border: rgba(47, 126, 204, .32);--wb-accent: #35c7ff;--wb-secondary: #527aff;--wb-soft: rgba(26, 100, 191, .16);--wb-grid: rgba(74, 134, 200, .17);--wb-positive: #3ee39b;--wb-warning: #ffd16a;--wb-critical: #ff7886}.wallboard *,.wallboard *:before,.wallboard *:after{box-sizing:border-box}.wallboard h1,.wallboard h2,.wallboard h3,.wallboard p{margin:0}.wallboard svg{flex-shrink:0}.wb-canvas{isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(28,96,131,.2),transparent 52%),linear-gradient(180deg,#0b2436 0%,var(--wb-bg) 35%,#061520 100%)}.wb-tech .wb-canvas{background:radial-gradient(ellipse at 50% 43%,rgba(16,69,145,.27),transparent 54%),linear-gradient(180deg,#0a1e41 0%,var(--wb-bg) 34%,#061126 100%)}.wb-canvas:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.25;background-image:linear-gradient(var(--wb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--wb-grid) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:linear-gradient(transparent,#000 45%,transparent);mask-image:linear-gradient(transparent,#000 45%,transparent)}.wb-canvas:after{content:"";position:absolute;inset:10px;z-index:-1;pointer-events:none;border-left:1px solid var(--wb-border);border-right:1px solid var(--wb-border);background:linear-gradient(var(--wb-accent),var(--wb-accent)) left top/80px 2px no-repeat,linear-gradient(var(--wb-accent),var(--wb-accent)) right top/80px 2px no-repeat}.wallboard button,.wallboard select,.wallboard input{min-height:34px;padding:6px 12px;border:1px solid var(--wb-border);border-radius:2px;color:var(--wb-text);background:#102f4cb8;box-shadow:none;font:inherit}.wallboard button{display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.wallboard button:disabled{opacity:.7;cursor:default}.wallboard button:focus-visible,.wallboard select:focus-visible,.wallboard input:focus-visible{outline:2px solid var(--wb-accent);outline-offset:4px}.wallboard select option{background:var(--wb-bg);color:var(--wb-text)}.wb-header{position:relative;z-index:10;display:grid;grid-template-columns:510px 1fr 510px;align-items:start;flex:0 0 108px;padding:15px 30px 0}.wb-header:before,.wb-header:after{content:"";position:absolute;top:23px;width:510px;height:38px;border-top:2px solid var(--wb-accent);opacity:.65;pointer-events:none}.wb-header:before{left:20px;transform:skewY(3deg);transform-origin:left}.wb-header:after{right:20px;transform:skewY(-3deg);transform-origin:right}.wb-clock{align-self:start;z-index:1;display:flex;align-items:baseline;gap:18px;padding-top:34px;color:var(--wb-muted);font-size:17px}.wb-clock strong,.wb-clock time{color:var(--wb-text);font-family:Bahnschrift,DIN Alternate,sans-serif;font-size:27px;letter-spacing:1px;font-variant-numeric:tabular-nums}.wb-title{position:relative;padding:1px 0 16px;text-align:center}.wb-title:before{content:"";position:absolute;inset:-15px -40px 0;z-index:-1;background:linear-gradient(180deg,#226d9d59,#0f43651f);border-bottom:2px solid var(--wb-accent);clip-path:polygon(0 0,100% 0,91% 82%,83% 100%,17% 100%,9% 82%)}.wb-title:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:3px;background:var(--wb-accent);box-shadow:0 0 18px var(--wb-accent)}.wallboard .wb-title h1{font-size:39px;font-weight:700;letter-spacing:5px;line-height:1.4;color:#effaff;text-shadow:0 2px 14px rgba(77,184,255,.36);white-space:nowrap}.wb-title p{font-size:16px;letter-spacing:5px;color:var(--wb-accent);margin-top:3px}.wb-header-right{z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:31px}.wb-environment,.wb-environment-badge,.wb-live-badge{display:inline-flex;align-items:center;gap:8px;color:var(--wb-muted);font-size:15px}.wb-environment i,.wb-environment-badge i,.wb-live-badge i{width:7px;height:7px;border-radius:50%;background:var(--wb-positive);box-shadow:0 0 10px color-mix(in srgb,var(--wb-positive),transparent 45%)}.wb-control-trigger{font-size:15px!important;background:var(--wb-soft)!important}.wb-controls{position:absolute;right:30px;top:88px;z-index:20;width:310px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;background:#0d223c;border:1px solid var(--wb-accent);box-shadow:0 16px 60px #0008}.wb-controls button{font-size:15px;min-height:42px}.wb-controls button[aria-pressed=true]{color:var(--wb-accent);background:var(--wb-soft);border-color:var(--wb-accent)}.wb-theme-control{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.wb-main{width:100%;max-width:none;margin:0;flex:1;min-height:0;padding:8px 22px;overflow:hidden}.wb-module-content{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0}.wb-module-content>.wb-grid,.wb-module-content>.wb-analysis-grid,.wb-module-content>.wb-layout-panel{flex:1;min-height:0}.wb-grid,.wb-analysis-grid{display:grid;gap:18px;min-height:0}.wb-overview{display:grid;grid-template-columns:420px minmax(0,1fr) 420px;gap:18px;height:100%;min-height:0}.wb-overview-left,.wb-overview-right{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:18px;min-height:0}.wb-overview-center{display:flex;flex-direction:column;gap:14px;min-height:0}.wb-overview-center>.wb-map-panel{flex:1;min-height:0}.wb-center-summary{flex:0 0 102px}.wb-overview-center .wb-recent-panel{flex:0 0 210px}.wb-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:17px 19px;border:1px solid var(--wb-border);border-radius:0;background:linear-gradient(105deg,var(--wb-panel),rgba(9,29,52,.45))}.wb-panel:before,.wb-panel:after{content:"";position:absolute;pointer-events:none;width:17px;height:11px;border-color:var(--wb-accent);opacity:.8}.wb-panel:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid;color:var(--wb-accent)}.wb-panel:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid;color:var(--wb-accent)}.wb-tech .wb-panel{background:linear-gradient(100deg,#0a254ccc,#071a3799)}.wb-tech .wb-panel:before{width:34px}.wb-panel>header{position:relative;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;min-height:35px;margin-bottom:14px;padding:0 0 10px 14px;border-bottom:1px solid var(--wb-border)}.wb-panel>header:before{content:"";position:absolute;left:0;top:5px;width:4px;height:20px;background:var(--wb-accent);box-shadow:6px 0 color-mix(in srgb,var(--wb-accent),transparent 75%)}.wb-panel>header:after{content:"";position:absolute;left:14px;bottom:-1px;width:77px;height:2px;background:var(--wb-accent)}.wallboard .wb-panel h2{color:var(--wb-text);font-size:21px;font-weight:600;letter-spacing:1px;white-space:nowrap}.wb-panel>header>span{display:flex;align-items:center;color:var(--wb-muted);font-size:13px;min-width:0}.wb-panel>header button{min-height:26px;padding:0;border:0;color:var(--wb-accent);background:transparent;font-size:14px}.wb-panel>header label{flex-direction:row;align-items:center;gap:6px;font-size:0}.wb-panel>header label select{min-width:115px;max-width:150px;min-height:30px;padding:3px 6px;font-size:13px}.wb-map-panel{padding:0;border:0;background:transparent!important}.wb-map-panel:before,.wb-map-panel:after{display:none}.wb-overview .wb-map-panel>header{display:none}.wb-map-panel .geo-map{flex:1;min-height:0;display:flex;flex-direction:column}.wb-map-panel .geo-canvas{flex:1;min-height:0}.wb-map-panel .geo-canvas>svg{height:100%;max-height:none}.wb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;flex:0 0 110px;min-height:0}.wb-stats button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0;padding:9px 24px;border:1px solid var(--wb-border);background:linear-gradient(120deg,var(--wb-soft),transparent);text-align:left}.wb-stats button:after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--wb-accent),transparent)}.wb-stats button:disabled{opacity:1}.wb-stats button>span{font-size:18px;color:var(--wb-muted)}.wb-stats strong{font-family:Bahnschrift,DIN Alternate,Arial,sans-serif;font-size:43px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums;color:var(--wb-accent);white-space:nowrap}.wb-stats small{color:var(--wb-muted);font-size:13px}.wb-stats svg{position:absolute;right:16px;top:16px;width:13px;opacity:.6}.wb-center-summary .wb-stats{height:100%;gap:12px}.wb-center-summary .wb-stats button{padding:10px 16px;align-items:center;text-align:center;border-top:0;border-left:0;border-right:0}.wb-center-summary .wb-stats button>span{font-size:16px}.wb-center-summary .wb-stats strong{font-size:41px;color:#eaf8ff;text-shadow:0 0 22px color-mix(in srgb,var(--wb-accent),transparent 65%)}.wb-center-summary .wb-stats small{font-size:12px}.wb-center-summary .wb-stats svg{display:none}.wb-chart{min-height:0;display:flex;flex-direction:column;justify-content:center}.wb-chart svg{display:block;width:100%;height:auto;max-height:320px;min-height:0}.wb-chart svg text{fill:var(--wb-muted);font-size:15px;font-family:inherit}.wb-grid-line{stroke:var(--wb-grid);stroke-width:1;stroke-dasharray:3 5}.wb-chart-line{fill:none;stroke:var(--wb-accent);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wb-accent),transparent 55%))}.wb-area{fill:var(--wb-accent);opacity:.1}.wb-chart-caption{display:flex;justify-content:space-between;color:var(--wb-muted);font-size:13px;padding:0 4px}.wb-overview-left .wb-chart{flex:1}.wb-overview-left .wb-chart svg{height:170px}.wb-ring-chart{display:flex;align-items:center;justify-content:space-evenly;gap:12px;min-height:0;flex:1}.wb-ring-chart>svg{width:180px;height:180px;max-height:190px}.wb-ring-chart svg text{fill:var(--wb-text);font:600 34px Bahnschrift,DIN Alternate,sans-serif}.wb-ring-chart svg text+text,.wb-ring-chart svg .wb-ring-label{fill:var(--wb-muted);font-size:14px;font-weight:400;font-family:inherit}.wb-ring-legend{display:flex;flex-direction:column;gap:17px;min-width:135px}.wb-ring-legend>*,.wb-ring-legend button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:transparent;padding:0;font-size:16px}.wb-ring-legend i{display:inline-block;width:7px;height:7px;margin-right:6px}.wb-ring-legend strong{font-size:22px;font-family:Bahnschrift,DIN Alternate,sans-serif}.wb-vertical-bars{display:flex;flex-direction:column;flex:1;min-height:0}.wb-vertical-bars svg{width:100%;height:180px}.wb-vertical-bars svg text{fill:var(--wb-muted);font-size:15px}.wb-vertical-bars .wb-bar-label{fill:var(--wb-text)}.wb-vertical-bars .wb-bar-value{fill:var(--wb-accent);font-weight:600}.wb-bars{display:flex;flex-direction:column;gap:10px;min-height:0}.wb-bars>button{display:grid;grid-template-columns:minmax(80px,1fr) minmax(70px,1.15fr) 38px;gap:10px;padding:11px 0;border:0;background:transparent;text-align:left}.wb-bars>button:disabled{opacity:1}.wb-bars>button span{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-bars>button strong{text-align:right;font-size:23px;font-family:Bahnschrift,DIN Alternate,sans-serif}.wb-bars>button>div{height:10px;background:var(--wb-soft)}.wb-bars i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--wb-accent),transparent 60%),var(--wb-accent))}.wb-bars>button:nth-child(2n) i{background:linear-gradient(90deg,color-mix(in srgb,var(--wb-secondary),transparent 60%),var(--wb-secondary))}.wb-overview-right .wb-bars{gap:0}.wb-overview-right .wb-bars>button{padding:5px 0;grid-template-columns:minmax(100px,1.4fr) minmax(65px,1fr) 30px}.wb-overview-right .wb-bars>button span{font-size:14px}.wb-overview-right .wb-bars>button strong{font-size:20px}.wb-status{display:inline-flex;align-items:center;width:fit-content;padding:2px 7px;border:1px solid currentColor;border-radius:1px;font-size:13px;white-space:nowrap;color:var(--wb-muted)}.wb-status-online,.wb-status-succeeded,.wb-status-sent,.wb-status-valid{color:var(--wb-positive)}.wb-status-active,.wb-status-critical,.wb-status-failed,.wb-status-invalid{color:var(--wb-critical)}.wb-status-warning,.wb-status-queued,.wb-status-pending,.wb-status-suspect{color:var(--wb-warning)}.wb-records,.wb-device-list,.wb-metrics-list{display:flex;flex-direction:column;min-height:0}.wb-records>button,.wb-device-list>button,.wb-metrics-list>button{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;min-width:0;padding:15px 6px;width:100%;border:0;border-radius:0;border-bottom:1px solid var(--wb-border);background:transparent;text-align:left}.wb-records>button:nth-child(2n),.wb-device-list>button:nth-child(2n),.wb-metrics-list>button:nth-child(2n){background:#1d588412}.wb-records>button:last-child,.wb-device-list>button:last-child,.wb-metrics-list>button:last-child{border-bottom:0}.wb-records>button>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.wb-records>button>div:first-child{flex:1}.wb-records>button>div>small{flex-basis:100%}.wb-records>button>small{max-width:150px;text-align:right}.wb-device-list>button>span{min-width:0}.wb-device-list>button>span:last-child{text-align:right}.wb-device-list small,.wb-metrics-list small,.wb-records small{display:block;color:var(--wb-muted);font-size:14px}.wb-metrics-list strong{font-size:22px;white-space:nowrap;font-variant-numeric:tabular-nums}.wb-metrics-list strong small{display:inline;font-weight:400}.wb-overview-right .wb-records>button{flex-wrap:wrap;padding:10px 4px;gap:5px 10px}.wb-overview-right .wb-records>button>div{flex-basis:100%;font-size:15px}.wb-overview-right .wb-records>button>small{max-width:none;margin-left:auto;font-size:12px}.wb-overview-right .wb-records small{font-size:13px}.wb-recent-panel{padding:12px 19px}.wb-recent-panel>header{min-height:30px;margin-bottom:5px;padding-bottom:7px}.wb-recent-panel h2{font-size:18px!important}.wb-recent-panel .wb-metrics-list{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.wb-recent-panel .wb-metrics-list>button{padding:7px 0;gap:8px;font-size:14px}.wb-recent-panel .wb-metrics-list small{font-size:11px}.wb-recent-panel .wb-metrics-list strong{font-size:20px}.wb-recent-panel .wb-status{font-size:11px}.wb-filterbar{display:flex;align-items:center;gap:22px;flex:0 0 48px;min-height:0}.wb-filterbar>span{color:var(--wb-muted);font-size:17px}.wallboard label{display:flex;flex-direction:row;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:400;color:var(--wb-muted)}.wallboard label select,.wallboard label input{min-width:170px;max-width:275px;padding:6px 10px;font-size:16px}.wb-filterbar>button{margin-left:auto;font-size:16px}.wb-inline-filters{display:flex;gap:12px}.wb-summary{display:flex;justify-content:space-around;gap:15px;border-top:1px solid var(--wb-border);padding-top:18px;margin-top:18px;color:var(--wb-muted);font-size:16px}.wb-summary b{color:var(--wb-accent);padding-left:8px;font-size:24px;font-variant-numeric:tabular-nums}.wb-stations{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1.4fr) minmax(0,1fr)}.wb-stations>.wb-map-panel{grid-row:1;grid-column:1}.wb-stations>:nth-child(2){grid-column:2;grid-row:1}.wb-stations>:nth-child(3){grid-column:2;grid-row:2}.wb-stations>:nth-child(4){display:grid;grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);gap:0 22px}.wb-stations>:nth-child(4)>header{grid-column:1 / -1}.wb-stations>:nth-child(4) .wb-device-list>button,.wb-stations>:nth-child(4) .wb-records>button{padding:8px 0;font-size:15px}.wb-stations>:nth-child(4) .wb-records>button{flex-wrap:wrap;gap:5px}.wb-stations>:nth-child(4) .wb-records>button>div{flex-basis:100%}.wb-stations .wb-map-panel>header{margin:15px 18px 0}.wb-instrument-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0}.wb-instrument-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;padding:12px 16px;background:var(--wb-soft)}.wb-instrument-grid button>span:first-child{color:var(--wb-muted);font-size:16px}.wb-instrument-grid strong{font:600 34px/1.2 Bahnschrift,DIN Alternate,sans-serif;font-variant-numeric:tabular-nums}.wb-instrument-grid strong small{margin-left:6px;font-size:14px;font-weight:400;color:var(--wb-muted)}.wb-instrument-grid button>small{color:var(--wb-muted);font-size:12px}.wb-device-board{grid-template-columns:390px minmax(0,1fr) 420px}.wb-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.wb-analysis-grid>.wb-panel:only-child{grid-column:1/-1}.wb-analysis-grid>.wb-panel .wb-chart{flex:1}.wb-analysis-grid>.wb-panel .wb-chart svg{flex:1;height:0;max-height:none;min-height:0}.wb-chart-caption{flex-shrink:0}.wb-analysis-grid>.wb-panel .wb-summary{margin-top:8px;padding-top:8px}.wb-alarm-board{grid-template-columns:510px minmax(0,1fr)}.wb-collection-board{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-settings-board{grid-template-columns:390px minmax(0,1fr) 430px}.wb-pipeline{display:flex;align-items:center;gap:24px;flex:0 0 98px;padding:12px 30px;border:1px solid var(--wb-border);background:var(--wb-soft)}.wb-pipeline>span{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--wb-muted);text-align:center;font-size:16px}.wb-pipeline b{color:var(--wb-accent);font:600 34px/1.2 Bahnschrift,DIN Alternate,sans-serif}.wb-pipeline>svg{color:var(--wb-accent)}.wb-link{margin-top:20px;color:var(--wb-accent)!important}.wb-footnote{color:var(--wb-muted);font-size:14px;margin-top:auto!important;padding-top:12px}.wb-timeline{display:flex;flex-direction:column;min-height:0}.wb-timeline>button{display:flex;justify-content:flex-start;flex-shrink:0;gap:16px;width:100%;padding:15px 0;border:0;border-radius:0;border-bottom:1px solid var(--wb-border);background:transparent;text-align:left}.wb-timeline i{width:7px;height:7px;background:var(--wb-accent);border-radius:50%;flex-shrink:0}.wb-timeline small{display:block;color:var(--wb-muted);font-size:14px;margin-top:3px}.wb-timeline time{margin-left:auto;max-width:180px;color:var(--wb-muted);font-size:14px;text-align:right}.wb-layout-panel{align-items:stretch}.wb-layout-stage{flex:0 0 auto;min-height:0;max-width:100%;align-self:center;margin:auto;display:flex;justify-content:center;align-items:center}.wb-layout-panel .layout-scene{flex-shrink:0;width:100%;height:100%;min-height:0;margin:auto;overflow:hidden}.wallboard .wb-layout-panel .layout-scene{--scene-bg: var(--wb-bg);--scene-panel: var(--wb-panel);--scene-line: var(--wb-border);--scene-text: var(--wb-text);--scene-muted: var(--wb-muted);--scene-accent: var(--wb-accent);background:var(--scene-bg);color:var(--scene-text)}.wb-empty{display:flex;flex:1;min-height:100px;justify-content:center;align-items:center;flex-direction:column;gap:12px;text-align:center;padding:22px;color:var(--wb-muted)}.wb-empty p{max-width:700px;font-size:16px}.wb-error{display:flex;align-items:flex-start;gap:20px;margin:80px auto;max-width:900px;padding:35px;border:1px solid var(--wb-critical);color:var(--wb-critical);background:var(--wb-panel)}.wb-error p{margin:12px 0 20px}.wb-action-error{position:absolute;z-index:25;right:34px;top:155px;display:flex;align-items:center;gap:16px;max-width:600px;padding:15px 20px;border:1px solid var(--wb-warning);color:var(--wb-warning);background:var(--wb-bg)}.wb-loading{height:100%;display:grid;place-items:center;color:var(--wb-muted)}.wb-footer{display:flex;align-items:center;justify-content:space-between;flex:0 0 27px;gap:20px;padding:0 27px;color:var(--wb-muted);font-size:12px}.wb-module-nav{position:relative;display:flex;justify-content:center;align-items:center;gap:15px;flex:0 0 65px;padding:7px 30px 13px;border-top:1px solid var(--wb-border);background:linear-gradient(180deg,transparent,rgba(16,53,88,.5))}.wb-module-nav:before,.wb-module-nav:after{content:"";height:2px;width:55px;background:var(--wb-accent);opacity:.65}.wb-module-nav button{position:relative;width:183px;min-height:41px;padding:6px 14px;border:0;border-bottom:1px solid var(--wb-border);border-radius:0;background:linear-gradient(180deg,#20507e38,#22557f73);clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);color:var(--wb-muted);font-size:18px;letter-spacing:2px}.wb-module-nav button[aria-current=page]{color:#eafaff;background:linear-gradient(180deg,color-mix(in srgb,var(--wb-accent),transparent 77%),color-mix(in srgb,var(--wb-secondary),transparent 48%));border-bottom:2px solid var(--wb-accent);text-shadow:0 0 12px var(--wb-accent);font-weight:600}.wb-module-nav button:focus-visible{clip-path:none}.wb-refreshing{opacity:.5}@media(hover:hover)and (pointer:fine){.wallboard button:not(:disabled):hover{color:var(--wb-text);border-color:var(--wb-accent);background-color:var(--wb-soft)}.wb-module-nav button:not(:disabled):hover{color:var(--wb-accent)}}html[data-input=keyboard] .wallboard button,html[data-motion=off] .wallboard button{transition:none}@media(prefers-reduced-motion:reduce){.wallboard button{transition:color .1s ease}}.wb-ring-visual{position:relative;width:170px;height:170px;flex:0 0 170px}.wb-ring-visual>svg{display:block;width:100%;height:100%}.wb-ring-track{stroke:var(--wb-soft)}.wb-ring-visual:after{content:"";position:absolute;inset:8px;border:1px dashed var(--wb-border);border-radius:50%;pointer-events:none}.wb-ring-total{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}.wb-ring-total strong{font:600 42px/1.1 Bahnschrift,DIN Alternate,sans-serif;color:var(--wb-text)}.wb-ring-total span{font-size:12px;color:var(--wb-muted)}.wb-ring-legend>div{display:grid;grid-template-columns:8px 1fr 35px;gap:9px}.wb-ring-legend i{margin:0}.wb-ring-legend strong{text-align:right}.wb-ring-note{text-align:center;color:var(--wb-muted);font-size:13px}.wb-resource-panel .wb-ring-visual{width:145px;height:145px;flex-basis:145px}.wb-resource-counts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--wb-border);padding-top:8px;margin-top:7px}.wb-resource-counts button{border:0;background:transparent;padding:0 12px;justify-content:space-between;min-height:27px}.wb-resource-counts span{color:var(--wb-muted);font-size:15px}.wb-resource-counts strong{font:600 23px Bahnschrift,DIN Alternate,sans-serif;color:var(--wb-accent)}.wb-chart-subtitle{display:flex;justify-content:space-between;color:var(--wb-accent);font-size:15px}.wb-chart-subtitle small{color:var(--wb-muted);font-size:12px}.wb-overview-trend .wb-chart svg{height:144px}.wb-station-ranking{display:flex;flex-direction:column}.wb-station-ranking>button{display:grid;grid-template-columns:24px 1fr 52px 42px;gap:10px;border:0;border-bottom:1px solid var(--wb-border);background:transparent;padding:8px 0;min-height:36px;text-align:left}.wb-station-ranking>button>i{display:grid;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;background:var(--wb-soft);color:var(--wb-accent)}.wb-station-ranking>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.wb-station-ranking>button>strong{font-size:15px;text-align:right;font-weight:400;color:var(--wb-muted)}.wb-station-ranking>button .wb-status{font-size:11px;padding:1px 4px}.wb-recent-heading,.wb-recent-table>button{display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr .75fr;gap:14px;align-items:center;text-align:left}.wb-recent-heading{min-height:24px;color:var(--wb-muted);font-size:12px;background:var(--wb-soft);padding:2px 8px}.wb-recent-table>button{width:100%;min-height:27px;padding:3px 8px;border:0;border-bottom:1px solid var(--wb-border);background:transparent;font-size:13px}.wb-recent-table>button:nth-child(2n){background:#296fa00f}.wb-recent-table strong{color:var(--wb-accent);font:600 19px Bahnschrift,DIN Alternate,sans-serif}.wb-recent-table small{font:11px PingFang SC,Microsoft YaHei,sans-serif;color:var(--wb-muted);margin-left:6px}.wb-recent-table time{font-size:12px;color:var(--wb-muted)}.wb-recent-table .wb-status{font-size:11px;padding:0 5px}.wb-station-ranking>button{grid-template-columns:24px minmax(0,1fr) 48px;padding:7px 0}.wb-station-ranking>button>span small{display:inline;margin-left:10px;font-size:11px;color:var(--wb-muted)}.wb-station-ranking>button>.wb-status{overflow:visible;font-size:11px}.wb-latest-alarm-panel .wb-records>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:7px 0}.wb-latest-alarm-panel .wb-records>button>div:first-child{gap:3px 6px;font-size:14px;line-height:1.15}.wb-latest-alarm-panel .wb-records>button>div:first-child>small{font-size:12px}.wb-latest-alarm-panel .wb-records>button>div:nth-child(2){display:grid;grid-template-columns:auto auto;gap:2px 6px;justify-content:end;font-size:18px;line-height:1.1}.wb-latest-alarm-panel .wb-records>button>div:nth-child(2)>small{grid-row:2;grid-column:1 / -1;text-align:right;font-size:11px}.wb-latest-alarm-panel .wb-records .wb-status{padding:1px 4px;font-size:10px}.wb-latest-alarm-panel .wb-records>button>small{grid-column:1 / -1;line-height:1.1;font-size:10px}.wb-map-panel>.map3d,.wb-map-panel>.map3d-host{flex:1;min-height:0;display:flex;flex-direction:column}.wb-map-panel>.map3d-host>.geo-map{flex:1}.wb-map-panel>.map3d-host>.map3d-switch{right:140px}.wb-stack{display:flex;flex-direction:column;gap:18px;min-height:0}.wb-stack>.wb-panel{flex:1}.wb-3d-panel{padding-bottom:12px}.wb-3d-panel>.stage3d,.wb-3d-panel>.twin{flex:1;min-height:0}.wb-device-board{grid-template-columns:400px minmax(0,1fr) 560px}.wb-device-board .wb-device-list>button>span:last-child small{display:none}.wb-analysis-grid.has-3d{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.wb-analysis-grid.has-3d>.wb-analysis-3d{grid-row:1 / -1}.wb-analysis-grid.has-3d>.wb-panel:not(.wb-analysis-3d){padding:14px 16px}.wb-analysis-grid.has-3d>.wb-panel:not(.wb-analysis-3d) .wb-summary{font-size:14px}.wb-analysis-grid.has-3d>.wb-panel:not(.wb-analysis-3d) .wb-summary b{font-size:20px}.wb-alarm-board{grid-template-columns:minmax(0,1fr) 380px 620px}.wb-collection-board{grid-template-columns:minmax(0,1fr) 470px 520px}.wb-settings-board{grid-template-columns:400px minmax(0,1fr) 470px}.wb-layout-board{flex:1;min-height:0;grid-template-columns:620px minmax(0,1fr)}.wb-twin-panel .twin{display:flex;flex-direction:column;background:transparent}.wb-twin-panel .twin-stage{flex:1;height:auto;min-height:0}.wb-twin-panel .twin-hotspot-card strong{font-size:13px}:root{font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263445;background:#f1f4fa;font-synthesis:none;font-size:14px;line-height:1.5;--bg: #f4f6f8;--panel: #fff;--border: #e0e5eb;--muted: #6b7787;--blue: #2c55e9;--indigo: #495ce9;--cyan: #65c9ed;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--green: #16805d;--nav: #182431}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:5px;background:var(--blue);color:#fff;font-weight:500;cursor:pointer;text-decoration:none;font-size:13px;white-space:nowrap}button:hover,.button:hover{background:#1d55ce}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input,select,textarea{width:100%;min-height:38px;border:1px solid #cfd7e1;border-radius:4px;background:#fff;color:#263445;padding:8px 10px;font-size:13px}input::placeholder{color:#8994a2}input:hover,select:hover{border-color:#a4b3c5}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--blue)}select{cursor:pointer}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:7px;color:#425166;font-size:13px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:24px;font-weight:600;letter-spacing:0;margin-bottom:6px;line-height:1.4}h3{font-size:15px;font-weight:600;margin:0;line-height:1.5}h4{font-size:13px;font-weight:500;margin:20px 0 10px;color:#3f4f63}small{font-size:12px}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:8px}.secondary{background:#fff;color:#435168;border-color:#cfd7e1}.secondary:hover{background:#f2f5f9;border-color:#9faec1}.text-btn{display:inline-flex;align-items:center;gap:3px;min-height:32px;padding:4px 3px;background:transparent;color:var(--blue);font-size:12px;font-weight:400;border:0}.text-btn:hover{background:#edf3ff}.danger{background:#fff;color:#b53b3b;border-color:#dfbcbc}.danger:hover{background:#fff1f1}.icon-btn{background:transparent;color:#657387;padding:7px;border:0;min-height:34px;min-width:34px}.icon-btn:hover{background:#edf1f6}.badge{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid #dfe5ed;border-radius:3px;background:#f4f6f9;color:#5a6b82;font-size:11px;line-height:1.6;white-space:nowrap}.online,.valid,.resolved,.succeeded,.sent{background:#edf7f1;border-color:#d2eadd;color:#197247}.active,.warning,.acknowledged,.queued,.suspect,.pending,.processing{background:#fff6e8;border-color:#edb;color:#9a630e}.critical,.invalid,.offline,.failed{background:#fff1f0;border-color:#efcfcc;color:#ab4444}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:var(--nav);display:flex;flex-direction:column;z-index:30;color:#edf0f4}.brand{height:90px;padding:23px 22px;display:flex;align-items:center;gap:11px;font-size:17px;font-weight:600;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:36px;border-radius:5px;background:#2b63ca;color:#fff;flex-shrink:0}.brand small{display:block;font-size:10px;color:#93a2b3;font-weight:400;margin-top:3px;letter-spacing:0}.nav-label{padding:16px 24px 9px;color:#8998aa;font-size:10px}nav{padding:0 12px}nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;margin:3px 0;min-height:43px;border-radius:4px;color:#b9c4d1;font-size:13px}nav a:hover{background:#243446;color:#fff}nav a.active{background:#294669;color:#fff}nav a svg{color:#8fa3bb}nav a.active svg{color:#d6e8ff}nav a svg:last-child{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:24px 22px 18px}.system-dot{display:flex;align-items:center;gap:7px;font-size:10px;color:#9fafc0}.system-dot i{width:5px;height:5px;border-radius:50%;background:#8ba5c7}.sidebar-bottom p{color:#7f8fa3;font-size:10px;line-height:1.8;margin:8px 0 21px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #344150;padding-top:17px;font-size:12px}.profile small{display:block;font-size:10px;color:#8b9db1}.profile .icon-btn{margin-left:auto;color:#a7b6c8}.profile .icon-btn:hover{background:#2c3b4e}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#334a64;color:#e0e9f4;font-size:12px}.workspace{margin-left:220px;flex:1;min-width:0}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 28px;background:#fff;border-bottom:1px solid var(--border)}.topbar>div{display:flex;align-items:center;gap:12px;font-size:12px}.topbar strong{font-weight:500}.topbar>div>svg{color:#a0acba}.environment{font-size:11px;color:#6b7483;padding:3px 7px;border:1px solid #e1e6ed;border-radius:3px;background:#f7f9fb}.clock{color:#7a8696;font-size:11px}.mobile-menu{display:none}main{max-width:1800px;padding:28px 28px 12px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.page-heading .eyebrow{display:none}.page-heading .muted{margin:0;font-size:12px}.heading-actions{display:flex;align-items:center;gap:10px}.panel{padding:20px 22px;border:1px solid var(--border);border-radius:6px;background:#fff;margin-bottom:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;min-height:27px}.panel-head>select{max-width:170px;font-size:12px;min-height:34px;padding:6px 9px}.panel-head .search{margin:0;max-width:220px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--border);border-radius:6px;margin-bottom:22px;padding:21px 0}.kpi{padding:0 24px;border-right:1px solid #e8ecf1}.kpi:last-child{border:0}.kpi>span{display:block;color:#667589;font-size:12px}.kpi strong{display:block;color:#223247;font-size:30px;line-height:1.25;font-weight:550;margin:7px 0 5px;font-variant-numeric:tabular-nums}.kpi small{font-size:11px;color:#8b95a2}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,1fr);gap:20px}.overview-grid>.panel{margin-bottom:20px}.map-panel{background:#142642;border-color:#263d60;color:#e4edfb;padding:20px 0 0;overflow:hidden}.map-panel .panel-head{padding:0 22px;margin-bottom:14px}.map-tag{color:#9cafcb;font-size:10px}.map-visual{position:relative;overflow:hidden}.map-visual svg{display:block;width:100%;height:auto;max-height:360px;min-height:230px}.map-point{cursor:pointer}.map-point:hover rect{stroke:#73a5f8}.map-legend{display:flex;align-items:center;gap:19px;padding:13px 20px;color:#a3b6d2;font-size:10px;background:#142642}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend span:last-child{margin-left:auto;color:#7f97ba}.map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65c9ed}.map-legend i.amber{background:#f0b568}.map-summary{padding:9px 20px;display:flex;align-items:center;gap:12px;border-top:1px solid #2a4163;font-size:11px;color:#8ea8cc}.map-summary strong{font-weight:400;color:#d2e1f9}.map-summary .text-btn{color:#90b7ff;margin-left:auto;font-size:11px}.pending-list>a{display:block;position:relative;padding:14px 0;border-bottom:1px solid #edf0f4}.pending-list>a:first-child{padding-top:0}.pending-list>a:last-child{border-bottom:0}.pending-list>a:hover strong{color:var(--blue)}.pending-list>a>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pending-list time{font-size:10px;color:#8b96a6}.pending-list strong{display:block;font-size:13px;font-weight:500;max-width:80%;color:#3c4c61}.pending-list p{padding-right:42px;margin:6px 0 0;color:#7c8898;font-size:11px}.pending-list>a>span{position:absolute;right:0;bottom:16px;font-size:10px;color:#8b96a4}.panel-link{display:flex;align-items:center;justify-content:center;gap:5px;padding:13px 0 0;color:var(--blue);font-size:11px}.bottom-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:20px}.trend-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#8490a0;margin-bottom:15px}.trend-meta span:first-child{color:#53647b}.chart{width:100%;min-width:0}.chart svg{display:block;width:100%;height:auto;max-height:290px}.chart-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8793a3;padding:8px 0 0}.chart-caption span:first-child{display:flex;align-items:center;gap:7px}.chart-caption i{width:16px;height:2px;background:var(--blue);display:inline-block}.quality-summary{display:flex;align-items:center;justify-content:space-between;margin-top:3px;font-size:11px;color:#7d899a}.quality-summary strong{font-size:20px;color:#33475f;font-weight:500}.quality-meter{height:5px;background:#edf1f6;border-radius:2px;overflow:hidden;margin:9px 0 17px}.quality-meter>span{display:block;height:100%;background:#7296d4;border-radius:2px}.quality-list button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border-bottom:1px solid #edf0f4;background:none;color:#516176;font-size:11px;font-weight:400;border-radius:0}.quality-list button>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin-right:auto;text-align:left}.quality-list button:hover{color:var(--blue);background:#f7f9fd}.quality-list button:last-child{border:0}.quality-note{font-size:10px;line-height:1.8;color:#929ba8;margin:16px 0 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:12px}th{font-size:11px;color:#7c899b;background:#f6f8fb;border-top:1px solid #e9edf2;border-bottom:1px solid #e9edf2;padding:11px 12px;font-weight:400}td{padding:13px 12px;border-bottom:1px solid #edf0f4;color:#49596d}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfe}.table-actions{white-space:nowrap}.table-actions .text-btn{min-height:38px;margin-right:8px}.table-actions summary{cursor:pointer;color:var(--blue)}pre{white-space:pre-wrap;max-width:330px;max-height:240px;overflow:auto;font-size:11px;background:#f6f8fa;border:1px solid #e3e8ef;padding:10px;border-radius:4px}.empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;color:#9aa5b4;text-align:center}.empty svg{color:#aab5c3}.empty p{font-size:12px;line-height:1.8;margin:12px 0 0}.stations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.station-card{display:block;padding:21px;background:#fff;border:1px solid #e0e5eb;border-radius:6px;text-align:left;color:inherit;font-weight:400;min-width:0;white-space:normal}.station-card:hover{background:#fff;border-color:#a9bfdf}.station-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.station-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:4px;background:#f0f4fa;color:#617b9e}.station-card h3{overflow-wrap:anywhere;font-size:15px;margin-bottom:8px}.station-card p{overflow-wrap:anywhere;font-size:12px;color:#8a95a5;min-height:36px;line-height:1.7;margin-bottom:14px}.station-card-data{flex-wrap:wrap;display:flex;gap:22px;padding:8px 0 19px;font-size:11px;color:#8190a2}.station-card-data strong{font-size:21px;font-weight:500;color:#425773;margin-right:4px}.station-card-foot{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid #edf0f4;color:#7d8c9e;font-size:11px}.station-card-foot svg{color:#607a9d}.search{position:relative;display:flex;flex-direction:row;align-items:center;max-width:300px;margin-bottom:18px}.search svg{position:absolute;left:11px;color:#9aa6b5}.search input{padding-left:35px;font-size:12px;background:#fff}.station-summary{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:12px;color:#7a889b;margin-bottom:18px}.readings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:0;border-top:1px solid #edf0f4;margin-top:20px;margin-bottom:0}.reading{padding:18px;border-right:1px solid #edf0f4}.reading:last-child{border-right:0}.reading>span{font-size:11px;color:#7b8a9c;display:flex;align-items:center;gap:5px}.reading .badge{font-size:9px;padding:1px 4px}.reading>strong{display:block;font-size:24px;font-weight:500;margin:7px 0;color:#3e526c;font-variant-numeric:tabular-nums}.reading strong small{font-size:10px;font-weight:400;color:#8493a6;margin-left:6px}.reading>small{font-size:10px;color:#9ba5b2}.back{margin-bottom:14px}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.filters label{flex:1;min-width:165px}.filters input,.filters select{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.wide{grid-column:1/-1}.multi-select{padding:10px;margin:0;border:1px solid #d5dde7;border-radius:4px;max-height:300px;overflow:auto;color:#536378}.multi-select legend{padding:0 5px;font-size:13px}.multi-select label{display:flex;flex-direction:row;gap:10px;align-items:center;min-height:38px;font-size:12px}.dialog{background:#fff;color:#263445;width:min(640px,calc(100% - 30px));padding:25px;border:1px solid #d5dde7;border-radius:7px;box-shadow:0 15px 65px #17233325}.dialog::backdrop{background:#17233470}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:22px;border-top:1px solid #edf0f4}.error,.notice,.info-note{font-size:12px;padding:12px 15px;border-radius:4px;margin-bottom:18px;display:flex;align-items:center;gap:10px}.error{background:#fff2f1;color:#ac4141;border:1px solid #efd0cc;justify-content:space-between}.notice{background:#eff8f3;color:#23714e;border:1px solid #d2e7db}.notice .icon-btn{margin-left:auto;color:#46866a}.info-note{background:#f2f6fc;color:#627b9e;border:1px solid #dbe5f2}.loading{font-size:11px;color:#7392be;margin:-12px 0 15px}.layout-editor{display:grid;grid-template-columns:130px minmax(0,1fr) 180px;gap:18px;margin-top:22px}.widget-tools h4,.widget-properties h4{margin-top:0}.widget-tools button{width:100%;margin-bottom:9px;padding:8px;font-size:12px}.widget-tools p,.widget-properties p{font-size:11px;line-height:1.8;color:#93a0b0}.widget-properties label{margin-bottom:12px;font-size:11px}.widget-properties input,.widget-properties select{min-height:35px;padding:6px 8px;font-size:12px}.coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.widget-properties .danger{width:100%;font-size:12px}.layout-canvas{position:relative;height:450px;background:#f5f7fa;border:1px solid #d7dfe8;border-radius:4px;overflow:hidden}.layout-canvas>.empty{height:100%}.layout-widget{position:absolute;overflow:hidden;padding:12px;background:#fff;border:1px solid #ced9e8;border-radius:4px;touch-action:none;cursor:move}.layout-widget.selected{border:2px solid var(--blue)}.layout-widget>small{display:block;font-size:10px;color:#7b8c9f;margin-bottom:10px}.layout-widget>strong{display:block;font-size:25px;font-weight:500;color:#3c597c}.layout-widget>strong small{font-size:10px;margin-left:6px;color:#8094aa}.layout-widget p{font-size:12px;color:#4d617b}.layout-widget .chart-caption{display:none}.layout-widget .empty{padding:5px;min-height:0}.layout-widget .empty p{font-size:10px}.layout-widget .empty svg{display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 16px;color:#9aa5b3;font-size:10px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center;max-width:1120px;padding:70px 50px;margin:auto}.login-product{display:flex;align-items:center;gap:12px;margin-bottom:72px;color:#253b57;font-size:20px}.login-product strong{font-weight:550}.login-brand h1{font-size:30px;line-height:1.5;margin-bottom:15px;font-weight:500}.login-brand>p{font-size:13px;color:#7e8b9d;max-width:370px;line-height:1.9}.login-diagram{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:28px 0 35px;max-width:415px;margin-top:20px}.login-diagram>div{display:flex;flex-direction:column;gap:8px}.login-diagram>div>svg{color:#7b94b1;margin-bottom:8px}.login-diagram>div>span{font-size:12px;color:#4b607c}.login-diagram>div>small{font-size:10px;color:#98a3b2;white-space:nowrap}.login-diagram>svg{color:#c5cdd7}.login-caption{padding-top:22px;border-top:1px solid #dfe5ed;color:#8290a3;font-size:11px;max-width:415px;display:flex;justify-content:space-between;gap:15px}.login-caption span{color:#a0aab8;font-size:10px}.login-form{padding:34px;border:1px solid #e0e5ed;background:#fff;border-radius:6px}.login-form .eyebrow{font-size:11px;color:#8796aa}.login-form h2{font-size:23px;font-weight:500;margin:10px 0 8px}.login-form label{margin:23px 0;font-size:12px}.login-form input{min-height:42px}.login-form>button{width:100%;justify-content:center;margin-top:5px;min-height:42px}.login-form>button svg{display:none}.demo-note{display:flex;gap:9px;font-size:10px;color:#95a0b0;line-height:1.9;margin-top:24px;padding-top:20px;border-top:1px solid #edf0f4}.demo-note svg{flex-shrink:0;margin-top:2px;color:#8f9fb2}.initial{display:grid;place-items:center;min-height:100vh;color:#7b8ba1}.notifications,.notification-button{position:relative}.notification-button>span{position:absolute;top:0;right:0;font-size:9px;min-width:14px;height:14px;line-height:14px;border-radius:7px;background:#b64949;color:#fff}.notification-popover{position:absolute;right:-60px;top:43px;width:350px;max-height:500px;overflow:auto;border:1px solid #dce3ed;border-radius:6px;background:#fff;box-shadow:0 10px 35px #28374c20;padding:18px;z-index:50}.notification-popover article{padding:14px 0;border-top:1px solid #edf0f4;font-size:12px}.notification-popover article strong{font-weight:500;color:#495c75}.notification-popover article p{font-size:11px;color:#8996a8;margin:6px 0}.notification-popover article small{font-size:10px;color:#a0aaba}.notification-popover article.read strong{color:#8e9bae}.notification-popover article button{float:right;font-size:11px}.video-device{padding:17px;border:1px solid #e2e7ef;background:#f8fafc;border-radius:4px;margin:10px 0}.video-device strong{font-size:13px;font-weight:500;margin-right:20px}.video-device p{margin:10px 0 0}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:15px;border-top:1px solid #edf0f4;font-size:11px;color:#8b98aa}.pagination span{margin-right:auto}.pagination button{font-size:11px;min-height:34px;padding:6px 10px}.tabs{display:flex;gap:24px;border-bottom:1px solid #dce3ec;margin-bottom:20px}.tabs button{background:none;color:#7b8da4;border:0;border-radius:0;padding:12px 3px;min-height:42px;border-bottom:2px solid transparent}.tabs button.active{color:#2563eb;border-color:#2563eb}.skip-link{position:fixed;top:8px;left:235px;transform:translateY(-160%);z-index:100;background:var(--blue);color:#fff;padding:12px 18px;border-radius:4px}.skip-link:focus{transform:none}#main-content:focus{outline:none}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.map-visual svg{max-height:415px}.kpi strong{font-size:34px}}@media(max-width:1180px){.overview-grid,.bottom-grid{grid-template-columns:1.5fr 1fr}.stations-grid{grid-template-columns:repeat(2,1fr)}main{padding:25px 22px}.topbar{padding:0 22px}.kpi{padding:0 20px}.layout-editor{grid-template-columns:110px minmax(0,1fr)}.widget-properties{grid-column:1/-1;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.widget-properties h4{width:100%;margin-bottom:3px}.widget-properties label{max-width:190px}.coordinates{display:flex}.coordinates label{max-width:85px}.widget-properties .danger{width:auto}.pending-list time{font-size:9px}.login{gap:50px;grid-template-columns:1fr 380px;padding:50px 35px}}@media(max-width:980px){.overview-grid,.bottom-grid{grid-template-columns:1fr}.map-visual svg{max-height:390px}.pending-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.pending-list>a:first-child{padding-top:14px}.quality-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.kpi{padding:0 16px}.kpi strong{font-size:26px}.kpi small{font-size:10px}.login{gap:35px;padding:40px 25px;grid-template-columns:1fr 345px}.login-product{font-size:17px}.login-brand h1{font-size:25px}.login-diagram{gap:10px}.login-diagram>div>small{font-size:9px}.login-form{padding:27px}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .18s;width:220px}.sidebar.open{transform:none}.sidebar-shade{position:fixed;inset:0;background:#17233470;z-index:20;border:0;border-radius:0}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 17px;height:56px}.topbar>div{gap:8px}.topbar .clock,.topbar .muted{display:none}main{padding:22px 17px 10px}.page-heading{gap:15px}.page-heading h1{font-size:23px}.page-heading .muted{font-size:11px}.heading-actions button{font-size:11px;padding:8px 11px}.kpis{padding:17px 0;grid-template-columns:repeat(2,1fr)}.kpi{padding:0 18px}.kpi:nth-child(2){border:0}.kpi:nth-child(n+3){padding-top:18px;margin-top:16px;border-top:1px solid #edf0f4}.kpi strong{font-size:28px}.panel{padding:18px}.map-panel{padding:18px 0 0}.map-panel .panel-head{padding:0 18px}.map-summary{padding:9px 16px}.map-legend{padding:12px 16px;flex-wrap:wrap;gap:12px}.map-legend span:last-child{margin-left:0}.form-grid{gap:14px}.dialog{padding:20px}.layout-editor{grid-template-columns:1fr}.widget-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.widget-tools h4{width:100%;margin-bottom:0}.widget-tools button{width:auto;margin:0;font-size:11px}.widget-tools p{width:100%;margin:0}.widget-properties{grid-column:auto}.layout-canvas{height:380px}.readings-grid{grid-template-columns:repeat(2,1fr)}.reading{border-bottom:1px solid #edf0f4}.login{display:block;max-width:430px;padding:32px 22px}.login-product{margin-bottom:25px;font-size:18px}.login-brand h1{font-size:23px;margin-bottom:8px}.login-brand>p{font-size:12px;margin-bottom:25px}.login-diagram,.login-caption{display:none}.login-form{padding:25px}.login-form h2{font-size:23px}.skip-link{left:16px}.filters{gap:12px}.filters label{min-width:145px}footer{flex-direction:column;align-items:flex-start;gap:5px}.stations-grid{gap:14px}.station-card{padding:18px}}@media(max-width:480px){.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.heading-actions{width:100%}.kpi{padding:0 14px}.kpi strong{font-size:26px}.kpi>span{font-size:11px}.kpi small{font-size:9px}.panel-head{gap:8px;flex-wrap:wrap}.panel-head h3{font-size:14px}.panel-head>select{max-width:150px;font-size:11px}.panel-head .search{max-width:none;width:100%}.stations-grid,.pending-list,.quality-list{grid-template-columns:1fr}.map-visual svg{min-height:230px}.map-tag{color:#9cafcb;font-size:9px}.map-summary{gap:8px;font-size:10px;flex-wrap:wrap}.map-summary .text-btn{color:#90b7ff;font-size:10px}.map-legend{font-size:9px}.chart-caption{font-size:9px;flex-wrap:wrap}.trend-meta{font-size:10px;gap:8px}.form-grid{grid-template-columns:1fr;max-height:65vh;overflow:auto}.form-field.wide{grid-column:auto}.environment{font-size:9px}.topbar strong{font-size:11px}.topbar>div{gap:6px}.topbar .icon-btn{padding:5px;min-width:29px}.layout-canvas{height:330px}.layout-widget{padding:8px}.layout-widget>strong{font-size:18px}.notification-popover{position:fixed;inset:65px 12px auto;width:auto;max-height:70vh}.pagination{gap:7px;font-size:10px}.pagination button{font-size:10px;padding:6px 8px}.tabs{gap:18px}.tabs button{font-size:12px}}.motion-toggle{display:inline-flex;gap:7px;align-items:center;background:transparent;color:#6f819c;font-size:10px;padding:5px 7px;border:1px solid #e0e6f0;min-height:30px;font-weight:400}.motion-toggle:hover{background:#f0f4fb;color:#415d91}.motion-toggle>svg{color:#667de2}.motion-toggle i{display:inline-block;position:relative;width:24px;height:14px;background:#ccd6e6;border-radius:7px}.motion-toggle i:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(0);transition:transform .16s var(--ease-out)}.motion-toggle i.on{background:#4a65ea}.motion-toggle i.on:after{transform:translate(10px)}.workspace{opacity:1;transform:translateY(0);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.kpi strong,.badge,.map-refresh-label{opacity:1;transition:opacity .2s var(--ease-out)}.chart-reveal{opacity:1;transition:opacity .22s var(--ease-out)}button,.button{transition:transform .16s var(--ease-out),background-color .16s ease,border-color .16s ease,color .16s ease}button:active:not(:disabled),.button:active{transform:scale(.97)}.dialog{opacity:1;transform:scale(1);transition:opacity .25s var(--ease-out),transform .25s var(--ease-out),display .25s allow-discrete,overlay .25s allow-discrete}.dialog[data-closing=true]{opacity:0;transform:scale(.96)}.dialog::backdrop{background:#17233470;transition:opacity .25s var(--ease-out);opacity:1}.notification-popover{display:block;opacity:1;transform:scale(1);transform-origin:calc(100% - 65px) 0;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),display .18s allow-discrete}.notification-popover[data-open=false]{display:none;opacity:0;transform:scale(.96)}.map-refresh-feedback{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.map-refresh-feedback>span{display:block;width:100%;height:100%;border-left:2px solid #65c9ed;opacity:0;animation:map-refresh .28s var(--ease-in-out) both}.map-refresh-label{display:flex;align-items:center;gap:6px}.map-refresh-label i{display:inline-block;width:5px;height:5px;background:#65c9ed;border-radius:50%}@starting-style{.workspace{opacity:0;transform:translateY(6px)}.kpi strong,.badge{opacity:.55}.chart-reveal,.map-refresh-label{opacity:.45}.dialog{opacity:0;transform:scale(.96)}.dialog::backdrop{opacity:0}.notification-popover{opacity:0;transform:scale(.96)}}@keyframes map-refresh{0%{transform:translate(0);opacity:0}30%{opacity:.65}to{transform:translate(100%);opacity:0}}@media(hover:hover)and (pointer:fine){.station-card{transition:border-color .16s ease}.map-point rect{transition:opacity .16s ease}.map-point:hover rect{opacity:.85}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after,html[data-input=keyboard] *,html[data-input=keyboard] *:before,html[data-input=keyboard] *:after{animation:none!important;transition:none!important}html[data-motion=off] .map-refresh-feedback,html[data-input=keyboard] .map-refresh-feedback{display:none}@media(prefers-reduced-motion:reduce){.workspace{transform:none;transition:opacity .18s var(--ease-out)}.dialog,.notification-popover{transform:none;transition:opacity .18s var(--ease-out),display .18s allow-discrete,overlay .18s allow-discrete}.dialog[data-closing=true],.notification-popover[data-open=false]{transform:none}button,.button{transition:opacity .16s ease,background-color .16s ease,color .16s ease}button:active:not(:disabled),.button:active{transform:none}.motion-toggle i:after{transition:none}.map-refresh-feedback>span{border:0;background:#65c9ed;animation:refresh-fade .2s var(--ease-out) both;transform:none}.spin{animation:none}@starting-style{.workspace,.dialog,.notification-popover{transform:none;opacity:.5}}}@keyframes refresh-fade{0%{opacity:.08}to{opacity:0}}@media(max-width:480px){.motion-toggle{padding:4px;border:0;gap:5px}.motion-toggle>span,.motion-toggle>svg{display:none}.motion-toggle i{width:24px}}.map-label-mobile,.map-mobile-coordinates{display:none}@media(max-width:480px){.topbar>div:first-child>svg{display:none}.topbar>div>strong{white-space:nowrap}.map-label-desktop{display:none}.map-label-mobile{display:block}.map-visual>svg>text{display:none}.map-mobile-coordinates{display:block!important;flex-basis:100%;font-size:9px;line-height:1.6;white-space:normal;color:#a5b6d0}.map-legend{gap:8px 14px}.map-legend span:last-child{margin-left:0}}.module-context{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 15px;margin:-8px 0 20px;border:1px solid #d7e2f2;border-radius:5px;background:#eef4fd;font-size:11px;color:#607ca6}.module-links{display:flex;gap:9px;flex-wrap:wrap;padding:0 0 19px;margin-bottom:19px;border-bottom:1px solid #e8edf5}.module-links button{font-size:11px;min-height:33px;padding:7px 11px}.kpi-link{display:block;text-align:left;background:transparent;border:0;border-right:1px solid #e8ecf1;border-radius:0;white-space:normal;min-height:0;color:inherit;font-weight:400}.kpi-link:hover{background:#f6f8fd}.reading-link{display:block;text-align:left;white-space:normal;background:transparent;border:0;border-right:1px solid #edf0f4;border-radius:0;font-weight:400;color:inherit}.reading-link:hover{background:#f4f7fd}.map-summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:65%}@media(max-width:480px){.module-context{font-size:10px}.module-links{gap:7px}.module-links button{font-size:10px;padding:6px 9px}.tabs{overflow:auto;gap:18px}.tabs button{white-space:nowrap}.heading-actions{flex-wrap:wrap}}:root{color-scheme:dark;--bg: #050c1d;--bg-2: #081631;--panel: rgba(11, 27, 58, .72);--panel-solid: #0b1c3c;--panel-hover: rgba(17, 42, 86, .82);--border: rgba(86, 164, 255, .16);--border-strong: rgba(86, 180, 255, .36);--text: #e4efff;--text-2: #b4c7e2;--muted: #8199bb;--blue: #3a8bff;--indigo: #6d7cff;--cyan: #38c8ff;--accent: linear-gradient(135deg, #38c8ff 0%, #4d7cff 100%);--accent-deep: linear-gradient(135deg, #0a74ad 0%, #1f63d8 100%);--glow: 0 0 0 1px rgba(56, 200, 255, .3), 0 0 24px rgba(56, 160, 255, .25);--ok: #3ee39b;--warn: #ffb020;--bad: #ff5d6c;--nav: #040a18;--num-font: "DIN Alternate", "Bahnschrift", "D-DIN", "Roboto Mono", "SF Mono", ui-monospace, sans-serif;color:var(--text);background:var(--bg)}html,body{background:var(--bg)}body{min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 70% -10%,rgba(58,139,255,.22),transparent 60%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(56,200,255,.1),transparent 60%),linear-gradient(rgba(86,164,255,.045) 1px,transparent 1px) 0 0 / 44px 44px,linear-gradient(90deg,rgba(86,164,255,.045) 1px,transparent 1px) 0 0 / 44px 44px,var(--bg)}::selection{background:#38c8ff59}*{scrollbar-width:thin;scrollbar-color:rgba(86,164,255,.35) transparent}h1,h2,h3,h4{color:var(--text)}h4,p{color:var(--text-2)}button:where(:not(.wallboard *)),.button{border-radius:7px;background:var(--accent-deep);font-weight:600}button:where(:not(.wallboard *)):hover,.button:hover{background:linear-gradient(135deg,#0b78b2,#2b69e0)}.heading-actions>button:not(.secondary),.login-form>button,.dialog-foot button:not(.secondary):not(.danger),.composition-actions button:not(.secondary){box-shadow:0 4px 18px #2ea0ff4d,inset 0 1px #ffffff40}.secondary{background:#14306073;color:var(--text-2);border-color:var(--border-strong);box-shadow:none;font-weight:500}.secondary:hover{background:#1e468299;color:#fff;border-color:var(--cyan);box-shadow:0 0 16px #38c8ff33}.text-btn{color:#6fc3ff;background:transparent;box-shadow:none;font-weight:400}.text-btn:hover{background:#3a8bff1f;color:#a8e4ff;box-shadow:none}.danger{background:#ff5d6c14;color:#ff8b96;border-color:#ff5d6c66;box-shadow:none}.danger:hover{background:#ff5d6c2e;color:#ffb3ba;box-shadow:none}.icon-btn{background:transparent;color:var(--text-2);box-shadow:none}.icon-btn:hover{background:#3a8bff24;color:#fff;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:var(--cyan)}input,select,textarea{background:#040e22b3;color:var(--text);border:1px solid var(--border-strong);border-radius:7px;color-scheme:dark}input::placeholder,textarea::placeholder{color:#7890b0}input:hover,select:hover,textarea:hover{border-color:#38c8ff99}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38c8ff24;outline:none}select option{background:var(--panel-solid);color:var(--text)}input[type=checkbox]{accent-color:var(--cyan)}label{color:var(--text-2)}.muted,.eyebrow{color:var(--muted)}pre{background:#030a1ab3;border-color:var(--border);color:#9fd5ff}.badge{border-radius:999px;padding:1px 9px 1px 8px;gap:5px;background:#7896be1f;border-color:#7896be4d;color:#a9bbd6}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.online,.valid,.resolved,.succeeded,.sent{background:#3ee39b1a;border-color:#3ee39b59;color:#3ee39b}.active,.warning,.acknowledged,.queued,.suspect,.pending,.processing{background:#ffb0201a;border-color:#ffb02061;color:#ffc552}.critical,.invalid,.offline,.failed{background:#ff5d6c1a;border-color:#ff5d6c66;color:#ff8a95}.sidebar{background:linear-gradient(180deg,rgba(56,200,255,.06),transparent 30%),linear-gradient(180deg,#061127,#040a18);border-right:1px solid var(--border);box-shadow:8px 0 40px #00000059}.sidebar:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:40%;background:linear-gradient(180deg,transparent,var(--cyan),transparent);opacity:.6;animation:sidebar-scan 6s linear infinite}@keyframes sidebar-scan{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.brand{position:relative}.brand>span:last-child{background:linear-gradient(90deg,#fff,#9fe9ff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px}.brand small{color:#8aa3c6;-webkit-text-fill-color:#8aa3c6;letter-spacing:1px}.brand-mark{position:relative;border-radius:10px;background:var(--accent);color:#03142a;box-shadow:0 0 0 1px #ffffff26 inset,0 0 22px #38c8ff73}.nav-label{color:#7d95b8;letter-spacing:2px}nav a{position:relative;color:#93a9c8;border-radius:8px;transition:background-color .2s,color .2s}nav a svg{color:#7590b6}nav a:hover{background:#3a8bff1a;color:#e6f3ff}nav a:hover svg{color:var(--cyan)}nav a.active{background:linear-gradient(90deg,rgba(56,200,255,.18),rgba(58,139,255,.06) 70%,transparent);color:#fff;box-shadow:inset 0 0 0 1px #38c8ff2e}nav a.active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}nav a.active svg{color:var(--cyan);filter:drop-shadow(0 0 5px rgba(56,200,255,.7))}.system-dot{color:#8aa3c6}.system-dot i{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{50%{opacity:.35}}.sidebar-bottom p{color:#7d95b8}.profile{border-top-color:var(--border)}.avatar{background:linear-gradient(135deg,#38c8ff4d,#3a8bff59);color:#e9fbff;box-shadow:0 0 0 1px #38c8ff59}.profile .icon-btn:hover{background:#ff5d6c24;color:#ffb3ba}.topbar{position:sticky;top:0;z-index:20;background:#050c1db8;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,200,255,.55),transparent)}.topbar>div{color:var(--text-2)}.topbar strong{color:#fff}.topbar>div>svg{color:#7d95b8}.environment{color:#ffc552;background:#ffb0201a;border:1px solid rgba(255,176,32,.35);border-radius:999px;padding:3px 10px}.clock{font-family:var(--num-font);color:#8fb8e6;font-size:12px;letter-spacing:.5px}.motion-toggle{color:var(--text-2);background:#14306059;border-color:var(--border-strong);border-radius:999px;box-shadow:none;font-weight:400}.motion-toggle:hover{background:#1e468280;color:#fff;box-shadow:none}.motion-toggle>svg{color:var(--cyan)}.motion-toggle i{background:#253a5c}.motion-toggle i.on{background:var(--accent);box-shadow:0 0 10px #38c8ff80}.notification-button>span{background:var(--bad);box-shadow:0 0 10px #ff5d6cb3}.notification-popover{background:#081632f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--border-strong);box-shadow:0 20px 60px #0000008c,0 0 30px #2ea0ff26;color:var(--text)}.notification-popover article{border-top-color:var(--border)}.notification-popover article strong{color:var(--text)}.notification-popover article p{color:var(--text-2)}.notification-popover article small,.notification-popover article.read strong{color:var(--muted)}.page-heading h1{font-size:26px;font-weight:700;letter-spacing:2px;background:linear-gradient(90deg,#fff,#a8ecff 60%,#38c8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-heading .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--cyan);font-size:11px;letter-spacing:3px}.page-heading .eyebrow:before{content:"";width:18px;height:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.page-heading .muted{color:var(--muted)}.panel{position:relative;background:linear-gradient(180deg,rgba(58,139,255,.06),transparent 120px),var(--panel);border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0d,0 10px 40px #00000040}.panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(135deg,rgba(56,200,255,.55),transparent 22%,transparent 78%,rgba(58,139,255,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6}.panel-head h3{display:flex;align-items:center;gap:9px;font-size:15px;letter-spacing:1px}.panel-head h3:before{content:"";width:4px;height:15px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px #38c8ff99}.kpis{gap:16px;padding:0;background:transparent;border:0}.kpi{position:relative;overflow:hidden;padding:18px 22px;border:1px solid var(--border);border-radius:12px;background:radial-gradient(circle at 100% 0%,rgba(56,200,255,.16),transparent 55%),var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpi:last-child{border:1px solid var(--border)}.kpi:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.7}.kpi:nth-child(2){background:radial-gradient(circle at 100% 0%,rgba(58,139,255,.2),transparent 55%),var(--panel)}.kpi:nth-child(3){background:radial-gradient(circle at 100% 0%,rgba(255,176,32,.16),transparent 55%),var(--panel)}.kpi:nth-child(3):after{background:linear-gradient(90deg,var(--warn),transparent)}.kpi:nth-child(4){background:radial-gradient(circle at 100% 0%,rgba(109,124,255,.2),transparent 55%),var(--panel)}.kpi>span{color:var(--text-2);letter-spacing:1px}.kpi strong{font-family:var(--num-font);font-size:36px;font-weight:700;color:#fff;text-shadow:0 0 18px rgba(46,200,255,.45)}.kpi small{color:var(--muted)}.kpi-link:hover{background-color:var(--panel-hover);border-color:var(--border-strong);box-shadow:var(--glow);transform:translateY(-2px)}.map-panel{background:var(--panel);border-color:var(--border);padding:18px 0 0}.map-panel>.map3d-host,.map-panel>.map3d{margin:0 12px}.map-tag{color:var(--muted)}.map-summary{border-top-color:var(--border);color:var(--muted)}.map-summary .text-btn{color:#6fc3ff}.pending-list>a{border-bottom-color:var(--border);padding:14px 12px;margin:0 -12px;border-radius:8px;transition:background-color .2s}.pending-list>a:first-child{padding-top:14px}.pending-list>a:hover{background:#3a8bff14}.pending-list>a:hover strong{color:var(--cyan)}.pending-list strong{color:var(--text)}.pending-list p,.pending-list time,.pending-list>a>span{color:var(--muted)}.pending-list>a>span{right:12px}.panel-link{color:#6fc3ff}.trend-meta,.trend-meta span:first-child{color:var(--text-2)}.chart-caption{color:var(--muted)}.chart-caption i{background:var(--accent);box-shadow:0 0 6px var(--cyan)}.quality-summary{color:var(--text-2)}.quality-summary strong{font-family:var(--num-font);font-size:26px;color:#fff;text-shadow:0 0 14px rgba(56,200,255,.5)}.quality-meter{height:8px;border-radius:999px;background:#3a8bff1f;box-shadow:inset 0 0 0 1px var(--border)}.quality-meter>span{border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(3,20,42,.35) 6px 8px),var(--accent);box-shadow:0 0 12px #38c8ff99}.quality-list button{border-bottom-color:var(--border);color:var(--text-2);background:transparent;box-shadow:none;font-weight:400}.quality-list button:hover{background:#3a8bff14;color:#fff;box-shadow:none}.quality-note{color:var(--muted)}.table-scroll{border-radius:8px}table{border-collapse:separate;border-spacing:0}th{color:#8fb3dc;background:#3a8bff14;border-top:1px solid var(--border);border-bottom:1px solid var(--border);letter-spacing:1px}th:first-child{border-left:1px solid var(--border);border-radius:8px 0 0 8px}th:last-child{border-right:1px solid var(--border);border-radius:0 8px 8px 0}td{color:var(--text-2);border-bottom:1px solid rgba(86,164,255,.08)}tbody tr{transition:background-color .15s}tbody tr:hover{background:linear-gradient(90deg,#38c8ff14,#3a8bff0a)}tbody tr:hover td{color:#fff}.table-actions summary{color:#6fc3ff}.pagination{border-top-color:var(--border);color:var(--muted)}.empty,.empty svg{color:#8199bb}.empty svg{filter:drop-shadow(0 0 8px rgba(58,139,255,.4))}.error{background:#ff5d6c1a;color:#ff9aa4;border-color:#ff5d6c59}.notice{background:#3ee39b14;color:#6deab0;border-color:#3ee39b4d}.notice .icon-btn{color:#6deab0}.info-note{background:#3a8bff14;color:#9cc8ff;border-color:#3a8bff47}.loading{color:var(--cyan)}.module-context{background:#38c8ff12!important;border-color:#38c8ff4d!important;color:var(--text-2)!important}.station-card{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(58,139,255,.14),transparent 50%),var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);box-shadow:none;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s}.station-card:hover{background:radial-gradient(circle at 100% 0%,rgba(56,200,255,.2),transparent 55%),var(--panel-hover);border-color:var(--border-strong);box-shadow:var(--glow);transform:translateY(-3px)}.station-icon{border-radius:10px;background:linear-gradient(135deg,#38c8ff33,#3a8bff33);color:var(--cyan);box-shadow:inset 0 0 0 1px #38c8ff4d}.station-card h3{color:#fff}.station-card p,.station-card-data,.station-card-foot{color:var(--muted)}.station-card-data strong{font-family:var(--num-font);color:#fff;font-size:24px}.station-card-foot{border-top-color:var(--border)}.station-card-foot svg{color:var(--cyan)}.search svg{color:var(--muted)}.search input{background:#040e22b3;border-radius:999px}.station-summary{color:var(--text-2)}.readings-grid{gap:12px;border-top:0}.reading{position:relative;border:1px solid var(--border);border-radius:10px;background:#040e2280;overflow:hidden}.reading:last-child{border-right:1px solid var(--border)}.reading:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,rgba(56,200,255,.08),transparent);pointer-events:none}.reading>span,.reading>small,.reading strong small{color:var(--muted)}.reading>strong{font-family:var(--num-font);font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 14px rgba(46,200,255,.4)}.reading-link{color:var(--text);box-shadow:none;font-weight:400}.reading-link:hover{background:#112a56cc!important;border-color:var(--border-strong)!important;box-shadow:var(--glow)}.tabs{border-bottom-color:var(--border)}.tabs button{color:var(--muted);background:none;box-shadow:none;font-weight:500}.tabs button:hover{color:#fff;background:none;box-shadow:none}.tabs button.active{color:var(--cyan);border-color:var(--cyan);text-shadow:0 0 10px rgba(56,200,255,.5)}.dialog{background:#081632f5;color:var(--text);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 30px 80px #0009,0 0 40px #2ea0ff2e}.dialog::backdrop{background:#020610b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-foot{border-top-color:var(--border)}.multi-select{border-color:var(--border-strong);color:var(--text-2)}.video-device{background:#040e2280;border-color:var(--border)}footer{color:#7d95b8}.skip-link{background:var(--cyan);color:#03142a}.login{position:relative;max-width:none;min-height:100vh;margin:0;padding:60px clamp(24px,6vw,110px);grid-template-columns:minmax(0,1fr) 420px;gap:60px;overflow:hidden;background:radial-gradient(ellipse 60% 70% at 32% 55%,rgba(30,120,230,.32),transparent 70%),radial-gradient(ellipse 40% 40% at 90% 10%,rgba(56,200,255,.12),transparent 70%),linear-gradient(180deg,#030917,#061634 60%,#030b1d)}.login:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(86,164,255,.06) 1px,transparent 1px) 0 0 / 50px 50px,linear-gradient(90deg,rgba(86,164,255,.06) 1px,transparent 1px) 0 0 / 50px 50px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 40% 60%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 40% 60%,#000 30%,transparent 80%)}.login-scene{position:absolute;inset:0 34% 0 0;z-index:0;opacity:.95}.login-brand,.login-form{position:relative;z-index:1}.login-brand{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.login-brand>*{pointer-events:auto}.login-product{margin-bottom:0;color:#fff}.login-product strong{display:block;font-size:20px;letter-spacing:2px}.login-product small{display:block;font-size:10px;letter-spacing:3px;color:#8aa3c6}.login-brand h1{margin:auto 0 16px;font-size:clamp(30px,3.4vw,46px);font-weight:800;line-height:1.25;letter-spacing:3px;color:#fff;text-shadow:0 0 30px rgba(46,160,255,.4)}.login-brand h1 span{background:linear-gradient(90deg,#38c8ff,#3a8bff 70%,#9d8bff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-brand>p{max-width:440px;color:#a7bfdf;font-size:14px}.login-diagram{max-width:470px;padding:18px 20px;margin-top:26px;border:1px solid var(--border);border-radius:12px;background:#06142e8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-diagram>div>svg{color:var(--cyan);filter:drop-shadow(0 0 6px rgba(56,200,255,.7));margin-bottom:4px}.login-diagram>div>span{color:#fff;font-weight:600}.login-diagram>div>small{color:var(--muted)}.login-diagram>svg{color:#5a7aa6}.login-caption{flex-wrap:wrap;justify-content:flex-start;gap:8px;max-width:520px;margin-top:22px;padding-top:0;border-top:0}.login-caption span{padding:4px 12px;border:1px solid rgba(56,200,255,.3);border-radius:999px;background:#38c8ff12;color:#a8e6ff;font-size:11px;letter-spacing:1px}.login-form{padding:38px 36px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,rgba(58,139,255,.12),transparent 40%),#07142eb8;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 30px 90px #0000008c,0 0 50px #2ea0ff29,inset 0 1px #ffffff14}.login-form:before{content:"";position:absolute;top:-1px;left:30px;right:30px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 16px var(--cyan)}.login-form .eyebrow{color:var(--cyan);letter-spacing:3px}.login-form h2{font-size:28px;font-weight:700;letter-spacing:2px}.login-form>button{min-height:46px;font-size:15px;letter-spacing:4px}.login-form>button svg{display:inline}.demo-note{color:var(--muted);border-top-color:var(--border)}.demo-note svg{color:var(--warn)}.initial{color:var(--cyan);letter-spacing:2px}.composition-workspace,.composition-top,.composition-toolbar,.composition-status,.composition-properties,.library-item{background:transparent!important;border-color:var(--border)!important}.composition-workspace{background:var(--panel)!important;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.composition-context,.composition-library{background:#040e2273!important;border-color:var(--border)!important}.composition-stage{background:radial-gradient(ellipse at 50% 40%,rgba(58,139,255,.12),transparent 70%),#040b1c!important}.composition-top span,.composition-library p,.composition-status,.property-note{color:var(--muted)!important}.composition-properties h4,.composition-library h4{color:var(--text)!important}.composition-properties summary{color:#6fc3ff!important}.composition-properties details{border-top-color:var(--border)!important}.library-item{color:var(--text-2)!important;background:#1430604d!important;box-shadow:none;font-weight:400}.library-item:hover{color:#fff!important;border-color:var(--cyan)!important;background:#38c8ff1a!important;box-shadow:0 0 14px #38c8ff33}.library-item>svg:first-child{color:var(--cyan)}.twin-panel{padding-bottom:14px}@media(max-width:1100px){.login{grid-template-columns:1fr}.login-scene{inset:0;opacity:.4}.login-brand h1{margin-top:40px}}@media(max-width:760px){.kpis{gap:10px}.login{padding:30px 16px;gap:28px}.login-diagram,.login-caption{display:none}.login-form{padding:28px 22px}}html[data-motion=off] .sidebar:after{display:none}@media(prefers-reduced-motion:reduce){.sidebar:after,.system-dot i{animation:none}}.chart svg{max-height:260px;overflow:visible}.chart-line{stroke-dasharray:2400;stroke-dashoffset:0;animation:chart-draw 1.4s var(--ease-out) both}.chart-last circle:first-child{transform-box:fill-box;transform-origin:center;animation:chart-ping 1.8s ease-out infinite}@keyframes chart-draw{0%{stroke-dashoffset:2400}}@keyframes chart-ping{0%{transform:scale(.6);opacity:.6}to{transform:scale(2.2);opacity:0}}.module-links{border-bottom-color:var(--border)}.history-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px}.history-panel>.panel-head,.history-panel>.empty{grid-column:1 / -1}.history-chart{min-width:0;padding:4px 0 8px}.history-chart h4{margin-top:8px}.history-chart .chart svg{max-height:200px}@media(max-width:900px){.history-panel{grid-template-columns:1fr}}.company-logo{display:block;flex:0 0 auto;width:40px;height:40px;object-fit:contain}.company-name{display:block;margin-top:8px;color:#b8cae1;font-size:14px;letter-spacing:2px}.company-copyright{font-size:12px;line-height:1.6}.login-copyright{position:absolute;z-index:1;bottom:18px;left:20px;right:20px;color:#8aa3c6;text-align:center}.wb-company{display:inline-flex;align-items:center;justify-content:center;gap:8px}.wb-company .company-logo{width:22px;height:22px}@media(max-width:760px){.login-copyright{position:relative;grid-column:1 / -1;inset:auto}.workspace footer{flex-wrap:wrap;gap:6px}}.login-brand{justify-content:flex-start}.login-brand h1{margin:56px 0 14px}.login-diagram{margin-top:auto}.login-scene{inset:14% 30% -4% 18%;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 55%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 55%,#000 55%,transparent 100%)}@media(max-width:768px){.sidebar:not(.open){box-shadow:none}.sidebar:not(.open):after{display:none}.sidebar-shade{background:#020610b3!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}