.hero-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.6rem;
}
.hero-panel p { max-width: 660px; margin-bottom: 0; }
.hero-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.stat-card {
  padding: 1.15rem;
  display: grid;
  gap: 0.4rem;
  color: var(--lime-primary);
}
.stat-card strong {
  color: var(--soft-gray-100);
  font-size: 2.35rem;
  line-height: 1;
}
.stat-card span { color: var(--soft-gray-200); }
.chart-panel {
  min-height: 360px;
}
.chart-panel canvas {
  width: 100% !important;
  height: 280px !important;
  max-height: 280px !important;
  display: block;
}
.empty-chart-state {
  height: 280px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--soft-gray-400);
  border: 1px dashed rgba(217, 220, 223, 0.16);
  border-radius: 14px;
  background: rgba(15, 17, 19, 0.34);
}
.overview-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.85rem;
}
.overview-grid span {
  padding: 1rem;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--charcoal-900);
}
.overview-grid strong { display: block; font-size: 1.8rem; color: var(--lime-primary); }