html{background:#07111f}body{margin:0}:root{--bg-base:#07111f;--bg-panel:#0f172ac7;--bg-sunk:#0206177a;--bg-raised:#0206175c;--border-soft:#94a3b81f;--border-mid:#94a3b82e;--border-strong:#94a3b852;--text-primary:#f1f6ff;--text-secondary:#cfdcef;--text-muted:#8ea2bf;--text-faint:#647590;--accent:#38bdf8;--accent-strong:#0ea5e9;--accent-soft:#38bdf824;--accent-glow:#38bdf840;--indigo:#6366f1;--good:#22c55e;--warn:#eab308;--danger:#ef4444;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--shadow-sm:0 4px 14px #0000002e;--shadow-md:0 14px 40px #00000038;--shadow-lg:0 24px 80px #00000042;--ring:0 0 0 3px #38bdf840;color:var(--text-primary);background:var(--bg-base);font-feature-settings:"cv11", "ss01", "ss03";font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}@media (prefers-reduced-motion:no-preference){*{transition-timing-function:cubic-bezier(.4,0,.2,1)}}*{box-sizing:border-box}body{background:var(--bg-base);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:filter .12s,transform .12s,background .12s,border-color .12s}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-md);outline:none}h1,h2,h3{letter-spacing:-.02em;color:var(--text-primary);margin:0}h1{font-size:26px;font-weight:700;line-height:1.2}h2{font-size:18px;font-weight:700;line-height:1.3}h3{font-size:15px;font-weight:600;line-height:1.4}p{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#94a3b82e padding-box padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b852 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-track{background:0 0}.mono{font-feature-settings:"zero", "cv11";font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.app-shell{background:radial-gradient(circle at 15% 0,#38bdf829,#0000 34%),radial-gradient(circle at 80% 10%,#6366f12e,#0000 32%),linear-gradient(135deg,#07111f 0%,#0b1220 48%,#101827 100%);grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040a14b8;flex-direction:column;gap:28px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:14px;display:flex}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--indigo));color:#fff;width:44px;height:44px;box-shadow:var(--shadow-md), inset 0 1px 0 #fff3;letter-spacing:-.02em;place-items:center;font-size:20px;font-weight:800;display:grid}.brand-title{letter-spacing:-.01em;color:var(--text-primary);font-size:15px;font-weight:700}.brand-subtitle{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:500}.nav{gap:8px;display:grid}.nav-item{color:#99abc5;cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:#f8fbff;background:#94a3b814}.nav-item.active{color:#f8fbff;background:#3b82f62e;box-shadow:inset 0 0 0 1px #3b82f659}.nav-soon{letter-spacing:.04em;text-transform:uppercase;color:#fcd34d;background:#eab3082e;border:1px solid #eab30859;border-radius:999px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:600}.live-warning{color:#fde68a;background:#eab3081a;border:1px solid #eab30859;border-radius:12px;margin:16px 22px 22px;padding:14px 16px;font-size:14px;line-height:1.5}.sidebar-card{background:#0f172ad1;border:1px solid #94a3b829;border-radius:20px;margin-top:auto;padding:18px}.sidebar-label{color:#8ea2bf;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.sidebar-value{margin-top:8px;font-size:18px;font-weight:800}.sidebar-card p{color:#93a6c1;font-size:13px;line-height:1.5}.content{padding:28px 34px 60px;overflow:auto}.topbar{border-radius:var(--radius-xl);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:linear-gradient(#0f172ad1,#0f172a94);justify-content:space-between;align-items:center;gap:24px;margin:-8px -8px 24px;padding:18px 24px;display:flex;position:sticky;top:-10px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}h1{letter-spacing:-.025em;margin:4px 0 0;font-size:clamp(22px,2.6vw,28px);line-height:1.15}.refresh,.secondary,.tiny{color:#fff;border-radius:var(--radius-md);cursor:pointer;border:0;font-weight:600}.refresh{background:linear-gradient(135deg, var(--accent-strong), var(--indigo));letter-spacing:-.005em;padding:10px 18px;box-shadow:0 12px 28px #0ea5e940,inset 0 1px #ffffff26}.refresh:hover{box-shadow:0 16px 32px #0ea5e959,inset 0 1px #fff3}.secondary{background:#94a3b824;border:1px solid #94a3b82e;padding:12px 16px}.tiny{color:#bfdbfe;background:#3b82f62e;border-radius:10px;padding:7px 10px}.tiny.danger{color:#fecaca;background:#ef444424}.tiny.good{color:#bbf7d0;background:#22c55e24}.refresh:hover,.secondary:hover,.tiny:hover{filter:brightness(1.08)}.alert,.success{border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.alert:before{content:"⚠";font-size:16px}.success:before{content:"✓";font-size:16px;font-weight:700}.alert{color:#fecaca;background:#ef44441f;border:1px solid #f8717147}.success{color:#bbf7d0;background:#22c55e1f;border:1px solid #4ade8040}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:18px;display:grid}.metric-card{border-radius:var(--radius-xl);background:var(--bg-panel);border:1px solid var(--border-soft);box-shadow:var(--shadow-md);gap:6px;padding:18px 20px;transition:border-color .15s,transform .15s;display:grid}.metric-card:hover{border-color:var(--border-mid)}.metric-card.primary{background:radial-gradient(120% 100% at 0 0,#0ea5e938,#0000 60%),linear-gradient(135deg,#0ea5e924,#4f46e524);border-color:#0ea5e940}.metric-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;display:block}.metric-card strong{letter-spacing:-.03em;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.1;display:block}.metric-card small{color:var(--text-faint);margin-top:2px;font-size:12px;line-height:1.5;display:block}.panel-grid{grid-template-columns:1fr 360px;gap:18px;margin-bottom:18px;display:grid}.audit-grid{align-items:start}.panel{border-radius:var(--radius-2xl);background:var(--bg-panel);border:1px solid var(--border-soft);box-shadow:var(--shadow-lg);margin-bottom:18px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;padding:22px 24px 18px;display:flex}.panel-header p{color:var(--text-muted);margin-top:4px;font-size:13px;line-height:1.55}.pill{background:var(--accent-soft);color:#7dd3fc;letter-spacing:.02em;white-space:nowrap;border:1px solid #38bdf838;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700}.pill.sync-ok{color:#86efac;background:#22c55e24}.pill.sync-warn{color:#fde68a;background:#f59e0b24}.provisioning,.command-controls{gap:14px;padding:0 22px 22px;display:grid}.provision-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.custom-command{grid-template-columns:minmax(160px,.6fr) minmax(240px,1fr) auto;align-items:end;gap:12px;display:grid}.button-row,.quick-actions{flex-wrap:wrap;gap:10px;display:flex}.field{gap:7px;display:grid}.field.wide{grid-column:1/-1}.field span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;color:var(--text-primary);background:var(--bg-sunk);border:1px solid var(--border-mid);border-radius:var(--radius-md);outline:none;padding:11px 14px;transition:border-color .12s,box-shadow .12s}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--border-strong)}.field textarea{resize:vertical;font-family:Consolas,SFMono-Regular,monospace;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}.live-controls{grid-template-columns:auto auto minmax(160px,.3fr) 1fr;align-items:start;gap:12px;padding:0 22px 22px;display:grid}.live-controls pre{color:#bfdbfe;background:#0206177a;border:1px solid #94a3b81f;border-radius:14px;max-height:150px;margin:0;padding:14px;overflow:auto}.live-stat{background:#0206175c;border:1px solid #94a3b81a;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.live-stat span{color:#7dd3fc;font-size:24px;font-weight:900}.settings-editor{grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 22px;display:grid}.settings-editor .button-row{grid-column:1/-1}.settings-reported{gap:10px;display:grid}.settings-meta{background:#0206175c;border:1px solid #94a3b81a;border-radius:14px;justify-content:space-between;gap:14px;padding:12px;display:flex}.settings-meta span{color:#8ea2bf}.settings-reported pre{color:#bfdbfe;background:#0206177a;border:1px solid #94a3b81f;border-radius:14px;min-height:180px;max-height:280px;margin:0;padding:14px;overflow:auto}.secret-box{background:#f59e0b1a;border:1px solid #fbbf2438;border-radius:18px;gap:12px;padding:16px;display:grid}.secret-box p{color:#fcd34d;margin-top:4px;font-size:13px}.secret-box code{color:#fff7ed;overflow-wrap:anywhere;background:#0206178c;border-radius:12px;padding:12px;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:var(--text-faint);text-align:left;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-soft);background:#02061740;padding:12px 22px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border-soft);color:var(--text-secondary);vertical-align:middle;padding:14px 22px}tbody tr:last-child td{border-bottom:0}tr:hover td{background:#94a3b80a}.empty{text-align:center;color:#8ea2bf;padding:30px}.empty.small{padding:18px}.empty-state{text-align:center;background:#02061747;border:1px dashed #94a3b838;border-radius:18px;justify-items:center;gap:12px;margin:8px 22px 22px;padding:40px 24px;display:grid}.empty-state-icon{font-size:44px;line-height:1}.empty-state-title{color:#eaf2ff;font-size:17px;font-weight:600}.empty-state-hint{color:#99abc5;max-width:580px;font-size:14px;line-height:1.6}.empty-state-hint ul{text-align:left;margin:8px 0 0;padding-left:20px}.empty-state-hint li{margin:4px 0}.empty-state .refresh{margin-top:6px;padding:10px 22px}.device-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:0 22px 22px;display:grid}.device-card{cursor:pointer;background:#02061761;border:1px solid #94a3b81f;border-radius:18px;gap:14px;padding:18px;transition:transform .12s,border-color .12s,background .12s;display:grid}.device-card:hover{background:#02061785;border-color:#3b82f659}.device-card.selected{background:#0f172aa6;border-color:#3b82f6a6;box-shadow:inset 0 0 0 1px #3b82f673}.device-card.disabled{opacity:.65}.device-card-head{align-items:center;gap:12px;display:flex}.device-card-title{flex:1;gap:2px;min-width:0;display:grid}.device-card-title b{color:#eaf2ff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.device-card-title span{color:#8ea2bf;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.device-status-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 3px #020617cc}.device-status-dot.online{background:#22c55e;animation:1.6s ease-in-out infinite pulseGreen}.device-status-dot.recent{background:#eab308}.device-status-dot.stale{background:#f97316}.device-status-dot.offline{background:#475569}@keyframes pulseGreen{0%,to{box-shadow:0 0 0 3px #020617cc,0 0 #22c55e8c}50%{box-shadow:0 0 0 3px #020617cc,0 0 0 8px #22c55e00}}.device-card-meta{background:#02061759;border:1px solid #94a3b814;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:10px 14px;padding:12px;display:grid}.device-card-meta div{gap:2px;min-width:0;display:grid}.device-card-meta b{letter-spacing:.04em;text-transform:uppercase;color:#647590;font-size:11px;font-weight:600}.device-card-meta span{color:#cfdcef;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.device-card-meta .status.active{color:#4ade80}.device-card-meta .status.disabled{color:#f87171}.device-card-actions{flex-wrap:wrap;gap:8px;display:flex}.device-card-actions .tiny{flex:1;min-width:110px;padding:8px 12px;font-size:13px}.header-pills{flex-wrap:wrap;gap:8px;display:flex}details.advanced{background:#02061740;border:1px solid #94a3b81f;border-radius:12px;margin:12px 0;padding:0;overflow:hidden}details.advanced>summary{cursor:pointer;color:#99abc5;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;list-style:none;display:flex}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:before{content:"▶";color:#647590;width:12px;font-size:9px;transition:transform .15s;display:inline-block}details.advanced[open]>summary:before{transform:rotate(90deg)}details.advanced>summary:hover{color:#eaf2ff}details.advanced>:not(summary),details.advanced .button-row{padding:0 16px 16px}details.advanced p.hint{color:#8ea2bf;margin:4px 16px 12px;padding:0;font-size:13px}.recordings-toolbar{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;padding:0 22px 16px;display:grid}.recordings-toolbar .field{margin:0}.recordings-toolbar select{color:#eaf2ff;background:#0206178c;border:1px solid #94a3b82e;border-radius:10px;width:100%;padding:9px 10px;font-size:14px}.recordings-toolbar .secondary{white-space:nowrap;padding:9px 14px}@media (width<=900px){.recordings-toolbar{grid-template-columns:1fr 1fr}.recordings-toolbar .secondary{grid-column:span 2}}.pagination{justify-content:center;align-items:center;gap:14px;padding:14px 22px 22px;display:flex}.pagination .secondary{padding:8px 16px}.pagination-info{color:#99abc5;text-align:center;min-width:110px;font-size:13px}.wizard{background:linear-gradient(135deg,#22c55e14,#3b82f614);border:1px solid #22c55e59;border-radius:18px;gap:16px;margin:16px 22px;padding:20px;display:grid}.wizard-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.wizard-head b{color:#ecfdf5;font-size:15px}.wizard-head p{color:#b9d6c2;margin-top:4px;font-size:13px;line-height:1.5}.wizard-head .tiny{color:#99abc5;background:#02061759;border:1px solid #94a3b833;flex-shrink:0}.wizard-section{gap:8px;display:grid}.field-label{color:#8ea2bf;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.wizard-token{color:#fde68a;word-break:break-all;-webkit-user-select:all;user-select:all;background:#0206178c;border:1px solid #22c55e4d;border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;display:block}.wizard-wifi{background:#02061759;border:1px solid #94a3b824;border-radius:12px;padding:0}.wizard-wifi>summary{cursor:pointer;color:#cfdcef;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:13px;font-weight:500}.wizard-wifi-fields{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px;display:grid}@media (width<=700px){.wizard-wifi-fields{grid-template-columns:1fr}}.wizard-snippet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.wizard-snippet-head .refresh{padding:8px 14px;font-size:13px}.wizard-snippet-head .refresh.success{color:#d1fae5;background:#22c55e40;border-color:#22c55e8c}.wizard-snippet{color:#cfdcef;white-space:pre;-webkit-user-select:all;user-select:all;background:#020617a6;border:1px solid #94a3b824;border-radius:12px;padding:16px;font-size:13px;line-height:1.55;overflow-x:auto}.wizard-tip{color:#99abc5;font-size:13px;line-height:1.5}.wizard-tip b{color:#cfdcef}.wizard-options{gap:10px;display:grid}.wizard-checkbox{cursor:pointer;background:#02061759;border:1px solid #94a3b81f;border-radius:12px;grid-template-columns:18px 1fr;align-items:start;gap:10px;padding:12px;display:grid}.wizard-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.wizard-checkbox b{color:var(--text-primary);font-size:14px;display:block}.wizard-checkbox em{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:normal;line-height:1.5;display:block}.recordings-storage-info{color:var(--text-secondary);font-size:13px;line-height:1.6}.recordings-storage-info ul{margin:10px 0 0;padding-left:20px}.recordings-storage-info li{margin:6px 0}.recordings-storage-info b{color:var(--text-primary)}.onboarding{background:radial-gradient(120% 100% at 0 0,#3b82f62e,#0000 60%),radial-gradient(120% 100% at 100% 100%,#a855f72e,#0000 60%),#0f172aa6;border:1px solid #3b82f659;border-radius:20px;margin:16px 22px 0;padding:22px 24px}.onboarding.done{background:radial-gradient(120% 100% at 50% 0,#22c55e38,#0000 60%),#0f172aa6;border-color:#22c55e73}.onboarding-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.onboarding-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#93c5fd;margin-bottom:4px;font-size:11px;font-weight:700}.onboarding.done .onboarding-eyebrow{color:#86efac}.onboarding-head h2{color:#f8fbff;margin:0;font-size:20px}.onboarding-head .tiny{color:#99abc5;background:#02061759;border:1px solid #94a3b833;flex-shrink:0}.onboarding-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.onboarding-step{background:#02061773;border:1px solid #94a3b81f;border-radius:14px;gap:14px;padding:14px;transition:border-color .12s,transform .12s;display:flex}.onboarding-step.current{background:#0f172acc;border-color:#3b82f68c;box-shadow:0 0 24px #3b82f626}.onboarding-step.done{opacity:.65}.onboarding-step.pending{opacity:.55}.onboarding-step-num{color:#99abc5;background:#94a3b81f;border:1px solid #94a3b833;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.onboarding-step.current .onboarding-step-num{color:#dbeafe;background:#3b82f640;border-color:#3b82f699}.onboarding-step.done .onboarding-step-num{color:#d1fae5;background:#22c55e40;border-color:#22c55e99}.onboarding-step-body{gap:4px;display:grid}.onboarding-step-body b{color:#eaf2ff;font-size:14px}.onboarding-step-body span{color:#99abc5;font-size:12px;line-height:1.5}.onboarding-step-body .refresh{justify-self:flex-start;margin-top:8px;padding:6px 14px;font-size:12px}.mono{color:#bfdbfe}.hash{text-overflow:ellipsis;white-space:nowrap;color:#93c5fd;max-width:210px;font-family:Consolas,monospace;display:inline-block;overflow:hidden}.status{color:#86efac;background:#22c55e24;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status.disabled,.status.command-error{color:#fca5a5;background:#ef44441f}.status.command-queued{color:#fde68a;background:#f59e0b24}.status.command-sent{color:#bfdbfe;background:#3b82f624}.status.command-success{color:#86efac;background:#22c55e24}.actions{flex-wrap:wrap;gap:8px;display:flex}.stack-list,.recording-list{gap:12px;padding:0 22px 22px;display:grid}.stack-list div,.recording-item{background:#0206175c;border:1px solid #94a3b81a;border-radius:16px;justify-content:space-between;gap:16px;padding:14px;display:flex}.stack-list b,.recording-item b{color:#eaf2ff}.stack-list span,.recording-item span{color:#8ea2bf}.recording-item{gap:8px;display:grid}.recording-item b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recording-actions{flex-wrap:wrap;gap:8px;display:flex}.recording-actions button{padding:6px 12px;font-size:13px}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}}@media (width<=760px){.provision-form,.custom-command,.settings-editor,.live-controls{grid-template-columns:1fr}}@media (width<=640px){.content{padding:22px}.cards-grid{grid-template-columns:1fr}.topbar{flex-direction:column}}.firmware-settings{gap:14px;padding:0 22px 22px;display:grid}.settings-toolbar{grid-template-columns:minmax(240px,1fr) auto auto auto;align-items:end;gap:12px;display:grid}.toggle-row{color:#cbd5e1;background:#0206175c;border:1px solid #94a3b81a;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.toggle-row input{accent-color:#38bdf8;width:auto}.compact-toggle{background:0 0;border:0;padding:0}.settings-meta.compact{align-items:center;min-height:52px}.settings-group{background:#0206172e;border:1px solid #94a3b824;border-radius:18px;overflow:hidden}.settings-group summary{cursor:pointer;color:#eaf2ff;justify-content:space-between;align-items:center;padding:15px 16px;font-weight:900;list-style:none;display:flex}.settings-group summary::-webkit-details-marker{display:none}.settings-group summary span{color:#7dd3fc;background:#38bdf81a;border-radius:999px;padding:5px 9px;font-size:12px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px;display:grid}.setting-card{background:#0f172ab8;border:1px solid #94a3b81f;border-radius:16px;gap:10px;padding:14px;display:grid}.setting-card.secret-setting{border-color:#fbbf2438}.setting-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.setting-head b{color:#f8fbff;font-family:SFMono-Regular,Consolas,monospace}.setting-head small{color:#8ea2bf;margin-top:3px;font-family:SFMono-Regular,Consolas,monospace;display:block}.setting-card p{color:#9fb1cc;font-size:13px;line-height:1.45}.setting-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.setting-badges span{color:#bfdbfe;background:#3b82f624;border-radius:999px;padding:4px 7px;font-size:10px}.setting-control input,.setting-control textarea{color:#eaf2ff;background:#0206177a;border:1px solid #94a3b82e;border-radius:12px;outline:none;width:100%;padding:10px 12px}.setting-control textarea{resize:vertical;font-family:Consolas,SFMono-Regular,monospace}.setting-foot{color:#7f92ad;gap:4px;font-size:12px;display:grid}.setting-foot code{color:#bfdbfe}.raw-json textarea{color:#eaf2ff;background:#0206177a;border:1px solid #94a3b82e;border-radius:14px;width:calc(100% - 28px);margin:0 14px 14px;padding:12px 14px;font-family:Consolas,SFMono-Regular,monospace}.full-width{grid-column:1/-1}.settings-actions{background:#0f172adb;border:1px solid #94a3b824;border-radius:16px;padding:12px;position:sticky;bottom:12px}@media (width<=1180px){.settings-toolbar,.settings-grid{grid-template-columns:1fr}}.login-form,.admin-user-form{grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.account-card,.legacy-token-box,.admin-users-box{background:#0206175c;border:1px solid #94a3b81f;border-radius:16px;padding:14px}.account-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.account-card p,.panel-subheader p{color:#93a6c1;margin-top:4px;font-size:13px}.legacy-token-box summary{cursor:pointer;color:#93c5fd;font-weight:800}.legacy-token-box .field{margin-top:12px}.panel-subheader{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.admin-users-box{gap:12px;display:grid}.admin-user-list{gap:8px;display:grid}.admin-user-actions{flex-shrink:0;gap:6px;display:flex}.command-hint{border-radius:var(--radius-md);color:#fde68a;background:#eab30814;border:1px solid #eab30838;padding:10px 14px;font-size:13px;line-height:1.5}.admin-user-list div{background:#0f172a8a;border:1px solid #94a3b81a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}@media (width<=760px){.login-form,.admin-user-form{grid-template-columns:1fr}.account-card,.panel-subheader,.admin-user-list div{flex-direction:column;align-items:stretch}}.firmware-panel{margin-top:22px}.firmware-panel .field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0;display:grid}.firmware-panel .field-inline{flex-direction:row;align-items:center;gap:10px}.firmware-panel .field-inline>input[type=checkbox]{width:auto;margin:0}.firmware-panel .hint{color:#8ea2bf;margin-top:4px;font-family:Consolas,SFMono-Regular,monospace;font-size:12px}.progress-bar{background:#94a3b81f;border:1px solid #38bdf840;border-radius:11px;height:22px;margin:10px 0;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width .15s ease-out;position:absolute;top:0;bottom:0;left:0}.progress-bar span{text-align:center;color:#e8f1ff;font-size:12px;font-weight:700;line-height:22px;display:block;position:relative}.ota-dispatch{background:#38bdf80a;border:1px solid #38bdf82e;border-radius:10px;margin:18px 0;padding:14px}.ota-dispatch h3{text-transform:uppercase;letter-spacing:.08em;color:#b4cbe8;margin:0 0 10px;font-size:14px}.ota-grid .field-inline{align-items:flex-end;gap:10px}.firmware-panel table td code{background:#94a3b814;border-radius:4px;padding:2px 6px;font-size:12px}.firmware-panel td.empty{text-align:center;color:#8ea2bf;padding:22px 0;font-style:italic}