.popup-container{position:fixed;top:20px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:12px;pointer-events:none}.popup{pointer-events:auto;min-width:320px;max-width:500px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:popupSlideIn .3s ease-out;overflow:hidden}.popup-exit{animation:popupSlideOut .3s ease-out forwards}.popup-content{display:flex;align-items:flex-start;gap:12px;padding:16px;position:relative}.popup-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.popup-message{flex:1;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);margin:0;word-wrap:break-word}.popup-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--text-muted);transition:var(--transition-colors);margin-top:-2px}.popup-close:hover{color:var(--text-primary);background:var(--muted-hover)}.popup-success{border-left:4px solid var(--success)}.popup-success .popup-icon{color:var(--success)}.popup-error{border-left:4px solid var(--error)}.popup-error .popup-icon{color:var(--error)}.popup-warning{border-left:4px solid var(--warning)}.popup-warning .popup-icon{color:var(--warning)}.popup-info{border-left:4px solid var(--info)}.popup-info .popup-icon{color:var(--info)}@keyframes popupSlideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes popupSlideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}@media (max-width:480px){.popup-container{top:10px;right:10px;left:10px;gap:8px}.popup{min-width:auto;width:100%}.popup-content{padding:12px;gap:10px}.popup-message{font-size:14px}@keyframes popupSlideIn{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popupSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}}