#modal {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.6);
  display: none; align-items: center; justify-content: center;
  z-index: 1000;
}
#modalContent {
  width: 80%; height: 80%;
  background: #fff; border-radius: 8px; overflow: hidden;
  display: flex; flex-direction: column;
}
#modalHeader {
  padding: 10px 16px; background:#f1f1f1;
  display: flex; justify-content: space-between; align-items: center;
}
#modalBody {
  flex: 1; overflow: hidden;
}
#modalBody iframe {
  width: 100%; height: 100%; border: 0;
}
#modalFooter {
  padding: 10px 16px; background:#f9f9f9; display:flex; justify-content: space-between; align-items:center;
}
button { cursor:pointer; padding:6px 12px; border-radius:6px; border:none; background:#1f7feb; color:white; }