{# Data table wrapper for consistent styling #}
<div class="bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden">
  {% block table_header %}{% endblock %}
  <div class="overflow-x-auto">
    <table class="min-w-full divide-y divide-slate-200">
      <thead class="bg-slate-50">
        {% block table_head %}{% endblock %}
      </thead>
      <tbody class="divide-y divide-slate-200">
        {% block table_body %}{% endblock %}
      </tbody>
    </table>
  </div>
  {% block table_footer %}{% endblock %}
</div>