@keyframes scaleIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

@keyframes scaleOut {
    from { transform: scale(1); opacity: 1; }
    to { transform: scale(0.95); opacity: 0; }
}

.popup-enter-active {
    animation: scaleIn 0.3s ease-out forwards;
}

.popup-exit-active {
    animation: scaleOut 0.3s ease-in forwards;
}