*{box-sizing:border-box}body{margin:0;background:#f6f4ef;color:#18201b;font-family:Arial,sans-serif}button{font:inherit;cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{padding:28px 18px;border-right:1px solid #dde2dc;background:#fff}.brand{font-size:24px;font-weight:700;margin-bottom:28px}.nav{display:grid;grid-gap:8px;gap:8px}.nav button{border:0;background:transparent;text-align:left;padding:10px;border-radius:10px}.nav button.active{background:#eef2ec;font-weight:700}.main{padding:32px;max-width:1100px;width:100%;margin:auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #dde2dc;border-radius:20px;padding:22px}.hero{grid-column:span 8}.side{grid-column:span 4}.muted{color:#68706a}.metric{font-size:32px;font-weight:700}.kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.kpi{background:#eef2ec;border-radius:14px;padding:14px}.button{border:0;border-radius:999px;padding:11px 16px;background:#244b3b;color:#fff;font-weight:700}.secondary{background:#fff;color:#18201b;border:1px solid #dde2dc}.result{background:#dfe9e3;border-radius:18px;padding:18px;margin-bottom:16px}.stack{display:grid;grid-gap:14px;gap:14px}.mobile{display:none}@media(max-width:800px){.shell{display:block}.sidebar{display:none}.main{padding:20px 14px 78px}.hero,.side{grid-column:1/-1}.kpis{grid-template-columns:1fr}.mobile{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dde2dc}.mobile button{border:0;background:#fff;padding:14px 4px;font-size:12px}}