:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 0 0,#3b82f614,#0000 36%),radial-gradient(circle at 100% 100%,#0ea5e914,#0000 34%),#f4f7fb;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}strong{font-weight:750}.authPage{place-items:center;min-height:100vh;padding:32px;display:grid}.authShell{grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:stretch;gap:32px;width:min(1040px,100%);display:grid}.authIntro,.authCard,.welcomeCard,.foundationCard,.dashboardHeader{background:#fffffff0;border:1px solid #e3e8f0;box-shadow:0 24px 70px #1d293914}.authIntro{border-radius:32px;flex-direction:column;justify-content:space-between;min-height:560px;padding:48px;display:flex}.brandMark{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#1d4ed8,#0284c7);border-radius:22px;place-items:center;width:72px;height:72px;font-size:20px;font-weight:850;display:grid;box-shadow:0 16px 36px #2563eb3d}.brandMarkSmall{border-radius:16px;width:50px;height:50px;font-size:15px}.eyebrow{color:#2563eb;letter-spacing:.11em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800}.authTitle{letter-spacing:-.045em;max-width:520px;margin:0;font-size:clamp(38px,6vw,62px);line-height:1}.authDescription{color:#64748b;max-width:560px;margin:20px 0 0;font-size:17px;line-height:1.75}.securityNote{color:#3f5d4c;background:#f0fdf4;border:1px solid #dcfce7;border-radius:18px;align-items:flex-start;gap:12px;padding:16px 18px;font-size:13px;line-height:1.6;display:flex}.securityDot{background:#16a34a;border-radius:999px;flex:none;width:9px;height:9px;margin-top:6px}.authCard{border-radius:32px;flex-direction:column;justify-content:center;padding:36px;display:flex}.authCardHeader{margin-bottom:28px}.authCardHeader h2{color:#172033;letter-spacing:-.035em;margin:14px 0 8px;font-size:30px}.authCardHeader p{color:#64748b;margin:0;line-height:1.65}.authCardBadge{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;background:#eff6ff;border-radius:999px;align-items:center;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.authForm{gap:20px;display:grid}.formField{gap:8px;display:grid}.formField label{color:#273449;font-size:13px;font-weight:750}.formField input{color:#172033;background:#fff;border:1px solid #cfd7e3;border-radius:13px;outline:none;width:100%;min-height:48px;padding:0 14px;transition:border-color .14s,box-shadow .14s,background .14s}.formField input:hover{border-color:#94a3b8}.formField input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.formField input:disabled{background:#f8fafc}.fieldHelp{color:#64748b;font-size:12px;line-height:1.5}.formAlert{border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55}.formAlertError{color:#b42318;background:#fef2f2;border:1px solid #fecaca}.primaryButton,.secondaryButton{border:0;border-radius:13px;min-height:46px;padding:0 18px;font-weight:750;transition:transform .12s,opacity .12s,box-shadow .12s}.primaryButton{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0284c7);box-shadow:0 12px 28px #2563eb33}.primaryButton:hover:not(:disabled){transform:translateY(-1px)}.secondaryButton{color:#344054;background:#eef2f7}.primaryButton:disabled,.secondaryButton:disabled{opacity:.62}.authCardFooter{color:#667085;border-top:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:22px;font-size:13px;display:flex}.logoutControl{align-items:center;gap:10px;display:flex}.inlineError{color:#b42318;font-size:12px}.dashboardPage{min-height:100vh;padding:28px}.dashboardShell{width:min(1180px,100%);margin:0 auto}.dashboardHeader{border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;display:flex}.dashboardBrand{align-items:center;gap:14px;display:flex}.dashboardBrand .eyebrow{margin:0 0 3px}.dashboardBrandTitle{font-size:18px;font-weight:800}.welcomeCard{border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:36px;margin-top:24px;padding:38px;display:grid}.welcomeContent h1{letter-spacing:-.045em;margin:15px 0 12px;font-size:clamp(32px,5vw,52px);line-height:1.03}.welcomeContent p,.foundationCard p{color:#64748b;margin:0;line-height:1.7}.accountSummary{align-content:center;gap:14px;display:grid}.summaryItem{background:#f8fafc;border:1px solid #e7ecf3;border-radius:16px;gap:7px;padding:16px;display:grid}.summaryLabel{color:#718096;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:800}.successText{color:#15803d}.roleList{flex-wrap:wrap;gap:7px;display:flex}.rolePill{color:#2453a6;background:#eaf2ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.foundationGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.foundationCard{border-radius:24px;padding:26px}.foundationCard h2{letter-spacing:-.02em;margin:18px 0 9px;font-size:19px}.foundationIcon{color:#2563eb;background:#eff6ff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:850;display:grid}@media (max-width:840px){.authPage{padding:20px}.authShell{grid-template-columns:1fr}.authIntro{gap:42px;min-height:auto;padding:34px}.welcomeCard,.foundationGrid{grid-template-columns:1fr}}@media (max-width:520px){.authPage,.dashboardPage{padding:14px}.authIntro,.authCard{border-radius:24px;padding:24px}.authTitle{font-size:38px}.authCardFooter,.dashboardHeader,.logoutControl{flex-direction:column;align-items:stretch}.welcomeCard{padding:26px}}
