@keyframes flashGreen {
    0% { background-color: transparent; }
    20% { background-color: rgba(34, 197, 94, 0.2); }
    100% { background-color: transparent; }
}

@keyframes flashRed {
    0% { background-color: transparent; }
    20% { background-color: rgba(239, 68, 68, 0.2); }
    100% { background-color: transparent; }
}

.flash-green {
    animation: flashGreen 3s ease-out;    
}

.flash-red {
    animation: flashRed 3s ease-out;
}

/* Optimize animations for performance */
.flash-green, .flash-red {
    will-change: background-color;
}