:root{--bg:#0b0f14;--bg-elev:#121821;--bg-elev-2:#182130;--border:#24303f;--text:#e7edf3;--text-dim:#8ea0b5;--text-faint:#5f7085;--accent:#3ea6ff;--accent-ink:#04121f;--danger:#ff6b6b;--ok:#37d399;--radius:12px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%, #10202f 0%, var(--bg) 60%);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100dvh}.wrap{max-width:520px;margin:0 auto;padding:28px 20px 64px}.brand{align-items:baseline;gap:10px;margin-bottom:28px;display:flex}.brand .mark{letter-spacing:-.5px;font-size:22px;font-weight:800}.brand .mark b{color:var(--accent)}.brand .tag{letter-spacing:2px;text-transform:uppercase;color:var(--text-faint);font-size:11px}.signin{text-align:center;padding-top:8vh}.signin h1{letter-spacing:-.6px;margin:0 0 8px;font-size:28px;font-weight:800}.signin p{color:var(--text-dim);max-width:34ch;margin:0 auto 28px;line-height:1.5}.sso{flex-direction:column;gap:12px;max-width:320px;margin:0 auto;display:flex}.btn{appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font:inherit;border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:13px 16px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--bg-elev-2);border-color:#35485e}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:hover{filter:brightness(1.06);background:var(--accent)}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:#3a2530}.btn.danger:hover{background:#1c1418}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:22px}.head{align-items:center;gap:16px;margin-bottom:22px;display:flex}.avatar{-o-object-fit:cover;object-fit:cover;background:var(--bg-elev-2);border:1px solid var(--border);width:64px;height:64px;color:var(--text-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.head .who{min-width:0}.head .who .name{letter-spacing:-.3px;font-size:18px;font-weight:700}.head .who .email{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.field{margin-bottom:16px}.field label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-size:12px;display:block}.field input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:10px;outline:none;padding:11px 12px;font-size:15px;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.field input[readonly]{color:var(--text-dim);cursor:default;background:#0e141c}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.actions{gap:10px;margin-top:22px;display:flex}.actions .btn{flex:1}.toast{text-align:center;min-height:18px;color:var(--ok);margin-top:14px;font-size:13px}.toast.err{color:var(--danger)}.footer{text-align:center;justify-content:center;gap:18px;margin-top:24px;display:flex}.footer button{color:var(--text-faint);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px;font-size:13px}.footer button:hover{color:var(--text-dim)}.footer button.danger:hover{color:var(--danger)}.muted{color:var(--text-faint);text-align:center;margin-top:26px;font-size:12px}