.monthlyStatsBox{
  margin:18px 0;
  padding:18px;
  border-radius:26px;
  background:rgba(18,22,32,.82);
  border:1px solid rgba(255,255,255,.08);
}

.monthStatCard{
  padding:16px;
  margin:12px 0;
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.monthTop{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.monthTop b{
  color:#ffd75a;
  font-size:19px;
}

.monthGrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.monthGrid div{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
}

.monthGrid small{
  display:block;
  opacity:.62;
  margin-bottom:6px;
}

.monthGrid b{
  font-size:18px;
}

.goodText{color:#22d68b!important}
.badText{color:#ff6675!important}