:root{--black: #0a0a0a;--ink: #121212;--line: rgba(255, 255, 255, .12);--white: #ffffff;--muted: #9a9a9a;--volt: #ffd400;--volt-soft: rgba(255, 212, 0, .14);--green: #7ee787;--red: #ff7b72;--blue: #79c0ff;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--black);color:var(--white);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#net{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.55}.rail{position:fixed;top:0;left:0;width:3px;height:100%;background:#ffffff0f;z-index:3}.rail:after{content:"";position:absolute;left:0;width:100%;height:22vh;background:linear-gradient(180deg,transparent,var(--volt),transparent);filter:drop-shadow(0 0 8px var(--volt));animation:surge 4.5s cubic-bezier(.6,0,.4,1) infinite}@keyframes surge{0%{top:-25vh}to{top:105vh}}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(45rem 45rem at 78% -8%,rgba(255,212,0,.16),transparent 62%),radial-gradient(38rem 38rem at 8% 108%,rgba(255,212,0,.07),transparent 60%)}.wrap{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,5vw,3rem) 3rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:var(--white);text-decoration:none}.bolt{width:30px;height:30px;color:var(--volt);filter:drop-shadow(0 0 10px rgba(255,212,0,.5));animation:flicker 6s ease-in-out infinite}@keyframes flicker{0%,88%,to{opacity:1}90%{opacity:.35}92%{opacity:1}94%{opacity:.5}}.head-right{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.head-right nav{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap}.head-right nav a,.head-right nav button.linky{font-family:inherit;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:0 0 3px;cursor:pointer;text-decoration:none;transition:color .2s ease,border-color .2s ease}.head-right nav a:hover,.head-right nav button.linky:hover{color:var(--white);border-bottom-color:#ffffff4d}.head-right nav a.active{color:var(--volt);border-bottom-color:var(--volt)}.badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--volt);border:1px solid rgba(255,212,0,.35);border-radius:999px;background:var(--volt-soft)}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1.8s ease-in-out infinite}.badge.bad{color:var(--red);border-color:#ff7b7266;background:#ff7b721a}.discovery-btn{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .72rem;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#ffffff08;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.discovery-btn:hover{color:var(--white);border-color:#ffffff59}.discovery-btn.on{color:var(--green);border-color:#7ee78773;background:#7ee78714}.discovery-btn.off{color:var(--red);border-color:#ff7b7273;background:#ff7b7214;cursor:not-allowed}@keyframes blink{50%{opacity:.25}}.who{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.06em}.who b{color:var(--volt)}.hero{padding:clamp(2.5rem,8vw,4.5rem) 0 clamp(1.5rem,4vw,2rem)}.kicker{font-size:.74rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--volt);margin:0 0 1.2rem}h1{margin:0;font-size:clamp(2.4rem,8vw,5rem);line-height:.93;letter-spacing:-.045em;font-weight:800;text-transform:uppercase}h1 .out{color:transparent;-webkit-text-stroke:1.5px var(--white)}h1 .hot{color:var(--volt);text-shadow:0 0 42px rgba(255,212,0,.45)}.lede{margin:1.4rem 0 0;max-width:52ch;font-size:1rem;line-height:1.65;color:var(--muted)}h2.sec{display:flex;align-items:center;gap:.8rem;margin:clamp(2.2rem,6vw,3rem) 0 1.1rem;font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}h2.sec:after{content:"";flex:1;height:1px;background:var(--line)}h2.sec b{color:var(--volt);font-family:var(--mono);font-weight:600;letter-spacing:.1em}.login{max-width:460px;margin:clamp(2rem,8vh,5rem) auto}.panel{border:1px solid var(--line);background:var(--ink);padding:clamp(1.4rem,4vw,2rem)}label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}input,select{width:100%;padding:.85rem .9rem;background:var(--black);border:1px solid var(--line);color:var(--white);font-family:var(--mono);font-size:.95rem;border-radius:0;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:0;border-color:var(--volt);box-shadow:0 0 0 3px var(--volt-soft)}input::placeholder{color:#5f5f5f}.field{margin-bottom:1.1rem}.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.5rem;font-family:inherit;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--black);background:var(--volt);border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffd40038}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn svg{width:15px;height:15px}.btn.ghost{background:transparent;color:var(--white);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--volt);color:var(--volt);box-shadow:none}.btn.ghost.danger{color:var(--red);border-color:#ff7b7259}.btn.ghost.danger:hover{color:var(--red);border-color:var(--red);background:#ff7b7214}.err{margin-top:1rem;padding:.8rem 1rem;border:1px solid rgba(255,123,114,.5);background:#ff7b721a;color:#ffb3ae;font-size:.84rem;font-family:var(--mono)}.hide{display:none!important}.fleet-toolbar,.modal-head,.transport-head,.ble-device-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.fleet-toolbar{margin-bottom:1.25rem}.fleet-actions,.node-actions,.device-connect-row,.ble-target-row,.device-action-row,.transport-controls,.modal-foot{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.transport-copy{margin:0;color:var(--muted);line-height:1.55}.group-list.compact{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 1.2rem}.group-chip{min-width:180px;border:1px solid var(--line);background:var(--black);padding:.85rem 1rem}.group-chip b,.group-chip span{display:block}.group-chip b{color:var(--white)}.group-chip span{margin-top:.25rem;color:var(--muted);font-size:.78rem}.fleet-empty{border:1px dashed rgba(255,255,255,.2);background:var(--black);padding:1.2rem;margin:1rem 0}.fleet-empty b{color:var(--volt)}.fleet-empty p{color:var(--muted);margin:.35rem 0 1rem}.fleet-tree{display:grid;gap:1rem}.site-card,.inverter-node,.storage-node{border:1px solid var(--line);background:var(--black);padding:1rem;cursor:pointer;transition:border-color .18s ease,background .18s ease}.site-card:hover,.inverter-node:hover,.storage-node:hover{border-color:#ffd40059;background:#ffffff06}.site-card.on,.inverter-node.on,.storage-node.on{border-color:#ffd400bf;box-shadow:inset 3px 0 0 var(--volt)}.site-card{padding:1.2rem}.inverter-list,.storage-list{display:grid;gap:.75rem;margin-top:.9rem}.inverter-node,.storage-list{margin-left:1rem}.storage-node{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem}.node-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.node-kind{display:block;margin-bottom:.35rem;font-size:.62rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--volt)}.node-head h3,.node-head h4,.storage-node b{margin:0;color:var(--white);line-height:1.1}.node-head p,.storage-node p,.node-hint{margin:.55rem 0 0;color:var(--muted);line-height:1.45}.node-hint{border:1px dashed rgba(255,255,255,.14);padding:.75rem .9rem;background:#ffffff05}.modal-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#000000b8}.modal-card{width:min(720px,100%);max-height:min(86vh,900px);overflow:auto;border:1px solid var(--line);background:var(--ink);padding:1.4rem}.modal-head{align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head p{margin:.35rem 0 0;color:var(--muted)}.modal-form{margin-top:1rem}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:end}.star-toggle{display:flex;align-items:center;gap:.65rem;min-height:46px;margin:0 0 1.1rem;color:var(--white)}.star-toggle input{width:auto;accent-color:var(--volt)}.modal-foot{justify-content:flex-end;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}.modal-spacer{flex:1}.device-connect-panel{margin-bottom:1rem}.devices-grid{display:grid;grid-template-columns:1fr;gap:1rem}.device-panel{padding:1.2rem}.state-chip{display:inline-flex;align-items:center;min-height:30px;padding:.32rem .7rem;border:1px solid var(--line);color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.state-chip.ok{color:var(--green);border-color:#7ee78766;background:#7ee78712}.state-chip.warn{color:var(--volt);border-color:#ffd40059;background:var(--volt-soft)}.ble-target-row,.device-action-row,.transport-controls,.serial-config-grid{margin-top:1rem}.ble-fleet,.ble-kpi-grid,.ble-form-grid,.serial-config-grid{display:grid;gap:.75rem}.ble-fleet{margin-top:1rem}.ble-kpi-grid,.ble-form-grid,.serial-config-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ble-node,.ble-kpi,.ble-result-empty,.ble-result-row,.device-log{border:1px solid var(--line);background:var(--black)}.ble-node{padding:1rem}.ble-kpi{padding:.75rem}.ble-kpi .label,.muted{color:var(--muted)}.ble-kpi .label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.ble-kpi .value{margin-top:.35rem;color:var(--white);font-family:var(--mono)}.hot{color:var(--volt)}.ble-result-empty{padding:.85rem;color:var(--muted)}.ble-result-list{display:grid;gap:.45rem;margin-top:.9rem}.ble-result-row{display:grid;grid-template-columns:auto auto 1fr;gap:.7rem;align-items:center;padding:.55rem .65rem;color:var(--muted)}.ble-result-row code,.device-log{font-family:var(--mono);color:var(--white)}.device-log{width:100%;min-height:110px;margin:1rem 0 0;padding:.85rem;overflow:auto;white-space:pre-wrap;color:var(--muted)}.tabs{display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto;gap:1px;border:1px solid var(--line);background:var(--line);margin-top:1.4rem;scrollbar-width:thin}.tab{flex:0 0 auto;min-width:130px;background:var(--black);border:0;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:.85rem 1rem;cursor:pointer;text-align:center;text-decoration:none}.tab.is-active{color:var(--black);background:var(--volt)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.kpi{background:var(--black);padding:1.15rem 1.2rem;transition:background .3s ease}.kpi:hover{background:var(--ink)}.kpi .lbl{font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.kpi .val{font-family:var(--mono);font-size:1.7rem;font-weight:600;letter-spacing:-.03em;margin-top:.45rem}.kpi .val.hot{color:var(--volt)}.kpi{position:relative;background:var(--black);padding:1.15rem 1.2rem 1.25rem;transition:background .3s ease}.kpi .val{font-family:var(--mono);font-size:1.75rem;font-weight:600;letter-spacing:-.03em;margin:.5rem 0 .1rem}.kpi .val.neg{color:var(--volt)}.kpi .unit{font-size:.82rem;color:var(--muted);font-weight:400;margin-left:.18rem}.spark{display:flex;align-items:flex-end;gap:2px;height:22px;margin-top:.55rem}.spark i{flex:1;background:#ffffff29;border-radius:1px}.spark i.hi{background:var(--volt)}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:clamp(2rem,6vw,3.2rem) 0 1.6rem}.title-row h1{font-size:clamp(2rem,6vw,3.4rem);line-height:.95;letter-spacing:-.04em}.stamp{font-family:var(--mono);font-size:.8rem;color:var(--muted);letter-spacing:.04em}.stamp b{color:var(--volt);font-weight:600}.telemetry-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 1.25rem}.telemetry-site-filter{width:min(100%,26rem);margin-bottom:0}.telemetry-accordion{margin-top:1.4rem}.telemetry-accordion[open]{padding-bottom:.25rem}.accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;cursor:pointer;list-style:none}.accordion-summary::-webkit-details-marker{display:none}.accordion-summary-telemetry{display:block;padding:0}.accordion-heading-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.accordion-sec{flex:1;margin:0}.accordion-title{display:flex;align-items:center;gap:.8rem;min-width:0;font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.accordion-title:after{content:"";flex:1;height:1px;background:var(--line)}.accordion-summary:after{content:none}.accordion-body{padding-top:0;padding-bottom:.35rem}.accordion-body>.sec:first-child{margin-top:0}.telemetry-history-controls{display:grid;gap:.65rem;min-width:min(100%,34rem)}.telemetry-history-controls-inline{min-width:100%;margin-top:.9rem}.telemetry-history-controls-chart{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:.2rem;border-top:1px solid rgba(255,255,255,.06)}.telemetry-day-switch,.telemetry-zoom-row,.telemetry-pan-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.telemetry-history-meta{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;justify-self:end;color:var(--muted);font-family:var(--mono);font-size:.75rem}.telemetry-day-switch-compact{gap:.55rem}.telemetry-day-switch-compact input[type=date]{width:auto;min-width:160px;flex:0 0 auto}.telemetry-zoom-row label,.telemetry-pan-row label{margin:0;min-width:42px}.telemetry-zoom-row input,.telemetry-pan-row input{flex:1 1 220px}.telemetry-hint{grid-column:1 / -1;margin:0;font-size:.72rem;color:var(--muted);letter-spacing:.05em}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.65rem .9rem;background:transparent;border:1px solid var(--line);color:var(--white);font-family:var(--mono);font-size:.78rem;cursor:pointer}.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn:not(:disabled):hover{border-color:var(--volt);color:var(--volt)}.gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.gauge{background:var(--black);padding:1.6rem 1.2rem;text-align:center}.gauge svg{width:148px;height:96px;overflow:visible}.arc-bg{fill:none;stroke:#ffffff1a;stroke-width:10;stroke-linecap:round}.arc-fg{fill:none;stroke:var(--volt);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,212,0,.45));transition:stroke-dasharray 1.2s cubic-bezier(.4,0,.2,1)}.gauge .read{font-family:var(--mono);font-size:1.5rem;font-weight:600;margin-top:-1.6rem}.gauge .cap{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.9rem}.gauge .sub{font-size:.78rem;color:var(--muted);margin-top:.3rem}.bar-mini{display:inline-block;width:54px;height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden;vertical-align:middle;margin-right:.5rem}.bar-mini span{display:block;height:100%;background:var(--volt)}.good{color:var(--green)}.pos,.warn{color:var(--volt)}.alarm{color:var(--red)}.dim{color:var(--muted)}td.name{font-family:inherit;font-weight:600}.tbl-wrap{border:1px solid var(--line);background:var(--ink);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:620px}th{text-align:left;padding:.85rem 1rem;font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--mono);color:var(--white);white-space:nowrap}tbody tr:hover{background:#ffd4000d}tbody tr:last-child td{border-bottom:0}.energy-board{display:block}.energy-flow{border:1px solid var(--line);background:var(--black);padding:0;overflow:hidden}.flow-scene{position:relative;width:100%}.flow-art{display:block;width:100%;height:auto}.flow-label,.flow-chip,.flow-mask{position:absolute;z-index:1}.flow-mask{background:#07111c;box-shadow:0 0 22px 16px #07111c;pointer-events:none}.hero-box-door{fill:none;stroke:#1e2a3a6b;stroke-width:1.4;stroke-linecap:round}.hero-ambient{display:none}.hero-ambient.solar{fill:#28e96d}.hero-ambient.gold{fill:var(--volt);opacity:.18}.hero-ambient.blue{fill:#3d9bff;opacity:.16}.hero-label{text-anchor:middle}.hero-label.start{text-anchor:start}.hero-cap{fill:#ffffff94;font-size:16px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero-val{fill:var(--white);font-family:var(--mono);font-size:31px;font-weight:800}.hero-val.small{font-size:24px}.hero-val.green{fill:var(--green)}.hero-sub{fill:#ffffffa8;font-size:16px;font-weight:700}.hero-sub.blue{fill:var(--blue)}.hero-sub.gold{fill:var(--volt)}.hero-beam{opacity:.28}.hero-beam.on{opacity:1}.hero-beam-soft{stroke-width:8;stroke-linecap:round;opacity:.16}.hero-beam-core{stroke-width:3;stroke-linecap:round;opacity:.9}.hero-chevs-run{animation:flow-dash 1s linear infinite}.hero-beam.reverse .hero-chevs-run{animation-direction:reverse}.hero-pulse{opacity:0}.hero-beam.on .hero-pulse{opacity:1}.hero-pulse.solar{fill:#7effa4}.hero-pulse.grid,.hero-pulse.batt{fill:var(--volt)}.hero-chev{fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.hero-beam.solar{color:#61ff96}.hero-beam.grid,.hero-beam.batt{color:#fff1a8}.hero-chip{opacity:.28}.hero-chip.on{opacity:1}.hero-chip rect{fill:var(--black);stroke:currentColor;stroke-width:1}.hero-chip text{fill:var(--white);font-family:var(--mono);font-size:15px;font-weight:800;text-anchor:middle}.hero-chip.solar{color:var(--green)}.hero-chip.grid,.hero-chip.batt{color:var(--volt)}.hero-post,.hero-platform{display:none}.hero-panel.wide{opacity:.96}.hero-pv-face{stroke:#ffffff57;stroke-width:1.2}.hero-pv-grid,.hero-pv-frame{fill:none;stroke:#ffffff3d;stroke-width:1}.hero-pv-frame{stroke:#ffd40070;stroke-width:1.6}.hero-pv-module-label,.hero-pv-module-value{font-family:var(--mono);text-anchor:middle}.hero-pv-module-label{fill:#ffffffb8;font-size:10px;font-weight:800;letter-spacing:.12em}.hero-pv-module-value{fill:var(--green);font-size:13px;font-weight:800}.hero-inv-shadow{display:none}.hero-inv-side{fill:#a8a897;stroke:#ded8c2;stroke-width:1.1}.hero-inv-top{fill:#f4f0df;stroke:#ded8c2;stroke-width:1.1}.hero-inv-front{fill:#e6e2d2;stroke:#fff5cd;stroke-width:1.5}.hero-inv-door{fill:none;stroke:#23262233;stroke-width:1.3}.hero-inv-frame{fill:none;stroke:#222e3e2e;stroke-width:1.4}.hero-inv-display{fill:#11140f;stroke:var(--volt);stroke-opacity:.65;stroke-width:1}.hero-inv-screen-line{fill:none;stroke:#ffd40094;stroke-width:1;stroke-linecap:round}.hero-inv-led.ok{fill:var(--green)}.hero-inv-led.warn{fill:var(--volt)}.hero-inv-vent{fill:none;stroke:#2427236b;stroke-width:1.6;stroke-linecap:round}.hero-inv-vent.wide{stroke-width:1.8}.hero-inv-vent.narrow{stroke-width:1.4;opacity:.75}.hero-inv-handle{fill:none;stroke:#1c1e1b80;stroke-width:2.2;stroke-linecap:round}.hero-inv-wave{fill:none;stroke:#3d3b32;stroke-width:5;stroke-linecap:round}.hero-inv-hinge,.hero-inv-foot{fill:none;stroke:#1c1e1b61;stroke-width:2;stroke-linecap:round}.hero-inv-terminal{fill:#25271f;stroke:#ffd4006b;stroke-width:.8}.hero-inv-screw{fill:#20221d6b}.hero-wire,.hero-tower{fill:none;stroke:#ebf6ffd6;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.hero-wire{stroke-width:1.2;stroke-opacity:.36}.hero-ins{fill:var(--volt);stroke:#fff2a8;stroke-width:1}.hero-box{filter:none}.hero-box-side{fill:#aab6c5;stroke:#dce5f0;stroke-width:1.2}.hero-box-front{fill:#dce6f2;stroke:#edf5ff;stroke-width:1.3}.hero-box-rib{fill:none;stroke:#2634463d;stroke-width:1.3}.hero-badge{fill:var(--volt);stroke:#fff1a8;stroke-width:1.6}.hero-batt-body,.hero-batt-tip{fill:#132118;stroke:#fff9ca;stroke-width:1}.hero-batt-bolt{fill:#fff9ca}.flow-mask.solar{left:8.8%;top:2.2%;width:14.5%;height:18%}.flow-mask.inverter{left:42.5%;top:1.4%;width:15%;height:20%}.flow-mask.grid{left:80.5%;top:2.2%;width:14%;height:18%}.flow-mask.battery{left:27.2%;top:58.5%;width:13%;height:16%}.flow-mask.soc{left:59.8%;top:58.5%;width:13.5%;height:16%}.flow-mask.chip-solar{left:28.4%;top:31.2%;width:9.6%;height:8.6%}.flow-mask.chip-grid{left:61.6%;top:31.2%;width:9.6%;height:8.6%}.flow-mask.chip-batt{left:45.2%;top:46.2%;width:9.6%;height:8.4%}.flow-label{display:flex;flex-direction:column;gap:.12rem;padding:.2rem .35rem;background:transparent}.flow-label .cap{display:inline-flex;align-items:center;gap:.4rem;font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.flow-label .dot{width:.45rem;height:.45rem;border-radius:50%;background:#ffffffb8}.flow-label .dot.green{background:var(--green)}.flow-label strong{font-family:var(--mono);font-size:1.35rem;font-weight:600;letter-spacing:-.03em;color:var(--white);line-height:1.1}.flow-label strong.green{color:var(--green)}.flow-label em{font-style:normal;font-size:.74rem;font-weight:600;color:var(--muted)}.flow-label em.blue{color:var(--blue)}.flow-label em.gold{color:var(--volt)}.flow-label.solar{left:10.6%;top:4.6%}.flow-label.inverter{left:50%;top:3.4%;transform:translate(-50%);text-align:center;align-items:center}.flow-label.grid{left:87.4%;top:4.6%;transform:translate(-50%);text-align:center;align-items:center}.flow-label.battery{left:29.2%;top:60.4%}.flow-label.soc{left:61.6%;top:60.4%}.flow-chip{padding:.22rem .65rem;border-radius:6px;background:#0a1018;border:0;box-shadow:0 0 0 1px #ffffff14;font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:-.02em;color:var(--white);white-space:nowrap;transform:translate(-50%,-50%)}.flow-chip.solar{left:33.2%;top:35.45%}.flow-chip.grid{left:66.4%;top:35.45%}.flow-chip.batt{left:50.5%;top:50.3%}.flow-chip.solar.on{color:var(--green);border-color:#7ee78759}.flow-chip.grid.on{color:var(--blue);border-color:#79c0ff59}.flow-chip.batt.on{color:var(--volt);border-color:#ffd40066}.tag{font-family:inherit;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tag.go{color:var(--volt);border-color:#ffd40066;background:var(--volt-soft)}.chart{border:1px solid var(--line);background:var(--ink);padding:1.3rem;height:auto}.chart svg{width:100%;height:260px;min-height:260px;display:block;cursor:crosshair}.chart svg.chart-draggable{cursor:grab}.chart svg.chart-dragging{cursor:grabbing}.grid-line{stroke:#ffffff14;stroke-width:1}.grid-line-aux{stroke-dasharray:3 4}.series-pv,.series-grid,.series-batt,.series-load,.series-soc,.series-temp{fill:none;stroke-linejoin:round;stroke-linecap:round}.series-pv{stroke:var(--volt);stroke-width:2.2}.series-grid{stroke:#ffffff8c;stroke-width:1.6;stroke-dasharray:4 4}.series-batt{stroke:var(--green);stroke-width:1.8}.series-load{stroke:#ff9e64;stroke-width:1.8}.series-soc{stroke:var(--blue);stroke-width:1.8}.series-temp{stroke:var(--red);stroke-width:1.8}.series-pv.dimmed,.series-grid.dimmed,.series-batt.dimmed,.series-load.dimmed,.series-soc.dimmed,.series-temp.dimmed{opacity:.22}.hover-line{stroke:#ffffff38;stroke-width:1;stroke-dasharray:4 4}.chart-marker{fill:var(--ink);stroke-width:2}.chart-marker.series-pv{stroke:var(--volt)}.chart-marker.series-grid{stroke:#ffffffb3}.chart-marker.series-batt{stroke:var(--green)}.chart-marker.series-load{stroke:#ff9e64}.chart-marker.series-soc{stroke:var(--blue)}.chart-marker.series-temp{stroke:var(--red)}.chart-marker.dimmed{opacity:.22}.area{fill:url(#glow)}.chart-status{margin:.8rem 0 1rem;font-size:.82rem;color:var(--muted)}.chart-status-error{color:#ffb3ae}.legend{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:.9rem;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.legend i{display:inline-block;width:14px;height:2px;margin-right:.5rem;vertical-align:middle}.lg-pv{background:var(--volt)}.lg-grid{background:#ffffff8c}.lg-batt{background:var(--green)}.lg-load{background:#ff9e64}.lg-soc{background:var(--blue)}.lg-temp{background:var(--red)}.legend-interactive{gap:.65rem}.legend-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;min-width:150px;padding:.55rem .7rem;border:1px solid var(--line);background:transparent;color:var(--white);font:inherit;cursor:pointer}.legend-chip span,.legend-chip b{display:inline-flex;align-items:center}.legend-chip b{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.legend-chip.focus{border-color:#ffd40073;background:#ffd4000f}.legend-chip.off{opacity:.45}.legend-chip:hover{border-color:#ffffff47}.chart-scale,.chart-axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.7rem;color:var(--muted)}.chart-scale{margin-bottom:.35rem}.chart-axis{margin-top:.45rem}@media(max-width:720px){.field-row{grid-template-columns:1fr}.telemetry-history-controls{min-width:100%}.telemetry-history-controls-chart{grid-template-columns:1fr;align-items:stretch}.telemetry-history-meta{justify-content:flex-start;justify-self:stretch}.telemetry-day-switch,.telemetry-zoom-row,.telemetry-pan-row{align-items:stretch}.telemetry-day-switch-compact input[type=date],.legend-chip{width:100%}}