:root{--bg:#0b1f14;--card:#0f2a1a;--ink:#e6f4ef;--muted:#a9c3b8;--accent:#18c37e;--accent2:#8ce99a}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Arial,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;background:#0d2418;border-bottom:1px solid #183828;padding:10px 16px}
.brand{display:flex;align-items:center;gap:10px}.brand img{height:34px}.brand span{font-weight:800;letter-spacing:.4px}
.menu a{margin:0 8px;color:#dbefe7}.btn{display:inline-block;margin-top:10px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#08351f;font-weight:800;padding:12px 16px;border-radius:10px}
.btn-outline{background:transparent;border:1px solid #285243;color:#d3efe4;border-radius:10px;padding:10px 14px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding:44px 0}
.h-badge{display:inline-block;background:#153d2b;border:1px solid #2a6a51;color:#bfeada;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}
.h-title{font-size:42px;line-height:1.1;margin:14px 0}.h-sub{color:var(--muted);font-size:18px}
.card{background:var(--card);border:1px solid #224736;border-radius:14px;padding:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.section{padding:32px 0}.footer{padding:24px;color:#a6cfc0;border-top:1px solid #183828}
label{display:block;margin:10px 0 4px}.input,select,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #2a5b46;background:#0c2318;color:#e6f4ef}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #1c3f2d;padding:10px;text-align:left}
.note{font-size:12px;color:#95baac}.kpi{display:flex;gap:12px;flex-wrap:wrap}.kpi .chip{background:#0d2519;border:1px solid #1f4a36;border-radius:10px;padding:8px 10px}
.badge{padding:4px 8px;background:#0d2519;border:1px solid #1f4a36;border-radius:999px;font-size:12px;color:#dff6ee}
@media(max-width:900px){.hero{grid-template-columns:1fr}}