:root{--bg: #0f1011;--panel: #141618;--line: #282b2e;--fg: #f3f2f0;--dim: #8b9096;--acc: oklch(.74 .16 52);--acc2: oklch(.74 .11 210);--warn: oklch(.72 .17 25);--good: oklch(.76 .13 158);--s-elec: oklch(.66 .16 52);--s-gas: oklch(.575 .115 210);--s-standing: oklch(.525 .145 305);--s-solar: oklch(.78 .14 95);--ramp-1: #302016;--ramp-2: #5f371c;--ramp-3: #934e1e;--ramp-4: #c86921;--ramp-5: #f88a3d;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, sans-serif;--tap: 30px;--aside: 176px;--header: 48px}:root[data-theme=light]{--bg: #fbfaf8;--panel: #ffffff;--line: #e0ddd8;--fg: #17181a;--dim: #71767c;--acc: oklch(.58 .16 45);--acc2: oklch(.55 .11 232);--warn: oklch(.55 .17 25);--good: oklch(.52 .13 152);--s-elec: oklch(.66 .16 52);--s-gas: oklch(.55 .115 232);--s-standing: oklch(.46 .15 305);--s-solar: oklch(.63 .13 90);--ramp-1: #faebe3;--ramp-2: #f3cbb4;--ramp-3: #eba57b;--ramp-4: #e18344;--ramp-5: #c75e00}@media(max-width:760px){:root{--tap: 44px}}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-mono-400-DMJ8VG8y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-mono-500-DSY6xOcd.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 13px/1.45 var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,input,select{font:inherit;color:inherit}button,input,select{border-radius:0}:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.micro{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);white-space:nowrap}.mono{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums}.metric{font-size:24px;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.metric .unit{font-size:13px;color:var(--dim);letter-spacing:0}.up{color:var(--warn)}.down{color:var(--good)}.shell{display:flex;height:100%;overflow:hidden}.aside{flex:0 0 var(--aside);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding-left:env(safe-area-inset-left)}.brand{padding:13px 20px;border-bottom:1px solid var(--line)}.brand .name{font-size:13px;letter-spacing:.02em}.nav{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line)}.nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-left:2px solid transparent;padding:9px 20px;min-height:var(--tap);text-align:left;color:var(--dim);cursor:pointer}.nav button:hover{background:var(--panel);color:var(--fg)}.nav button[aria-current=page]{border-left-color:var(--acc);background:var(--panel);color:var(--fg)}.aside-foot{margin-top:auto;padding:16px 20px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overflow-y:auto}.aside-foot .row{display:flex;flex-direction:column;gap:3px}.aside-foot .val{font-size:11px;color:var(--fg);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.aside-foot hr{border:0;border-top:1px solid var(--line);margin:2px 0;width:100%}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.header{flex:0 0 auto;min-height:var(--header);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;padding-top:env(safe-area-inset-top);padding-right:max(20px,env(safe-area-inset-right))}.header .title{font-size:15px;letter-spacing:-.01em}.header .when{color:var(--dim);font-size:11px;font-variant-numeric:tabular-nums}.header .right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}.dot{width:6px;height:6px;border-radius:50%;background:var(--dim);flex:none;display:inline-block}.dot.ok{background:var(--acc);animation:pulse 2s ease-in-out infinite}.dot.bad{background:var(--warn)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.live-badge{display:inline-flex;align-items:center;gap:6px;color:var(--dim);font-size:11px}.seg{display:inline-flex;border:1px solid var(--line)}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-left:1px solid var(--line);padding:6px 13px;min-height:var(--tap);color:var(--dim);cursor:pointer;font-size:11px;white-space:nowrap}.seg button:first-child{border-left:0}.seg button:hover{background:var(--panel);color:var(--fg)}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--line);color:var(--dim);padding:7px 13px;min-height:var(--tap);cursor:pointer;font-size:11px;white-space:nowrap}.btn:hover{color:var(--fg);border-color:var(--dim)}.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--bg)}.btn.primary:hover{color:var(--bg);opacity:.88}.btn.danger:hover{color:var(--warn);border-color:var(--warn)}.btn[disabled]{opacity:.4;cursor:default}.btn.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:10px}input[type=text],input[type=number],input[type=date],select{background:transparent;border:1px solid var(--line);color:var(--fg);padding:6px 8px;min-height:var(--tap);font-variant-numeric:tabular-nums}input[type=number],input[type=date]{font-family:var(--mono);text-align:right}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:16px;border:1px solid var(--line);background:none;display:inline-flex;align-items:center;justify-content:flex-start;padding:2px;cursor:pointer;flex:none}.toggle span{width:10px;height:10px;background:var(--dim);display:block}.toggle[aria-pressed=true]{border-color:var(--acc);justify-content:flex-end}.toggle[aria-pressed=true] span{background:var(--acc)}.sw{flex:none;display:inline-block}.sw.square{width:9px;height:9px}.sw.line{width:10px;height:2px}.sw.dashed{width:10px;height:0;border-top:2px dashed currentColor}.legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.legend .item{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--dim);white-space:nowrap}.panel{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 14px;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.section{border-bottom:1px solid var(--line);padding:12px 16px;display:flex;flex-direction:column;gap:10px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.kpis{display:grid;border-bottom:1px solid var(--line)}.kpis.six{grid-template-columns:repeat(6,1fr)}.kpis.four{grid-template-columns:repeat(4,1fr)}.kpi{border-right:1px solid var(--line);padding:10px 14px;display:flex;flex-direction:column;gap:5px;min-width:0;text-align:left;background:none;border-top:0;border-bottom:0;border-left:0;color:inherit}.kpi:last-child{border-right:0}button.kpi{cursor:pointer}button.kpi:hover{background:var(--panel)}.kpi .v{font-size:20px;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpis.four .kpi .v{font-size:24px}.kpi .v .unit{font-size:12px;color:var(--dim);letter-spacing:0}.kpi .sub{font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid{display:grid;border-bottom:1px solid var(--line)}.grid.overview{grid-template-columns:1.5fr 1.55fr .95fr;grid-auto-rows:minmax(140px,auto)}.grid.split-2{grid-template-columns:1.6fr 1fr}.grid.split-3{grid-template-columns:1.5fr 1fr}.grid.thirds{grid-template-columns:1fr 1fr 1fr}.grid>.panel:nth-child(3n){border-right:0}.grid.split-2>.panel:nth-child(2n),.grid.split-3>.panel:nth-child(2n){border-right:0}.chart{flex:1;min-height:120px;width:100%;position:relative}.chart>div:first-child{position:absolute;top:0;left:0}.chart.h-sm{min-height:80px}.chart.h-md{min-height:150px}.chart.h-lg{min-height:190px}.chart.h-xl{min-height:225px}.ranked{display:flex;flex-direction:column;gap:9px}.ranked .row{display:grid;grid-template-columns:120px 1fr 58px 52px;align-items:center;gap:10px;font-size:11px;font-variant-numeric:tabular-nums}.ranked .name{display:inline-flex;align-items:center;gap:7px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked .track{height:6px;background:var(--line);min-width:0}.ranked .fill{height:100%}.ranked .qty,.ranked .eur{color:var(--dim);text-align:right}.ranked .eur{color:var(--fg)}.ribbon{display:flex;height:12px;width:100%}.stats{display:flex;flex-direction:column;gap:6px}.stats .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;font-variant-numeric:tabular-nums}.stats .row .k{color:var(--dim)}.stats .row .v{color:var(--fg);text-align:right}.stats .row.total{border-top:1px solid var(--line);padding-top:8px;font-size:14px}.batt{display:flex;align-items:stretch;gap:2px;height:26px}.batt-body{flex:1;border:1px solid var(--line);padding:2px;min-width:0}.batt-cap{width:3px;align-self:center;height:10px;background:var(--line)}.batt-track{position:relative;height:100%;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),var(--line) calc(10% - 1px),var(--line) 10%)}.batt-zero{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--dim)}.batt-fill{position:absolute;top:0;bottom:0}.batt-fill.banked{left:50%;background:var(--s-solar);border-radius:0 3px 3px 0}.batt-fill.short{right:50%;background:var(--s-elec);border-radius:3px 0 0 3px}.batt-scale{display:flex;justify-content:space-between;margin-top:5px}.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px}.figures .fig{display:flex;flex-direction:column;gap:4px;min-width:0}.figures .fig .v{font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figures .fig .v .unit{font-size:11px;color:var(--dim)}.notice-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.notice{border:1px solid var(--line);border-left:2px solid var(--warn);padding:5px 10px;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.notice .micro{color:var(--fg)}.notice.spike{border-left-color:var(--acc)}.notice.night{border-left-color:var(--acc2)}.notice.quiet{border-left-color:var(--line);color:var(--dim)}.insights{display:flex;flex-direction:column}.insight{display:grid;grid-template-columns:130px 1fr auto;align-items:baseline;gap:12px;border-top:1px solid var(--line);border-left:2px solid var(--warn);padding:9px 0 9px 12px;font-variant-numeric:tabular-nums;font-size:12px}.insight.low{border-left-color:var(--good)}.insight.spike{border-left-color:var(--acc)}.insight.night{border-left-color:var(--acc2)}.insight .sub{color:var(--dim);font-size:11px;text-align:right}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}th{text-align:left;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:400;padding:6px 10px 6px 0;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:6px 10px 6px 0;border-bottom:1px solid var(--line)}td.right,th.right{text-align:right;padding-left:16px}tr.dirty td{background:color-mix(in srgb,var(--acc) 10%,transparent)}tbody tr.picked td,tbody tr:hover td{background:var(--panel)}.linklike{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.linklike:hover,.linklike[aria-current=true]{color:var(--acc)}td input{width:100%;min-width:88px}td.actions{text-align:right;white-space:nowrap;padding-right:0}td.actions .btn+.btn{margin-left:6px}.note{font-size:11px;color:var(--dim);margin:0;line-height:1.5}.note .note-more{color:var(--dim);text-decoration:underline;text-underline-offset:2px;font-size:inherit}.note .note-more:hover,.note .note-more[aria-expanded=true]{color:var(--fg)}.btn.disclosure{border:0;padding:0 0 2px;min-height:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-decoration:underline;text-underline-offset:3px}.btn.disclosure:hover,.btn.disclosure[aria-expanded=true]{color:var(--fg)}.disclosure-wrap{margin-top:10px}.disclosure-body{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.raw-hex{font-size:10px;word-break:break-all}.tint-elec{color:var(--s-elec)}.tint-solar{color:var(--s-solar)}.empty{color:var(--dim);font-size:11px;padding:20px 0;text-align:center}.insufficient{color:var(--dim);font-size:11px;border-left:2px solid var(--line);padding-left:10px}.error{color:var(--warn);font-size:11px;border-left:2px solid var(--warn);padding-left:10px}.dashed{border:1px dashed var(--line);padding:12px 14px;opacity:.55}.scroll-x{overflow-x:auto}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px;min-width:0}.row-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line)}@media(max-width:1180px){.grid.overview{grid-template-columns:1fr 1fr}.grid>.panel:nth-child(3n){border-right:1px solid var(--line)}.grid.overview>.panel:nth-child(2n){border-right:0}.kpis.six{grid-template-columns:repeat(3,1fr)}.kpis.six .kpi{border-right:1px solid var(--line)}.kpis.six .kpi:nth-child(3n){border-right:0}}@media(max-width:900px){.shell{flex-direction:column;height:auto;min-height:100%;overflow:visible}.aside{flex:0 0 auto;border-right:0;border-bottom:1px solid var(--line);padding-left:0}.brand{padding:12px 14px;padding-left:max(14px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top))}.nav{flex-direction:row;overflow-x:auto;padding:0}.nav button{border-left:0;border-bottom:2px solid transparent;padding:0 16px;white-space:nowrap}.nav button[aria-current=page]{border-left-color:transparent;border-bottom-color:var(--acc)}.aside-foot{display:none}.main,.body{overflow:visible}.header{padding:10px 14px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));flex-wrap:wrap;row-gap:8px}.grid.overview,.grid.split-2,.grid.split-3,.grid.thirds{grid-template-columns:1fr;grid-auto-rows:auto}.grid>.panel{border-right:0!important}.section,.panel{padding:12px}}@media(max-width:760px){.kpis.six,.kpis.four{grid-template-columns:1fr 1fr}.kpi{border-bottom:1px solid var(--line);padding:12px 14px;border-right:1px solid var(--line)}.kpis .kpi:nth-child(2n){border-right:0}.kpis.four .kpi .v{font-size:22px}input[type=text],input[type=number],input[type=date],select{font-size:16px}.ranked .row{grid-template-columns:1fr 52px 48px}.ranked .track{grid-column:1 / -1;order:2}.insight{grid-template-columns:1fr;gap:3px}.insight .sub{text-align:left}table.cards,table.cards thead,table.cards tbody,table.cards tr,table.cards td{display:block;width:100%}table.cards thead{display:none}table.cards tr{border:1px solid var(--line);padding:10px 12px;margin-bottom:10px}table.cards td{display:grid;grid-template-columns:1fr minmax(0,55%);align-items:center;gap:10px;border-bottom:0;padding:4px 0;text-align:left}table.cards td:before{content:attr(data-label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}table.cards td.actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px}table.cards td.actions:before{content:none}table.cards td.actions .btn{flex:1;margin-left:0}table.cards td input{min-width:0}}@media(max-width:340px){.kpis.six,.kpis.four{grid-template-columns:1fr}.kpi{border-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.flow-rail{fill:none;stroke:var(--line);stroke-width:1}.flow-energy{fill:none;stroke-linecap:round;opacity:.45}.flow-dot{animation:flow-move var(--dur, 2s) linear infinite}.flow-dot.reverse{animation-direction:reverse}@keyframes flow-move{0%{offset-distance:0%}to{offset-distance:100%}}.flow-pulse{animation:flow-breathe 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes flow-breathe{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.flow-dot{display:none}}.flow-node{fill:var(--panel);stroke:var(--line)}.flow-label{font-size:9px;fill:var(--dim);font-family:var(--sans);text-transform:uppercase;letter-spacing:.06em}.flow-value{font-size:14px;fill:var(--fg);font-family:var(--mono)}.flow-sub{font-size:8px;fill:var(--dim);font-family:var(--mono)}.flow-edge{font-size:9px;fill:var(--dim);font-family:var(--mono)}.flow-icon{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}.inverter-block{border:1px solid var(--line);padding:6px;min-width:0}.inverter-block>.head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:0 2px 5px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.inverter-block>.ports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.panel-cell{position:relative;border:1px solid var(--line);background:var(--panel);padding:7px;overflow:hidden;min-height:104px;min-width:0}.panel-cell .fill{position:absolute;left:0;right:0;bottom:0;background:var(--s-solar);opacity:.18;transition:height .9s ease-out}.panel-cell.live .fill{animation:panel-breathe 3s ease-in-out infinite}@keyframes panel-breathe{0%,to{opacity:.14}50%{opacity:.26}}.panel-cell .id{position:relative;font-size:9px;color:var(--dim);font-family:var(--sans);text-transform:uppercase;letter-spacing:.06em}.panel-cell .w{position:relative;font-family:var(--mono);font-size:14px;color:var(--fg);margin-top:4px}.panel-cell .sub{position:relative;font-family:var(--mono);font-size:9px;color:var(--dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-cell.cold .w{color:var(--dim)}.panel-cell .detail{position:relative;font-family:var(--mono);font-size:9px;color:var(--dim);margin-top:2px;white-space:nowrap}.panel-cell .alarm{color:var(--warn)}.panel-cell.empty{opacity:.45;border-style:dashed}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{display:grid;gap:.75rem;max-width:360px;width:100%;padding:1.5rem;border:1px solid var(--border, #333);border-radius:12px;text-align:center}.auth-card h1{margin:0}.auth-error{color:#d33;font-size:.9em}