:root{
  --forest:#173e32; --forest2:#0f2f26; --leaf:#6e8c48; --sage:#dfe8d7;
  --cream:#fbf8f0; --paper:#fffdf8; --ink:#1f2925; --muted:#69746f;
  --purple:#7761a8; --purple-soft:#eee9f7; --gold:#c29a38; --line:#e8e1d3;
  --good:#4f7c42; --warn:#b66f2f; --shadow:0 12px 30px rgba(28,55,44,.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--forest2),var(--forest));color:#fff;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;padding:8px}.brand-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);font-family:Georgia,serif;color:#d9e3a6}.brand strong{font-family:Georgia,serif;font-size:20px;letter-spacing:.03em}.brand small{display:block;color:#c7d4cd;margin-top:2px}.nav{display:grid;gap:8px;margin-top:34px}.nav a{color:#d8e3de;text-decoration:none;padding:13px 14px;border-radius:12px;display:flex;gap:10px;align-items:center}.nav a.active,.nav a:hover{background:rgba(151,184,115,.18);color:white}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding:18px 8px 4px}.sidebar-footer span{display:block;color:#b9cbc2;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.sidebar-footer strong{font-size:22px;color:#f2d77a}.main{min-width:0}.topbar{padding:26px 34px 18px;display:flex;align-items:center;gap:16px}.topbar h1{font-family:Georgia,serif;font-size:34px;margin:2px 0 0}.eyebrow{margin:0;color:var(--leaf);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.top-actions{margin-left:auto}.pill,.tag{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;background:var(--sage);color:var(--forest);font-size:12px;font-weight:700}.menu-button{display:none;border:0;background:var(--paper);border-radius:10px;padding:10px;font-size:20px}.view{padding:0 34px 46px;max-width:1500px}.hero{background:linear-gradient(135deg,#f7f2e5,#eef2e4);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.hero h2{font-family:Georgia,serif;font-size:32px;margin:0 0 8px}.hero p{max-width:760px;color:var(--muted);line-height:1.6}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}.section-head h2{font-family:Georgia,serif;margin:0;font-size:24px}.section-head p{margin:4px 0 0;color:var(--muted)}.grid{display:grid;gap:14px}.grid.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 5px 16px rgba(35,48,42,.035)}.stat-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.stat-value{font-family:Georgia,serif;font-size:28px;margin-top:6px}.stat-sub{font-size:12px;color:var(--muted);margin-top:4px}.progress{height:8px;background:#ece8de;border-radius:99px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--leaf),#98ad65);border-radius:inherit}.notice{border-left:4px solid var(--purple);background:var(--purple-soft)}.gcomp-card{border-top:3px solid var(--purple)}.list{display:grid;gap:10px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row strong{display:block}.list-row small{color:var(--muted)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-weight:800}.spacer{flex:1}.good{color:var(--good);font-weight:800}.warn{color:var(--warn);font-weight:800}.btn{border:0;border-radius:10px;background:var(--forest);color:white;padding:10px 14px;font-weight:700;cursor:pointer}.btn.secondary{background:var(--sage);color:var(--forest)}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:white;padding:8px 11px;border-radius:999px;cursor:pointer}.chip.active{background:var(--forest);color:white}.search{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:white;font-size:15px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}.table th{background:#f5f2ea;color:#55615c;font-size:12px;text-transform:uppercase}.badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;background:var(--sage)}.badge.purple{background:var(--purple-soft);color:var(--purple)}.badge.gold{background:#f8edd0;color:#896710}.recruit-id{font-family:Georgia,serif;font-size:40px;color:var(--gold);letter-spacing:.04em}.rule-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:var(--forest);font-weight:800}.member-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.muted{color:var(--muted)}.footer-note{margin-top:22px;color:var(--muted);font-size:12px}
@media(max-width:1050px){.grid.stats{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr 1fr}.member-layout{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;left:-260px;width:240px;transition:left .2s}.sidebar.open{left:0}.menu-button{display:block}.topbar{padding:18px 18px 12px}.topbar h1{font-size:28px}.view{padding:0 18px 34px}.grid.stats,.grid.two,.grid.three{grid-template-columns:1fr}.top-actions{display:none}.hero h2{font-size:27px}}