/* Front CSS additions for animations */
@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

.shake-animation {
    animation: shake 0.3s ease-in-out;
    border-color: #dc3545 !important;
    /* Bootstrap danger color */
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}