.toast-container { position: fixed; bottom: 24px; right: 24px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; max-width: 360px; }
.toast {
  padding: 14px 20px; border-radius: var(--radius); color: #fff;
  animation: toastIn 0.3s var(--bounce); display: flex; align-items: center; gap: 10px;
  font-size: 0.875rem; box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}
.toast.toast-out { animation: toastOut 0.3s var(--transition) forwards; }
.toast-success { background: linear-gradient(135deg, var(--success), #059669); }
.toast-error { background: linear-gradient(135deg, var(--danger), #dc2626); }
.toast-info { background: linear-gradient(135deg, var(--info), #0284c7); }
[dir="rtl"] .toast-container { right: auto; left: 24px; }