@keyframes modalSlideIn {
  from {
    transform: translateY(-20px) scale(0.95);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

@keyframes modalSlideOut {
  from {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translateY(-20px) scale(0.95);
    opacity: 0;
  }
}

.modal-enter {
  animation: modalSlideIn 0.3s ease-out forwards;
}

.modal-exit {
  animation: modalSlideOut 0.3s ease-in forwards;
}

/* Smooth backdrop fade */
#event-modal {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* Button hover effects */
.btn-hover {
  transition: all 0.2s ease-in-out;
}

.btn-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Calendar day hover transitions */
.calendar-day {
  transition: all 0.2s ease-in-out;
}

.calendar-day:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.calendar-day:hover > div {
  background-color: red;
  color: white;
  transform: scale(1.05);
}

.calendar-day:active {
  transform: translateY(0px);
}

.calendar-day > div {
  transition: all 0.2s ease-in-out;
}