:root{--canvas: #edf0e7;--surface: #ffffff;--surface-sunk: #f2f4f0;--ink: #13251e;--ink-2: #59675f;--ink-3: #66736d;--green: #1f6b4f;--green-dark: #164f3b;--border: #dde3de;--border-strong: #c5cfc7;--solar: #d99a00;--battery: #2e7d4a;--load: #2563b8;--import: #7b4bb7;--export: #167a8b;--solar-ink: #8a6200;--battery-ink: #226039;--load-ink: #1f539b;--import-ink: #6a3ea3;--solar-bg: #fbf1da;--battery-bg: #e5f1e9;--load-bg: #e4edf9;--import-bg: #efe8f8;--export-bg: #e2f0f2;--warning: #a85a00;--warning-bg: #fdf1e3;--danger: #b42318;--danger-bg: #fdeceb;--success: #247a3d;--success-bg: #e6f3ea;--info-bg: #eef1ee;--radius: 14px;--radius-sm: 10px;--nav-h: 62px;--shadow-float: 0 10px 30px rgba(19, 37, 30, .14);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;background:var(--canvas)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;letter-spacing:-.011em}p{margin:0}.num,.tnum,.metric-value,.big-value,.stat-value,.kpi-value,.def-value,table td,.tt-val{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--radius-sm);background:var(--green);color:#fff;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:12px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:232px minmax(0,1fr);background:var(--canvas)}.app-main{min-width:0;display:flex;flex-direction:column}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;display:flex;flex-direction:column;padding:20px 14px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.brand-mark{width:34px;height:34px;flex:0 0 auto}.brand>span{font:600 16px/1.1 Georgia,Times New Roman,serif;letter-spacing:-.02em;color:var(--green-dark)}.nav-group{display:grid;gap:2px}.nav-group+.nav-group{margin-top:14px}.nav-group-label{padding:8px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.nav-item{width:100%;min-height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-size:15px;font-weight:500;text-align:left;cursor:pointer}.nav-item:hover{background:var(--surface-sunk)}.nav-item[aria-current=page]{background:var(--green);color:#fff;font-weight:600}.nav-item svg{width:21px;height:21px;flex:0 0 auto;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.nav-item .nav-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:11px;background:var(--danger);color:#fff;font-size:12px;font-weight:700}.nav-item[aria-current=page] .nav-count{background:#fff;color:var(--danger)}.nav-item .nav-count.warn{background:var(--warning)}.nav-item[aria-current=page] .nav-count.warn{background:#fff;color:var(--warning)}.sidebar-status{margin-top:auto;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.sidebar-status .ss-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650}.sidebar-status .ss-detail{margin-top:4px;font-size:13px;line-height:1.4;color:var(--ink-2)}.sidebar-status .ss-fresh{margin-top:8px}.rail{padding:16px 8px}.rail .brand{justify-content:center;padding:4px 0 16px}.rail .brand>span{display:none}.rail .nav-group-label{text-align:center;padding:8px 0 4px;font-size:10px}.rail .nav-item{flex-direction:column;gap:4px;min-height:58px;padding:8px 4px;font-size:11px;font-weight:600;text-align:center;line-height:1.15}.rail .nav-item .nav-count{position:absolute;margin:0;top:4px;right:8px}.rail .nav-item{position:relative}.rail .sidebar-status{padding:10px 6px;text-align:center}.rail .sidebar-status .ss-detail,.rail .sidebar-status .ss-title span{display:none}.rail .sidebar-status .ss-title{justify-content:center}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .brand{padding:0}.topbar-spacer{margin-left:auto}.icon-btn{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.icon-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{background:var(--surface-sunk)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;border:0;padding:0;width:100%;background:#13251e61;animation:fade-in .16s ease}@keyframes fade-in{0%{opacity:0}}.drawer{position:fixed;inset:0 auto 0 0;z-index:61;width:min(304px,84vw);display:flex;flex-direction:column;padding:16px 12px;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-float);overflow-y:auto;animation:slide-in .18s ease}@keyframes slide-in{0%{transform:translate(-14px);opacity:.6}}.drawer-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.drawer-head .brand{padding:0;flex:1}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:63;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px #13251e0f}.bottom-nav button{position:relative;min-height:var(--nav-h);min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px 9px;border:0;background:transparent;color:var(--ink-2);font-size:11px;font-weight:600;letter-spacing:-.005em;cursor:pointer}.bottom-nav button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button[aria-current=page],.bottom-nav button[aria-expanded=true]{color:var(--green)}.bottom-nav button[aria-current=page]:before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:var(--green)}.bottom-nav .nav-count{position:absolute;top:5px;left:54%;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700}.bottom-nav .nav-count.warn{background:var(--warning)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:62;padding:8px 12px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 12px);background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;box-shadow:var(--shadow-float);animation:sheet-up .2s ease}@keyframes sheet-up{0%{transform:translateY(16px);opacity:.5}}.sheet-grab{width:40px;height:4px;margin:4px auto 10px;border-radius:2px;background:var(--border-strong)}.sheet h2{padding:0 8px 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.sheet .nav-item{font-size:16px;min-height:52px}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 28px 40px;display:flex;flex-direction:column;gap:20px}.page-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-head h1{font:600 32px/1.05 Georgia,Times New Roman,serif;letter-spacing:-.025em}.page-head .subtitle{margin-top:4px;font-size:15px;color:var(--ink-2);max-width:62ch}.page-head-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-title{margin:4px 0 -6px;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.card{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.bare{padding:0;background:none;border:0}.card-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}.card-heading h2{font-size:16px;font-weight:650}.card-heading>svg{width:19px;height:19px;flex:0 0 auto;color:var(--ink-2);stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.card-heading-right{margin-left:auto;font-size:13px;color:var(--ink-2);text-align:right}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}.stack.sm{gap:12px}.page>*{min-width:0}.card{min-width:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.visual-hero{position:relative;min-height:500px;overflow:hidden;isolation:isolate;border:1px solid #b9c6ba;border-radius:24px;background:#173f32}.visual-hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;display:block;object-fit:cover}.visual-hero.overview .visual-hero-scene{object-position:center 48%}.visual-hero.solar .visual-hero-scene{object-position:24% 52%}.visual-hero.battery .visual-hero-scene{object-position:74% 52%}.visual-hero.grid .visual-hero-scene{object-position:62% 50%}.visual-hero.devices .visual-hero-scene{object-position:68% 52%}.visual-hero-panel{position:absolute;top:24px;left:24px;z-index:3;width:min(440px,42%);padding:22px;border:1px solid #356353;border-radius:18px;background:#123f32;color:#fffdf5}.visual-hero-panel h2{margin-top:12px;font:600 34px/1.06 Georgia,Times New Roman,serif;letter-spacing:-.025em}.visual-hero.overview .visual-hero-panel h2{font-size:29px}.visual-hero-panel h2 small{font:600 17px/1 Inter,sans-serif;color:#dce7dd}.visual-hero-panel>p:not(.visual-hero-kicker){margin-top:10px;color:#dce7dd;font-size:14px;line-height:1.5}.visual-hero-panel .visual-hero-note{padding-top:10px;border-top:1px solid #356353;color:#fffdf5}.visual-hero-kicker{margin-top:18px;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#e6c965}.visual-hero-status{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 10px;border:1px solid #5e806f;border-radius:999px;background:#245a47;color:#f8fbf7;font-size:13px;font-weight:650}.visual-hero-status.warning,.visual-hero-status.fault,.visual-hero-status.offline{background:#70421d;border-color:#a57449}.visual-hero-status.idle{background:#314f43}.visual-hero-status svg{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:1.8;fill:none}.visual-hero .hero-action{margin-top:14px;background:#fffdf5;color:#123f32;border-color:#fffdf5}.visual-hero-art{position:absolute;z-index:2;display:block;object-fit:contain;pointer-events:none;transform-origin:50% 80%;animation:hero-art-float 6s ease-in-out infinite}.visual-hero-art.primary{right:4%;bottom:124px;width:34%;height:66%}.visual-hero-art.secondary{right:31%;bottom:125px;width:19%;height:45%;animation-delay:-2.2s}.visual-hero.solar .visual-hero-art.primary{right:3%;width:47%;height:58%}.visual-hero.battery .visual-hero-art.primary{right:6%;width:26%;height:65%}.visual-hero.grid .visual-hero-art.primary{right:2%;width:34%;height:56%}.visual-hero.grid .visual-hero-art.secondary{right:31%;width:17%;height:48%}.visual-hero.devices .visual-hero-art.primary{right:6%;width:26%;height:61%}.visual-hero.devices .visual-hero-art.secondary{right:29%;width:18%;height:49%}@keyframes hero-art-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-.6deg)}}.visual-hero-metrics{position:absolute;left:18px;right:18px;bottom:18px;z-index:4}.visual-hero-metrics>.kpi-row,.visual-hero-metrics:not(:has(>.kpi-row)){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.visual-hero-metrics .tile,.visual-hero-metrics .kpi{min-height:108px;border-color:#d8d4c7;background:#faf7ee}.visual-hero-metrics .tile{padding:12px 14px;gap:5px}.visual-hero-metrics .tile-head .tile-icon.has-image{width:46px;height:38px}.visual-hero-metrics .tile-value{font-size:25px}.visual-hero-battery{margin-top:16px}.visual-hero-battery .batt-scale{color:#dce7dd}.overview-story-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:16px}.story-card{position:relative;overflow:hidden}.today-story{background:#f8f4e8}.backup-story{min-height:178px;padding-right:142px;background:#dfeadf}.attention-story{background:#f5eadb}.story-art{position:absolute;right:-8px;bottom:-14px;width:150px;height:165px;object-fit:contain;pointer-events:none;animation:hero-art-float 6s ease-in-out infinite}.visual-destination{position:relative;min-height:170px;align-items:flex-end;overflow:hidden;padding:18px;border:0}.visual-destination.solar{background:#efe4bd}.visual-destination.battery{background:#d8e7da}.visual-destination.grid{background:#dce5ee}.visual-destination .destination-art{position:absolute;top:-14px;right:6px;width:57%;height:125px;object-fit:contain;transition:transform .25s ease}.visual-destination:hover .destination-art{transform:translateY(-5px) rotate(-1deg)}.visual-destination .cr-copy,.visual-destination .cr-chev{position:relative;z-index:2}.visual-destination .cr-copy{padding:8px 10px;border-radius:10px;background:#fffdf5}.status-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}.status-chip .dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.status-chip svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.status-chip.live{color:var(--success);border-color:#bcdcc6;background:var(--success-bg)}.status-chip.delayed,.status-chip.stale,.status-chip.warning{color:var(--warning);border-color:#e8cfae;background:var(--warning-bg)}.status-chip.offline,.status-chip.fault{color:var(--danger);border-color:#efc3bf;background:var(--danger-bg)}.status-chip.connecting,.status-chip.idle{color:var(--ink-2)}.status-chip.normal{color:var(--success);border-color:#bcdcc6;background:var(--success-bg)}.freshness{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}.freshness svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none}.banner{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-sm);background:var(--surface);font-size:14px;line-height:1.45}.banner svg{width:19px;height:19px;flex:0 0 auto;margin-top:1px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.banner b{display:block;font-weight:650}.banner.normal{border-left-color:var(--success);background:var(--success-bg);color:#17512b}.banner.warning{border-left-color:var(--warning);background:var(--warning-bg);color:#6d3b00}.banner.fault,.banner.offline{border-left-color:var(--danger);background:var(--danger-bg);color:#7d1911}.banner.info{border-left-color:var(--ink-3);background:var(--info-bg);color:var(--ink)}.banner a,.banner .linkish{color:inherit;font-weight:650}.banner-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.data-note{font-size:13px;line-height:1.5;color:var(--ink-2)}.card>.data-note{margin-top:12px}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tile{display:flex;flex-direction:column;gap:8px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.tile-head{display:flex;align-items:center;gap:8px}.tile-head .tile-icon{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px}.tile-head .tile-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.tile-head .tile-icon.has-image{width:38px;height:38px;overflow:visible;border:0;background:transparent}.tile-head .tile-icon.has-image img{width:100%;height:100%;display:block;object-fit:contain;transform:scale(1);transition:transform .24s ease}.tile:hover .tile-icon.has-image img{transform:scale(1.1) rotate(-1deg)}.tile-head h3{font-size:13px;font-weight:650;color:var(--ink-2)}.tile.solar .tile-icon{background:var(--solar-bg);color:var(--solar-ink)}.tile.battery .tile-icon{background:var(--battery-bg);color:var(--battery-ink)}.tile.load .tile-icon{background:var(--load-bg);color:var(--load-ink)}.tile.grid .tile-icon{background:var(--import-bg);color:var(--import-ink)}.tile-value{display:flex;align-items:baseline;gap:5px;font-size:27px;font-weight:680;line-height:1.05}.tile-value small{font-size:15px;font-weight:600;color:var(--ink-2)}.tile-sub{font-size:13.5px;line-height:1.4;color:var(--ink-2)}.tile-sub b{color:var(--ink);font-weight:650}.tile-foot{margin-top:auto;padding-top:2px;font-size:12.5px;color:var(--ink-3)}.direction{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650}.direction .arrow{font-size:12px}.direction.battery{color:var(--battery-ink)}.direction.load{color:var(--load-ink)}.direction.import{color:var(--import-ink)}.direction.export{color:var(--export)}.direction.solar{color:var(--solar-ink)}.direction.idle{color:var(--ink-2)}.batt-bar{position:relative;height:14px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface-sunk);overflow:hidden}.batt-bar>span{display:block;height:100%;background:var(--battery)}.batt-bar.low>span{background:var(--warning)}.batt-bar.critical>span{background:var(--danger)}.batt-bar .threshold{position:absolute;top:0;bottom:0;width:2px;background:var(--border-strong)}.batt-bar.lg{height:22px;border-radius:11px}.batt-scale{display:flex;justify-content:space-between;margin-top:5px;font-size:12px;color:var(--ink-3)}.progress{height:12px;border-radius:6px;background:var(--surface-sunk);border:1px solid var(--border);overflow:hidden}.progress>span{display:block;height:100%;background:var(--green)}.bar-compare{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(88px,auto) 1fr minmax(74px,auto);align-items:center;gap:12px}.bar-row .bar-label{font-size:14px;font-weight:600}.bar-row .bar-track{height:18px;border-radius:4px;background:var(--surface-sunk);border:1px solid var(--border);overflow:hidden}.bar-row .bar-track>span{display:block;height:100%}.bar-row .bar-val{font-size:14px;font-weight:650;text-align:right}.bar-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3)}.bar-net{font-size:22px;font-weight:680}.bar-net small{display:block;margin-top:2px;font-size:13.5px;font-weight:500;color:var(--ink-2)}.source-bar{display:flex;height:30px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.source-bar>span{display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#fff;overflow:hidden;white-space:nowrap}.source-bar .s-solar{background:var(--solar);color:#3f2c00}.source-bar .s-battery{background:var(--battery)}.source-bar .s-grid{background:var(--import)}.source-legend{display:grid;gap:6px;margin-top:11px}.source-legend>span{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}.source-legend b{color:var(--ink);font-weight:600}.source-legend strong{margin-left:auto;font-weight:680;color:var(--ink)}.source-legend small{min-width:72px;text-align:right}.dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;display:inline-block}.dot.solar{background:var(--solar)}.dot.battery{background:var(--battery)}.dot.load{background:var(--load)}.dot.grid,.dot.import{background:var(--import)}.dot.export{background:var(--export)}.bullet{display:grid;gap:8px}.bullet-track{position:relative;height:34px;border:1px solid var(--border);border-radius:6px;background:var(--surface-sunk)}.bullet-fill{position:absolute;top:0;bottom:0;left:0;background:var(--battery-bg);border-radius:5px 0 0 5px}.bullet-marker{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--ink);border-radius:2px}.bullet-tick{position:absolute;top:0;bottom:0;width:2px}.bullet-labels{position:relative;height:34px;font-size:11.5px;color:var(--ink-2)}.bullet-labels span{position:absolute;top:0;transform:translate(-50%);text-align:center;white-space:nowrap;line-height:1.25}.bullet-labels b{display:block;font-weight:650;color:var(--ink)}.bullet-now{display:inline-flex;align-items:baseline;gap:6px;font-size:22px;font-weight:680}.bullet-now small{font-size:14px;font-weight:600;color:var(--ink-2)}.tabs{display:flex;gap:4px;padding:4px;background:var(--surface-sunk);border:1px solid var(--border);border-radius:12px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1 1 auto;min-height:44px;min-width:max-content;padding:0 16px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:14.5px;font-weight:600;cursor:pointer;white-space:nowrap}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.segmented{display:inline-flex;flex-wrap:wrap;gap:3px;padding:3px;background:var(--surface-sunk);border:1px solid var(--border);border-radius:10px;max-width:100%}.segmented button{min-height:44px;min-width:44px;padding:0 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-2);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);border-color:var(--border)}.select-control{min-height:44px;width:100%;max-width:100%;padding:0 34px 0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2359675f' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;cursor:pointer}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.toolbar .toolbar-label{font-size:13px;font-weight:650;color:var(--ink-2)}.toolbar .toolbar-end{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar.sticky{position:sticky;top:0;z-index:30}.checkbox{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:550;cursor:pointer}.checkbox input{width:18px;height:18px;accent-color:var(--green)}.chart-frame{position:relative}.chart-svg{display:block;width:100%;height:auto;touch-action:pan-y}.chart-svg:focus-visible{outline:3px solid var(--green);outline-offset:2px}.chart-grid{stroke:var(--border);stroke-width:1}.chart-zero{stroke:var(--border-strong);stroke-width:1.5}.chart-axis-label{fill:var(--ink-3);font-size:11px}.chart-unit{fill:var(--ink-2);font-size:11px;font-weight:600}.chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-threshold{stroke-dasharray:4 4;stroke-width:1.5}.chart-cursor{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 3}.chart-frame.lastknown .chart-line{opacity:.55}.chart-tooltip{position:absolute;z-index:5;top:0;left:0;min-width:132px;padding:8px 10px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);font-size:13px;pointer-events:none}.chart-tooltip .tt-time{font-weight:650;margin-bottom:5px}.chart-tooltip .tt-row{display:flex;align-items:center;gap:7px}.chart-tooltip .tt-val{margin-left:auto;font-weight:650}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:13px;color:var(--ink-2)}.chart-legend>span{display:inline-flex;align-items:center;gap:7px}.chart-legend b{color:var(--ink);font-weight:620}.insight{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;background:var(--surface-sunk);border-radius:var(--radius-sm);font-size:13.5px;line-height:1.45;color:var(--ink)}.insight svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px;color:var(--green);stroke:currentColor;stroke-width:1.8;fill:none}.chart-empty{display:grid;place-items:center;gap:6px;min-height:180px;padding:24px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunk);text-align:center;font-size:14px;color:var(--ink-2)}.chart-empty b{color:var(--ink);font-weight:650}.data-table-toggle{margin-top:10px}.data-table-toggle>summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;font-size:13.5px;font-weight:620;color:var(--green);cursor:pointer}.table-scroll{max-height:320px;overflow:auto;margin-top:8px;border:1px solid var(--border);border-radius:var(--radius-sm)}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}table.data-table caption{padding:8px 10px;text-align:left;font-size:13px;color:var(--ink-2)}table.data-table th,table.data-table td{padding:7px 10px;text-align:right;white-space:nowrap}table.data-table th:first-child,table.data-table td:first-child{text-align:left}table.data-table thead th{position:sticky;top:0;background:var(--surface-sunk);border-bottom:1px solid var(--border);font-weight:650}table.data-table tbody tr+tr td{border-top:1px solid var(--border)}table.data-table tfoot td{border-top:2px solid var(--border-strong);font-weight:680}.live-flow-card{background:#e3e9df;border-color:#c8d2c7}.flow-summary{font-size:16px;line-height:1.5;color:var(--ink)}.flow-summary b{font-weight:680}.flow-stage{position:relative;display:grid;grid-template-columns:minmax(190px,1fr) 84px minmax(220px,1.08fr) 84px minmax(190px,1fr);grid-template-rows:auto 56px auto 56px auto;align-items:center;justify-items:stretch;gap:0;margin-top:14px;padding:18px;overflow:hidden;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:#143c30}.flow-stage-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:.24;filter:saturate(.55) brightness(.58);pointer-events:none}.wire{position:relative;z-index:3;display:grid;place-items:center;align-self:stretch}.wire-line{border-color:#799285}.wire.v .wire-line{width:0;height:100%;border-left:3px dashed #799285}.wire.h .wire-line{height:0;width:100%;border-top:3px dashed #799285}.wire.active .wire-line{border:0;border-radius:3px}.wire.v.active .wire-line{width:4px;height:100%}.wire.h.active .wire-line{height:4px;width:100%}.wire.active.solar .wire-line{background:var(--solar)}.wire.active.battery .wire-line{background:var(--battery)}.wire.active.load .wire-line{background:var(--load)}.wire.active.grid .wire-line{background:var(--import)}.wire-dot{position:absolute;z-index:2;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%}.wire.solar .wire-dot{background:var(--solar)}.wire.battery .wire-dot{background:var(--battery)}.wire.load .wire-dot{background:var(--load)}.wire.grid .wire-dot{background:var(--import)}.wire.v .wire-dot{left:calc(50% - 4.5px);top:-2px}.wire.h .wire-dot{left:-2px;top:calc(50% - 4.5px)}.wire.v.moving .wire-dot{animation:flow-v 2.25s linear infinite}.wire.h.moving .wire-dot{animation:flow-h 2.25s linear infinite}.wire.reverse.moving .wire-dot{animation-direction:reverse}.wire .dot-two{animation-delay:-.75s!important}.wire .dot-three{animation-delay:-1.5s!important}@keyframes flow-v{0%{top:-2px}to{top:calc(100% - 7px)}}@keyframes flow-h{0%{left:-2px}to{left:calc(100% - 7px)}}.wire-chevrons{position:absolute;z-index:2;color:#fffdf5;font-size:10px;font-weight:800;letter-spacing:2px;animation:flow-chevron-pulse 1.2s ease-in-out infinite}.wire.h.reverse .wire-chevrons{transform:rotate(180deg)}.wire.v .wire-chevrons{transform:rotate(90deg)}.wire.v.reverse .wire-chevrons{transform:rotate(-90deg)}@keyframes flow-chevron-pulse{0%,to{opacity:.28}50%{opacity:1}}.wire-badge{position:absolute;z-index:3;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:#fffdf5;font-size:12.5px;font-weight:650;color:var(--ink-2);white-space:nowrap}.wire.active .wire-badge{color:var(--ink);border-color:var(--border-strong)}.wire-arrow{position:absolute;font-size:13px;line-height:1;color:var(--ink-3)}.wire.active.solar .wire-arrow{color:var(--solar-ink)}.wire.active.battery .wire-arrow{color:var(--battery-ink)}.wire.active.load .wire-arrow{color:var(--load-ink)}.wire.active.grid .wire-arrow{color:var(--import-ink)}.flow-node{position:relative;z-index:2;min-height:142px;display:grid;grid-template-columns:minmax(92px,.92fr) minmax(88px,1fr);align-items:center;gap:10px;padding:10px;overflow:visible;background:transparent;border:0;border-radius:var(--radius);text-align:left;transition:transform .2s ease}.flow-node:hover{transform:translateY(-3px)}.flow-node.is-active{border-color:transparent}.flow-asset{position:relative;z-index:2;min-width:0;height:128px;display:grid;place-items:center;overflow:visible;background:transparent}.flow-asset img{width:100%;height:100%;display:block;object-fit:contain;transform:scale(1.02)}.flow-node.is-active .flow-asset img{animation:equipment-breathe 3.6s ease-in-out infinite}.flow-node-copy{position:relative;z-index:3;min-width:0;display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #d8d4c7;border-radius:12px;background:#faf7ee}.flow-node .fn-head{display:flex;align-items:center;gap:7px}.flow-node .fn-head svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.flow-node .fn-name{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.flow-node .fn-value{font-size:20px;font-weight:680;line-height:1.1}.flow-node .fn-detail{font-size:13px;font-weight:600}.flow-node.solar .fn-head svg{color:var(--solar-ink)}.flow-node.battery .fn-head svg{color:var(--battery-ink)}.flow-node.load .fn-head svg{color:var(--load-ink)}.flow-node.grid .fn-head svg{color:var(--import-ink)}.flow-node.inverter .fn-head svg{color:var(--green)}.node-live-dot{position:absolute;z-index:5;top:7px;right:7px;width:9px;height:9px;border:2px solid #fffdf5;border-radius:50%;background:var(--success);animation:live-ripple 1.6s ease-in-out infinite}@keyframes equipment-breathe{0%,to{transform:scale(1.02) translateY(0)}50%{transform:scale(1.035) translateY(-3px)}}@keyframes live-ripple{0%,to{transform:scale(.82);opacity:.55}50%{transform:scale(1.2);opacity:1}}.flow-orbits{position:absolute;z-index:1;left:-2px;top:2px;width:48%;aspect-ratio:1;pointer-events:none}.flow-orbits .orbit-one,.flow-orbits .orbit-two{position:absolute;top:4%;right:4%;bottom:4%;left:4%;display:block;border:2px dashed #d7b84d;border-radius:50%;animation:orbit-spin 8s linear infinite}.flow-orbits .orbit-two{top:15%;right:15%;bottom:15%;left:15%;border-color:#7fb893;animation-duration:5.5s;animation-direction:reverse}.flow-orbits .orbit-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#f1cd52;animation:orbit-pop 1.8s ease-in-out infinite}.flow-orbits .spark-one{top:3%;left:47%}.flow-orbits .spark-two{right:5%;bottom:22%;animation-delay:-.9s;background:#89c49d}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-pop{0%,to{transform:scale(.65);opacity:.42}50%{transform:scale(1.3);opacity:1}}.mobile-flow-canvas{position:relative;display:grid;gap:0;padding:12px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#143c30}.mobile-flow-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.2;filter:saturate(.55) brightness(.58);pointer-events:none}.mobile-flow-canvas>*:not(.mobile-flow-scene){position:relative;z-index:2}.mobile-flow-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-flow-node{position:relative;min-width:0;min-height:184px;display:flex;flex-direction:column;overflow:visible;background:transparent;border:0;border-radius:13px;transition:transform .18s ease}.mobile-flow-node:active{transform:scale(.985)}.mobile-flow-node.is-active{border-color:#b8d8c2}.mobile-flow-node.featured{min-height:194px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(108px,.82fr);align-items:center}.mobile-flow-asset{min-height:104px;display:grid;place-items:center;overflow:visible;background:transparent}.mobile-flow-asset img{width:100%;height:100%;display:block;object-fit:contain}.mobile-flow-node.is-active .mobile-flow-asset img{animation:equipment-breathe 3.6s ease-in-out infinite}.mobile-flow-node.featured .mobile-flow-asset{height:100%;min-height:170px}.mobile-flow-copy{position:relative;z-index:3;min-width:0;display:flex;flex-direction:column;gap:4px;margin:0 3px 3px;padding:10px;border:1px solid #d8d4c7;border-radius:10px;background:#faf7ee}.mobile-flow-node.featured .mobile-flow-copy{margin:8px 6px 8px 0}.mobile-orbits{left:3%;top:14%;width:38%}.mfn-name{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10.5px;font-weight:700;letter-spacing:.055em;line-height:1.2;text-transform:uppercase;color:var(--ink-2)}.mfn-name svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-flow-node.solar .mfn-name{color:var(--solar-ink)}.mobile-flow-node.grid .mfn-name{color:var(--import-ink)}.mobile-flow-node.load .mfn-name{color:var(--load-ink)}.mobile-flow-node.battery .mfn-name{color:var(--battery-ink)}.mobile-flow-node.inverter .mfn-name{color:var(--green)}.mfn-value{font-size:18px;font-weight:680;line-height:1.1;overflow-wrap:anywhere}.mobile-flow-node.grid .mfn-value{font-size:16px}.mfn-detail{font-size:12px;line-height:1.25}.mobile-flow-pair.routes{gap:10px}.mobile-flow-route{position:relative;height:62px;display:grid;place-items:center;color:var(--ink-2)}.mfr-line{position:absolute;top:0;bottom:0;left:50%;border-left:3px dashed var(--border-strong)}.mobile-flow-route.active .mfr-line{width:4px;border:0;border-radius:3px;background:currentColor}.mobile-flow-route.active.solar{color:var(--solar-ink)}.mobile-flow-route.active.grid{color:var(--import-ink)}.mobile-flow-route.active.load{color:var(--load-ink)}.mobile-flow-route.active.battery{color:var(--battery-ink)}.mfr-dot{position:absolute;z-index:2;top:-2px;left:calc(50% - 4px);width:8px;height:8px;border:2px solid var(--surface);border-radius:50%;background:currentColor;animation:mobile-flow-v 1.9s linear infinite}.mobile-flow-route.reverse .mfr-dot{animation-direction:reverse}.mfr-dot.dot-two{animation-delay:-.95s}@keyframes mobile-flow-v{0%{top:-2px}to{top:calc(100% - 6px)}}.mfr-arrow{position:absolute;z-index:3;right:calc(50% + 7px);bottom:3px;font-size:11px}.mobile-flow-route.reverse .mfr-arrow{top:3px;bottom:auto}.mfr-label{position:relative;z-index:3;padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:#fffdf5;font-size:11px;font-weight:650;white-space:nowrap}.mobile-flow-pair.routes>.mobile-flow-route:nth-child(odd) .mfr-label{margin-left:54px}.mobile-flow-pair.routes>.mobile-flow-route:nth-child(2n) .mfr-label{margin-right:54px}.def-group+.def-group{margin-top:16px}.def-group-head{padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.def-row{display:flex;align-items:baseline;gap:14px;padding:8px 0;font-size:14.5px}.def-row+.def-row{border-top:1px solid var(--border)}.def-label{color:var(--ink-2)}.def-value{margin-left:auto;font-weight:620;text-align:right}.def-value.muted{color:var(--ink-3);font-weight:500}.explainer{margin-top:14px;border-top:1px solid var(--border)}.explainer>summary{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:620;color:var(--green);cursor:pointer}.explainer>summary::marker{color:var(--ink-3)}.explainer p{margin-top:6px;font-size:14px;line-height:1.6;color:var(--ink-2)}.explainer p+p{margin-top:10px}.explainer b{color:var(--ink)}.component-row{display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer}.component-row:hover{border-color:var(--border-strong);background:var(--surface)}.component-row .cr-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px}.component-row .cr-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}.component-row .cr-icon.has-image{width:64px;height:54px;overflow:visible;background:transparent}.component-row .cr-icon.has-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .22s ease}.component-row:hover .cr-icon.has-image img{transform:translateY(-3px) rotate(-1deg)}.component-row.solar .cr-icon{background:var(--solar-bg);color:var(--solar-ink)}.component-row.battery .cr-icon{background:var(--battery-bg);color:var(--battery-ink)}.component-row.load .cr-icon{background:var(--load-bg);color:var(--load-ink)}.component-row.grid .cr-icon{background:var(--import-bg);color:var(--import-ink)}.component-row.solar .cr-icon.has-image,.component-row.battery .cr-icon.has-image,.component-row.load .cr-icon.has-image,.component-row.grid .cr-icon.has-image{background:transparent}.component-row .cr-copy{display:grid;gap:2px;min-width:0}.component-row .cr-name{font-size:15.5px;font-weight:650}.component-row .cr-sub{margin-top:2px;font-size:13.5px;color:var(--ink-2)}.component-row .cr-value{margin-left:auto;text-align:right;font-size:19px;font-weight:680;white-space:nowrap}.component-row .cr-value small{font-size:13px;font-weight:600;color:var(--ink-2)}.component-row .cr-chev{width:18px;height:18px;flex:0 0 auto;color:var(--ink-3);stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.kpi .kpi-cap{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-2)}.kpi .kpi-value{margin-top:5px;font-size:22px;font-weight:680}.kpi .kpi-value small{font-size:13px;font-weight:600;color:var(--ink-2);margin-left:3px}.kpi .kpi-delta{margin-top:3px;font-size:12.5px;font-weight:620;color:var(--ink-2)}.kpi .kpi-delta.up{color:var(--success)}.kpi .kpi-delta.down{color:var(--warning)}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius);background:var(--surface)}.alert-item svg{width:20px;height:20px;flex:0 0 auto;margin-top:2px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.alert-item.fault{border-left-color:var(--danger);color:var(--danger)}.alert-item.warning{border-left-color:var(--warning);color:var(--warning)}.alert-item.info{border-left-color:var(--ink-3);color:var(--ink-2)}.alert-item .ai-body{min-width:0;color:var(--ink)}.alert-item .ai-title{font-size:15.5px;font-weight:650}.alert-item .ai-detail{margin-top:4px;font-size:14px;line-height:1.5;color:var(--ink-2)}.alert-item .ai-action{margin-top:8px;font-size:14px;line-height:1.5}.alert-item .ai-action b{font-weight:650}.alert-item .ai-code{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:999px;background:var(--surface-sunk);font-size:12.5px;font-weight:650;color:var(--ink-2)}.empty-state{display:grid;justify-items:center;gap:8px;padding:34px 20px;text-align:center}.empty-state svg{width:34px;height:34px;color:var(--success);stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.empty-state b{font-size:16px;font-weight:650}.empty-state span{font-size:14px;color:var(--ink-2);max-width:46ch}.field{display:grid;gap:6px}.field+.field,.field-row+.field,.field+.field-row,.field-row+.field-row{margin-top:16px}.field-label{font-size:14.5px;font-weight:620}.field-hint{display:block;margin-top:3px;font-size:13px;font-weight:450;line-height:1.45;color:var(--ink-2)}.field-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.field-row>.field-label{flex:1 1 220px;min-width:0}.field-row>.field-control{flex:0 1 auto;max-width:100%;margin-left:auto}.field-row>.field-control.wide{flex:1 1 260px}.input{min-height:44px;width:100%;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:15px}.input:disabled{background:var(--surface-sunk);color:var(--ink-3)}.input.w-sm{max-width:130px}.input-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}.input-group .input{width:auto;flex:1 1 170px;min-width:130px}.input-group .input.w-sm{flex:0 1 130px}.input-addon{min-height:44px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunk);font-size:14px;font-weight:600;color:var(--ink-2)}.saved-flag{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:620;color:var(--success)}.saved-flag svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.validation{font-size:13px;font-weight:600;color:var(--danger)}.btn{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:15px;font-weight:620;cursor:pointer}.btn:hover{background:var(--surface-sunk)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:var(--green-dark)}.btn.danger{background:var(--surface);border-color:#e2b3af;color:var(--danger)}.btn.danger:hover{background:var(--danger-bg)}.btn.ghost{border-color:transparent;background:transparent;color:var(--green)}.btn.ghost:hover{background:var(--surface-sunk)}.btn.sm{min-height:44px;padding:0 13px;font-size:14px}.btn svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.danger-zone{border-color:#e2b3af;background:var(--danger-bg)}.danger-zone .card-heading h2{color:var(--danger)}.danger-zone .card-heading>svg{color:var(--danger)}.danger-zone .dz-item{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:12px 0}.danger-zone .dz-item+.dz-item{border-top:1px solid #eecac6}.danger-zone .dz-copy{flex:1 1 240px;min-width:0}.danger-zone .dz-copy b{font-size:15px;font-weight:650}.danger-zone .dz-copy span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:#7a4b46}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#13251e73}.modal{width:min(440px,100%);padding:22px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-float)}.modal h2{font-size:19px;font-weight:680}.modal p{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.settings-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:22px;align-items:start}.settings-nav{display:grid;gap:2px;position:sticky;top:16px}.settings-nav button{min-height:44px;padding:0 12px;display:flex;align-items:center;gap:9px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);font-size:14.5px;font-weight:600;text-align:left;cursor:pointer}.settings-nav button:hover{background:var(--surface-sunk);color:var(--ink)}.settings-nav button[aria-current=true]{background:var(--surface);border:1px solid var(--border);color:var(--ink)}.settings-nav button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}.settings-panels{display:grid;gap:18px}.skeleton{display:block;border-radius:8px;background:var(--surface-sunk);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.keygate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.keygate-card{width:min(400px,100%);display:grid;gap:12px;justify-items:center;padding:30px 26px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.keygate-card h1{font-size:21px;font-weight:680}.keygate-card p{font-size:14.5px;line-height:1.5;color:var(--ink-2)}.keygate-card .keygate-error{color:var(--danger)}.keygate-card .input,.keygate-card .btn{width:100%}.keygate-card .brand-mark{width:46px;height:46px}.ptr{position:fixed;top:0;left:50%;z-index:45;display:flex;align-items:center;gap:8px;padding:7px 14px;margin-left:-90px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-float);font-size:13px;font-weight:600;color:var(--ink-2)}.ptr svg{width:16px;height:16px;fill:none;stroke:var(--green);stroke-width:2.4;stroke-dasharray:40;stroke-dashoffset:12;stroke-linecap:round}.ptr .ptr-spin.busy{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1279px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.page{padding:22px 24px 40px}}@media (max-width: 1023px){.app-shell{grid-template-columns:minmax(0,1fr)}.page{padding:18px 20px 36px}.grid-3,.grid-4,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-nav{position:static;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.flow-node .fn-value{font-size:17px}.flow-node{padding:10px}.visual-hero-panel{width:min(420px,48%)}.visual-hero-art.primary{right:1%}.visual-hero-art.secondary{right:30%}}@media (max-width: 900px){.grid-2,.overview-story-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 767px){.page{padding:14px 16px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 24px);gap:16px}.page-head h1{font-size:28px}.page-head .subtitle{font-size:15px}.page-head-right{margin-left:0;width:100%}.tile-sub,.tile-foot,.data-note,.field-hint,.source-legend>span,.chart-legend,.insight,.component-row .cr-sub{font-size:14px}.bar-scale,.batt-scale,.kpi .kpi-cap,.kpi .kpi-delta{font-size:13px}.tile-grid,.grid-3,.grid-4,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:15px;border-radius:12px}.tile{padding:12px;gap:6px}.tile-value{font-size:23px}.tile-head h3{font-size:12.5px}.tile-sub{font-size:13px}.field-row>.field-control{margin-left:0;width:100%}.field-row>.field-control.stretch .segmented{width:100%}.field-row>.field-control.stretch .segmented button{flex:1 1 0}.bar-row{grid-template-columns:1fr;gap:4px}.bar-row .bar-val{text-align:left}.source-legend small{min-width:0}.toolbar{padding:10px 12px;gap:10px}.toolbar .toolbar-end{margin-left:0;width:100%}.modal{padding:18px}.component-row{padding:13px 14px;gap:11px}.component-row .cr-value{font-size:17px}.component-row .cr-icon.has-image{width:54px;height:48px}.visual-hero{min-height:720px;border-radius:18px}.visual-hero.overview{min-height:830px}.visual-hero-scene{inset:0 0 auto;height:245px;object-position:center!important}.visual-hero-panel{top:170px;left:12px;right:12px;width:auto;padding:18px;border-radius:15px}.visual-hero.overview .visual-hero-panel h2{font-size:25px}.visual-hero-panel h2{font-size:31px}.visual-hero-art.primary,.visual-hero-art.secondary{top:8px;bottom:auto;height:175px}.visual-hero-art.primary{right:0;width:46%}.visual-hero-art.secondary{right:40%;width:26%}.visual-hero.solar .visual-hero-art.primary{right:1%;width:59%;height:175px}.visual-hero.battery .visual-hero-art.primary{right:3%;width:37%;height:180px}.visual-hero.grid .visual-hero-art.primary{right:0;width:45%;height:175px}.visual-hero.grid .visual-hero-art.secondary{right:41%;width:25%;height:175px}.visual-hero.devices .visual-hero-art.primary{right:2%;width:35%;height:178px}.visual-hero.devices .visual-hero-art.secondary{right:34%;width:25%;height:170px}.visual-hero-metrics{left:10px;right:10px;bottom:10px}.visual-hero-metrics>.kpi-row,.visual-hero-metrics:not(:has(>.kpi-row)){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visual-hero-metrics .tile,.visual-hero-metrics .kpi{min-height:98px}.visual-hero-metrics .tile{padding:10px}.visual-hero-metrics .tile-foot{font-size:12px}.visual-hero-metrics .kpi .kpi-value{font-size:18px}.overview-destinations{grid-template-columns:minmax(0,1fr)}.visual-destination{min-height:150px}.visual-destination .destination-art{width:48%;height:120px}.backup-story{padding-right:120px}.story-art{width:130px}.live-flow-card{padding:12px}.mobile-flow-canvas{padding:8px}.mobile-flow-node{min-height:176px}}@media (max-width: 400px){.page{padding-left:13px;padding-right:13px}.tile-value{font-size:21px}.tile-head h3{font-size:12px}.segmented button{padding:0 10px;min-width:40px}.kpi .kpi-value{font-size:19px}.visual-hero.overview{min-height:850px}.visual-hero{min-height:735px}.visual-hero-panel{padding:16px}.visual-hero-panel h2{font-size:28px}.visual-hero.overview .visual-hero-panel h2{font-size:23px}.visual-hero-metrics .tile-value{font-size:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.pf-flow-dot,.wire-dot,.mfr-dot,.node-live-dot,.wire-chevrons,.flow-orbits{display:none}}@media print{.sidebar,.topbar,.bottom-nav,.sheet,.drawer,.ptr{display:none!important}.app-shell{grid-template-columns:1fr}.card{break-inside:avoid}}.overview-flow-hero{display:grid;gap:14px}.overview-flow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:2px 4px 0}.overview-flow-heading>div{min-width:0}.overview-flow-heading h2{max-width:760px;margin-top:7px;font:600 28px/1.08 Georgia,Times New Roman,serif;letter-spacing:-.025em}.overview-flow-heading>div>p:last-child{margin-top:7px;color:var(--ink-2);font-size:14px}.overview-flow-heading .visual-hero-kicker{margin-top:12px;color:#986c00}.overview-flow-heading .visual-hero-status{color:var(--success);border-color:#b9d9c3;background:#ecf7ef}.overview-flow-heading .visual-hero-status.warning,.overview-flow-heading .visual-hero-status.fault,.overview-flow-heading .visual-hero-status.offline{color:var(--warning);border-color:#e8cfae;background:var(--warning-bg)}.power-scene{--scene-solar: #f4a900;--scene-battery: #27b65f;--scene-load: #2792ff;--scene-grid: #9099a3;position:relative;width:100%;margin:0;aspect-ratio:16 / 9;min-height:0;overflow:hidden;isolation:isolate;border:1px solid rgba(75,91,99,.22);border-radius:24px;background:#edf1f7;box-shadow:0 24px 60px #22334221}.power-scene.night{--scene-grid: #eef2f8;background:#0e1d33;border-color:#b8cbe233;box-shadow:0 26px 70px #07122247}.power-scene picture,.power-scene-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block}.power-scene-image{object-fit:cover;object-position:center}.power-scene-routes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.power-scene-routes.mobile-routes{display:none}.power-route-rail,.power-route-energy,.inverter-orbit{fill:none;vector-effect:non-scaling-stroke}.power-route-rail{stroke:#68747d94;stroke-width:2.4;stroke-dasharray:.045 .035;stroke-linecap:round}.night .power-route-rail{stroke:#e4ebf494}.power-route-energy{stroke-width:3.6;stroke-linecap:round;stroke-dasharray:.11 .035;animation:scene-flow-dash 1.35s linear infinite}.power-route.solar .power-route-energy{stroke:var(--scene-solar);filter:drop-shadow(0 0 5px #ffcf52)}.power-route.battery .power-route-energy{stroke:var(--scene-battery);filter:drop-shadow(0 0 5px #4de885)}.power-route.load .power-route-energy{stroke:var(--scene-load);filter:drop-shadow(0 0 6px #5cb0ff)}.power-route.grid .power-route-energy{stroke:var(--scene-grid);filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.power-route-arrow.solar,.power-route.solar .power-route-particle{fill:var(--scene-solar)}.power-route-arrow.battery,.power-route.battery .power-route-particle{fill:var(--scene-battery)}.power-route-arrow.load,.power-route.load .power-route-particle{fill:var(--scene-load)}.power-route-arrow.grid,.power-route.grid .power-route-particle{fill:var(--scene-grid)}.power-route-particle{vector-effect:non-scaling-stroke;stroke:#ffffffeb;stroke-width:1.5;filter:drop-shadow(0 0 5px currentColor)}@keyframes scene-flow-dash{to{stroke-dashoffset:-.145}}.inverter-orbit{stroke:#ffc550eb;stroke-width:2.2;stroke-dasharray:11 10;transform-origin:center;transform-box:fill-box;animation:scene-orbit 9s linear infinite;filter:drop-shadow(0 0 4px rgba(255,193,67,.65))}.inverter-orbit.inner{stroke:#ffffffeb;stroke-dasharray:7 12;animation-duration:6s;animation-direction:reverse}@keyframes scene-orbit{to{transform:rotate(360deg)}}.power-scene-time{position:absolute;z-index:5;top:3.2%;right:2.2%;min-height:42px;display:flex;align-items:center;gap:9px;padding:5px 6px 5px 13px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:#fafbfcc7;color:#29343e;box-shadow:0 8px 24px #222f3d17;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:13px;font-weight:650}.night .power-scene-time{color:#f5f7fb;border-color:#ffffff2e;background:#374255c7}.power-scene-time>svg{width:18px;height:18px}.power-scene-time button{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:0;border-radius:999px;background:#ffffffa8;color:inherit;font:inherit;cursor:pointer}.night .power-scene-time button{background:#ffffff1f}.power-scene-time button:hover{background:#fff}.night .power-scene-time button:hover{background:#fff3}.power-scene-time button svg{width:17px;height:17px;color:#e9a700}.night .power-scene-time button svg{color:#9eb6ff}.power-value-pill{position:absolute;z-index:5;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;transform:translate(-50%,-50%);border:1px solid currentColor;border-radius:999px;background:#ffffffdb;box-shadow:0 5px 18px #1523321f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.1;white-space:nowrap}.night .power-value-pill{background:#18273ddb}.power-value-pill strong{font-size:13px;font-weight:750;color:currentColor}.power-value-pill small{font-size:9px;font-weight:650;color:#59656c;text-transform:uppercase;letter-spacing:.04em}.night .power-value-pill small{color:#d6dfec}.power-value-pill.solar{color:#b47800}.night .power-value-pill.solar{color:#ffc43d}.power-value-pill.battery{color:#188447}.night .power-value-pill.battery{color:#54e489}.power-value-pill.load{color:#126bbd}.night .power-value-pill.load{color:#69b8ff}.power-value-pill.grid{color:#5f6970}.night .power-value-pill.grid{color:#edf2f9}.power-value-pill.inverter{color:#218148}.power-value-pill.solar-value{left:48%;top:30.5%}.power-value-pill.grid-value{left:30%;top:50%}.power-value-pill.load-value{left:63%;top:50%}.power-value-pill.battery-value{left:48%;top:68.5%}.power-value-pill.inverter-value{left:48%;top:61.5%}.power-scene-dock{position:absolute;z-index:5;left:3.5%;bottom:5.2%;display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));padding:9px;border:1px solid rgba(255,255,255,.48);border-radius:18px;background:#fafbfcb8;box-shadow:0 12px 36px #222f3d1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.night .power-scene-dock{border-color:#ffffff2e;background:#233146b8;color:#f7f9fc}.dock-reading{min-width:0;display:flex;align-items:center;gap:8px;padding:3px 10px}.dock-reading+.dock-reading{border-left:1px solid rgba(103,118,126,.24)}.night .dock-reading+.dock-reading{border-color:#ffffff26}.dock-reading i{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff}.dock-reading i svg{width:16px;height:16px}.dock-reading.load i{background:var(--scene-load)}.dock-reading.battery i{background:var(--scene-battery)}.dock-reading.solar i{background:var(--scene-solar)}.dock-reading>span{min-width:0;display:flex;flex-direction:column;line-height:1.15}.dock-reading small{color:var(--ink-2);font-size:10px}.night .dock-reading small{color:#cbd6e6}.dock-reading strong{font-size:12px;white-space:nowrap}.live-flow-card{padding:0;overflow:visible;border:0;background:transparent}.live-flow-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px;padding:0 4px}.live-flow-intro .card-heading{flex:0 0 auto}.live-flow-intro .flow-summary{margin-left:auto;color:var(--ink-2);font-size:14px;text-align:right}.live-flow-card>.data-note{padding-inline:4px}.visual-hero:not(.overview){min-height:448px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);grid-template-rows:auto 1fr;grid-template-areas:"panel scene" "metrics scene";isolation:isolate;border-color:#d5d7ce;background:#f4f1e8}.visual-hero:not(.overview) .visual-hero-scene{position:static;grid-area:scene;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.visual-hero:not(.overview) .visual-hero-panel{position:static;grid-area:panel;z-index:1;width:auto;padding:28px 26px 20px;border:0;border-radius:0;background:transparent;color:var(--ink)}.visual-hero:not(.overview) .visual-hero-panel h2{color:var(--ink);font-size:36px}.visual-hero:not(.overview) .visual-hero-panel h2 small{color:var(--ink-2)}.visual-hero:not(.overview) .visual-hero-panel>p:not(.visual-hero-kicker){color:var(--ink-2)}.visual-hero:not(.overview) .visual-hero-panel .visual-hero-note{border-color:#d5d7ce;color:var(--ink)}.visual-hero:not(.overview) .visual-hero-kicker{color:#986c00}.visual-hero:not(.overview) .visual-hero-status{color:var(--success);border-color:#b9d9c3;background:#ecf7ef}.visual-hero:not(.overview) .visual-hero-status.warning,.visual-hero:not(.overview) .visual-hero-status.fault,.visual-hero:not(.overview) .visual-hero-status.offline{color:var(--warning);border-color:#e8cfae;background:var(--warning-bg)}.visual-hero:not(.overview) .visual-hero-status.idle{color:var(--ink-2);border-color:#ccd1ce;background:#ffffff9e}.visual-hero:not(.overview) .visual-hero-metrics{position:static;grid-area:metrics;z-index:1;align-self:end;padding:0 26px 24px}.visual-hero:not(.overview) .visual-hero-metrics>.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.visual-hero:not(.overview) .visual-hero-metrics .kpi{min-height:82px;padding:13px 0;border:0;border-top:1px solid #d5d7ce;border-radius:0;background:transparent}.visual-hero:not(.overview) .visual-hero-battery .batt-scale{color:var(--ink-2)}.visual-hero-art{display:none}.backup-story{padding-right:20px;background:#e6eee5}.visual-destination{min-height:220px;align-items:flex-end;padding:0;border:1px solid #d1d6d3;border-radius:20px;background:#eef1ef;box-shadow:0 10px 30px #2a3a3f12}.visual-destination .destination-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.visual-destination:hover .destination-scene{transform:scale(1.025)}.visual-destination .cr-copy{margin:0 0 14px 14px;padding:9px 12px;border:1px solid rgba(255,255,255,.65);border-radius:12px;background:#ffffffd1;box-shadow:0 6px 18px #27343a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.visual-destination .cr-chev{z-index:2;width:34px;height:34px;margin:0 14px 14px auto;padding:8px;border-radius:50%;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width: 900px){.live-flow-intro{display:grid;align-items:start}.live-flow-intro .flow-summary{margin:0;text-align:left}}@media (max-width: 767px){.overview-flow-heading{display:grid;align-items:start;gap:12px}.overview-flow-heading h2{font-size:24px}.power-scene,.power-scene.compact{aspect-ratio:2 / 3;border-radius:20px}.power-scene-routes.desktop-routes{display:none}.power-scene-routes.mobile-routes{display:block}.power-scene-time{top:2.2%;right:3%;min-height:38px;font-size:11px}.power-scene-time button{min-height:31px;padding-inline:8px}.power-value-pill{min-width:64px;padding:4px 8px}.power-value-pill strong{font-size:11px}.power-value-pill small{font-size:8px}.power-value-pill.solar-value{left:50%;top:27.7%}.power-value-pill.grid-value{left:30%;top:46.4%}.power-value-pill.load-value{left:70%;top:46.4%}.power-value-pill.battery-value{left:50%;top:64%}.power-value-pill.inverter-value{left:50%;top:55.5%}.power-scene-dock{left:3%;right:3%;bottom:2.2%;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px}.dock-reading{justify-content:center;gap:5px;padding:2px 4px}.dock-reading i{width:24px;height:24px}.dock-reading i svg{width:13px;height:13px}.dock-reading small{font-size:8px}.dock-reading strong{font-size:10px}.visual-hero:not(.overview){min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:250px auto auto;grid-template-areas:"scene" "panel" "metrics"}.visual-hero:not(.overview) .visual-hero-panel{top:auto;left:auto;right:auto;padding:22px 20px 14px}.visual-hero:not(.overview) .visual-hero-panel h2{font-size:30px}.visual-hero:not(.overview) .visual-hero-metrics{left:auto;right:auto;bottom:auto;padding:0 20px 20px}.visual-hero:not(.overview) .visual-hero-metrics>.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-destination{min-height:210px}}@media (max-width: 400px){.power-scene-time{gap:4px;font-size:10px}.power-scene-time button{padding-inline:7px;font-size:10px}.power-scene-dock{border-radius:14px}.dock-reading i{display:none}}@media (prefers-reduced-motion: reduce){.power-route-particle{display:none}.power-route-energy,.inverter-orbit,.destination-scene{animation:none!important;transition:none!important}}