.toast-container {
  position: fixed; bottom: 24px; right: 24px; z-index: 999999;
  display: flex; flex-direction: column; gap: 10px; pointer-events: none;
}
.toast {
  pointer-events: auto; padding: 14px 20px; border-radius: 12px;
  font-family: 'DM Sans', sans-serif; font-size: .85rem;
  color: #EEEDEB; line-height: 1.5; max-width: 360px;
  box-shadow: 0 12px 40px rgba(0,0,0,.4);
  animation: toastIn .35s cubic-bezier(.16,1,.3,1) forwards;
  display: flex; align-items: center; gap: 10px;
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
}
.toast.toast-out { animation: toastOut .3s ease forwards; }
.toast-success { background: rgba(62,181,118,.92); }
.toast-error { background: rgba(217,79,79,.92); }
.toast-info { background: rgba(108,99,255,.88); }
.toast-warning { background: rgba(240,160,96,.9); }
.toast-icon { font-size: 1.2rem; flex-shrink: 0; }
.toast-close {
  margin-left: auto; background: none; border: none; color: rgba(255,255,255,.6);
  cursor: pointer; font-size: 1rem; padding: 0 4px; font-family: inherit;
}
.toast-close:hover { color: #fff; }
@keyframes toastIn {
  from { opacity: 0; transform: translateX(40px) scale(.95); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes toastOut {
  from { opacity: 1; transform: translateX(0) scale(1); }
  to { opacity: 0; transform: translateX(40px) scale(.95); }
}