@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172431;background:#f3f5f7;font-synthesis:none;--ink: #172431;--muted: #657582;--line: #dce2e7;--panel: #ffffff;--mint: #76e5b7;--green: #22805e;--amber: #b7791f;--red: #c0392b;--blue: #5686c8;--header: #152330}*{box-sizing:border-box}body{margin:0}a{color:inherit}header.top{min-height:72px;background:var(--header);color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1px}.brand .mark{display:grid;place-items:center;background:var(--mint);color:var(--ink);border-radius:9px;width:34px;height:34px;font-size:28px}.brand .tag{font-size:11px;letter-spacing:2px;color:#a8b6c2;margin-left:12px;font-weight:600}nav.main{display:flex;gap:4px;flex-wrap:wrap}nav.main a{color:#c6d4df;text-decoration:none;font-size:14px;padding:8px 12px;border-radius:7px}nav.main a:hover{background:#ffffff14;color:#fff}nav.main a.active{background:#76e5b729;color:var(--mint)}.header-right{display:flex;align-items:center;gap:14px;color:#c6d4df;font-size:13px}.header-right button{background:transparent;color:#c6d4df;border-color:#35485a;padding:7px 11px}.header-right button:hover{background:#ffffff14;color:#fff}.conn{display:inline-flex;align-items:center;gap:6px}.conn i{width:7px;height:7px;border-radius:50%;background:#8797a5;display:inline-block}.conn.open i{background:var(--mint)}.conn.connecting i{background:#e6c15a}.demo-banner{background:#fff5d6;color:#6b4e0a;border-bottom:1px solid #f1dd9c;padding:9px 5%;font-size:13px}main{max-width:1500px;margin:auto;padding:32px 5% 24px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;color:var(--muted);margin:0 0 8px;text-transform:uppercase}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.6px}h1{font-size:32px}h2{font-size:19px}h3{font-size:16px}.muted{color:var(--muted);font-size:14px;line-height:1.5;margin:6px 0 0}.small{font-size:12px;color:var(--muted)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}button,select,input{font:inherit;font-size:14px;border:1px solid #cbd4db;border-radius:7px;background:#fff;color:#243747;padding:9px 13px}button{cursor:pointer}button:hover{background:#e9f8f1}button.primary{background:var(--header);color:#fff;border-color:var(--header)}button.primary:hover{background:#22364a}button.danger{color:var(--red);border-color:#e7b4ae}button.danger:hover{background:#fbeeec}button.ghost{border-color:transparent;background:transparent}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #13825f;outline-offset:2px}.seg{display:inline-flex;border:1px solid #cbd4db;border-radius:7px;overflow:hidden}.seg button{border:0;border-radius:0;padding:7px 11px;font-size:13px}.seg button+button{border-left:1px solid #e3e8ec}.seg button.on{background:var(--header);color:#fff}.panel,.metric,.card{background:var(--panel);border:1px solid var(--line);border-radius:11px}.panel{padding:22px}.panel+.panel{margin-top:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.grid{display:grid;gap:18px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.grid.metrics{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.card{padding:18px 20px;text-decoration:none;display:block;position:relative;transition:box-shadow .15s}.card:hover{box-shadow:0 4px 18px #17243114}.card.selected{outline:2px solid var(--green)}.card .name{font-family:Space Grotesk;font-size:17px;font-weight:600}.card .loc{font-size:13px;color:var(--muted)}.card .readings{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:14px 0 10px}.card .r{display:flex;flex-direction:column}.card .r .k{font-size:12px;color:var(--muted)}.card .r .v{font-family:Space Grotesk;font-size:20px;font-weight:500;letter-spacing:-.5px}.card .r .v .u{font-family:DM Sans;font-size:12px;color:#7a8994;margin-left:4px}.card .foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:8px;flex-wrap:wrap}.metric{padding:20px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:4px;inset:20px auto 20px 0;background:var(--accent, #238b6c)}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#5a6b78}.reading{font-family:Space Grotesk,sans-serif;font-size:34px;font-weight:500;margin:12px 0 8px;letter-spacing:-1px}.reading .unit{font-family:DM Sans,sans-serif;font-size:16px;color:#7a8994;letter-spacing:0;margin-left:6px}.metric-bottom{font-size:12px;color:#647783;display:flex;justify-content:space-between;gap:8px}.metric.bad .reading{color:var(--red)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aa8b3;margin-right:6px;vertical-align:middle}.dot.online{background:#27946b}.dot.stale{background:#d9a520}.dot.offline{background:#c0392b}.state{font-size:12px;font-weight:600;letter-spacing:.3px}.state.online{color:var(--green)}.state.stale{color:var(--amber)}.state.offline{color:var(--red)}.state.unknown{color:var(--muted)}.pill{font-size:11px;letter-spacing:.6px;background:#ecf3f7;color:#5b7383;padding:4px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;white-space:nowrap}.pill.sim{background:#fff1c9;color:#7a5a00}.pill.critical{background:#fbe4e1;color:#9b2c1f}.pill.warning{background:#fff1c9;color:#7a5a00}.pill.info{background:#e3edf7;color:#2e5a8a}.pill.resolved{background:#e8f5ee;color:#1f6b47}.pill.active{background:#fbe4e1;color:#9b2c1f}.pill.admin{background:#e3edf7;color:#2e5a8a}.pill.disabled{background:#eee;color:#777}.pill.unsynced{background:#f3e8ff;color:#5b2d8f}.quality{background:#edf8f2;color:#337b58;font-size:12px;padding:4px 8px;border-radius:4px}.quality.bad{background:#fbe4e1;color:#9b2c1f}.quality.uncertain{background:#fff1c9;color:#7a5a00}.chart-wrap{position:relative}.chart{display:block;width:100%;height:240px;overflow:visible}.chart text{font-family:DM Sans;font-size:11px;fill:#8393a0}.axis-x{display:flex;justify-content:space-between;font-size:11px;color:#81909b;padding-left:44px;margin-top:4px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:10px}.legend span i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.chart-label{display:flex;align-items:baseline;gap:12px;margin:16px 0 4px;flex-wrap:wrap}.chart-label strong{font-family:Space Grotesk;font-size:22px}.chart-label span{color:#768894;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;margin-top:14px;text-align:left;font-size:14px}th{font-size:11px;letter-spacing:1px;color:#7a8a96;background:#f7f9fa;font-weight:600;text-transform:uppercase}td,th{padding:12px 14px;vertical-align:top}td{border-bottom:1px solid #edf0f3}tbody tr:last-child td{border:0}td.wrap{white-space:normal;max-width:460px}tr.unack td{background:#fffdf5}form.stack{display:grid;gap:12px;max-width:460px}label.field{display:grid;gap:5px;font-size:13px;color:#4a5d6b}label.field input,label.field select{width:100%}.error{color:var(--red);font-size:13px}.notice{background:#e8f5ee;border:1px solid #bfe6d1;color:#1f5a3d;padding:12px 14px;border-radius:8px;font-size:14px}.notice.warn{background:#fff5d6;border-color:#f1dd9c;color:#6b4e0a}.notice code{display:block;white-space:pre-wrap;word-break:break-all;font-size:13px;margin-top:6px;background:#ffffffb3;padding:8px;border-radius:6px}.checklist{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.checklist label{display:flex;gap:8px;align-items:center;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.checklist label:has(input:checked){background:#e9f8f1;border-color:#9edbbf}.empty{text-align:center;padding:46px 20px;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:6px}.login{max-width:400px;margin:60px auto}.modal-back{position:fixed;inset:0;background:#17243173;display:grid;place-items:center;padding:16px;z-index:20}.modal{background:#fff;border-radius:12px;padding:24px;width:min(560px,100%);max-height:90vh;overflow:auto}footer.foot{display:flex;justify-content:space-between;gap:20px;color:#89959f;font-size:12px;margin:26px 0 0;flex-wrap:wrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skeleton{color:var(--muted);font-size:14px;padding:20px 0}@media(max-width:720px){header.top{padding:12px 4%}.brand{font-size:20px}.brand .tag{display:none}main{padding:20px 4% 16px}h1{font-size:26px}.reading{font-size:28px}.chart{height:200px}.panel{padding:16px}td,th{padding:10px}}