.gt-stats-section {
  --gt-stats-text: #eef2ff;
  --gt-stats-text-soft: #c6d0e6;
  --gt-stats-muted: #90a0bd;
  --gt-stats-border: rgba(104, 120, 168, 0.24);
  --gt-stats-surface: rgba(7, 12, 28, 0.76);
  --gt-stats-surface-2: rgba(9, 15, 35, 0.9);
  --gt-stats-shadow: 0 30px 70px rgba(2, 8, 23, 0.22);
  --gt-violet: #9b5cf6;
  --gt-cyan: #22d3ee;
  --gt-emerald: #22c55e;
  --gt-amber: #f59e0b;
  --gt-blue: #60a5fa;
  --gt-rose: #f472b6;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(59,130,246,0.14), transparent 28%),
    radial-gradient(circle at left top, rgba(168,85,247,0.16), transparent 32%),
    linear-gradient(180deg, rgba(8, 13, 31, 0.96), rgba(3, 8, 20, 0.98));
  box-shadow: var(--gt-stats-shadow);
}

.gt-stats-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), transparent 18%);
}

.gt-stats-kicker {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: .9rem;
  color: #9db0d2;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .28em;
}

.gt-stats-title {
  color: var(--gt-stats-text);
  font-size: clamp(1.4rem, 1.8vw, 2rem);
  font-weight: 800;
  letter-spacing: -.04em;
}

.gt-stats-meta-pill,
.gt-stats-panel-pill {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 44px;
  padding: .72rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--gt-stats-border);
  background: rgba(8, 12, 28, 0.6);
  color: var(--gt-stats-muted);
  font-size: .84rem;
  font-weight: 700;
  backdrop-filter: blur(12px);
}

.gt-stats-meta-pill strong,
.gt-stats-panel-pill {
  color: var(--gt-stats-text);
}

.gt-stats-tabs {
  gap: .65rem;
}

.gt-stats-tabs .nav-link {
  border: 1px solid var(--gt-stats-border);
  border-radius: 999px;
  background: rgba(8, 13, 28, 0.56);
  color: var(--gt-stats-text-soft);
  font-weight: 700;
  font-size: .92rem;
  padding: .72rem 1.15rem;
  transition: all .2s ease;
}

.gt-stats-tabs .nav-link:hover,
.gt-stats-tabs .nav-link.active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(124,58,237,0.94), rgba(14,165,233,0.86));
  border-color: transparent;
  box-shadow: 0 16px 32px rgba(76, 29, 149, 0.22);
}

.gt-stats-metric,
.gt-stats-panel {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 1.35rem;
  border: 1px solid var(--gt-stats-border);
  background: linear-gradient(180deg, rgba(11, 18, 41, 0.96), rgba(5, 10, 24, 0.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 18px 30px rgba(2,8,23,0.18);
}

.gt-stats-metric {
  padding: 1rem 1.1rem 1.05rem;
}

.gt-stats-panel {
  padding: 1.15rem 1.15rem 1rem;
}

.gt-stats-metric::after {
  content: "";
  position: absolute;
  top: 0;
  left: 1.05rem;
  right: 1.05rem;
  height: 3px;
  border-radius: 999px;
}

.gt-stats-metric--violet::after { background: linear-gradient(90deg, var(--gt-violet), transparent); }
.gt-stats-metric--cyan::after { background: linear-gradient(90deg, var(--gt-cyan), transparent); }
.gt-stats-metric--emerald::after { background: linear-gradient(90deg, var(--gt-emerald), transparent); }
.gt-stats-metric--amber::after { background: linear-gradient(90deg, var(--gt-amber), transparent); }
.gt-stats-metric--blue::after { background: linear-gradient(90deg, var(--gt-blue), transparent); }
.gt-stats-metric--rose::after { background: linear-gradient(90deg, var(--gt-rose), transparent); }

.gt-stats-label {
  color: var(--gt-stats-muted);
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .16em;
}

.gt-stats-value {
  margin-top: .55rem;
  color: var(--gt-stats-text);
  font-size: clamp(1.55rem, 1.8vw, 2.15rem);
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1;
}

.gt-stats-note {
  min-height: 1.2rem;
  margin-top: .55rem;
  color: var(--gt-stats-text-soft);
  font-size: .95rem;
  font-weight: 600;
}

.gt-stats-panel-title {
  color: var(--gt-stats-text);
  font-size: 1.06rem;
  font-weight: 800;
  letter-spacing: -.02em;
}

.gt-chart-wrap {
  position: relative;
  min-height: 250px;
}

.gt-chart-lg {
  min-height: 360px;
}

.gt-stats-empty {
  margin-top: 1rem;
  padding: 1rem 1.15rem;
  border-radius: 1rem;
  border: 1px dashed rgba(148,163,184,0.22);
  color: var(--gt-stats-muted);
  text-align: center;
  font-weight: 600;
}

.gt-stats-empty-title {
  color: var(--gt-stats-text-soft);
}

html.gt-theme-light .gt-stats-section,
body.gt-theme-light .gt-stats-section {
  --gt-stats-text: #172033;
  --gt-stats-text-soft: #334155;
  --gt-stats-muted: #66758f;
  --gt-stats-border: rgba(148,163,184,0.24);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,0.1), transparent 26%),
    radial-gradient(circle at left top, rgba(168,85,247,0.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,247,251,0.98));
}

html.gt-theme-light .gt-stats-metric,
body.gt-theme-light .gt-stats-metric,
html.gt-theme-light .gt-stats-panel,
body.gt-theme-light .gt-stats-panel {
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,248,252,0.96));
  box-shadow: 0 18px 30px rgba(15,23,42,0.08);
}

html.gt-theme-light .gt-stats-meta-pill,
body.gt-theme-light .gt-stats-meta-pill,
html.gt-theme-light .gt-stats-panel-pill,
body.gt-theme-light .gt-stats-panel-pill {
  background: rgba(255,255,255,0.86);
}

html.gt-theme-light .gt-stats-tabs .nav-link,
body.gt-theme-light .gt-stats-tabs .nav-link {
  background: rgba(255,255,255,0.88);
  color: #334155 !important;
}

html.gt-theme-light .gt-stats-tabs .nav-link:hover,
body.gt-theme-light .gt-stats-tabs .nav-link:hover,
html.gt-theme-light .gt-stats-tabs .nav-link.active,
body.gt-theme-light .gt-stats-tabs .nav-link.active {
  color: #fff !important;
}

@media (max-width: 991.98px) {
  .gt-chart-lg {
    min-height: 300px;
  }
}

@media (max-width: 767.98px) {
  .gt-stats-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: .35rem;
  }

  .gt-stats-tabs::-webkit-scrollbar {
    height: 6px;
  }

  .gt-stats-tabs::-webkit-scrollbar-thumb {
    background: rgba(148,163,184,0.35);
    border-radius: 999px;
  }

  .gt-chart-wrap,
  .gt-chart-lg {
    min-height: 240px;
  }
}