/* Flash message styling */
.flash-message {
  animation: fade-in 0.5s ease-out;
}

.flash-message.success {
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
}

.flash-message.error {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
}

.flash-message.warning {
  background-color: #fffbeb;
  border: 1px solid #fef3c7;
}

.flash-message.info {
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
}

.flash-message.fade-out {
  animation: fade-out 0.5s ease-in forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}