:root {
  --analytics-surface-dark: #0f172a;
  --analytics-surface-alt-dark: #111c31;
  --analytics-surface-soft-dark: #16233c;
  --analytics-surface-elevated-dark: #1b2945;
  --analytics-text-dark: #e5edf7;
  --analytics-muted-dark: #9fb0c8;
  --analytics-border-dark: rgba(148, 163, 184, 0.22);
  --analytics-border-strong-dark: rgba(148, 163, 184, 0.32);
  --analytics-shadow-dark: 0 20px 44px rgba(2, 8, 23, 0.42);
}

html[data-bs-theme="dark"] .analytics-page #main-content {
  color: var(--analytics-text-dark);
}

html[data-bs-theme="dark"] .analytics-page #main-content .text-muted,
html[data-bs-theme="dark"] .analytics-page #main-content .small.text-muted,
html[data-bs-theme="dark"] .analytics-page #main-content .card-subtitle-soft,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-coverage-note,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .hero-coverage-note
  .small,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .analytics-card__subtitle,
html[data-bs-theme="dark"] .analytics-page #main-content .table-kicker,
html[data-bs-theme="dark"] .analytics-page #main-content .signal-card small,
html[data-bs-theme="dark"] .analytics-page #main-content .story-flow-list,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .overview-step-card
  small,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-metric span,
html[data-bs-theme="dark"] .analytics-page #main-content .summary-kpi span,
html[data-bs-theme="dark"] .analytics-page #main-content .decision-card p,
html[data-bs-theme="dark"] .analytics-page #main-content .opportunity-row small,
html[data-bs-theme="dark"] .analytics-page #main-content .focus-region-note,
html[data-bs-theme="dark"] .analytics-page #main-content .region-pill small,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-focus-stat
  span,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-mini-stat
  span,
html[data-bs-theme="dark"] .analytics-page #main-content .coverage-card span,
html[data-bs-theme="dark"] .analytics-page #main-content .source-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .map-chip {
  color: var(--analytics-muted-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .card,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-card,
html[data-bs-theme="dark"] .analytics-page #main-content .map-card,
html[data-bs-theme="dark"] .analytics-page #main-content .filter-card,
html[data-bs-theme="dark"] .analytics-page #main-content .insight-card,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-panel,
html[data-bs-theme="dark"] .analytics-page #main-content .metric-card,
html[data-bs-theme="dark"] .analytics-page #main-content .summary-kpi,
html[data-bs-theme="dark"] .analytics-page #main-content .decision-card,
html[data-bs-theme="dark"] .analytics-page #main-content .opportunity-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-focus-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-focus-stat,
html[data-bs-theme="dark"] .analytics-page #main-content .country-mini-stat,
html[data-bs-theme="dark"] .analytics-page #main-content .story-intro-card,
html[data-bs-theme="dark"] .analytics-page #main-content .story-card,
html[data-bs-theme="dark"] .analytics-page #main-content .overview-cta-card,
html[data-bs-theme="dark"] .analytics-page #main-content .signal-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-card,
html[data-bs-theme="dark"] .analytics-page #main-content .resource-card,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .analytics-internal-card,
html[data-bs-theme="dark"] .analytics-page #main-content .quick-start-card,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-coverage-note,
html[data-bs-theme="dark"] .analytics-page #main-content .coverage-card,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-metric,
html[data-bs-theme="dark"] .analytics-page #main-content .region-pill,
html[data-bs-theme="dark"] .analytics-page #main-content .focus-region-note,
html[data-bs-theme="dark"] .analytics-page #main-content .source-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .map-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .overview-step-card,
html[data-bs-theme="dark"] .analytics-page #main-content .grant-rate-world-map,
html[data-bs-theme="dark"] .analytics-page #main-content .world-map-stage,
html[data-bs-theme="dark"] .analytics-page #main-content .unmapped-row,
html[data-bs-theme="dark"] .analytics-page #main-content .opportunity-row,
html[data-bs-theme="dark"] .analytics-page #main-content .map-legend,
html[data-bs-theme="dark"] .analytics-page #main-content .map-empty-state {
  border-color: var(--analytics-border-dark) !important;
  box-shadow: var(--analytics-shadow-dark);
}

html[data-bs-theme="dark"] .analytics-page #main-content .analytics-hero,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-hero-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-hero-card,
html[data-bs-theme="dark"] .analytics-page #main-content .visa-map-hero {
  background:
    radial-gradient(
      circle at top right,
      rgba(214, 40, 40, 0.14),
      transparent 30%
    ),
    radial-gradient(
      circle at left center,
      rgba(37, 99, 235, 0.14),
      transparent 28%
    ),
    linear-gradient(135deg, #121b2c 0%, #0f172a 55%, #0b1220 100%) !important;
  border-color: var(--analytics-border-strong-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .story-intro-card,
html[data-bs-theme="dark"] .analytics-page #main-content .story-card,
html[data-bs-theme="dark"] .analytics-page #main-content .overview-cta-card,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-panel,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-card,
html[data-bs-theme="dark"] .analytics-page #main-content .map-card,
html[data-bs-theme="dark"] .analytics-page #main-content .filter-card,
html[data-bs-theme="dark"] .analytics-page #main-content .insight-card,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-card__body,
html[data-bs-theme="dark"] .analytics-page #main-content .card-body-soft,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-coverage-note,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-side-panel,
html[data-bs-theme="dark"] .analytics-page #main-content .metric-card,
html[data-bs-theme="dark"] .analytics-page #main-content .summary-kpi,
html[data-bs-theme="dark"] .analytics-page #main-content .decision-card,
html[data-bs-theme="dark"] .analytics-page #main-content .opportunity-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-focus-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-focus-stat,
html[data-bs-theme="dark"] .analytics-page #main-content .country-mini-stat,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-kpi,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-dataset-stat,
html[data-bs-theme="dark"] .analytics-page #main-content .signal-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-card,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-card
  .card-body,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-card
  .card-footer,
html[data-bs-theme="dark"] .analytics-page #main-content .resource-card,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .analytics-internal-card,
html[data-bs-theme="dark"] .analytics-page #main-content .quick-start-card,
html[data-bs-theme="dark"] .analytics-page #main-content .coverage-card,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-metric,
html[data-bs-theme="dark"] .analytics-page #main-content .region-pill,
html[data-bs-theme="dark"] .analytics-page #main-content .focus-region-note,
html[data-bs-theme="dark"] .analytics-page #main-content .insight-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .filter-summary-note,
html[data-bs-theme="dark"] .analytics-page #main-content .source-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .map-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .overview-step-card,
html[data-bs-theme="dark"] .analytics-page #main-content .grant-rate-world-map,
html[data-bs-theme="dark"] .analytics-page #main-content .world-map-stage,
html[data-bs-theme="dark"] .analytics-page #main-content .map-legend,
html[data-bs-theme="dark"] .analytics-page #main-content .map-empty-state,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-chart-empty,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-empty-state,
html[data-bs-theme="dark"] .analytics-page #main-content .card-header.bg-white,
html[data-bs-theme="dark"] .analytics-page #main-content .bg-white {
  background: linear-gradient(
    180deg,
    var(--analytics-surface-alt-dark) 0%,
    var(--analytics-surface-dark) 100%
  ) !important;
  color: var(--analytics-text-dark) !important;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-card__header--coming,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-card__header--coming
  + .card-body,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-card__action--muted,
html[data-bs-theme="dark"] .analytics-page #main-content .summary-kpi--accent,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-kpi--accent,
html[data-bs-theme="dark"] .analytics-page #main-content .metric-card--accent,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-kpi--red,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .opportunity-card--primary,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .opportunity-card--success,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .opportunity-card--danger,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-metric--accent,
html[data-bs-theme="dark"] .analytics-page #main-content .story-card--primary,
html[data-bs-theme="dark"] .analytics-page #main-content .story-card--success,
html[data-bs-theme="dark"] .analytics-page #main-content .story-card--danger,
html[data-bs-theme="dark"] .analytics-page #main-content .resource-card--blue,
html[data-bs-theme="dark"] .analytics-page #main-content .resource-card--red,
html[data-bs-theme="dark"] .analytics-page #main-content .filter-panel,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .coverage-card--warning,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .overview-step-card--active {
  background: linear-gradient(
    180deg,
    var(--analytics-surface-elevated-dark) 0%,
    var(--analytics-surface-dark) 100%
  ) !important;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .analytics-card__header,
html[data-bs-theme="dark"] .analytics-page #main-content .card-header-soft,
html[data-bs-theme="dark"] .analytics-page #main-content .card-header.bg-white,
html[data-bs-theme="dark"] .analytics-page #main-content .table-light,
html[data-bs-theme="dark"] .analytics-page #main-content .table-light th {
  background: linear-gradient(
    180deg,
    rgba(27, 41, 69, 0.9) 0%,
    rgba(15, 23, 42, 0.96) 100%
  ) !important;
  color: var(--analytics-text-dark) !important;
  border-color: var(--analytics-border-dark) !important;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-card
  .card-footer,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-card__body,
html[data-bs-theme="dark"] .analytics-page #main-content .card-body-soft {
  color: var(--analytics-text-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .table,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .table
  > :not(caption)
  > *
  > * {
  color: var(--analytics-text-dark);
  border-color: var(--analytics-border-dark);
  background-color: transparent;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .table-hover
  tbody
  tr:hover,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .corridor-table
  tbody
  tr:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .country-name-cell,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-name-cell.fw-medium,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .hero-coverage-note
  strong,
html[data-bs-theme="dark"] .analytics-page #main-content .country-list-button,
html[data-bs-theme="dark"] .analytics-page #main-content .focus-list-rate,
html[data-bs-theme="dark"] .analytics-page #main-content .story-card__value,
html[data-bs-theme="dark"] .analytics-page #main-content .decision-card__value,
html[data-bs-theme="dark"] .analytics-page #main-content .summary-kpi strong,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-metric strong,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-kpi__value,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .hero-dataset-stat
  strong,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-focus-stat
  strong,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-mini-stat
  strong,
html[data-bs-theme="dark"] .analytics-page #main-content .coverage-card strong,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .opportunity-row
  strong,
html[data-bs-theme="dark"] .analytics-page #main-content .signal-card strong,
html[data-bs-theme="dark"] .analytics-page #main-content .resource-card h5,
html[data-bs-theme="dark"] .analytics-page #main-content .analytics-card__title,
html[data-bs-theme="dark"] .analytics-page #main-content h1,
html[data-bs-theme="dark"] .analytics-page #main-content h3,
html[data-bs-theme="dark"] .analytics-page #main-content h4,
html[data-bs-theme="dark"] .analytics-page #main-content h5,
html[data-bs-theme="dark"] .analytics-page #main-content h6,
html[data-bs-theme="dark"] .analytics-page #main-content .text-dark {
  color: var(--analytics-text-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .source-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .map-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .region-pill,
html[data-bs-theme="dark"] .analytics-page #main-content .overview-step-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-focus-card,
html[data-bs-theme="dark"] .analytics-page #main-content .country-focus-stat,
html[data-bs-theme="dark"] .analytics-page #main-content .country-mini-stat,
html[data-bs-theme="dark"] .analytics-page #main-content .focus-region-note,
html[data-bs-theme="dark"] .analytics-page #main-content .coverage-card,
html[data-bs-theme="dark"] .analytics-page #main-content .map-legend {
  background-color: rgba(15, 23, 42, 0.92) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .source-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .map-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .region-pill,
html[data-bs-theme="dark"] .analytics-page #main-content .overview-step-card,
html[data-bs-theme="dark"] .analytics-page #main-content .insight-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .filter-summary-note,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .hero-side-panel
  .form-label,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .hero-side-panel
  .small,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-side-panel p,
html[data-bs-theme="dark"] .analytics-page #main-content .hero-kpi__label,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .hero-dataset-stat
  span,
html[data-bs-theme="dark"] .analytics-page #main-content .story-flow-link,
html[data-bs-theme="dark"] .analytics-page #main-content a:not(.btn) {
  color: #f3f7fd;
}

html[data-bs-theme="dark"] .analytics-page #main-content .insight-chip,
html[data-bs-theme="dark"] .analytics-page #main-content .filter-summary-note {
  border-color: var(--analytics-border-dark) !important;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .hero-side-panel
  .form-select,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .filter-form-grid
  .form-select,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .form-select.form-select-sm,
html[data-bs-theme="dark"] .analytics-page #main-content .form-control {
  background: rgba(15, 23, 42, 0.92) !important;
  color: var(--analytics-text-dark) !important;
  border-color: var(--analytics-border-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .form-select option {
  color: #e5edf7;
  background: #0f172a;
}

html[data-bs-theme="dark"] .analytics-page #main-content .story-flow-link:hover,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .country-focus-link:hover {
  color: #fecaca;
}

html[data-bs-theme="dark"] .analytics-page #main-content .btn-light {
  background: rgba(15, 23, 42, 0.88) !important;
  border-color: var(--analytics-border-strong-dark) !important;
  color: var(--analytics-text-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .btn-outline-dark,
html[data-bs-theme="dark"] .analytics-page #main-content .btn-outline-secondary,
html[data-bs-theme="dark"] .analytics-page #main-content .btn-outline-success,
html[data-bs-theme="dark"] .analytics-page #main-content .btn-outline-primary {
  color: var(--analytics-text-dark);
  border-color: var(--analytics-border-strong-dark);
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .btn-outline-dark:hover,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .btn-outline-secondary:hover,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .btn-outline-success:hover,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .btn-outline-primary:hover,
html[data-bs-theme="dark"] .analytics-page #main-content .btn-light:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .badge.bg-light,
html[data-bs-theme="dark"] .analytics-page #main-content .badge.bg-white,
html[data-bs-theme="dark"] .analytics-page #main-content .badge.text-bg-light,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .badge.rounded-pill.bg-warning.text-dark,
html[data-bs-theme="dark"] .analytics-page #main-content .text-bg-light {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--analytics-text-dark) !important;
  border-color: var(--analytics-border-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .bg-primary.text-white,
html[data-bs-theme="dark"] .analytics-page #main-content .bg-success.text-white,
html[data-bs-theme="dark"] .analytics-page #main-content .bg-info.text-white,
html[data-bs-theme="dark"] .analytics-page #main-content .bg-danger.text-white,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-primary.text-white
  h1,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-primary.text-white
  h2,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-primary.text-white
  h3,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-primary.text-white
  h4,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-primary.text-white
  h5,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-success.text-white
  h1,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-success.text-white
  h2,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-success.text-white
  h3,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-success.text-white
  h4,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-success.text-white
  h5,
html[data-bs-theme="dark"] .analytics-page #main-content .bg-info.text-white h1,
html[data-bs-theme="dark"] .analytics-page #main-content .bg-info.text-white h2,
html[data-bs-theme="dark"] .analytics-page #main-content .bg-info.text-white h3,
html[data-bs-theme="dark"] .analytics-page #main-content .bg-info.text-white h4,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .bg-info.text-white
  h5 {
  color: #ffffff !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .text-white-50,
html[data-bs-theme="dark"] .analytics-page #main-content .text-dark-50 {
  color: rgba(255, 255, 255, 0.72) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .progress {
  background: rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] .analytics-page #main-content .page-link {
  background: rgba(15, 23, 42, 0.92);
  color: var(--analytics-text-dark);
  border-color: var(--analytics-border-dark);
}

html[data-bs-theme="dark"] .analytics-page #main-content .page-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .page-item.active
  .page-link {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #ffffff;
}

html[data-bs-theme="dark"] .analytics-page #main-content .country-list-flag,
html[data-bs-theme="dark"] .analytics-page #main-content .country-flag-img {
  border-color: var(--analytics-border-dark);
  background: rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] .analytics-page #main-content .map-empty-state {
  background: rgba(7, 12, 24, 0.84) !important;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .map-overlay-actions
  .btn {
  box-shadow: 0 12px 28px rgba(2, 8, 23, 0.42);
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .leaflet-control-zoom
  a,
html[data-bs-theme="dark"] .analytics-page #main-content .leaflet-bar a {
  background: rgba(15, 23, 42, 0.94) !important;
  color: var(--analytics-text-dark) !important;
  border-bottom-color: var(--analytics-border-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .leaflet-bar,
html[data-bs-theme="dark"] .analytics-page #main-content .leaflet-bar a {
  border-color: var(--analytics-border-dark) !important;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .leaflet-control-attribution,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .leaflet-control-attribution
  a {
  background: rgba(15, 23, 42, 0.9) !important;
  color: var(--analytics-muted-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .leaflet-layer,
html[data-bs-theme="dark"] .analytics-page #main-content .leaflet-tile-pane,
html[data-bs-theme="dark"] .analytics-page #main-content .leaflet-tile,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .leaflet-tile-container
  img {
  filter: brightness(0.74) saturate(0.82) contrast(1.08);
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .apexcharts-canvas
  text,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .apexcharts-legend-text,
html[data-bs-theme="dark"] .analytics-page #main-content .apexcharts-title-text,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .apexcharts-subtitle-text,
html[data-bs-theme="dark"] .analytics-page #main-content .apexcharts-xaxis text,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .apexcharts-yaxis
  text {
  fill: var(--analytics-muted-dark) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .apexcharts-gridline,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .apexcharts-xcrosshairs,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .apexcharts-ycrosshairs {
  stroke: rgba(148, 163, 184, 0.18) !important;
}

html[data-bs-theme="dark"] .analytics-page #main-content .apexcharts-tooltip,
html[data-bs-theme="dark"] .analytics-page #main-content .apexcharts-menu {
  background: #0f172a !important;
  color: var(--analytics-text-dark) !important;
  border-color: var(--analytics-border-dark) !important;
}

html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .apexcharts-toolbar
  svg,
html[data-bs-theme="dark"]
  .analytics-page
  #main-content
  .apexcharts-menu-icon
  svg {
  fill: var(--analytics-muted-dark) !important;
}