.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:16px;pointer-events:none}.toast{min-width:320px;max-width:420px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px 24px;box-shadow:0 20px 40px -10px #0003;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;gap:16px;pointer-events:auto;animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275);transition:all .3s ease;position:relative;overflow:hidden}.toast.hiding{animation:slideOut .3s ease forwards}@keyframes slideIn{0%{transform:translate(450px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{to{transform:translate(450px);opacity:0}}.toast-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;animation:iconPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.toast-content{flex:1;min-width:0}.toast-title{font-size:16px;font-weight:700;margin-bottom:4px;line-height:1.4}.toast-message{font-size:14px;color:#6b7280;line-height:1.5;word-wrap:break-word}.toast-close{width:28px;height:28px;border-radius:8px;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0}.toast-close:hover{background:#0000001a;transform:scale(1.1)}.toast-close svg{width:16px;height:16px;color:#6b7280}.toast-progress{position:absolute;bottom:0;left:0;height:4px;border-radius:0 0 16px 16px;animation:progress linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}.toast.success{border-left:4px solid #10b981}.toast.success .toast-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.toast.success .toast-title{color:#059669}.toast.success .toast-progress{background:linear-gradient(to right,#10b981,#34d399)}.toast.error{border-left:4px solid #e11d48}.toast.error .toast-icon{background:linear-gradient(135deg,#ffe4e6,#fecdd3);color:#e11d48}.toast.error .toast-title{color:#e11d48}.toast.error .toast-progress{background:linear-gradient(to right,#e11d48,#f472b6)}.toast.warning{border-left:4px solid #f59e0b}.toast.warning .toast-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.toast.warning .toast-title{color:#d97706}.toast.warning .toast-progress{background:linear-gradient(to right,#f59e0b,#fbbf24)}.toast.info{border-left:4px solid #3b82f6}.toast.info .toast-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.toast.info .toast-title{color:#2563eb}.toast.info .toast-progress{background:linear-gradient(to right,#3b82f6,#60a5fa)}.toast.default{border-left:4px solid #6b7280}.toast.default .toast-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.toast.default .toast-title{color:#1f2937}.toast.default .toast-progress{background:linear-gradient(to right,#6b7280,#9ca3af)}@media (max-width: 640px){.toast-container{top:16px;right:16px;left:16px}.toast{min-width:auto;max-width:none;width:100%}@keyframes slideIn{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{to{transform:translateY(-100px);opacity:0}}}@media (prefers-contrast: high){.toast{border-width:2px}}@media (prefers-reduced-motion: reduce){.toast,.toast-icon,.toast-progress{animation:none!important}.toast{opacity:1;transform:none}}