@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility}html{background:#08111c;min-width:320px}body{min-width:320px;min-height:100vh}:root{--bg:#08111c;--surface:#121f30c7;--surface-strong:#122236;--line:#94a3b82e;--text:#edf5fb;--muted:#8ea2b8;--cyan:#46d9f5;--emerald:#43dfaa;--rose:#ff6e8a;--amber:#f6c85f;--shadow:0 22px 70px #00000047}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0%, #1b759b2b, transparent 33rem), var(--bg);color:var(--text);margin:0;font-family:DM Sans,system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #46d9f58c}.app-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111ce6;align-items:center;gap:28px;min-height:72px;padding:12px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:max-content;display:flex}.brand-mark,.auth-mark{color:#04121a;background:linear-gradient(135deg, var(--cyan), var(--emerald));border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 26px #46d9f52e}.brand strong,.brand small{line-height:1.1;display:block}.brand strong{letter-spacing:.08em;font-family:Space Grotesk,sans-serif}.brand small{color:var(--muted);margin-top:3px;font-size:11px}.main-nav{align-self:stretch;gap:4px;display:flex}.main-nav button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.main-nav button:hover,.main-nav button.active{color:var(--text);border-color:var(--cyan)}.account{align-items:center;gap:12px;margin-left:auto;display:flex}.account-email{max-width:260px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.health-button{color:var(--emerald);cursor:pointer;background:#43dfaa14;border:1px solid #43dfaa38;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.live-dot{background:var(--emerald);width:7px;height:7px;box-shadow:0 0 10px var(--emerald);border-radius:50%}.icon-button{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--text);border-color:var(--line);background:#ffffff0d}.page-content{width:min(1520px,100%);margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px) 64px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading h1,.auth-card h1{letter-spacing:-.04em;margin:3px 0 8px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4vw,44px)}.eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.muted{color:var(--muted)}.page-heading p{margin:0}.range-control{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.range-control select,.filter-content select,.filter-content input{width:100%;min-height:44px;color:var(--text);border:1px solid var(--line);background:#0d1c2c;border-radius:10px;padding:0 12px}.range-control select{width:auto}.panel,.metric-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px}.panel{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading h2,.detail-heading h2{letter-spacing:-.03em;margin:3px 0 0;font-family:Space Grotesk,sans-serif;font-size:21px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card{text-align:left;cursor:pointer;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;gap:3px 12px;padding:18px;transition:transform .2s,border-color .2s;display:grid}.metric-card:hover{border-color:#46d9f573;transform:translateY(-2px)}.metric-icon{border-radius:12px;grid-row:1/span 3;place-items:center;width:40px;height:40px;display:grid}.metric-icon.cyan{color:var(--cyan);background:#46d9f51a}.metric-icon.emerald{color:var(--emerald);background:#43dfaa1a}.metric-icon.rose{color:var(--rose);background:#ff6e8a1a}.metric-icon.amber{color:var(--amber);background:#f6c85f1a}.metric-label{color:var(--muted);font-size:12px}.metric-card strong{font-family:Space Grotesk,sans-serif;font-size:31px;line-height:1.1}.metric-card small{color:var(--muted);font-size:11px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-panel.wide{grid-column:1/-1}.bar-list{gap:11px;margin-top:22px;display:grid}.bar-row{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(90px,1fr) minmax(90px,2fr) 42px;align-items:center;gap:12px;padding:0;display:grid}.bar-row:hover .bar-label{color:var(--cyan)}.bar-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.bar-track{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.bar-track span{background:linear-gradient(90deg, var(--cyan), var(--emerald));border-radius:inherit;height:100%;display:block}.bar-row strong{text-align:right;font-size:13px}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:18px;display:grid}.zone-tile{color:var(--text);text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:12px;gap:3px;padding:14px;display:grid}.zone-tile:hover{border-color:var(--cyan)}.zone-tile span{font-weight:600}.zone-tile small{color:var(--muted)}.zone-tile strong{color:var(--cyan);margin-top:8px;font-size:20px}.freshness{justify-content:space-between;align-items:center;gap:24px;margin-top:16px;display:flex}.freshness dl{flex-wrap:wrap;gap:24px;margin:0;display:flex}.freshness dt,.detail-grid dt{color:var(--muted);text-transform:uppercase;font-size:11px}.freshness dd,.detail-grid dd{margin:5px 0 0;font-size:13px}.button{color:#05131c;background:var(--cyan);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.button:hover{filter:brightness(1.08)}.button:disabled{cursor:wait;opacity:.55}.button.secondary{color:var(--text);border-color:var(--line);background:#ffffff0d}.button.full{width:100%}.heading-actions{gap:8px;display:flex}.inline-alert{color:var(--amber);background:#f6c85f14;border:1px solid #f6c85f40;border-radius:10px;align-items:center;gap:8px;margin:-10px 0 16px;padding:11px 13px;font-size:13px;display:flex}.inline-alert button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;text-decoration:underline}.danger-alert{color:var(--rose);background:#ff6e8a14;border-color:#ff6e8a4d}.workspace-grid{grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:16px;min-height:620px;display:grid}.list-pane,.detail-pane{min-width:0;overflow:hidden}.list-pane{padding:0}.list-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:64px;padding:10px 16px;display:flex}.list-toolbar strong{color:var(--cyan)}.desktop-filters{border-bottom:1px solid var(--line);padding:14px 16px}.filter-content{gap:10px;display:grid}.filter-content label{color:var(--muted);gap:5px;font-size:11px;display:grid}.checkbox-row{flex-wrap:wrap;gap:10px;display:flex}.checkbox-row label{grid-template-columns:auto auto;align-items:center;gap:7px;min-height:40px;display:flex}.checkbox-row input{accent-color:var(--cyan)}.record-list{display:grid}.record-row{width:100%;min-height:82px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #94a3b81a;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;display:grid}.record-row:hover,.record-row.selected{background:#46d9f512}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.open{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.status-dot.closed{background:var(--emerald)}.record-main{gap:4px;min-width:0;display:grid}.record-main strong,.record-main span,.record-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-main strong{font-size:14px}.record-main span{color:var(--muted);font-size:12px}.record-main small{color:#6f879d;font-family:ui-monospace,monospace;font-size:10px}.record-side{color:var(--muted);justify-content:flex-end;align-items:center;gap:5px;display:flex}.badge{min-height:24px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#94a3b81a;border:1px solid #94a3b833;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-open{color:var(--cyan);background:#46d9f51a;border-color:#46d9f540}.badge-closed{color:var(--emerald);background:#43dfaa1a;border-color:#43dfaa40}.badge-danger{color:var(--rose);background:#ff6e8a1a;border-color:#ff6e8a40}.badge-warning{color:var(--amber);background:#f6c85f1a;border-color:#f6c85f40}.load-more{width:calc(100% - 32px);margin:14px 16px}.detail-pane{min-width:0;padding:0}.detail-content{min-width:0;padding:clamp(18px,3vw,30px)}.detail-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.back-button{grid-column:1/-1;justify-self:start;min-height:36px;padding:0 10px;font-size:12px}.mono{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:11px}.tag-row{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.detail-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin:0;padding:18px 0;display:grid}.subsection{min-width:0;margin-top:22px}.subsection h3{margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:15px}.timeline{gap:10px;display:grid}.timeline p{color:var(--muted);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;margin:0;font-size:13px;display:grid}.timeline time{color:var(--text);font-size:12px}.timeline-dot{border-radius:50%;width:8px;height:8px}.timeline-dot.cyan{background:var(--cyan)}.timeline-dot.emerald{background:var(--emerald)}.timeline-dot.rose{background:var(--rose)}.segmented{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;gap:3px;margin-bottom:16px;padding:4px;display:inline-flex}.segmented button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px}.segmented button.active{color:var(--text);background:var(--surface-strong)}.alarm-workspace{min-height:570px}.alarm-groups{gap:10px;padding:16px;display:grid}.alarm-group{border:1px solid var(--line);background:#ffffff08;border-radius:13px;padding:16px}.alarm-group-heading{justify-content:space-between;gap:12px;display:flex}.alarm-group h3{margin:0;font-family:Space Grotesk,sans-serif}.alarm-group p{color:var(--muted);margin:4px 0 0;font-size:12px}.device-pills{flex-wrap:wrap;gap:6px;margin:15px 0;display:flex}.device-pill{color:var(--muted);background:#46d9f50f;border:1px solid #46d9f526;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;display:inline-flex}.device-pill em{color:var(--amber);font-style:normal}.device-table{border-top:1px solid var(--line);min-width:0;display:grid}.device-table>div{border-bottom:1px solid #94a3b81a;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;min-height:48px;font-size:12px;display:grid}.device-table strong,.device-table span{overflow-wrap:anywhere;min-width:0}.device-table span{color:var(--muted)}.state-panel{min-height:190px;color:var(--muted);text-align:center;place-items:center;gap:9px;padding:22px;display:grid}.state-panel svg{color:var(--cyan)}.state-panel h3{color:var(--text);margin:0;font-family:Space Grotesk,sans-serif}.state-panel p{max-width:340px;margin:0;font-size:13px;line-height:1.5}.drawer-backdrop{z-index:30;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.filter-drawer{background:#0b1828;width:min(420px,100%);height:100%;padding:22px;overflow:auto;box-shadow:-20px 0 60px #00000059}.filter-drawer .filter-content{margin-top:20px}.filter-toggle{display:none}.health-popover{z-index:20;width:min(390px,100% - 32px);position:fixed;top:82px;right:clamp(16px,4vw,48px)}.health-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.health-metrics div{background:#ffffff0a;border-radius:9px;padding:10px}.health-metrics span,.health-metrics strong{display:block}.health-metrics span{color:var(--muted);font-size:11px}.health-metrics strong{margin-top:4px;font-size:13px}.health-loading{color:var(--muted);align-items:center;gap:8px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:40;max-width:min(520px,100% - 40px);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:9px;padding:12px 14px;display:flex;position:fixed;bottom:20px;right:20px}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(90px);opacity:.18;border-radius:50%;width:420px;height:420px;position:absolute}.cyan-glow{background:var(--cyan);top:-170px;left:-130px}.rose-glow{background:var(--rose);bottom:-180px;right:-170px}.auth-card{text-align:center;justify-items:center;gap:15px;width:min(440px,100%);padding:42px 30px;display:grid;position:relative}.auth-card h1{margin:0;font-size:33px}.auth-card>.muted{max-width:340px;margin:0;font-size:13px;line-height:1.55}.google-button{min-height:44px}.auth-loading{min-height:44px;color:var(--muted);align-items:center;gap:8px;display:flex}.auth-note{max-width:300px;color:var(--amber);margin:0;font-size:12px}.auth-card small{font-size:11px}@media (width<=1023px){.topbar{flex-wrap:wrap;gap:8px 18px}.main-nav{order:3;width:100%;height:44px;overflow-x:auto}.main-nav button{flex:1;justify-content:center}.account-email{display:none}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions .button{flex:1}.filter-toggle{display:inline-flex}.desktop-filters{display:none}.workspace-grid{grid-template-columns:1fr;min-height:0}.workspace-page.has-detail .list-pane,.workspace-page:not(.has-detail) .detail-pane{display:none}.workspace-page.has-detail .detail-pane{z-index:15;border-radius:0;position:fixed;inset:0;overflow:auto}.freshness{flex-direction:column;align-items:flex-start}.freshness dl{gap:13px;display:grid}.detail-heading{grid-template-columns:minmax(0,1fr) auto}.back-button{grid-column:1/-1}}@media (width<=620px){.page-content{padding:24px 12px 44px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:13px}.metric-icon{width:32px;height:32px}.metric-card strong{font-size:25px}.dashboard-grid{grid-template-columns:1fr}.chart-panel.wide{grid-column:auto}.panel{border-radius:14px}.range-control{justify-content:space-between;width:100%}.range-control select{flex:1}.bar-row{grid-template-columns:minmax(70px,1fr) minmax(70px,1.7fr) 32px;gap:7px}.record-row{grid-template-columns:8px minmax(0,1fr) auto;gap:8px;padding:12px}.record-side .badge:nth-of-type(n+2){display:none}.detail-grid{grid-template-columns:1fr;gap:14px}.alarm-group-heading{flex-direction:column;align-items:flex-start}.device-table>div{grid-template-columns:minmax(0,1fr) auto}.device-table .badge{grid-area:1/2}.auth-card{padding:34px 20px}}.record-main small,.mono{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.device-pill{overflow-wrap:anywhere;flex-wrap:wrap;min-width:0}.device-pill small{color:#6f879d;width:100%;font-size:10px}.alarm-group summary{cursor:pointer;list-style:none}.alarm-group summary::-webkit-details-marker{display:none}.dialog-backdrop{z-index:30;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.filter-dialog{background:#0b1828;width:min(420px,100%);height:100%;padding:22px;overflow:auto;box-shadow:-20px 0 60px #00000059}.filter-dialog .filter-content{margin-top:20px}.custom-range{grid-template-columns:1fr 1fr;gap:8px;display:grid}.range-control{flex-wrap:wrap;min-width:0}.range-control>select{flex:150px;min-width:0}.range-control>.custom-range{flex:100%;min-width:0}.custom-range label{min-width:0}.custom-range input{min-width:0;max-width:100%}@media (width<=620px){.range-control{grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.range-control>.custom-range{grid-column:1/-1}.custom-range{grid-template-columns:minmax(0,1fr)}}.check-label{align-items:center;gap:8px;min-height:44px;display:flex!important}