{% load i18n %}
<!-- Balance Card Partial -->
<div class="bg-white rounded-lg shadow-lg p-6 border-l-4 border-blue-500 transform hover:scale-105 transition-all">
    <h3 class="text-lg font-semibold text-gray-700 mb-3">{% trans 'Solde total' %}</h3>
    <div class="text-3xl font-bold text-gray-900">${{ total_balance|floatformat:2 }}</div>
    <div class="flex items-center mt-4 text-sm">
        <svg class="w-4 h-4 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
        </svg>
        <span class="text-gray-600">Solde actuel</span>
    </div>
</div>