:root{color-scheme:dark;--bg:#0c151a;--panel:#152127;--edge:#2a3a43;--text:#eef5f3;--muted:#a0b3b8;--mint:#9be6c5;--warning:#f6cb91;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#193b39 0,transparent 50%),var(--bg);color:var(--text);min-height:100vh}header{max-width:1120px;margin:auto;padding:32px 36px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:27px;font-weight:750;letter-spacing:-1.3px;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:24px}.brand span{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted);border-left:1px solid var(--edge);padding-left:24px}main{max-width:840px;margin:40px auto;padding:0 32px 40px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:var(--mint);margin-bottom:18px}h1{font-size:clamp(35px,5vw,56px);line-height:1.12;letter-spacing:-2px;font-weight:600;margin:0 0 22px}h1 span{color:var(--muted)}h2{font-size:22px;letter-spacing:-.6px;margin:0 0 12px}p{line-height:1.65}.intro{color:var(--muted);margin-bottom:36px}.card{background:var(--panel);border:1px solid var(--edge);border-radius:18px;padding:30px;margin:24px 0}.login{padding:36px}.muted{font-size:13px;color:var(--muted)}button,.button{border:0;border-radius:9px;padding:13px 20px;background:var(--mint);color:#122b26;font:inherit;font-size:14px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:22px}button:hover,.button:hover{filter:brightness(1.08)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c3ffee;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.quiet{background:transparent;color:var(--muted);padding:10px}.secondary{background:transparent;color:var(--mint);border:1px solid var(--edge)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.badge{white-space:nowrap;font-size:12px;border:1px solid var(--edge);border-radius:20px;padding:6px 12px;color:var(--mint)}label{display:block;font-size:14px;margin-bottom:10px}.form-row{display:flex;gap:12px}input{min-width:0;flex:1;background:#0d191f;color:var(--text);border:1px solid #41545e;border-radius:9px;padding:13px;font:inherit}form{margin-top:24px;padding-top:24px;border-top:1px solid var(--edge)}.device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--edge)}.device strong{display:block;font-size:15px}.device p{margin:4px 0 0;font-size:12px;color:var(--muted)}.empty{padding:20px 0;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#message{border:1px solid #6a5437;color:var(--warning);background:#2b251c;border-radius:10px;padding:16px;overflow-wrap:anywhere}#qr-container{margin-top:24px}canvas{background:white;max-width:100%;height:auto;border-radius:8px}footer{font-size:12px;letter-spacing:.3px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:36px}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%}[hidden]{display:none!important}@media(max-width:600px){header{padding:24px}.brand{font-size:24px;gap:16px}.brand span{padding-left:16px;font-size:9px}main{margin-top:20px;padding:0 20px 30px}.card,.login{padding:22px}.form-row{flex-direction:column}.section-heading{gap:10px}h1{letter-spacing:-1.3px}.device{align-items:flex-start}}