:root{--brand:#065f46;--brand-2:#047857;--bg:#f8fafc;--card:#fff;--line:#e5e7eb;--text:#0f172a;--muted:#6b7280}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto}.container{max-width:1100px;margin:0 auto;padding:2rem}.header{display:flex;gap:1rem;align-items:center}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.tab{padding:.5rem 1rem;border:1px solid var(--line);border-radius:999px;background:#fff}.tab.active{background:var(--brand-2);color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:1rem;box-shadow:0 1px 2px #0000000a;padding:1rem}.grid{display:grid;gap:1rem}.grid.g2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.kpi{font-size:1.75rem;font-weight:700}.subtitle{font-size:.9rem;color:var(--muted)}.pill{font-size:.75rem;padding:.125rem .5rem;border-radius:999px;background:#f3f4f6;border:1px solid var(--line)}.badge{font-size:.75rem;padding:.125rem .5rem;border-radius:999px;background:#ecfdf5;border:1px solid #059669;color:#047857;font-weight:600}