@font-face{font-family:InterVariable;src:url(../fonts/InterVariable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #14161b;--bg-2: #1a1d23;--panel: #21242b;--panel-2: #262a32;--line: rgba(255,255,255,.07);--line-2: rgba(255,255,255,.16);--text: #e8eaee;--muted: #969ba6;--accent: #d1d5db;--green: #4ade80;--bad: #f87171;--warn: #f59e0b;--cyan: #67e8f9;--gold: #f2c66d;--side-w: 224px;--rail-w: 32px;--fs-xs: 9px;--fs-sm: 10px;--fs-md: 11px;--fs-lg: 13px;--fs-data: 16px;--font-ui: "InterVariable", "Inter", "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei UI", system-ui, sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", ui-monospace, "SF Mono", "Consolas", monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;height:calc(var(--vh, 1vh) * 100);margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-sm);line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}canvas{display:block}.muted{color:var(--muted)}.kpi-v,.energy-kpis b,.energy-kpis i,.platform-kpi,.platform-gauge b,.platform-card header span,.platform-ticker-track,.platform-table td,.platform-spark span,.topic-dock-kpis b,.topic-dock-assets b,.site-metrics,.site-metrics i,.site-metrics em,.site-energy-row b,.site-energy-row i,.object-status-row b,.object-status-row i,.station-tab-row b,.station-tab-row i,.slot-review-row b,.slot-review-row i,.measure-label,.platform-page-head em,.selected,.brand small,.energy-channel b,.asset-property-field b,.asset-property-head b,.al-main small,.al-lv,.topic-counts i{font-family:var(--font-mono);font-variant-numeric:tabular-nums}#app{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,var(--side-w)) minmax(0,1fr);gap:0;padding:0;transition:grid-template-columns .2s ease}#app.left-collapsed{grid-template-columns:minmax(0,var(--rail-w)) minmax(0,1fr)}.side{position:relative;height:100%;min-width:0;overflow:hidden auto;background:var(--bg-2);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:rgba(209,213,219,.38) rgba(255,255,255,.035);scrollbar-gutter:stable}.side-right{border-right:none;border-left:1px solid var(--line)}.side::-webkit-scrollbar,.energy-dock::-webkit-scrollbar{width:4px;height:4px}.side::-webkit-scrollbar-track,.energy-dock::-webkit-scrollbar-track{background:transparent;border-radius:2px}.side::-webkit-scrollbar-thumb,.energy-dock::-webkit-scrollbar-thumb{border-radius:2px;background:#d1d5db38}.side::-webkit-scrollbar-thumb:hover,.energy-dock::-webkit-scrollbar-thumb:hover{background:#d1d5db73}.side-body{display:grid;gap:7px;padding:8px 6px}.side .card{min-width:0;padding:7px}.side button,.side input,.side .primary-btn{max-width:100%}.side .card h4{font-size:var(--fs-xs);margin-bottom:5px}.side .primary-btn{min-height:26px;font-size:var(--fs-xs)}.left-collapsed .side-left .side-body,.right-collapsed .side-right .side-body{display:none}.side-toggle{position:absolute;top:6px;height:26px;width:26px;padding:0;border:1px solid var(--line-2);border-radius:3px;background:var(--panel-2);color:var(--text);font-size:14px;line-height:1;z-index:8;box-shadow:0 2px 6px #00000059}.side-toggle:hover{background:var(--panel);border-color:var(--accent)}.side-left .side-toggle{right:6px}.side-right .side-toggle{left:6px}.brand{display:flex;align-items:center;gap:9px;padding:3px 2px 8px}.brand>div{flex:1;min-width:0}.brand strong{display:block;font-size:var(--fs-lg);letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:var(--fs-xs);font-family:var(--font-mono);margin-top:1px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #4ade8099}.brand-logout{flex-shrink:0;padding:3px 10px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--muted);font-size:var(--fs-xs);cursor:pointer}.brand-logout:hover{color:#fff;border-color:var(--accent)}.card{border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:10px}.card[hidden]{display:none}.card h4{margin:0 0 8px;font-size:var(--fs-sm);letter-spacing:.02em;color:var(--text);font-weight:600}.stack{display:grid;gap:5px}.stack button,.grid3 button{border:1px solid var(--line);border-radius:3px;background:var(--panel-2);color:#c4c8d0;min-height:28px;text-align:left;padding:5px 9px;font-size:var(--fs-sm);transition:.15s}.stack button:hover,.grid3 button:hover{border-color:var(--line-2);background:#2e333d}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.grid3 button{text-align:center;padding:5px 3px;font-size:var(--fs-xs)}.stack button.active,.grid3 button.active{color:#fff;border-color:var(--accent);background:linear-gradient(135deg,#e5e7eb4d,#e5e7eb1f)}.selected{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);line-height:1.55;word-break:break-all}.stage{position:relative;height:100%;min-width:0;overflow:hidden;background:#14161b;padding:0 10px}.stage canvas{width:100%;height:100%;background:#14161b;display:block}.site-hud{position:absolute;top:14px;left:296px;z-index:6;min-width:0;max-width:min(520px,calc(100% - 310px));display:grid;grid-template-columns:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:4px;background:#14161bc7;backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000047}.site-hud strong{color:var(--text);font-size:var(--fs-md);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-hud span{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#site-hud-meta{text-align:right}#site-hud-counts{grid-column:1 / -1;color:#c4c8d0}.searchbox{position:absolute;left:14px;top:14px;z-index:8;width:268px}.searchbox .sb-input{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line-2);border-radius:4px;background:#1c1f26eb;backdrop-filter:blur(10px);box-shadow:0 8px 26px #0006}.searchbox input{flex:1;border:0;background:transparent;color:var(--text);font-size:var(--fs-sm);outline:none}.searchbox input::placeholder{color:var(--muted)}.sb-ico{color:var(--accent)}.sb-results{margin-top:6px;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:4px;background:#1c1f26f5;backdrop-filter:blur(10px)}.sb-results:empty{display:none}.sb-item{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--line)}.sb-item:last-child{border-bottom:0}.sb-item:hover{background:#e5e7eb24}.sb-item b{color:var(--text);font-size:var(--fs-sm);font-weight:500}.sb-item span{color:var(--muted);font-size:var(--fs-xs);font-family:var(--font-mono)}.sb-empty{padding:8px 10px;color:var(--muted);font-size:var(--fs-xs);line-height:1.5}.detail-head-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.detail-head-row h4{margin:0}.dh-name{color:var(--text);font-size:var(--fs-md);font-weight:600}.dh-src{float:right;color:var(--accent);font-size:var(--fs-xs);font-weight:400}.mini-btn{border:1px solid var(--line-2);border-radius:2px;padding:2px 9px;font-size:var(--fs-xs);color:var(--accent);background:#e5e7eb1f}.detail-list{display:grid;gap:7px;max-height:calc(100dvh - 150px);overflow:auto}.gauge-row{display:flex;justify-content:center}.gauge-wrap{text-align:center}.gauge-wrap small{display:block;color:var(--muted);font-size:var(--fs-xs);margin-top:-4px}.kpi-grid{display:grid;grid-template-columns:1fr;gap:7px}.kpi{border:1px solid var(--line);border-radius:4px;padding:7px 9px;background:var(--panel-2)}.kpi.danger{border-color:#f8717173}.kpi-l{display:block;color:var(--muted);font-size:var(--fs-xs)}.kpi-v{display:block;font-family:var(--font-mono);font-size:var(--fs-data);color:var(--text);line-height:1.2}.kpi-v i{font-size:var(--fs-xs);color:var(--muted);font-style:normal;margin-left:3px}.kpi.danger .kpi-v{color:var(--bad)}.kpi svg{display:block;width:100%;height:22px;margin-top:3px}.sub-title{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.04em;margin:5px 0 2px}.detail-list .row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 8px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2)}.detail-list .row span{color:var(--muted);font-size:var(--fs-xs)}.detail-list .row b{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text);font-weight:600}.detail-list .row b.custom{color:var(--gold)}.site-select-wrap{display:grid;gap:5px;margin-bottom:7px;color:var(--muted);font-size:var(--fs-xs)}.site-select{width:100%;min-height:31px;padding:5px 28px 5px 9px;border:1px solid var(--line-2);border-radius:3px;background:var(--panel-2);color:var(--text);font-size:var(--fs-sm);outline:none}.site-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e5e7eb24}.site-current{width:100%;min-height:50px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2)}.site-current.warn{border-color:#f59e0b59}.site-current.offline{opacity:.78}.site-state{width:7px;height:28px;border-radius:2px;background:var(--green);box-shadow:0 0 8px #4ade8059}.site-state.warn{background:var(--warn);box-shadow:0 0 8px #f59e0b59}.site-state.offline{background:var(--muted);box-shadow:none;opacity:.7}.site-main{min-width:0;display:grid;gap:1px}.site-main b{color:var(--text);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-main small{color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-metrics{display:grid;gap:1px;justify-items:end;min-width:50px;font-family:var(--font-mono)}.site-metrics i{color:var(--text);font-style:normal;font-size:var(--fs-xs)}.site-metrics em{color:var(--muted);font-style:normal;font-size:var(--fs-xs)}.site-energy-year{display:grid;gap:5px}.site-energy-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(54px,auto) 42px;gap:6px;align-items:baseline;padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2)}.site-energy-row span{min-width:0;color:var(--muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-energy-row b{color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);text-align:right}.site-energy-row i{color:var(--muted);font-style:normal;font-family:var(--font-mono);font-size:10px;text-align:right}.site-energy-row.total{border-color:#4ade8052}.site-energy-row.total b{color:var(--green)}.site-energy-year em{color:var(--muted);font-style:normal;font-size:10px;line-height:1.4}.ov-donut{display:flex;justify-content:center}.ov-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:5px}.ov-stats div{text-align:center;border:1px solid var(--line);border-radius:3px;padding:5px 2px;background:var(--panel-2)}.ov-stats i{display:inline-block;width:7px;height:7px;border-radius:50%;vertical-align:middle;margin-right:3px}.ov-stats span{color:var(--muted);font-size:var(--fs-xs)}.ov-stats b{display:block;font-family:var(--font-mono);font-size:var(--fs-md);color:var(--text);margin-top:1px}.alarm-list{display:grid;gap:5px;max-height:220px;overflow:auto}.al-row{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2)}.al-row.crit{border-color:#f8717166}.al-dot{width:6px;height:6px;border-radius:50%;background:var(--warn);flex:none}.al-row.crit .al-dot{background:var(--bad);animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.al-main{flex:1;min-width:0}.al-main b{display:block;font-size:var(--fs-xs);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-main small{color:var(--muted);font-size:var(--fs-xs)}.al-lv{font-size:var(--fs-xs);color:var(--warn)}.al-row.crit .al-lv{color:var(--bad)}.object-status-list{display:grid;gap:6px;max-height:260px;overflow:auto}.object-status-list.full{max-height:62vh}.object-status-head{display:grid;gap:2px;padding:7px 8px;border:1px solid var(--line);border-radius:3px;background:#0000002e}.object-status-head b{color:var(--text);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-status-head span{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-status-row{display:grid;grid-template-columns:minmax(72px,1fr) minmax(62px,auto) 42px;gap:6px;align-items:baseline;padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2)}.object-status-row span{min-width:0;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-status-row b{color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);text-align:right;white-space:nowrap}.object-status-row i{color:var(--muted);font-style:normal;font-family:var(--font-mono);font-size:10px;text-align:right;white-space:nowrap}.object-status-card{width:min(620px,calc(100vw - 40px))}.topic-summary{display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2)}.topic-summary b{color:var(--text);font-size:var(--fs-sm);font-weight:700}.topic-summary span{color:var(--muted);font-size:var(--fs-xs);line-height:1.55}.topic-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.topic-counts i{min-width:0;padding:4px 5px;border:1px solid var(--line);border-radius:2px;background:#ffffff0a;color:var(--muted);font-style:normal;font-size:10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-links{display:flex;flex-wrap:wrap;gap:5px}.topic-link{min-height:24px;padding:3px 7px;border:1px solid var(--line-2);border-radius:3px;background:#00000038;color:var(--text);font-size:var(--fs-xs)}.topic-link:hover{border-color:var(--accent);background:#e5e7eb24}.energy-dashboard{display:grid;gap:7px;margin-top:3px}.energy-head{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:var(--fs-xs)}.energy-head b{color:var(--green);font-size:var(--fs-xs)}.energy-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.energy-kpis div{min-width:0;padding:6px 7px;border:1px solid var(--line);border-radius:3px;background:#0000002e}.energy-kpis span,.energy-kpis em{display:block;color:var(--muted);font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.energy-kpis b{display:block;color:var(--text);font-family:var(--font-mono);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.energy-kpis i{margin-left:2px;color:var(--muted);font-size:9px;font-style:normal}.energy-section{display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:3px;background:#00000024}.energy-section strong{color:var(--text);font-size:var(--fs-xs)}.energy-load{width:100%;height:58px;color:var(--green)}.energy-section p{display:grid;grid-template-columns:62px 1fr 66px;gap:6px;align-items:center;margin:0}.energy-section p span,.energy-section p b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.energy-section p span{color:var(--muted)}.energy-section p b{color:var(--text);font-family:var(--font-mono);font-weight:500;text-align:right}.energy-section p i{height:7px;width:var(--w);border-radius:2px;background:linear-gradient(90deg,var(--green),var(--cyan))}.energy-mix{display:grid;gap:4px}.energy-mix span{display:grid;grid-template-columns:68px 1fr 34px;gap:5px;align-items:center;color:var(--muted);font-size:10px}.energy-mix span:before{content:"";grid-column:2;height:7px;width:var(--p);border-radius:2px;background:#4ade80a6}.energy-mix b{grid-column:1;grid-row:1;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.energy-mix i{grid-column:3;grid-row:1;color:var(--text);font-style:normal;text-align:right;font-family:var(--font-mono)}.energy-dock{position:absolute;left:12px;right:12px;bottom:12px;z-index:7;overflow-x:auto;overflow-y:hidden;border:none;border-radius:4px;background:transparent;backdrop-filter:none;box-shadow:none;scrollbar-width:none}.energy-dock::-webkit-scrollbar{display:none}.energy-dock[hidden]{display:none}.cockpit-board{width:100%;min-width:max-content;display:grid;grid-template-columns:repeat(3,minmax(324px,1fr));gap:10px;padding:2px}.cockpit-panel{display:grid;grid-template-rows:18px 1fr 30px 15px;gap:7px;padding:10px 14px 9px;border:1px solid rgba(255,255,255,.085);border-radius:4px;background:linear-gradient(180deg,#181b22eb,#101217f0);backdrop-filter:blur(14px);box-shadow:0 12px 34px #0000006b,inset 0 1px #ffffff0b;overflow:hidden}.cockpit-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cockpit-head b{display:flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:650;letter-spacing:.05em}.cockpit-head b:before{content:"";width:3px;height:11px;border-radius:2px;background:var(--accent, var(--text))}.cockpit-panel.electrical{--accent: var(--cyan)}.cockpit-panel.energy{--accent: var(--green)}.cockpit-panel.thermal{--accent: var(--warn)}.cockpit-head span{color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cockpit-body{display:grid;grid-template-columns:minmax(118px,auto) 1fr;gap:14px;align-items:center;min-height:0}.cockpit-hero{display:grid;gap:1px;align-content:center}.cockpit-hero span{color:var(--muted);font-size:10px;letter-spacing:.03em;white-space:nowrap}.cockpit-hero b{color:var(--accent);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.04;white-space:nowrap}.cockpit-hero b i{color:var(--muted);font-style:normal;font-size:11px;font-weight:500;margin-left:3px;letter-spacing:0}.cockpit-side{display:grid;gap:4px;align-content:center;min-width:0;padding-left:14px;border-left:1px solid rgba(255,255,255,.07)}.cockpit-side .kpi{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.cockpit-side .kpi span{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cockpit-side .kpi b{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;white-space:nowrap}.cockpit-side .kpi b i{color:var(--muted);font-style:normal;font-size:9px;font-weight:400;margin-left:2px}.cockpit-spark{display:block;width:100%;height:30px;opacity:.95}.cockpit-foot{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}.cockpit-foot span{min-width:0;overflow:hidden;text-overflow:ellipsis}.cockpit-foot em{margin-left:auto;flex:none;padding:1px 6px;border:1px solid rgba(255,255,255,.12);border-radius:2px;color:var(--muted);font-family:var(--font-mono);font-size:9px;font-style:normal;letter-spacing:.06em}.cockpit-foot i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px #4ade80e6;animation:cockpit-pulse 2.4s ease-in-out infinite}@keyframes cockpit-pulse{0%,to{opacity:1}50%{opacity:.4}}.dt-compass{position:absolute;right:12px;bottom:272px;z-index:8;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#101217b8;backdrop-filter:blur(8px);box-shadow:0 6px 18px #00000061,inset 0 1px #ffffff0f;pointer-events:none}.dt-compass-dial{position:absolute;inset:3px;will-change:transform}.dt-compass-dial svg{width:100%;height:100%;overflow:visible}.dt-compass .needle-n{fill:var(--bad, #f87171)}.dt-compass .needle-s{opacity:.8}.dt-compass .cardinal{fill:var(--muted);font-size:13px;font-weight:700;text-anchor:middle;font-family:var(--font-mono)}.dt-compass .cardinal.n{fill:var(--bad, #f87171)}.dt-compass-hub{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--text);box-shadow:0 0 5px #0009}.topic-dock-board{width:max-content;height:100%;display:flex;align-items:stretch;gap:8px}.energy-dock .energy-dashboard{width:max-content;height:100%;display:grid;grid-template-columns:112px 160px 560px 420px 240px 210px 132px;grid-template-rows:22px 1fr;align-items:stretch;margin-top:0}.energy-dock .energy-head{grid-column:1 / 3;grid-row:1;width:max-content;min-width:180px}.energy-dock .energy-station-links{grid-column:1;grid-row:2;align-self:start}.energy-dock .energy-kpis{grid-column:2;grid-row:2}.energy-dock .energy-channels{grid-column:3;grid-row:2}.energy-dock .energy-load-section{grid-column:4;grid-row:2}.energy-dock .energy-compare-section{grid-column:5;grid-row:2}.energy-dock .energy-mix-section{grid-column:6;grid-row:2}.energy-dock .energy-report{grid-column:7;grid-row:2}.energy-dock .energy-kpis,.energy-dock .energy-channels,.energy-dock .energy-section,.energy-dock .energy-report,.energy-dock .energy-station-links{height:178px;overflow:hidden}.topic-dock-panel{width:860px;height:100%;display:grid;grid-template-columns:150px 112px 430px 134px;grid-template-rows:22px 1fr;gap:7px;padding:0;color:var(--green)}.topic-dock-panel.electrical{color:var(--cyan)}.topic-dock-panel.thermal{color:var(--warn)}.topic-dock-panel.safety{color:var(--bad)}.topic-dock-head{grid-column:1 / 4;grid-row:1;width:max-content;min-width:168px;display:flex;justify-content:flex-start;gap:10px;color:var(--muted);font-size:var(--fs-xs)}.topic-dock-head b{color:currentColor;font-size:var(--fs-xs)}.topic-dock-kpis,.topic-dock-chart,.topic-dock-assets,.topic-dock-links{height:178px;overflow:hidden;padding:6px;border:1px solid var(--line);border-radius:3px;background:#00000024}.topic-dock-kpis{grid-column:4;grid-row:2}.topic-dock-chart{grid-column:3;grid-row:2}.topic-dock-assets{grid-column:1;grid-row:2}.topic-dock-links{grid-column:2;grid-row:2}.topic-dock-kpis{display:grid;grid-template-rows:repeat(4,1fr);gap:5px}.topic-dock-kpis div{min-width:0;padding:5px 6px;border:1px solid rgba(255,255,255,.06);border-radius:3px;background:#ffffff09}.topic-dock-kpis span,.topic-dock-kpis b{display:block;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;font-size:10px;line-height:1.25}.topic-dock-kpis span{color:var(--text)}.topic-dock-kpis b{color:var(--muted);font-family:var(--font-mono);font-weight:500}.topic-dock-chart{display:grid;grid-template-rows:18px 1fr;cursor:pointer}.topic-dock-chart .energy-load{height:138px}.topic-dock-chart strong{color:var(--text);font-size:var(--fs-xs)}.topic-dock-assets{display:grid;gap:5px}.topic-dock-assets p{display:grid;grid-template-columns:56px 1fr 24px;gap:4px;align-items:baseline;margin:0;padding:5px;border:1px solid rgba(255,255,255,.06);border-radius:3px;background:#ffffff09}.topic-dock-assets span,.topic-dock-assets i{min-width:0;color:var(--muted);font-size:10px;font-style:normal;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.topic-dock-assets b{color:var(--text);font-family:var(--font-mono);font-size:10px;white-space:normal;line-height:1.25}.topic-dock-links{display:grid;align-content:start;gap:6px}.topic-dock-links button{width:100%;min-height:30px;padding:3px 5px;border:1px solid var(--line-2);border-radius:3px;background:#e5e7eb24;color:var(--text);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-dock-links button:hover,.topic-dock-chart:hover{border-color:var(--accent)}.energy-channels{display:grid;grid-template-columns:repeat(4,minmax(132px,1fr));gap:6px}.energy-channel{min-width:0;display:grid;grid-template-rows:16px 1fr 18px;gap:3px;padding:6px;border:1px solid var(--line);border-radius:3px;background:#00000024;cursor:pointer}.energy-channel strong,.energy-report strong{color:var(--text);font-size:var(--fs-xs)}.energy-channel .energy-load{height:50px}.energy-channel p{display:flex;justify-content:space-between;gap:6px;margin:0;color:var(--muted);font-size:10px}.energy-channel b{color:var(--text);font-family:var(--font-mono);font-weight:500;white-space:nowrap}.energy-report,.energy-station-links{display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:3px;background:#00000024}.energy-kpis,.energy-section,.energy-report{cursor:pointer}.energy-kpis:hover,.energy-section:hover,.energy-report:hover,.energy-channel:hover{border-color:var(--accent)}.energy-report span{color:var(--muted);font-size:var(--fs-xs);line-height:1.55}.energy-station-links{grid-template-rows:repeat(2,minmax(30px,1fr))}.energy-station-links button{min-height:30px;padding:3px 6px;border:1px solid var(--line-2);border-radius:3px;background:#e5e7eb24;color:var(--text);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.energy-station-links button:hover{border-color:var(--accent)}.energy-detail-card{width:min(760px,calc(100vw - 40px))}#energy-detail-body .energy-kpis,#energy-detail-body .energy-section,#energy-detail-body .energy-report,#energy-detail-body .energy-channel{min-height:240px;overflow:visible;cursor:default}#energy-detail-body .energy-load{height:170px}#energy-detail-body .energy-channel{grid-template-rows:24px 1fr 28px}#energy-detail-body .energy-section p{grid-template-columns:120px 1fr 96px;min-height:28px}@media(max-width:1200px){.energy-dock .energy-dashboard{grid-template-columns:112px 160px 560px 420px 240px 210px 132px}.platform-page-grid{display:flex!important;flex-direction:column!important;gap:10px}.platform-card{width:100%;flex:0 0 auto;grid-column:auto!important;grid-row:auto!important}.platform-card[data-card-type=scene]{min-height:220px}}.primary-btn{margin-top:7px;width:100%;min-height:28px;border:1px solid var(--accent);border-radius:3px;color:#fff;font-weight:600;font-size:var(--fs-sm);background:linear-gradient(135deg,#e5e7eb66,#e5e7eb2e)}.modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0000009e;backdrop-filter:blur(4px)}.modal[hidden]{display:none}.modal-card{position:relative;width:min(420px,calc(100vw - 32px));border:1px solid var(--line-2);border-radius:4px;background:var(--panel);padding:16px;display:grid;gap:10px;box-shadow:0 24px 60px #0009}.modal-card.wide{width:min(460px,calc(100vw - 32px));max-height:90dvh;overflow:auto}.modal-card h3{margin:0;font-size:var(--fs-lg);color:var(--text)}.modal-card p{margin:0;font-size:var(--fs-xs)}.modal-close{position:absolute;right:10px;top:8px;width:23px;height:23px;border:1px solid var(--line);border-radius:3px;background:#ffffff0d;color:var(--muted)}.station-card{width:min(720px,calc(100vw - 32px))}.station-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:12px}.station-model{position:relative;min-height:210px;display:grid;place-items:center;gap:8px;border:1px solid var(--line);border-radius:4px;background:#171a20;overflow:hidden}.station-model>span{color:var(--muted);font-size:var(--fs-xs)}.station-preview-canvas{position:absolute;inset:0;width:100%;height:100%}.station-model.has-model-preview>span{position:absolute;left:8px;right:8px;bottom:7px;z-index:2;text-align:center;padding:3px 6px;border-radius:2px;background:#14161bad;backdrop-filter:blur(6px)}.station-room{position:relative;width:180px;height:120px;transform:skewY(-10deg);border:1px solid rgba(103,232,249,.45);background:linear-gradient(135deg,#67e8f924,#e5e7eb14);box-shadow:0 0 28px #67e8f92e}.station-room i{position:absolute;bottom:16px;width:28px;height:62px;border:1px solid rgba(255,255,255,.22);background:#ffffff14}.station-room i:nth-child(1){left:20px;height:78px}.station-room i:nth-child(2){left:62px}.station-room i:nth-child(3){left:104px;height:48px}.station-room i:nth-child(4){left:142px;width:18px;height:88px}.station-room.substation{border-color:#67e8f9a6;background:linear-gradient(135deg,#67e8f92e,#e5e7eb14)}.station-room.thermal-station{border-color:#f59e0ba6;background:linear-gradient(135deg,#f59e0b2e,#f871710f)}.station-room.air-compressor-station{border-color:#4ade809e;background:linear-gradient(135deg,#4ade8029,#67e8f90f)}.station-room.chiller-station{border-color:#60a5fa9e;background:linear-gradient(135deg,#60a5fa2b,#67e8f90f)}.station-room.thermal-station i{border-radius:999px 999px 6px 6px}.station-room.air-compressor-station i:nth-child(1),.station-room.chiller-station i:nth-child(1){width:56px;height:38px;border-radius:3px}.station-room.chiller-station i:nth-child(4){height:96px;border-style:dashed}.station-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px}.station-kpis span{padding:7px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm)}.station-rows{display:grid;gap:5px}.station-rows div{display:flex;justify-content:space-between;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#0000002e}.station-rows span{color:var(--muted);font-size:var(--fs-xs)}.station-rows b{color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xs)}.station-tabs{display:flex;gap:6px}.station-tabs button{flex:1;min-height:26px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2);color:var(--muted);font-size:var(--fs-xs)}.station-tabs button.active{border-color:var(--accent);color:var(--text)}.station-tab-body{min-height:74px;max-height:160px;overflow:auto;display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:4px;background:#0000002e}.station-tab-row{display:grid;grid-template-columns:minmax(88px,1fr) minmax(72px,auto) minmax(58px,auto);gap:8px;align-items:center;padding:5px 7px;border:1px solid rgba(255,255,255,.07);border-radius:3px;background:#ffffff09}.station-tab-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--fs-xs)}.station-tab-row b{color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap}.station-tab-row i{color:var(--green);font-style:normal;font-size:10px;text-align:right;white-space:nowrap}.station-tab-row.alarm i{color:#f87171}.station-tab-row.child{grid-template-columns:minmax(96px,1fr) minmax(72px,auto) 64px}.station-tab-row button{min-height:22px;border:1px solid var(--line-2);border-radius:3px;background:#e5e7eb24;color:var(--text);font-size:10px;cursor:pointer}.station-tab-row button:hover{border-color:var(--accent)}.station-mini-chart{height:58px;display:flex;align-items:end;gap:7px}.station-mini-chart span{flex:1;min-height:8px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--accent),rgba(229,231,235,.25))}.station-trend-line{display:grid;grid-template-columns:86px 1fr 42px;gap:8px;align-items:center;padding:5px 7px;border:1px solid rgba(255,255,255,.07);border-radius:3px;background:#ffffff09}.station-trend-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--fs-xs)}.station-trend-line b{color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:500;text-align:right}.station-spark{width:100%;height:32px;color:var(--accent)}.station-empty{color:var(--muted);font-size:var(--fs-xs);line-height:1.6}.field{display:grid;gap:3px;font-size:var(--fs-xs);color:var(--muted)}.field input{min-height:26px;padding:5px;color:var(--text);font-size:var(--fs-sm);border:1px solid var(--line);border-radius:3px;background:#00000040}.upload-status{min-height:34px;padding:7px;font-size:var(--fs-xs);line-height:1.55;border:1px solid var(--line);border-radius:3px;background:var(--panel-2)}.supplier-list{display:grid;gap:6px;max-height:260px;overflow:auto}.supplier-row{display:grid;grid-template-columns:minmax(108px,1fr) 78px 42px 42px 42px;gap:6px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:3px;background:#0000002e}.supplier-row span,.supplier-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-row span b{display:block;color:var(--text);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-row span i{display:block;color:var(--muted);font-size:10px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-row em{color:var(--warn);font-family:var(--font-mono);font-size:10px;font-style:normal;text-align:center}.supplier-row small{grid-column:1 / -1;color:var(--muted);font-family:var(--font-mono);font-size:10px}.supplier-row button{min-height:22px;border:1px solid var(--line-2);border-radius:3px;background:#e5e7eb24;color:var(--text);font-size:10px;cursor:pointer}.supplier-row button:disabled{opacity:.45;cursor:default}.supplier-row.approved{border-color:#4ade8059}.supplier-row.approved em{color:var(--green)}.supplier-row.rejected{border-color:#f8717159}.supplier-row.rejected em{color:var(--bad)}.readiness-list{display:grid;gap:6px}.readiness-head{padding:8px;border:1px solid var(--line);border-radius:3px;font-weight:700;font-size:var(--fs-sm)}.readiness-head.ready{color:var(--green);background:#4ade8014;border-color:#4ade8059}.readiness-head.warn{color:var(--warn);background:#f59e0b14;border-color:#f59e0b59}.readiness-row{display:grid;grid-template-columns:minmax(100px,1fr) 52px minmax(90px,1fr);gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#0000002e}.readiness-row span,.readiness-row i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs)}.readiness-row span{color:var(--text)}.readiness-row b{font-family:var(--font-mono);font-size:10px;text-align:center}.readiness-row i{color:var(--muted);font-style:normal;text-align:right}.readiness-row.ok b{color:var(--green)}.readiness-row.bad b{color:var(--bad)}.upload-cat{display:grid;gap:6px;padding:9px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}.upload-cat h4{margin:0;font-size:var(--fs-sm);color:var(--text)}.upload-cat input[type=file],.upload-cat input[type=text]{width:100%;min-height:26px;padding:5px;font-size:var(--fs-xs);color:var(--text);border:1px solid var(--line);border-radius:3px;background:#00000040}.semantic-map{display:grid;gap:2px;margin-top:4px}.semantic-map[hidden]{display:none}.map-title{font-size:var(--fs-xs);color:var(--muted);margin-bottom:3px}.map-row{display:flex;justify-content:space-between;gap:8px;padding:2px 6px;border:1px solid var(--line);border-radius:2px}.map-row span{font-size:var(--fs-xs);color:var(--text)}.map-row b{font-size:var(--fs-xs);font-weight:600}.map-row b.ok{color:var(--green)}.map-row b.extra{color:var(--gold)}.slot-review-list{display:grid;gap:6px;max-height:52vh;overflow:auto}.slot-review-row{display:grid;grid-template-columns:minmax(120px,1fr) 88px 72px;gap:8px;align-items:center;padding:7px 8px;border:1px solid var(--line);border-radius:3px;background:#0000002e}.slot-review-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--fs-xs)}.slot-review-row b{color:var(--muted);font-family:var(--font-mono);font-size:10px;white-space:nowrap}.slot-review-row i{color:#f87171;font-style:normal;font-size:10px;text-align:right;white-space:nowrap}.slot-review-row.bound i{color:var(--green)}.slot-review-row.bindable{grid-template-columns:minmax(110px,1fr) 82px minmax(78px,1fr) 42px 42px}.slot-review-row input{min-width:0;height:24px;padding:3px 6px;border:1px solid var(--line);border-radius:3px;background:#00000038;color:var(--text);font-size:10px}.slot-review-row button{height:24px;border:1px solid var(--line-2);border-radius:3px;background:#e5e7eb24;color:var(--text);font-size:10px;cursor:pointer}.slot-review-row button:hover{border-color:var(--accent)}.slot-review-row.previewed{border-color:var(--accent);background:#e5e7eb1f}.map-card{position:relative;width:min(880px,calc(100vw - 40px));height:min(620px,calc(100dvh - 60px));display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line-2);border-radius:4px;background:var(--panel);box-shadow:0 24px 60px #0009}.map-card h3{margin:0;font-size:var(--fs-lg);color:var(--text)}.map-search-row{position:relative;display:grid;grid-template-columns:1fr 72px;gap:7px}.map-search-row input{width:100%;min-height:30px;padding:6px 10px;color:var(--text);font-size:var(--fs-sm);border:1px solid var(--line-2);border-radius:3px;background:#00000040;outline:none}.map-search-btn{min-height:30px;border:1px solid var(--accent);border-radius:3px;color:#fff;font-weight:600;font-size:var(--fs-sm);background:linear-gradient(135deg,#e5e7eb66,#e5e7eb2e)}.map-search-row .sb-results{grid-column:1 / -1;margin-top:0;max-height:96px;z-index:5}.map-search-row .sb-empty{white-space:normal}.site-catalog-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.site-catalog-tools button,.catalog-import{min-height:24px;padding:3px 8px;border:1px solid var(--line-2);border-radius:3px;background:#00000038;color:var(--text);font-size:var(--fs-xs);cursor:pointer}.site-catalog-tools button:hover,.catalog-import:hover{border-color:var(--accent)}#site-catalog-summary{flex:1 1 220px;min-width:180px;color:var(--muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-action-row{display:grid;grid-template-columns:128px 1fr;gap:7px;align-items:center}.map-action-row .primary-btn{margin-top:0}.map-action-row:has(#map-back-list[hidden]){grid-template-columns:1fr}.map-secondary-btn{min-height:28px;border:1px solid var(--line-2);border-radius:3px;color:var(--text);font-weight:600;font-size:var(--fs-sm);background:#00000038}.map-secondary-btn:hover{border-color:var(--accent)}#map-canvas{flex:1;min-height:0;border-radius:4px;overflow:hidden;background:#0d1014}.leaflet-container{background:#0d1014;font-family:var(--font-ui)}.map-enter{margin-top:6px;padding:4px 9px;border:1px solid var(--accent);border-radius:3px;color:#fff;background:linear-gradient(135deg,#e5e7eb80,#e5e7eb40);cursor:pointer}.platform-module-nav{display:grid;gap:8px;max-height:220px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(209,213,219,.38) rgba(255,255,255,.035)}.platform-module-nav::-webkit-scrollbar{width:4px;height:4px}.platform-module-nav::-webkit-scrollbar-thumb{border-radius:2px;background:#d1d5db61}.platform-module-nav::-webkit-scrollbar-track{background:#ffffff09;border-radius:2px}.platform-menu-group{display:grid;gap:4px}.platform-menu-group>span{color:var(--muted);font-size:var(--fs-xs)}.platform-menu-group button{min-width:0;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;min-height:28px;padding:5px 8px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2);color:#c4c8d0;text-align:left}.platform-menu-group .menu-ico{font-style:normal;font-size:14px;line-height:1;width:18px;text-align:center}.platform-menu-group button:hover{border-color:var(--line-2);background:#2e333d}.platform-menu-group button.active{color:#fff;border-color:var(--accent);background:linear-gradient(135deg,#e5e7eb4d,#e5e7eb1f)}.platform-menu-group b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);font-weight:600}.platform-menu-group em{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-xs);font-style:normal}.platform-workspace{position:absolute;inset:8px;z-index:12;display:grid;grid-template-rows:auto 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:4px;background:#14161bf5;backdrop-filter:blur(10px);box-shadow:0 18px 55px #00000073;overflow:hidden}.platform-workspace[hidden]{display:none}.platform-page-head{display:flex;align-items:center;gap:12px;padding:4px 4px 12px;border-bottom:1px solid var(--line)}.platform-page-head .page-ico{font-style:normal;font-size:26px;line-height:1}.platform-page-head div{min-width:0;display:grid;gap:2px}.platform-page-head b{color:var(--text);font-size:var(--fs-lg)}.platform-page-head span{color:var(--muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-page-grid{min-height:0;display:grid;grid-template-columns:repeat(var(--platform-grid-cols),minmax(0,1fr));grid-auto-rows:var(--platform-row-h);gap:8px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(209,213,219,.38) rgba(255,255,255,.035)}.platform-page-grid::-webkit-scrollbar{width:4px;height:4px}.platform-page-grid::-webkit-scrollbar-thumb{border-radius:2px;background:#d1d5db61}.platform-page-grid::-webkit-scrollbar-track{background:#ffffff09;border-radius:2px}.platform-card{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr auto;gap:6px;padding:12px;border:1px solid var(--line);border-radius:4px;background:#13151ae0;overflow:hidden;transition:border-color .18s ease}.platform-card:hover{border-color:var(--line-2)}.platform-card[data-card-type=scene]{cursor:pointer}.platform-card[data-card-type=scene]:hover{border-color:var(--accent)}.platform-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.platform-card h4{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm)}.platform-card header span,.platform-card p{color:var(--muted);font-size:var(--fs-xs);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-kpi{align-self:center;color:var(--text);font-size:20px}.platform-spark{min-height:0;display:grid;gap:4px;align-content:center}.platform-spark svg{width:100%;height:100%;min-height:44px}.platform-spark path{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round}.platform-spark span{color:var(--muted);font-size:var(--fs-xs)}.platform-table{width:100%;border-collapse:collapse;font-size:var(--fs-xs)}.platform-table th,.platform-table td{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-list{min-height:0;display:grid;gap:5px;margin:0;padding:0;list-style:none;overflow:auto}.platform-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2)}.platform-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.platform-list b{color:var(--green);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.platform-scene-card{display:grid;place-items:center;gap:4px;text-align:center;border:1px dashed var(--line-2);border-radius:3px;background:#ffffff06}.platform-scene-card b{color:var(--text)}.platform-scene-card small{color:var(--muted);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-station-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:center}.platform-station-links button{min-height:34px;border:1px solid var(--line-2);border-radius:3px;background:linear-gradient(135deg,#e5e7eb3d,#e5e7eb1a);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-asset-dl{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;margin:0;align-content:start}.platform-asset-dl dt{color:var(--muted)}.platform-asset-dl dd{min-width:0;margin:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt3d-tools{position:absolute;top:8px;right:8px;z-index:15;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#14161beb;backdrop-filter:blur(8px)}.dt3d-tools select,.dt3d-tools button,.dt3d-tools input{font-size:var(--fs-xs);padding:4px 7px;border:1px solid var(--line);border-radius:2px;background:var(--panel-2);color:var(--text)}.dt3d-tools a.dt3d-tool-link{font-size:var(--fs-xs);padding:4px 7px;border:1px solid var(--line);border-radius:2px;background:var(--panel-2);color:var(--text);text-decoration:none}.dt3d-tools button:hover{background:var(--panel)}.dt3d-tools a.dt3d-tool-link:hover{background:var(--panel);border-color:var(--gold);color:var(--gold)}.dt3d-tools button.active{border-color:var(--gold);color:var(--gold)}.dt3d-tools input[type=range]{width:80px;padding:0}.dt3d-tools .dt3d-dropdown{position:relative}.dt3d-tools .dt3d-dropdown-trigger{white-space:nowrap}.dt3d-tools .dt3d-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:260px;max-width:calc(100vw - 16px);padding:10px;gap:10px;border:1px solid var(--line);border-radius:4px;background:#14161bf0;backdrop-filter:blur(10px);box-shadow:0 14px 36px #00000080;display:none;flex-direction:column;z-index:20}.dt3d-tools .dt3d-dropdown.open .dt3d-dropdown-menu{display:flex}.dt3d-tools .dt3d-dropdown.open .dt3d-dropdown-trigger{border-color:var(--gold);color:var(--gold)}.dt3d-tools .dt3d-group{display:flex;flex-direction:column;gap:6px}.dt3d-tools .dt3d-group-label{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.5px}.dt3d-tools .dt3d-group-row{display:flex;flex-wrap:wrap;gap:4px}.dt3d-tools .dt3d-dropdown[data-dropdown=theme] .dt3d-group-row{flex-direction:column;align-items:stretch}.dt3d-tools .dt3d-dropdown[data-dropdown=theme] .dt3d-group-row button{width:100%;text-align:left;white-space:nowrap}.dt3d-tools .dt3d-dropdown-menu input[type=range]{width:100%;padding:0}[data-theme=cyberpunk]{--bg:#050608;--bg-2:#0a0c10;--panel:#0c0f14;--panel-2:#11151c;--line:rgba(34,211,238,.18);--line-2:rgba(34,211,238,.42);--text:#dff6fb;--muted:#5b7682;--accent:#22d3ee;--cyan:#22d3ee;--gold:#fb923c}[data-theme=cyberpunk] .dt3d-tools,[data-theme=cyberpunk] .dt3d-dropdown-menu{box-shadow:0 0 12px #22d3ee4d,0 0 2px #22d3ee99,0 12px 30px #0000008c}[data-theme=cyberpunk] .dt3d-tools button.active{box-shadow:0 0 10px #22d3ee8c}[data-theme=glass]{--bg:#0b1220;--bg-2:#0e1729;--panel:rgba(15,23,42,.45);--panel-2:rgba(30,41,59,.55);--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.18);--text:#f1f5f9;--muted:#94a3b8;--accent:#38bdf8;--cyan:#7dd3fc;--gold:#fbbf24}[data-theme=glass] .side,[data-theme=glass] .platform-card,[data-theme=glass] .card,[data-theme=glass] .dt3d-tools,[data-theme=glass] .dt3d-dropdown-menu{backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:0 8px 32px #02061766,inset 0 1px #ffffff1a}[data-theme=executive]{--bg:#1c1f24;--bg-2:#21252b;--panel:#23272e;--panel-2:#2b3038;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);--text:#e6e9ee;--muted:#9aa3af;--accent:#8ab4f8;--cyan:#8ab4f8;--gold:#d4b483}[data-theme=executive] .platform-card{box-shadow:0 1px 2px #0000004d,0 1px 3px #0003}[data-theme=executive] .dt3d-dropdown-menu{box-shadow:0 8px 24px #00000052,0 2px 6px #00000038}[data-theme=executive] .dt3d-tools{box-shadow:0 2px 6px #00000047}.scene-annotation{z-index:16;box-shadow:0 2px 8px #0006}.measure-label-host{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:14}.measure-label{position:absolute;transform:translate(-50%,-120%);padding:3px 7px;border:1px solid var(--cyan);border-radius:2px;background:#0b0d11e0;color:var(--cyan);font-size:var(--fs-xs);font-family:var(--font-mono);white-space:nowrap;box-shadow:0 2px 8px #00000059}.asset-property-card{display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:4px;background:#0000002e;margin-bottom:8px}.asset-property-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-property-head b{color:var(--text);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-property-type{padding:2px 7px;border:1px solid var(--line-2);border-radius:2px;background:#e5e7eb1f;color:var(--accent);font-size:10px}.asset-property-field{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:baseline;font-size:var(--fs-xs)}.asset-property-field span{color:var(--muted)}.asset-property-field b{color:var(--text);font-family:var(--font-mono)}.asset-property-field b.good{color:var(--green)}.asset-property-field b.warn{color:var(--warn)}.asset-property-field b.bad{color:var(--bad)}.asset-detail-link{margin-top:4px;min-height:26px;border:1px solid var(--line-2);border-radius:3px;background:#e5e7eb24;color:var(--text);font-size:var(--fs-xs);cursor:pointer}.asset-detail-link:hover{border-color:var(--accent)}.asset-detail-card{width:min(520px,calc(100vw - 40px))}.asset-detail-dl{display:grid;grid-template-columns:92px 1fr;gap:8px 10px;margin:0}.asset-detail-dl dt{color:var(--muted);font-size:var(--fs-xs)}.asset-detail-dl dd{margin:0;color:var(--text);font-size:var(--fs-sm)}.asset-detail-dl dd.good{color:var(--green)}.asset-detail-dl dd.warn{color:var(--warn)}.asset-detail-dl dd.bad{color:var(--bad)}.asset-doc-tag{display:inline-block;margin:2px 4px 2px 0;padding:2px 6px;border:1px solid var(--line);border-radius:2px;background:#ffffff0d;font-size:10px;color:var(--muted)}#app.big-screen-mode{grid-template-columns:0 1fr 0}.big-screen-mode .side{display:none}.big-screen-mode .platform-workspace{inset:0;border:none;border-radius:0;background:#0b0c0f}.big-screen-mode .platform-page-grid{gap:12px}.big-screen-mode .platform-card{background:#0d0f12f2;border-color:#ffffff14}.big-screen-mode .platform-page-head,.big-screen-mode .platform-menu-group button{display:none}body:has(dialog[open]){overflow:hidden}dialog::backdrop{background:#000000bf}.platform-gauge{display:grid;place-items:center;gap:4px}.platform-gauge svg{width:100%;max-height:90px}.platform-gauge b{color:var(--text);font-size:18px}.platform-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;overflow:auto}.platform-kanban-col{display:grid;gap:6px;padding:6px;border:1px solid var(--line);border-radius:3px;background:#ffffff08}.platform-kanban-col h6{margin:0;color:var(--muted);font-size:var(--fs-xs)}.platform-kanban-card{padding:5px 7px;border-radius:2px;background:var(--panel-2);font-size:var(--fs-xs);color:var(--text)}.platform-kanban-empty{color:var(--muted);font-size:var(--fs-xs);text-align:center}.platform-ticker{overflow:hidden;border-radius:2px;background:#00000040}.platform-ticker-track{white-space:nowrap;animation:ticker 24s linear infinite;color:var(--text);font-size:var(--fs-xs);padding:6px 0}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.platform-doc-list{margin:0;padding:0;list-style:none;display:grid;gap:5px;overflow:auto}.platform-doc-list li{color:var(--text);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-bigscreen-scene-card{display:grid;place-items:center;gap:4px;height:100%;text-align:center;border:1px dashed var(--line-2);border-radius:4px;background:#ffffff06}.platform-minimap-card,.platform-heatmap-card{display:grid;place-items:center;gap:4px;height:100%;text-align:center;border-radius:4px;background:#ffffff08}.platform-page[data-layout=bigscreen] .platform-page-grid{gap:12px}.platform-page[data-layout=bigscreen] .platform-card{background:#0d0f12eb;border-color:#ffffff1a}.platform-page[data-layout=cockpit] .platform-card-scene{min-height:220px}.mobile-menu-toggle{display:none;position:fixed;top:8px;left:8px;z-index:96;width:38px;height:38px;border:1px solid var(--line-2);border-radius:3px;background:#14161beb;backdrop-filter:blur(8px);color:var(--text);font-size:18px;line-height:1;cursor:pointer}.mobile-menu-toggle:active{background:var(--panel)}@media(max-width:1024px){:root{--side-w: 0px;--rail-w: 0px}#app,#app.left-collapsed,#app.right-collapsed,#app.left-collapsed.right-collapsed{display:block!important;position:relative;width:100vw;height:100vh;overflow:hidden}.mobile-menu-toggle{display:none!important}#stage,.stage{position:absolute!important;top:0;left:0;width:100vw!important;height:100vh!important;min-width:0;padding:0;z-index:auto}#stage canvas{width:100%!important;height:100%!important}#side-left,#side-right{display:none!important}body.nav-left #side-left,body.nav-right #side-right{display:block!important;position:fixed!important;inset:0;width:100vw;height:100dvh;max-height:100dvh;z-index:99999!important;pointer-events:auto!important;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#080a0ef7!important;backdrop-filter:blur(8px);transform:none!important;border:none;border-radius:0;box-shadow:none;padding:56px 14px 20px}body.nav-open:after{display:none!important}#app,#app.left-collapsed,#app.right-collapsed,#app.left-collapsed.right-collapsed{grid-template-columns:none!important}#stage canvas{touch-action:none;pointer-events:auto}.dt3d-tools{pointer-events:auto!important;flex-wrap:wrap!important}.dt3d-tools>*{flex-shrink:0}.side-toggle{position:fixed!important;top:10px;z-index:100000!important;display:block!important;visibility:visible!important;width:36px;height:36px;font-size:18px;background:#000000d1!important;color:#fff;border:1px solid var(--line-2);border-radius:3px;box-shadow:0 2px 10px #0000008c}.side-toggle.toggle-left{left:10px;right:auto}.side-toggle.toggle-right{right:10px;left:auto}.site-hud{position:absolute;top:56px;left:14px;right:14px;width:auto;max-width:none;grid-template-columns:1fr 1fr;z-index:20}.dt3d-tools{right:4px;top:4px;max-width:calc(100% - 8px);z-index:20}.dt3d-tools button,.dt3d-tools select{padding:3px 5px;font-size:10px}.platform-workspace{inset:0;padding:6px;z-index:15;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.platform-page-grid{display:flex!important;flex-direction:column!important;gap:8px}.platform-card{padding:6px;width:100%;flex:0 0 auto;grid-column:auto!important;grid-row:auto!important}.platform-card h4{font-size:12px}.modal-card{max-height:90dvh!important;overflow:auto;width:calc(100vw - 24px)!important;max-width:100%!important}.station-grid{grid-template-columns:1fr!important}.station-model{min-height:150px}.station-tabs{flex-wrap:wrap}.modal-close{width:36px;height:36px;font-size:22px;line-height:1;background:#ffffff29;color:var(--text);border:1px solid var(--line-2);z-index:5}.platform-card p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word}}@media(min-width:1920px){:root{--side-w: 264px;--fs-xs: 10px;--fs-sm: 11px;--fs-md: 12px;--fs-lg: 14px;--fs-data: 18px}}.platform-rbac-table{width:100%;border-collapse:collapse;font-size:var(--fs-xs)}.platform-rbac-table th,.platform-rbac-table td{padding:6px 4px;border-bottom:1px solid var(--line);text-align:center}.platform-rbac-table td:first-child{text-align:left}.platform-rbac-table label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.object-status-list,.alarm-list{overflow-x:hidden;overflow-y:auto}.object-status-row{grid-template-columns:minmax(56px,1fr) minmax(52px,auto) 36px;gap:4px;padding:4px 5px}.object-status-row b,.object-status-row i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-energy-row{grid-template-columns:minmax(58px,1fr) minmax(48px,auto) 36px;gap:4px;padding:4px 5px}.site-energy-row b,.site-energy-row i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-property-field{grid-template-columns:60px 1fr;gap:6px}.asset-property-field b,.asset-property-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-scene-card,.platform-bigscreen-scene-card{position:relative;display:grid;place-items:center;height:100%;min-height:160px;border:1px dashed var(--line-2);border-radius:4px;background:#ffffff06;overflow:hidden}.platform-scene-canvas{position:absolute;inset:0;z-index:1}.platform-scene-canvas canvas{width:100%!important;height:100%!important;display:block}.platform-scene-overlay{position:relative;z-index:2;display:grid;place-items:center;gap:4px;text-align:center;pointer-events:none;padding:8px}.platform-scene-overlay b{color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.8)}.platform-scene-overlay small{color:var(--muted);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.8)}.side .platform-module-nav{overflow-x:hidden;overflow-y:auto}.side .platform-module-nav button{padding:5px 6px}.side .platform-module-nav em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 800px at 50% 30%,#1d222b,#14161b)}.auth-gate[hidden]{display:none}.auth-card{width:min(380px,92vw);display:grid;gap:16px;padding:28px 24px;border:1px solid var(--line-2);border-radius:16px;background:var(--bg-2);box-shadow:0 20px 60px #0000008c}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand strong{display:block;font-size:19px;color:var(--text)}.auth-brand small{color:var(--muted)}.auth-tabs{display:flex;gap:8px}.auth-tab{flex:1;padding:8px 0;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--muted);font-size:var(--fs-sm);cursor:pointer}.auth-tab.active{color:#fff;border-color:var(--accent);background:linear-gradient(135deg,#e5e7eb4d,#e5e7eb1f)}.auth-form{display:grid;gap:12px}.auth-status{min-height:16px;font-size:var(--fs-xs);color:var(--muted);text-align:center}