.modal {
  display:none; position:fixed; inset:0;
  z-index:1000; background:rgba(0,0,0,.55);
}
.modal-content {
  background:#fff; width:950px; height:590px;
  margin:4% auto; padding:10px;
  border-radius:10px; display:grid; gap:8px;
  grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  position:relative;
}
.chart { width:100%; height:100%; }
.close {
  position:absolute; right:18px; top:12px;
  font-size:28px; color:#666; cursor:pointer; user-select:none; z-index:2000;
}
.close:hover { color:#000; }