.toast{position:fixed;top:-100px;right:20px;min-width:320px;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);padding:0;z-index:10000;opacity:0;transform:translateY(-20px);transition:.4s cubic-bezier(.68, -.55, .265, 1.55);overflow:hidden}.toast.show{top:20px;opacity:1;transform:translateY(0)}.toast::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d14b2a,#ff6b4a)}.toast.success::before{background:linear-gradient(90deg,#10b981,#34d399)}.toast.error::before{background:linear-gradient(90deg,#ef4444,#f87171)}.toast-container{display:flex;align-items:flex-start;padding:16px;gap:12px}.toast-icon-wrapper{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#d14b2a,#ff6b4a);box-shadow:0 4px 12px rgba(209,75,42,.3);animation:.6s cubic-bezier(.68,-.55,.265,1.55) toastIconBounce}.toast.success .toast-icon-wrapper{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px rgba(16,185,129,.3)}.toast.error .toast-icon-wrapper{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 12px rgba(239,68,68,.3)}.toast-icon-wrapper svg{width:24px;height:24px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.toast-content{flex:1;min-width:0}.toast-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px;line-height:1.4}.toast-message{font-size:14px;color:#6b7280;line-height:1.5;word-wrap:break-word}.toast-close{flex-shrink:0;width:28px;height:28px;border:none;background:#f3f4f6;color:#6b7280;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.2s;font-weight:300;line-height:1}.toast-close:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.toast-close:active{transform:rotate(90deg) scale(.95)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#d14b2a,#ff6b4a);width:100%;transform-origin:left;animation:3s linear forwards toastProgress}.toast.success .toast-progress{background:linear-gradient(90deg,#10b981,#34d399)}.toast.error .toast-progress{background:linear-gradient(90deg,#ef4444,#f87171)}@keyframes toastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toastIconBounce{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.1) rotate(5deg)}100%{transform:scale(1) rotate(0)}}@media (max-width:640px){.toast{left:16px;right:16px;min-width:auto;max-width:none}.toast.show{top:16px}.toast-container{padding:14px}.toast-icon-wrapper{width:36px;height:36px}.toast-icon-wrapper svg{width:20px;height:20px}.toast-title{font-size:14px}.toast-message{font-size:13px}}.toast:nth-child(2){top:calc(20px + 90px)}.toast:nth-child(3){top:calc(20px + 180px)}@media (prefers-color-scheme:dark){.toast{background:#1f2937;box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2)}.toast-title{color:#f9fafb}.toast-close,.toast-message{color:#d1d5db}.toast-close{background:#374151}.toast-close:hover{background:#4b5563;color:#f9fafb}}