:root {
  --gw-radius: .75rem;
}

body {
  min-height: 100vh;
}

.stat-card {
  border-radius: var(--gw-radius);
}

.stat-card .stat-value {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
}

.stat-card .stat-label {
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

code, kbd, pre, .mono {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

.token-box {
  word-break: break-all;
  font-size: .95rem;
}

/* Простой столбчатый график расходов — без JS-библиотек */
.spark {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 90px;
}

.spark .bar {
  flex: 1 1 0;
  min-height: 2px;
  border-radius: 3px 3px 0 0;
  background: var(--bs-primary);
  opacity: .85;
}

.spark .bar.zero {
  background: var(--bs-secondary-bg);
}

.table-sm td, .table-sm th {
  vertical-align: middle;
}

.nowrap {
  white-space: nowrap;
}

pre.snippet {
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--gw-radius);
  padding: 1rem;
  overflow-x: auto;
  margin: 0;
}