:root{--bg:#0b1220;--panel:#111a2e;--line:#1f2b45;--text:#e8edf7;--muted:#8b98b3;--gold:#d4a85a;--c1:#4fb3a9;--c2:#d4a85a;--r:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#16233f,transparent),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:28px clamp(16px,4vw,48px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:14px;align-items:center}.mark{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#a77b33);color:#0b1220;font-weight:800;letter-spacing:.5px}
h1{font-family:Fraunces,serif;margin:0;font-size:1.7rem}.brand p{margin:2px 0 0;color:var(--muted);font-size:.9rem}
.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.home-link{color:var(--muted);text-decoration:none;font:600 .85rem Inter;padding:9px 14px;border:1px solid var(--line);border-radius:999px}
.home-link:hover{color:var(--text);border-color:var(--muted)}
.toggle{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px;display:flex}
.toggle button{border:0;background:none;color:var(--muted);font:600 .9rem Inter;padding:9px 18px;border-radius:999px;cursor:pointer}
.toggle button.active{background:var(--gold);color:#0b1220}
main{padding:28px clamp(16px,4vw,48px);display:grid;gap:24px;max-width:1200px;margin:0 auto}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat .label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.stat .num{font-size:2.6rem;font-weight:800;margin-top:6px;font-variant-numeric:tabular-nums}
.stat .sub{color:var(--muted);font-size:.85rem}
.officers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.off h3{margin:0 0 4px;font-size:1.25rem}.off .role{color:var(--muted);font-size:.85rem;margin-bottom:18px}
.off .avatar{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700;margin-right:10px;vertical-align:middle;color:#0b1220}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.metric{background:#0d1528;border:1px solid var(--line);border-radius:12px;padding:14px}
.metric .num{font-size:1.9rem;font-weight:800;font-variant-numeric:tabular-nums}.metric .label{color:var(--muted);font-size:.8rem}
h2{margin:0 0 16px;font-size:1.1rem}
.row{margin-bottom:18px}.row .head{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-bottom:6px}
.bar{display:flex;align-items:center;gap:10px;margin:4px 0}.bar .who{width:70px;font-size:.85rem}
.track{flex:1;height:12px;background:#0d1528;border-radius:999px;overflow:hidden}.fill{height:100%;border-radius:999px;transition:width .6s ease}
.bar .v{width:56px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
footer{text-align:center;color:var(--muted);font-size:.8rem;padding:24px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ccf91;box-shadow:0 0 8px #3ccf91}
.flash{animation:fl .8s}@keyframes fl{from{color:var(--gold)}}
@media(max-width:760px){.totals,.officers{grid-template-columns:1fr}.stat .num{font-size:2.1rem}}

/* Homepage */
body.home{display:flex;align-items:flex-start;justify-content:center}
.home-main{width:100%;max-width:640px;padding:48px clamp(20px,5vw,40px);display:grid;gap:28px}
.home-lede{margin:0;color:var(--muted);font-size:1rem;font-weight:500;letter-spacing:.02em}
.home-nav{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.home-heading{margin:0;font-size:1.05rem;font-weight:600;border-bottom:1px solid var(--line)}
.home-heading:last-child{border-bottom:0}
.home-heading a{display:block;padding:18px 20px;color:var(--text);text-decoration:none}
.home-heading a:hover{background:#16233f;color:var(--gold)}
.home-heading--plain{padding:18px 20px;color:var(--muted);font-weight:500}
@media(max-width:480px){.home-main{padding:32px 16px}.home-heading{font-size:1rem}}