:root{color-scheme:dark;--bg:#0d111b;--panel:#161e2d;--line:#2c374d;--text:#f1f4fb;--muted:#a9b7cd;--accent:#76a3ff;--ok:#8fe0b8;--bad:#ffa6ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}header{min-height:76px;padding:20px clamp(20px,5vw,76px);display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:800;letter-spacing:.03em;color:var(--accent)}.brand span{color:var(--text)}.tag,.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--muted)}header button{margin-left:auto}main{max-width:1220px;margin:auto;padding:42px 24px 24px}h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.035em;line-height:1.12;margin:12px 0}h2{font-size:22px;margin:0 0 10px}.intro>p:not(.eyebrow),p{color:var(--muted)}.workspace-top{display:flex;gap:12px;align-items:end;margin:30px 0 24px;flex-wrap:wrap}.workspace-top label{min-width:220px;flex:1}label{display:block;font-size:15px;margin-bottom:15px;color:var(--text)}input,select{display:block;width:100%;font:inherit;background:#0d1422;border:1px solid #44506a;border-radius:8px;padding:11px 12px;color:var(--text);margin-top:6px}input:focus,select:focus,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{cursor:pointer;font:600 15px/1.3 system-ui;border:1px solid transparent;border-radius:8px;padding:12px 18px;background:var(--accent);color:#091328}button:disabled{opacity:.5;cursor:wait}.secondary{border-color:var(--line);background:var(--panel);color:var(--text)}.subtle{background:transparent;border-color:var(--line);color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card,.access,#profile-form{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.access{max-width:480px;margin:32px 0}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{font-size:13px;border:1px solid var(--line);padding:4px 9px;border-radius:20px;color:var(--muted)}.badge.ok{color:var(--ok)}.badge.error{color:var(--bad)}.card p{font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hint{color:var(--muted);font-size:14px}.danger{color:var(--bad)}#message{min-height:24px}#message.error{color:var(--bad)}#message.success{color:var(--ok)}aside{border-left:3px solid var(--accent);padding:16px 22px;margin-top:32px;background:#131c2b}aside p{font-size:14px;max-width:880px}.empty{padding:26px;border:1px dashed var(--line);border-radius:10px}footer{padding:24px;text-align:center;color:var(--muted);font-size:13px}[hidden]{display:none!important}@media(max-width:720px){header{gap:12px;flex-wrap:wrap}.tag{font-size:11px}.grid{grid-template-columns:1fr}main{padding:28px 16px}.card{padding:20px}.workspace-top{align-items:stretch}.workspace-top button{flex:1}.actions button{flex:1}h1{font-size:32px}}