*{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{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;overflow:auto}.hydrometer-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:start;gap:12px;display:grid}.hydrometer-card{background:#fff;border:1px solid #d8e4f2;border-radius:14px;padding:14px}.hydrometer-card h3{margin:0 0 10px;font-size:1rem}.hydrometer-values{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.hydrometer-values span{color:#4e6279;margin-bottom:4px;font-size:.82rem;display:block}.hydrometer-values strong{color:#264a71;font-size:clamp(1rem,1.35vw,1.4rem)}.hydrometer-card p{color:#5a6f86;margin:0;font-size:.9rem}.hydrometer-graph-panel{flex-direction:column;gap:8px;width:100%;display:flex}@media (width<=720px){.hydrometer-grid,.hydrometer-values{grid-template-columns:1fr}}.pv-module{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;overflow:auto}.pv-card{background:#fff;border:1px solid #e6d4ad;border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:18px;display:flex}.pv-graph-panel{width:100%}.pv-value-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.pv-value-item{background:#fff9ea;border:1px solid #ffecbf;border-radius:10px;padding:12px}.pv-value-item span{color:#6e5a2f;margin-bottom:6px;font-size:.86rem;display:block}.pv-value-item strong{color:#8c4f08;font-size:clamp(1.2rem,1.6vw,1.8rem)}.pv-card p{color:#5a6f86;margin:0;font-size:.92rem}@media (width<=720px){.pv-value-grid{grid-template-columns:1fr}}.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{color:#1f3046;margin:0;font-size:clamp(1.1rem,1.4vw,1.7rem)}.dashboard-tabs{background:#eef3f9;border-radius:999px;gap:8px;padding:4px;display:inline-flex}.dashboard-tab{cursor:pointer;color:#35506e;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:.95rem}.dashboard-tab.active{color:#fff;background:#2d6fb1;font-weight:600}.dashboard-content{flex:1;min-height:0;padding:clamp(12px,1.5vw,24px)}.module-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.module-header h2{margin:0;font-size:clamp(1.2rem,1.5vw,1.7rem)}.module-filter-group{flex-wrap:wrap;gap:6px;display:flex}.module-filter-button{color:#284d72;cursor:pointer;background:#eef6ff;border:1px solid #bfd8f6;border-radius:999px;padding:6px 10px}.module-filter-button.active{color:#fff;background:#2d6fb1;border-color:#2d6fb1}.module-error,.module-loading,.module-empty{border-radius:10px;padding:12px}.module-error{color:#a32331;background:#ffe9eb}.module-loading,.module-empty{color:#445c75;background:#f1f6fb}.timeseries-chart-wrapper{background:#f8fbff;border:1px solid #dbe6f3;border-radius:10px;flex-direction:column;gap:6px;width:100%;padding:8px;display:flex}.timeseries-chart{width:100%;height:clamp(180px,30vh,320px);display:block}.timeseries-axis{stroke:#b4c7db;stroke-width:1px}.timeseries-axis-tick{fill:#6a7d90;font-size:11px}.timeseries-axis-labels{justify-content:space-between;gap:8px;display:flex}.timeseries-axis-label{color:#4f6378;font-size:.68em;font-weight:600}.timeseries-legend{color:#3f556b;flex-wrap:wrap;gap:8px;font-size:.72em;display:flex}.timeseries-legend-item{align-items:center;gap:5px;display:inline-flex}.timeseries-legend-dot{border-radius:50%;width:9px;height:9px}.timeseries-empty{color:#566b7e;background:#f5f8fb;border-radius:8px;padding:8px;font-size:.8em}@media (width<=720px){.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-tabs,.dashboard-tab{width:100%}.timeseries-chart{height:220px}.timeseries-chart-wrapper{width:100%}.timeseries-axis-tick{font-size:9px}.timeseries-axis-labels{flex-direction:column;align-items:flex-start;gap:4px}.timeseries-legend{gap:6px;font-size:.68em}}