.toast{z-index:10000;background:#fff;border-left:4px solid;border-radius:8px;align-items:flex-start;gap:12px;min-width:320px;max-width:480px;padding:16px;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:80px;right:24px;box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{background:linear-gradient(90deg,#ecfdf5 0%,#fff 10%);border-left-color:#10b981}.toast-error{background:linear-gradient(90deg,#fef2f2 0%,#fff 10%);border-left-color:#ef4444}.toast-warning{background:linear-gradient(90deg,#fffbeb 0%,#fff 10%);border-left-color:#f59e0b}.toast-info{background:linear-gradient(90deg,#eff6ff 0%,#fff 10%);border-left-color:#3b82f6}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.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;min-width:0}.toast-message{color:#1a202c;word-wrap:break-word;margin:0;font-size:14px;font-weight:500;line-height:1.5}.toast-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-4px;margin-right:-4px;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#1a202c;background:#0000000d}.toast-close:active{background:#0000001a}[data-theme=dark] .toast{background:#1a202c;border-color:#2d3748}[data-theme=dark] .toast-success{background:linear-gradient(90deg,#10b9811a 0%,#1a202c 10%);border-left-color:#10b981}[data-theme=dark] .toast-error{background:linear-gradient(90deg,#ef44441a 0%,#1a202c 10%);border-left-color:#ef4444}[data-theme=dark] .toast-warning{background:linear-gradient(90deg,#f59e0b1a 0%,#1a202c 10%);border-left-color:#f59e0b}[data-theme=dark] .toast-info{background:linear-gradient(90deg,#3b82f61a 0%,#1a202c 10%);border-left-color:#3b82f6}[data-theme=dark] .toast-message{color:#f7fafc}[data-theme=dark] .toast-close{color:#a0aec0}[data-theme=dark] .toast-close:hover{color:#f7fafc;background:#ffffff1a}@media (max-width:640px){.toast{min-width:auto;max-width:none;top:16px;left:16px;right:16px}}