/* CARD MONOGRAFI */

.card-monografi{
  border:none;
  border-radius:24px;
  background:white;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  overflow:hidden;
}

/* TABLE */

.table thead{
  background:var(--secondary);
  color:white;
}

.table td{
  vertical-align:middle;
}

/* INFO BOX */

.info-box{
  border-radius:20px;
  padding:30px;
  background:white;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  height:100%;
}

.icon-box{
  width:65px;
  height:65px;
  border-radius:18px;
  background:rgba(253,128,46,.15);
  color:var(--primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  margin-bottom:20px;
}

/* CHART CARD */

.chart-card{
  border:none;
  border-radius:24px;
  background:white;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  padding:30px;
  height:100%;
}

.chart-title{
  font-weight:700;
  color:var(--secondary);
  margin-bottom:25px;
}

/* COUNTER */

.counter-number{
  font-size:2.8rem;
  font-weight:800;
  color:var(--secondary);
}

.counter-label{
  color:#6c757d;
  margin-top:10px;
}

/* CANVAS */

canvas{
  max-width:100%;
}