.input-error {
animation: shake 0.2s ease-in-out 0s 2;
border: 2px solid #ff4d4d !important;
}

@keyframes shake {
0% { transform: translateX(0); }
25% { transform: translateX(-4px); }
50% { transform: translateX(4px); }
75% { transform: translateX(-4px); }
100% { transform: translateX(0); }
}

.error-msg {
color: #ff4d4d;
font-size: 0.8rem;
margin-top: -6px;
margin-bottom: 10px;
}