.value {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  line-height: 1;
  font-weight: 700;
  margin-bottom: var(--space-1);
}

.label {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: var(--space-4);
}

.bar {
  height: 6px;
  background: var(--color-divider);
  border-radius: var(--radius-full);
  overflow: hidden;
}

.fill {
  height: 100%;
  background: var(--color-primary);
  transition: width 0.4s ease;
}

.fillWarn { background: var(--color-warning); }

.detail {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  margin-top: var(--space-2);
}