.alert-portal{z-index:9999;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:2rem;display:flex;position:fixed;inset:0}.alert-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background-color:#0009;position:fixed;inset:0}.overlay-fade-in{animation:.3s forwards fadeIn}.overlay-fade-out{animation:.3s forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.alert-dialog{background-color:var(--bg-surface);border:1px solid var(--border-light);pointer-events:auto;z-index:10000;border-radius:12px;width:90%;max-width:450px;padding:20px;transition:background-color .3s,border-color .3s;position:relative;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}[data-theme=dark] .alert-dialog{box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d}.alert-slide-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDown}.alert-slide-out{animation:.3s ease-in forwards slideUp}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.95)}}.alert-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.alert-icon{font-size:24px}.alert-title{color:var(--text-main);margin:0;font-size:1.125rem;font-weight:600}.alert-body{margin-bottom:24px}.alert-message{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}.alert-footer{justify-content:flex-end;gap:12px;display:flex}.alert-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.alert-btn-cancel{color:var(--text-muted);border:1px solid var(--border-light);background-color:#0000}.alert-btn-cancel:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.alert-btn-primary{color:#fff;background-color:#3b82f6}.alert-btn-primary:hover{background-color:#2563eb}.alert-btn-danger{color:#fff;background-color:#ef4444}.alert-btn-danger:hover{background-color:#dc2626}@media (max-width:480px){.alert-portal{padding-top:1rem}.alert-footer{flex-direction:column}.alert-btn{width:100%}.alert-btn-cancel{order:2}.alert-btn-primary,.alert-btn-danger{order:1}}