.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;outline:none;width:90%;max-width:400px;padding:32px;animation:.2s slideIn;position:relative}@keyframes slideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--surface);color:var(--text-primary)}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.modal-container.danger .modal-icon{color:var(--color-error);background:#ef444426}.modal-container.warning .modal-icon{color:var(--color-warning-light);background:#fbbf2426}.modal-container.info .modal-icon{color:var(--primary);background:#6366f126}.modal-title{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem;font-weight:600}.modal-message{color:var(--text-muted);margin:0 0 24px;font-size:.9rem;line-height:1.5}.modal-actions{gap:12px;display:flex}.modal-btn{cursor:pointer;border-radius:10px;flex:1;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .15s}.modal-btn.cancel{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.modal-btn.cancel:hover{background:var(--border)}.modal-btn.confirm{color:#fff;border:none}.modal-btn.confirm.danger{background:var(--color-error)}.modal-btn.confirm.danger:hover{background:var(--color-error-bg)}.modal-btn.confirm.warning{background:var(--color-warning)}.modal-btn.confirm.warning:hover{background:var(--color-warning-dark)}.modal-btn.confirm.info{background:var(--primary)}.modal-btn.confirm.info:hover{background:var(--primary-hover)}