.login-card { max-width: 420px; margin: 60px auto; padding: 28px; border-radius: 12px; box-shadow: 0 10px 24px rgba(0,0,0,.08); background: #fff; }
.role-toggle { display: flex; gap: 12px; margin-bottom: 16px; }
.role-toggle .form-check { flex: 1; }
.login-title { text-align: center; margin-bottom: 10px; }
.small-note { font-size: 12px; color: #777; }
.error-text { color: #dc3545; font-size: 13px; margin-top: 8px; }