html, body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
body { background: #f4f6f9; }
.card { border: 0; border-radius: 12px; }
.card .card-body { padding: 1rem 1.25rem; }
.navbar-brand { letter-spacing: .3px; }
.table thead th { font-size: .8rem; text-transform: uppercase; letter-spacing: .3px; color: #495057; }
.badge { font-weight: 500; }
footer { background: #fff; }
@media (max-width: 768px) {
    .h4 { font-size: 1.15rem; }
    .table { font-size: .85rem; }
}