/* toast.css */
.toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
}

.toast {
  min-width: 250px;
  margin-top: 10px;
  padding: 12px 18px;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  color: white;
  font-size: 14px;
  animation: fadeIn 0.5s ease, fadeOut 0.5s ease 3.5s;
  opacity: 0;
  animation-fill-mode: forwards;
}

/* Types */
.toast-success { background-color: #16a34a; }
.toast-error { background-color: #dc2626; }
.toast-warning { background-color: #f59e0b; }
.toast-info { background-color: #3b82f6; }

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