:root{--bg:#0b1620;--bg-panel:#0f1e2b;--bg-panel-2:#122436;--line:#1e3446;--text:#dce8ef;--text-dim:#7d94a3;--text-faint:#4f6675;--live:#35c9a5;--stale:#e3a63d;--dead:#e35d5d;--frozen:#e07a2f;--waiting:#4f6675;--accent:#4fb6e0;--mono:"SFMono-Regular", Consolas, monospace;--sans:-apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);font-family:var(--sans);height:100%;margin:0;padding:0}.app{flex-direction:column;min-height:100vh;display:flex}.auth-screen{background:radial-gradient(1200px 500px at 20% -10%, #4fb6e029, transparent), radial-gradient(1000px 450px at 90% 120%, #35c9a51f, transparent), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--bg-panel), var(--bg-panel-2));border-radius:12px;width:min(460px,100%);padding:22px;box-shadow:0 12px 36px #00000059}.auth-title{color:#f0f6f9;margin:0;font-size:24px}.auth-subtitle{color:var(--text-dim);margin:10px 0 0;font-size:14px}.auth-form{flex-direction:column;gap:8px;margin-top:18px;display:flex}.auth-form label{color:var(--text-dim);font-size:12px}.auth-input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.auth-input:focus{border-color:var(--accent);outline:none}.auth-button{border:1px solid var(--accent);background:var(--accent);color:#08121a;cursor:pointer;border-radius:8px;margin-top:4px;padding:10px 12px;font-weight:700}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:var(--dead);margin:2px 0 0;font-size:12px}.summary-bar{z-index:40;background:linear-gradient(180deg, var(--bg-panel) 0%, #0f1e2bf5 100%);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px 10px;display:flex;position:sticky;top:0}.summary-title{color:#f0f6f9;margin:0 0 2px;font-size:17px;font-weight:600}.summary-sub{color:var(--text-dim);font-size:11px;font-family:var(--mono)}.history-progress{background:var(--line);border-radius:2px;width:160px;height:3px;margin-top:4px;position:relative;overflow:hidden}.history-progress-bar{background:var(--accent);border-radius:2px;transition:width .4s;position:absolute;inset:0 auto 0 0}.history-progress-label{color:var(--text-faint);font-size:10px;font-family:var(--mono);margin-top:3px;display:block}.summary-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conn-pill{font-family:var(--mono);border:1px solid var(--line);background:var(--bg-panel-2);color:var(--text-dim);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.conn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stat-chip{border:1px solid var(--line);background:var(--bg-panel-2);cursor:pointer;color:var(--text-dim);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;transition:background .15s;display:flex}.stat-chip:hover,.stat-chip.active{background:var(--bg);border-color:var(--chip-color,var(--accent))}.stat-count{font-size:15px;font-weight:700;font-family:var(--mono)}.stat-label{font-size:11px}.gateway-bar{background:var(--bg-panel);border-bottom:1px solid var(--line);gap:12px;padding:10px 20px;display:flex}.gateway-card{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:8px;flex:1;padding:10px 14px}.gateway-card.gateway-warn{border-color:var(--dead)}.gateway-label{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.gateway-name{color:var(--text);font-size:13px;font-weight:600}.gateway-warn-icon{color:var(--dead)}.gateway-stats{color:var(--text-dim);font-size:11px;font-family:var(--mono)}.gateway-bar-track{background:var(--bg);border-radius:3px;height:6px;display:flex;overflow:hidden}.gateway-bar-live{background:var(--live);height:100%;transition:width .5s}.gateway-bar-stale{background:var(--stale);height:100%;transition:width .5s}.gateway-bar-dead{background:var(--dead);height:100%;transition:width .5s}.gateway-warn-msg{color:var(--dead);margin-top:6px;font-size:11px}.sensor-grid-container{flex:1;padding:14px 20px 20px}.grid-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.grid-search{border:1px solid var(--line);background:var(--bg-panel-2);color:var(--text);border-radius:6px;outline:none;flex:0 0 220px;padding:6px 12px;font-size:13px}.grid-search:focus{border-color:var(--accent)}.building-filters{gap:4px;display:flex}.bldg-btn{border:1px solid var(--line);background:var(--bg-panel-2);color:var(--text-dim);cursor:pointer;border-radius:5px;padding:4px 10px;font-size:12px}.bldg-btn.active,.bldg-btn:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.grid-count{color:var(--text-faint);font-size:12px;font-family:var(--mono);margin-left:auto}.building-section{margin-bottom:24px}.building-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:10px;padding:6px 0;display:flex}.building-label{color:var(--accent);letter-spacing:.5px;font-size:14px;font-weight:700}.building-count{color:var(--text-faint);font-size:11px;font-family:var(--mono)}.building-problems{color:var(--dead);background:#e35d5d1f;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.sensor-card{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;padding:10px 12px;transition:transform .1s,box-shadow .15s;position:relative;overflow:hidden}.sensor-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0006}.sensor-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-live{background:#35c9a51f;border-color:#35c9a54d}.status-stale{background:#e3a63d1f;border-color:#e3a63d4d}.status-dead{background:#e35d5d26;border-color:#e35d5d66}.status-frozen{background:#e07a2f26;border-color:#e07a2f66}.status-waiting{background:var(--bg-panel-2);border-color:var(--line)}.card-apt{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:700}.card-status{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px}.status-live .card-status{color:var(--live)}.status-stale .card-status{color:var(--stale)}.status-dead .card-status{color:var(--dead)}.status-frozen .card-status{color:var(--frozen)}.card-gallons{font-size:14px;font-weight:600;font-family:var(--mono);color:var(--text)}.card-unit{color:var(--text-dim);font-size:10px;font-weight:400}.card-footer{flex-direction:column;gap:2px;margin-top:6px;display:flex}.card-lastseen{color:var(--text-faint);font-size:10px;font-family:var(--mono)}.card-anomaly{color:var(--dead);font-size:10px}.status-frozen .card-anomaly{color:var(--frozen)}@keyframes card-flash{0%{box-shadow:0 0 #35c9a599}50%{box-shadow:0 0 0 8px #35c9a500}to{box-shadow:0 0 #35c9a500}}.card-flash{animation:.8s ease-out card-flash}.detail-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070d15a6;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-panel{background:var(--bg-panel);border-left:1px solid var(--line);flex-direction:column;width:480px;max-width:100vw;height:100vh;padding:20px;display:flex;overflow-y:auto}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.detail-apt{color:#f0f6f9;margin:0 0 6px;font-size:22px;font-weight:700}.detail-status-badge{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.detail-status-badge.status-live{color:var(--live);background:#35c9a526}.detail-status-badge.status-stale{color:var(--stale);background:#e3a63d26}.detail-status-badge.status-dead{color:var(--dead);background:#e35d5d26}.detail-status-badge.status-frozen{color:var(--frozen);background:#e07a2f26}.detail-status-badge.status-waiting{background:var(--bg-panel-2);color:var(--text-dim)}.detail-frozen-note{color:var(--frozen);margin:6px 0 0;font-size:12px}.detail-anomaly-note{color:var(--stale);margin:6px 0 0;font-size:12px}.detail-close{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;padding:4px 10px;font-size:14px}.detail-close:hover{color:var(--text);border-color:var(--text-dim)}.detail-meta{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.meta-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:7px 12px;font-size:12px;display:flex}.meta-row:last-child{border-bottom:none}.meta-row span:first-child{color:var(--text-dim)}.meta-row code{font-family:var(--mono);color:var(--accent);font-size:11px}.detail-section-title{text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim);margin:12px 0 8px;font-size:11px;font-weight:600}.history-source-badge{letter-spacing:.2px;border-radius:999px;align-items:center;gap:6px;margin:0 0 10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.history-source-badge.source-persisted{color:#9ab0bd;background:#7d94a324}.history-source-badge.source-fresh{color:var(--live);background:#35c9a524}.history-source-badge.source-mixed{color:var(--accent);background:#4fb6e024}.detail-loading,.detail-error{color:var(--text-dim);padding:12px 0;font-size:12px}.detail-error{color:var(--dead)}.chart-empty{color:var(--text-dim);padding:16px 0;font-size:12px}.detail-table-wrap{margin-bottom:12px;overflow-x:auto}.detail-table{border-collapse:collapse;width:100%;font-size:12px}.detail-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--line);padding:6px 10px;font-weight:500}.detail-table td{font-family:var(--mono);color:var(--text);border-bottom:1px solid #1e344680;padding:5px 10px}.detail-table tr.row-frozen td{color:var(--frozen)}.history-source-pill{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.history-source-pill.source-persisted{color:#9ab0bd;background:#7d94a326}.history-source-pill.source-fresh{color:var(--live);background:#35c9a526}.history-source-pill.source-mixed{color:var(--accent);background:#4fb6e026}.table-empty{color:var(--text-faint);text-align:center;padding:12px;font-family:var(--sans)!important}.detail-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.detail-quicklook-link{color:var(--accent);font-size:12px;text-decoration:none}.detail-quicklook-link:hover{text-decoration:underline}.card-history-warn{color:#a87fd6;font-size:10px}.sensor-card.history-old{box-shadow:inset 0 0 0 1px #a87fd666}.view-toggle{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.view-btn{background:var(--bg-panel-2);color:var(--text-dim);cursor:pointer;border:none;padding:4px 12px;font-size:12px}.view-btn+.view-btn{border-left:1px solid var(--line)}.view-btn.active{background:var(--accent);color:#fff}.sensor-table-container{flex:1;padding:14px 20px 20px}.table-scroll{overflow-x:auto}.sensor-table{border-collapse:collapse;width:100%;font-size:12px}.sensor-table thead{z-index:10;position:sticky}.sensor-table th{background:var(--bg-panel);text-align:left;color:var(--text-dim);border-bottom:2px solid var(--line);padding:8px 12px;font-weight:500}.sensor-table td{color:var(--text);border-bottom:1px solid #1e344666;padding:6px 12px}.table-row{cursor:pointer;transition:background .1s}.table-row:hover{background:var(--bg-panel-2)}.table-row.row-dead{border-left:3px solid var(--dead);background:#e35d5d1a}.table-row.row-frozen{border-left:3px solid var(--frozen);background:#e07a2f1a}.table-row.row-stale{border-left:3px solid var(--stale);background:#e3a63d14}.table-row.row-dead td{color:#f08080}.table-row.row-frozen td{color:#e8a060}.table-row.row-stale td{color:#d4b860}.table-row.row-live td:first-child{color:var(--live)}.col-apt{min-width:80px;font-weight:600}.col-mono{font-family:var(--mono)}.col-age{min-width:60px}.col-flags{min-width:160px}.sort-arrow{margin-left:4px;font-size:10px}.sort-inactive{opacity:.35}.status-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.status-badge.live{color:var(--live);background:#35c9a526}.status-badge.stale{color:var(--stale);background:#e3a63d26}.status-badge.dead,.status-badge.offline{color:var(--dead);background:#e35d5d26}.status-badge.waiting{background:var(--bg-panel-2);color:var(--text-faint)}.status-badge.meter-ok{color:var(--live);background:#35c9a51a}.status-badge.meter-frozen{color:var(--frozen);background:#e07a2f26}.status-badge.meter-no_history{background:var(--bg-panel-2);color:var(--text-faint)}.flag-pill{border-radius:8px;margin:1px 2px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.flag-dead{color:var(--dead);background:#e35d5d33}.flag-stale{color:var(--stale);background:#e3a63d33}.flag-frozen{color:var(--frozen);background:#e07a2f33}.flag-old{color:#a87fd6;background:#a87fd633}.flag-none{background:var(--bg-panel-2);color:var(--text-faint)}.flag-zero{color:#f06060;background:#e35d5d40}.flag-low{color:var(--stale);background:#e3a63d33}.flag-high{color:#50dc96;background:#50dc9626}.grid-empty{color:var(--text-dim);text-align:center;padding:32px;font-size:14px}.cell-zero{color:#f06060;background:#e35d5d1f;font-weight:600}.cell-low{color:var(--stale);background:#e3a63d1a}.cell-high{color:#50dc96;background:#50dc961a}.card-sparkline{align-items:flex-end;gap:2px;height:24px;margin:2px 0;padding:2px 0 0;display:flex}.bar-col{background:var(--bg-panel-2);cursor:default;border-radius:2px;flex:1;align-items:flex-end;height:100%;display:flex}.bar-fill{border-radius:2px;width:100%;min-height:2px}.bar-ok{background:var(--live);opacity:.55}.bar-zero{opacity:.9;background:#f06060}.bar-low{background:var(--stale);opacity:.8}.bar-high{opacity:.8;background:#50dc96}.card-usage-flag{margin-top:2px;font-size:9px;display:block}.flag-usage-all-zero{color:#f06060;font-weight:700}.flag-usage-zero-usage{color:#f06060}.flag-usage-low-usage{color:var(--stale)}.flag-usage-high-usage{color:#50dc96}.flag-usage-not-reporting{color:#a87fd6}.flag-usage-low-vs-peers{color:#f0a060;font-weight:600}.flag-usage-high-vs-peers{color:#60d0a0}.card-header-row{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.card-type-badge{background:var(--bg-panel-2);color:var(--text-dim);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:1px 5px;font-size:9px}.card-type-badge.peer-low-vs-peers{color:#f0a060;background:#f0a06033;font-weight:700}.card-type-badge.peer-high-vs-peers{color:#60d0a0;background:#60d0a026;font-weight:700}.col-type{white-space:nowrap}.type-badge{background:var(--bg-panel-2);color:var(--text-dim);border-radius:6px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}.type-badge.type-peer-low{color:#f0a060;background:#f0a06033;font-weight:700}.type-badge.type-peer-high{color:#60d0a0;background:#60d0a026;font-weight:700}.type-unknown{color:var(--text-faint)}.flag-peer-low{color:#f0a060;background:#f0a06033}.flag-peer-high{color:#60d0a0;background:#60d0a026}.sensor-table td:first-child,.sensor-table th:first-child{z-index:2;background:var(--row-bg,var(--bg-panel));position:sticky;left:0}.sensor-table th:first-child{--row-bg:var(--bg-panel)}.table-row{--row-bg:var(--bg)}.table-row:hover{--row-bg:var(--bg-panel-2);background:var(--bg-panel-2)}.table-row.row-dead{--row-bg:#3c0f0fe6}.table-row.row-frozen{--row-bg:#371c08e6}.table-row.row-stale{--row-bg:#322808cc}.table-row.row-live{--row-bg:var(--bg)}@media (width<=900px){.summary-bar{gap:8px;padding:10px 14px 8px}.summary-title{font-size:15px}.sensor-grid-container,.sensor-table-container{padding:10px 14px 16px}.gateway-bar{gap:8px;padding:8px 14px}.detail-panel{width:420px}}@media (width<=600px){.summary-bar{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 12px}.summary-title{font-size:14px}.summary-sub{font-size:10px}.summary-right{gap:6px;width:100%}.conn-pill{padding:3px 8px;font-size:10px}.stat-chip{padding:3px 8px;font-size:11px}.stat-count{font-size:13px}.view-toggle{margin-left:auto}.gateway-bar{grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px;display:grid}.sensor-grid-container,.sensor-table-container{padding:8px 10px 16px}.grid-controls{gap:6px}.grid-search{flex:0 0 100%;width:100%}.building-filters{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.building-filters::-webkit-scrollbar{display:none}.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.sensor-card{padding:8px 9px}.card-apt{font-size:13px}.card-gallons{font-size:12px}.sensor-table{font-size:11px}.sensor-table th,.sensor-table td{padding:5px 8px}.detail-overlay{justify-content:center;align-items:flex-end}.detail-panel{border-left:none;border-top:1px solid var(--line);border-radius:12px 12px 0 0;width:100%;height:92vh;padding:16px 16px 24px}.detail-apt{font-size:18px}}