:root { --bs-body-font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
body { min-height: 100vh; }
.card { border-radius: 1rem; }
.brand-mark { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--bs-primary); color: white; font-weight: 800; font-size: 1.25rem; }
.table thead th { white-space: nowrap; }

.table > :not(caption) > * > * { vertical-align: middle; }
.card-header { border-bottom-color: rgba(0,0,0,.08); }
@media (max-width: 576px) { .display-6 { font-size: 2rem; } }