.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;max-width:420px;display:flex;position:fixed;top:20px;right:20px}.toast{color:#1f2937;pointer-events:auto;transform-origin:100% 0;background-color:#fff;border-radius:8px;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:16px 20px;animation:.3s cubic-bezier(.21,1.02,.73,1) forwards toast-slide-in;display:flex;position:relative;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d}.toast--exit{animation:.3s cubic-bezier(.4,0,1,1) forwards toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(calc(100% + 20px))}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(calc(100% + 20px))scale(.95)}}.toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.toast__message{word-wrap:break-word;overflow-wrap:break-word;color:inherit;flex:1;font-size:14px;line-height:1.5}.toast__close{color:currentColor;cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:20px;line-height:1;transition:opacity .2s;display:flex}.toast__close:hover{opacity:1}.toast__close:focus{outline-offset:2px;border-radius:4px;outline:2px solid}.toast--success{color:#166534;background-color:#f0fdf4;border-left:4px solid #16a34a}.toast--success .toast__icon{color:#fff;background-color:#16a34a}.toast--error{color:#991b1b;background-color:#fef2f2;border-left:4px solid #dc2626}.toast--error .toast__icon{color:#fff;background-color:#dc2626}.toast--warning{color:#92400e;background-color:#fffbeb;border-left:4px solid #f59e0b}.toast--warning .toast__icon{color:#fff;background-color:#f59e0b}.toast--info{color:#1e40af;background-color:#eff6ff;border-left:4px solid #3b82f6}.toast--info .toast__icon{color:#fff;background-color:#3b82f6}@media (max-width:640px){.toast-container{max-width:none;top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:none}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100%)scale(.95)}}}@media (prefers-color-scheme:dark){.toast--success{color:#86efac;background-color:#14532d}.toast--error{color:#fca5a5;background-color:#7f1d1d}.toast--warning{color:#fcd34d;background-color:#78350f}.toast--info{color:#93c5fd;background-color:#1e3a8a}}.toast:focus-within{outline-offset:2px;outline:2px solid}@media (prefers-reduced-motion:reduce){.toast{opacity:1;animation:none;transform:none}.toast--exit{opacity:0;animation:none}}