.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;max-width:420px;padding:16px;display:flex;position:fixed}.toast-container[data-position=top-right]{align-items:flex-start;top:20px;left:20px}.toast-container[data-position=top-left]{align-items:flex-end;top:20px;right:20px}.toast-container[data-position=top-center]{align-items:center;top:20px;left:50%;transform:translate(-50%)}.toast-container[data-position=bottom-right]{align-items:flex-start;bottom:20px;left:20px}.toast-container[data-position=bottom-left]{align-items:flex-end;bottom:20px;right:20px}.toast-container[data-position=bottom-center]{align-items:center;bottom:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;opacity:0;background:#fff;border-right:4px solid #0000;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translate(100%);box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d}.toast.show{opacity:1;transform:translate(0)}.toast-container[data-position=top-left] .toast,.toast-container[data-position=bottom-left] .toast{transform:translate(-100%)}.toast-container[data-position=top-left] .toast.show,.toast-container[data-position=bottom-left] .toast.show{transform:translate(0)}.toast-container[data-position=top-center] .toast,.toast-container[data-position=bottom-center] .toast{transform:translateY(-20px)}.toast-container[data-position=top-center] .toast.show,.toast-container[data-position=bottom-center] .toast.show{transform:translateY(0)}.toast[data-type=success]{background:linear-gradient(270deg,#ecfdf5 0%,#fff 10%);border-right-color:#10b981}.toast[data-type=error]{background:linear-gradient(270deg,#fef2f2 0%,#fff 10%);border-right-color:#ef4444}.toast[data-type=warning]{background:linear-gradient(270deg,#fffbeb 0%,#fff 10%);border-right-color:#f59e0b}.toast[data-type=info]{background:linear-gradient(270deg,#eff6ff 0%,#fff 10%);border-right-color:#3b82f6}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.toast[data-type=success] .toast-icon{color:#fff;background:#10b981}.toast[data-type=error] .toast-icon{color:#fff;background:#ef4444}.toast[data-type=warning] .toast-icon{color:#fff;background:#f59e0b}.toast[data-type=info] .toast-icon{color:#fff;background:#3b82f6}.toast-text{color:#1f2937;flex:1;font-size:14px;font-weight:500;line-height:1.5}.toast.can-close{cursor:pointer}.toast.can-close:hover{transform:scale(1.02);box-shadow:0 15px 35px #00000026,0 6px 15px #0000001a}.toast.progress:before{content:"";height:3px;width:calc(var(--progress)*100%);background:linear-gradient(90deg,currentColor,currentColor);border-radius:0 0 12px 12px;transition:width .1s linear;position:absolute;bottom:0;left:0}.toast[data-type=success].progress:before{background:linear-gradient(90deg,#10b981,#059669)}.toast[data-type=error].progress:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast[data-type=warning].progress:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast[data-type=info].progress:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}@media (max-width:640px){.toast-container{max-width:calc(100% - 32px);padding:12px}.toast{min-width:auto;max-width:100%;padding:14px 16px}.toast-container[data-position=top-right],.toast-container[data-position=top-left],.toast-container[data-position=top-center]{top:10px}.toast-container[data-position=bottom-right],.toast-container[data-position=bottom-left],.toast-container[data-position=bottom-center]{bottom:10px}}