:root { --bm-blue: #1d5693; --bm-orange: #ff9802; }
body { background: #f4f6f9; }
.nav-link.active { font-weight: 600; color: #fff !important; border-bottom: 2px solid var(--bm-orange); }
.kpi { border: none; border-radius: .75rem; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.kpi .num { font-size: 1.8rem; font-weight: 700; color: var(--bm-blue); }
.kpi .lbl { color: #6c757d; font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; }
.card { border: none; border-radius: .75rem; box-shadow: 0 1px 4px rgba(0,0,0,.07); }
table.table-hover tbody tr { cursor: pointer; }
.rank-badge { display:inline-block; min-width:1.8rem; text-align:center; font-weight:700; border-radius:.4rem; }
.rank-1 { background:#ffd70033; color:#a98300; }
.rank-2 { background:#c0c0c033; color:#707070; }
.rank-3 { background:#cd7f3233; color:#9c5a20; }
.badge-lv { font-size:.7rem; }
.clickable { cursor: pointer; }
.chart-box { position: relative; height: 260px; }
.pti { font-variant-numeric: tabular-nums; }