<div class="card border-0 shadow-sm">
  <div class="card-body">
    <div class="d-flex align-items-center justify-content-between mb-3">
      <h6 class="fw-semibold mb-0" style="font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;">
        <span class="bi bi-people me-2"></span>Client Base
      </h6>
    </div>
    <div class="row g-0">
      <div class="col-6 pe-3" style="border-right:1px solid #f1f5f9;">
        <div class="text-muted mb-1" style="font-size:.75rem;">Total</div>
        <div class="fw-bold" style="font-size:2rem;line-height:1;">30</div>
      </div>
      <div class="col-6 ps-3">
        <div class="text-muted mb-1" style="font-size:.75rem;">New this week</div>
        <div class="d-flex align-items-center gap-2">
          <span class="fw-bold" style="font-size:2rem;line-height:1;">8</span>
          <span class="badge" style="background:#dcfce7;color:#16a34a;font-size:.7rem;">+8</span>
        </div>
      </div>
    </div>
  </div>
</div>
