#dlg-toast-container { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 99999; display: flex; flex-direction: column; gap: 0.75rem; pointer-events: none; }
.dlg-toast { pointer-events: all; display: flex; gap: 12px; padding: 14px 18px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); background: rgba(15, 23, 42, 0.9); backdrop-filter: blur(20px); box-shadow: 0 20px 60px rgba(0,0,0,0.5); animation: dlgIn 0.4s ease-out forwards; min-width: 280px; color: white; }
.dlg-toast-out { animation: dlgOut 0.3s ease forwards; }
.dlg-toast-bar { height: 3px; background: #38bdf8; margin-top: 8px; animation: dlgBar var(--dur) linear forwards; }
@keyframes dlgIn { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); } }
@keyframes dlgOut { to { opacity: 0; transform: translateX(120%); } }
@keyframes dlgBar { from { width: 100%; } to { width: 0; } }
.dlg-ripple { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.2); transform: translate(-50%, -50%); animation: ripple 0.6s ease-out forwards; pointer-events: none; }
@keyframes ripple { from { width: 0; height: 0; opacity: 0.5; } to { width: 300px; height: 300px; opacity: 0; } }
.dlg-sticky-filters { position: sticky; top: 80px; z-index: 40; }