.login-page{background-color:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background-color:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 4px 24px #00000014}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:#111827;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.login-header p{color:#6b7280;margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-field{flex-direction:column;gap:.375rem;display:flex}.form-field label{color:#374151;font-size:.875rem;font-weight:500}.form-field input{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:.625rem .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.form-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.form-field input::placeholder{color:#9ca3af}.login-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;margin-top:.25rem;padding:.7rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .15s}.login-button:hover{background-color:#1d4ed8}.login-button:disabled{cursor:not-allowed;background-color:#93c5fd}.login-error{color:#dc2626;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}@media (prefers-color-scheme:dark){.login-page{background-color:#0a0a0a}.login-card{background-color:#18181b;box-shadow:0 4px 24px #0000004d}.login-header h1{color:#f4f4f5}.login-header p{color:#a1a1aa}.form-field label{color:#d4d4d8}.form-field input{color:#f4f4f5;background-color:#27272a;border-color:#3f3f46}.form-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-field input::placeholder{color:#71717a}.login-error{color:#f87171;background-color:#1c1012;border-color:#7f1d1d}}