{% macro render_empty_state(title, description, cta_text=None, cta_url=None) %}
<div class="fin-empty-state"
     style="text-align: center; padding: 48px 24px; color: #636c76;">
  <h3 style="font-size: 20px; font-weight: 600; color: #1f2328; margin-bottom: 8px;">
    {{ title }}
  </h3>
  <p style="margin-bottom: {% if cta_text and cta_url %}24px{% else %}0{% endif %}; margin-top: 0;">
    {{ description }}
  </p>
  {% if cta_text and cta_url %}
    <a href="{{ cta_url }}"
       style="display: inline-block; padding: 8px 16px; background: #0969da; color: #fff;
              text-decoration: none; border-radius: 6px; font-weight: 500;">
      {{ cta_text }}
    </a>
  {% endif %}
</div>
{% endmacro %}