.statistics-hero .panel-head {

  margin-bottom: 0;

}



.statistics-generated {

  margin: 8px 0 0;

  font-size: 12px;

}



.statistics-quotas-card,

.statistics-features-card {

  margin-bottom: 14px;

}



.statistics-quotas {

  display: grid;

  gap: 12px;

}



.statistics-quota-row {

  display: grid;

  gap: 6px;

}



.statistics-quota-row__head {

  display: flex;

  justify-content: space-between;

  align-items: baseline;

  gap: 10px;

  font-size: 13px;

}



.statistics-quota-row__bar {

  height: 8px;

  border-radius: 999px;

  background: rgba(15, 23, 42, 0.08);

  overflow: hidden;

}



.statistics-quota-row__bar > div {

  height: 100%;

  border-radius: inherit;

  background: linear-gradient(90deg, var(--primary), var(--primary-dark));

  transition: width 0.35s ease;

}



.statistics-quota-row__bar.is-warn > div {

  background: linear-gradient(90deg, #f59e0b, #d97706);

}



.statistics-quota-row__bar.is-danger > div {

  background: linear-gradient(90deg, #ef4444, #dc2626);

}



.statistics-features {

  list-style: none;

  margin: 0;

  padding: 0;

  display: grid;

  gap: 8px;

}



.statistics-features li {

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: 14px;

  padding: 10px 12px;

  border-radius: 10px;

  background: rgba(15, 23, 42, 0.04);

}



.statistics-features .fa-check {

  color: #059669;

}



.statistics-features .fa-xmark {

  color: #b91c1c;

}