:root{--text:#3c3a41;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--card-bg:#f9f9fb;--accent:#2f6f4f;--danger:#b3261e;--warn:#9a6700;--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;--warn:#e3b341;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#4cb04c;--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;transition:background-color .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--text)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}button.primary:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.error{color:var(--danger)}.muted{color:var(--text);opacity:.65;font-size:.85em}.warn{color:var(--warn)}.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-header h2{flex:1;margin:0}.device-header{gap:.75rem}.device-meta,.telemetry{margin:.15rem 0;font-size:.9rem}.device-meta{opacity:.8}.readings{flex-wrap:wrap;align-items:baseline;gap:.25rem 1.5rem;margin:.5rem 0;display:flex}.reading{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}.reading small{color:var(--text);opacity:.7;font-size:.8rem;font-weight:400}.cmd-status{font-weight:500}.cmd-status.done{color:var(--accent)}.cmd-status.rejected{color:var(--danger)}.cmd-status.expired{color:var(--warn)}.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);flex-wrap:wrap;align-items:center;gap:.5rem .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}@media (width<=480px){.zone-name{flex-basis:100%;min-width:0}.zone-actions{flex-basis:100%;margin-left:0}.zone-actions button{flex:1;min-height:44px}.device-card,.chart-card{padding:1rem}}.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:12px;margin-bottom:1rem;padding:1rem 1.25rem 1.1rem}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.15rem 1rem;margin-bottom:.6rem;display:flex}.chart-head h2{margin:0}.chart-window{font-variant-numeric:tabular-nums}.chart-filters{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.segmented{display:inline-flex}.segmented button{border-radius:0;margin-left:-1px;padding:.3rem .7rem;font-size:.875rem}.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);background:color-mix(in srgb, var(--accent) 12%, var(--card-bg));color:var(--accent);font-weight:600;position:relative}.chart-custom{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.6rem;font-size:.875rem;display:flex}.chart-custom label{align-items:center;gap:.4rem;display:inline-flex}.chart-custom input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:.3rem .5rem}.chart-legend{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.chart-legend button{border-radius:999px;padding:.2rem .75rem;font-size:.85rem}.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:.55}.chart svg{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.chart .grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 4}.chart .grid.base{stroke-dasharray:none}.chart .grid.vertical{opacity:.5}.chart .axis{fill:var(--text);opacity:.75;font-variant-numeric:tabular-nums;font-size:11px}.chart .axis.major{opacity:1;font-weight:600}@media (width<=480px){.chart .axis{font-size:17px}.segmented{width:100%;display:flex}.segmented button{flex:auto;min-height:44px;padding-inline:.4rem}}.chart .series{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .area{stroke:none}.chart .crosshair{stroke:var(--text);stroke-width:1px;stroke-dasharray:3 3;opacity:.5}.chart .dot{stroke:var(--card-bg);stroke-width:2.5px}.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);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;padding:.4rem .65rem;font-size:.85rem;position:absolute;top:0;transform:translate(-50%);box-shadow:0 4px 14px #00000024}.chart-tooltip .tip-row{margin-top:.15rem}.chart-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.75rem 0 0;padding-top:.75rem;display:grid}.chart-stats dt{text-transform:uppercase;letter-spacing:.04em;opacity:.65;font-size:.75rem}.chart-stats dd{color:var(--text-h);font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1.15rem;font-weight:600}.chart-note{margin:.5rem 0 0}.ota-form{gap:.5rem;max-width:32rem;display:grid}