*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;background:var(--f-bg, #f8fafc);color:var(--f-text, #0f172a);overflow-x:hidden}.app{max-width:640px;margin:4rem auto;padding:2rem;background:var(--f-surface, #ffffff);border:1px solid var(--f-border, #e2e8f0);border-radius:8px}.app h1{margin:0 0 .25rem;font-size:1.5rem}.subtitle{margin:0 0 1.5rem;color:var(--f-text-muted, #475569);font-size:.875rem}.config{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.5rem 1rem;font-size:.875rem}.config dt{color:var(--f-text-subtle, #64748b)}.config dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media (max-width: 768px){.app{margin:1.5rem 1rem;padding:1.5rem}.config{grid-template-columns:1fr;gap:.125rem 0}.config dt{margin-top:.5rem}}:root{--p-nav-users-bg: #f3f6fb;--p-nav-users-accent: #9aabc9;--p-nav-finance-bg: #f1f7f3;--p-nav-finance-accent: #8db59c;--p-nav-central-bg: #f5f3fa;--p-nav-central-accent: #ab9dca;--p-nav-risk-bg: #fbf6ef;--p-nav-risk-accent: #cfb084;--p-nav-hover: rgba(15, 23, 42, .06)}.dark{--p-nav-users-bg: rgba(148, 163, 196, .08);--p-nav-users-accent: #50617f;--p-nav-finance-bg: rgba(110, 170, 135, .08);--p-nav-finance-accent: #456e56;--p-nav-central-bg: rgba(160, 140, 200, .08);--p-nav-central-accent: #5f5281;--p-nav-risk-bg: rgba(210, 170, 110, .08);--p-nav-risk-accent: #7d643e;--p-nav-hover: rgba(255, 255, 255, .07)}.nav-section{border-left:3px solid transparent;border-radius:6px;padding:2px 4px 4px;margin-bottom:4px}.nav-section--users{background:var(--p-nav-users-bg);border-left-color:var(--p-nav-users-accent)}.nav-section--finance{background:var(--p-nav-finance-bg);border-left-color:var(--p-nav-finance-accent)}.nav-section--central{background:var(--p-nav-central-bg);border-left-color:var(--p-nav-central-accent)}.nav-section--risk{background:var(--p-nav-risk-bg);border-left-color:var(--p-nav-risk-accent)}.nav-section>div>button:hover,.nav-link:hover{background:var(--p-nav-hover)}.nav-section>div>button:focus-visible,.nav-link:focus-visible{outline:2px solid var(--f-primary, #2563eb);outline-offset:1px}.nav-subheading{display:block;margin:6px 0 2px;padding-left:.75rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--f-text-muted, #475569)}