:root{color-scheme:light dark;--bg:#f2f5fb;--card:#fff;--text:#182b45;--muted:#586a80;--border:#dae3f0;--accent:#2264d1;--error:#b32335;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;padding:36px 20px}main{max-width:600px;margin:0 auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;text-decoration:none;color:var(--text);font-size:20px;font-weight:700}.brand img{width:42px;height:42px;border-radius:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 12px 40px #173b6810}h1{font-size:26px;letter-spacing:-.04em;margin:0 0 14px}h2{font-size:17px;margin:24px 0 12px}p{line-height:1.7;margin:10px 0;color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.06em}.identity,.client{padding:14px 16px;background:var(--bg);border-radius:14px;margin:16px 0;overflow-wrap:anywhere}.client strong{display:block}.client small{display:block;color:var(--muted);margin-top:5px}.scope{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-top:1px solid var(--border);line-height:1.5}.scope input{margin-top:4px;width:18px;height:18px;accent-color:var(--accent)}.scope small{display:block;color:var(--muted);margin-top:4px}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}button,.button{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--border);border-radius:12px;padding:12px 17px;color:var(--text);background:var(--card);text-align:center;text-decoration:none;min-height:46px}.primary{background:var(--accent);border-color:var(--accent);color:white;flex:1}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #71a1ff;outline-offset:3px}.login-form{display:grid;gap:12px;margin-top:14px}.login-form label{font-size:14px;display:grid;gap:5px}input[type=email],input[type=password]{font:inherit;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);width:100%}.divider{text-align:center;font-size:13px;margin-top:14px}#message{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--error);font-size:14px}footer{display:flex;gap:16px;margin:24px 0;font-size:13px;flex-wrap:wrap}a{color:var(--accent)}[hidden]{display:none!important}.connection{padding:18px 0;border-top:1px solid var(--border)}.connection strong{overflow-wrap:anywhere}.connection button{margin-top:8px;color:var(--error)}.connection small{display:block;margin-top:7px;color:var(--muted)}.subtle{font-size:13px}.empty{padding:14px 0}.logout{border:0;padding:6px;background:transparent;font-size:13px;color:var(--accent)}
@media(prefers-color-scheme:dark){:root{--bg:#101b2c;--card:#17263c;--text:#eaf0f9;--muted:#a5b4c8;--border:#30425c;--accent:#659cff;--error:#ff94a1}.primary{color:#102039}}
@media(max-width:480px){body{padding:24px 12px}.card{padding:22px 18px;border-radius:20px}h1{font-size:24px}.actions{gap:8px}}