:root{--bg: #f6f7f9;--surface: #ffffff;--text: #16181d;--muted: #6b7280;--border: #e3e5ea;--primary: #4f46e5;--primary-hover: #4338ca;--primary-text: #ffffff;--danger: #dc2626;--success-bg: #ecfdf3;--success-text: #067647;--error-bg: #fef3f2;--error-text: #b42318;--code-bg: #f1f2f6;--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--surface: #171a21;--text: #e8eaee;--muted: #9aa1ad;--border: #2a2f3a;--primary: #7c74ff;--primary-hover: #918aff;--primary-text: #0f1115;--danger: #f87171;--success-bg: #0f2e1f;--success-text: #6ee7a8;--error-bg: #3a1414;--error-text: #fca5a5;--code-bg: #232733;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:24px;margin:0 0 8px}h2{font-size:17px;margin:0 0 12px}code{background:var(--code-bg);padding:2px 6px;border-radius:5px;font-size:13px}a{color:var(--primary);text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.logo{background:var(--primary);color:var(--primary-text);border-radius:7px;padding:2px 6px;font-size:13px}.topbar nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar nav a{color:var(--text)}main{padding:24px 16px}.page{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page.wide{max-width:1150px}.center{min-height:70vh;display:grid;place-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card.narrow{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.card.narrow h1,.card.narrow p{margin:0}.card.narrow form{display:flex;flex-direction:column;gap:14px}.card.narrow .code-input{margin-bottom:0}.text-center{text-align:center;align-items:center}label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:14px}input,select{font:inherit;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);width:100%}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}.btn{font:inherit;font-weight:600;border:1px solid transparent;border-radius:8px;padding:9px 16px;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--primary);color:var(--primary-text)}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn.ghost:hover:not(:disabled){background:var(--code-bg)}.btn.sm{padding:5px 10px;font-size:13px}.btn.danger{color:var(--danger)}.btn.full{width:100%}.link{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;padding:0}.row{display:flex;gap:10px}.row.tight{gap:6px}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:13px}.right{text-align:right}.alert{padding:10px 12px;border-radius:8px;font-size:14px;margin-top:10px;word-break:break-word}.alert.error{background:var(--error-bg);color:var(--error-text)}.alert.success{background:var(--success-bg);color:var(--success-text)}.code-input{font-size:26px;text-align:center;letter-spacing:4px;font-family:ui-monospace,monospace;margin-bottom:12px}.code-box{font:700 30px ui-monospace,monospace;letter-spacing:5px;text-align:center;padding:14px;background:var(--code-bg);border-radius:8px}.device-line{display:flex;justify-content:space-between;gap:12px;font-size:14px}.big-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:700}.big-icon.ok{background:var(--success-bg);color:var(--success-text)}.big-icon.bad{background:var(--error-bg);color:var(--error-text)}.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.form-grid{display:grid;gap:12px}.form-grid.cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}th,td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:middle}td.actions{white-space:nowrap}td.actions .btn{margin-left:6px}.disabled-row td{opacity:.55}.sub-row td{background:var(--bg)}.device-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0}.badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--code-bg)}.badge.admin{color:var(--primary)}.badge.active{background:var(--success-bg);color:var(--success-text)}.badge.off{background:var(--error-bg);color:var(--error-text)}@media (max-width: 640px){.hide-sm{display:none}.topbar nav{gap:10px}}