.auth-actions { gap: .7rem; }
.auth-actions form { margin: 0; }
.auth-user-label { color: #fff; font-size: .875rem; white-space: nowrap; }
.auth-header-button { align-items: center; background: #0369a1; border-radius: .45rem; color: #fff; display: inline-flex; font-size: .875rem; gap: .4rem; padding: .55rem .8rem; text-decoration: none; transition: background .15s ease; }
.auth-header-button:hover { background: #075985; }
.dark .auth-header-button { background: #5b21b6; }
.dark .auth-header-button:hover { background: #4c1d95; }
.auth-login-page { align-items: center; background: #f8fafc; display: flex; flex: 1 1 auto; justify-content: center; padding: 2.5rem 1rem; }
.auth-login-card { background: #fff; border-radius: .9rem; box-shadow: 0 12px 28px rgba(15, 23, 42, .14); max-width: 28rem; padding: 1.8rem; width: 100%; }
.auth-login-heading { margin-bottom: 1.5rem; text-align: center; }
.auth-login-heading h1 { color: #0f172a; font-size: 1.45rem; font-weight: 600; margin: 0; }
.auth-login-heading p { color: #64748b; font-size: .875rem; margin: .5rem 0 0; }
.auth-login-icon { align-items: center; background: #e0f2fe; border-radius: 50%; color: #0284c7; display: flex; height: 3.5rem; justify-content: center; margin: 0 auto .8rem; width: 3.5rem; }
.auth-login-error { background: #fef2f2; border: 1px solid #fca5a5; border-radius: .55rem; color: #b91c1c; font-size: .875rem; margin-bottom: 1rem; padding: .8rem 1rem; }
.auth-login-form { display: grid; gap: 1rem; }
.auth-field label { color: #334155; display: block; font-size: .875rem; font-weight: 600; margin-bottom: .35rem; }
.auth-input { background: #fff; border: 1px solid #cbd5e1; border-radius: .55rem; color: #0f172a; outline: none; padding: .75rem 1rem; width: 100%; }
.auth-input:focus { border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14, 165, 233, .18); }
.auth-submit-button { background: #0284c7; border-radius: .55rem; color: #fff; cursor: pointer; font-weight: 600; padding: .8rem 1rem; width: 100%; }
.auth-submit-button:hover { background: #0369a1; }
.auth-public-link { color: #0284c7; display: block; font-size: .875rem; margin-top: 1.25rem; text-align: center; }
.auth-public-link:hover { text-decoration: underline; }
.dark .auth-login-page { background: #1e293b; }
.dark .auth-login-card { background: #334155; }
.dark .auth-login-heading h1, .dark .auth-field label { color: #fff; }
.dark .auth-login-heading p { color: #cbd5e1; }
.dark .auth-login-icon { background: #4c1d95; color: #ddd6fe; }
.dark .auth-input { background: #1e293b; border-color: #64748b; color: #fff; }
.dark .auth-submit-button { background: #6d28d9; }
.dark .auth-submit-button:hover { background: #5b21b6; }
.dark .auth-public-link { color: #c4b5fd; }
@media (max-width: 640px) { .auth-user-label, .auth-header-button span { display: none; } .auth-header-button { justify-content: center; padding: .55rem; } }