:root{--bg-a:#f6f8ef;--bg-b:#e9f2de;--text:#132019;--accent:#0d7c59;--card:#fff;--muted:#6f7f73}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,var(--bg-b),var(--bg-a));color:var(--text)}.container{width:min(1200px,94vw);margin:0 auto;padding:28px 0 40px;display:grid;grid-gap:20px;gap:20px}.card{background:var(--card);border-radius:14px;box-shadow:0 10px 24px rgba(14,33,22,.08);padding:18px}.hero{animation:fadeUp .3s ease-out}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.metric-label{margin:0;color:var(--muted)}.metric-value{margin:8px 0 0;font-size:28px;font-weight:800;color:var(--accent)}.grid-2{display:grid;grid-template-columns:1fr 2fr;grid-gap:14px;gap:14px}.form-grid{display:grid;grid-gap:10px;gap:10px}button,input,select{border:1px solid #d7e1d3;border-radius:8px;padding:10px;font-size:14px}button{border:none;background:var(--accent);color:#fff;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:13px}td,th{border-bottom:1px solid #edf2ea;text-align:left;padding:8px 4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.grid-2,.metrics{grid-template-columns:1fr}}