:root{--green:#16a36a;--ink:#10241c;--muted:#62736b;--paper:#f7faf8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,PingFang SC,system-ui,sans-serif}a{color:inherit;text-decoration:none}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 24px}.brand{font-size:20px;font-weight:800;color:var(--green)}.links{display:flex;gap:24px;align-items:center}.btn{display:inline-flex;border:0;border-radius:12px;background:var(--green);color:#fff;padding:12px 20px;font-weight:700;cursor:pointer}.btn.secondary{background:#e2f5eb;color:#087347}.hero{max-width:1120px;margin:72px auto;padding:60px 24px;display:grid;grid-template-columns:1.2fr .8fr;grid-gap:56px;gap:56px;align-items:center}.hero h1{font-size:58px;line-height:1.08;margin:0 0 24px}.hero p{font-size:20px;line-height:1.7;color:var(--muted)}.card,.panel{background:#fff;border:1px solid #dce9e2;border-radius:22px;padding:28px;box-shadow:0 18px 60px #124d2d12}.metric{padding:18px 0;border-bottom:1px solid #edf2ef}.metric:last-child{border:0}.section{max-width:1120px;margin:0 auto 80px;padding:0 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.page{max-width:760px;margin:60px auto;padding:0 24px}.page h1{font-size:40px}.page p{line-height:1.8;color:var(--muted)}form{display:grid;grid-gap:14px;gap:14px}input{width:100%;padding:14px;border:1px solid #ccd9d2;border-radius:10px;font:inherit}.error{color:#b3261e}.success{color:var(--green)}footer{padding:36px;text-align:center;color:var(--muted)}.wide{max-width:1120px;margin:30px auto;padding:0 24px}.appnav{display:flex;gap:10px;flex-wrap:wrap;padding:12px;background:#e8f4ed;border-radius:14px}.appnav a{padding:8px 12px;border-radius:8px}.appnav a:hover{background:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:24px 0}.stat{background:#fff;border:1px solid #dce9e2;border-radius:15px;padding:18px}.stat strong{font-size:27px;display:block;margin-top:7px}.actions{display:flex;gap:12px;flex-wrap:wrap}.tablewrap{overflow:auto;background:#fff;border:1px solid #dce9e2;border-radius:16px;padding:8px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px;border-bottom:1px solid #edf2ef;white-space:nowrap}th{color:var(--muted);font-size:13px}.switch{display:flex;align-items:center;gap:12px}.switch input{width:auto}@media(max-width:760px){.hero{grid-template-columns:1fr;margin-top:20px}.hero h1{font-size:40px}.grid,.stats{grid-template-columns:1fr 1fr}.links a:not(.btn){display:none}}