:root { --bn-primary: #10b981; --bn-bg: #0f172a; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.kpi-card { @apply bg-slate-800 border border-slate-700 rounded-lg p-4; }
.kpi-value { @apply text-3xl font-bold text-emerald-400; }
.kpi-label { @apply text-xs text-slate-400 uppercase tracking-wider; }
table { @apply w-full text-sm; }
th { @apply text-left text-slate-400 text-xs uppercase pb-2; }
td { @apply py-2 border-b border-slate-700; }
[data-nav].active { @apply bg-slate-700 text-emerald-400; }

/* Safe areas iOS — PWA plein écran (viewport-fit=cover) */
:root {
  --bn-safe-top: env(safe-area-inset-top, 0px);
  --bn-safe-bottom: env(safe-area-inset-bottom, 0px);
}
body > header.sticky { padding-top: calc(0.75rem + var(--bn-safe-top)); }
body > nav.fixed { padding-bottom: var(--bn-safe-bottom); }
main#view { padding-bottom: calc(5rem + var(--bn-safe-bottom)); }