.toast-container{position:fixed;top:100px;right:20px;z-index:9999;width:350px;max-width:90vw}.toast{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:10px;padding:16px 20px;position:relative;transform:translate(100%);opacity:0;transition:all .3s ease-in-out;border-left:4px solid;display:flex;align-items:center;gap:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toast.show{transform:translate(0);opacity:1}.toast.hide{transform:translate(100%);opacity:0}.toast.success{border-left-color:#10b981;background-color:#f0fdf4}.toast.error{border-left-color:#ef4444;background-color:#fef2f2}.toast.warning{border-left-color:#f59e0b;background-color:#fffbeb}.toast.info{border-left-color:#3b82f6;background-color:#eff6ff}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.toast.success .toast-icon{color:#10b981}.toast.error .toast-icon{color:#ef4444}.toast.warning .toast-icon{color:#f59e0b}.toast.info .toast-icon{color:#3b82f6}.toast-content{flex:1;font-size:14px;line-height:1.4;font-weight:500}.toast.success .toast-content{color:#065f46}.toast.error .toast-content{color:#991b1b}.toast.warning .toast-content{color:#92400e}.toast.info .toast-content{color:#1e40af}.toast-close{background:none;border:none;font-size:18px;cursor:pointer;padding:0;margin-left:8px;color:#6b7280;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;font-weight:700}.toast-close:hover{background-color:#0000001a}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#0003;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:width linear}.toast.success .toast-progress{background-color:#10b981}.toast.error .toast-progress{background-color:#ef4444}.toast.warning .toast-progress{background-color:#f59e0b}.toast.info .toast-progress{background-color:#3b82f6}@media (max-width: 768px){.toast-container{width:90%;right:5%;left:5%}.toast{font-size:13px;padding:14px 16px}}