@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.alert-container{z-index:99999;flex-direction:column;gap:12px;min-width:300px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}@media (max-width:768px){.alert-container{min-width:auto;max-width:none;top:10px;left:10px;right:10px}}.alert-card{background:#fff;border:1px solid;border-width:3px 1px 1px 4px;border-radius:12px;padding:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.alert-entering{animation:.3s ease-out slideIn}.alert-exiting{animation:.3s ease-out slideOut}.alert-progress-bar{z-index:1;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.alert-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.alert-icon-wrapper{align-items:center;gap:8px;display:flex}.alert-title{color:#1f2937;margin:0;font-size:14px;font-weight:600}.alert-close-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.alert-close-button:hover{color:#374151;background:#f3f4f6}.alert-message{color:#6b7280;margin:0 0 12px;font-size:14px;line-height:1.4}.alert-action-button{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.alert-action-button:hover{opacity:.9;transform:translateY(-1px)}