{% macro render_page_header(title, subtitle=None, action_text=None, action_url=None) %}
<div class="fin-page-header"
     style="display: flex; justify-content: space-between; align-items: flex-start;
            margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #d0d7de;">
  <div>
    <h1 style="font-size: 24px; font-weight: 600; color: #1f2328; margin: 0;">{{ title }}</h1>
    {% if subtitle %}
      <p style="color: #636c76; margin: 4px 0 0 0; font-size: 14px;">{{ subtitle }}</p>
    {% endif %}
  </div>
  {% if action_text and action_url %}
    <a href="{{ action_url }}"
       style="display: inline-block; padding: 8px 16px; background: #0969da; color: #fff;
              text-decoration: none; border-radius: 6px; font-weight: 500; white-space: nowrap;
              flex-shrink: 0; margin-left: 16px;">
      {{ action_text }}
    </a>
  {% endif %}
</div>
{% endmacro %}