.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:none}.toast-notification{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;animation:slideIn .3s ease-out,fadeOut .3s ease-in 3.7s forwards;position:relative;overflow:hidden;min-width:300px}.toast-success{background:linear-gradient(135deg,rgba(16,185,129,.95),rgba(5,150,105,.95))}.toast-error,.toast-success{border:1px solid rgba(255,255,255,.2);color:white}.toast-error{background:linear-gradient(135deg,rgba(239,68,68,.95),rgba(220,38,38,.95))}.toast-warning{background:linear-gradient(135deg,rgba(245,158,11,.95),rgba(217,119,6,.95))}.toast-info,.toast-warning{border:1px solid rgba(255,255,255,.2);color:white}.toast-info{background:linear-gradient(135deg,rgba(59,130,246,.95),rgba(37,99,235,.95))}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px}.toast-icon svg{color:white}.toast-content{flex:1 1;min-width:0}.toast-title{font-weight:600;font-size:.95rem;margin-bottom:2px;color:white}.toast-message{font-size:.875rem;opacity:.95;line-height:1.4;color:rgba(255,255,255,.95)}.toast-close{flex-shrink:0;background:rgba(255,255,255,.15);border:none;border-radius:6px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:white;opacity:.7}.toast-close:hover{background:rgba(255,255,255,.25);opacity:1}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.4);animation:progress 4s linear forwards;border-radius:0 0 12px 12px}.toast-error .toast-progress{animation-duration:6s}.toast-warning .toast-progress{animation-duration:5s}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes progress{0%{width:100%}to{width:0}}@media (max-width:480px){.toast-container{left:10px;right:10px;max-width:none}.toast-notification{min-width:auto}}[data-theme=light] .toast-notification{box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)}.toast-notification:hover,.toast-notification:hover .toast-progress{animation-play-state:paused}