:root{--bg: #f4f6f8;--surface: #ffffff;--border: #dde2e7;--text: #17202a;--muted: #637282;--accent: #0f9d8a;--accent-soft: #d6f3ee;--lamp: #f5a524;--lamp-glow: rgba(245, 165, 36, .45);--danger: #d64545;--danger-soft: #fde8e8;--track: #c9d1d9;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1419;--surface: #182029;--border: #2a3541;--text: #e6ebf0;--muted: #8b9aa9;--accent: #2cc4ad;--accent-soft: #123b36;--lamp: #ffb840;--lamp-glow: rgba(255, 184, 64, .4);--danger: #ff6b6b;--danger-soft: #3a1c1c;--track: #3a4652;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;border:0;border-radius:8px;padding:9px 16px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}button.ghost:not(:disabled):hover{color:var(--text)}button.small{padding:4px 10px;font-size:13px}code{font-size:13px;background:var(--bg);padding:1px 5px;border-radius:4px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px}.brand.big{font-size:22px}.logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;letter-spacing:.5px}.muted{color:var(--muted);margin:0}.topbar{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .ghost{margin-left:auto}.content{max-width:1100px;margin:0 auto;padding:24px 16px}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr))}.conn{font-size:13px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--bg);color:var(--muted)}.conn-connected{background:var(--accent-soft);color:var(--accent)}.conn-error,.conn-denied{background:var(--danger-soft);color:var(--danger)}.banner{background:var(--danger-soft);color:var(--danger);padding:10px 14px;border-radius:8px;margin-bottom:16px}.empty{text-align:center;padding:60px 16px;color:var(--muted)}.empty h2{color:var(--text);margin:0 0 6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px 20px}.card.is-offline{opacity:.7}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-head h2{margin:0;font-size:18px}.card h3{margin:16px 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.row-head{display:flex;align-items:center;justify-content:space-between}.row-head h3{margin-bottom:10px}.status{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status.on{color:var(--accent)}.status.off{color:var(--muted)}.inputs,.outputs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lamp{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--muted)}.lamp .dot{width:12px;height:12px;border-radius:50%;background:var(--track);transition:background .15s,box-shadow .15s}.lamp.lit{color:var(--text)}.lamp.lit .dot{background:var(--lamp);box-shadow:0 0 8px var(--lamp-glow)}.switch{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.switch.checked{color:var(--text);border-color:var(--accent)}.switch input{position:absolute;opacity:0;pointer-events:none}.switch:has(input:disabled){cursor:default}.switch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.track{position:relative;width:30px;height:17px;border-radius:99px;background:var(--track);transition:background .15s;flex:none}.thumb{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s}.switch.checked .track{background:var(--accent)}.switch.checked .thumb{transform:translate(13px)}@media (max-width: 480px){.inputs,.outputs{grid-template-columns:repeat(2,1fr)}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.login{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px}.login label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}.login label.check{flex-direction:row;align-items:center;gap:8px;font-weight:500}.login input:not([type=checkbox]){font:inherit;padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.login input:focus{outline:2px solid var(--accent);outline-offset:1px}.login .banner{margin:0}