:root{--green:#07531e;--green2:#15913b;--light:#f4fbf2;--text:#17331d}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef6ed;color:var(--text)}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#fff;padding:22px;border-right:1px solid #dfeadd}.brand{font-weight:900;color:var(--green);font-size:24px;margin-bottom:20px}.nav a{display:block;padding:12px;border:1px solid #e3eee1;border-radius:10px;margin:7px 0;font-weight:800;text-decoration:none;color:var(--text)}.nav a:hover{background:var(--green);color:#fff}.main{padding:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 28px #0001;border:1px solid #e1eee0;margin-bottom:18px}.stat b{font-size:30px;color:var(--green)}input,select{width:100%;padding:12px;border:1px solid #cfe1ce;border-radius:10px;margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}button{background:var(--green2);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:900;cursor:pointer}.total{background:#eef9ed;font-weight:900;color:var(--green)}@media (max-width:900px){.layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}@media (max-width:560px){.grid{grid-template-columns:1fr}.main{padding:14px}}