.login-error{background:var(--color-danger-bg);color:var(--danger-red);border:2px solid #fca5a5;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-weight:500;animation:.4s ease-in-out shake;display:flex}.login-error i{flex-shrink:0;font-size:18px}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.lockout-banner{background:#fff4e5;border:2px solid #f80;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:none}.lockout-banner i{color:#f80;flex-shrink:0;font-size:24px}.lockout-banner-content{flex:1}.lockout-banner-title{color:#c65c00;margin-bottom:4px;font-weight:600}.lockout-banner-message{color:var(--text-primary);margin-bottom:8px;font-size:14px}.lockout-banner-timer{background:var(--card-bg);border:1px solid var(--color-warning-bg);color:#c65c00;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.lockout-banner-timer i{font-size:14px}.lockout-countdown{font-family:monospace;font-size:15px;font-weight:600}.login-info{background:var(--color-info-bg);color:var(--primary-blue);border:2px solid #7dd3fc;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-weight:500;display:flex}.login-info i{flex-shrink:0;font-size:18px}