@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#15231b;font-family:Noto Sans SC,system-ui,sans-serif;font-synthesis:none;--ink: #15231b;--muted: #75847b;--faint: #9aa8a0;--line: #e4ece6;--card: #fff;--green: #0fbf5f;--green-dark: #079447;--green-soft: #e7f8ee;--orange: #ff9233;--orange-soft: #fff2e4;--yellow: #ffc933;--yellow-soft: #fff7dd;--blue: #4d9ef7;--blue-soft: #ebf4ff;--teal: #2ec4a6;--teal-soft: #e4f8f3;--violet: #b197fc;--violet-soft: #f3efff;--sage: #b7c8bc;--display: "Space Grotesk", "Noto Sans SC", sans-serif;--card-shadow: 0 1px 2px rgba(21, 35, 27, .04), 0 14px 36px -14px rgba(21, 35, 27, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(900px 420px at 12% -8%,rgba(15,191,95,.07),transparent 64%),radial-gradient(820px 400px at 88% -10%,rgba(255,201,51,.09),transparent 62%),#f4f8f5;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none;padding:0;cursor:pointer;color:inherit}.app-shell{min-height:100vh}.topbar{width:100%;max-width:1460px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px)}.period-nav{position:sticky;top:0;z-index:30;height:80px;margin-top:-80px;display:grid;place-items:center;pointer-events:none}.period-nav .period-tabs{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content}.brand-name{font-size:19px;font-weight:700;letter-spacing:.02em}.brand-sub{padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.14em}.period-tabs{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:#ffffff8c;box-shadow:0 1px 3px #15231b0d;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.period-tab{display:grid;place-items:center;min-width:84px;height:38px;padding:0 18px;color:var(--muted);border-radius:999px;font-size:14px;font-weight:500;transition:color .18s,background .18s,box-shadow .18s}.period-tab:hover{color:var(--green-dark);background:var(--green-soft)}.period-tab.active{color:#fff;font-weight:700;background:linear-gradient(140deg,#17cb6c,#0aa452);box-shadow:0 5px 14px -3px #0fbf5f80}.updated-at{justify-self:end;display:flex;align-items:center;gap:7px;height:34px;color:var(--faint);font-size:12px}.updated-at svg{color:currentColor;width:14px;height:14px}.dashboard{max-width:1460px;margin:0 auto;padding:30px clamp(24px,4vw,64px) 72px;display:grid;gap:18px}.dashboard.loading{min-height:60vh;place-items:center;color:var(--muted)}.error-state{align-content:center;gap:10px;text-align:center}.stale-notice{padding:12px 16px;border:1px solid #f3e1bb;border-radius:14px;background:#fffaf0;color:#7a5a25;font-size:13px}section.period-overview,.live-overview-wrap,.summary-card,.chart-card{border:1px solid var(--line);border-radius:26px;background:var(--card);box-shadow:var(--card-shadow)}.card-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.card-heading h2{margin:0;font-size:17px;font-weight:700;letter-spacing:.01em}.card-heading>span{color:var(--faint);font-size:12px}em{font-style:normal}.live-overview-wrap{min-height:650px;position:relative;overflow:hidden}.scene-title{position:absolute;top:24px;left:28px;z-index:3;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700}.scene-title svg{color:var(--faint);width:18px;height:18px}.energy-scene{height:635px;position:relative;overflow:hidden}.weather-wash{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background-color .8s ease}.energy-scene.weather-rain .weather-wash{background-color:#67818f21}.energy-scene.weather-snow .weather-wash{background-color:#cddae033}.energy-scene-stage{width:1200px;height:635px;position:absolute;top:0;left:50%;transform:translate(-50%)}.energy-scene-image{position:absolute;z-index:0;top:30px;left:96px;width:1008px;height:605px;object-fit:contain;object-position:center;transition:filter .8s ease}.weather-atmosphere{position:absolute;z-index:2;top:30px;right:96px;bottom:0;left:96px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 88%,transparent 100%)}.weather-atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .8s ease}.weather-atmosphere.clear:before{opacity:.7;background:radial-gradient(circle at 70% 18%,rgba(255,218,112,.24),transparent 34%)}.weather-atmosphere.cloudy:before{opacity:.75;background:linear-gradient(#7a929d21,#909d970a 70%)}.weather-cloudy .energy-scene-image{filter:saturate(.84) brightness(.94) contrast(.98)}.weather-rain .energy-scene-image{filter:saturate(.76) brightness(.88) contrast(1.02) hue-rotate(4deg)}.weather-snow .energy-scene-image{filter:saturate(.7) brightness(1.03) contrast(.94)}.rain-layer,.snow-layer{position:absolute;top:0;right:0;bottom:0;left:0}.rain-layer{background:transparent}.rain-layer i{position:absolute;top:-18%;left:var(--weather-left);width:1.5px;height:34px;opacity:var(--weather-opacity);border-radius:999px;background:linear-gradient(transparent,#bce0f1f2);transform:rotate(12deg);animation:weather-rain var(--weather-duration) linear var(--weather-delay) infinite}.snow-layer{background:transparent}.snow-layer i{position:absolute;top:-8%;left:var(--weather-left);width:var(--weather-size);height:var(--weather-size);border-radius:50%;background:#ffffffeb;box-shadow:0 0 7px #ffffffe6;animation:weather-snow var(--weather-duration) ease-in var(--weather-delay) infinite}@keyframes weather-rain{to{translate:-70px 760px}}@keyframes weather-snow{0%{translate:0 -20px;rotate:0deg;opacity:0}12%{opacity:.9}to{translate:var(--weather-drift) 700px;rotate:280deg;opacity:.15}}.energy-flow-lines{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.flow-line{fill:none;stroke:var(--line-color);stroke-width:3;opacity:.22;stroke-linecap:round}.flow-line.active{opacity:.9;stroke-dasharray:8 13;animation:energy-flow 1.2s linear infinite;filter:drop-shadow(0 0 5px var(--line-color))}.flow-line.solar,.energy-card.solar{--line-color: #df7b22}.flow-line.home,.energy-card.home{--line-color: #416cab}.flow-line.grid,.energy-card.grid{--line-color: #d76e20}.flow-line.battery,.energy-card.battery{--line-color: #60944d}@keyframes energy-flow{to{stroke-dashoffset:-21}}.energy-card{position:absolute;z-index:4;width:172px;min-height:92px;padding:14px 16px;display:flex;align-items:center;gap:12px;background:#ffffffc7;border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 34px -10px #214c2f38,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-radius:20px}.energy-card>svg{flex:0 0 auto;width:42px;height:42px;padding:9px;color:var(--line-color);border-radius:13px;background:color-mix(in srgb,var(--line-color) 12%,white)}.energy-card span,.energy-card small{display:block;color:#66756c;font-size:12px}.energy-card strong{display:block;margin-top:2px;color:var(--line-color);font:600 26px/1.15 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.energy-card strong em{font-size:12px;font-weight:500}.energy-card.idle{--line-color: #83877d}.energy-card.solar{top:90px;left:120px}.energy-card.home{top:355px;left:120px}.energy-card.grid{top:105px;right:120px}.energy-card.battery{top:450px;right:120px}.scene-hint{position:absolute;z-index:4;bottom:18px;left:50%;transform:translate(-50%);padding:7px 12px;color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:999px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;white-space:nowrap}.period-overview{display:grid;grid-template-columns:1fr minmax(330px,420px);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(30px,4vw,48px) clamp(28px,5vw,72px)}.eyebrow{margin:0;color:var(--muted);font-size:14px;font-weight:500}.period-value{display:flex;align-items:baseline;gap:14px;margin:8px 0 16px}.period-value strong{font:700 clamp(64px,8vw,108px)/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(150deg,#14ce6c,var(--green-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.period-value span{color:var(--muted);font-size:26px;font-family:var(--display)}.delta-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;font-size:13px}.delta-chip svg{width:17px;height:17px}.delta-chip strong{font:700 16px/1 var(--display);font-variant-numeric:tabular-nums}.delta-chip.up{color:var(--green-dark);background:var(--green-soft)}.delta-chip.down{color:#c2641a;background:var(--orange-soft)}.yoy-panel{display:grid;gap:16px;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:#fafcfa}.yoy-panel.empty{place-items:center;min-height:150px;color:var(--faint);font-size:13px}.yoy-title{margin:0;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.02em}.compare-bar{display:grid;gap:7px}.compare-bar-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;color:var(--muted)}.compare-bar-meta strong{color:var(--ink);font:600 15px/1 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}.compare-bar-meta em{color:var(--muted);font-size:11px;font-weight:400}.compare-bar-track{height:10px;border-radius:999px;background:#edf2ee;overflow:hidden}.compare-bar-track i{display:block;height:100%;border-radius:999px;transition:width .5s ease}.compare-bar.current i{background:linear-gradient(90deg,#17cb6c,#0aa452)}.compare-bar.previous i{background:var(--sage)}.yoy-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}.yoy-total strong{color:var(--ink);font:600 15px/1 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}.yoy-total em{color:var(--muted);font-size:11px;font-weight:400}.summary-card{padding:24px 26px 22px}.summary-card .metrics{margin-top:18px;display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));gap:10px}.metric{min-width:0;padding:14px 14px 13px;border:1px solid var(--line);border-radius:16px;background:#fcfdfc}.metric-icon{display:grid;place-items:center;width:32px;height:32px;margin-bottom:10px;border-radius:10px;color:var(--tone);background:var(--tone-soft)}.metric-icon svg{width:17px;height:17px}.metric.green{--tone: var(--green-dark);--tone-soft: var(--green-soft)}.metric.orange{--tone: #e07514;--tone-soft: var(--orange-soft)}.metric.yellow{--tone: #d9a400;--tone-soft: var(--yellow-soft)}.metric.blue{--tone: #2479d8;--tone-soft: var(--blue-soft)}.metric.teal{--tone: #149e83;--tone-soft: var(--teal-soft)}.metric.violet{--tone: #7d5fd3;--tone-soft: var(--violet-soft)}.metric-label{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:4px;font:600 21px/1.2 var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.metric strong em{color:var(--faint);font-size:11px;font-weight:500}.metric small{color:var(--faint);font-size:10px;white-space:nowrap}.chart-card{padding:24px 26px 20px}.chart-card .card-heading{justify-content:space-between}.chart-legend{display:flex;flex-wrap:wrap;gap:6px}.legend-toggle{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;font-size:12px;color:#54635a;border:1px solid var(--line);border-radius:999px;background:#fff;transition:opacity .15s,background .15s}.legend-toggle:hover{background:#f5f9f6}.legend-toggle.off{opacity:.42}.legend-toggle.off i{background:var(--faint)!important}.legend-toggle i{width:9px;height:9px;border-radius:3px}.chart-wrap{height:330px;min-width:0;min-height:0;margin-top:16px}.tooltip{background:#fffffff2;border:1px solid var(--line);padding:13px 15px;border-radius:14px;box-shadow:0 16px 36px -10px #15231b38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:6px;font-size:12px}.tooltip>strong{margin-bottom:2px;font-family:var(--display)}.tooltip span{display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.tooltip i{width:8px;height:8px;border-radius:50%}@media(max-width:1280px){.energy-scene-stage{width:900px}.energy-scene-image{left:72px;width:756px}.weather-atmosphere{inset-inline:72px}.energy-card.solar,.energy-card.home{left:50px}.energy-card.grid,.energy-card.battery{right:50px}}@media(max-width:1050px){.period-tab{min-width:70px;padding-inline:14px}.energy-scene{height:570px}.energy-scene-stage{width:730px;height:570px}.energy-scene-image{top:30px;left:58px;width:614px;height:540px}.weather-atmosphere{top:30px;right:58px;bottom:0;left:58px}.live-overview-wrap{min-height:585px}.energy-card{width:150px;min-height:82px;padding:12px}.energy-card>svg{width:36px;height:36px;padding:8px}.energy-card strong{font-size:22px}.energy-card.solar,.energy-card.home{left:32px}.energy-card.grid,.energy-card.battery{right:32px}.summary-card .metrics{grid-template-columns:repeat(4,1fr)}.period-overview{grid-template-columns:1fr;gap:26px}}@media(max-width:720px){.topbar{height:56px;padding:0 14px}.brand-name{font-size:17px}.updated-at{display:none}.period-nav{height:auto;margin-top:0;padding:4px 14px 10px}.period-nav .period-tabs{width:100%;justify-content:stretch}.period-tab{flex:1;min-width:0;height:36px;padding:0 10px}.dashboard{padding:18px 14px 44px;gap:14px}.scene-title{position:static;justify-content:center;padding-top:18px;margin-bottom:4px}.live-overview-wrap{border-radius:22px;min-height:0}.energy-scene{height:auto;margin-inline:-8px;padding:0 8px 34px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.energy-scene-stage{display:contents}.energy-scene-image{position:relative;inset:auto;width:calc(100% + 16px);height:auto;margin-left:-8px;grid-column:1 / -1}.weather-atmosphere{inset:0 -8px auto;width:calc(100% + 16px);height:min(77vw,430px)}.energy-flow-lines{display:none}.energy-card{position:static;width:auto;min-height:78px;padding:10px;border-radius:16px}.energy-card>svg{width:34px;height:34px;padding:7px}.energy-card strong{font-size:19px}.energy-card span,.energy-card small{font-size:10px}.scene-hint{bottom:8px}.period-overview{padding:26px 20px;border-radius:22px}.period-value{margin-bottom:12px}.period-value span{font-size:20px}.yoy-panel{padding:18px}.summary-card{padding:20px 16px 16px;border-radius:22px}.summary-card .metrics{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.metric:last-child{grid-column:1 / -1}.chart-card{padding:20px 14px 14px;border-radius:22px}.chart-card .card-heading{flex-direction:column;align-items:flex-start;gap:10px}.chart-legend{gap:5px}.legend-toggle{height:28px;padding:0 10px;font-size:11px}.chart-wrap{height:280px;margin-top:12px}}@media(prefers-reduced-motion:reduce){.rain-layer i,.snow-layer i{animation-play-state:paused}}