.alert-container{position:fixed;bottom:20px;right:20px;z-index:99999;display:flex;flex-direction:column-reverse;gap:15px;pointer-events:none;max-height:calc(100vh - 40px);overflow-y:auto;margin-right:5px}.alert-container>*{pointer-events:auto}.alert-flash{position:fixed;bottom:20px;right:25px;z-index:99999;min-width:350px;max-width:500px;animation:slideInFromBottom .4s cubic-bezier(.68,-.55,.265,1.55)}.alert-popup{min-width:350px;max-width:500px;animation:slideInFromBottom .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInFromBottom{from{transform:translateY(100%) translateX(100%);opacity:0}to{transform:translateY(0) translateX(0);opacity:1}}@keyframes slideOutToBottom{from{transform:translateY(0) translateX(0);opacity:1}to{transform:translateY(100%) translateX(100%);opacity:0}}.alert-content{display:flex;align-items:center;gap:15px;padding:18px 20px;border-radius:12px;backdrop-filter:blur(20px);box-shadow:0 10px 40px rgba(0,0,0,.3);position:relative;overflow:hidden;border-width:2px;border-style:solid}.alert-content::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;animation:progressBar 5s linear forwards}@keyframes progressBar{from{width:100%}to{width:0%}}.alert-icon{font-size:24px;flex-shrink:0}.alert-message{flex:1;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.3px}.alert-close{background:0 0;border:none;color:inherit;cursor:pointer;padding:5px;margin:-5px -5px -5px 10px;opacity:.7;transition:opacity .2s;font-size:16px}.alert-close:hover{opacity:1}.alert-success .alert-content::before,.alert-success-flash .alert-content::before{background:rgba(255,255,255,.5)}.alert-error .alert-content::before,.alert-error-flash .alert-content::before{background:rgba(255,255,255,.5)}.alert-warning .alert-content::before,.alert-warning-flash .alert-content::before{background:rgba(0,0,0,.3)}.alert-info .alert-content::before,.alert-info-flash .alert-content::before{background:rgba(255,255,255,.5)}.alert-removing{animation:slideOutToBottom .3s ease-out forwards}@media (max-width:576px){.alert-container{bottom:10px;right:10px;left:10px;margin-right:0}.alert-flash{bottom:10px;right:10px;left:10px;min-width:auto;max-width:none;margin-right:0}.alert-popup{min-width:auto;max-width:none;width:100%}.alert-content{padding:15px}.alert-icon{font-size:20px}.alert-message{font-size:13px}}