:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background:#0d1117; color:#f0f3f6; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top,#172033,#0d1117 55%); }
.shell { width:min(780px,calc(100% - 32px)); margin:0 auto; padding:48px 0; }
.brand { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.brand h1 { font-size:2rem; margin:0; }
.brand-mark { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#e53935; color:white; }
.panel { padding:28px; border:1px solid #2b3545; border-radius:18px; background:rgba(20,27,38,.92); box-shadow:0 20px 60px rgba(0,0,0,.28); }
h2,h3,p { margin-top:0; }
.muted { color:#9da8b8; }
label { display:grid; gap:7px; margin:18px 0; color:#c7d0dc; }
input { width:100%; padding:13px 14px; border:1px solid #3a4658; border-radius:10px; background:#0d131c; color:white; font:inherit; }
button { padding:12px 16px; border:0; border-radius:10px; background:#e53935; color:white; font:inherit; font-weight:700; cursor:pointer; }
button:disabled { opacity:.55; cursor:wait; }
button.secondary { background:#273142; }
.notice { margin-bottom:18px; padding:12px 14px; border-radius:10px; background:#56292c; }
.account-head,.device,.inline-form { display:flex; gap:12px; align-items:center; justify-content:space-between; }
.status.connected { color:#54d68b; }
.status.required { color:#ffb74d; }
.devices { display:grid; gap:12px; margin-bottom:18px; }
.device { align-items:flex-start; padding:16px; border-radius:12px; background:#111923; border:1px solid #293546; }
.device-main { min-width:0; flex:1; }
.device-name { font-weight:700; margin-bottom:8px; }
.plugin-url { display:flex; gap:8px; }
.plugin-url input { min-width:0; font-family:ui-monospace,monospace; font-size:.83rem; }
.plugin-url button { white-space:nowrap; background:#275a9c; }
.inline-form input { flex:1; }
@media (max-width:620px) { .shell{padding:24px 0}.panel{padding:20px}.account-head,.inline-form,.device{align-items:stretch;flex-direction:column}.plugin-url{flex-direction:column} }