.login-page{background:linear-gradient(135deg,#1e1e2d 0%,#2d2d4f 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem}.login-header p{color:var(--text-muted);font-size:.8rem}.login-alert{border-radius:var(--radius-md);margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem}.login-alert.error{color:#dc2626;background:#ef444414;border:1px solid #ef444426}.login-alert.success{color:#059669;background:#10b98114;border:1px solid #10b98126}.login-alert.pending{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b26}.login-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.login-btn{width:100%;margin-top:.5rem;padding:.75rem;font-size:.95rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-switch{text-align:center;margin-top:1.5rem}.login-switch p{color:var(--text-muted);font-size:.8rem}.login-switch button{color:var(--primary-blue);margin-left:4px;font-size:.8rem;font-weight:500}.login-switch button:hover{text-decoration:underline}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .input-base{width:100%;padding-right:2.5rem}.password-toggle{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.spin-icon{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}