:root{--ink:#17211c;--muted:#68736c;--line:#dfe7e1;--paper:#f5f8f5;--card:#fff;--green:#1f6f4a;--lime:#bce65d;--soft:#eaf3ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}.shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#13251c;flex-direction:column;height:100vh;padding:30px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 32px;font-size:22px;font-weight:700;display:flex}.brandMark{background:var(--lime);color:#13251c;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.sidebar nav{gap:7px;display:grid}.sidebar a{color:#b9c9bf;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;text-decoration:none;display:flex}.sidebar a:hover,.sidebar a.active{color:#fff;background:#274334}.sidebarFoot{color:#98aa9f;border-top:1px solid #345042;margin-top:auto;padding:16px 14px;font-size:12px;line-height:1.6}.sidebarFoot strong{color:#fff}.content{width:100%;max-width:1500px;margin:auto;padding:32px 42px 60px}.content header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.14em;color:var(--green);margin:0 0 8px;font-size:11px;font-weight:800}.content h1{margin:0;font-size:26px}.wallet{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:14px;grid-template-columns:auto 24px;column-gap:16px;padding:10px 14px;display:grid}.wallet span{color:var(--muted);font-size:11px}.wallet strong{font-size:15px}.wallet svg{color:var(--green);grid-area:1/2/3;align-self:center}.hero{color:#fff;background:linear-gradient(125deg,#173426,#245c3d);border-radius:26px;justify-content:space-between;align-items:end;padding:42px;display:flex;box-shadow:0 18px 45px #1d3d2c20}.badge{color:#173426;letter-spacing:.12em;background:#bce65d;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:900;display:inline-block}.hero h2{letter-spacing:-.035em;margin:20px 0 15px;font-size:42px;line-height:1.05}.hero p{color:#cfddd4;max-width:620px;margin:0;line-height:1.6}.primary,.secondary{cursor:pointer;border:0;border-radius:12px;font-weight:700}.primary{background:var(--lime);color:#173426;white-space:nowrap;align-items:center;gap:16px;padding:15px 18px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metrics article,.panel{background:var(--card);border:1px solid var(--line);border-radius:18px}.metrics article{padding:20px}.metrics span{color:var(--muted);font-size:12px}.metrics strong{margin:12px 0 6px;font-size:25px;display:block}.metrics small{color:#87938b;font-size:11px}.panel{padding:26px}.panelHead{justify-content:space-between;align-items:start;display:flex}.panel h3{margin:0;font-size:20px}.status{background:var(--soft);color:var(--green);border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;display:flex}.stages{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px;display:grid}.stages article{background:#f6f8f6;border-radius:14px;gap:12px;padding:17px 13px;display:flex}.stages b{height:27px;color:var(--green);background:#dfece2;border-radius:9px;flex:0 0 27px;place-items:center;font-size:12px;display:grid}.stages strong{font-size:13px}.stages p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.45}.bottomGrid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.compact p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6}.secondary{color:#fff;background:var(--green);margin-top:8px;padding:11px 14px}.dark{color:#fff;background:#17211c}.dark .eyebrow{color:var(--lime)}.dark p:not(.eyebrow){color:#b8c6bd}@media (max-width:1000px){.shell{grid-template-columns:82px 1fr}.sidebar{padding:24px 12px}.brand span:last-child,.sidebar a:not(.active){font-size:0}.sidebar a{justify-content:center}.sidebarFoot{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.stages{grid-template-columns:1fr 1fr}.hero h2{font-size:34px}}@media (max-width:700px){.shell{display:block}.sidebar{display:none}.content{padding:20px}.content header,.hero{align-items:flex-start;gap:20px}.hero{flex-direction:column;padding:28px}.metrics,.bottomGrid,.stages{grid-template-columns:1fr}.hero h2{font-size:31px}.wallet{display:none}}