.card-stat with a header, value and label. The delta takes .up or .down.

The template badge: .badge plus .badge-soft-success, -warning, -danger, -info or -secondary. Use the solid .badge-danger for a live state.

.lesson-item rows inside a .lesson-list. The tone class colours the rail.

.card-class with a tone modifier — header, stats row and actions.

.info-list-item for data rows, .timeline-item for chronological entries.

Bootstrap’s own .progress, sized with --bs-progress-height; .action-button and .icon-action are the widget controls.