:root {
  --bi-accent: #2563eb;
  --bi-bg: #f8fafc;
  --bi-panel: #ffffff;
  --bi-border: #e2e8f0;
}
body { background: var(--bi-bg); color: #0f172a; font-size: 14px; }
.kpi-card, .panel {
  background: var(--bi-panel);
  border: 1px solid var(--bi-border);
  border-radius: 12px;
  padding: 14px 16px;
}
.kpi-label { color: #64748b; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.kpi-value { font-size: 24px; font-weight: 600; font-variant-numeric: tabular-nums; }
.panel-title { font-weight: 600; margin-bottom: 10px; }
.navbar-brand { color: var(--bi-accent) !important; }
.navbar .container-fluid { display: flex; flex-wrap: wrap; align-items: center; }
.navbar-nav.flex-row .nav-link { padding-left: .75rem; padding-right: .75rem; }
.bi-brand { text-decoration: none !important; line-height: 1.1; }
.bi-brand-title { display: block; font-weight: 600; font-size: 1rem; color: #0a2630; letter-spacing: .02em; }
.bi-brand-subtitle { display: block; font-size: 10px; font-weight: 500; color: #8e8e8e; letter-spacing: .12em; text-transform: uppercase; margin-top: 2px; }
.bi-logo-icon { border-radius: 6px; }