.alert-container{position:fixed;top:80px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:15px;width:350px;max-width:90%}.alert{display:flex;align-items:flex-start;padding:1rem;border-radius:8px;border-left:5px solid transparent;box-shadow:0 4px 12px #00000026;opacity:0;animation:slideIn .4s ease-out forwards}.alert-error{background-color:#f8d7da;color:#721c24;border-left-color:#dc3545}.alert-error .alert-icon{color:#dc3545}.alert-success{background-color:#d4edda;color:#155724;border-left-color:#28a745}.alert-success .alert-icon{color:#28a745}.alert-icon{margin-right:12px;font-size:1.5rem;line-height:1}.alert-content{flex:1}.alert-message{font-size:.95rem;line-height:1.4}.alert-close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:inherit;opacity:.6;transition:opacity .2s}.alert-close-btn:hover{opacity:1}.alert-action-btn{display:inline-block;margin-top:12px;padding:9px 18px;border:none;border-radius:8px;background-color:#dc3545;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #dc354566;transition:background-color .2s,transform .15s;animation:alertActionPulse 1.5s ease-in-out infinite}.alert-action-btn:hover{background-color:#c82333;transform:translateY(-1px);animation-play-state:paused}@keyframes alertActionPulse{0%,to{box-shadow:0 2px 8px #dc354566}50%{box-shadow:0 4px 18px #dc3545bf}}@keyframes slideIn{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:scale(.9)}}.alert.fade-out{animation:fadeOut .5s ease-in forwards}.alert-info{background-color:#d1ecf1;color:#0c5460;border-left-color:#17a2b8}.alert-info .alert-icon{color:#17a2b8}.alert-warning{background-color:#fff3cd;color:#856404;border-left-color:#ffc107}.alert-warning .alert-icon{color:#ffc107}