.modal-mask {
  position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(2px);
  display:none;align-items:center;justify-content:center;z-index:9999;
  animation:fadeIn 0.15s ease;
}
.modal-mask.show { display:flex; }
.modal-box {
  background:#fff;border-radius:12px;padding:28px 32px 24px;min-width:320px;max-width:90vw;
  box-shadow:0 12px 40px rgba(0,0,0,0.15);animation:scaleIn 0.2s ease;
}
.modal-title { font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:8px; }
.modal-desc { font-size:0.9rem;color:var(--text-light);margin-bottom:22px;line-height:1.5; }
.modal-actions { display:flex;justify-content:flex-end;gap:10px; }
.modal-btn {
  padding:8px 20px;border-radius:8px;font-size:0.88rem;font-weight:500;
  cursor:pointer;border:none;transition:all 0.15s;
}
.modal-btn-cancel { background:#f1f3f5;color:var(--text-muted); }
.modal-btn-cancel:hover { background:#e9ecef; }
.modal-btn-ok { background:var(--blue-500);color:#fff; }
.modal-btn-ok:hover { background:var(--blue-700); }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@keyframes scaleIn { from{transform:scale(0.95);opacity:0} to{transform:scale(1);opacity:1} }