{% macro render_stat_card(label, value, delta=None, delta_type=None) %}
<div class="fin-stat-card"
     style="background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 6px;
            padding: 16px; min-width: 160px;">
  <span class="fin-stat-label"
        style="display: block; font-size: 12px; color: #636c76; margin-bottom: 4px;
               text-transform: uppercase; letter-spacing: 0.5px;">
    {{ label }}
  </span>
  <span class="fin-stat-value"
        style="display: block; font-size: 24px; font-weight: 600; color: #1f2328;">
    {{ value }}
  </span>
  {% if delta is not none %}
    <span class="fin-stat-delta"
          style="display: block; font-size: 12px; margin-top: 4px;
                 {% if delta_type == 'positive' %}color: #1a7f37;
                 {% elif delta_type == 'negative' %}color: #cf222e;
                 {% else %}color: #636c76;{% endif %}">
      {{ delta }}
    </span>
  {% endif %}
</div>
{% endmacro %}