:root{--bg:#101b25;--panel:#172633;--panel2:#1c2e3c;--border:#2b3d4a;--text:#eef3f1;--muted:#9dafaF;--gold:#f3cd7f;--teal:#86d6c0;--violet:#b5a5db}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--teal);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1360px;margin:auto;padding:0 54px}header{height:103px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{color:var(--text);font-size:26px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.brand-mark{font-size:35px;color:var(--gold);font-weight:400}.brand-sub{letter-spacing:2px;font-size:9px;margin-left:10px;color:var(--muted);font-weight:500}.header-right{display:flex;gap:24px;align-items:center}.local-chip{font-size:12px;color:var(--muted)}.local-chip span{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:8px}.text-button{border:0;background:none;color:var(--muted);padding:8px;font-size:12px}.page-heading{padding:39px 0 30px;display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted);margin-bottom:14px}.page-heading h1{font-size:43px;line-height:1.13;font-weight:500;letter-spacing:-1.7px;margin:0}.refresh-button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:12px}.refresh-button:disabled{opacity:.5;cursor:wait}.refresh-area{text-align:right}.small{font-size:12px}.muted{color:var(--muted)}.hero{background:#213c3b;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #36554d;border-radius:15px;overflow:hidden;margin:8px 0 20px;min-height:242px}.hero-copy{padding:29px 34px}.light{color:#b4d7c7;display:flex;align-items:center;gap:7px}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--teal)}.status-dot.stale{background:var(--gold)}.hero h2{font-size:27px;line-height:1.25;letter-spacing:-.5px;margin:16px 0 11px;font-weight:500;max-width:390px}.hero p{color:#bfd3cc;font-size:13px;max-width:430px;margin:0 0 20px}.hero-tags{display:flex;flex-wrap:wrap;gap:7px}.hero-tags span{font-size:10px;border:1px solid #486057;padding:4px 8px;border-radius:5px;color:#cfdfd6}.flow{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;align-items:center;justify-items:center;gap:12px;padding:32px 32px 24px;position:relative}.flow:before{content:'';height:1px;background:#729184;position:absolute;left:22%;right:22%;top:45%;opacity:.5}.flow-node,.flow-home{z-index:1;background:#213c3b;display:flex;align-items:center;min-width:90px;flex-direction:column;font-size:11px;color:#bfd3cc}.flow-icon{border:1px solid #698579;border-radius:50%;font-size:28px;width:49px;height:49px;text-align:center;line-height:47px;margin-bottom:9px}.sun .flow-icon{color:var(--gold)}.battery .flow-icon{color:var(--violet)}.flow strong{font-size:18px;font-weight:500;color:var(--text);margin:3px 0}.flow small{font-size:10px;color:#a5c5b6}.flow-home>span:first-child{font-size:51px;line-height:62px;color:var(--teal)}.flow-grid{grid-column:1/4;border-top:1px solid #49675b;display:flex;gap:10px;padding-top:9px;font-size:12px;align-items:center}.flow-grid small{font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:19px 21px}.metric-label{font-size:12px;color:#becacb;display:flex;justify-content:space-between;align-items:center;gap:5px}.metric-symbol{font-size:20px}.gold{color:var(--gold)}.teal{color:var(--teal)}.violet{color:var(--violet)}.metric-value{font-size:37px;font-weight:500;letter-spacing:-1px;margin:9px 0 3px}.metric-value small{font-size:16px;color:var(--muted);font-weight:400;letter-spacing:0}.metric p{font-size:10px;color:var(--muted);margin:8px 0 0}.battery-track{height:4px;position:relative;background:#31424f;border-radius:3px;margin:5px 0 0}.battery-track span{display:block;height:100%;width:0;background:var(--violet);border-radius:3px}.battery-track i{position:absolute;left:20%;top:-3px;height:10px;width:1px;background:var(--text)}.grid-totals{display:flex;gap:22px;margin-top:16px}.grid-totals strong{display:block;font-size:25px;font-weight:500}.grid-totals span{font-size:10px;color:var(--muted)}.planning{padding:39px 0 25px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:19px}.section-title .eyebrow{margin-bottom:7px}h2{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:0}.outline-chip{border:1px solid var(--border);border-radius:5px;padding:5px 10px;font-size:10px;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column}.plan-card-top{display:flex;gap:12px;align-items:center;margin-bottom:20px}.plan-icon{border-radius:9px;background:#263b44;color:var(--teal);font-size:24px;width:42px;height:42px;text-align:center;line-height:42px}.plan-card h3{margin:0;font-size:17px;font-weight:500}.plan-card-top small{display:block;font-size:10px;color:var(--muted)}.plan-badge{align-self:flex-start;font-size:10px;border:1px solid var(--border);border-radius:5px;padding:5px 8px;color:var(--muted);margin-bottom:9px}.plan-badge.good{color:var(--teal);border-color:#436559;background:#203c35}.plan-badge.warn{color:var(--gold);border-color:#645a3e;background:#39352a}.plan-description{font-size:12px;color:#afbec3;margin:0 0 17px;min-height:57px}.plan-window{border-top:1px solid var(--border);padding:14px 0;color:var(--text);font-size:14px;margin-top:auto}.plan-window small{display:block;font-size:10px;color:var(--muted)}.plan-power{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}select{max-width:160px;border:1px solid #3a4b58;border-radius:5px;color:#e0e9e8;background:#1d303d;padding:5px 7px;font-size:11px}.charts{display:grid;grid-template-columns:1.8fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px}.panel-top{display:flex;justify-content:space-between;gap:16px}.panel-top .eyebrow,.week-panel .eyebrow{margin-bottom:8px}.legend{font-size:10px;display:flex;gap:12px;align-items:center;color:var(--muted);white-space:nowrap}.legend i{display:inline-block;height:6px;width:6px;border-radius:2px;margin-right:5px}.gold-bg{background:var(--gold)}.teal-bg{background:var(--teal)}.chart{height:218px;margin-top:22px}.chart svg{width:100%;height:100%;overflow:visible}.chart-footer{border-top:1px solid var(--border);padding-top:10px;display:flex;justify-content:space-between;gap:15px}.chart-footer p{font-size:10px;color:var(--muted);margin:0}.chart-footer p:last-child{text-align:right;white-space:nowrap;color:var(--teal)}.week-chart{display:flex;align-items:flex-end;height:190px;gap:10px;margin:25px 0 19px}.week-column{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;flex:1;height:100%;gap:6px;min-width:0}.week-column strong{font-size:10px;font-weight:400;color:var(--muted)}.week-column .bar{width:100%;max-width:39px;min-height:2px;background:#4c8379;border-radius:5px 5px 1px 1px}.week-column.current .bar{background:var(--gold)}.week-column small{font-size:10px;color:var(--muted)}.week-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding-top:14px;font-size:12px;color:var(--muted)}.week-bottom strong{color:var(--text);font-size:19px;font-weight:500}.footer-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:21px 0 30px}.footer-cards h3{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:0 0 11px}.footer-cards p{color:#b8c5c8;font-size:12px;margin:10px 0}.footer-cards .muted{color:var(--muted);font-size:11px}.footer-cards a{font-size:11px}.notice{padding:12px 18px;border:1px solid #665c40;border-radius:8px;background:#383427;color:var(--gold);margin-bottom:18px;font-size:13px}footer{padding:22px 0 32px;border-top:1px solid var(--border);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.login{max-width:480px;margin:80px auto}.login h1{font-size:43px;line-height:1.2;letter-spacing:-1.5px;font-weight:500}.login p{color:var(--muted)}.login label{font-size:12px;display:block;margin-bottom:8px}.login input{display:block;width:100%;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:12px;border-radius:7px;margin-bottom:15px}.primary{background:var(--teal);color:#102b25;border:none;padding:13px 18px;border-radius:7px;font-weight:600;width:100%;display:flex;justify-content:space-between}.empty-chart{color:var(--muted);font-size:12px;padding:50px 20px;text-align:center}.loading{opacity:.55}#login-error{color:var(--gold)}
@media(min-width:1550px){.shell{max-width:1440px}.hero{min-height:255px}.hero h2{font-size:30px}.chart{height:245px}}@media(max-width:1050px){.shell{padding:0 28px}.hero{grid-template-columns:1.1fr 1fr}.hero-copy{padding:25px}.flow{padding:20px 15px}.metric{padding:16px}.metrics{gap:10px}.metric-label{font-size:10px}.metric-value{font-size:31px}.grid-totals{gap:12px}.panel{padding:20px}.plan-card{padding:18px}.panel-top{display:block}.legend{margin-top:9px}.charts{grid-template-columns:1.6fr 1fr}}@media(max-width:760px){.shell{padding:0 20px}header{height:80px}.brand-sub{display:none}.local-chip{font-size:10px}.header-right{gap:6px}.page-heading{padding:27px 0 22px}.page-heading h1{font-size:33px}.eyebrow{font-size:9px}.refresh-area{max-width:150px}.refresh-button{padding:8px 10px;font-size:10px}.refresh-area p{font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:24px}.hero h2{font-size:25px;max-width:none}.flow{border-top:1px solid #405e50;padding:18px 30px;gap:8px}.flow:before{top:43%}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-label{font-size:11px}.metric-value{font-size:34px}.metric-symbol{font-size:16px}.metric p{font-size:9px}.plan-grid{grid-template-columns:1fr}.plan-card{padding:19px}.plan-card-top{margin-bottom:13px}.plan-description{min-height:0}.section-title{gap:12px;align-items:center}.section-title h2{font-size:23px}.section-title .eyebrow{font-size:8px}.outline-chip{white-space:nowrap;font-size:9px}.charts,.footer-cards{grid-template-columns:1fr}.week-chart{height:155px}.panel-top{display:flex}.legend{flex-direction:column;gap:4px;align-items:flex-start}.chart-footer{flex-wrap:wrap}.chart-footer p:last-child{text-align:left}.planning{padding-top:28px}.planning>.small{font-size:10px}.footer-cards{gap:13px}footer{font-size:9px}.login{margin:45px auto}.login h1{font-size:36px}}@media(prefers-reduced-motion:no-preference){.metric,.plan-card{transition:border-color .2s}.plan-card:hover{border-color:#50655f}}

@media(max-width:420px){.flow{padding:18px 16px}.flow-node,.flow-home{min-width:70px}.metric{padding:14px}.grid-totals{gap:9px}.grid-totals strong{font-size:23px}}

[hidden]{display:none!important}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.tabs button{background:transparent;color:#adc0c0;border:1px solid #324451;border-radius:30px;padding:12px 20px;cursor:pointer}.tabs button.active{background:#86d6c0;color:#122a2c;border-color:#86d6c0}.page-heading h1{white-space:pre-line}.planner-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.planner-fields label{display:grid;gap:10px;color:#adc0c0}.planner-fields select{padding:12px;background:#142936;color:#fff;border:1px solid #324451;border-radius:8px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #324451}th{color:#86d6c0;font-size:12px}.planner-inputs{margin-bottom:24px}@media(max-width:760px){.planner-fields{grid-template-columns:repeat(2,1fr)}.tabs button{padding:10px 14px}}@media(max-width:420px){.planner-fields{grid-template-columns:1fr}}

.ask-panel{max-width:900px;margin:auto}.ask-examples,.ask-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.ask-examples button{padding:12px;border:1px solid #324451;border-radius:12px;background:#142936;color:#86d6c0;cursor:pointer}.ask-message{padding:18px;margin:16px 0;border-radius:14px;background:#142936}.ask-message.user{border-left:3px solid #f3cd7f}.ask-message.assistant{border-left:3px solid #86d6c0}.ask-message p{white-space:pre-wrap;overflow-wrap:anywhere}.ask-panel textarea{display:block;box-sizing:border-box;width:100%;margin-top:12px;padding:14px;border:1px solid #324451;border-radius:12px;background:#0d1c25;color:#fff;font:inherit}.ask-panel label{display:block;margin-top:24px}

.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card.good{border-top:3px solid #86d6c0}.plan-card.warn{border-top:3px solid #f3cd7f}.plan-card.muted{border-top:3px solid #6c858c}.plan-decision{font-size:20px;line-height:1.3;letter-spacing:-.3px;color:var(--text);margin:0 0 10px}.plan-badge{font-size:12px}.load-balance{margin-bottom:18px;font-size:12px;color:#afbec3}.load-balance strong{float:right;color:var(--text);font-size:15px}.load-track{height:7px;background:#324451;border-radius:5px;margin:10px 0}.load-track span{display:block;height:100%;background:#86d6c0;border-radius:5px}.load-balance small{display:block;font-size:11px}.estimate-note{display:block;font-size:10px;margin-top:10px;color:var(--muted)}.planner-fields{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.plan-grid{grid-template-columns:1fr}.planner-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.planner-fields{grid-template-columns:1fr}}

.charger-reading{padding:12px;background:#10252f;border:1px solid #36544f;border-radius:10px;margin-bottom:16px}.charger-reading strong{display:block;color:#86d6c0}.charger-reading small{display:block;font-size:11px;color:var(--muted);margin-top:5px}

[data-page="history"]>.panel{margin-bottom:28px}.charts{margin:28px 0 36px;gap:24px}.chart-panel,.week-panel{padding:30px}.chart{margin-top:30px;height:250px}.week-chart{padding-top:18px;height:215px}.legend{flex-wrap:wrap;white-space:normal;gap:10px}.panel-top{flex-wrap:wrap}.home-bg{background:#bdc9d3}.car-bg{background:#b5a5db}.appliance-bg{background:#69b4ee}.month-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.month-controls label{font-size:12px;color:var(--muted)}.month-controls p{width:100%;margin:0}.month-controls input[type=month],.run-fields input{padding:10px;background:#10252f;color:var(--text);border:1px solid var(--border);border-radius:7px}.monthly-chart{height:300px;overflow:auto}.monthly-chart svg{min-width:620px;width:100%;height:100%}.run-log{margin:30px 0}.run-fields{display:flex;align-items:end;flex-wrap:wrap;gap:16px}.run-fields label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.run-fields input[type=number]{width:120px}.run-list-item{padding:14px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:15px;font-size:12px}@media(max-width:760px){.chart-panel,.week-panel{padding:22px}.charts{gap:24px}.chart{height:250px}.legend{font-size:9px}.month-controls{gap:12px}.run-fields label{width:100%}.run-fields input[type=number]{width:100%}}

.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.insight-card h3{margin:12px 0}.insight-card p{line-height:1.65}.tabs{flex-wrap:wrap}@media(max-width:700px){.insights-grid{grid-template-columns:1fr}}

.ask-thinking{display:flex;align-items:center;gap:18px;border:1px solid #41534a;border-left:3px solid #f3cd7f;background:linear-gradient(120deg,#202d30,#142936)}.thinking-sun{width:48px;height:48px;flex-shrink:0;color:#f3cd7f;animation:sun-glow 2s ease-in-out infinite}.sun-rays{transform-origin:24px 24px;animation:sun-turn 8s linear infinite}.thinking-copy p{margin:6px 0 0;color:#b7c9c9;font-size:.9rem;line-height:1.5}@keyframes sun-turn{to{transform:rotate(360deg)}}@keyframes sun-glow{50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.thinking-sun,.sun-rays{animation:none}}

.plan-overview{border-left:4px solid var(--gold);margin-top:8px}.plan-overview h2{font-size:28px}.plan-summary-facts{display:flex;flex-wrap:wrap;gap:12px;color:#c6d6d1;font-size:12px}.plan-summary-facts span{background:#24363d;padding:7px 12px;border-radius:8px}.planning{padding-top:24px}.plan-card-top small{font-size:13px}.plan-description{font-size:14px;min-height:0;line-height:1.6}.plan-window{margin-top:12px;font-size:21px;font-weight:600;padding:20px 0}.plan-window .eyebrow{font-size:10px;margin-bottom:8px}.plan-window small{font-size:13px;line-height:1.6;font-weight:400;margin-top:8px}.plan-details{border-top:1px solid var(--border);padding-top:14px;margin-top:auto}.plan-details summary,.planner-inputs summary{cursor:pointer;color:var(--teal);font-size:14px;font-weight:600}.plan-details[open] summary{margin-bottom:18px}.planner-inputs{margin:12px 0 32px}.planner-inputs[open] summary{margin-bottom:18px}.planner-fields label{font-size:13px}.planner-fields select{font-size:13px;padding:9px;max-width:100%}.plan-power{font-size:12px;flex-wrap:wrap}.plan-power select{font-size:12px;max-width:100%}.estimate-note{font-size:12px;line-height:1.6}.charger-reading small{font-size:12px}

.ai-insights{margin-top:28px}#insights-ai-answer p{white-space:pre-wrap;line-height:1.7}#insights-ai:disabled{opacity:.6;cursor:wait}
.monitoring-panel{margin:28px 0;padding:28px}.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.source-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:#122632;border:1px solid var(--border);border-radius:14px}.source-card strong{font-size:15px}.source-card span,.source-card small{font-size:12px;line-height:1.5}.source-fresh{color:var(--teal)}.source-stale{color:var(--gold)}.car-summary{border-top:1px solid var(--border);padding-top:16px;margin-bottom:20px}.car-summary p{line-height:1.6}.record-controls{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.record-control{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px}.record-controls button:disabled{opacity:.35;cursor:default}.recorded-session{padding:18px 0;border-top:1px solid var(--border)}.recorded-session p{margin:10px 0;line-height:1.5}.meter-bars{display:flex;align-items:flex-end;gap:12px;min-height:150px;overflow-x:auto;padding:20px 4px}.meter-day{min-width:28px;display:flex;flex-direction:column;align-items:center;gap:10px}.meter-bar-pair{height:112px;display:flex;align-items:flex-end;gap:3px}.meter-bar{width:10px;border-radius:3px 3px 0 0}.meter-bar.import{background:var(--gold)}.meter-bar.export{background:var(--teal)}@media(max-width:900px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.monitoring-panel{padding:20px}.source-grid{grid-template-columns:1fr}.record-controls{display:grid}.record-control{justify-content:space-between}}
.monthly-chart{height:auto;min-height:590px;overflow-x:auto;overflow-y:hidden;margin-top:28px;padding-bottom:10px}.monthly-chart svg{display:block;min-width:1100px;width:100%;height:auto;overflow:visible}.monthly-chart.loads-hidden{min-height:0}.month-day-hit{cursor:pointer;stroke:transparent;stroke-width:1}.month-day-hit:hover,.month-day-hit:focus,.month-day-hit.selected{stroke:#90b5cb;fill:#91bbd30c;outline:none}.month-day-detail{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:20px;background:#10212e;border:1px solid #405565;border-radius:10px;margin:12px 0 20px}.month-day-detail strong{width:100%;font-size:17px}.month-day-detail span{font-size:14px;color:#d1dce2}.legend{font-size:12px;gap:14px}.legend i{width:10px;height:10px}.car-bg{background:#c4a1ff}.appliance-bg{background:#62cfff}@media(max-width:760px){.monthly-chart{min-height:0}.month-day-detail{padding:16px;gap:10px}.month-day-detail span{width:100%}.legend{font-size:11px}}
.learned-profile{margin:18px 0;padding:16px;border:1px solid #466257;border-radius:10px;background:#152e2b}.learned-profile strong{color:var(--teal);font-size:14px}.learned-profile p{margin:9px 0;font-size:14px;line-height:1.5}.learned-profile .small{font-size:12px}