:root {
  --surface: #111114;
  --raised: #19191d;
  --border: rgba(255,255,255,0.06);
  --radius: 10px;
  --transition: all 0.2s ease;
  --mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
}

.card-hover {
  transition: var(--transition);
}

.card-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

.stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 1px;
  background: var(--border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15);
}

.stat-cell {
  background: var(--surface);
  padding: 20px;
  transition: var(--transition);
}

.stat-cell:hover {
  background: var(--raised);
}

.panel-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  transition: var(--transition);
}

.panel-card:hover {
  border-color: rgba(255,255,255,0.1);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.08) transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.08);
  border-radius: 9999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.14);
}

.choices__inner {
  background-color: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  min-height: 38px !important;
  padding: 4px 8px !important;
  font-size: 13px !important;
}

.choices__list--dropdown {
  background-color: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
}

.choices__list--dropdown .choices__item--selectable {
  padding: 8px 12px !important;
  font-size: 13px !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--raised) !important;
}

@media (prefers-reduced-motion: reduce) {
  .card-hover,
  .card-hover:hover {
    transition: none;
    transform: none;
  }
}