.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;cursor:pointer;pointer-events:all;animation:slideIn .3s ease-out;transition:transform .2s ease,opacity .2s ease}.toast:hover{transform:translate(-4px)}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981;background:#d1fae5}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444;background:#fee2e2}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b;background:#fef3c7}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6;background:#dbeafe}.toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#1f2937;word-break:break-word}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#9ca3af;font-size:20px;cursor:pointer;border-radius:4px;transition:background .2s ease,color .2s ease;flex-shrink:0}.toast-close:hover{background:#f3f4f6;color:#4b5563}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-container{top:10px;right:10px;left:10px;align-items:stretch}.toast{min-width:auto;width:100%}}@media (prefers-color-scheme: dark){.toast{background:#1f2937;box-shadow:0 4px 12px #0006,0 2px 4px #0000004d}.toast-message{color:#f3f4f6}.toast-close{color:#6b7280}.toast-close:hover{background:#374151;color:#9ca3af}}