.alert-popup{position:fixed;top:80px;right:10px;z-index:50;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;transform:translateX(100%);opacity:0;transition:all .3s ease-out}@media(min-width:1024px){.alert-popup{top:100px;right:100px;min-width:300px}}.alert-popup--visible{transform:translateX(0);opacity:1}.alert-popup--success{border-left:4px solid #28a745}.alert-popup--error{border-left:4px solid #dc3545}.alert-popup--warning{border-left:4px solid #ffc107}.alert-popup--info{border-left:4px solid #17a2b8}.alert-popup__content{display:flex;flex-direction:column;padding:16px;position:relative}.alert-popup__title{margin:0 0 8px;font-size:16px;font-weight:600}.alert-popup__message{flex:1 1;margin-right:20px;font-size:14px;line-height:1.4}.alert-popup__close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7}.alert-popup__close:hover{opacity:1}.alert-popup__progress-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;background:rgba(0,0,0,.1);animation:progress-bar 3s linear forwards}.alert-popup__progress-bar .alert-popup--success{background:#28a745}.alert-popup__progress-bar .alert-popup--error .alert-popup__progress-bar .alert-popup{background:#dc3545}@keyframes progress-bar{0%{width:100%}to{width:0}}