body { font-family: 'Inter', system-ui, sans-serif; }
.nav-item.active { background-color: #0F172A; color: #C9A961; }
.nav-item.active svg { color: #C9A961; }
.kpi-card { transition: transform .15s ease, box-shadow .15s ease; }
.kpi-card:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(15, 23, 42, .06); }
.section-card { background: white; border: 1px solid #E2E8F0; border-radius: 14px; }
.row-hover:hover { background: #F8FAFC; cursor: pointer; }
table { font-variant-numeric: tabular-nums; }
.tabbar button.active { background: white; color: #0F172A; box-shadow: 0 1px 2px rgba(15,23,42,.06); }
.scrollbar-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 3px; }
.chart-wrap { position: relative; width: 100%; }
.chart-wrap > canvas { display: block; max-width: 100% !important; max-height: 100% !important; }
.h-chart-sm { height: 180px; }
.h-chart-md { height: 240px; }
.h-chart-lg { height: 320px; }