*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#23364f;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button{font:inherit}.hydrometer-module{gap:var(--space-12);flex-direction:column;height:100%;min-height:0;display:flex;overflow:auto}.hydrometer-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:start;align-items:stretch;display:grid}.hydrometer-card{border-radius:var(--radius-card);padding:var(--space-16);gap:var(--space-12);box-sizing:border-box;height:100%;transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#fff;border:1px solid #d8e4f2;flex-direction:column;display:flex}.hydrometer-card:hover{border-color:#b8d2ee;transform:translateY(-1px);box-shadow:0 4px 10px #2d6fb11a}.hydrometer-card h3{letter-spacing:.01em;color:#264a71;margin:0;font-size:1.06rem;font-weight:700}.hydrometer-values{gap:var(--space-12);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.hydrometer-values>div{border-radius:var(--radius-card);padding:var(--space-12);background:#f4f8ff;border:1px solid #dbe8f8}.hydrometer-values span{color:#5f7389;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.045em;font-size:.74rem;font-weight:600;display:block}.hydrometer-values strong{color:#264a71;font-size:clamp(1.18rem,1.55vw,1.55rem);font-weight:700}.hydrometer-card p{color:#5e748c;margin:0;font-size:.8rem}.hydrometer-card .data-status,.hydrometer-card .module-forward-fill-note{font-size:.82rem}.hydrometer-card .data-status{color:#355674}.hydrometer-card .data-status.is-stale{color:#a35d00;font-weight:600}.hydrometer-card .module-forward-fill-note{color:#7d5517}.hydrometer-card .module-card-status{background:#f2f8ff;border-color:#cadef2}.hydrometer-module .module-filter-button{color:#284d72;background:#f2f8ff;border-color:#cfe2fa}.hydrometer-module .module-filter-button.active{color:#fff;background:#2d6fb1;border-color:#2d6fb1}.hydrometer-graph-panel{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.hydrometer-graph-block{gap:var(--space-4);flex-direction:column;align-self:start;display:flex}@media (width<=720px){.hydrometer-grid,.hydrometer-values,.hydrometer-graph-panel{grid-template-columns:1fr}}.pv-module{gap:var(--space-12);flex-direction:column;height:100%;min-height:0;display:flex;overflow:auto}.pv-module .module-header h2{color:#8c4f08}.pv-module .module-filter-button{color:#6a4b1e;background:#fff6dd;border-color:#ecd6a1}.pv-module .module-filter-button.active{color:#fff;background:#d18d13;border-color:#d18d13}.pv-card{border-radius:var(--radius-card);padding:var(--space-16);gap:var(--space-12);box-sizing:border-box;width:100%;height:100%;transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#fff;border:1px solid #e6d4ad;flex-direction:column;display:flex}.pv-card:hover{border-color:#d5ba83;transform:translateY(-1px);box-shadow:0 4px 10px #966a151f}.pv-card h3{letter-spacing:.01em;color:#8c4f08;margin:0;font-size:1.06rem;font-weight:700}.pv-sections{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:start;display:grid}.pv-battery-card{border-color:#dfc28a}.pv-graph-panel{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.pv-graph-block{gap:var(--space-4);flex-direction:column;align-self:start;width:100%;display:flex}.pv-module .timeseries-chart-wrapper{background:#fffaf0;border-color:#ecd8b6}.pv-module .timeseries-axis{stroke:#d8be97}.pv-module .timeseries-grid{stroke:#f2e3c8}.pv-module .timeseries-axis-tick{fill:#7a6038}.pv-graph-panel .timeseries-chart{min-height:77px}@media (width<=720px){.pv-graph-panel{grid-template-columns:1fr}.pv-graph-panel .timeseries-chart{min-height:91px}}.pv-value-grid{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pv-value-item{border-radius:var(--radius-card);padding:var(--space-12);background:#fff9ea;border:1px solid #ffecbf}.pv-value-item span{color:#6e5a2f;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.045em;font-size:.74rem;font-weight:600;display:block}.pv-value-item strong{color:#8c4f08;font-size:clamp(1.18rem,1.55vw,1.55rem);font-weight:700}.pv-card p{color:#5e748c;margin:0;font-size:.8rem}.pv-card .data-status,.pv-card .module-forward-fill-note{font-size:.82rem}.pv-card .data-status{color:#355674}.pv-card .data-status.is-stale{color:#a35d00;font-weight:600}.pv-card .module-forward-fill-note{color:#7d5517}.pv-card .module-card-status{color:#70511f;background:#fff7e4;border-color:#e8d3ac}.pv-card .module-export-button{color:#7a5824;background:#fff3d8;border-color:#e1c58e}.pv-card .module-export-button:hover:not(:disabled){background:#ffe9bd;border-color:#cfab67;transform:translateY(-1px)}.theme-dark .pv-card .module-export-button{color:#cde1f6;background:#21344c;border-color:#45648a}.theme-dark .pv-card .module-export-button:hover:not(:disabled){background:#2a4260;border-color:#6b8eb7}@media (width<=720px){.pv-sections,.pv-value-grid{grid-template-columns:1fr}}:root{--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--radius-card:12px;--radius-pill:999px;--transition-fast:.18s ease;--color-text-main:#1f3046;--color-text-soft:#4f6378;--color-accent:#2d6fb1;--color-positive:#2f7d39;--color-negative:#a33b2c;--color-neutral:#63788f;--color-stale:#a35d00;--color-focus-ring:#2d6fb14d}.dashboard-page{background:#f4f7fb;flex-direction:column;min-height:100dvh;display:flex}.dashboard-header{background:#fff;border-bottom:1px solid #d9e1ec;justify-content:space-between;align-items:center;gap:12px;padding:clamp(12px,1.3vw,20px) clamp(12px,1.6vw,30px);display:flex}.dashboard-header h1{letter-spacing:.01em;color:var(--color-text-main);margin:0;font-size:clamp(1.2rem,1.5vw,1.8rem);font-weight:700}.dashboard-tabs{gap:var(--space-8);border-radius:var(--radius-pill);padding:var(--space-4);background:#eef3f9;display:inline-flex}.dashboard-controls{align-items:center;gap:10px;display:inline-flex}.dashboard-theme-toggle{color:#2d4d6d;border-radius:var(--radius-pill);cursor:pointer;min-width:108px;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#f2f7fd;border:1px solid #c6d9ec;justify-content:center;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.dashboard-theme-toggle:hover{background:#e5f1ff;border-color:#9ec1e7;transform:translateY(-1px)}.dashboard-theme-toggle:active{transform:translateY(0)}.dashboard-tab{border-radius:var(--radius-pill);cursor:pointer;color:#35506e;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:0;padding:8px 14px;font-size:.9rem;font-weight:600}.dashboard-tab:hover{background:#dfeaf6;transform:translateY(-1px)}.dashboard-tab:active{transform:translateY(0)}.dashboard-tab.active{background:var(--color-accent);color:#fff;font-weight:600}.dashboard-content{min-height:0;padding:clamp(var(--space-12), 1.5vw, var(--space-24));flex:1}.module-header{justify-content:space-between;gap:var(--space-12);flex-wrap:wrap;align-items:center;display:flex}.module-header h2{letter-spacing:.01em;margin:0;font-size:clamp(1.28rem,1.65vw,1.8rem)}.module-filter-group{gap:var(--space-8);flex-wrap:wrap;display:flex}.module-filter-button{color:#284d72;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#eef6ff;border:1px solid #bfd8f6;padding:7px 12px;font-size:.8rem;font-weight:600}.module-filter-button:hover{background:#e5f1ff;border-color:#9ec1e7;transform:translateY(-1px)}.module-filter-button:active{transform:translateY(0)}.module-filter-button.active{color:#fff;background:#2d6fb1;border-color:#2d6fb1}.module-error,.module-loading,.module-empty{border-radius:var(--radius-card);padding:var(--space-12)}.module-error{color:#a32331;background:#ffe9eb}.module-loading,.module-empty{color:#445c75;background:#f1f6fb}.module-empty{color:var(--color-text-soft);border:1px dashed #c8d9ea;font-weight:500}.module-anomaly-alert{color:#6c4a14;border-radius:var(--radius-card);padding:var(--space-12);background:#fff7e8;border:1px solid #f2cd87}.module-anomaly-title{margin:0 0 var(--space-8);letter-spacing:.01em;font-size:.84rem;font-weight:700}.module-anomaly-list{gap:var(--space-4);margin:0;padding-left:18px;font-size:.8rem;display:grid}.module-card-header{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.module-card-header h3{letter-spacing:.01em;margin:0;font-size:1.06rem;font-weight:700}.module-card-status{border-radius:var(--radius-pill);white-space:nowrap;background:#f4f8fc;border:1px solid #d3e0ee;padding:4px 8px;line-height:1.15}.module-card-actions{align-items:center;gap:var(--space-8);display:inline-flex}.module-export-button{color:#2f587f;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#edf4fb;border:1px solid #c7dbee;padding:4px 10px;font-size:.72rem;font-weight:600;line-height:1.15}.module-export-button:hover:not(:disabled){background:#e2eefb;border-color:#9ec1e7}.module-export-button:active:not(:disabled){transform:translateY(0)}.module-export-button:disabled{opacity:.55;cursor:not-allowed}.module-forward-fill-note{color:#7d5517;margin:0;font-size:.82rem}.metric-trend{margin-top:var(--space-4);font-size:.76rem;font-weight:600;display:block}.metric-trend.up{color:var(--color-positive)}.metric-trend.down{color:var(--color-negative)}.metric-trend.flat{color:var(--color-neutral)}.timeseries-chart-wrapper{border-radius:var(--radius-card);padding:var(--space-8);gap:var(--space-8);width:100%;transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#f8fbff;border:1px solid #dbe6f3;flex-direction:column;display:flex}.timeseries-chart-wrapper:hover{border-color:#bfd3e8;transform:translateY(-1px);box-shadow:0 4px 10px #21487114}.timeseries-chart{aspect-ratio:640/200;width:95%;height:auto;min-height:120px;margin:0 auto;display:block}.timeseries-axis{stroke:#a9bfd5;stroke-width:1.1px}.timeseries-grid{stroke:#dde8f4;stroke-width:1px;stroke-dasharray:3 3}.timeseries-hover-line{stroke:#7f9ebf;stroke-width:1px;stroke-dasharray:4 3}.timeseries-hover-point{stroke:#fff;stroke-width:1.5px}.timeseries-zoom-selection{fill:#4c88c229;stroke:#2d6fb1a6;stroke-width:1px}.timeseries-tooltip-bg{fill:#0e1c2ce6}.timeseries-tooltip-title{fill:#fff;font-size:10px;font-weight:700}.timeseries-tooltip-meta{fill:#d7e6f5;font-size:9px}.timeseries-axis-tick{fill:#587089;font-size:9.5px}.timeseries-axis-labels{justify-content:space-between;gap:var(--space-8);display:flex}.timeseries-reset-zoom{color:#2f587f;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#edf5fc;border:1px solid #c8dced;padding:4px 9px;font-size:.68rem}.timeseries-reset-zoom:hover{background:#e5f1ff;border-color:#9ec1e7;transform:translateY(-1px)}.timeseries-reset-zoom:active{transform:translateY(0)}.timeseries-axis-label{color:var(--color-text-soft);font-size:.7em;font-weight:600}.timeseries-legend{gap:var(--space-8);color:#3f556b;flex-wrap:wrap;font-size:.72em;display:flex}.timeseries-legend-item{align-items:center;gap:5px;display:inline-flex}.timeseries-legend-dot{border-radius:50%;width:10px;height:10px}.timeseries-status{margin-top:2px}.data-status{color:#4b6784;align-items:center;gap:6px;margin:0;font-size:.76rem;display:inline-flex}.data-status-icon{color:#4f7aa2;font-size:.7rem;line-height:1}.data-status.is-stale{color:var(--color-stale);font-weight:600}.data-status.is-stale .data-status-icon{color:#b16b00}.data-status.is-compact{white-space:nowrap}.timeseries-meta{color:#6a7d90;justify-content:space-between;font-size:.66em;display:flex}.timeseries-empty{color:#445c75;border-radius:var(--radius-card);padding:var(--space-12);background:#f5f8fb;border:1px dashed #c8d9ea;font-size:.82em;font-weight:500}.dashboard-tab:focus-visible,.dashboard-theme-toggle:focus-visible,.module-filter-button:focus-visible,.module-export-button:focus-visible,.timeseries-reset-zoom:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.theme-dark{color:#d6e4f3;--color-positive:#7ddf90;--color-negative:#ff9f90;--color-neutral:#9fb6cc;--color-stale:#e4ab4f;--color-focus-ring:#79b0e573;background:#101925}.theme-dark .dashboard-header{background:#162131;border-bottom-color:#25364c}.theme-dark .dashboard-header h1,.theme-dark .module-header h2{color:#e2eefb}.theme-dark .dashboard-tabs{background:#1d2c41}.theme-dark .dashboard-tab{color:#c8d9ec}.theme-dark .dashboard-tab:hover{background:#2b3f5b}.theme-dark .dashboard-theme-toggle{color:#d9e8f8;background:#1d2c41;border-color:#355071}.theme-dark .dashboard-theme-toggle:hover{background:#233851;border-color:#52749a}.theme-dark .module-filter-button{color:#d3e4f6;background:#22344c;border-color:#3f5e83}.theme-dark .module-filter-button.active{background:#3b76b7;border-color:#3b76b7}.theme-dark .module-filter-button:hover{background:#2a4260;border-color:#5b7da3}.theme-dark .module-loading,.theme-dark .module-empty{color:#d5e5f5;background:#1e2f45}.theme-dark .module-empty{border-color:#426181}.theme-dark .module-error{color:#ffd9df;background:#4a1f28}.theme-dark .module-anomaly-alert{color:#f4d9a6;background:#3a2d1a;border-color:#8a6530}.theme-dark .hydrometer-card,.theme-dark .pv-card,.theme-dark .timeseries-chart-wrapper{background:#182638;border-color:#2c435f}.theme-dark .hydrometer-values>div,.theme-dark .pv-value-item{background:#21344b;border-color:#385575}.theme-dark .module-card-status{background:#233851;border-color:#355071}.theme-dark .module-export-button{color:#cde1f6;background:#21344c;border-color:#45648a}.theme-dark .module-export-button:hover:not(:disabled){background:#2a4260;border-color:#6b8eb7}.theme-dark .timeseries-reset-zoom{color:#cde1f6;background:#21344c;border-color:#45648a}.theme-dark .timeseries-reset-zoom:hover{background:#2a4260;border-color:#6b8eb7}.theme-dark .hydrometer-card h3,.theme-dark .pv-card h3,.theme-dark .hydrometer-values strong,.theme-dark .pv-value-item strong,.theme-dark .hydrometer-card p,.theme-dark .pv-card p,.theme-dark .hydrometer-values span,.theme-dark .pv-value-item span{color:#d4e4f4}.theme-dark .timeseries-axis{stroke:#6385a9}.theme-dark .timeseries-grid{stroke:#37506b}.theme-dark .timeseries-axis-tick,.theme-dark .timeseries-axis-label,.theme-dark .timeseries-legend,.theme-dark .timeseries-tooltip-meta,.theme-dark .data-status{color:#c3d8ee;fill:#c3d8ee}.theme-dark .timeseries-tooltip-bg{fill:#050c16f5}.theme-dark .timeseries-tooltip-title{fill:#eef6ff}.theme-dark .timeseries-hover-line{stroke:#6f8fb1}.theme-dark .timeseries-axis-tick{fill:#d2e3f4}.theme-dark .metric-trend.up{color:var(--color-positive)}.theme-dark .metric-trend.down{color:var(--color-negative)}.theme-dark .metric-trend.flat{color:var(--color-neutral)}@media (width<=720px){.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-tabs{justify-content:stretch;width:100%}.dashboard-controls{flex-direction:column;align-items:stretch;width:100%}.dashboard-tab{width:100%}.module-header{align-items:flex-start}.module-filter-group{width:100%;padding-bottom:var(--space-4);scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.module-filter-button{flex:none}.timeseries-chart{width:100%;min-height:145px}.timeseries-axis-labels{flex-direction:column;align-items:flex-start;gap:4px}.timeseries-legend{gap:6px;font-size:.68em}}