:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top,rgba(245,158,11,.18),transparent 24%),radial-gradient(circle at right top,rgba(56,189,248,.16),transparent 28%),linear-gradient(180deg,#060d18,#0f172a);color:#e2e8f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{margin:0;min-width:320px;min-height:100vh}body{background:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:24px 0 44px}.hero-panel,.panel{border-radius:28px;border:1px solid rgba(148,163,184,.16);background:#0f172ac2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #02061752}.hero-panel{padding:24px;margin-bottom:18px}.hero-header,.panel-head,.mode-row,.toolbar,.summary-header,.meta-row,.modal-head,.modal-toolbar{display:flex;justify-content:space-between;gap:14px}.hero-kicker{display:inline-block;margin-bottom:10px;font-size:.82rem;font-weight:700;letter-spacing:.16em;color:#7dd3fc}.hero-title,h2,h3,p{margin:0}.hero-title{font-size:clamp(1.9rem,4.4vw,3.5rem);line-height:1.04}.hero-subtitle,.panel-copy,.modal-head p{color:#cbd5e1}.hero-subtitle{margin-top:14px;max-width:900px;font-size:1.04rem}.hero-statuses,.chip-group,.toggle-row{display:flex;flex-wrap:wrap;gap:10px}.status-pill,.mode-pill,.temp-pill,.chip-btn,.toggle-pill,.live-card-badge,.summary-range{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.18);font-size:.9rem;font-weight:700}.status-pill.success{background:#22c55e33;color:#86efac;border-color:#22c55e4d}.status-pill.danger{background:#ef444433;color:#fca5a5;border-color:#ef44444d}.status-pill.info,.temp-pill,.summary-range{background:#1e293bd9;color:#e2e8f0}.logout-btn{background:#ef444429;color:#fecaca}.mode-row{align-items:center;margin:18px 0;flex-wrap:wrap}.mode-pill{padding-inline:16px}.mode-pill.default{background:#334155d9;color:#e2e8f0}.mode-pill.solar{background:#f59e0b33;border-color:#f59e0b4d;color:#fde68a}.mode-pill.grid{background:#38bdf833;border-color:#38bdf84d;color:#bae6fd}.mode-pill.battery{background:#a855f733;border-color:#a855f74d;color:#ddd6fe}.mode-pill.grid-solar{background:#06b6d433;border-color:#06b6d44d;color:#a5f3fc}.mode-pill.grid-battery{background:#6366f138;border-color:#6366f14d;color:#c7d2fe}.mode-pill.solar-battery{background:#10b98133;border-color:#10b9814d;color:#a7f3d0}.mode-pill.hybrid{background:#d946ef2e;border-color:#d946ef4d;color:#f5d0fe}.home-stage{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(148,163,184,.14);background:#02061799;aspect-ratio:1 / 1}.home-image,.flow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.home-image{object-fit:cover}.flow-overlay{pointer-events:none}.flow-track{fill:none;stroke:#0f172a8c;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}.flow-line{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 18;opacity:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.18))}.flow-line.is-active{opacity:.95;animation:flow-move 1s linear infinite}.flow-line.solar{stroke:#f59e0b}.flow-line.grid{stroke:#38bdf8}.flow-line.load{stroke:#ef4444}.flow-line.battery{stroke:#22c55e}.flow-line.hybrid{stroke:#f59e0b}.flow-line.flow-up{stroke:#ef4444}.flow-line.flow-up.is-active{animation-direction:reverse}.live-card{--card-transform: none;position:absolute;display:flex;flex-direction:column;gap:5px;min-width:132px;max-width:28%;padding:11px 11px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#0f172aa3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;box-shadow:0 16px 44px #02061747;transform:var(--card-transform);transition:transform .2s ease}.live-card:hover{transform:var(--card-transform) translateY(-1px)}.live-card.pv1{top:29%;left:32%;--card-transform: translate(-50%, -50%)}.live-card.pvtotal{top:33%;left:49%;min-width:122px;width:126px;max-width:24%;--card-transform: translate(-50%, -50%)}.live-card.pv2{top:27%;left:66%;--card-transform: translate(-50%, -50%)}.live-card.battery{left:44%;right:auto;bottom:8%;min-width:142px;width:152px;max-width:32%}.live-card.grid{top:31%;right:2%;left:auto;bottom:auto}.live-card.load{right:3%;bottom:12%}.card-accent-solar{box-shadow:inset 0 0 0 1px #f59e0b29,0 16px 44px #02061747}.card-accent-battery{box-shadow:inset 0 0 0 1px #8b5cf629,0 16px 44px #02061747}.card-accent-grid{box-shadow:inset 0 0 0 1px #38bdf829,0 16px 44px #02061747}.card-accent-load{box-shadow:inset 0 0 0 1px #ef444429,0 16px 44px #02061747}.live-card-title{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#cbd5e1}.live-card-badge{align-self:flex-start;padding:3px 8px;font-size:.62rem;background:#ffffff1a;color:#f8fafc;max-width:100%}.live-card-value{font-size:clamp(.95rem,1.85vw,1.4rem);line-height:1}.live-card-line{font-size:.74rem;color:#e2e8f0}.metric-solar{color:#fbbf24}.metric-grid{color:#38bdf8}.metric-load{color:#f87171}.metric-positive{color:#4ade80}.metric-negative{color:#f87171}.metric-neutral{color:#e2e8f0}.error-strip,.summary-loading{margin-top:12px;color:#fca5a5;font-size:.92rem}.panel{padding:22px;margin-bottom:18px}.panel-head{align-items:flex-start;margin-bottom:16px}h2{font-size:1.28rem}.toolbar{align-items:center;flex-wrap:wrap;margin-bottom:16px}.field{min-height:42px;padding:10px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172ae0;color:#f8fafc}.chip-btn,.toggle-pill{background:#0f172adb;color:#cbd5e1}.chip-btn.active{background:linear-gradient(135deg,#f59e0beb,#fb923ceb);color:#0f172a;border-color:transparent}.toggle-pill{gap:10px;padding-inline:12px}.toggle-pill input{accent-color:#f59e0b}.summary-header{align-items:center;margin-bottom:14px;flex-wrap:wrap}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:#0f172ae6}.apexcharts-tooltip{background:#111827!important;color:#f8fafc!important;border:1px solid #374151!important;box-shadow:0 10px 15px -3px #00000080!important;border-radius:.5rem!important}.apexcharts-tooltip-title{background:#1f2937!important;border-bottom:1px solid #374151!important;color:#94a3b8!important;font-weight:600!important;padding:6px 10px!important}.apexcharts-tooltip-series-group{padding:4px 10px!important}.apexcharts-tooltip-text{font-size:12px!important}.apexcharts-tooltip-y-group{padding:2px 0!important}.apexcharts-tooltip-marker{width:10px!important;height:10px!important}.apexcharts-tooltip.apexcharts-theme-dark{background:#111827!important}.summary-card span{color:#cbd5e1}.summary-card-head{display:flex;align-items:center;gap:10px}.summary-fa-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;border-radius:12px;font-size:1.2rem}.summary-fa-icon-solar{background:#f59e0b29;color:#f59e0b}.summary-fa-icon-load{background:#ef444429;color:#f87171}.summary-fa-icon-grid{background:#38bdf829;color:#38bdf8}.summary-card strong{font-size:1.45rem;color:#f8fafc}.summary-solar strong{color:#f59e0b}.summary-load strong{color:#f87171}.summary-import strong{color:#38bdf8}.chart-panel{min-height:320px;padding:8px 0 0}.history-tooltip{min-width:180px;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172afa;box-shadow:0 16px 44px #02061757}.history-tooltip-title{margin-bottom:8px;color:#e2e8f0;font-size:.78rem;font-weight:800}.history-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.78rem}.history-tooltip-row+.history-tooltip-row{margin-top:6px}.history-tooltip-name{font-weight:700}.history-tooltip-value{font-weight:800}.meta-panel{display:grid;gap:12px}.meta-row{padding:14px 16px;border-radius:16px;background:#0f172ae0;border:1px solid rgba(148,163,184,.12)}.meta-row span{color:#94a3b8}.meta-row strong{color:#f8fafc;overflow-wrap:anywhere}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px;background:#020617c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(1080px,100%);max-height:min(92vh,1000px);overflow:auto;padding:22px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:#0f172af5;box-shadow:0 20px 80px #0206176b}.modal-head{align-items:flex-start;margin-bottom:16px}.modal-toolbar{flex-wrap:wrap;align-items:center;margin-bottom:12px}.modal-chart{min-height:360px}.icon-btn{width:42px;min-width:42px;height:42px;border-radius:50%;border:1px solid rgba(148,163,184,.16);background:#1e293bd6;color:#f8fafc}.icon-btn:hover{background:#334155eb}.auth-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:18px;background:#020617d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card{width:min(460px,100%);padding:24px;border-radius:24px;border:1px solid rgba(148,163,184,.18);background:#0f172af5;box-shadow:0 24px 80px #02061770}.auth-fields{display:grid;gap:12px;margin:18px 0 14px}.auth-submit{width:100%;min-height:46px;border:0;border-radius:16px;background:linear-gradient(135deg,#f59e0b,#fb923c);color:#0f172a;font-weight:800}.auth-submit:disabled{opacity:.68}.auth-error{margin-top:12px;color:#fca5a5}@keyframes flow-move{0%{stroke-dashoffset:0}to{stroke-dashoffset:-22}}@media (max-width: 980px){.hero-header,.panel-head,.modal-head,.modal-toolbar,.toolbar,.summary-header,.meta-row{flex-direction:column;align-items:stretch}.hero-statuses{justify-content:flex-start}.summary-grid{grid-template-columns:1fr}.live-card{min-width:116px;max-width:28%;padding:9px}.live-card.battery{min-width:126px;width:136px;max-width:30%;left:42%;bottom:6%}.live-card.pv1{left:31%}.live-card.pvtotal{top:33%;left:49%;width:118px;min-width:118px}.live-card.pv2{left:67%}}@media (max-width: 720px){.app-shell{width:min(100% - 16px,100%);padding:12px 0 26px}.hero-panel,.panel,.modal-card{border-radius:22px;padding:16px}.home-stage{border-radius:18px}.live-card{min-width:unset;max-width:23%;gap:4px;padding:6px 6px 5px;border-radius:12px}.live-card-title{font-size:.54rem}.live-card-line{font-size:.52rem}.live-card-value{font-size:.74rem}.live-card.pv1,.live-card.pv2,.live-card.pvtotal{top:25%}.live-card.pv1{left:30%}.live-card.pvtotal{left:49%;width:78px;min-width:78px;max-width:19%}.live-card.pv2{left:68%}.live-card.battery{left:38%;bottom:5%;width:92px;min-width:92px;max-width:20%}.live-card.grid{top:27%;right:1%;width:76px;min-width:76px;max-width:18%}.live-card.load{right:2%;bottom:8%;width:78px;min-width:78px;max-width:19%}.live-card-badge{padding:2px 6px;font-size:.5rem}.chip-group,.toggle-row,.hero-statuses{gap:8px}.chip-btn,.toggle-pill,.status-pill,.mode-pill,.temp-pill,.summary-range{width:100%}}@media (max-width: 420px){.live-card{gap:3px;padding:5px 5px 4px}.live-card-title{font-size:.48rem}.live-card-value{font-size:.66rem}.live-card-line{font-size:.48rem}.live-card-line:last-child{display:none}.live-card.pv1{left:29%}.live-card.pvtotal{left:49%;width:72px;min-width:72px}.live-card.pv2{left:69%}.live-card.battery{left:37%;width:86px;min-width:86px}.live-card.grid,.live-card.load{width:72px;min-width:72px}}