:root{--text:#3c3a41;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--card-bg:#f9f9fb;--accent:#2f6f4f;--danger:#b3261e;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#4a3aa7;--series-8:#e34948;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#c8c6cd;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--card-bg:#1f2028;--accent:#6fcf97;--danger:#f2867e;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-7:#9085e9;--series-8:#e66767}}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--text-h);font-weight:600}h1{font-size:1.6rem}h2{margin:0 0 .5rem;font-size:1.1rem}button{font:inherit;border:1px solid var(--border);background:var(--card-bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:.4rem .8rem}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger)}.muted{color:var(--text);opacity:.65;font-size:.85em}.warn{color:var(--danger)}.login-card{border:1px solid var(--border);text-align:center;border-radius:10px;max-width:360px;margin:15vh auto;padding:1.5rem}.login-card form{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.login-card label{text-align:left;font-size:.85rem}.login-card .google-login{width:100%;margin-top:1rem}.login-card .login-divider{opacity:.7;margin:1rem 0 0;font-size:.85rem}.login-card .link-button{background:0 0;border:none;font-size:.85rem;text-decoration:underline}.login-card .dev-login{border-style:dashed;font-size:.85rem}.login-card input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:.5rem}.dashboard{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.dashboard>header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard>header>div{align-items:center;gap:.75rem;display:flex}.me{opacity:.75;font-size:.85rem}.device-card{border:1px solid var(--border);background:var(--card-bg);border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.device-header{justify-content:space-between;align-items:center;display:flex}.badge{border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.badge.online{color:var(--accent);border-color:var(--accent)}.badge.offline{color:var(--danger);border-color:var(--danger)}.badge.open{color:var(--accent);border-color:var(--accent);font-size:.8rem}.device-meta,.telemetry{margin:.15rem 0;font-size:.9rem}.zones{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.zones li{border-top:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.zones li.disabled{opacity:.5}.zone-name{min-width:8rem;font-weight:500}.zone-actions{gap:.5rem;margin-left:auto;display:flex}.commands{margin-top:1.5rem}.commands ul{flex-direction:column;gap:.35rem;padding:0;list-style:none;display:flex}.config-rejected{border:1px solid var(--danger);color:var(--danger);border-radius:10px;margin:.5rem 0;padding:.75rem 1rem;font-size:.9rem}.notice{border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;font-size:.9rem}.mfa-card{border:1px solid var(--accent);border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.mfa-qr{background:#fff;border-radius:6px;width:180px;height:180px;padding:.5rem;display:block}.mfa-form{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.mfa-form input{font:inherit;border:1px solid var(--border);background:var(--bg);width:8ch;color:var(--text-h);letter-spacing:.1em;border-radius:6px;padding:.4rem}.chart-card{border:1px solid var(--border);background:var(--card-bg);border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.chart-filters{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.segmented{display:inline-flex}.segmented button{border-radius:0;margin-left:-1px}.segmented button:first-child{border-radius:6px 0 0 6px;margin-left:0}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);position:relative}.chart-legend{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.chart-legend button.off{opacity:.5}.key{vertical-align:middle;border-radius:2px;width:14px;height:3px;margin-right:.4rem;display:inline-block}.chart{margin-top:.5rem;transition:opacity .15s;position:relative}.chart.loading{opacity:.6}.chart svg{touch-action:pan-y;width:100%;height:auto;display:block}.chart .grid{stroke:var(--border);stroke-width:1px}.chart .axis{fill:var(--text);font-size:11px}.chart .series{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .crosshair{stroke:var(--text);stroke-width:1px;opacity:.5}.chart .dot{stroke:var(--card-bg);stroke-width:2px}.chart-empty{justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.chart-tooltip{pointer-events:none;border:1px solid var(--border);background:var(--bg);white-space:nowrap;border-radius:6px;padding:.35rem .6rem;font-size:.85rem;position:absolute;top:0;transform:translate(-50%)}.ota-form{gap:.5rem;max-width:32rem;display:grid}