.toast-container{top:var(--space-4);right:var(--space-4);z-index:9999;gap:var(--space-3);pointer-events:none;flex-direction:column;width:100%;max-width:420px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4)var(--space-4);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);pointer-events:auto;animation:.3s cubic-bezier(.21,1.02,.73,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f}.toast:after{content:"";width:100%;height:3px;animation:4s linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast--exiting{animation:.3s forwards toastSlideOut}.toast--success{border-left:3px solid var(--success)}.toast--success .toast__icon{color:var(--success)}.toast--success:after{background:var(--gray-400)}.toast--error{border-left:3px solid var(--error)}.toast--error .toast__icon{color:var(--error)}.toast--error:after{background:var(--error);animation-duration:6s}.toast--warning{border-left:3px solid #f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--warning:after{background:#f59e0b;animation-duration:5s}.toast--info{border-left:3px solid #3b82f6}.toast--info .toast__icon{color:#3b82f6}.toast--info:after{background:#3b82f6}.toast__icon{flex-shrink:0;margin-top:1px}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px;display:block}.toast__message{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.toast__close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__close:hover{background:var(--gray-100);color:var(--text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (max-width:480px){.toast-container{top:auto;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:none}}