:root{--bg-0: #0a0e1a;--bg-1: #11162a;--bg-2: #1a2138;--border: #2a3554;--fg-1: #e5e9f0;--fg-2: #a4b0c8;--fg-3: #6b7894;--accent: #38bdf8;--accent-2: #4ade80;--danger: #ef4444;--warn: #f59e0b;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg-0);color:var(--fg-1);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit}button{background:var(--bg-2);color:var(--fg-1);border:1px solid var(--border);padding:.55em 1em;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#243057;border-color:#3a4870}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#061018;border-color:transparent;font-weight:600}button.primary:hover{background:#5fc9fa}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.danger:hover{background:#ef44441a}input,select,textarea{background:var(--bg-1);color:var(--fg-1);border:1px solid var(--border);padding:.55em .75em;border-radius:6px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;margin-bottom:.35em;color:var(--fg-2);font-size:.85em}.app{display:grid;grid-template-columns:220px 1fr;height:100vh}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar h2{margin:0;padding:1.2em 1.4em;font-size:1.1em;letter-spacing:.02em;border-bottom:1px solid var(--border)}.sidebar nav{flex:1;padding:.8em 0}.sidebar nav a{display:block;padding:.65em 1.4em;color:var(--fg-2)}.sidebar nav a.active{background:var(--bg-2);color:var(--fg-1);border-left:2px solid var(--accent);padding-left:calc(1.4em - 2px)}.sidebar .userbox{padding:1em 1.4em;border-top:1px solid var(--border);font-size:.85em;color:var(--fg-3)}.main{overflow:auto;padding:1.6em 2em}.main h1{margin-top:0;font-size:1.5em}.toolbar{display:flex;gap:.75em;margin-bottom:1em;align-items:center}.toolbar .spacer{flex:1}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:1.1em 1.3em;margin-bottom:.8em}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7em .9em;border-bottom:1px solid var(--border)}th{color:var(--fg-3);font-weight:500;font-size:.85em;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:var(--bg-1)}.badge{display:inline-block;padding:.15em .55em;border-radius:4px;font-size:.78em;font-weight:500}.badge.active{background:#4ade8026;color:var(--accent-2)}.badge.pending{background:#f59e0b26;color:var(--warn)}.badge.offline{background:#ef444426;color:var(--danger)}.pairing-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:2.2em;letter-spacing:.25em;text-align:center;padding:.6em 0;background:var(--bg-2);border-radius:8px;margin:1em 0;color:var(--accent-2)}.empty{padding:3em;text-align:center;color:var(--fg-3);border:1px dashed var(--border);border-radius:8px}.error{color:var(--danger);padding:.6em 0;font-size:.9em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:1.4em 1.6em;min-width:420px;max-width:90vw;max-height:90vh;overflow:auto}.auth-screen{display:grid;place-items:center;height:100vh;background:radial-gradient(ellipse at top,var(--bg-2) 0%,var(--bg-0) 70%)}.auth-box{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:2em;width:380px}.auth-box h1{margin-top:0;font-size:1.4em}.auth-box .field{margin-bottom:.9em}.auth-box .switch{text-align:center;margin-top:1em;font-size:.9em}