:root{--green:#3ddc84;--on-green:#06301c;--solar:#f7b733;--dg:#e0823d;--radius:14px;--mono:"JetBrains Mono",ui-monospace,monospace;--disp:"Space Grotesk",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif}html[data-theme=dark]{--bg:#0b1e3d;--glow1:#15315a;--glow2:#10325a;--panel:#122b4e;--panel-2:#0e2342;--raise:#ffffff08;--ink:#eaf1fa;--muted:#92a6c4;--muted-2:#6b82a6;--line:#243c61;--line-2:#1b3055;--field-bg:#0e2342;--wire-off:#2a3f63;--contactor-off:#3a4f72;--chip-bg:#06223f;--green-text:#3ddc84;--shadow:0 12px 34px #0006;--wind:#38bdf8;--grid:#94a3b8;--load:#cbd7ec;--export:#a78bfa;--off:#38bdf8;--normal:#7c8aa3;--peak:#f8736b;--tabbar:#ffffff08;--bess:#3ddc84;--ok:#3ddc84;--warn:#f7b733;--bad:#f8736b}html[data-theme=light]{--bg:#ecf1f8;--glow1:#dbe7f6;--glow2:#e2edf9;--panel:#fff;--panel-2:#f6f9fd;--raise:#0b1e3d06;--ink:#0b1e3d;--muted:#5a6b85;--muted-2:#8593ab;--line:#dce4ef;--line-2:#eaeff6;--field-bg:#f2f6fb;--wire-off:#c4cedc;--contactor-off:#a9b5c7;--chip-bg:#fff;--green-text:#118a4b;--shadow:0 10px 28px #0f28501a;--wind:#0ea5e9;--grid:#64748b;--load:#334155;--export:#7c3aed;--off:#0ea5e9;--normal:#64748b;--peak:#ef4444;--tabbar:#0b1e3d08;--bess:#1fb866;--ok:#15924e;--warn:#d98e04;--bad:#dc2626}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 78% -10%, var(--glow1) 0%, transparent 60%), radial-gradient(900px 500px at -5% 110%, var(--glow2) 0%, transparent 55%), var(--bg);min-height:100vh;transition:background .25s,color .25s}.wrap{max-width:1400px;margin:0 auto;padding:20px 22px 60px}header.topbar{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--raise),transparent);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:18px;padding:13px 18px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{font-family:var(--disp);letter-spacing:-.5px;font-size:25px;font-weight:700}.logo b{color:var(--green)}.logobadge{align-items:center;display:inline-flex}.logobadge img{width:auto;height:40px;display:block}.divider{background:var(--line);border-radius:1px;width:1px;height:34px}.resseg{border:1px solid var(--line);border-radius:9px;display:inline-flex;overflow:hidden}.rsel{color:var(--muted);font-family:var(--disp);cursor:pointer;background:0 0;border:0;padding:7px 12px;font-size:12px;font-weight:600}.rsel.on{background:var(--green);color:var(--on-green)}.blk{font-family:var(--mono);color:var(--muted-2);white-space:nowrap;font-size:11px}.timebar{flex-wrap:wrap}.sublabel{font-family:var(--disp);font-size:14px;font-weight:600}.sublabel small{font-family:var(--body);color:var(--muted);font-size:11.5px;font-weight:400;display:block}.head-right{align-items:center;gap:12px;display:flex}.pill{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--on-green);background:var(--green);border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:700}.themebtn{border:1px solid var(--line);background:var(--raise);color:var(--ink);cursor:pointer;font-family:var(--body);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12.5px;font-weight:600;display:flex}.themebtn svg{width:15px;height:15px}.tabs{border:1px solid var(--line);background:var(--tabbar);border-radius:12px;gap:6px;width:fit-content;margin-top:16px;padding:5px;display:flex}.tab{color:var(--muted);font-family:var(--disp);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.tab:hover{color:var(--ink)}.tab.active{background:var(--green);color:var(--on-green)}.tab svg{width:16px;height:16px}h2.sec{font-family:var(--disp);letter-spacing:2px;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 12px;font-size:12.5px;font-weight:600;display:flex}h2.sec:before{content:"";background:var(--green);width:18px;height:2px;display:inline-block}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.timebar{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:var(--shadow);align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.btn{background:var(--green);color:var(--on-green);font-weight:700;font-family:var(--disp);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;display:inline-flex}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn:active{transform:translateY(1px)}input[type=range]{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:1;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green);border:3px solid var(--on-green);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 4px #3ddc842e}input[type=range]::-moz-range-thumb{background:var(--green);border:3px solid var(--on-green);border-radius:50%;width:18px;height:18px}.clock{font-family:var(--mono);text-align:center;min-width:70px;font-size:20px;font-weight:700}.winbadge{font-family:var(--mono);letter-spacing:.5px;color:#fff;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.grid2{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}@media (width<=920px){.grid2{grid-template-columns:1fr}}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}@media (width<=880px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px;position:relative;overflow:hidden}.kpi:after{content:"";background:radial-gradient(circle,#3ddc842e,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;right:-30px}.kpi .k{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-family:var(--mono)}.kpi .v{font-family:var(--disp);margin-top:6px;font-size:29px;font-weight:700;line-height:1}.kpi .v.green{color:var(--green-text)}.kpi .sub{color:var(--muted-2);margin-top:7px;font-size:11.5px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h3{font-family:var(--disp);margin:0 0 2px;font-size:14px;font-weight:600}.card p.cap{color:var(--muted-2);margin:0 0 10px;font-size:11.5px}.chart-svg,.sld-svg{width:100%;height:auto;display:block}.clegend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:11px;display:flex}.clegend i{vertical-align:3px;border-radius:2px;width:11px;height:3px;margin-right:5px;display:inline-block}.clegend i.box{vertical-align:-1px;border-radius:3px;width:10px;height:10px}.charts-row{grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px;display:grid}@media (width<=880px){.charts-row{grid-template-columns:1fr}}.sld-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.energized{font-family:var(--mono);color:var(--green-text);font-size:11px}.chips{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.chip{border:1px solid var(--line);background:var(--raise);border-radius:10px;flex-direction:column;gap:2px;min-width:96px;padding:8px 11px;display:flex}.chip .k{letter-spacing:.5px;text-transform:uppercase;color:var(--muted-2);font-size:9.5px;font-family:var(--mono)}.chip .v{font-family:var(--mono);font-size:14px;font-weight:700}@keyframes dashmove{to{stroke-dashoffset:-28px}}@keyframes dashmoveR{to{stroke-dashoffset:28px}}.flow{stroke-dasharray:7 7}.flow.fwd{animation:1s linear infinite dashmove}.flow.rev{animation:1s linear infinite dashmoveR}@media (prefers-reduced-motion:reduce){.flow{animation:none!important}}.assets{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.asset{border:1px solid var(--line);background:var(--raise);border-radius:12px;padding:13px;position:relative;overflow:hidden}.asset .stripe{width:4px;position:absolute;top:0;bottom:0;left:0}.asset .an{justify-content:space-between;align-items:center;gap:8px;display:flex}.asset .nm{font-family:var(--disp);font-size:13px;font-weight:600}.asset .pw{font-family:var(--mono);margin-top:8px;font-size:23px;font-weight:700}.asset .meta{color:var(--muted-2);font-size:11px;font-family:var(--mono);margin-top:4px}.stat{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;display:inline-flex}.stat .d{border-radius:50%;width:7px;height:7px}table.tags{border-collapse:collapse;width:100%;font-size:12.5px}table.tags th{text-align:left;font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--muted-2);border-bottom:1px solid var(--line);background:var(--panel);padding:9px 10px;font-size:10px;position:sticky;top:0}table.tags td{border-bottom:1px solid var(--line-2);padding:9px 10px}table.tags td.val{font-family:var(--mono);text-align:right;font-weight:600}.tagwrap{border:1px solid var(--line);border-radius:12px;max-height:360px;overflow:auto}.alarms{flex-direction:column;gap:8px;display:flex}.alarm{border:1px solid var(--line);background:var(--raise);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.alarm .d{border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px}.alarm .at{font-family:var(--mono);color:var(--muted-2);margin-top:2px;font-size:10.5px}.set-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=920px){.set-grid{grid-template-columns:1fr}}.set-card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.set-card .ch{font-family:var(--disp);justify-content:space-between;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.set-card .cs{color:var(--muted-2);margin:3px 0 14px;font-size:11.5px}.src-item{border:1px solid var(--line);background:var(--raise);border-radius:10px;align-items:center;gap:9px;margin-bottom:8px;padding:9px;display:flex}.src-item .dot{border-radius:3px;flex:none;width:11px;height:11px}.src-item input.name{background:var(--field-bg);border:1px solid var(--line);min-width:60px;color:var(--ink);font-family:var(--body);border-radius:8px;flex:1;padding:7px 9px;font-size:12.5px}input[type=number]{background:var(--field-bg);border:1px solid var(--line);width:74px;color:var(--ink);font-family:var(--mono);text-align:right;border-radius:8px;padding:7px 8px;font-size:12.5px}input[type=number]:focus,input.name:focus,select:focus{border-color:var(--green);outline:none}.unit{font-family:var(--mono);color:var(--muted-2);width:30px;font-size:11px}.iconbtn{border:1px solid var(--line);background:var(--field-bg);color:var(--muted);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.iconbtn:hover{color:var(--bad);border-color:var(--bad)}.addbtn{border:1px dashed var(--line);width:100%;color:var(--green-text);cursor:pointer;font-family:var(--disp);background:0 0;border-radius:10px;margin-top:2px;padding:10px;font-size:13px;font-weight:600}.addbtn:hover{border-color:var(--green);background:var(--raise)}.row{justify-content:space-between;align-items:center;gap:12px;margin:11px 0;display:flex}.row label{color:var(--muted);font-size:13px}.field{align-items:center;gap:8px;margin-left:auto;display:flex}.tog{cursor:pointer;flex:none;width:40px;height:22px;position:relative}.tog input{opacity:0;width:0;height:0;position:absolute}.tog .track{background:var(--line);border-radius:999px;transition:all .18s;position:absolute;inset:0}.tog .knob{background:#9fb2cf;border-radius:50%;width:16px;height:16px;transition:all .18s;position:absolute;top:3px;left:3px}.tog input:checked+.track{background:var(--green)}.tog input:checked+.track+.knob{background:var(--on-green);transform:translate(18px)}.tod-strip{grid-template-columns:repeat(24,1fr);gap:2px;margin:8px 0 4px;display:grid}.tod-cell{cursor:pointer;border:1px solid #8080801f;border-radius:4px;height:30px;transition:all .12s}.tod-cell:hover{filter:brightness(1.18)}.tod-cell.now{outline:2px solid var(--green);outline-offset:1px}.tod-axis{font-family:var(--mono);color:var(--muted-2);grid-template-columns:repeat(24,1fr);gap:2px;font-size:8.5px;display:grid}.tod-axis span{text-align:center}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:12px;font-size:11.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.tod-card{border:1px solid var(--line);background:var(--raise);border-radius:10px;margin-top:8px;padding:10px 12px}.tod-card .tc-head{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.tc-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini{color:var(--muted-2);font-size:10px;font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase}select{background:var(--field-bg);border:1px solid var(--line);color:var(--ink);font-family:var(--body);border-radius:8px;width:100%;padding:7px 8px;font-size:12.5px}.rate-in{align-items:center;gap:6px;display:flex}.rate-in span{font-family:var(--mono);color:var(--muted-2);font-size:12px}.rate-in input{width:100%}.note{color:var(--muted-2);border-top:1px solid var(--line-2);margin-top:18px;padding-top:14px;font-size:11px;line-height:1.6}.hidden{display:none!important}