.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:11000}.toast{width:300px;max-width:calc(100vw - 2rem);background:#fff;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 22px #0000001f;position:relative;overflow:hidden;transform:translateY(-20px);opacity:0;transition:all .35s ease;cursor:default}.toast.show{opacity:1;transform:translateY(0)}.toast-left{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.toast-inner{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-left-icon{font-size:16px;line-height:1;color:#fff}.toast-success .toast-left{border:5px solid color-mix(in srgb,var(--color-primary, #7c3aed) 30%,transparent)}.toast-success .toast-inner{background:var(--color-primary, #7c3aed)}.toast-error .toast-left{border:5px solid rgba(248,26,26,.35)}.toast-error .toast-inner{background:#f81a1a}.toast-warning .toast-left{border:5px solid rgba(239,164,51,.35)}.toast-warning .toast-inner{background:#efa433}.toast-info .toast-left{border:5px solid rgba(124,58,237,.3)}.toast-info .toast-inner{background:var(--color-primary, #7c3aed)}.toast-body{flex:1;display:flex;flex-direction:column;padding-right:1.25rem}.toast-title{font-size:14px;font-weight:600;color:#181d27}.toast-message{margin-top:1px;font-size:12px;color:#535862}.toast-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;outline:none;padding:4px;z-index:10}.toast-close span{font-size:18px}.toast-success .toast-close span{color:var(--color-primary, #7c3aed)}.toast-error .toast-close span{color:#dc2626}.toast-warning .toast-close span{color:#d97706}.toast-info .toast-close span{color:var(--color-primary, #7c3aed)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 12px 12px;animation:progress linear}.toast-success .toast-progress{background:var(--color-primary, #7c3aed)}.toast-error .toast-progress{background:#f81a1a}.toast-warning .toast-progress{background:#efa433}.toast-info .toast-progress{background:var(--color-primary, #7c3aed)}@keyframes progress{0%{width:100%}to{width:0%}}.toast:hover .toast-progress{animation-play-state:paused}.toast:hover{transform:translate(-5px) scale(1.02);box-shadow:0 15px 30px #00000026,0 5px 15px #0000001a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}