.toast-container{position:fixed;bottom:36px;right:var(--sp-5);z-index:8000;display:flex;flex-direction:column-reverse;gap:var(--sp-2);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;pointer-events:auto;animation:toastIn .3s var(--ease)}.toast.exiting{animation:toastOut .2s var(--ease) forwards}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.toast-icon{width:28px;height:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon.info{background:var(--cyan-light);color:var(--cyan)}.toast-icon.success{background:#d1fae5;color:#059669}.toast-icon.warning{background:#fef3c7;color:#d97706}.toast-icon svg{width:14px;height:14px}.toast-body{flex:1;min-width:0}.toast-title{font-size:13px;font-weight:600;color:var(--text)}.toast-msg{font-size:12px;color:var(--text-muted);margin-top:2px}.toast-time{font-size:10px;color:var(--text-muted);margin-top:3px}.toast-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all var(--t-fast)}.toast-close:hover{background:var(--surface-alt);color:var(--text)}