:root{font-family:Inter,Noto Sans SC,Microsoft YaHei UI,system-ui,sans-serif;color:#e7f2ef;background:#07100e;font-synthesis:none;--bg: #07100e;--panel: rgba(13, 28, 24, .82);--panel-solid: #0d1c18;--panel-hover: #122720;--line: rgba(149, 201, 184, .13);--line-strong: rgba(149, 201, 184, .22);--text: #e7f2ef;--muted: #79938b;--green: #35e5a1;--yellow: #f4c95d;--blue: #57c7ff;--violet: #9c8cff;--danger: #ff6f68}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--bg);overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;background:radial-gradient(circle at 78% 0%,rgba(28,109,81,.12),transparent 27%),linear-gradient(140deg,#07100e,#07110f 55%,#091512)}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(100,200,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,200,160,.08) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 65%);mask-image:linear-gradient(to bottom,black,transparent 65%)}.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(110px);opacity:.07;pointer-events:none}.ambient-one{background:var(--green);top:-200px;right:5%}.ambient-two{background:var(--blue);bottom:-280px;left:28%}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:246px;padding:25px 18px 18px;background:#081411f0;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 22px;cursor:pointer}.brand-mark{width:38px;height:38px;position:relative;transform:rotate(45deg)}.brand-mark span{position:absolute;border:2px solid var(--green);border-radius:3px}.brand-mark span:first-child{inset:3px 13px 13px 3px;border-right-color:transparent;border-bottom-color:transparent}.brand-mark span:nth-child(2){inset:13px 3px 3px 13px;border-left-color:transparent;border-top-color:transparent}.brand-mark i{position:absolute;inset:15px;border-radius:2px;background:var(--green);box-shadow:0 0 18px var(--green)}.brand strong{font-size:17px;letter-spacing:.06em;display:block}.brand small{display:block;margin-top:3px;color:#4f6f65;font:500 9px DM Mono,monospace;letter-spacing:.2em}.site-switcher{margin:0 2px 22px;padding:11px;border:1px solid var(--line);background:#17302861;border-radius:9px;display:flex;align-items:center;gap:9px}.site-switcher>svg{transform:rotate(90deg);color:var(--muted)}.site-icon{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;color:var(--green);background:#35e5a11a}.site-switcher p{flex:1;margin:0;min-width:0}.site-switcher small,.site-switcher strong{display:block}.site-switcher small{color:var(--muted);font-size:10px;margin-bottom:2px}.site-switcher strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group{margin-bottom:21px}.nav-label{display:block;padding:0 12px 7px;color:#4f6861;font-size:10px;font-weight:600;letter-spacing:.13em}.nav-group button,.sidebar-footer>button{width:100%;height:42px;border:0;border-radius:7px;background:transparent;display:flex;align-items:center;gap:12px;color:#789089;padding:0 12px;font-size:13px;font-weight:500;transition:.2s ease;position:relative}.nav-group button:hover,.sidebar-footer>button:hover{color:#b9ccc6;background:#35e5a10b}.nav-group button.active,.sidebar-footer>button.active{color:var(--green);background:linear-gradient(90deg,#35e5a121,#35e5a109)}.nav-group button.active:before{content:"";position:absolute;left:0;height:21px;width:2px;background:var(--green);border-radius:3px;box-shadow:0 0 12px var(--green)}.nav-group button em{margin-left:auto;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;background:#ff6f6826;color:#ff8c85;border-radius:9px;font-size:10px;font-style:normal}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.edge-status{margin-top:12px;padding:10px;border-radius:8px;background:#35e5a10e;border:1px solid rgba(53,229,161,.09);display:flex;gap:9px;align-items:center}.edge-status>span{color:var(--green);position:relative}.edge-status>span i{position:absolute;right:-1px;top:-1px;width:6px;height:6px;background:var(--green);border:2px solid #0d1c18;border-radius:50%}.edge-status p{margin:0}.edge-status strong,.edge-status small{display:block}.edge-status strong{font-size:10px}.edge-status small{margin-top:2px;color:var(--muted);font-size:9px}.version{color:#3e554e;font:9px DM Mono,monospace;letter-spacing:.08em;margin:13px 7px 0;display:flex;justify-content:space-between}.main-area{min-height:100vh;margin-left:246px;position:relative;z-index:1}.topbar{height:66px;padding:0 31px;border-bottom:1px solid var(--line);background:#07100ead;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar-left,.topbar-right,.breadcrumb,.system-health,.clock,.user-menu{display:flex;align-items:center}.breadcrumb{gap:9px;font-size:12px}.breadcrumb span,.breadcrumb i{color:#5e7770;font-style:normal}.breadcrumb strong{font-weight:500;color:#aabdb7}.topbar-right{height:100%;gap:18px}.system-health{gap:7px;padding-right:18px;border-right:1px solid var(--line);font-size:10px;color:#78938a}.system-health i,.listening i,.all-normal i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #35e5a1cc;animation:pulse-dot 2s infinite}@keyframes pulse-dot{50%{box-shadow:0 0 0 5px #35e5a100}}.clock{gap:9px}.clock strong{font:500 13px DM Mono,monospace;letter-spacing:.06em}.clock span{color:var(--muted);font-size:9px;max-width:69px;line-height:1.2}.notification-button,.icon-button,.menu-button{position:relative;border:0;background:transparent;display:grid;place-items:center;color:#7d958e}.notification-button{width:37px;height:37px;border-radius:8px;border:1px solid var(--line)}.notification-button i{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border:2px solid var(--bg);border-radius:10px;background:var(--danger);color:#fff;font-size:8px;font-style:normal;display:grid;place-items:center}.user-menu{gap:9px;background:transparent;border:0;text-align:left}.user-menu>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#08110f;background:linear-gradient(135deg,var(--green),#9df2d0);font-weight:700}.user-menu p{margin:0}.user-menu strong,.user-menu small{display:block}.user-menu strong{font-size:11px}.user-menu small{color:var(--muted);font-size:9px;margin-top:2px}.user-menu svg{color:var(--muted);transform:rotate(90deg)}.menu-button{display:none;width:36px;height:36px;font-size:18px}.page{width:min(1540px,100%);margin:auto;padding:30px 31px 44px}.page-heading{margin-bottom:26px}.split-heading,.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow,.panel-kicker{color:#4d7568;font:500 9px DM Mono,monospace;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:9px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.page-heading h1{margin:0;font-size:clamp(23px,2vw,31px);letter-spacing:-.04em;font-weight:600}.page-heading p{color:var(--muted);margin:8px 0 0;font-size:12px}.weather-panel{display:flex;align-items:center;gap:13px;color:var(--yellow);padding:11px 16px;border:1px solid var(--line);background:#0d1c18a6;border-radius:10px}.weather-panel>div{color:var(--text)}.weather-panel strong,.weather-panel span{display:block}.weather-panel strong{font-size:14px}.weather-panel span{color:var(--muted);font-size:9px;margin-top:2px}.weather-divider{height:30px;width:1px;background:var(--line);margin:0 2px}.primary-button,.outline-button,.ghost-button{border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;transition:.2s}.primary-button{height:40px;padding:0 16px;color:#06110d;border:1px solid var(--green);background:var(--green);box-shadow:0 7px 25px #35e5a11c;font-size:12px}.primary-button:hover{background:#70edbc;transform:translateY(-1px)}.outline-button{height:36px;padding:0 13px;color:#9db0aa;background:#11241e80;border:1px solid var(--line-strong);font-size:11px}.outline-button:hover{border-color:#35e5a159;color:var(--green)}.ghost-button{padding:0;border:0;background:none;color:#66847a;font-size:10px}.ghost-button:hover{color:var(--green)}.panel{position:relative;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#0e1f1ade,#0a1814bd);box-shadow:0 18px 55px #0000001f;overflow:hidden}.panel:before{content:"";position:absolute;width:35px;height:1px;background:#35e5a18c;top:-1px;left:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 14px}.panel-heading h2{margin:4px 0 0;font-size:14px;font-weight:600}.panel-kicker{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.metric-card{min-width:0;height:170px;position:relative;overflow:hidden;padding:17px 18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,#0f211beb,#0b1814bf)}.metric-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-25px;top:-28px;background:currentColor;filter:blur(48px);opacity:.08}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:currentColor}.metric-icon svg{color:#08110f}.metric-trend{font-size:9px;color:currentColor;background:currentColor;border-radius:10px;padding:4px 7px;box-shadow:inset 0 0 0 20px #07100ee6}.metric-label{color:#87a098;margin-top:12px;font-size:10px}.metric-value{font:500 25px DM Mono,monospace;color:var(--text);margin-top:3px}.metric-value small{font:500 10px Inter,Microsoft YaHei UI,sans-serif;color:var(--muted)}.metric-note{font-size:9px;color:#577269;margin-top:2px}.metric-spark{position:absolute;bottom:-3px;left:0;width:100%;height:46px;opacity:.65}.tone-green{color:var(--green)}.tone-yellow{color:var(--yellow)}.tone-blue{color:var(--blue)}.tone-violet{color:var(--violet)}.savings-overview{margin-bottom:13px;overflow:hidden;background:radial-gradient(circle at 8% 20%,rgba(156,140,255,.08),transparent 28%),#091814db}.savings-body{display:grid;grid-template-columns:.85fr 1.35fr .8fr;gap:20px;padding:5px 21px 20px}.saving-total{padding:14px;border:1px solid rgba(156,140,255,.16);border-radius:8px;background:#9c8cff09}.saving-total small,.saving-total strong,.saving-total span,.saving-total em{display:block}.saving-total small{color:#768b84;font-size:8px}.saving-total strong{margin:8px 0;color:#c1b8ff;font:23px DM Mono}.saving-total span{color:#587168;font-size:7px;line-height:1.6}.saving-total em{margin-top:7px;color:#7e948d;font-size:7px;font-style:normal}.cost-comparison{height:5px;margin-top:12px;overflow:hidden;border-radius:5px;background:#ffffff0f}.cost-comparison i{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#35e5a1,#9c8cff)}.saving-contributions{display:grid;gap:8px}.contribution-row{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:10px}.contribution-row>span{display:flex;align-items:center;gap:7px}.contribution-row>span>i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 7px #35e5a166}.contribution-row.pv-shift>span>i{background:var(--yellow)}.contribution-row.demand>span>i{background:var(--blue)}.contribution-row.degradation>span>i{background:#dc7b72}.contribution-row p{margin:0}.contribution-row strong,.contribution-row small{display:block}.contribution-row strong{font-size:8px}.contribution-row small{max-width:140px;margin-top:3px;overflow:hidden;color:#526a62;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.contribution-row>div{height:4px;overflow:hidden;border-radius:5px;background:#ffffff0d}.contribution-row>div b{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,rgba(53,229,161,.5),var(--green))}.contribution-row em{color:var(--green);text-align:right;font:8px DM Mono;font-style:normal}.contribution-row em.negative{color:#dc7b72}.saving-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.saving-stats>div{padding:10px;border:1px solid var(--line);border-radius:7px;background:#0814118c}.saving-stats small,.saving-stats strong,.saving-stats span{display:block}.saving-stats small{color:#61786f;font-size:7px}.saving-stats strong{margin:6px 0;font:10px DM Mono}.saving-stats span{color:#4f655d;font-size:6px}.saving-stats p{grid-column:1/-1;margin:0;color:#526860;font-size:6px;line-height:1.7}.dashboard-main-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:13px;margin-bottom:13px}.energy-flow-panel,.power-panel{min-height:390px}.flow-stage{height:282px;position:relative;margin:0 15px}.flow-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(119,179,158,.18) .7px,transparent .7px);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 72%);mask-image:radial-gradient(ellipse at center,black,transparent 72%)}.flow-node{position:absolute;z-index:2;width:118px;height:66px;border:1px solid var(--line-strong);border-radius:9px;background:#0b1a16f0;padding:11px 9px 10px 43px;box-shadow:0 9px 30px #0003}.flow-node strong,.flow-node small{display:block}.flow-node strong{font-size:10px}.flow-node small{color:var(--muted);font:500 10px DM Mono;margin-top:5px}.node-icon{position:absolute;left:10px;top:13px;width:27px;height:36px;display:grid;place-items:center}.grid-node{left:2%;top:14px;color:var(--green)}.pv-node{right:2%;top:14px;color:var(--yellow)}.load-node{left:2%;bottom:18px;color:var(--blue)}.storage-node{right:2%;bottom:18px;color:var(--violet)}.flow-node strong{color:var(--text)}.flow-node small.charging{color:var(--green)}.flow-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:50%;border:1px solid rgba(53,229,161,.34);background:radial-gradient(circle,#35e5a124,#081411f5 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);box-shadow:0 0 45px #35e5a11f}.core-ring{position:absolute;inset:-8px;border:1px dashed rgba(53,229,161,.23);border-radius:50%;animation:rotate 18s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.flow-core strong{color:var(--text);font:600 11px DM Mono;margin-top:2px}.flow-core span{font-size:8px;margin-top:3px;color:#60877a}.flow-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}.flow-lines path{fill:none;stroke:#35e5a147;stroke-width:1.5;stroke-dasharray:5 6;animation:dash 2s linear infinite}@keyframes dash{to{stroke-dashoffset:-22}}.flow-summary{height:43px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;color:var(--muted);font-size:9px}.flow-summary span{display:flex;align-items:center;gap:6px}.flow-summary i,.chart-legend i{width:6px;height:6px;border-radius:50%}.flow-summary strong{color:#a8bdb6;margin-left:2px}i.green{background:var(--green)}i.blue{background:var(--blue)}i.violet{background:var(--violet)}i.yellow{background:var(--yellow)}.segment-control,.protocol-tabs{display:flex;padding:3px;background:#050e0c94;border:1px solid var(--line);border-radius:6px}.segment-control button,.protocol-tabs button{border:0;background:transparent;color:var(--muted);border-radius:4px;padding:4px 9px;font-size:9px}.segment-control button.active,.protocol-tabs button.active{background:#35e5a11c;color:var(--green)}.chart-legend{display:flex;gap:16px;padding:0 22px 13px;color:var(--muted);font-size:9px}.chart-legend span{display:flex;gap:5px;align-items:center}.power-chart{height:276px;display:flex;padding:10px 20px 20px 13px}.y-labels{width:28px;display:flex;flex-direction:column;justify-content:space-between;color:#4b655d;font:8px DM Mono;padding-bottom:18px}.chart-canvas{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-line{height:1px;background:#81ac9d17}.chart-canvas>svg{position:absolute;inset:0 0 18px;width:100%;height:calc(100% - 18px);overflow:visible}.x-labels{display:flex;justify-content:space-between;color:#4b655d;font:8px DM Mono}.chart-tooltip{position:absolute;right:16%;top:12%;padding:7px 8px;border:1px solid rgba(53,229,161,.2);background:#081411e6;border-radius:5px}.chart-tooltip span,.chart-tooltip strong{display:block}.chart-tooltip span{color:var(--muted);font-size:7px}.chart-tooltip strong{font:9px DM Mono;margin-top:2px;color:var(--green)}.dashboard-bottom-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.all-normal,.listening{display:flex;align-items:center;gap:6px;color:#65887c;font-size:9px}.station-list{display:grid;grid-template-columns:repeat(3,1fr);padding:4px 12px 17px}.station-list>div{display:flex;align-items:center;padding:8px 11px;gap:9px;border-right:1px solid var(--line)}.station-list>div:last-child{border:0}.station-icon{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;background:#ffffff0a}.station-icon.green{color:var(--green)}.station-icon.blue{color:var(--blue)}.station-icon.violet{color:var(--violet)}.station-list p{flex:1;margin:0}.station-list strong,.station-list small{display:block}.station-list strong{font-size:10px}.station-list small{color:var(--muted);font-size:8px;margin-top:4px}.station-list b{color:var(--green);font:500 11px DM Mono}.alarm-list{padding:0 13px 13px}.alarm-row{height:46px;display:flex;align-items:center;gap:10px;padding:0 8px;border-top:1px solid var(--line)}.alarm-row:first-child{border-top:0}.alarm-level{padding:3px 6px;border-radius:3px;font-size:8px}.alarm-level.critical{color:#ff8882;background:#ff6f681a}.alarm-level.warning{color:var(--yellow);background:#f4c95d17}.alarm-level.info{color:var(--blue);background:#57c7ff17}.alarm-row p{flex:1;margin:0}.alarm-row strong,.alarm-row small{display:block}.alarm-row strong{font-size:9px;font-weight:500}.alarm-row small{color:var(--muted);font-size:8px;margin-top:3px}.alarm-row time{color:#506a62;font:8px DM Mono}.device-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:13px}.type-stat{min-width:0;height:79px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#0d1d18b8;display:flex;align-items:center;text-align:left;gap:9px;transition:.2s}.type-stat:hover,.type-stat.active{border-color:#35e5a147;background:#112720de}.type-stat.active{box-shadow:inset 0 2px 0 -1px var(--green)}.type-symbol,.device-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:8px;font-weight:700}.type-symbol{width:34px;height:34px;color:var(--green);background:#35e5a117;font-size:12px}.type-stat div{flex:1;min-width:0}.type-stat small,.type-stat strong{display:block}.type-stat small{color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-stat strong{margin-top:4px;font:500 19px DM Mono}.type-stat em{align-self:flex-end;color:#4f6961;font-size:8px;font-style:normal;margin-bottom:21px}.table-panel{min-height:450px}.table-toolbar{min-height:68px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.search-box{width:min(370px,45%);height:38px;padding:0 12px;border-radius:7px;border:1px solid var(--line);background:#050f0c73;display:flex;align-items:center;gap:9px;color:#5b786f}.search-box:focus-within{border-color:#35e5a157}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:10px}.search-box input::placeholder{color:#4a625a}.toolbar-right{display:flex;align-items:center;gap:13px}.result-count{color:var(--muted);font-size:9px}.device-table-wrap{overflow-x:auto}.data-table{width:100%;min-width:980px;border-collapse:collapse}.data-table th{height:42px;color:#587169;text-align:left;padding:0 15px;font-size:9px;font-weight:500;border-bottom:1px solid var(--line)}.data-table td{height:69px;padding:0 15px;border-bottom:1px solid rgba(149,201,184,.08);font-size:10px}.data-table tr:hover td{background:#35e5a105}.device-cell{display:flex;align-items:center;gap:10px}.device-avatar{width:34px;height:34px;font-size:11px}.device-cell p{margin:0}.device-cell strong,.device-cell small{display:block}.device-cell strong{font-size:10px;font-weight:600}.device-cell small,.sub-row{color:var(--muted);margin-top:4px;font:8px DM Mono}.regular-text{font-size:9px;font-weight:500}.sub-row{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-text{color:#7fb9a6}.protocol-pill{display:inline-flex;padding:4px 7px;border-radius:4px;border:1px solid var(--line);color:#839a93;font:8px DM Mono}.power-text{color:#b7cbc4;font:500 10px DM Mono}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:8px}.status-pill i{width:5px;height:5px;border-radius:50%}.status-pill.online{color:var(--green)}.status-pill.online i{background:var(--green)}.status-pill.alarm,.status-pill.warning{color:var(--yellow)}.status-pill.alarm i,.status-pill.warning i{background:var(--yellow)}.status-pill.offline{color:#72847e}.status-pill.offline i{background:#5d6f69}.muted-text{color:#637b73;font:8px DM Mono}.icon-button{width:30px;height:30px;border-radius:6px}.icon-button:hover{color:var(--green);background:#35e5a112}.empty-state{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4d6c62;gap:8px}.empty-state strong{color:#7d948c;font-size:12px}.empty-state span{font-size:9px}.simulation-console{margin-bottom:13px;overflow:hidden;background:radial-gradient(circle at 78% 0,rgba(29,206,151,.1),transparent 35%),linear-gradient(135deg,#0a1b17fa,#071411f2)}.simulation-console.running{box-shadow:inset 0 1px #35e5a129,0 12px 45px #0000001f}.sim-head{min-height:73px;padding:12px 15px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.sim-title{display:flex;align-items:center;gap:11px;min-width:250px}.sim-title p{margin:0}.sim-title small,.sim-title strong,.sim-title em{display:block}.sim-title small{color:var(--green);font:7px DM Mono;letter-spacing:1px}.sim-title strong{margin:4px 0;font-size:13px}.sim-title em{color:#698078;font-size:8px;font-style:normal}.sim-title em i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#52635e}.running .sim-title em i{background:var(--green);box-shadow:0 0 8px var(--green)}.sim-orbit{width:40px;height:40px;display:grid;place-items:center;position:relative;border:1px solid rgba(53,229,161,.18);border-radius:50%;color:var(--green);background:#35e5a10f}.sim-orbit i{position:absolute;inset:-4px;border:1px dashed rgba(53,229,161,.18);border-radius:50%;animation:orbit 8s linear infinite}.sim-endpoint{flex:1;min-width:220px;padding-left:16px;border-left:1px solid var(--line)}.sim-endpoint small,.sim-endpoint strong,.sim-endpoint span{display:block}.sim-endpoint small{color:#617a72;font-size:7px}.sim-endpoint strong{margin:5px 0;color:#a7c4ba;font:9px DM Mono}.sim-endpoint span{color:#4f6d63;font-size:7px}.sim-stop{color:#c9907c!important}.energy-flow{padding:17px 15px;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1.25fr;align-items:center}.flow-card{min-height:92px;padding:13px;position:relative;border:1px solid rgba(140,189,173,.1);border-radius:8px;background:#08161294}.flow-card:after{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.35}.flow-card small,.flow-card strong,.flow-card span{display:block}.flow-card small{color:#688178;font-size:8px}.flow-card strong{margin:10px 0 7px;color:#bcd2ca;font:17px DM Mono}.flow-card strong em{font-size:8px;font-style:normal;font-weight:400}.flow-card span{color:#506a61;font-size:7px}.flow-card.load{color:#5ac4eb}.flow-card.grid{color:#e6b759}.flow-card.pv{color:#52e4a6}.flow-card.storage{color:#ae8eff;padding-right:56px}.flow-card.storage>b{position:absolute;top:35px;right:12px;color:#b9a6ef;font:8px DM Mono}.soc-bar{height:3px;margin-top:10px;overflow:hidden;border-radius:3px;background:#ffffff12}.soc-bar i{height:100%;display:block;background:linear-gradient(90deg,#7c5cdd,#ba9cff);box-shadow:0 0 8px #956fe8}.flow-line{height:1px;position:relative;color:#446359;text-align:center;font:8px DM Mono;background:#263e36}.flow-line b{position:absolute;width:5px;height:5px;left:0;top:-2px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);animation:energyPulse 2s linear infinite}.storage-line b{animation-delay:.8s}.sim-controls{min-height:56px;padding:10px 15px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);background:#040f0c47}.sim-controls label{width:130px;margin-right:5px}.sim-controls label>span{display:block;margin-bottom:4px;color:#60786f;font-size:7px}.sim-controls input{height:27px}.sim-controls>button{height:29px;padding:0 10px;border:1px solid var(--line);border-radius:5px;color:#718a81;background:#0d1f1ab8;font-size:8px}.sim-controls>button.active{border-color:#35e5a152;color:var(--green);background:#35e5a114}.sim-controls>button:disabled{opacity:.45}.sim-clock{margin-left:auto;color:#536c63;font:7px DM Mono}.sim-badge{display:inline-flex;margin-left:5px;padding:2px 4px;border:1px solid rgba(53,229,161,.22);border-radius:3px;color:var(--green);font:6px DM Mono;vertical-align:1px}.simulation-option{min-height:59px;padding:11px 12px;display:flex!important;align-items:center;justify-content:space-between;border:1px solid rgba(53,229,161,.16);border-radius:7px;background:#35e5a109}.simulation-option>span{margin:0!important}.simulation-option strong,.simulation-option small{display:block}.simulation-option strong{color:#a6bbb4;font-size:9px}.simulation-option small{margin-top:5px;color:#5b756c;font-size:7px}.device-actions{display:flex;gap:5px}.device-actions button{padding:4px 7px;border:1px solid var(--line);border-radius:4px;color:#779087;background:#0d1f1a99;font-size:7px}.device-actions button:hover{border-color:#35e5a147;color:var(--green)}.device-actions button.danger:hover{border-color:#e872644d;color:#e09287}.device-edit-modal{width:min(610px,calc(100vw - 30px))}.serial-monitor{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#07120f}.serial-monitor header{display:flex;justify-content:space-between;color:#71887f;font-size:8px}.serial-monitor header em{color:var(--green);font:7px DM Mono;font-style:normal}.serial-monitor p{margin:8px 0 0;display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:start}.serial-monitor b{color:#6e8d83;font:7px DM Mono}.serial-monitor code{max-height:38px;overflow:auto;color:#94b5aa;font:7px/1.5 DM Mono;overflow-wrap:anywhere}.serial-self-test{display:flex;align-items:center;gap:8px}.serial-self-test>span{padding:6px 8px;border:1px solid var(--line);border-radius:5px;color:#97766e;font:7px DM Mono}.serial-self-test>span.passed{border-color:#35e5a133;color:var(--green)}.serial-self-test strong{margin-right:5px}@keyframes energyPulse{0%{left:0}to{left:calc(100% - 5px)}}@media(max-width:1050px){.savings-body{grid-template-columns:1fr 1.4fr}.saving-stats{grid-column:1/-1}}@media(max-width:700px){.savings-body{grid-template-columns:1fr}.saving-stats{grid-column:auto}.contribution-row{grid-template-columns:115px 1fr 62px}}.gateway-management-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:13px;margin-bottom:22px}.template-mini-grid{padding:0 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-mini-grid>button{min-height:60px;padding:9px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;color:#839b92;text-align:left;background:#08161273}.template-mini-grid>button>span{width:31px;height:31px;display:grid;place-items:center;border-radius:6px;color:var(--green);background:#35e5a112}.template-mini-grid p{flex:1;margin:0}.template-mini-grid strong,.template-mini-grid small{display:block}.template-mini-grid strong{font-size:8px}.template-mini-grid small{margin-top:4px;color:#536a62;font-size:6px}.template-mini-grid em{color:var(--green);font-size:7px;font-style:normal}.remote-job-list{padding:0 16px 16px}.remote-job-list>div{min-height:47px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(149,201,184,.08)}.remote-job-list>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--blue);background:#57c7ff0f}.remote-job-list p{flex:1;margin:0}.remote-job-list strong,.remote-job-list small{display:block}.remote-job-list strong{font-size:8px}.remote-job-list small{margin-top:4px;color:#526960;font-size:6px}.remote-job-list em{padding:3px 6px;border-radius:4px;color:#9d8a68;background:#f4c95d0f;font-size:6px;font-style:normal}.remote-job-list em.succeeded{color:var(--green)}.remote-job-list em.failed{color:#dc7b72}.template-modal{width:min(850px,calc(100vw - 30px))}.modal-head-actions{display:flex;align-items:center;gap:8px}.template-browser{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-browser article{min-height:125px;padding:13px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;border:1px solid var(--line);border-radius:8px;background:#0714118c}.template-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:#35e5a112}.template-browser article strong{font-size:9px}.template-browser article strong em{margin-left:4px;color:var(--green);font-size:6px;font-style:normal}.template-browser article small{display:block;margin-top:4px;color:#5a7168;font-size:7px}.template-browser article p{min-height:28px;margin:8px 0;color:#6b8179;font-size:7px;line-height:1.6}.template-browser footer{display:flex;gap:5px}.template-browser footer span{padding:3px 5px;border:1px solid var(--line);border-radius:3px;color:#627970;font:6px DM Mono}.template-browser aside{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.template-create-modal{width:min(780px,calc(100vw - 30px))}.template-point-editor{padding:10px;border:1px solid var(--line);border-radius:7px}.template-point-editor header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#7b9088;font-size:8px}.template-point-editor>div{display:grid;grid-template-columns:1.2fr 1.2fr .55fr .8fr .55fr 40px;gap:5px;margin-top:5px}.template-point-editor input,.template-point-editor select{min-width:0;height:28px}@media(max-width:900px){.gateway-management-grid,.template-browser{grid-template-columns:1fr}}.gateway-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.gateway-kpi{height:89px;border:1px solid var(--line);background:#0d1d18c2;border-radius:9px;padding:0 15px;display:flex;align-items:center;gap:12px}.gateway-kpi>span{width:37px;height:37px;display:grid;place-items:center;border-radius:8px;background:#ffffff0a}.gateway-kpi>span.green{color:var(--green)}.gateway-kpi>span.blue{color:var(--blue)}.gateway-kpi>span.violet{color:var(--violet)}.gateway-kpi>span.yellow{color:var(--yellow)}.gateway-kpi p{flex:1;margin:0}.gateway-kpi p small,.gateway-kpi p strong{display:block}.gateway-kpi p small{color:var(--muted);font-size:9px}.gateway-kpi p strong{font:500 21px DM Mono;margin-top:3px}.gateway-kpi p strong small{display:inline;font-size:9px}.gateway-kpi em{color:#597269;font-size:8px;font-style:normal}.gateway-kpi em i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:4px}.gateway-kpi em.good{color:#5ca68c}.gateway-layout{display:grid;grid-template-columns:1.55fr .75fr;gap:13px;margin-bottom:26px}.gateway-list-panel,.traffic-panel{min-height:300px}.gateway-list{padding:0 11px 12px}.gateway-row{min-height:67px;padding:8px 9px;display:grid;grid-template-columns:1.7fr 1fr .65fr .55fr .52fr 25px;align-items:center;gap:10px;border-top:1px solid var(--line)}.gateway-row:first-child{border-top:0}.gateway-row:hover{background:#35e5a105}.gateway-main{display:flex;align-items:center;gap:10px}.gateway-device-icon{width:36px;height:36px;position:relative;display:grid;place-items:center;border-radius:8px;color:var(--green);background:#35e5a114}.gateway-device-icon.warning{color:var(--yellow);background:#f4c95d14}.gateway-device-icon i{position:absolute;right:2px;bottom:2px;width:6px;height:6px;border:1px solid #10231d;border-radius:50%;background:currentColor}.gateway-main p{margin:0}.gateway-main strong,.gateway-main small,.gateway-protocol small,.gateway-data small,.latency small{display:block}.gateway-main strong{font-size:10px}.gateway-main small{margin-top:4px;color:var(--muted);font:8px DM Mono}.gateway-protocol small,.gateway-data small,.latency small{color:#536c64;font-size:8px;margin-bottom:4px}.gateway-protocol span{color:#8ca49c;font-size:9px}.gateway-data strong,.latency strong{font:500 10px DM Mono}.gateway-data i,.latency i{color:#4b635b;font-size:8px;font-style:normal}.latency strong.warn{color:var(--yellow)}.row-arrow{border:0;background:transparent;color:#4b655d;padding:0}.row-arrow:hover{color:var(--green)}.traffic-chart{height:145px;position:relative;margin:0 18px;border-bottom:1px solid var(--line)}.traffic-chart svg{position:absolute;inset:25px 0 0;width:100%;height:120px}.traffic-value{position:relative;z-index:1}.traffic-value strong{font:500 25px DM Mono}.traffic-value>span{color:var(--green);font-size:8px;margin-left:5px}.traffic-value small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.traffic-stats{height:67px;display:grid;grid-template-columns:repeat(3,1fr);padding:12px 15px}.traffic-stats span{text-align:center;border-right:1px solid var(--line)}.traffic-stats span:last-child{border:0}.traffic-stats small,.traffic-stats strong{display:block}.traffic-stats small{color:var(--muted);font-size:8px}.traffic-stats strong{margin-top:6px;font:500 10px DM Mono}.traffic-stats strong.warn{color:var(--yellow)}.protocol-section{margin-bottom:13px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.section-title-row h2{font-size:15px;margin:4px 0}.section-title-row p{color:var(--muted);margin:0;font-size:9px}.protocol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.protocol-card{min-height:205px;padding:16px;border:1px solid var(--line);border-radius:9px;background:#0d1d18ba;transition:.2s}.protocol-card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:#11251fe6}.protocol-card-top{display:flex;justify-content:space-between}.protocol-logo{width:39px;height:39px;display:grid;place-items:center;border:1px solid;border-radius:9px}.driver-kind{color:#658078;border:1px solid var(--line);border-radius:10px;padding:3px 7px;font-size:8px;height:fit-content}.protocol-card h3{margin:13px 0 6px;font-size:12px}.protocol-card>p{color:var(--muted);font-size:9px;line-height:1.7;min-height:47px;margin:0 0 12px}.protocol-card footer{border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;align-items:center}.protocol-card footer span,.protocol-card footer button{display:flex;gap:5px;align-items:center;color:#5d776f;font-size:8px}.protocol-card footer button{border:0;padding:0;background:transparent}.protocol-card footer button:hover{color:var(--green)}.log-panel{min-height:210px}.log-actions{display:flex;align-items:center;gap:9px}.log-actions>button:not(.outline-button){border:0;background:transparent;color:var(--muted);font-size:8px}.log-console{margin:0 14px 15px;border-radius:7px;border:1px solid rgba(64,122,101,.14);background:#030a08b3;padding:8px 11px}.log-line{height:27px;display:grid;grid-template-columns:90px 35px 1fr;align-items:center;border-bottom:1px solid rgba(118,168,151,.05);font:8px DM Mono}.log-line:last-child{border:0}.log-line time{color:#4f6860}.log-line span{font-weight:500}.log-line span.rx{color:var(--green)}.log-line span.tx{color:var(--blue)}.log-line span.ok{color:var(--violet)}.log-line code{color:#708a82;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-backdrop{position:fixed;z-index:100;inset:0;padding:24px;display:grid;place-items:center;background:#020806c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .18s ease-out}.modal{width:min(680px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(118,185,162,.25);border-radius:12px;background:#0d1d18;box-shadow:0 30px 100px #00000080,0 0 60px #35e5a10a;animation:modal-in .22s ease-out}.gateway-modal{width:min(590px,100%)}.modal-header{flex:0 0 auto;height:76px;padding:0 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:16px;margin:4px 0 0}.modal-body{padding:21px 22px;overflow-y:auto}.modal-footer{flex:0 0 auto;height:68px;padding:0 22px;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);background:#06100d59}.stepper{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 48px 12px;border-bottom:1px solid var(--line)}.stepper>div{position:relative;text-align:center;color:#516b63}.stepper>div:not(:last-child):after{content:"";position:absolute;top:12px;left:58%;width:84%;height:1px;background:var(--line-strong)}.stepper>div.active:not(:last-child):after{background:#35e5a166}.stepper span{width:24px;height:24px;position:relative;z-index:1;display:grid;place-items:center;margin:auto;border:1px solid var(--line-strong);border-radius:50%;background:#0d1d18;font:9px DM Mono}.stepper div.active span{color:#06100d;border-color:var(--green);background:var(--green)}.stepper p{font-size:8px;margin:6px 0 0}.stepper div.active p{color:#89a299}.type-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.type-picker button{min-height:78px;display:flex;align-items:center;gap:11px;padding:10px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#08141066;position:relative}.type-picker button:hover,.type-picker button.selected{border-color:#35e5a159;background:#35e5a109}.type-picker button>span{width:39px;height:39px;display:grid;place-items:center;border-radius:8px;flex:0 0 auto;font-weight:700}.type-picker p{margin:0}.type-picker strong,.type-picker small{display:block}.type-picker strong{font-size:10px}.type-picker small{color:var(--muted);font-size:8px;line-height:1.5;margin-top:4px}.type-picker i{display:none;position:absolute;right:8px;top:8px;width:18px;height:18px;place-items:center;border-radius:50%;background:var(--green);color:#07100e}.type-picker button.selected i{display:grid}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 13px}.form-grid label{display:block}.form-grid .full{grid-column:1 / -1}.form-grid label>span{display:block;color:#8da29b;font-size:9px;margin-bottom:7px}.form-grid label b{color:var(--danger)}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line-strong);outline:0;border-radius:6px;background:#050f0c99;color:#c9d8d3;font-size:10px;transition:border-color .2s}.form-grid input,.form-grid select{height:38px;padding:0 11px}.form-grid textarea{padding:10px 11px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#35e5a17a}.form-grid input.invalid{border-color:var(--danger)}.form-grid option{background:#0d1d18}.input-suffix{position:relative}.input-suffix em{position:absolute;right:11px;top:12px;color:var(--muted);font-size:8px;font-style:normal}.connection-hint{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(53,229,161,.12);border-radius:7px;background:#35e5a10a}.connection-hint>span{color:var(--green)}.connection-hint p{margin:0}.connection-hint strong,.connection-hint small{display:block}.connection-hint strong{font-size:9px}.connection-hint small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{transform:translateY(10px) scale(.98);opacity:0}}.coming-page{min-height:calc(100vh - 66px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.coming-orbit{width:105px;height:105px;margin-bottom:25px;border:1px dashed rgba(53,229,161,.22);border-radius:50%;display:grid;place-items:center;animation:rotate 18s linear infinite}.coming-orbit span{width:68px;height:68px;display:grid;place-items:center;color:var(--green);border:1px solid rgba(53,229,161,.2);border-radius:50%;background:radial-gradient(circle,rgba(53,229,161,.15),transparent);animation:rotate 18s linear reverse infinite}.coming-page h1{margin:8px 0}.coming-page p{margin:0 0 20px;color:var(--muted);font-size:11px}.toast{position:fixed;z-index:150;right:24px;bottom:24px;padding:11px 17px 11px 11px;display:flex;align-items:center;gap:9px;border:1px solid rgba(53,229,161,.25);border-radius:8px;background:#0c1f18f5;box-shadow:0 14px 40px #00000057;font-size:10px}.toast span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#07100e}.toast-enter-active,.toast-leave-active{transition:.25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.sidebar-mask{display:none}.heading-actions{display:flex;gap:9px}.primary-button.unsaved:after{content:"";width:5px;height:5px;border-radius:50%;background:#07100e;margin-left:2px}.tariff-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.tariff-context-card{min-width:0;min-height:91px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;background:#0d1d18bd}.tariff-summary-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#ffffff0a}.tariff-summary-icon.green{color:var(--green)}.tariff-summary-icon.yellow{color:var(--yellow)}.tariff-summary-icon.violet{color:var(--violet)}.tariff-summary-icon.blue{color:var(--blue)}.tariff-context-card p{margin:0;min-width:0}.tariff-context-card small,.tariff-context-card strong,.tariff-context-card em{display:block}.tariff-context-card small{color:var(--muted);font-size:8px}.tariff-context-card strong{margin-top:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tariff-context-card strong b{color:var(--yellow);font:500 11px DM Mono}.tariff-context-card em{margin-top:5px;color:#587269;font-size:8px;font-style:normal}.tariff-context-card em.positive{color:#5ba98d}.tariff-timeline-panel{margin-bottom:13px;min-height:246px}.tariff-selectors{display:flex;align-items:center;gap:10px}.tariff-selectors label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px}.tariff-selectors select,.tariff-selectors input{height:30px;padding:0 8px;border:1px solid var(--line);border-radius:5px;outline:0;color:#9db2ab;background:#050f0c8c;font-size:8px}.tariff-chart-wrap{padding:17px 22px 20px}.tariff-axis{display:flex;justify-content:space-between;color:#526b63;font:8px DM Mono;margin-bottom:7px}.tariff-timeline{height:82px;display:flex;position:relative;border:1px solid var(--line);border-radius:6px;background:#040d0a8a;overflow:visible}.tariff-segment{min-width:0;height:100%;border-right:1px solid;padding:10px 7px;text-align:center;position:relative;overflow:hidden}.tariff-segment:first-child{border-radius:5px 0 0 5px}.tariff-segment:last-of-type{border-radius:0 5px 5px 0}.tariff-segment strong,.tariff-segment span,.tariff-segment small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tariff-segment strong{color:currentColor;font-size:9px}.tariff-segment span{color:#c4d5cf;font:500 9px DM Mono;margin-top:5px}.tariff-segment small{color:#668078;font:7px DM Mono;margin-top:5px}.timeline-now{position:absolute;z-index:3;top:-7px;bottom:-7px;width:1px;background:#e9f5f1;box-shadow:0 0 8px #fff6}.timeline-now:before{content:"";position:absolute;left:-3px;top:-2px;border:4px solid transparent;border-top-color:#fff}.timeline-now span{position:absolute;left:7px;top:-18px;color:#dbe9e4;font:7px DM Mono;white-space:nowrap}.tariff-legend{display:flex;flex-wrap:wrap;gap:17px;margin-top:14px;color:#718a82;font-size:8px}.tariff-legend span{display:flex;align-items:center;gap:5px}.tariff-legend i{width:6px;height:6px;border-radius:2px}.tariff-legend strong{color:#9db2ab}.tariff-editor-panel{min-height:410px}.coverage-check{display:flex;align-items:center;gap:6px;padding:5px 8px;color:var(--green);border-radius:5px;background:#35e5a112;font-size:8px}.coverage-check.invalid{color:var(--danger);background:#ff6f6812}.tariff-table-wrap{overflow-x:auto}.tariff-table{min-width:820px}.tariff-table td{height:57px}.period-index{color:#536f66;font:9px DM Mono}.table-select,.table-input{height:31px;border:1px solid transparent;border-radius:5px;outline:0;background:#050f0c59;color:#9eb2ab;font-size:9px}.table-select{min-width:90px;padding:0 8px}.table-input{width:96px;padding:0 9px}.table-input.mono,.price-input{font-family:DM Mono,Consolas,monospace}.price-input{width:125px;color:#c6d8d2}.table-select:focus,.table-input:focus{border-color:#35e5a159}.duration-pill{color:#718b82;padding:4px 7px;border:1px solid var(--line);border-radius:4px;font-size:8px}.danger-button:hover{color:var(--danger);background:#ff6f680f}.tariff-editor-footer{min-height:63px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.tariff-editor-footer span{color:#566f67;font-size:8px}.strategy-template-section{margin-bottom:14px}.strategy-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.strategy-template-grid>button{min-height:102px;position:relative;padding:13px;display:flex;align-items:flex-start;gap:10px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#0d1d18bd;transition:.2s}.strategy-template-grid>button:hover,.strategy-template-grid>button.active{border-color:#35e5a14d;background:#112720e6}.strategy-template-grid>button.active{box-shadow:inset 0 2px 0 -1px var(--green)}.strategy-template-grid>button>span{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--green);background:#35e5a117}.strategy-template-grid p{margin:0}.strategy-template-grid strong,.strategy-template-grid small{display:block}.strategy-template-grid strong{font-size:10px}.strategy-template-grid small{margin-top:5px;color:var(--muted);font-size:8px;line-height:1.5}.strategy-template-grid em{position:absolute;left:58px;bottom:10px;color:#64a68f;font:7px DM Mono;font-style:normal}.strategy-template-grid>button>i{display:none;position:absolute;right:8px;top:8px;width:17px;height:17px;border-radius:50%;place-items:center;color:#06100d;background:var(--green)}.strategy-template-grid>button.active>i{display:grid}.strategy-config-bar{min-height:69px;margin-bottom:13px;padding:11px 15px;display:grid;grid-template-columns:1.2fr 1fr .5fr;align-items:center;gap:18px;border:1px solid var(--line);border-radius:9px;background:#0d1d18bf}.strategy-config-bar label>span{display:block;color:var(--muted);font-size:8px;margin-bottom:6px}.strategy-config-bar input,.strategy-config-bar select{width:100%;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:5px;outline:0;color:#aabdb7;background:#050f0c73;font-size:9px}.strategy-state{display:flex;align-items:center;justify-content:flex-end;gap:12px}.strategy-state p{margin:0}.strategy-state span,.strategy-state strong{display:block}.strategy-state span{color:var(--muted);font-size:8px}.strategy-state strong{color:var(--green);font-size:9px;margin-top:5px}.toggle{width:34px;height:19px;position:relative;padding:0;border:0;border-radius:12px;background:#31423d;transition:.2s}.toggle i{position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#879791;transition:.2s}.toggle.on{background:#35e5a140}.toggle.on i{left:18px;background:var(--green);box-shadow:0 0 8px #35e5a180}.strategy-builder-grid{display:grid;grid-template-columns:205px minmax(400px,1fr) 245px;gap:12px;margin-bottom:13px;align-items:stretch}.block-library,.block-inspector,.strategy-canvas-panel{min-height:610px}.library-hint{margin:-6px 17px 10px;color:#567068;font-size:8px}.catalog-list{padding:0 10px}.catalog-list button{width:100%;min-height:53px;padding:7px;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent}.catalog-list button:hover{border-color:var(--line);background:#35e5a109}.catalog-list button>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px}.catalog-list button p{flex:1;margin:0}.catalog-list strong,.catalog-list small{display:block}.catalog-list strong{font-size:8px}.catalog-list small{color:var(--muted);font-size:7px;margin-top:4px}.catalog-list button>svg{color:#547067}.library-rule{margin:15px 11px;padding:11px;display:flex;gap:8px;color:var(--yellow);border:1px solid rgba(244,201,93,.12);border-radius:7px;background:#f4c95d09}.library-rule p{margin:0}.library-rule strong,.library-rule small{display:block}.library-rule strong{color:#a99a6c;font-size:8px}.library-rule small{margin-top:4px;color:#6e6a55;font-size:7px;line-height:1.5}.block-count{color:#668179;font-size:8px}.strategy-canvas{min-height:540px;position:relative;padding:15px 45px 30px;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.canvas-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(119,179,158,.15) .6px,transparent .6px);background-size:15px 15px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.start-node{width:165px;min-height:40px;position:relative;z-index:1;padding:8px 10px 8px 30px;border:1px solid var(--line);border-radius:21px;background:#081410f2}.start-node i{position:absolute;left:11px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.start-node span,.start-node strong{display:block}.start-node span{color:var(--green);font:7px DM Mono}.start-node strong{margin-top:2px;font-size:7px;font-weight:500}.flow-connector{width:1px;height:29px;position:relative;z-index:1;background:#5a8f7c59}.flow-connector i{position:absolute;width:4px;height:4px;left:-1px;top:8px;border-radius:50%;background:var(--green);animation:travel 1.7s linear infinite}.flow-connector span{position:absolute;left:8px;top:9px;color:#4e6a61;font-size:7px;white-space:nowrap}@keyframes travel{to{transform:translateY(15px);opacity:.2}}.strategy-block{width:min(365px,100%);min-height:69px;position:relative;z-index:1;padding:10px 40px 10px 54px;text-align:left;border:1px solid var(--line-strong);border-radius:8px;background:#0a1914f5;box-shadow:0 9px 25px #00000029;transition:.2s}.strategy-block:hover,.strategy-block.selected{border-color:#35e5a15c;transform:translateY(-1px)}.strategy-block.selected{box-shadow:0 0 0 1px #35e5a11f,0 10px 30px #00000038}.strategy-block.disabled{opacity:.43;filter:saturate(.5)}.block-icon{position:absolute;left:11px;top:16px;width:35px;height:35px;display:grid;place-items:center;border-radius:7px}.strategy-block p{margin:0}.strategy-block small,.strategy-block strong,.strategy-block em{display:block}.strategy-block small{color:#5e7c72;font-size:7px}.strategy-block strong{margin-top:3px;font-size:9px}.strategy-block em{margin-top:4px;color:#839b93;font:8px DM Mono;font-style:normal}.block-order{position:absolute;top:10px;right:10px;color:#415c53;font:7px DM Mono}.canvas-add{position:relative;z-index:1;height:30px;padding:0 10px;display:flex;align-items:center;gap:5px;border:1px dashed var(--line-strong);border-radius:6px;background:#081410b3;color:#607c72;font-size:8px}.canvas-add:hover{color:var(--green);border-color:#35e5a14d}.selected-block-title{display:flex;align-items:center;gap:9px;padding:8px 15px 16px;border-bottom:1px solid var(--line)}.selected-block-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:7px}.selected-block-title p{margin:0}.selected-block-title small,.selected-block-title strong{display:block}.selected-block-title small{color:var(--muted);font-size:7px}.selected-block-title strong{margin-top:4px;font-size:9px}.inspector-form{padding:17px 15px}.inspector-form label{display:block;margin-bottom:15px}.inspector-form label>span{display:block;margin-bottom:6px;color:#80958e;font-size:8px}.inspector-form input,.inspector-form select{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:5px;outline:0;color:#acbeb8;background:#050f0c73;font-size:8px}.inspector-form input:focus,.inspector-form select:focus{border-color:#35e5a159}.dual-input{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dual-input label>div,.suffix-control{position:relative}.dual-input em,.suffix-control em{position:absolute;right:8px;top:10px;color:#617a72;font-size:7px;font-style:normal}.inspector-switch{padding-top:13px;border-top:1px solid var(--line);display:flex!important;justify-content:space-between;align-items:center}.inspector-switch>span{margin:0!important}.inspector-switch strong,.inspector-switch small{display:block}.inspector-switch strong{color:#9db1aa;font-size:8px}.inspector-switch small{color:#566e66;font-size:7px;margin-top:3px}.inspector-actions{padding:13px 15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.danger-text{border:0;background:transparent;color:#bb6f69;font-size:8px}.empty-inspector{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#526c63;font-size:8px}.safety-panel{min-height:120px;padding:17px 19px;display:grid;grid-template-columns:1.05fr 1.95fr;align-items:center;gap:25px}.safety-heading{display:flex;gap:12px;align-items:center}.safety-heading>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;color:var(--yellow);border-radius:9px;background:#f4c95d14}.safety-heading h2{font-size:12px;margin:4px 0}.safety-heading p{color:var(--muted);margin:0;font-size:8px;line-height:1.4}.safety-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.safety-rules span{min-height:34px;padding:0 9px;display:flex;align-items:center;gap:6px;color:#708981;border:1px solid var(--line);border-radius:5px;background:#050f0c57;font-size:7px}.safety-rules i{width:4px;height:4px;border-radius:50%;background:var(--green)}.safety-rules strong{color:#a3b5af;margin-left:auto;font-size:7px}.collector-status{height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;color:#7f978f;background:#0d1d18a6;font-size:9px}.collector-status i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.collector-status.live{color:var(--green)}.collector-status.live i{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-dot 2s infinite}.collector-status.demo{color:var(--yellow)}.collector-status.demo i{background:var(--yellow)}.collector-status.offline{color:var(--danger)}.collector-status.offline i{background:var(--danger)}.realtime-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.realtime-kpi-card{height:154px;position:relative;overflow:hidden;padding:15px 16px 12px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#0e1f1ae6,#0a1814bf)}.realtime-kpi-card>div{display:flex;align-items:center;gap:7px}.realtime-kpi-card>div small{color:#829a92;font-size:9px}.realtime-kpi-card>div em{margin-left:auto;color:#557269;font:7px DM Mono;font-style:normal}.quality-dot{width:6px;height:6px;border-radius:50%}.quality-dot.good{background:var(--green);box-shadow:0 0 8px #35e5a1b3}.quality-dot.bad{background:var(--danger)}.realtime-kpi-card>strong{display:block;margin-top:14px;font:500 23px DM Mono}.realtime-kpi-card>strong small{color:var(--muted);font:8px Inter,sans-serif}.realtime-kpi-card>svg{position:absolute;left:0;bottom:31px;width:100%;height:47px;opacity:.65}.realtime-kpi-card>svg path,.row-spark path{fill:none;stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke}.realtime-kpi-card footer{position:absolute;left:15px;right:15px;bottom:10px;display:flex;justify-content:space-between;color:#526d64;font-size:7px}.realtime-kpi-card footer time{font-family:DM Mono}.realtime-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:13px}.telemetry-panel,.collector-panel{min-height:535px}.realtime-tabs{height:55px;padding:0 17px;display:flex;align-items:flex-end;gap:21px;border-bottom:1px solid var(--line)}.realtime-tabs button{height:40px;position:relative;border:0;background:transparent;color:#667f77;font-size:10px}.realtime-tabs button.active{color:var(--green)}.realtime-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green)}.realtime-tabs span{margin:0 0 14px auto;color:#5b766d;font-size:8px}.telemetry-toolbar{min-height:59px;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.telemetry-toolbar .search-box{height:34px}.telemetry-toolbar>span{color:#577169;font:7px DM Mono}.telemetry-table-wrap{overflow-x:auto}.telemetry-table,.point-config-table{min-width:760px}.telemetry-table td{height:62px}.point-name{margin:0}.point-name strong,.point-name small{display:block}.point-name strong{font-size:9px}.point-name small{margin-top:4px;color:#587269;font:7px DM Mono}.live-value{color:#c8dad4;font:500 12px DM Mono}.live-value small{color:var(--muted);font-size:7px}.quality-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:9px;font:7px DM Mono}.quality-pill i{width:4px;height:4px;border-radius:50%}.quality-pill.good{color:var(--green);background:#35e5a112}.quality-pill.good i{background:var(--green)}.quality-pill.bad{color:var(--danger);background:#ff6f6812}.quality-pill.bad i{background:var(--danger)}.quality-pill.uncertain{color:var(--yellow);background:#f4c95d14}.quality-pill.uncertain i{background:var(--yellow)}.quality-detail{display:grid;justify-items:start;gap:4px}.quality-detail>small{max-width:210px;overflow:hidden;color:var(--subtle);font-size:6px;text-overflow:ellipsis;white-space:nowrap}.row-spark{width:100px;height:28px;opacity:.65}.outline-button.mini{height:26px;padding:0 8px;font-size:7px}.function-code{color:var(--green);font:8px DM Mono}.register-address{font:8px DM Mono}.point-config-table code{color:#789188;font:8px DM Mono}.collector-path{padding:5px 17px 10px}.collector-path>div{min-height:59px;padding:10px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#050f0c57}.collector-path>div>span{width:33px;height:33px;display:grid;place-items:center;color:var(--green);border-radius:7px;background:#35e5a114}.collector-path p{margin:0}.collector-path strong,.collector-path small{display:block}.collector-path strong{font-size:9px}.collector-path small{margin-top:4px;color:var(--muted);font:7px DM Mono}.collector-path>i{width:1px;height:25px;display:block;position:relative;margin:0 auto;background:#35e5a140}.collector-path>i b{position:absolute;width:4px;height:4px;top:5px;left:-1px;border-radius:50%;background:var(--green);animation:travel 1.5s linear infinite}.collector-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 17px 13px}.collector-metrics span{padding:10px;border:1px solid var(--line);border-radius:6px;background:#050f0c4d}.collector-metrics small,.collector-metrics strong{display:block}.collector-metrics small{color:var(--muted);font-size:7px}.collector-metrics strong{margin-top:5px;color:var(--green);font:500 10px DM Mono}.demo-notice{margin:0 17px;padding:10px;display:flex;gap:8px;color:var(--yellow);border:1px solid rgba(244,201,93,.13);border-radius:7px;background:#f4c95d09}.demo-notice p{margin:0}.demo-notice strong,.demo-notice small{display:block}.demo-notice strong{color:#ae9b63;font-size:8px}.demo-notice small{margin-top:4px;color:#6f6b54;font-size:7px;line-height:1.5}.history-filter-bar{min-height:76px;margin-bottom:12px;padding:12px 15px;display:grid;grid-template-columns:minmax(250px,1.2fr) 1fr 150px;gap:18px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#0d1d18bd}.history-filter-bar label>span,.history-range>span{display:block;color:var(--muted);font-size:8px;margin-bottom:7px}.history-filter-bar select{width:100%;height:33px;padding:0 9px;border:1px solid var(--line);border-radius:5px;outline:0;color:#a7bab4;background:#050f0c7a;font-size:9px}.history-range>div{height:33px;padding:3px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;background:#050f0c7a}.history-range button{border:0;border-radius:3px;background:transparent;color:#647f75;font-size:8px}.history-range button.active{color:var(--green);background:#35e5a11a}.history-query-info{display:flex;align-items:center;gap:8px;color:var(--green)}.history-query-info p{margin:0}.history-query-info small,.history-query-info strong{display:block}.history-query-info small{color:var(--muted);font-size:7px}.history-query-info strong{margin-top:4px;color:#9ab0a8;font:8px DM Mono}.history-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.history-stat-grid article{min-height:72px;padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#0d1d18b3}.history-stat-grid article>span{width:33px;height:33px;display:grid;place-items:center;border-radius:7px;background:#ffffff0a}.history-stat-grid span.green{color:var(--green)}.history-stat-grid span.blue{color:var(--blue)}.history-stat-grid span.yellow{color:var(--yellow)}.history-stat-grid span.violet{color:var(--violet)}.history-stat-grid p{margin:0}.history-stat-grid small,.history-stat-grid strong{display:block}.history-stat-grid p>small{color:var(--muted);font-size:8px}.history-stat-grid strong{margin-top:4px;font:500 14px DM Mono}.history-stat-grid strong em{color:#698279;font:7px Inter,sans-serif;font-style:normal}.history-chart-panel{min-height:370px;margin-bottom:12px}.history-quality{display:flex;align-items:center;gap:6px;color:#68857a;font-size:8px}.history-quality i{width:5px;height:5px;border-radius:50%;background:var(--green)}.history-chart{height:300px;padding:15px 21px 22px 12px;display:flex}.history-y-axis{width:42px;padding-bottom:22px;display:flex;flex-direction:column;justify-content:space-between;color:#516a62;font:7px DM Mono}.history-chart-canvas{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-between}.history-chart-canvas>svg{position:absolute;inset:0 0 22px;width:100%;height:calc(100% - 22px);overflow:visible}.history-x-axis{display:flex;justify-content:space-between;color:#516a62;font:7px DM Mono}.history-empty{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#4d6960}.history-empty strong{color:#7a928a;font-size:10px}.history-empty span{font-size:8px}.history-table-panel{min-height:300px}.history-table{min-width:730px}.history-table td{height:57px}@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(2,1fr)}.device-stats{grid-template-columns:repeat(3,1fr)}.protocol-grid{grid-template-columns:repeat(2,1fr)}.gateway-row{grid-template-columns:1.6fr 1fr .6fr .55fr .55fr 20px}.station-list{grid-template-columns:1fr}.station-list>div{border-right:0;border-bottom:1px solid var(--line)}.dashboard-bottom-grid{grid-template-columns:.75fr 1.25fr}.tariff-summary-grid{grid-template-columns:repeat(2,1fr)}.strategy-builder-grid{grid-template-columns:185px minmax(360px,1fr) 220px}.strategy-template-grid,.realtime-kpi-grid{grid-template-columns:repeat(2,1fr)}.history-filter-bar{grid-template-columns:1fr 1fr}.history-query-info{display:none}}@media(max-width:1020px){.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-mask{display:block;position:fixed;z-index:19;inset:0;border:0;background:#0000007a}.main-area{margin-left:0}.menu-button{display:grid}.topbar-left{gap:8px}.dashboard-main-grid,.dashboard-bottom-grid,.gateway-layout{grid-template-columns:1fr}.gateway-list-panel{overflow-x:auto}.gateway-list{min-width:770px}.strategy-builder-grid{grid-template-columns:180px minmax(390px,1fr)}.block-inspector{grid-column:1 / -1;min-height:380px}.block-inspector .inspector-form{display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.safety-panel,.realtime-layout{grid-template-columns:1fr}.collector-panel{min-height:auto}}@media(max-width:720px){.topbar{padding:0 15px}.system-health,.clock,.user-menu p,.user-menu>svg{display:none}.topbar-right{gap:8px}.page{padding:22px 15px 35px}.split-heading,.dashboard-heading{align-items:flex-start}.weather-panel{display:none}.metric-grid,.device-stats,.gateway-overview,.protocol-grid{grid-template-columns:1fr 1fr}.flow-node{width:103px;padding-left:38px}.flow-node .node-icon{left:7px}.flow-summary{font-size:7px}.table-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.toolbar-right{justify-content:space-between}.type-picker,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.gateway-kpi{padding:0 10px}.gateway-kpi em{display:none}.tariff-summary-grid{grid-template-columns:1fr 1fr}.tariff-selectors,.tariff-segment small{display:none}.strategy-builder-grid{grid-template-columns:1fr}.block-library,.strategy-canvas-panel,.block-inspector{min-height:auto}.block-inspector{grid-column:1}.strategy-config-bar{grid-template-columns:1fr}.strategy-state{justify-content:space-between}.safety-rules{grid-template-columns:1fr 1fr}.telemetry-toolbar{align-items:stretch;flex-direction:column;gap:8px}.telemetry-toolbar .search-box{width:100%}.history-filter-bar{grid-template-columns:1fr}}@media(max-width:480px){.metric-grid,.device-stats,.gateway-overview,.protocol-grid,.tariff-summary-grid,.strategy-template-grid,.realtime-kpi-grid,.history-stat-grid{grid-template-columns:1fr}.page-heading{flex-direction:column}.split-heading .primary-button{align-self:stretch}.heading-actions{width:100%}.heading-actions button{flex:1}.flow-stage{transform:scale(.9);margin:-5px -15px}.flow-summary{display:none}.energy-flow-panel{min-height:350px}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.stepper{padding-left:20px;padding-right:20px}.protocol-tabs{display:none}.tariff-legend{gap:8px}.tariff-segment{padding-left:3px;padding-right:3px}.tariff-segment span{font-size:7px}.safety-rules{grid-template-columns:1fr}.strategy-canvas{padding-left:20px;padding-right:20px}}.global-alarm-banner{margin:18px 28px 0;width:calc(100% - 56px);border:1px solid rgba(255,139,115,.42);border-radius:12px;background:linear-gradient(90deg,#712324f0,#341c25f5);color:#fff;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:12px 15px;text-align:left;box-shadow:0 14px 35px #2604094d;cursor:pointer}.global-alarm-banner.severity-warning{border-color:#f4c95d73;background:linear-gradient(90deg,#664812f0,#2d241df5)}.global-alarm-banner>span{width:36px;height:36px;display:grid;place-items:center;color:#ff9b82;border-radius:9px;background:#ffffff14}.global-alarm-banner p{display:grid;gap:3px;min-width:0;margin:0}.global-alarm-banner p strong{font-size:11px}.global-alarm-banner p small{color:#ffffffb8;font-size:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.global-alarm-banner>em{color:#fff;font-size:8px;font-style:normal;font-weight:700}.global-alarm-banner>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#ffffff14;font-style:normal}.alarm-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.alarm-summary-grid article{padding:15px;display:flex;align-items:center;gap:12px}.alarm-summary-grid article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;color:var(--cyan);background:#57c7ff17;border:1px solid rgba(87,199,255,.14)}.alarm-summary-grid article.critical>span{color:#ff8b73;background:#ff8b731a;border-color:#ff8b732e}.alarm-summary-grid article p{margin:0;display:grid;gap:2px}.alarm-summary-grid article small{color:var(--muted);font-size:8px}.alarm-summary-grid article strong{font:500 23px DM Mono}.alarm-summary-grid article em{color:var(--subtle);font-size:7px;font-style:normal}.alarm-event-panel,.alarm-rule-panel{padding:18px;margin-bottom:13px}.alarm-toolbar>div:last-child{display:flex;gap:7px}.alarm-toolbar select{min-width:115px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:5px;color:#9db2ab;background:#050f0c8c;font-size:8px}.alarm-event-list{display:grid;gap:8px;margin-top:14px}.alarm-event-list article{display:grid;grid-template-columns:4px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:12px 13px 12px 8px;border:1px solid var(--line);border-radius:9px;background:#ffffff05}.alarm-event-list article>i:first-child{align-self:stretch;border-radius:8px;background:var(--cyan)}.alarm-event-list article.severity-critical>i:first-child{background:#ff7d67;box-shadow:0 0 12px #ff7d6766}.alarm-event-list article.severity-warning>i:first-child{background:#f4c95d}.alarm-event-list article.status-resolved{opacity:.62}.alarm-event-main{min-width:0;display:grid;gap:4px}.alarm-event-main>div{display:flex;align-items:center;gap:7px}.alarm-event-main>div span,.alarm-event-main>div em{padding:3px 6px;border-radius:999px;background:#ffffff0f;color:var(--muted);font-size:7px;font-style:normal}.alarm-event-main>div strong{font-size:9px}.alarm-event-main p{margin:0;color:var(--text);font-size:8px}.alarm-event-main small{color:var(--subtle);font-size:7px}.alarm-deliveries{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:205px}.alarm-deliveries span{padding:4px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:7px}.alarm-actions{display:flex;gap:5px}.alarm-actions button{padding:6px 8px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:#ffffff0a;font-size:7px}.alarm-actions button:hover{border-color:#57c7ff5c;color:var(--cyan)}.alarm-empty{min-height:175px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted)}.alarm-empty>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:var(--green);background:#35e5a114}.alarm-empty strong{font-size:10px}.alarm-empty p{margin:0;color:var(--subtle);font-size:8px}.alarm-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.alarm-rule-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;background:#ffffff04}.alarm-rule-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--cyan);background:#57c7ff14}.alarm-rule-grid article>span.critical{color:#ff8b73;background:#ff8b7317}.alarm-rule-grid article>span.warning{color:#f4c95d;background:#f4c95d17}.alarm-rule-grid article>div{display:grid;gap:3px}.alarm-rule-grid article strong{font-size:9px}.alarm-rule-grid article small,.alarm-rule-grid article p,.alarm-rule-grid article em{margin:0;color:var(--subtle);font-size:7px;font-style:normal}.alarm-rule-grid article>i{width:7px;height:7px;border-radius:50%;background:#53645e}.alarm-rule-grid article>i.on{background:var(--green);box-shadow:0 0 9px #35e5a173}.alarm-rule-modal{width:min(680px,calc(100vw - 32px))}.alarm-channel-selector{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.alarm-channel-selector>span{width:100%;color:var(--muted);font-size:8px}.alarm-channel-selector button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#ffffff06;font-size:8px}.alarm-channel-selector button.active{color:var(--cyan);border-color:#57c7ff5c;background:#57c7ff12}@media(max-width:1050px){.alarm-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alarm-event-list article{grid-template-columns:4px minmax(0,1fr)}.alarm-deliveries,.alarm-actions{grid-column:2;justify-content:flex-start;max-width:none}}@media(max-width:720px){.global-alarm-banner{margin:12px 14px 0;width:calc(100% - 28px);grid-template-columns:auto 1fr auto}.global-alarm-banner>em{display:none}.alarm-summary-grid,.alarm-rule-grid{grid-template-columns:1fr}.alarm-toolbar{align-items:flex-start;gap:10px}.alarm-toolbar>div:last-child{width:100%}.alarm-toolbar select{min-width:0;flex:1}}.pcs-control-console{margin-bottom:13px}.executor-badge{padding:4px 8px;border:1px solid rgba(53,229,161,.18);border-radius:8px;color:var(--green);background:#35e5a10f;font-size:7px}.pcs-control-body{padding:0 17px 17px;display:grid;gap:11px}.pcs-safety-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.6fr;gap:8px}.pcs-safety-snapshot>span,.pcs-safety-snapshot>p{min-height:57px;margin:0;padding:10px;display:grid;align-content:center;gap:3px;position:relative;border:1px solid var(--line);border-radius:7px;background:#050f0c52}.pcs-safety-snapshot small{color:var(--muted);font-size:7px}.pcs-safety-snapshot strong{font:500 10px DM Mono}.pcs-safety-snapshot em{position:absolute;right:8px;top:8px;color:var(--green);font:6px DM Mono;font-style:normal}.pcs-safety-snapshot em.bad{color:var(--danger)}.pcs-command-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:9px}.pcs-command-form label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:8px}.pcs-command-form select,.pcs-command-form input,.pcs-confirm-box input{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:5px;color:#acbeb8;background:#050f0c73;outline:0;font-size:9px}.pcs-command-form .primary-button{height:34px}.pcs-confirm-box{padding:12px;display:grid;grid-template-columns:1.6fr 1fr auto;align-items:center;gap:10px;border:1px solid rgba(244,201,93,.22);border-radius:8px;background:#f4c95d09}.pcs-confirm-box>div{display:grid;gap:3px}.pcs-confirm-box span{color:var(--yellow);font-size:8px}.pcs-confirm-box code{color:#d7c782;font:8px DM Mono;letter-spacing:.5px}.pcs-confirm-box small{color:#6e6a55;font-size:7px}.pcs-command-log{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pcs-command-log article{padding:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:#050f0c47}.pcs-command-log article>span{width:6px;height:6px;border-radius:50%;background:var(--muted)}.pcs-command-log article>span.succeeded{background:var(--green);box-shadow:0 0 7px #35e5a173}.pcs-command-log article>span.rejected,.pcs-command-log article>span.failed{background:var(--danger)}.pcs-command-log p{margin:0;min-width:0}.pcs-command-log strong,.pcs-command-log small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pcs-command-log strong{font-size:8px}.pcs-command-log small{margin-top:3px;color:var(--subtle);font-size:6px}.pcs-command-log em{color:var(--muted);font-size:6px;font-style:normal}@media(max-width:900px){.pcs-safety-snapshot,.pcs-command-log{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pcs-command-form,.pcs-confirm-box,.pcs-safety-snapshot,.pcs-command-log{grid-template-columns:1fr}}.strategy-simulation{margin-bottom:13px;padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-color:#f4c95d2e}.strategy-simulation.matched{border-color:#35e5a13b}.strategy-simulation>span{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:var(--yellow);background:#f4c95d14}.strategy-simulation.matched>span{color:var(--green);background:#35e5a114}.strategy-simulation>div{min-width:0;display:grid;gap:4px}.strategy-simulation small{color:var(--muted);font-size:7px}.strategy-simulation strong{font-size:9px}.strategy-simulation p{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:5px}.strategy-simulation em{padding:3px 6px;border-radius:5px;color:#a5736c;background:#ff6f680d;font-size:6px;font-style:normal}.strategy-simulation em.passed{color:#6fa38f;background:#35e5a10d}@media(max-width:700px){.strategy-simulation{grid-template-columns:auto 1fr}.strategy-simulation>button{grid-column:2}}.iec104-control-panel{margin:12px 0}.iec104-operation-list{padding:0 16px 16px;display:grid;gap:7px}.iec104-operation-list article{min-height:62px;padding:9px 11px;display:grid;grid-template-columns:auto minmax(220px,1.15fr) minmax(230px,1fr) minmax(150px,.65fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;background:#050f0c4d}.iec104-operation-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;color:var(--blue);background:#57c7ff14}.iec104-operation-icon.succeeded{color:var(--green);background:#35e5a114}.iec104-operation-icon.failed{color:#ff657a;background:#ff657a14}.iec104-operation-list p,.iec104-operation-list time{margin:0;display:grid;gap:4px}.iec104-operation-list strong{font-size:9px}.iec104-operation-list small{color:var(--subtle);font-size:7px}.iec104-operation-list time{color:#8ca39b;font-size:8px;font-style:normal}.iec104-phases{display:flex;flex-wrap:wrap;gap:5px}.iec104-phases span{padding:4px 6px;display:flex;align-items:center;gap:4px;border:1px solid rgba(53,229,161,.14);border-radius:4px;color:#7fa397;background:#35e5a10a;font-size:7px}.iec104-phases i{width:4px;height:4px;border-radius:50%;background:var(--green)}.iec104-phases span.failed{max-width:250px;overflow:hidden;color:#ff8292;border-color:#ff657a2e;text-overflow:ellipsis;white-space:nowrap}.iec104-operation-list em{padding:4px 7px;border-radius:4px;color:var(--yellow);background:#f4c95d14;font-size:7px;font-style:normal;white-space:nowrap}.iec104-operation-list em.succeeded{color:var(--green);background:#35e5a114}.iec104-operation-list em.failed{color:#ff657a;background:#ff657a14}@media(max-width:1050px){.iec104-operation-list article{grid-template-columns:auto 1fr auto}.iec104-phases{grid-column:2}.iec104-operation-list time{display:none}}.identity-card{margin-bottom:13px;padding:15px;display:grid;grid-template-columns:auto 1fr 2fr auto;align-items:center;gap:13px}.identity-card>span{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;color:#06100d;background:linear-gradient(135deg,var(--green),#67c9ff);font-size:14px;font-weight:700}.identity-card>div{display:grid;gap:3px}.identity-card small{color:var(--muted);font-size:7px}.identity-card strong{font-size:11px}.identity-card em{color:var(--subtle);font-size:7px;font-style:normal}.identity-card>p{margin:0;display:flex;flex-wrap:wrap;gap:5px}.identity-card>p small{width:100%}.identity-card b{padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:#7fa096;font-size:6px;font-weight:500}.identity-card>button{justify-self:end}.security-users,.security-audits{margin-bottom:13px}.security-user-grid{padding:0 17px 17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.security-user-grid article{padding:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#050f0c4d}.security-user-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:#35e5a114}.security-user-grid article>div{display:grid;gap:3px}.security-user-grid strong{font-size:9px}.security-user-grid small,.security-user-grid em,.security-user-grid p{color:var(--subtle);font-size:7px;font-style:normal}.security-user-grid article>i{width:7px;height:7px;border-radius:50%;background:#52645e}.security-user-grid article>i.on{background:var(--green);box-shadow:0 0 8px #35e5a180}.security-user-grid article>p{grid-column:1 / -1;margin:3px 0 0;padding-top:7px;border-top:1px solid var(--line)}.security-audits .table-wrap{overflow-x:auto}.security-audits table{min-width:780px}.security-audits td strong,.security-audits td small{display:block}.security-audits td small{margin-top:3px;color:var(--subtle)}.security-audits code{color:#7d9990;font:7px DM Mono}.audit-status{padding:3px 6px;border-radius:6px;font:7px DM Mono}.audit-status.ok{color:var(--green);background:#35e5a112}.audit-status.denied{color:var(--danger);background:#ff6f6812}.security-empty{min-height:90px;display:grid;place-items:center;color:var(--subtle);font-size:8px}.security-modal{width:min(580px,100%)}.backup-panel{margin-bottom:13px}.backup-policy-state{display:inline-flex;align-items:center;gap:6px;color:var(--subtle);font-size:8px}.backup-policy-state i{width:6px;height:6px;border-radius:50%;background:#52645e}.backup-policy-state.on{color:var(--green)}.backup-policy-state.on i{background:var(--green);box-shadow:0 0 8px #35e5a173}.backup-settings{margin:0 17px 14px;padding:12px;display:grid;grid-template-columns:.8fr 1fr 1fr 1.4fr auto;align-items:end;gap:9px;border:1px solid var(--line);border-radius:8px;background:#050f0c47}.backup-settings label{display:grid;gap:6px;color:var(--muted);font-size:7px}.backup-settings input:not([type=checkbox]){width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:6px;outline:0;color:#a8bbb5;background:#050f0c8c;font:8px DM Mono}.backup-settings input:focus{border-color:#35e5a159}.backup-settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.backup-list{padding:0 17px 17px;display:grid;gap:8px}.backup-list article{padding:12px;display:grid;grid-template-columns:auto minmax(190px,1.5fr) minmax(230px,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:#050f0c4d}.backup-kind{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:var(--green);background:#35e5a114}.backup-kind.automatic{color:var(--blue);background:#67c9ff14}.backup-kind.safety{color:var(--yellow);background:#f4c95d14}.backup-main{min-width:0;display:grid;gap:4px}.backup-main p{margin:0;display:flex;align-items:center;gap:7px}.backup-main strong{font-size:9px}.backup-main em{padding:2px 5px;border:1px solid var(--line);border-radius:4px;color:#779087;font-size:6px;font-style:normal}.backup-main small{color:var(--subtle);font-size:7px}.backup-main code{overflow:hidden;color:#587169;font:6px DM Mono;text-overflow:ellipsis;white-space:nowrap}.backup-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.backup-metrics span{color:var(--subtle);font-size:6px}.backup-metrics b{display:block;margin-bottom:4px;color:#9db0aa;font:8px DM Mono}.backup-actions{display:flex;gap:5px}.backup-actions .danger:hover{border-color:#ff6f684d;color:var(--danger)}.backup-warning{grid-column:2 / -1;margin:-3px 0 0;color:var(--yellow);font-size:6px}.backup-modal-note{grid-column:1 / -1;margin:0;padding:10px;border:1px solid rgba(103,201,255,.15);border-radius:7px;color:#68857c;background:#67c9ff0a;font-size:8px;line-height:1.6}.restore-warning{padding:12px;display:flex;gap:10px;border:1px solid rgba(255,111,104,.2);border-radius:8px;color:var(--danger);background:#ff6f680d}.restore-warning p{margin:0}.restore-warning strong,.restore-warning small{display:block}.restore-warning strong{font-size:10px}.restore-warning small{margin-top:5px;color:#9a7772;font-size:8px;line-height:1.55}.restore-confirm{background:linear-gradient(135deg,#d46f64,#f19570)}@media(max-width:1100px){.backup-settings{grid-template-columns:repeat(4,1fr)}.backup-settings>button{grid-column:1 / -1}.backup-list article{grid-template-columns:auto 1fr auto}.backup-metrics{grid-column:2}.backup-actions{grid-column:3;grid-row:1 / span 2}.backup-warning{grid-column:2 / -1}}@media(max-width:900px){.identity-card{grid-template-columns:auto 1fr}.identity-card>p,.identity-card>button{grid-column:2}.security-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-settings{grid-template-columns:repeat(2,1fr)}.backup-list article{grid-template-columns:auto 1fr}.backup-actions{grid-column:2;grid-row:auto}.backup-warning{grid-column:2}}@media(max-width:560px){.security-user-grid,.backup-settings{grid-template-columns:1fr}.backup-settings>button{grid-column:auto}.backup-metrics{grid-template-columns:1fr}.backup-list article{grid-template-columns:1fr}.backup-kind,.backup-main,.backup-metrics,.backup-actions,.backup-warning{grid-column:1}}.energy-report-panel{margin-bottom:12px}.report-actions{display:flex;gap:8px}.report-actions select{height:30px;padding:0 8px;border:1px solid var(--line);border-radius:5px;color:#9db2ab;background:#050f0c8c;font-size:8px}.report-job-list{padding:0 16px 16px;display:grid;gap:7px}.report-job-list article{min-height:58px;padding:9px 11px;display:grid;grid-template-columns:auto minmax(180px,1.5fr) repeat(3,minmax(80px,.5fr)) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;background:#050f0c47}.report-job-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:#35e5a114}.report-job-list article>div{min-width:0;display:grid;gap:3px}.report-job-list strong{font-size:9px}.report-job-list small{color:var(--subtle);font-size:7px}.report-job-list p{margin:0;display:grid;gap:3px}.report-job-list b{font:500 10px DM Mono}.report-job-list b.positive{color:var(--green)}@media(max-width:980px){.report-job-list article{grid-template-columns:auto 1fr auto}.report-job-list article>p{display:none}}@media(max-width:560px){.report-actions{width:100%}.report-actions select,.report-actions button{flex:1}.report-job-list article{grid-template-columns:auto 1fr}.report-job-list article>button{grid-column:2;justify-self:start}}.attribution-panel{margin-bottom:12px}.attribution-total{display:grid;justify-items:end;gap:3px}.attribution-total small,.attribution-power{color:var(--subtle);font-size:7px}.attribution-total strong,.attribution-net{font:500 13px DM Mono}.attribution-table{min-width:1180px}.attribution-table td{height:62px}.attribution-table td:nth-child(3),.attribution-table td:nth-child(4){white-space:nowrap}.attribution-table .positive,.attribution-total .positive{color:var(--green)}.attribution-table .negative,.attribution-total .negative{color:#ff657a}.report-job-list article>.report-downloads{display:flex;align-items:center;gap:6px;white-space:nowrap}@media(max-width:560px){.report-job-list article>.report-downloads{grid-column:2;justify-self:start}}.diagnostic-time{color:var(--subtle);font:7px DM Mono}.health-summary-grid{margin-bottom:13px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:10px}.health-summary-grid article{min-height:94px;padding:15px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#0b1f19d1,#040f0cc7)}.health-summary-grid article>small{color:var(--muted);font-size:7px}.health-summary-grid article>strong{display:block;margin-top:10px;font:600 24px DM Mono}.health-summary-grid article>em{color:var(--subtle);font-size:7px;font-style:normal}.health-summary-grid article.warning>strong{color:var(--yellow)}.health-summary-grid article.critical>strong{color:var(--danger)}.health-score-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.health-score-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:#35e5a114;box-shadow:0 0 22px #35e5a114}.health-score-card>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline}.health-score-card>div small{grid-column:1 / -1;color:var(--muted);font-size:7px}.health-score-card>div strong{margin-top:7px;font:600 27px DM Mono}.health-score-card>div em{margin-left:5px;color:var(--subtle);font-size:7px;font-style:normal}.health-score-card>i{grid-column:1 / -1;height:3px;overflow:hidden;border-radius:4px;background:#ffffff0d}.health-score-card>i:after{content:"";display:block;width:var(--score);height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.health-toolbar{margin-bottom:13px;min-height:48px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#05100d85}.health-toolbar>div{display:flex;gap:5px}.health-toolbar button{height:28px;padding:0 10px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:transparent;font-size:8px}.health-toolbar button.active{color:var(--green);border-color:#35e5a133;background:#35e5a10f}.health-toolbar p{margin:0;color:var(--subtle);font-size:7px}.health-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:13px}.health-device-list{display:grid;align-content:start;gap:8px}.health-device-card{min-height:91px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) 120px auto;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:9px;color:inherit;background:linear-gradient(145deg,#0b1f19b8,#040f0ca6);transition:.2s}.health-device-card:hover,.health-device-card.selected{border-color:#35e5a147;transform:translateY(-1px)}.health-device-card.warning{border-left:2px solid rgba(244,201,93,.6)}.health-device-card.critical{border-left:2px solid rgba(255,111,104,.7)}.health-ring{--health-score: 0deg;width:54px;height:54px;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(var(--green) var(--health-score),rgba(255,255,255,.05) 0)}.health-device-card.warning .health-ring{background:conic-gradient(var(--yellow) var(--health-score),rgba(255,255,255,.05) 0)}.health-device-card.critical .health-ring{background:conic-gradient(var(--danger) var(--health-score),rgba(255,255,255,.05) 0)}.health-ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#07130f}.health-ring i{z-index:1;font:600 13px DM Mono;font-style:normal}.health-device-main{min-width:0}.health-device-main p{margin:0;display:flex;align-items:center;gap:7px}.health-device-main strong{font-size:10px}.health-device-main p em{padding:2px 6px;border-radius:5px;color:var(--green);background:#35e5a112;font-size:6px;font-style:normal}.health-device-card.warning p em{color:var(--yellow);background:#f4c95d12}.health-device-card.critical p em{color:var(--danger);background:#ff6f6812}.health-device-main>small{display:block;margin-top:5px;color:var(--subtle);font-size:7px}.health-device-main>div{margin-top:9px;display:flex;gap:14px}.health-device-main>div span{color:var(--subtle);font-size:6px}.health-device-main>div b{margin-left:3px;color:#8fa69e;font:7px DM Mono}.health-spark{height:38px;color:var(--green);opacity:.7}.health-device-card.warning .health-spark{color:var(--yellow)}.health-device-card.critical .health-spark{color:var(--danger)}.health-detail-panel{min-height:470px;position:sticky;top:75px;align-self:start}.health-level-pill{padding:4px 8px;border-radius:8px;color:var(--green);background:#35e5a112;font-size:7px}.health-level-pill.warning{color:var(--yellow);background:#f4c95d12}.health-level-pill.critical{color:var(--danger);background:#ff6f6812}.health-breakdown{padding:4px 16px 14px;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.health-breakdown p{margin:0 0 5px;display:flex;justify-content:space-between}.health-breakdown p span{color:var(--muted);font-size:7px}.health-breakdown p strong{font:7px DM Mono}.health-breakdown>div>i{height:3px;display:block;overflow:hidden;border-radius:4px;background:#ffffff0d}.health-breakdown>div>i em{height:100%;display:block;background:linear-gradient(90deg,var(--green),var(--blue))}.health-meta{padding:11px 16px;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.health-meta span{display:grid;gap:4px}.health-meta small{color:var(--subtle);font-size:6px}.health-meta strong{font:7px DM Mono}.diagnostic-issue-list{padding:14px 16px}.detail-section-title{margin-bottom:9px;display:flex;justify-content:space-between;font-size:8px}.detail-section-title em{color:var(--subtle);font-style:normal}.diagnostic-issue-list article{margin-bottom:8px;padding:10px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(244,201,93,.14);border-radius:7px;background:#f4c95d09}.diagnostic-issue-list article.critical{border-color:#ff6f6829;background:#ff6f6809}.diagnostic-issue-list article>span{color:var(--yellow)}.diagnostic-issue-list article.critical>span{color:var(--danger)}.diagnostic-issue-list article>div{min-width:0;flex:1}.diagnostic-issue-list article p{margin:0;display:flex;align-items:center;justify-content:space-between;gap:5px}.diagnostic-issue-list article strong{font-size:8px}.diagnostic-issue-list article code{color:var(--subtle);font:6px DM Mono}.diagnostic-issue-list article small,.diagnostic-issue-list article em{display:block;margin-top:5px;color:#738d84;font-size:7px;line-height:1.5;font-style:normal}.diagnostic-issue-list article em{padding-top:5px;border-top:1px solid rgba(255,255,255,.04);color:#94aaa3}.health-all-good{min-height:120px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--green)}.health-all-good p{margin:0}.health-all-good strong,.health-all-good small{display:block}.health-all-good strong{font-size:9px}.health-all-good small{margin-top:5px;color:var(--subtle);font-size:7px}.optimizer-lock{display:inline-flex;align-items:center;gap:6px;color:var(--yellow);font-size:7px}.optimizer-lock i{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.optimizer-lock.unlocked{color:var(--green)}.optimizer-lock.unlocked i{background:var(--green);box-shadow:0 0 8px #35e5a180}.optimizer-config-grid{margin-bottom:13px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:13px}.optimizer-plan-config,.optimizer-auto-config{min-height:270px}.optimizer-form{padding:0 16px 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.optimizer-form label{display:grid;gap:6px}.optimizer-form label.wide{grid-column:span 2}.optimizer-form label>span{color:var(--muted);font-size:7px}.optimizer-form label>div{position:relative}.optimizer-form input{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:6px;outline:0;color:#a8bbb5;background:#050f0c80;font:8px DM Mono}.optimizer-form input:focus{border-color:#35e5a14d}.optimizer-form em{position:absolute;right:8px;top:11px;color:var(--subtle);font-size:6px;font-style:normal}.optimizer-switches{padding:0 16px;display:grid;gap:2px}.optimizer-switches label{min-height:37px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04)}.optimizer-switches label>span strong,.optimizer-switches label>span small{display:block}.optimizer-switches label>span strong{color:#91a79f;font-size:8px}.optimizer-switches label>span small{margin-top:3px;color:var(--subtle);font-size:6px}.optimizer-switches input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}.optimizer-switches .optimizer-time input{width:88px;height:29px;padding:0 7px;border:1px solid var(--line);border-radius:5px;color:#9db0aa;background:#050f0c80;font:7px DM Mono}.optimizer-gate-note{margin:10px 16px;padding:9px;display:flex;gap:8px;color:var(--yellow);border:1px solid rgba(244,201,93,.13);border-radius:7px;background:#f4c95d09}.optimizer-gate-note p{margin:0}.optimizer-gate-note strong,.optimizer-gate-note small{display:block}.optimizer-gate-note strong{font-size:7px}.optimizer-gate-note small{margin-top:3px;color:#7f8170;font-size:6px;line-height:1.45}.optimizer-auto-config>button{margin:0 16px 15px;width:calc(100% - 32px)}.optimization-summary-grid{margin-bottom:13px;display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.optimization-summary-grid article{padding:13px;border:1px solid var(--line);border-radius:8px;background:#05100d8c}.optimization-summary-grid small{color:var(--muted);font-size:7px}.optimization-summary-grid strong{display:block;margin-top:8px;font:600 14px DM Mono}.optimization-summary-grid em{color:var(--green);font-size:7px;font-style:normal}.optimization-summary-grid article.green strong{color:var(--green)}.optimization-chart-panel{margin-bottom:13px}.optimizer-plan-actions{display:flex;align-items:center;gap:7px}.optimizer-plan-actions select{max-width:260px;height:29px;padding:0 8px;border:1px solid var(--line);border-radius:5px;color:#94aaa2;background:#050f0cb3;font-size:7px}.plan-status{padding:4px 7px;border-radius:7px;color:var(--subtle);background:#ffffff0a;font-size:7px}.plan-status.published{color:var(--green);background:#35e5a112}.dispatch-legend{padding:0 17px 10px;display:flex;gap:14px}.dispatch-legend span{display:inline-flex;align-items:center;gap:5px;color:var(--subtle);font-size:7px}.dispatch-legend i{width:7px;height:7px;border-radius:2px}.dispatch-legend i.load{background:#5a7f74}.dispatch-legend i.pv{background:var(--yellow)}.dispatch-legend i.charge{background:var(--blue)}.dispatch-legend i.discharge{background:var(--green)}.dispatch-legend i.limit{width:10px;height:2px;background:var(--danger)}.dispatch-chart{height:205px;margin:0 17px;padding:10px 4px 25px;display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:3px;position:relative;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,rgba(255,255,255,.035) 40px)}.dispatch-chart article{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:1px}.dispatch-chart .bar{width:25%;min-height:1px;border-radius:2px 2px 0 0}.dispatch-chart .bar.load{background:#496d62}.dispatch-chart .bar.pv{background:#f4c95dbf}.dispatch-chart .bar.pcs.discharge{background:var(--green);box-shadow:0 0 7px #35e5a129}.dispatch-chart .bar.pcs.charge{align-self:flex-start;margin-top:50%;background:var(--blue)}.dispatch-chart .bar.pcs.standby{height:1px!important;background:#42564f}.dispatch-chart article>span{position:absolute;bottom:-18px;color:#4d665e;font:6px DM Mono}.optimizer-method{margin:12px 17px 15px;color:var(--subtle);font-size:7px}.optimization-table-panel{margin-bottom:13px}.optimization-table-panel .table-wrap{overflow-x:auto}.optimization-table-panel table{min-width:1050px}.optimization-table-panel td{height:59px}.optimization-table-panel td strong,.optimization-table-panel td small{display:block}.optimization-table-panel td small{margin-top:4px;color:var(--subtle);font-size:7px}.tariff-badge,.dispatch-mode{display:inline-flex;margin-right:6px;padding:3px 6px;border-radius:5px;font-size:7px}.tariff-badge.valley,.tariff-badge.deep-valley{color:var(--blue);background:#67c9ff12}.tariff-badge.peak,.tariff-badge.critical{color:var(--danger);background:#ff6f6812}.tariff-badge.flat{color:var(--yellow);background:#f4c95d12}.dispatch-mode.charge{color:var(--blue);background:#67c9ff12}.dispatch-mode.discharge{color:var(--green);background:#35e5a112}.dispatch-mode.standby{color:var(--subtle);background:#ffffff0a}.optimization-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green)}.optimization-empty h2{margin:12px 0 5px}.optimization-empty p{color:var(--subtle);font-size:8px}@media(max-width:1180px){.health-summary-grid{grid-template-columns:repeat(3,1fr)}.health-score-card{grid-column:span 2}.optimizer-form,.optimization-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:960px){.health-layout,.optimizer-config-grid{grid-template-columns:1fr}.health-detail-panel{position:static}.health-toolbar{align-items:flex-start;flex-direction:column}.health-device-card{grid-template-columns:auto 1fr auto}.health-spark{display:none}.optimizer-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.health-summary-grid,.optimization-summary-grid{grid-template-columns:repeat(2,1fr)}.health-score-card{grid-column:span 2}.health-device-card{grid-template-columns:auto 1fr}.health-device-card>svg+svg{display:none}.health-breakdown,.optimizer-form{grid-template-columns:1fr}.optimizer-form label.wide{grid-column:auto}.dispatch-chart{overflow-x:auto;grid-template-columns:repeat(24,18px)}.dispatch-legend{flex-wrap:wrap}}.carbon-period-tabs{display:flex;padding:3px;border:1px solid var(--line);border-radius:7px;background:#040e0b99}.carbon-period-tabs button{height:27px;padding:0 12px;border:0;border-radius:5px;color:var(--muted);background:transparent;font-size:8px;cursor:pointer}.carbon-period-tabs button.active{color:#07130f;background:var(--green);box-shadow:0 0 14px #35e5a133}.carbon-summary-grid{display:grid;grid-template-columns:1.25fr repeat(5,1fr);gap:9px;margin-bottom:13px}.carbon-summary-grid article{min-width:0;min-height:94px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#071410a8}.carbon-summary-grid article small,.carbon-summary-grid article strong,.carbon-summary-grid article em{display:block}.carbon-summary-grid article small{color:var(--muted);font-size:7px}.carbon-summary-grid article strong{margin-top:9px;color:#d9e8e3;font:600 17px DM Mono}.carbon-summary-grid article em{margin-top:5px;color:var(--subtle);font-size:7px;font-style:normal}.carbon-summary-grid article.green strong,.carbon-summary-grid article.green b{color:var(--green)}.carbon-summary-grid article b.on-track{color:var(--green)}.carbon-summary-grid article b.over-target{color:var(--danger)}.carbon-primary{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#35e5a11c,#071410b8)!important}.carbon-primary>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:var(--green);background:#35e5a11a}.carbon-primary div{min-width:0}.carbon-primary strong{color:var(--green)!important}.carbon-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px}.carbon-main-column{min-width:0;display:flex;flex-direction:column;gap:13px}.carbon-calculated{color:var(--subtle);font-size:7px}.carbon-trend-panel{min-height:286px}.carbon-chart{height:176px;padding:17px 18px 26px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);overflow-x:auto;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,rgba(255,255,255,.035) 40px)}.carbon-chart article{height:100%;min-width:23px;flex:1;position:relative}.carbon-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.carbon-bars i{width:7px;min-height:1px;border-radius:2px 2px 0 0}.carbon-bars i.emission{background:linear-gradient(to top,#bd766d,var(--danger))}.carbon-bars i.reduction{background:linear-gradient(to top,#267c5d,var(--green));box-shadow:0 0 8px #35e5a11f}.carbon-chart article>span{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);color:#526b63;font:6px DM Mono;white-space:nowrap}.carbon-legend{min-height:54px;padding:10px 17px;display:flex;align-items:flex-start;gap:14px}.carbon-legend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:7px}.carbon-legend i{width:7px;height:7px;border-radius:2px}.carbon-legend i.emission{background:var(--danger)}.carbon-legend i.reduction{background:var(--green)}.carbon-legend em{margin-left:auto;max-width:68%;color:var(--subtle);font-size:7px;line-height:1.6;font-style:normal;text-align:right}.carbon-detail-panel .table-wrap{overflow-x:auto}.carbon-detail-panel table{min-width:850px}.carbon-detail-panel td{height:57px}.carbon-detail-panel td strong,.carbon-detail-panel td small{display:block}.carbon-detail-panel td small{margin-top:3px;color:var(--subtle);font-size:7px}.carbon-detail-panel td.positive strong{color:var(--green)}.carbon-report-list{padding:0 15px 13px}.carbon-report-list article{min-height:60px;padding:10px 3px;display:grid;grid-template-columns:35px minmax(0,1fr) 105px auto auto;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.045)}.carbon-report-list article>span{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;color:var(--green);background:#35e5a112}.carbon-report-list article div strong,.carbon-report-list article div small,.carbon-report-list article p b,.carbon-report-list article p small{display:block}.carbon-report-list article div strong{color:#bdcdc7;font-size:8px}.carbon-report-list article div small,.carbon-report-list article p small{margin-top:4px;color:var(--subtle);font-size:7px}.carbon-report-list article p{margin:0;text-align:right}.carbon-report-list article p b{color:var(--green);font:600 10px DM Mono}.carbon-config-panel{align-self:start;position:sticky;top:74px;padding-bottom:14px}.carbon-config-panel>.panel-heading{margin-bottom:3px}.carbon-config-panel>label,.carbon-form-grid label{padding:0 15px;margin-top:10px;display:block}.carbon-config-panel label span{display:block;margin-bottom:5px;color:var(--muted);font-size:7px}.carbon-config-panel input,.carbon-config-panel textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:5px;outline:0;color:#b6c9c2;background:#040e0b94;font:8px DM Mono;resize:vertical}.carbon-config-panel input:focus,.carbon-config-panel textarea:focus{border-color:#35e5a161}.carbon-form-grid{display:grid;grid-template-columns:1fr 1fr}.carbon-form-grid label{min-width:0}.carbon-factor-warning{margin:13px 15px;padding:10px;display:flex;gap:8px;color:var(--yellow);border:1px solid rgba(244,201,93,.18);border-radius:6px;background:#f4c95d0d}.carbon-factor-warning p{margin:0}.carbon-factor-warning strong,.carbon-factor-warning small{display:block}.carbon-factor-warning strong{font-size:8px}.carbon-factor-warning small{margin-top:4px;color:#8e8058;font-size:7px;line-height:1.55}.carbon-save{width:calc(100% - 30px);margin:0 15px;justify-content:center}@media(max-width:1180px){.carbon-summary-grid{grid-template-columns:repeat(3,1fr)}.carbon-layout{grid-template-columns:1fr}.carbon-config-panel{position:static;display:grid;grid-template-columns:1fr 1fr}.carbon-config-panel>.panel-heading,.carbon-config-panel>.carbon-factor-warning,.carbon-config-panel>.carbon-save{grid-column:1/-1}.carbon-form-grid{display:contents}}@media(max-width:700px){.carbon-summary-grid{grid-template-columns:1fr 1fr}.carbon-primary{grid-column:1/-1}.carbon-period-tabs button{padding:0 8px}.carbon-chart article{min-width:28px}.carbon-legend{flex-wrap:wrap}.carbon-legend em{max-width:100%;margin:0;text-align:left}.carbon-config-panel{display:block}.carbon-form-grid{display:grid}.carbon-report-list article{grid-template-columns:32px 1fr auto auto}.carbon-report-list article p{display:none}}.sim-endpoint>em{display:block;margin-top:5px;color:var(--danger);font-size:7px;font-style:normal}.sim-endpoint>em.online{color:var(--green)}.iec104-simulation-modal{width:min(880px,calc(100vw - 24px));max-height:92vh}.iec104-simulation-modal .modal-body{max-height:calc(92vh - 145px);overflow-y:auto}.iec104-map{border:1px solid var(--line);border-radius:7px;overflow:hidden}.iec104-map>header{padding:9px 11px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffff05}.iec104-map>header span{color:#aabdb6;font-size:8px}.iec104-map>header em{color:var(--subtle);font-size:7px;font-style:normal}.iec104-map>div{max-height:250px;overflow:auto}.iec104-map table{min-width:620px}.iec104-map td{height:39px}.iec104-map code{color:var(--green);font:7px DM Mono}.iec104-map td small{margin-left:4px;color:var(--subtle)}.iec104-device-map{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.iec104-device-map article{padding:9px;border:1px solid var(--line);border-radius:6px;background:#050f0c73}.iec104-device-map strong,.iec104-device-map small{display:block}.iec104-device-map strong{color:#aabdb6;font-size:8px}.iec104-device-map small{margin-top:4px;color:var(--green);font:7px DM Mono}@media(max-width:700px){.iec104-device-map{grid-template-columns:1fr 1fr}.iec104-map>header{align-items:flex-start;flex-direction:column;gap:4px}}