django-cfg 1.2.29__py3-none-any.whl → 1.2.31__py3-none-any.whl

django_cfg/apps/payments/services/security/payment_notifications.py

@@ -3,14 +3,14 @@ Payment System Notification Service
 Uses existing django_telegram and django_email modules for admin notifications.
 """
 
-import logging
+from django_cfg.modules.django_logger import get_logger
 from typing import Dict, Any, Optional
 from django.utils import timezone
 from django_cfg.modules.django_telegram import DjangoTelegram
 from django_cfg.modules.django_email import DjangoEmailService
 from django_cfg.core.config import get_current_config
 
-logger = logging.getLogger(__name__)
+logger = get_logger("payment_notifications")
 config = get_current_config()
 
 

django_cfg/apps/payments/services/security/webhook_validator.py

@@ -6,7 +6,7 @@ Critical Foundation Security Component.
 import json
 import hmac
 import hashlib
-import logging
+from django_cfg.modules.django_logger import get_logger
 import time
 from typing import Dict, Any, Optional, Tuple
 from datetime import datetime, timedelta
@@ -16,8 +16,9 @@ from django.conf import settings
 
 from django_cfg.apps.payments.config import get_payments_config
 from django_cfg.apps.payments.models.events import PaymentEvent
+from ...models.payments import UniversalPayment
 
-logger = logging.getLogger(__name__)
+logger = get_logger("webhook_validator")
 
 
 class WebhookValidator:
@@ -400,8 +401,6 @@ class WebhookValidator:
         
         CRITICAL: Prevents webhooks for unknown addresses.
         """
-        from ..models.payments import UniversalPayment
-        
         try:
             # Check if address exists in our payments
             return UniversalPayment.objects.filter(

django_cfg/apps/payments/signals/api_key_signals.py

@@ -10,12 +10,12 @@ from django.dispatch import receiver
 from django.contrib.auth import get_user_model
 from django.db import transaction
 from django.utils import timezone
-import logging
+from django_cfg.modules.django_logger import get_logger
 
 from ..models import APIKey
 
 User = get_user_model()
-logger = logging.getLogger(__name__)
+logger = get_logger("api_key_signals")
 
 
 @receiver(post_save, sender=User)

django_cfg/apps/payments/signals/payment_signals.py

@@ -8,13 +8,13 @@ from django.db.models.signals import post_save, pre_save
 from django.dispatch import receiver
 from django.db import transaction
 from django.utils import timezone
-import logging
+from django_cfg.modules.django_logger import get_logger
 
 from ..models import UniversalPayment, UserBalance, Transaction
 from ..services.cache import SimpleCache
-from django_cfg.core.redis import RedisService
+from django.core.cache import cache
 
-logger = logging.getLogger(__name__)
+logger = get_logger("payment_signals")
 
 
 @receiver(pre_save, sender=UniversalPayment)
@@ -92,8 +92,14 @@ def _process_completed_payment(payment: UniversalPayment):
             
             # Clear Redis cache for user
             try:
-                redis_service = RedisService()
-                redis_service.invalidate_user_cache(payment.user.id)
+                # Invalidate user cache using Django cache
+                user_cache_pattern = f"payments:user:{payment.user.id}:*"
+                # Note: Django cache doesn't support pattern deletion, so we clear specific keys
+                cache.delete_many([
+                    f"payments:user:{payment.user.id}:balance",
+                    f"payments:user:{payment.user.id}:api_keys",
+                    f"payments:user:{payment.user.id}:subscriptions"
+                ])
             except Exception as e:
                 logger.warning(f"Failed to clear Redis cache for user {payment.user.id}: {e}")
             

django_cfg/apps/payments/signals/subscription_signals.py

@@ -9,12 +9,12 @@ from django.dispatch import receiver
 from django.db import transaction
 from django.utils import timezone
 from datetime import timedelta
-import logging
+from django_cfg.modules.django_logger import get_logger
 
 from ..models import Subscription, EndpointGroup, UserBalance, Transaction
 from ..services.cache import SimpleCache
 
-logger = logging.getLogger(__name__)
+logger = get_logger("subscription_signals")
 
 
 @receiver(pre_save, sender=Subscription)

django_cfg/apps/payments/tasks/webhook_processing.py

@@ -5,7 +5,7 @@ Simple webhook processing with fallback to sync processing.
 Uses existing Dramatiq configuration and graceful degradation.
 """
 
-import logging
+from django_cfg.modules.django_logger import get_logger
 from typing import Dict, Any, Optional
 from django.db import transaction
 from django.utils import timezone
@@ -16,7 +16,7 @@ import dramatiq
 from ..services.core.payment_service import PaymentService
 from ..models.events import PaymentEvent
 
-logger = logging.getLogger(__name__)
+logger = get_logger("webhook_processing")
 
 
 @dramatiq.actor(

django_cfg/apps/payments/templates/admin/payments/currency/change_list.html

@@ -0,0 +1,50 @@
+{% extends "admin/change_list.html" %}
+{% load static %}
+
+{% block result_list %}
+    <!-- Currency Statistics Dashboard - Unfold Semantic Colors -->
+    <div class="bg-white border border-base-200 dark:bg-base-900 dark:border-base-700 p-4 rounded-default mb-4">
+        <h3 class="text-lg font-semibold text-font-important-light dark:text-font-important-dark mb-3">📊 Currency Overview</h3>
+        
+        <div class="grid grid-cols-4 gap-4 mb-4">
+            <div class="text-center bg-base-50 dark:bg-base-800 p-3 rounded-default">
+                <p class="text-2xl font-bold text-primary-600 dark:text-primary-400">{{ total_currencies }}</p>
+                <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Total Currencies</p>
+            </div>
+            <div class="text-center bg-base-50 dark:bg-base-800 p-3 rounded-default">
+                <p class="text-2xl font-bold text-success-600 dark:text-success-400">{{ enabled_provider_currencies }}</p>
+                <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Provider Mappings</p>
+            </div>
+            <div class="text-center bg-base-50 dark:bg-base-800 p-3 rounded-default">
+                <p class="text-2xl font-bold text-warning-600 dark:text-warning-400">{{ currencies_with_rates }}</p>
+                <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">With USD Rates</p>
+            </div>
+            <div class="text-center bg-base-50 dark:bg-base-800 p-3 rounded-default">
+                <p class="text-2xl font-bold text-info-600 dark:text-info-400">{{ rate_coverage|floatformat:1 }}%</p>
+                <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Rate Coverage</p>
+            </div>
+        </div>
+        
+        <div class="grid grid-cols-2 gap-4">
+            <div class="bg-base-50 dark:bg-base-800 p-3 rounded-default">
+                <h4 class="font-semibold text-font-important-light dark:text-font-important-dark mb-2">Currency Types</h4>
+                <ul class="text-sm space-y-1 text-font-default-light dark:text-font-default-dark">
+                    <li>💵 Fiat: <span class="font-medium text-primary-600 dark:text-primary-400">{{ fiat_count }}</span></li>
+                    <li>₿ Crypto: <span class="font-medium text-warning-600 dark:text-warning-400">{{ crypto_count }}</span></li>
+                </ul>
+            </div>
+            <div class="bg-base-50 dark:bg-base-800 p-3 rounded-default">
+                <h4 class="font-semibold text-font-important-light dark:text-font-important-dark mb-2">🚀 Top Supported</h4>
+                <ul class="text-sm space-y-1 text-font-default-light dark:text-font-default-dark">
+                    {% for currency in top_currencies %}
+                        <li><span class="font-semibold text-primary-600 dark:text-primary-400">{{ currency.code }}:</span> {{ currency.provider_count }} providers</li>
+                    {% empty %}
+                        <li class="text-font-subtle-light dark:text-font-subtle-dark">No provider data available</li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    {{ block.super }}
+{% endblock %}

django_cfg/apps/payments/templates/payments/base.html

@@ -80,18 +80,18 @@
                     <div class="flex items-center space-x-3">
                         {% block header_actions %}
                         <a href="{% url 'payments_dashboard:list' %}" 
-                           class="inline-flex items-center px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors duration-200">
+                            class="inline-flex items-center px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200">
                             <span class="material-icons text-sm mr-2">history</span>
                             Payment History
                         </a>
                         <a href="{% url 'payments_dashboard:create' %}" 
-                           class="inline-flex items-center px-3 py-2 bg-primary-600 hover:bg-primary-700 text-white rounded-md text-sm font-medium transition-colors duration-200">
+                           class="inline-flex items-center px-3 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-md text-sm font-medium transition-colors duration-200">
                             <span class="material-icons text-sm mr-2">add</span>
                             New Payment
                         </a>
                         <button id="theme-toggle" 
-                                class="group inline-flex items-center justify-center px-3 py-2 rounded-md bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                            <span class="material-icons text-gray-600 dark:text-yellow-400 group-hover:text-primary-600 dark:group-hover:text-yellow-300 transition-colors duration-200">light_mode</span>
+                                class="group inline-flex items-center justify-center px-3 py-2 rounded-md bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
+                            <span class="material-icons text-gray-600 dark:text-yellow-400 group-hover:text-blue-600 dark:group-hover:text-yellow-300 transition-colors duration-200">light_mode</span>
                         </button>
                         {% endblock %}
                     </div>

django_cfg/apps/payments/templates/payments/components/payment_card.html

@@ -2,7 +2,7 @@
 {% load humanize %}
 
 <!-- Payment Card Component -->
-<div class="payment-card bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-6 {% if compact %}compact{% endif %}"
+<div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6"
      data-payment-id="{{ payment.id }}">
     
     <!-- Header -->
@@ -76,20 +76,20 @@
     <!-- Actions -->
     {% if show_actions %}
     <div class="payment-actions mt-4 flex space-x-2">
-        <button class="btn btn-outline btn-sm flex-1" 
+        <button class="flex-1 px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" 
                 onclick="showPaymentDetails('{{ payment.id }}')">
             <span class="material-icons text-sm mr-1">visibility</span>
             View Details
         </button>
         {% if payment|can_cancel_payment %}
-            <button class="btn btn-danger btn-sm" 
+            <button class="px-3 py-1.5 text-xs bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600 rounded-md transition-colors duration-200" 
                     onclick="cancelPayment('{{ payment.id }}')">
                 <span class="material-icons text-sm mr-1">cancel</span>
                 Cancel
             </button>
         {% endif %}
         {% if payment|is_crypto_payment and payment.pay_address %}
-            <button class="btn btn-primary btn-sm" 
+            <button class="px-3 py-1.5 text-xs bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-md transition-colors duration-200" 
                     onclick="showQRCode('{{ payment.id }}')">
                 <span class="material-icons text-sm mr-1">qr_code</span>
                 QR Code
@@ -134,11 +134,11 @@
     
     {% if show_actions %}
     <div class="flex space-x-2">
-        <button class="flex-1 btn btn-outline btn-sm" onclick="showPaymentDetails('{{ payment.id }}')">
+        <button class="flex-1 px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" onclick="showPaymentDetails('{{ payment.id }}')">
             Details
         </button>
         {% if payment|can_cancel_payment %}
-            <button class="btn btn-danger btn-sm" onclick="cancelPayment('{{ payment.id }}')">
+            <button class="px-3 py-1.5 text-xs bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600 rounded-md transition-colors duration-200" onclick="cancelPayment('{{ payment.id }}')">
                 Cancel
             </button>
         {% endif %}

django_cfg/apps/payments/templates/payments/components/payment_qr_code.html

@@ -1,9 +1,9 @@
 {% load payments_tags %}
 
 <!-- Payment QR Code Component -->
-<div class="qr-code-container">
+<div class="flex flex-col items-center space-y-2 p-4 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700">
     {% if qr_data %}
-        <div class="qr-code" id="qr-code-{{ payment.id }}">
+        <div class="w-32 h-32 bg-gray-100 dark:bg-gray-700 rounded flex items-center justify-center" id="qr-code-{{ payment.id }}">
             <!-- QR code will be generated here by JavaScript -->
             <span class="material-icons text-gray-400 text-4xl">qr_code</span>
         </div>
@@ -23,13 +23,13 @@
             
             <!-- Action Buttons -->
             <div class="flex space-x-2 pt-2">
-                <button class="btn btn-outline btn-sm flex-1" 
+                <button class="flex-1 px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" 
                         onclick="copyToClipboard('{{ payment.pay_address }}', 'Address copied!')">
                     <span class="material-icons text-sm mr-1">content_copy</span>
                     Copy Address
                 </button>
                 {% if payment.pay_amount %}
-                <button class="btn btn-outline btn-sm flex-1" 
+                <button class="flex-1 px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" 
                         onclick="copyToClipboard('{{ payment.pay_amount }}', 'Amount copied!')">
                     <span class="material-icons text-sm mr-1">content_copy</span>
                     Copy Amount

django_cfg/apps/payments/templates/payments/components/progress_bar.html

@@ -1,12 +1,15 @@
 {% load payments_tags %}
 
 <!-- Payment Progress Bar Component -->
-<div class="payment-progress-container">
+<div>
     <!-- Progress Steps (Hidden on mobile) -->
-    <div class="progress-steps hidden md:flex">
+    <div class="hidden md:flex justify-between items-center mb-4">
         {% for step in payment|payment_progress_steps %}
-            <div class="progress-step {% if step.completed %}completed{% endif %} {% if step.active %}active{% endif %}">
-                <div class="step-icon {% if step.completed %}completed{% elif step.active %}active{% endif %}">
+            <div class="flex flex-col items-center text-center">
+                <div class="w-8 h-8 flex items-center justify-center rounded-full border-2 mb-2
+                    {% if step.completed %}border-green-500 bg-green-500 text-white
+                    {% elif step.active %}border-blue-500 bg-blue-500 text-white
+                    {% else %}border-gray-300 dark:border-gray-600{% endif %}">
                     {% if step.completed %}
                         <span class="material-icons text-sm">check</span>
                     {% elif step.active %}
@@ -15,14 +18,18 @@
                         <div class="w-3 h-3 bg-gray-300 rounded-full"></div>
                     {% endif %}
                 </div>
-                <div class="step-label">{{ step.label }}</div>
+                <div class="text-xs text-gray-500 dark:text-gray-400 mt-1">{{ step.label }}</div>
             </div>
         {% endfor %}
     </div>
     
     <!-- Progress Bar -->
-    <div class="progress-bar mt-4 md:mt-0">
-        <div class="progress-fill {% if payment.status == 'completed' %}success{% elif payment.status == 'failed' %}danger{% elif payment.status == 'pending' %}warning{% endif %}" 
+    <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2 mt-4 md:mt-0">
+        <div class="h-2 rounded-full transition-all duration-500 ease-out
+            {% if payment.status == 'completed' %}bg-green-600
+            {% elif payment.status == 'failed' %}bg-red-600
+            {% elif payment.status == 'pending' %}bg-yellow-600
+            {% else %}bg-blue-600{% endif %}" 
              style="width: {{ payment|payment_progress_percentage }}%"
              data-percentage="{{ payment|payment_progress_percentage }}">
         </div>

django_cfg/apps/payments/templates/payments/components/provider_stats.html

@@ -1,11 +1,11 @@
 {% load payments_tags %}
 
 <!-- Provider Statistics Component -->
-<div class="provider-stats space-y-4">
+<div class="space-y-4">
     {% for stat in provider_stats %}
     <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700 rounded-lg">
         <div class="flex items-center space-x-3">
-            <div class="provider-icon {{ stat.provider }}">
+            <div class="w-6 h-6 rounded {% if stat.provider == 'nowpayments' %}bg-orange-500{% elif stat.provider == 'cryptapi' %}bg-blue-500{% elif stat.provider == 'cryptomus' %}bg-purple-500{% elif stat.provider == 'stripe' %}bg-indigo-500{% else %}bg-gray-500{% endif %} flex items-center justify-center">
                 <span class="material-icons text-white text-sm">{{ stat.provider|payment_method_icon }}</span>
             </div>
             <div>

django_cfg/apps/payments/templates/payments/components/status_badge.html

@@ -1,7 +1,14 @@
 {% load payments_tags %}
 
 <!-- Payment Status Badge Component -->
-<span class="payment-status-badge payment-status-{{ payment.status|lower }} inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium"
+<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium
+    {% if payment.status == 'pending' %}bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200
+    {% elif payment.status == 'confirming' %}bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200
+    {% elif payment.status == 'confirmed' or payment.status == 'completed' %}bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200
+    {% elif payment.status == 'failed' %}bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200
+    {% elif payment.status == 'expired' or payment.status == 'cancelled' %}bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200
+    {% elif payment.status == 'refunded' %}bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200
+    {% else %}bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200{% endif %}"
       data-status="{{ payment.status }}">
     {% if payment.status == 'pending' %}
         <span class="material-icons text-sm mr-1 animate-pulse">pending</span>

django_cfg/apps/payments/templates/payments/components/status_overview.html

@@ -1,11 +1,13 @@
 {% load payments_tags %}
 
 <!-- Status Overview Cards -->
-{% get_payment_stats as stats %}
+{% if not payment_stats %}
+    {% get_payment_stats as payment_stats %}
+{% endif %}
 
-<div class="status-overview">
-    <!-- Total Payments -->
-    <div class="status-card">
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
+        <!-- Total Payments -->
+        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6">
         <div class="flex items-center">
             <div class="flex-shrink-0">
                 <span class="material-icons text-blue-600 dark:text-blue-400 text-3xl">payments</span>
@@ -13,14 +15,14 @@
             <div class="ml-4">
                 <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Payments</p>
                 <p class="text-2xl font-bold text-gray-900 dark:text-white">
-                    {{ stats.total_payments_count|default:0 }}
+                    {{ payment_payment_stats.total_payments_count|default:0 }}
                 </p>
             </div>
         </div>
     </div>
     
     <!-- Pending Payments -->
-    <div class="status-card">
+        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6">
         <div class="flex items-center">
             <div class="flex-shrink-0">
                 <span class="material-icons text-yellow-600 dark:text-yellow-400 text-3xl">pending</span>
@@ -28,11 +30,11 @@
             <div class="ml-4">
                 <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Pending</p>
                 <p class="text-2xl font-bold text-gray-900 dark:text-white">
-                    {{ stats.pending_payments_count|default:0 }}
+                    {{ payment_payment_stats.pending_payments_count|default:0 }}
                 </p>
-                {% if stats.confirming_payments_count %}
+                {% if payment_payment_stats.confirming_payments_count %}
                 <p class="text-xs text-gray-500 dark:text-gray-400">
-                    +{{ stats.confirming_payments_count }} confirming
+                    +{{ payment_payment_stats.confirming_payments_count }} confirming
                 </p>
                 {% endif %}
             </div>
@@ -40,7 +42,7 @@
     </div>
     
     <!-- Completed Payments -->
-    <div class="status-card">
+        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6">
         <div class="flex items-center">
             <div class="flex-shrink-0">
                 <span class="material-icons text-green-600 dark:text-green-400 text-3xl">check_circle</span>
@@ -48,11 +50,11 @@
             <div class="ml-4">
                 <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Completed</p>
                 <p class="text-2xl font-bold text-gray-900 dark:text-white">
-                    {{ stats.completed_payments_count|default:0 }}
+                    {{ payment_stats.completed_payments_count|default:0 }}
                 </p>
-                {% if stats.total_payments_count > 0 %}
+                {% if payment_stats.total_payments_count > 0 %}
                 <p class="text-xs text-green-600 dark:text-green-400">
-                    {{ stats.completed_payments_count|floatformat:0 }}/{{ stats.total_payments_count }} success
+                    {{ payment_stats.completed_payments_count|floatformat:0 }}/{{ payment_stats.total_payments_count }} success
                 </p>
                 {% endif %}
             </div>
@@ -60,7 +62,7 @@
     </div>
     
     <!-- Total Volume -->
-    <div class="status-card">
+        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6">
         <div class="flex items-center">
             <div class="flex-shrink-0">
                 <span class="material-icons text-purple-600 dark:text-purple-400 text-3xl">account_balance</span>
@@ -68,11 +70,11 @@
             <div class="ml-4">
                 <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Volume</p>
                 <p class="text-2xl font-bold text-gray-900 dark:text-white">
-                    ${{ stats.total_volume|floatformat:2|default:"0.00" }}
+                    ${{ payment_stats.total_volume|floatformat:2|default:"0.00" }}
                 </p>
-                {% if stats.failed_payments_count %}
+                {% if payment_stats.failed_payments_count %}
                 <p class="text-xs text-red-500 dark:text-red-400">
-                    {{ stats.failed_payments_count }} failed
+                    {{ payment_stats.failed_payments_count }} failed
                 </p>
                 {% endif %}
             </div>
@@ -86,24 +88,25 @@
         <div class="flex items-center space-x-4">
             <span class="text-sm font-medium text-gray-700 dark:text-gray-300">Quick Actions:</span>
             <div class="flex space-x-2">
-                <button class="btn btn-primary btn-sm" onclick="createNewPayment()">
-                    <span class="material-icons text-sm mr-1">add</span>
-                    New Payment
-                </button>
-                <button class="btn btn-outline btn-sm" onclick="refreshPayments()">
-                    <span class="material-icons text-sm mr-1">refresh</span>
-                    Refresh
-                </button>
-                <button class="btn btn-outline btn-sm" onclick="exportPayments()">
-                    <span class="material-icons text-sm mr-1">download</span>
-                    Export
-                </button>
+                       <button class="px-3 py-1.5 text-xs bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-md transition-colors duration-200" onclick="createNewPayment()">
+                           <span class="material-icons text-sm mr-1">add</span>
+                           New Payment
+                       </button>
+                       <button class="px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" onclick="refreshPayments()">
+                           <span class="material-icons text-sm mr-1">refresh</span>
+                           Refresh
+                       </button>
+                       <button class="px-3 py-1.5 text-xs border border-gray-300 dark:border-gray-500 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 rounded-md transition-colors duration-200" onclick="exportPayments()">
+                           <span class="material-icons text-sm mr-1">download</span>
+                           Export
+                       </button>
             </div>
         </div>
         
         <!-- Live Status Indicator -->
         <div class="flex items-center space-x-2">
-            <div class="payment-live-indicator">
+            <div class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
+                <div class="w-2 h-2 bg-green-500 rounded-full mr-2 animate-pulse"></div>
                 Live Updates
             </div>
             <span class="text-xs text-gray-500 dark:text-gray-400">
@@ -142,3 +145,4 @@ function updateStatsLastUpdate() {
     }
 }
 </script>
+