.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:16px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.15)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;font-weight:700;display:flex}.toast.toast-success{background:var(--btn-primary-gradient);color:#fff;border-left:none;box-shadow:0 4px 16px rgba(68,148,239,.35)}.toast.toast-success .toast-icon{color:#fff;background:rgba(255,255,255,.22)}.toast.toast-success .toast-message{color:#fff}.toast.toast-success .toast-close{color:rgba(255,255,255,.92)}.toast.toast-success .toast-close:hover{background:rgba(255,255,255,.15)}.toast.toast-success .toast-close:focus{outline-color:rgba(255,255,255,.9)}.toast.toast-error{background:#fef2f2;border-left:4px solid #f44336}.toast.toast-error .toast-icon{color:#fff;background:#f44336}.toast.toast-error .toast-message{color:#991b1b}.toast.toast-warning{background:#fffbeb;border-left:4px solid #ff9800}.toast.toast-warning .toast-icon{color:#fff;background:#ff9800}.toast.toast-warning .toast-message{color:#92400e}.toast.toast-info{background:#dbeafe;border-left:4px solid #2196f3}.toast.toast-info .toast-icon{color:#fff;background:#2196f3}.toast.toast-info .toast-message{color:#1e40af}.toast-message{color:#333;flex:1;font-size:14px;line-height:1.5}.toast-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:background .2s;display:flex}.toast-close:hover{background:rgba(0,0,0,.1)}.toast-close:focus{outline-offset:2px;outline:2px solid #2196f3}@media (max-width:768px){.toast-container{max-width:none;top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:none}}