.alert{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;padding:16px 24px;border-radius:4px;font-size:16px;display:flex;align-items:center;gap:10px;transition:opacity .5s ease,transform .5s ease}.alert-warning{background-color:#fff3cd;color:#856404;border:2px solid #ffeeba}.alert-success{background-color:#d4edda;color:#155724;border:2px solid #869a4c}.alert-danger{background-color:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.alert-info{background-color:#d1ecf1;color:#0c5460;border:2px solid #bee5eb}.alert-show{opacity:1;transform:translateX(-50%) translateY(0)}.alert-hide{opacity:0;transform:translateX(-50%) translateY(20px)}