{% macro page_header(title, tabs=None, active_tab=None) %}
<div class="mb-6 anim-fade-up">
    <h2 class="text-2xl md:text-3xl font-semibold tracking-tight text-[color:var(--text)]">{{ title }}</h2>
    {% if tabs %}
        <div class="mt-4 border-b border-[color:var(--border)] overflow-x-auto">
            <nav class="flex gap-1">
                {% for t in tabs %}
                    {% set is_active = active_tab == t.key %}
                    <a href="{{ t.url }}"
                       class="relative px-4 py-2.5 text-sm whitespace-nowrap transition-colors
                              {% if is_active %}text-[color:var(--text)] font-medium
                              {% else %}text-[color:var(--text-muted)] hover:text-[color:var(--text)]{% endif %}">
                        {{ t.label }}
                        {% if is_active %}<span class="absolute inset-x-0 bottom-0 h-px bg-[color:var(--text)]"></span>{% endif %}
                    </a>
                {% endfor %}
            </nav>
        </div>
    {% endif %}
</div>
{% endmacro %}