.login-container{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:440px;padding:3rem 2.5rem;box-shadow:0 10px 25px #0000000d}[data-theme=dark] .login-box{box-shadow:0 10px 25px #00000080}.login-header{text-align:center;margin-bottom:2rem}.login-icon{background-color:var(--color-bg);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text-primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.login-icon.alert{color:#f59e0b;background-color:#f59e0b1a;border-color:#f59e0b33}.login-header h2{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.5rem}.login-header p{color:var(--color-text-secondary);font-size:.9rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-error{color:#ef4444;text-align:center;background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.75rem;font-size:.85rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.form-group input{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary);transition:border-color var(--transition-fast);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-group input:focus{border-color:var(--color-text-secondary);outline:none}.login-btn{width:100%;margin-top:1rem}