:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--surface:#1e293b;--surface-2:#273449;--border:#334155;--text:#e2e8f0;--text-dim:#94a3b8;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);margin:0}code{font-family:ui-monospace,Consolas,monospace}.dashboard{flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex}.dashboard__header h1{letter-spacing:-.01em;margin:0;font-size:1.75rem}.dashboard__title-row{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.live-badge{background:var(--surface,#1e293b);border:1px solid var(--border,#334155);color:var(--text-dim,#94a3b8);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.8rem;display:inline-flex}.live-badge__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.live-badge--live{color:#22c55e;border-color:#22c55e59}.live-badge--live .live-badge__dot{animation:1.6s ease-out infinite live-pulse;box-shadow:0 0 #22c55e99}.live-badge--reconnecting,.live-badge--connecting,.live-badge--waiting,.live-badge--stale{color:#facc15;border-color:#facc1559}.live-badge--disconnected,.live-badge--error{color:#ef4444;border-color:#ef444459}@keyframes live-pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.dashboard__subtitle{color:var(--text-dim,#94a3b8);margin:.25rem 0 0}.dashboard__subtitle code{background:var(--surface-2,#273449);border-radius:4px;padding:.1rem .4rem;font-size:.9em}.dashboard__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.range-picker{background:var(--surface,#1e293b);border:1px solid var(--border,#334155);border-radius:8px;display:inline-flex;overflow:hidden}.range-picker__btn{color:var(--text-dim,#94a3b8);cursor:pointer;font:inherit;border:0;border-right:1px solid var(--border,#334155);background:0 0;padding:.5rem .9rem}.range-picker__btn:last-child{border-right:0}.range-picker__btn:hover{background:var(--surface-2,#273449);color:var(--text,#e2e8f0)}.range-picker__btn--active{color:#fff;background:#3b82f6}.refresh-btn{background:var(--surface,#1e293b);color:var(--text,#e2e8f0);border:1px solid var(--border,#334155);cursor:pointer;font:inherit;border-radius:8px;padding:.5rem 1rem}.refresh-btn:hover:not(:disabled){background:var(--surface-2,#273449)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.stat{background:var(--surface,#1e293b);border:1px solid var(--border,#334155);border-radius:10px;padding:.9rem 1rem}.stat__label{color:var(--text-dim,#94a3b8);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.stat__value{margin-top:.25rem;font-size:1.4rem;font-weight:600}.device-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.device-btn{background:var(--surface,#1e293b);color:var(--text,#e2e8f0);border:1px solid var(--border,#334155);cursor:pointer;font:inherit;border-radius:8px;padding:.6rem 1.1rem;font-weight:500;transition:background .12s,border-color .12s}.device-btn:hover:not(:disabled){background:var(--surface-2,#273449)}.device-btn:disabled{opacity:.6;cursor:not-allowed}.device-btn--led.device-btn--on{color:#1f1300;background:#facc15;border-color:#facc15}.device-btn--led.device-btn--on:hover:not(:disabled){background:#eab308;border-color:#eab308}.device-btn--buzzer:hover:not(:disabled){color:#fca5a5;border-color:#f87171}.device-controls__error{color:#ef4444;font-size:.9rem}.chart-card{background:var(--surface,#1e293b);border:1px solid var(--border,#334155);border-radius:12px;min-height:360px;padding:1rem;display:flex}.chart-card__plot{width:100%;height:360px;position:relative}.placeholder{color:var(--text-dim,#94a3b8);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.placeholder--error{color:#ef4444}