:root{--bg: #f5f7f9;--surface: #ffffff;--text: #17222b;--muted: #64748b;--border: #e3e8ee;--card-head: #ccd7e2;--brand: #0b7285;--brand-dark: #095c6b;--brand-ink: #0b7285;--accent: #0ca678;--danger: #e03131;--warn: #e8a30c;--on: #0ca678;--off: #adb5bd;--shadow: 0 1px 2px rgba(16, 30, 43, .06), 0 4px 16px rgba(16, 30, 43, .05);--radius: 14px;--topbar-bg: rgba(255, 255, 255, .9);--field-bg: #ffffff;--hover-bg: #f1f4f7;--card-hover-border: #cfd8e0;--focus-ring: rgba(11, 114, 133, .12);--auth-glow: #e6f2f4;--selected-bg: #f2f9fa;--ok-bg: #eef7f1;--ok-text: #14663f;--ok-border: #cfe9d9;--danger-bg: #fdeceb;--danger-text: #b02523;--danger-border: #f7cdca;--hint-bg: #f1f6f7;--hint-border: #dbe9ec;--on-soft: #e6f6ef;--on-border: #bfe6d3;--off-soft: #eef1f4;--off-text: #7b8794;--pill-bg: #eef6f7;--pill-border: #d8ebee;--demo-bg: #fff4e6;--demo-text: #b45309;--demo-border: #ffe3bf;--stat-accent-bg: linear-gradient(180deg, #0b7285 0%, #0a6373 100%);--stat-accent-fg: #ffffff;--stat-accent-border: transparent;--chart-grad: linear-gradient(180deg, #16a394 0%, #0b7285 100%);--gauge-arc: #a8bac9;--live-head-bg: linear-gradient(180deg, #fbeddc 0%, #f7e3c6 100%);--live-border: #ecd9b8;--live-watts: #b45309;--live-glow-lo: rgba(217, 119, 6, .1);--live-glow-hi: rgba(217, 119, 6, .5);--watt-glow: 224, 138, 30;--ghost-border: #a8b8c6;--ghost-bg: rgba(255, 255, 255, .55);--sk-base: #e8edf2;--sk-sheen: rgba(255, 255, 255, .6);--money-green: #35e388;--money-glow: rgba(53, 227, 136, .4)}:root[data-theme=dark]{color-scheme:dark;--bg: #0d1211;--surface: #151c1a;--text: #e6eeea;--muted: #93a69f;--border: #232f2b;--card-head: #1a2421;--brand: #0d7f95;--brand-dark: #0a6a7d;--brand-ink: #52c7da;--accent: #35e388;--danger: #ff6b64;--warn: #f5b83d;--on: #35e388;--off: #5c6b65;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 18px rgba(0, 0, 0, .3);--topbar-bg: rgba(13, 18, 17, .85);--field-bg: #101715;--hover-bg: #1c2623;--card-hover-border: #33413b;--focus-ring: rgba(82, 199, 218, .18);--auth-glow: #13211e;--selected-bg: #122225;--ok-bg: #12271c;--ok-text: #74e5a8;--ok-border: #1f4632;--danger-bg: #2a1514;--danger-text: #ff9992;--danger-border: #4a2320;--hint-bg: #151f1d;--hint-border: #24332e;--on-soft: rgba(53, 227, 136, .12);--on-border: rgba(53, 227, 136, .35);--off-soft: #1f2926;--off-text: #93a69f;--pill-bg: #14211f;--pill-border: #263630;--demo-bg: #292013;--demo-text: #ffb35c;--demo-border: #4a3a1e;--stat-accent-bg: linear-gradient(180deg, #14332a 0%, #0f2620 100%);--stat-accent-fg: #e6eeea;--stat-accent-border: rgba(53, 227, 136, .3);--chart-grad: linear-gradient(180deg, #35e388 0%, #157a51 100%);--gauge-arc: #3e4d47;--live-head-bg: linear-gradient(180deg, #262015 0%, #1e1a11 100%);--live-border: #40331d;--live-watts: #ffc46b;--live-glow-lo: rgba(255, 196, 107, .12);--live-glow-hi: rgba(255, 196, 107, .5);--watt-glow: 255, 190, 90;--ghost-border: #3a4a44;--ghost-bg: rgba(21, 28, 26, .55);--sk-base: #1b2522;--sk-sheen: rgba(255, 255, 255, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;margin:.2rem 0 .4rem}h2{margin:0}a{color:var(--brand-ink);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:.82rem}.screen-center{padding:3rem 0;text-align:center}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{font-size:1.25rem}.brand-name{letter-spacing:-.02em}.brand-sm{font-size:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.2rem}.auth-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(1200px 500px at 50% -10%,var(--auth-glow) 0%,var(--bg) 55%)}.auth-card{width:100%;max-width:400px;padding:1.6rem}.onboarding-card{width:100%;max-width:520px;padding:1.6rem}.auth-card h1,.onboarding-card h1{margin-top:.8rem}.form{display:flex;flex-direction:column;gap:.85rem;margin-top:1.1rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text)}input,select{font:inherit;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--field-bg);color:var(--text);font-weight:400;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--brand-ink);box-shadow:0 0 0 3px var(--focus-ring)}.row{display:flex;gap:.6rem}.grow{flex:1}.state-field{width:84px}.zip-field{width:110px}.btn{font:inherit;font-weight:600;border:1px solid transparent;border-radius:10px;padding:.6rem .9rem;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--hover-bg)}.btn-sm{padding:.4rem .7rem;font-size:.85rem}.hint{margin-top:.9rem;font-size:.82rem;color:var(--muted);background:var(--hint-bg);border:1px solid var(--hint-border);padding:.55rem .7rem;border-radius:10px}.switch-line{margin-top:1rem;text-align:center;font-size:.88rem}.alert{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);padding:.55rem .7rem;border-radius:10px;font-size:.85rem}.notice{background:var(--ok-bg);color:var(--ok-text);border:1px solid var(--ok-border);padding:.55rem .7rem;border-radius:10px;font-size:.85rem}.app{min-height:100%}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--topbar-bg);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:.6rem}.container{max-width:860px;margin:0 auto;padding:1.1rem 1rem 3rem;display:flex;flex-direction:column;gap:1.1rem}.section-title{font-size:1rem;margin-bottom:.6rem;color:var(--text)}.region-card{display:flex;align-items:center;justify-content:space-between;gap:1rem}.region-utility{font-size:1.15rem;font-weight:700;margin:.1rem 0}.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem .9rem}.stat-accent{background:var(--stat-accent-bg);border-color:var(--stat-accent-border)}.stat-accent .stat-value,.stat-accent .stat-label{color:var(--stat-accent-fg)}.stat-value{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat-label{font-size:.76rem;color:var(--muted);margin-top:.15rem}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}.device-card{color:var(--text);display:flex;flex-direction:column;padding:0;overflow:hidden}.device-card:hover{text-decoration:none;border-color:var(--card-hover-border)}.device-top{display:flex;flex-direction:column;gap:.7rem;background:var(--card-head);padding:1.05rem 1.2rem;border-bottom:1px solid var(--border)}.device-head{display:flex;align-items:flex-start;justify-content:space-between}.device-name{font-weight:700;display:flex;align-items:center;gap:.45rem}.device-icon{flex-shrink:0;opacity:.8}.device-now{display:flex;align-items:baseline;justify-content:space-between}.device-watts{font-size:1.5rem;font-weight:700;color:var(--brand-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.device-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.8rem 1.2rem 1rem}.metric-value{font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums}.metric-label{font-size:.7rem;color:var(--muted)}.badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;letter-spacing:.04em}.badge-on{background:var(--on-soft);color:var(--on)}.badge-off{background:var(--off-soft);color:var(--off-text)}.pill{display:inline-block;font-size:.72rem;font-weight:600;background:var(--pill-bg);color:var(--brand-ink);border:1px solid var(--pill-border);padding:.12rem .5rem;border-radius:999px}.pill-demo{background:var(--demo-bg);color:var(--demo-text);border-color:var(--demo-border)}.pill-live{background:var(--on-soft);color:var(--on);border-color:var(--on-border)}.pill-src{background:var(--off-soft);color:var(--muted);border-color:var(--border);text-transform:capitalize}.picker{border:1px dashed var(--border);border-radius:var(--radius);padding:.9rem}.picker-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.9rem;margin-bottom:.6rem}.utility-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.utility-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-weight:500}.utility-option.selected{border-color:var(--brand-ink);background:var(--selected-bg)}.utility-option input{width:auto;accent-color:var(--brand)}.u-name{font-weight:600}.u-meta{font-size:.76rem;color:var(--muted)}.back-link{font-size:.88rem;font-weight:600}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.detail-title{margin:0;display:flex;align-items:center;gap:.55rem}.detail-headline{flex:1;min-width:0}.name-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:-.65rem 0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.name-edit-btn:hover{background:var(--hover-bg);color:var(--text)}.name-input{flex:1;min-width:0;font:inherit;font-weight:inherit;padding:.05rem .4rem;margin:-.05rem 0 -.05rem -.45rem;border-radius:8px}.rename-error{margin-top:.15rem}.chart{display:flex;align-items:flex-end;gap:3px;height:140px}.chart-col{flex:1;height:100%;display:flex;align-items:flex-end}.chart-bar{width:100%;background:var(--chart-grad);border-radius:3px 3px 0 0;min-height:3px}.chart-axis{display:flex;justify-content:space-between;margin-top:.5rem}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:none}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-on{background:var(--on);box-shadow:0 0 0 3px var(--on-soft)}.dot-off{background:var(--off);box-shadow:0 0 0 3px var(--off-soft)}.timeline-body{display:flex;align-items:center;gap:.5rem}.timeline-state{font-weight:600;font-size:.9rem}@media (max-width: 560px){.totals{grid-template-columns:repeat(2,1fr)}.hide-sm{display:none}.device-grid{grid-template-columns:1fr}}.gauge-card{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:20px 24px}.gauge-ring{flex:0 0 auto;line-height:0}.gauge-num{fill:var(--text);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.gauge-unit{fill:var(--muted);font-size:8.5px;font-weight:500}.gauge-track{stroke:var(--border)}.gauge-progress{stroke:var(--gauge-arc)}.gauge-side{flex:1 1 auto;min-width:0}.gauge-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px}.gauge-stats{display:flex;flex-wrap:wrap;gap:20px 32px}.gauge-stat-val{font-size:22px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.gauge-stat-unit{font-size:13px;font-weight:600;color:var(--muted)}.gauge-stat-label{font-size:12px;color:var(--muted);margin-top:2px}.gauge-foot{margin-top:14px}.gauge-mostused{flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--ok-bg);border:1px solid var(--ok-border);border-radius:10px}.gauge-mostused-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.gauge-mostused-name{font-size:15px;font-weight:700;color:var(--brand-ink);margin-top:1px}.gauge-mostused-val{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width: 560px){.gauge-card{flex-direction:column;align-items:flex-start}.gauge-ring{align-self:center}}.money{display:inline-flex;white-space:nowrap;font-variant-numeric:tabular-nums}.money-char,.money-cell{display:block;height:1em;line-height:1em}.money-digit{display:block;height:1em;line-height:1em;overflow:hidden}.money-reel{display:block;transition:transform .25s ease;will-change:transform}.tile-live{position:relative;border-color:var(--live-border)}.tile-live .device-top{background:var(--live-head-bg);border-bottom-color:var(--live-border)}.tile-live .device-watts{color:var(--live-watts);animation:watts-breathe 2.5s ease-in-out infinite}@keyframes watts-breathe{0%,to{text-shadow:0 0 4px var(--live-glow-lo)}50%{text-shadow:0 0 16px var(--live-glow-hi)}}.watt-row{display:flex;flex-wrap:wrap;gap:.5rem}.watt-note{margin:.7rem 0 0}.ghost-tile{border:1.5px dashed var(--ghost-border);background:var(--ghost-bg);box-shadow:none}.ghost-tile .device-top{background:transparent;border-bottom:1px dashed var(--border)}.ghost-tile .device-name{color:var(--muted)}.ghost-badge{background:transparent;color:var(--off-text);border:1px dashed var(--ghost-border);letter-spacing:.08em}.ghost-meter{opacity:.8}.ghost-line{margin:0;padding:.85rem 1.2rem 1rem}.added-banner{background:var(--ok-bg);color:var(--ok-text);border:1px solid var(--ok-border);padding:.6rem .8rem;border-radius:10px;font-size:.9rem;font-weight:600;animation:added-banner-fade 4.5s ease forwards}@keyframes added-banner-fade{0%{opacity:0;transform:translateY(-6px)}6%{opacity:1;transform:none}78%{opacity:1}to{opacity:0}}.grid-sparkle{position:relative}.grid-sparkle>*{animation:tile-pulse 1.1s ease-out 1}@keyframes tile-pulse{0%{box-shadow:var(--shadow),0 0 #0ca67866}70%{box-shadow:var(--shadow),0 0 0 14px #0ca67800}to{box-shadow:var(--shadow),0 0 #0ca67800}}.grid-sparkle:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;background:radial-gradient(circle 3px at 12% 18%,rgba(12,166,120,.9),transparent 70%),radial-gradient(circle 2px at 78% 10%,rgba(11,114,133,.9),transparent 70%),radial-gradient(circle 2.5px at 55% 88%,rgba(12,166,120,.8),transparent 70%),radial-gradient(circle 2px at 30% 68%,rgba(11,114,133,.8),transparent 70%),radial-gradient(circle 3px at 92% 58%,rgba(12,166,120,.85),transparent 70%);animation:grid-twinkle 1.4s ease-out 1 forwards}@keyframes grid-twinkle{0%{opacity:0;transform:scale(.98)}25%{opacity:1}to{opacity:0;transform:scale(1.03)}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.theme-toggle:hover{background:var(--hover-bg);color:var(--text)}.skeleton{display:flex;flex-direction:column;gap:1.1rem}.sk{position:relative;display:block;overflow:hidden;border-radius:7px;background:var(--sk-base)}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--sk-sheen),transparent);animation:sk-shimmer 1.5s ease-in-out infinite}@keyframes sk-shimmer{to{transform:translate(100%)}}.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}.watt-row .btn{transition:background .15s,border-color .15s,opacity .15s,box-shadow .3s ease}.watt-glow-40{box-shadow:0 0 5px rgba(var(--watt-glow),.3)}.watt-glow-60{box-shadow:0 0 8px rgba(var(--watt-glow),.4)}.watt-glow-75{box-shadow:0 0 11px 1px rgba(var(--watt-glow),.5)}.watt-glow-100{box-shadow:0 0 15px 1px rgba(var(--watt-glow),.6)}.watt-glow-150{box-shadow:0 0 21px 2px rgba(var(--watt-glow),.75)}.watt-glow-200{box-shadow:0 0 28px 3px rgba(var(--watt-glow),.9)}:root[data-theme=dark] .money{color:var(--money-green);text-shadow:0 0 9px var(--money-glow)}@media (prefers-reduced-motion: reduce){.tile-live .device-watts{animation:none}.sk:after{animation:none}.money-reel{transition:none}}.projection-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}.projection-basis{margin-top:.35rem}.projection-track{height:6px;margin-top:.85rem;border-radius:999px;background:var(--border);overflow:hidden}.projection-fill{height:100%;border-radius:999px;background:var(--accent)}.projection-legend{display:flex;justify-content:space-between;gap:.6rem;margin-top:.35rem}.projection-empty{border:1.5px dashed var(--ghost-border);background:var(--ghost-bg);box-shadow:none}.projection-empty-line{margin:.3rem 0 0}