/* Modern Notification Pulse Animation */
@keyframes notification-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 16px rgba(239, 68, 68, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

.notification-pulse {
    animation: notification-pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    will-change: transform, box-shadow;
    /* Optional: add a subtle border-radius for a modern look */
    border-radius: 0.75rem;
}