.toast-container {
  position: fixed;
  top: 25px;
  right: 25px;
  z-index: 9999;
}

.toast {
  min-width: 300px;
  margin-bottom: 12px;
  padding: 16px 20px;
  border-radius: 12px;
  color: white;
  font-weight: 600;
  font-size: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  animation: slideIn .3s ease;
}

.toast.success {
  background: #28a745;
}

.toast.error {
  background: #dc3545;
}

.toast.warning {
  background: #f0ad4e;
  color: #222;
}

.toast.info {
  background: #dbeafe;
  color: #1d4ed8;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(120%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}