.toast-container{top:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-toast);gap:var(--spacing-3);pointer-events:none;max-width:420px;width:calc(100% - var(--spacing-12));flex-direction:column;display:flex;position:fixed}[dir=rtl] .toast-container{right:auto;left:var(--spacing-6)}.toast{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4)var(--spacing-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);pointer-events:auto;-webkit-backdrop-filter:blur(10px);animation:.4s cubic-bezier(.34,1.56,.64,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden}.toast-exit{animation:.3s ease-in forwards toastSlideOut}.toast-success{color:#fff;background:linear-gradient(135deg,#10b981f2,#059669f2);border:1px solid #fff3}.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:1px solid #fff3}.toast-warning{color:#fff;background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border:1px solid #fff3}.toast-info{color:#fff;background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);border:1px solid #fff3}.toast-icon{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:#ffffff40;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);flex:1}.toast-dismiss{color:#ffffffb3;cursor:pointer;padding:var(--spacing-1);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;line-height:1}.toast-dismiss:hover{color:#fff;background:#fff3}.toast-progress{border-radius:0 0 var(--radius-xl)var(--radius-xl);background:#fff6;width:100%;height:3px;animation:linear forwards toastProgress;position:absolute;bottom:0;left:0}[dir=rtl] .toast-progress{left:auto;right:0}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}[dir=rtl] .toast{animation-name:toastSlideInRTL}@keyframes toastSlideInRTL{0%{opacity:0;transform:translate(-100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{to{opacity:0;transform:translate(100%)scale(.9)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (max-width:480px){.toast-container{top:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4);width:auto;max-width:none}[dir=rtl] .toast-container{right:var(--spacing-4);left:var(--spacing-4)}}