.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%}@media(max-width:768px){.toast-container{left:16px;right:16px;top:16px;max-width:none;width:auto}}@media(max-width:480px){.toast-container{left:12px;right:12px;top:12px;gap:8px}}@media(max-width:375px){.toast-container{left:8px;right:8px;top:8px}}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid #e2e8f0;animation:toastSlideIn .3s ease-out;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;min-width:0;word-wrap:break-word}.toast--paused,.toast:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}@media(max-width:768px){.toast{padding:14px 12px;gap:10px;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.12)}.toast--paused,.toast:hover{transform:translateY(-1px);box-shadow:0 8px 32px rgba(0,0,0,.15)}}@media(max-width:480px){.toast{padding:12px 10px;gap:8px;border-radius:8px}.toast--paused,.toast:hover{transform:none;box-shadow:0 6px 24px rgba(0,0,0,.12)}}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}@media(max-width:480px){.toast:before{width:3px}}.toast--success:before{background:#10b981}.toast--success .toast__icon{color:#10b981}.toast--success .toast__progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.toast--error:before{background:#ef4444}.toast--error .toast__icon{color:#ef4444}.toast--error .toast__progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast--warning:before{background:#f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--warning .toast__progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast--info:before{background:#3b82f6}.toast--info .toast__icon{color:#3b82f6}.toast--info .toast__progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.toast__progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(0,0,0,.1);overflow:hidden}@media(max-width:480px){.toast__progress-bar{height:2px}}.toast__progress-fill{height:100%;background:#3b82f6;transition:width .05s linear;border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(59,130,246,.4)}@media(max-width:480px){.toast__progress-fill{border-radius:0 1px 1px 0;box-shadow:0 0 4px rgba(59,130,246,.4)}}@keyframes toastSlideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media(max-width:480px){@keyframes toastSlideIn{0%{transform:translateY(-20px);opacity:0;scale:.95}to{transform:translateY(0);opacity:1;scale:1}}}.toast__icon{flex-shrink:0;margin-top:2px}@media(max-width:480px){.toast__icon svg{width:18px;height:18px}}@media(max-width:375px){.toast__icon svg{width:16px;height:16px}}.toast__content{flex:1;min-width:0;overflow:hidden}.toast__title{font-weight:600;color:#1a202c;font-size:.95rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:480px){.toast__title{font-size:.9rem;line-height:1.3}}@media(max-width:375px){.toast__title{font-size:.85rem}}.toast__message{color:#4a5568;font-size:.85rem;line-height:1.4;margin-top:4px;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:480px){.toast__message{font-size:.8rem;line-height:1.3;margin-top:3px}}@media(max-width:375px){.toast__message{font-size:.75rem}}.toast__close{background:none;border:none;color:#718096;cursor:pointer;padding:2px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast__close:hover{color:#4a5568;background:#f7fafc}@media(max-width:480px){.toast__close{padding:4px;margin:-2px -2px -2px 0}.toast__close svg{width:14px;height:14px}}@media(max-width:375px){.toast__close svg{width:12px;height:12px}}[data-theme=dark] .toast{background:#1a202c;border-color:#4a5568}[data-theme=dark] .toast__progress-bar{background:hsla(0,0%,100%,.1)}[data-theme=dark] .toast__title{color:#e2e8f0}[data-theme=dark] .toast__close,[data-theme=dark] .toast__message{color:#a0aec0}[data-theme=dark] .toast__close:hover{color:#e2e8f0;background:#2d3748}@supports(padding:max(0px)){@media(max-width:480px){.toast-container{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}}}