:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e7edf5;background:#0c111a;color-scheme:dark;--muted:#8b9bb0;--blue:#458dff;--border:#273244}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:224px;background:#101722;border-right:1px solid var(--border);padding:37px 25px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{color:white;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:1.4px}.brand span{display:block;font-size:10px;letter-spacing:6px;color:#64a3ff;margin-top:8px}.side-label{margin-top:68px;color:#64748b;font-size:9px;letter-spacing:1.3px}nav{display:grid;gap:14px;margin-top:22px;font-size:13px}nav span{padding:13px 10px;color:var(--muted)}nav .nav-active{background:#1b2b44;color:#91beff;border-radius:6px}.side-bottom{margin-top:auto;color:#b0becf;font-size:12px;line-height:2}.side-bottom small{color:#63758b}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70ceab;margin-right:6px}main{margin-left:224px;padding:40px 5vw;width:calc(100% - 224px);max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#82a1c4;font-weight:600}h1{font-size:28px;letter-spacing:-.8px;margin:9px 0 0}h2{font-size:23px;letter-spacing:-.6px;font-weight:600;margin:12px 0 20px}.user{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted)}button,input,textarea{font:inherit}button{border:1px solid var(--border);border-radius:6px;padding:11px 18px;color:#e7edf5;background:#202c3e;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.quiet{background:transparent;font-size:12px}.danger{color:#ffb9b9;border-color:#633d49;background:#2b202b}input,textarea{background:#0d1521;border:1px solid #344157;border-radius:6px;padding:13px 14px;color:#fff;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #458dff25}label{display:block;font-size:12px;color:#aab9cc;margin-bottom:20px}label input,label textarea{display:block;margin-top:9px}p{color:var(--muted);font-size:14px;line-height:1.7}.auth-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:70px 0 85px;min-height:60vh}.intro h2{font-size:36px;line-height:1.25;letter-spacing:-1.1px}.intro p{max-width:400px}.accent-line{width:44px;height:3px;background:#458dff;margin-bottom:30px}.steps{display:flex;gap:20px;margin-top:35px;font-size:10px;color:#778da8}.card{border:1px solid var(--border);background:#121c2a;border-radius:10px;padding:30px}.card>button{width:100%}.hint{font-size:11px;margin-bottom:0}.summary{margin:36px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.summary h2{margin-bottom:8px}.summary p{margin:0}.summary form{display:flex;gap:10px}.summary input{font-family:Consolas,monospace;width:178px;letter-spacing:2px;text-transform:uppercase}.empty{padding:65px 20px;border:1px dashed #2e3e54;border-radius:10px;text-align:center}.empty-symbol{font-size:44px;color:#527399}.empty h2{margin-bottom:8px}.session{border:1px solid var(--border);border-radius:10px;background:#121c2a;margin:20px 0;overflow:hidden}.session-head{padding:23px 26px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.session-head h2{font-size:18px;margin:6px 0}.badge{font-size:11px;padding:6px 10px;border-radius:5px;align-self:center;background:#233249;color:#9bb8de}.badge.ready{background:#19392f;color:#86dcb5}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 26px}.field span{display:block;font-size:10px;color:#7f93ac;margin-bottom:9px;text-transform:uppercase;letter-spacing:1px}.field strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:9px;padding:0 26px 24px}.results{border-top:1px solid var(--border);padding:16px 26px;max-height:200px;overflow:auto;font-size:12px;line-height:1.6;color:#a8bacf}.results div{margin:5px 0}.results .error{color:#ffadad}#notice{background:#2a2830;border:1px solid #6e5561;color:#ffc4c4;padding:13px 18px;border-radius:7px;margin-top:18px;font-size:13px}footer{border-top:1px solid var(--border);padding-top:24px;color:#5f718b;font-size:11px;display:flex;justify-content:space-between;margin-top:40px}dialog{border:1px solid #3b4f6c;border-radius:12px;background:#152133;padding:32px;width:min(520px,90vw)}dialog::backdrop{background:#0009}.close{float:right}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:1000px){aside{width:185px;padding:30px 20px}main{margin-left:185px;width:calc(100% - 185px);padding:32px}.auth-layout{gap:25px}.intro h2{font-size:29px}.summary{align-items:flex-start;flex-direction:column}.device-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{display:none}main{margin:0;width:100%;padding:24px 18px}h1{font-size:23px}.auth-layout{grid-template-columns:1fr;padding:32px 0}.intro h2{font-size:28px}.steps{margin-top:20px}.card{padding:24px}.user{font-size:10px}.summary form{width:100%}.summary input{flex:1;width:100px}.device-grid{padding:20px;gap:18px}.session-head{padding:20px}.actions{padding:0 20px 20px}footer{gap:20px;line-height:1.7}}