:root{--bg:#070b13;--surface:#0e1522;--surface-2:#131c2c;--surface-3:#192337;--line:#bfd6f521;--line-bright:#bfd6f53d;--text:#f2f6fc;--muted:#91a1b8;--muted-2:#65748a;--solar:#f9c74f;--house-pink:#ff72b6;--battery-blue:#72b8ff;--battery-green:#69e6a4;--grid:#52c8bd;--danger:#ff8b83;--container:1180px;--display:"Bricolage Grotesque", sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 50% -10%, #172846 0%, var(--bg) 52%);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.35;background:radial-gradient(circle at 8% 55%,#72b8ff14,#0000 28%),radial-gradient(circle at 92% 45%,#f9c74f12,#0000 30%);position:fixed;inset:0}button{font:inherit;color:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #f9c74fe6}button:active{transform:scale(.985)}.page-shell{width:min(calc(100% - 56px), var(--container));margin:0 auto;padding:18px 0 22px}.app{gap:12px;min-height:calc(100vh - 40px);display:grid}.topbar,.topbar-status,.brand,.grid-badge,.summary-card,.dashboard-footer,.sheet-header{align-items:center;display:flex}.topbar{justify-content:space-between;gap:20px;min-height:48px}.brand{gap:11px}.brand-mark{width:34px;height:34px;color:var(--solar);background:#f9c74f1a;border:1px solid #f9c74f61;border-radius:11px;place-items:center;display:grid;box-shadow:0 0 22px #f9c74f1f}.brand strong,.brand span{display:block}.brand strong{font-family:var(--display);letter-spacing:-.02em;font-size:.95rem}.brand div span{color:var(--muted-2);margin-top:2px;font-size:.68rem}.topbar-status{gap:13px}.status-pill{min-height:30px;color:var(--muted);border:1px solid var(--line);background:#ffffff09;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.72rem;display:inline-flex}.status-pill--online{color:#a8f8c9;background:#69e6a414;border-color:#69e6a43d}.status-dot,.live-indicator{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.last-update{color:var(--muted-2);align-items:center;gap:5px;font-size:.72rem;display:inline-flex}.hud-panel{border:1px solid var(--line);background:linear-gradient(150deg,#142034eb,#080d17f5 75%);border-radius:30px;padding:clamp(24px,4vw,36px) clamp(28px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 24px 90px #00000052}.hud-panel:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--source-glow) 14%, transparent), transparent 64%);pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.app--source-solar{--source-glow:var(--solar)}.app--source-battery{--source-glow:var(--battery-blue)}.app--source-grid{--source-glow:var(--grid)}.app--source-mixed{--source-glow:color-mix(in srgb, var(--solar) 52%, var(--battery-blue))}.app--source-standby{--source-glow:var(--muted)}.hud-heading,.hud-stage,.hud-summary{z-index:1;position:relative}.hud-heading{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.hud-heading>.grid-badge{display:none}.section-kicker{color:var(--source-glow);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:.68rem;font-weight:700}h1,h2,p{margin-top:0}h1{font-family:var(--display);letter-spacing:-.065em;margin-bottom:8px;font-size:clamp(2rem,6vw,3.25rem);line-height:.95}.hud-subtitle{max-width:39ch;color:var(--muted);margin-bottom:0;font-size:.9rem;line-height:1.55}.hud-subtitle strong{color:var(--text)}.grid-badge{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff09;border-radius:15px;gap:9px;min-width:145px;padding:10px 12px;transition:border-color .2s,background .2s}.grid-badge:hover{border-color:var(--line-bright);background:#ffffff12}.grid-badge__icon{width:30px;height:30px;color:var(--muted);background:#ffffff0f;border-radius:9px;place-items:center;display:grid}.grid-badge--active{border-color:#ff8b8359}.grid-badge--active .grid-badge__icon{color:var(--danger);background:#ff8b831a}.grid-badge small,.grid-badge strong{display:block}.grid-badge small{color:var(--muted-2);font-size:.64rem}.grid-badge strong{margin-top:2px;font-size:.77rem}.hud-stage{place-items:center;height:min(390px,100vh - 420px);min-height:300px;margin:2px 0 -2px;display:grid}.hud-core{z-index:2;aspect-ratio:1;filter:drop-shadow(0 20px 30px #00000040);background:radial-gradient(circle,#162239 0 57%,#101a2c 58% 68%,#0000 69%);border-radius:50%;place-items:center;width:clamp(178px,31vw,260px);display:grid;position:absolute}.hud-core:before,.hud-core:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hud-core:before{border:1px solid color-mix(in srgb, var(--source-glow) 55%, transparent);box-shadow:0 0 30px color-mix(in srgb, var(--source-glow) 28%, transparent), inset 0 0 24px color-mix(in srgb, var(--source-glow) 15%, transparent);animation:3.2s ease-in-out infinite pulse;inset:4px}.hud-core:after{border:1px dashed #ffffff21;inset:13px;transform:rotate(-20deg)}.hud-core__rings{border:1px solid #ffffff0f;border-radius:50%;position:absolute;inset:-17px}.hud-core__rings:before{content:"";border:1px solid #ffffff09;border-radius:50%;position:absolute;inset:-12px}.hud-core__content{z-index:1;text-align:center;position:relative}.hud-core__content span,.hud-core__content small{color:var(--muted);display:block}.hud-core__content span{font-size:.76rem}.hud-core__content strong{font-family:var(--display);letter-spacing:-.08em;margin:8px 0 5px;font-size:clamp(2.5rem,7vw,4.3rem);line-height:.85;display:block}.hud-core__content em{letter-spacing:-.03em;font-size:.42em;font-style:normal}.hud-core__content small{align-items:center;gap:6px;font-size:.67rem;display:inline-flex}.source-dot{background:var(--source-glow);width:6px;height:6px;box-shadow:0 0 8px var(--source-glow);border-radius:50%}.hud-arc{z-index:3;aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:clamp(150px,23vw,210px);padding:0;transition:transform .25s;position:absolute}.hud-arc:hover{transform:scale(1.035)}.hud-arc--sun{top:2%;left:8%;transform:rotate(-28deg)}.hud-arc--sun:hover{transform:rotate(-28deg)scale(1.035)}.hud-arc--battery{bottom:3%;right:8%;transform:rotate(152deg)}.hud-arc--battery:hover{transform:rotate(152deg)scale(1.035)}.hud-arc__track,.hud-arc__meter{clip-path:polygon(0 0,100% 0,100% 50%,0 50%);border:12px solid #ffffff0e;border-radius:50%;position:absolute;inset:0}.hud-arc__meter{border-color:var(--arc-color);-webkit-mask:conic-gradient(from 180deg,#000 0 var(--arc-progress),transparent var(--arc-progress));mask:conic-gradient(from 180deg,#000 0 var(--arc-progress),transparent var(--arc-progress));opacity:.9;filter:drop-shadow(0 0 8px var(--arc-color))}.hud-arc__content{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;inset:24% 0 auto;transform:rotate(28deg)}.hud-arc--battery .hud-arc__content{transform:rotate(-152deg)}.hud-arc__icon{color:var(--arc-color)}.hud-arc__label{color:var(--muted);font-size:.69rem}.hud-arc__content strong{font-family:var(--display);font-size:1.04rem}.hud-flow-label{color:var(--muted-2);letter-spacing:.04em;align-items:center;gap:7px;margin-top:190px;font-size:.65rem;display:inline-flex}.flow-line{background:linear-gradient(90deg,transparent,var(--line-bright));width:28px;height:1px}.hud-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.summary-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff09;border-radius:16px;gap:10px;width:100%;padding:13px;transition:background .2s,border-color .2s,transform .2s}.summary-card:hover{border-color:var(--line-bright);background:#ffffff12;transform:translateY(-2px)}.summary-card>span:nth-child(2){flex:1;min-width:0}.summary-card small,.summary-card strong{display:block}.summary-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.summary-card strong{font-family:var(--display);letter-spacing:-.03em;margin-top:3px;font-size:.98rem}.summary-card>svg{color:var(--muted-2)}.summary-icon{border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.summary-card--solar .summary-icon{color:var(--solar);background:#f9c74f1a}.summary-card--discharging .summary-icon{color:var(--battery-blue);background:#72b8ff1a}.summary-card--charging .summary-icon{color:var(--battery-green);background:#69e6a41a}.summary-card--standby .summary-icon,.summary-card--system .summary-icon{color:var(--muted);background:#ffffff14}.dashboard-footer{color:var(--muted-2);justify-content:space-between;gap:12px;padding:0 5px;font-size:.68rem}.dashboard-footer span:first-child{align-items:center;gap:7px;display:inline-flex}.live-indicator{color:var(--battery-green)}.app-alert{color:#ffe6a4;background:#f9c74f14;border:1px solid #f9c74f4d;border-radius:13px;padding:11px 14px;font-size:.82rem}.app-alert--error{color:#ffc0ba;background:#ff8b8314;border-color:#ff8b8359}.app-state{min-height:100vh;color:var(--muted);text-align:center;place-content:center;gap:14px;display:grid}.loader{width:48px;height:48px;color:var(--solar);border:1px solid #f9c74f59;border-radius:50%;place-items:center;margin:auto;animation:2s linear infinite spin;display:grid}.loader svg{animation:2s linear infinite counter-spin}.sheet-layer{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03060bb3;justify-content:center;align-items:flex-end;padding:16px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.bottom-sheet{border:1px solid var(--line-bright);background:#101927;border-radius:25px 25px 14px 14px;width:min(100%,610px);max-height:min(80vh,680px);padding:12px 24px 28px;animation:.32s cubic-bezier(.16,1,.3,1) sheet-in;overflow:auto;box-shadow:0 -20px 70px #0006}.sheet-handle{background:var(--muted-2);border-radius:999px;width:40px;height:4px;margin:0 auto 23px}.sheet-header{gap:12px}.sheet-header>div:nth-child(2){flex:1}.sheet-header p{color:var(--muted);margin-bottom:3px;font-size:.68rem}.sheet-header h2{font-family:var(--display);letter-spacing:-.045em;margin-bottom:0;font-size:1.55rem}.sheet-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.sheet-icon--solar{color:var(--solar);background:#f9c74f1a}.sheet-icon--battery{color:var(--battery-blue);background:#72b8ff1a}.sheet-icon--house{color:var(--source-glow);background:color-mix(in srgb, var(--source-glow) 10%, transparent)}.sheet-icon--grid{color:var(--grid);background:#52c8bd1a}.sheet-icon--system{color:var(--muted);background:#ffffff14}.icon-button{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:#ffffff0f;border:0;border-radius:12px;place-items:center;display:grid}.icon-button:hover{color:var(--text);background:#ffffff1f}.sheet-intro{color:var(--muted);margin:20px 0;font-size:.83rem;line-height:1.5}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.sheet-metric{border:1px solid var(--line);background:#ffffff09;border-radius:14px;padding:14px}.sheet-metric span,.sheet-metric small{color:var(--muted);font-size:.68rem;display:block}.sheet-metric strong{font-family:var(--display);letter-spacing:-.04em;margin:8px 0 2px;font-size:1.18rem;display:block}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counter-spin{to{transform:rotate(-360deg)}}@media (width<=680px){.page-shell{width:min(calc(100% - 28px),var(--container));padding-top:12px}.app{min-height:auto}.hud-panel{border-radius:24px;padding:22px 15px 15px}.hud-heading{display:block}.grid-badge{margin-top:18px}.hud-stage{height:260px;min-height:260px}.hud-arc{width:132px}.hud-arc--sun{left:-3px}.hud-arc--battery{right:-3px}.hud-core{width:156px}.hud-flow-label{margin-top:164px}.hud-summary{grid-template-columns:repeat(3,1fr);gap:6px}.summary-card{grid-template-columns:1fr;justify-items:start;gap:5px;min-height:68px;padding:10px 8px;display:grid}.summary-card>svg{display:none}.summary-card strong{font-size:.84rem}.summary-card small{max-width:100%;font-size:.58rem}.summary-icon{width:26px;height:26px}.dashboard-footer{flex-direction:column;align-items:flex-start;padding:0 2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hud-stage{height:min(390px,100vh - 420px);min-height:300px;margin:2px 0 -2px;display:block;position:relative}.energy-map{position:absolute;inset:0;overflow:hidden}.energy-map__paths{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.energy-map__paths marker path{fill:currentColor}.energy-path{fill:none;stroke:var(--line-bright);stroke-width:.42px;stroke-linecap:round;marker-end:url(#flow-arrow)}.energy-path--solar{stroke:var(--solar);color:var(--solar)}.energy-path--grid{stroke:var(--grid);color:var(--grid)}.energy-path--battery{stroke:var(--battery-green);color:var(--battery-green);stroke-width:.58px}.energy-path--support{stroke:#69e6a485;color:var(--battery-green);stroke-dasharray:1.3 2.1}.energy-path--solar,.energy-path--grid,.energy-path--battery{stroke-dasharray:1.5 2.1;animation:2.8s linear infinite flow-dash}.energy-path--inactive{marker-end:none;opacity:.22;stroke-dasharray:0;animation:none}.energy-path--support{marker-end:none}.device-node{z-index:4;width:150px;min-height:112px;color:var(--node-color);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;transition:transform .22s,filter .22s;display:flex;position:absolute}.device-node:hover{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--node-color) 35%, transparent));transform:translateY(-3px)}.device-node--sun{top:18%;left:0}.device-node--grid{top:18%;right:0}.device-node--battery{bottom:0;left:50%;transform:translate(-50%)}.device-node--battery:hover{transform:translate(-50%)translateY(-3px)}.device-node__icon{width:70px;height:66px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--node-color) 35%, transparent));place-items:center;margin-bottom:5px;display:grid}.device-node--sun .device-node__icon{width:76px;height:66px}.device-node--battery .device-node__icon{border:2px solid var(--node-color);background:color-mix(in srgb, var(--node-color) 13%, transparent);border-radius:9px;width:82px;height:60px;padding:8px}.device-node__title{color:var(--muted);font-size:.73rem}.device-node strong{color:var(--text);font-family:var(--display);letter-spacing:-.035em;margin-top:4px;font-size:1.08rem}.device-node small{color:var(--muted-2);margin-top:3px;font-size:.66rem}.device-node--sun strong{color:var(--solar-soft)}.device-node--grid strong{color:#dffbf7}.device-node--battery strong{color:var(--node-color);font-size:1.15rem}.hud-core{top:50%;left:50%;transform:translate(-50%,-50%)}.hud-core:hover{transform:translate(-50%,-50%)}.hud-flow-label{white-space:nowrap;margin:0;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}@keyframes flow-dash{to{stroke-dashoffset:-12px}}@media (width<=680px){.hud-stage{height:260px;min-height:260px}.hud-heading>.grid-badge{display:none}.device-node{width:105px;min-height:90px}.device-node--sun{top:13%;left:-2px}.device-node--grid{top:13%;right:-2px}.device-node--battery{bottom:-2px}.device-node__icon{width:52px;height:48px;margin-bottom:2px}.device-node--sun .device-node__icon{width:58px;height:48px}.device-node--battery .device-node__icon{width:64px;height:46px;padding:5px}.device-node__title{font-size:.62rem}.device-node strong{margin-top:2px;font-size:.86rem}.device-node small{font-size:.58rem}.hud-core{width:156px}.hud-flow-label{display:none}}@media (width>=681px){body{overflow-y:hidden}}.dashboard-grid{grid-template:"solar house grid"minmax(0,1fr)"battery battery system"minmax(170px,.68fr)/minmax(0,1fr) minmax(320px,1.35fr) minmax(0,1fr);gap:14px;min-height:calc(100vh - 126px);display:grid;position:relative}.flow-overlay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-overlay marker path{fill:currentColor}.card-flow{fill:none;stroke-width:.45px;stroke-linecap:round;stroke-dasharray:1.2 1.8}.card-flow--solar{stroke:var(--solar);color:var(--solar)}.card-flow--grid{stroke:var(--grid);color:var(--grid)}.card-flow--battery{stroke:var(--battery-blue);color:var(--battery-blue);stroke-width:.58px}.card-flow--active{filter:drop-shadow(0 0 3px);animation:2.8s linear infinite flow-dash}.card-flow--idle{stroke:#91a1b838;stroke-dasharray:1 3}.card-flow--mobile{display:none}.energy-card{z-index:2;border:1px solid var(--line);background:linear-gradient(145deg,#142034f2,#0a101bf7);border-radius:22px;min-width:0;min-height:0;padding:clamp(16px,2vw,24px);transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000038}.energy-card:hover{border-color:var(--line-bright);transform:translateY(-2px);box-shadow:0 22px 60px #0000004d}.energy-card--solar{--card-color:var(--solar);grid-area:solar}.energy-card--house{--card-color:var(--source-glow);grid-area:house;align-content:center;display:grid}.energy-card--grid{--card-color:var(--grid);grid-area:grid}.energy-card--battery{--card-color:var(--battery-green);grid-area:battery}.energy-card--system{--card-color:#a5b6cf;grid-area:system}.energy-card__hit{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:3px 10px;padding:0;display:grid}.energy-card__hit:hover .energy-card__title{color:var(--card-color)}.energy-card__icon{width:38px;height:38px;color:var(--card-color);border:1px solid color-mix(in srgb, var(--card-color) 36%, transparent);background:color-mix(in srgb, var(--card-color) 10%, transparent);border-radius:12px;grid-row:span 2;place-items:center;display:grid}.energy-card__title{color:var(--text);font-family:var(--display);letter-spacing:-.025em;align-self:end;font-size:.95rem;transition:color .2s}.energy-card__status{color:var(--muted);align-self:start;font-size:.66rem}.energy-card__status--solar{color:var(--solar)}.energy-card__status--house{color:var(--source-glow)}.energy-card__status--grid-active{color:var(--grid)}.energy-card__status--battery-blue{color:var(--battery-blue)}.energy-card__status--battery-green{color:var(--battery-green)}.energy-card__value{align-items:baseline;gap:5px;margin-top:clamp(18px,3vh,30px);display:flex}.energy-card__value strong{color:var(--card-color);font-family:var(--display);letter-spacing:-.08em;font-size:clamp(2rem,4vw,3.2rem);line-height:.9}.energy-card__value em{color:var(--muted);font-size:.86rem;font-style:normal}.energy-card--house .energy-card__value strong{color:var(--text);font-size:clamp(2.7rem,5vw,4.7rem)}.energy-card .progress-card{background:0 0;border:0;margin-top:18px;padding:0}.energy-card .progress-card__head{margin-bottom:8px}.energy-card .progress-card__head span{color:var(--muted-2);font-size:.66rem}.energy-card .progress-card__head strong{color:var(--card-color);font-size:.75rem}.energy-card .progress-card small{color:var(--muted-2);margin-top:7px;font-size:.62rem}.card-metrics,.system-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.system-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-metric{background:#ffffff09;border:1px solid #ffffff12;border-radius:11px;min-width:0;padding:10px}.mini-metric span,.mini-metric strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-metric span{color:var(--muted-2);font-size:.6rem}.mini-metric strong{color:var(--text);font-family:var(--display);letter-spacing:-.02em;margin-top:4px;font-size:.78rem}.card-note{color:var(--muted-2);margin-top:13px;font-size:.63rem;display:block}.battery-flow{border:1px solid color-mix(in srgb, var(--card-color) 25%, transparent);background:color-mix(in srgb, var(--card-color) 8%, transparent);border-radius:12px;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;display:flex}.battery-flow span{width:25px;height:25px;color:var(--card-color);background:color-mix(in srgb, var(--card-color) 15%, transparent);border-radius:8px;place-items:center;font-size:1.1rem;display:grid}.battery-flow strong{color:var(--card-color);font-size:.73rem}.battery-flow--out{--card-color:var(--battery-blue)}.battery-flow--in{--card-color:var(--battery-green)}.battery-flow--idle{--card-color:var(--muted)}.live-status{color:#a8f8c9;background:#69e6a414;border:1px solid #69e6a43d;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:.72rem;display:inline-flex}.live-status span,.live-indicator{background:var(--battery-green);width:6px;height:6px;box-shadow:0 0 10px var(--battery-green);border-radius:50%}.energy-card--house .card-metrics{max-width:420px}@media (width<=980px) and (width>=681px){.dashboard-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"house house""solar grid""battery system";min-height:calc(100vh - 126px)}.flow-overlay{display:none}.energy-card--house{align-content:start}}@media (width<=680px){body{overflow-y:auto}.page-shell{width:min(calc(100% - 28px), var(--container));padding:12px 0 20px}.app{min-height:auto}.dashboard-grid{grid-template:"house""solar""battery""grid""system"/1fr;gap:10px;min-height:0}.flow-overlay{display:none}.energy-card{border-radius:18px;min-height:0;padding:16px}.energy-card--house{min-height:220px}.energy-card__value{margin-top:17px}.energy-card__value strong{font-size:2.2rem}.energy-card--house .energy-card__value strong{font-size:3.3rem}.system-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.card-flow--active{animation:none}}.dashboard-grid{display:grid!important}@media (width>=681px){.dashboard-grid{height:calc(100vh - 205px);min-height:0!important}}@media (width<=680px){.dashboard-grid{grid-template-rows:none!important;grid-template-columns:1fr!important;grid-template-areas:"house""solar""battery""grid""system"!important;grid-auto-rows:auto!important;align-content:start!important;display:grid!important}}@media (prefers-reduced-motion:reduce){.energy-path--solar,.energy-path--grid,.energy-path--battery{animation:none}}.page-shell{width:100%;max-width:none;padding:clamp(16px,2vw,28px)}.app{min-height:calc(100vh - clamp(32px,4vw,56px))}.hud-panel{width:100%}.energy-bars{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;display:grid;position:relative}.progress-card{border:1px solid var(--line);background:#ffffff09;border-radius:14px;min-width:0;padding:13px 14px 11px}.progress-card__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.progress-card__head span{color:var(--muted);font-size:.7rem}.progress-card__head strong{color:var(--bar-color);font-family:var(--display);letter-spacing:-.025em;white-space:nowrap;font-size:.84rem}.progress-track{background:#ffffff17;border-radius:999px;height:7px;overflow:hidden}.progress-fill{transform-origin:0;border-radius:inherit;background:var(--bar-color);width:100%;height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--bar-color) 45%, transparent);transition:transform .55s cubic-bezier(.16,1,.3,1);display:block}.progress-card small{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:.62rem;display:block;overflow:hidden}.progress-card--solar{--bar-color:var(--solar)}.progress-card--grid{--bar-color:var(--grid)}.progress-card--battery-blue{--bar-color:var(--battery-blue)}.progress-card--battery-green{--bar-color:var(--battery-green)}.device-node--battery small{color:var(--node-color);margin-top:9px}@media (width<=680px){.page-shell{width:min(calc(100% - 28px), var(--container));max-width:none;padding:12px 0}.app{min-height:auto}.energy-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:20px}.progress-card{padding:10px 9px 9px}.progress-card__head{margin-bottom:7px}.progress-card__head span{font-size:.62rem}.progress-card__head strong{font-size:.72rem}.progress-card small{margin-top:6px;font-size:.56rem}html,body{height:100%;overflow:hidden}.page-shell{width:100%;height:100svh;padding:10px 12px 8px;overflow:hidden}.app{grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0}.topbar{gap:8px;min-height:40px}.brand{gap:7px}.brand-mark{border-radius:9px;width:30px;height:30px}.brand strong{font-size:.8rem}.brand div span,.last-update{font-size:.56rem}.live-status{min-height:25px;padding:0 7px;font-size:.57rem}.live-status span{width:5px;height:5px}.app-alert{border-radius:9px;min-height:0;padding:7px 9px;font-size:.6rem;line-height:1.25}.dashboard-grid{align-content:stretch;gap:12px;height:auto;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:"solar house grid""battery battery system"!important}.flow-overlay{z-index:3;display:block}.card-flow--battery{stroke-width:.8px}.energy-card{border-radius:14px;padding:9px 8px}.energy-card__hit{grid-template-rows:auto auto;grid-template-columns:27px minmax(0,1fr);gap:1px 5px;min-height:44px}.energy-card__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.65rem;overflow:hidden}.energy-card__status{white-space:nowrap;text-overflow:ellipsis;grid-column:2;min-width:0;font-size:.46rem;overflow:hidden}.energy-card .progress-card small,.card-note{display:none}.mini-metric strong{margin-top:2px;font-size:.52rem}.battery-flow strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.5rem;overflow:hidden}.dashboard-footer{white-space:nowrap;flex-direction:row;align-items:center;gap:7px;min-width:0;height:18px;min-height:18px;padding:0 2px;font-size:.48rem;overflow:hidden}.dashboard-footer>span:first-child{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.dashboard-footer>span:last-child{text-overflow:ellipsis;min-width:0;max-width:44%;overflow:hidden}.flow-overlay{z-index:1}.card-flow--wide{display:none}.card-flow--mobile{display:block}.card-flow{stroke-width:.9px}.card-flow--active{stroke-width:1.15px}.card-flow--idle{stroke:#91a1b86b}.energy-card{z-index:2;padding:13px 10px}.energy-card__hit{grid-template-columns:34px minmax(0,1fr);gap:2px 7px;min-height:52px}.energy-card__icon{border-radius:10px;width:34px;height:34px}.energy-card__icon svg{width:19px;height:19px}.energy-card__title{white-space:normal;min-width:0;font-size:.78rem;line-height:1.15}.energy-card__status{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:.54rem;line-height:1.15;display:-webkit-box;overflow:hidden}.energy-card--house{border-color:color-mix(in srgb, var(--source-glow) 42%, var(--line));box-shadow:0 16px 38px color-mix(in srgb, var(--source-glow) 12%, transparent)}.energy-card--house .energy-card__title{font-size:.85rem}.energy-card__value{gap:3px;margin-top:13px}.energy-card__value strong{font-size:2rem}.energy-card--house .energy-card__value strong{font-size:2.45rem}.energy-card__value em{font-size:.68rem}.energy-card .progress-card{margin-top:12px}.energy-card .progress-card__head{margin-bottom:6px}.energy-card .progress-card__head span{font-size:.58rem}.energy-card .progress-card__head strong{font-size:.66rem}.energy-card .progress-track{height:5px}.card-metrics,.system-metrics{gap:6px;margin-top:11px}.mini-metric{border-radius:8px;padding:8px 6px}.mini-metric span{font-size:.48rem}.mini-metric strong{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;margin-top:3px;font-size:.63rem;line-height:1.1}.battery-flow{border-radius:9px;gap:6px;margin-top:12px;padding:8px 7px}.battery-flow span{border-radius:6px;width:22px;height:22px;font-size:.9rem}.battery-flow strong{font-size:.62rem}.energy-card--system .system-metrics{grid-template-columns:1fr;gap:5px}.energy-card--system .mini-metric{padding:6px}.energy-card--system .mini-metric strong{font-size:.61rem}}@media (width>=681px) and (width<=980px){.dashboard-grid{gap:10px}.energy-card{padding:14px}.energy-card__value{margin-top:14px}.energy-card__value strong{font-size:2.25rem}.energy-card--house .energy-card__value strong{font-size:3.35rem}.energy-card .progress-card{margin-top:12px}.card-metrics,.system-metrics{gap:6px;margin-top:12px}.mini-metric{padding:8px}.mini-metric span{font-size:.56rem}.mini-metric strong{font-size:.72rem}.battery-flow{margin-top:12px;padding:8px 10px}.energy-card--battery .energy-card__value{margin-top:12px}.energy-card--battery .progress-card,.energy-card--battery .battery-flow,.energy-card--battery .card-metrics{margin-top:10px}}@media (width<=360px){.energy-card--solar .card-metrics,.energy-card--house .card-metrics,.energy-card--grid .card-metrics,.energy-card--battery .card-metrics,.energy-card--system .system-metrics{display:none}.energy-card__value{margin-top:10px}.energy-card__value strong{font-size:1.75rem}.energy-card--house .energy-card__value strong{font-size:2.1rem}.energy-card__value em{font-size:.6rem}.energy-card .progress-card{margin-top:9px}.battery-flow{margin-top:10px}}@media (width>=981px){.energy-card--battery{padding:16px 16px 0}.energy-card--battery .energy-card__value{margin-top:16px}.energy-card--battery .progress-card{margin-top:12px}.energy-card--battery .battery-flow{margin-top:12px;padding:8px 10px}.energy-card--battery .card-metrics{margin-top:10px}}.trend-panel{border:1px solid var(--line);background:linear-gradient(145deg,#142034d1,#0a101be6);border-radius:16px;min-width:0;height:96px;padding:12px 16px;position:relative}.trend-panel__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.trend-panel__eyebrow{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem;display:block}.trend-panel h2{color:var(--text);font-family:var(--display);letter-spacing:-.03em;margin:2px 0 0;font-size:.9rem}.trend-panel__mock{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:.55rem}.trend-panel__body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:6px;display:grid}.trend-chart{width:100%;height:44px;display:block;overflow:visible}.trend-chart__gridline{fill:none;stroke:#bfd6f51a;stroke-width:.35px;stroke-dasharray:1 2}.trend-chart__line{fill:none;stroke:var(--series-color);stroke-width:.55px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--series-color) 42%, transparent))}.trend-chart__point{fill:var(--series-color);r:.75px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--series-color) 55%, transparent))}.trend-chart__cursor{stroke:#f2f6fcb3;stroke-width:1px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;pointer-events:none}.trend-scale{z-index:2;color:var(--muted-2);pointer-events:none;flex-direction:column;justify-content:space-between;font-size:.55rem;line-height:1;display:flex;position:absolute;inset:8px auto 8px 8px}.trend-expand{z-index:4;width:32px;height:32px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#070b13b8;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.trend-expand:hover,.trend-expand:focus-visible{color:var(--text);border-color:var(--line-bright);background:#192337eb}.trend-tooltip{z-index:5;min-width:154px;color:var(--muted);border:1px solid var(--line-bright);pointer-events:none;background:#070b13f0;border-radius:9px;gap:4px;padding:8px 10px;font-size:.59rem;display:grid;position:absolute;top:14px;transform:translate(-50%);box-shadow:0 12px 30px #00000052}.trend-tooltip strong{color:var(--text);margin-bottom:2px;font-size:.59rem;font-weight:600}.trend-tooltip span{white-space:nowrap;align-items:center;gap:5px;display:flex}.trend-tooltip i{border-radius:2px;width:7px;height:2px}.trend-panel:fullscreen{background:var(--bg);border:0;border-radius:0;width:100vw;height:100vh;padding:32px}.trend-panel:fullscreen .trend-scale{font-size:.78rem;inset:40px auto 40px 28px}.trend-panel:fullscreen .trend-expand{top:24px;right:24px}.trend-panel:fullscreen .trend-tooltip{font-size:.72rem;top:56px}.trend-panel::backdrop{background:#070b13}.trend-legend{grid-template-columns:repeat(2,auto);gap:5px 10px;display:grid}.trend-legend span{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.58rem;display:inline-flex}.trend-legend i{border-radius:2px;width:7px;height:2px}@media (width>=981px){.app{grid-template-rows:auto auto minmax(0,1fr) auto auto}.dashboard-grid{grid-template-rows:minmax(0,1.06fr) minmax(0,.94fr);height:calc(100vh - 315px)}.energy-card--house .card-note{margin-top:8px;font-size:.55rem;line-height:.8}.energy-card--battery{padding:8px 16px 0}.energy-card--battery .energy-card__value{margin-top:10px}.energy-card--battery .progress-card{margin-top:8px}.energy-card--battery .battery-flow{margin-top:8px;padding:5px 8px}.energy-card--battery .card-metrics{margin-top:6px}}@media (width<=980px) and (width>=681px){.trend-panel{display:none}}@media (width<=680px){.app{grid-template-rows:auto auto minmax(0,1fr) auto auto}.trend-panel{border-radius:13px;height:128px;padding:10px 11px}.trend-panel__eyebrow{font-size:.48rem}.trend-panel h2{font-size:.75rem}.trend-panel__mock{padding:3px 5px;font-size:.46rem}.trend-panel__body{gap:8px;margin-top:4px}.trend-chart{height:76px}.trend-legend{gap:4px 7px}.trend-legend span{font-size:.48rem}.trend-legend i{width:6px}}@media (width<=360px){.trend-panel{display:none}}@media (width>=981px){.page-shell{width:min(calc(100% - 56px), var(--container));max-width:var(--container);box-sizing:border-box;height:100svh;padding:28px 0}.app{grid-template-rows:auto minmax(190px,1fr);align-content:stretch;height:100%;min-height:0}.app:has(.app-alert){grid-template-rows:auto auto minmax(190px,1fr)}.dashboard-grid{height:min(590px,100svh - 315px)}.energy-card--solar .card-note,.energy-card--grid .card-note{margin-top:10px}.trend-panel{height:auto;min-height:190px;padding:0;overflow:hidden}.trend-chart{width:100%;height:100%}}@media (width<=980px) and (width>=681px){.page-shell{box-sizing:border-box;height:100svh;overflow:hidden}.app{height:100%;min-height:0}.dashboard-grid{height:auto;min-height:0}.app{grid-template-rows:auto minmax(140px,1fr);align-content:stretch}.app:has(.app-alert){grid-template-rows:auto auto minmax(140px,1fr)}.energy-card--battery{padding-top:10px;padding-bottom:10px}.trend-panel{height:auto;min-height:140px;padding:0;display:block}.trend-chart{width:100%;height:100%}}@media (width<=680px){.app{grid-template-rows:auto minmax(0,1fr)}.app:has(.app-alert){grid-template-rows:auto auto minmax(0,1fr)}.trend-panel{border-radius:14px;height:auto;min-height:210px;padding:0}.trend-chart{width:100%;height:100%}}@media (width<=360px){.energy-card--house{min-height:0}.trend-panel{height:auto;min-height:100px;display:block}}.energy-card--house{--card-color:var(--house-pink)}.energy-card--house .energy-card__value strong{color:var(--house-pink)}.energy-card--house .energy-card__value em{color:color-mix(in srgb, var(--house-pink) 62%, var(--muted))}.energy-card--house .energy-card__status--house{color:var(--house-pink)}.progress-card--house{--bar-color:var(--house-pink)}.top-alert-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;display:grid}.top-alert-row .app-alert{align-items:center;min-height:46px;margin:0;display:flex}.app-alert--quiet{color:var(--muted);border-color:var(--line);background:#ffffff09}.settings-trigger{min-width:164px;min-height:46px;color:var(--text);border:1px solid var(--line-bright);cursor:pointer;background:linear-gradient(145deg,#192337f2,#0e1522f2);border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:0 16px;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.settings-trigger:hover{border-color:color-mix(in srgb, var(--source-glow) 55%, var(--line-bright));background:#ffffff17;transform:translateY(-1px)}.settings-trigger svg{color:var(--source-glow)}.settings-trigger span{font-size:.75rem;font-weight:700}.settings-layer{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03060bc2;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.settings-dialog{border:1px solid var(--line-bright);background:linear-gradient(150deg,#142034fa,#080d17fa 78%);border-radius:24px;width:min(100%,720px);max-height:min(88vh,720px);padding:24px;animation:.28s cubic-bezier(.16,1,.3,1) sheet-in;overflow:auto;box-shadow:0 24px 90px #00000080}.settings-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-heading{align-items:center;gap:12px;min-width:0;display:flex}.settings-icon{width:42px;height:42px;color:var(--source-glow);border:1px solid color-mix(in srgb, var(--source-glow) 38%, transparent);background:color-mix(in srgb, var(--source-glow) 10%, transparent);border-radius:13px;flex:none;place-items:center;display:grid}.settings-heading p{color:var(--muted);margin:0 0 3px;font-size:.68rem}.settings-heading h2{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,3vw,1.85rem)}.settings-intro{max-width:58ch;color:var(--muted);margin:18px 0 22px;font-size:.82rem;line-height:1.5}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.settings-range{border:1px solid var(--line);background:#ffffff09;border-radius:16px;min-width:0;padding:14px}.settings-range legend{color:var(--text);padding:0 5px;font-size:.78rem;font-weight:700}.settings-range--solar legend{color:var(--solar)}.settings-range--house legend{color:var(--house-pink)}.settings-range--battery legend{color:var(--battery-green)}.settings-range__inputs{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) auto;align-items:end;gap:5px;margin-top:7px;display:grid}.settings-range label{min-width:0}.settings-range label>span{color:var(--muted);justify-content:space-between;gap:3px;margin-bottom:5px;font-size:.58rem;display:flex}.settings-range label small{color:var(--muted-2);font-size:.55rem}.settings-range input{width:100%;min-height:40px;color:var(--text);border:1px solid var(--line);font:600 .78rem var(--display);background:#070b13a8;border-radius:9px;outline:none;padding:0 8px}.settings-range input:focus{border-color:var(--source-glow);box-shadow:0 0 0 3px color-mix(in srgb, var(--source-glow) 18%, transparent)}.settings-range__arrow{color:var(--muted-2);text-align:center;padding-bottom:11px}.settings-range__inputs em{color:var(--muted-2);padding-bottom:10px;font-size:.62rem;font-style:normal}.settings-feedback{border-radius:10px;margin:16px 0 0;padding:10px 12px;font-size:.72rem;line-height:1.4}.settings-feedback--error{color:#ffc0ba;background:#ff8b8314;border:1px solid #ff8b8359}.settings-feedback--success{color:#a8f8c9;background:#69e6a414;border:1px solid #69e6a447}.settings-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.settings-actions button{cursor:pointer;border-radius:10px;min-height:44px;padding:0 15px;font-size:.75rem;font-weight:700}.settings-cancel{color:var(--muted);border:1px solid var(--line);background:#ffffff0a}.settings-save{color:#07120e;border:1px solid var(--battery-green);background:var(--battery-green)}.settings-save:disabled{cursor:wait;opacity:.55}body.settings-open{overflow:hidden}@media (width<=680px){.top-alert-row{grid-template-columns:minmax(0,1fr) 48px;gap:8px}.top-alert-row .app-alert{min-height:44px;padding:8px 10px;font-size:.59rem}.settings-trigger{border-radius:11px;width:48px;min-width:48px;min-height:44px;padding:0}.settings-trigger span{display:none}.settings-layer{align-items:flex-end;padding:10px}.settings-dialog{border-radius:20px 20px 13px 13px;max-height:92vh;padding:18px 15px 16px}.settings-grid{grid-template-columns:1fr;gap:8px}.settings-range{padding:12px}.settings-intro{margin:14px 0 16px;font-size:.75rem}.settings-actions{margin-top:17px}.settings-actions button{flex:1}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}