:root{--bg-start:#f8fafc;--bg-end:#dbeafe;--card:#ffffff;--text:#0f172a;--muted:#334155;--brand:#0369a1}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(160deg,var(--bg-start),var(--bg-end))}.page{min-height:100dvh;display:grid;grid-gap:16px;gap:16px;align-content:start;padding:24px;max-width:1120px;margin:0 auto}.card{width:100%;max-width:760px;padding:32px;border-radius:20px;background:var(--card);box-shadow:0 20px 40px rgba(2,6,23,.12)}.kicker{margin:0;color:var(--brand);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}h1{margin:10px 0 12px;font-size:clamp(1.8rem,2.8vw,2.8rem)}p{margin:0;color:var(--muted);line-height:1.6}.auth-card{width:100%;max-width:560px;padding:28px;border-radius:18px;background:var(--card);box-shadow:0 16px 36px rgba(2,6,23,.12);display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:6px;gap:6px;color:var(--text);font-weight:600}.field input{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font:inherit}.button-row{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.link-button,button{border:1px solid transparent;background:var(--brand);color:#ffffff;border-radius:10px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:not-allowed}.passkey{background:#0f766e}.error{color:#b91c1c}.error,.status{font-weight:600}.status{margin:0;color:#0f766e}.dashboard-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.full-width{max-width:100%}.list{display:grid;grid-gap:8px;gap:8px;margin-top:8px}h2{margin:8px 0 10px;font-size:1.4rem}