:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html { scroll-behavior: smooth; }
body { margin: 0; }
body.bg-slate-950 { background: #f4f7fb !important; color: #172033 !important; }
body.bg-slate-950.text-slate-100 { color: #172033 !important; }
aside.bg-slate-900\/80 { background: #ffffff !important; border-color: #e2e8f0 !important; }
main { background: #f4f7fb; }
[class~="bg-slate-900"], [class~="bg-slate-900/70"], [class~="bg-slate-900/60"], [class~="bg-slate-900/40"], [class~="bg-slate-900/30"] { background-color: #ffffff !important; }
[class~="bg-slate-950/50"], [class~="bg-slate-950/40"] { background-color: #f8fafc !important; }
[class~="bg-white/5"], [class~="bg-white/10"], [class~="bg-white/[0.03]"] { background-color: #f1f5f9 !important; }
[class~="border-white/10"], [class~="border-white/15"] { border-color: #e2e8f0 !important; }
[class~="text-slate-100"], [class~="text-slate-200"], [class~="text-slate-300"] { color: #334155 !important; }
[class~="text-slate-400"], [class~="text-slate-500"] { color: #64748b !important; }
[class~="text-emerald-300"], [class~="text-emerald-200"] { color: #047857 !important; }
[class~="text-amber-200"], [class~="text-amber-100"] { color: #92400e !important; }
[class~="text-sky-200"], [class~="text-sky-100"] { color: #075985 !important; }
[class~="hover:bg-white/5"]:hover, [class~="hover:bg-white/15"]:hover { background-color: #e2e8f0 !important; }
[class~="hover:text-white"]:hover { color: #0f172a !important; }
.nav-link { white-space: nowrap; border-radius: .75rem; padding: .7rem .85rem; color: #64748b; font-size: .875rem; transition: color .15s ease, background .15s ease; }
.nav-link:hover { color: #0f172a; background: #f1f5f9; }
.nav-link-active { color: #047857; background: #ecfdf5; font-weight: 600; }
.form-input { display: block; width: 100%; border: 1px solid #cbd5e1; border-radius: .75rem; background: #ffffff; padding: .8rem .9rem; color: #0f172a; outline: none; }
.form-input:focus { border-color: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,.14); }
.metric-card, .system-link { box-shadow: 0 1px 3px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.025); }
a, button { -webkit-tap-highlight-color: transparent; }
@media (min-width: 1024px) { aside { position: relative; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }


/* Reporting workspace navigation and platform marks */
.nav-section { margin: .9rem .75rem .25rem; color: #94a3b8; font-size: .65rem; font-weight: 800; letter-spacing: .16em; }
.nav-link { display: flex; align-items: center; gap: .7rem; white-space: normal; border: 1px solid transparent; border-radius: .8rem; padding: .68rem .75rem; color: #64748b; font-size: .84rem; font-weight: 550; transition: color .15s ease, background .15s ease, border-color .15s ease; }
.nav-link > span:first-child:not(.brand-icon) { display: inline-flex; width: 1.2rem; align-items: center; justify-content: center; color: #94a3b8; font-size: 1rem; }
.nav-link:hover { color: #0f172a; background: #f8fafc; border-color: #e2e8f0; }
.nav-link-active { color: #047857; background: #ecfdf5; border-color: #d1fae5; font-weight: 700; }
.nav-link-active > span:first-child:not(.brand-icon) { color: #059669; }
.brand-icon { display: inline-flex; width: 1.35rem; height: 1.35rem; flex: 0 0 1.35rem; align-items: center; justify-content: center; border-radius: .4rem; background: #f1f5f9; color: #334155; font-size: .75rem; font-weight: 800; }
.brand-facebook { color: #1877f2; }
.brand-instagram { color: #c13584; }
.brand-linkedin { color: #0a66c2; }
.brand-tiktok { color: #111827; }
.brand-x { color: #111827; }
.metric-card { box-shadow: 0 1px 2px rgba(15,23,42,.025), 0 8px 24px rgba(15,23,42,.025); transition: transform .16s ease, box-shadow .16s ease; }
.metric-card:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(15,23,42,.07); }
@media (min-width: 1024px) {
  .nav-section { margin-top: 1.2rem; }
  .nav-link { padding: .72rem .8rem; }
}
@media (max-width: 1023px) {
  .nav-section { margin-top: .75rem; }
  nav[aria-label="Main navigation"] { padding-bottom: .2rem; }
}