.toast-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.toast{background:var(--color-card, #fff);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 10px 40px #00000026;display:flex;align-items:flex-start;gap:.75rem;min-width:300px;max-width:400px;pointer-events:auto;animation:toastSlideIn .3s ease-out;border-left:4px solid;position:relative;overflow:hidden}.toast.toast-success{border-left-color:var(--color-success, #22c55e)}.toast.toast-error{border-left-color:var(--color-error, #ef4444)}.toast.toast-warning{border-left-color:var(--color-warning, #f59e0b)}.toast.toast-info{border-left-color:var(--color-primary, #3b82f6)}.toast-icon{flex-shrink:0;margin-top:.125rem;width:1.125rem;height:1.125rem;display:inline-flex;align-items:center;justify-content:center}.toast-icon svg{width:100%;height:100%;display:block}.toast-success .toast-icon{color:var(--color-success, #22c55e)}.toast-error .toast-icon{color:var(--color-error, #ef4444)}.toast-warning .toast-icon{color:var(--color-warning, #f59e0b)}.toast-info .toast-icon{color:var(--color-primary, #3b82f6)}.toast-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.toast-message{font-size:.875rem;color:var(--color-text, #1a1a1a);line-height:1.5;margin:0}.toast-details{font-size:.8125rem;color:var(--color-muted, #666);line-height:1.45;margin:0}.toast-action{margin-top:.15rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;border:1px solid var(--color-primary, #3b82f6);background:#3b82f614;color:var(--color-primary, #3b82f6);cursor:pointer;font-family:inherit;line-height:1.2}.toast-action:hover{background:#3b82f624}.toast-info .toast-action{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.toast-close{background:none;border:none;color:var(--color-muted, #999);cursor:pointer;padding:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease;margin-top:-.25rem;margin-right:-.25rem}.toast-close svg{width:100%;height:100%;display:block}.toast-close:hover{color:var(--color-text, #1a1a1a)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;animation:toastProgress linear}.toast.toast-success .toast-progress{background:var(--color-success, #22c55e)}.toast.toast-error .toast-progress{background:var(--color-error, #ef4444)}.toast.toast-warning .toast-progress{background:var(--color-warning, #f59e0b)}.toast.toast-info .toast-progress{background:var(--color-primary, #3b82f6)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast.toast-slide-out{animation:toastSlideOut .3s ease-in forwards}@media(max-width:640px){.toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.toast{min-width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast.toast-slide-out{animation:none;opacity:0}.toast-progress{animation:none}}