diff --git a/.github/workflows/quality-pipeline.yml b/.github/workflows/quality-pipeline.yml
index 5aaadf7..a9826c9 100644
--- a/.github/workflows/quality-pipeline.yml
+++ b/.github/workflows/quality-pipeline.yml
@@ -645,7 +645,7 @@ jobs:
           FAIL=0
 
           if find . \( -name "*.js" -o -name "*.ts" -o -name "*.vue" -o -name "*.py" -o -name "*.java" \) \
-            -not -path "*/node_modules/*" -not -path "*/dist/*" 2>/dev/null | grep -q .; then
+            -not -path "*/node_modules/*" -not -path "*/dist/*" -not -path "*/tests/*" -not -path "*/.venv/*" 2>/dev/null | grep -q .; then
             DETECTED=1
           else
             DETECTED=0
@@ -654,7 +654,7 @@ jobs:
           # Unconditional frontend router guard bypass
           if grep -rEn "next\(true\)|beforeEach.*return true|navigate\(.*\{.*replace.*\}\)" \
             --include="*.js" --include="*.ts" --include="*.vue" . 2>/dev/null \
-            | grep -v node_modules | grep -v "//"; then
+            | grep -vE "node_modules|tests/|\.venv|dist/" | grep -v "//"; then
             echo "::warning::Possible unconditional navigation guard bypass detected"
           fi
 
@@ -662,14 +662,14 @@ jobs:
           if grep -rEn "password\s*[=:]\s*['\"][^'\"]{4,}['\"]" \
             --include="*.js" --include="*.ts" --include="*.vue" --include="*.py" --include="*.java" \
             . 2>/dev/null \
-            | grep -v node_modules \
+            | grep -vE "node_modules|tests/|\.venv|dist/" \
             | grep -v "//" \
             | grep -vE "[[:space:]]:[a-zA-Z][a-zA-Z0-9_-]*=" \
             | grep -q .; then
             grep -rEn "password\s*[=:]\s*['\"][^'\"]{4,}['\"]" \
               --include="*.js" --include="*.ts" --include="*.vue" --include="*.py" --include="*.java" \
               . 2>/dev/null \
-              | grep -v node_modules | grep -v "//" \
+              | grep -vE "node_modules|tests/|\.venv|dist/" | grep -v "//" \
               | grep -vE "[[:space:]]:[a-zA-Z][a-zA-Z0-9_-]*="
             echo "::error::Hardcoded password value detected in source code"
             FAIL=1
@@ -678,14 +678,14 @@ jobs:
           # eval() / exec() usage
           if grep -rEn "\beval\(|\bexec\(" \
             --include="*.js" --include="*.ts" --include="*.vue" --include="*.py" \
-            . 2>/dev/null | grep -v node_modules | grep -v "//"; then
+            . 2>/dev/null | grep -vE "node_modules|tests/|\.venv|dist/" | grep -v "//"; then
             echo "::warning::eval()/exec() usage detected — review for potential code injection risk"
           fi
 
           # Disabled SSL/TLS certificate verification
           if grep -rEn "rejectUnauthorized\s*:\s*false|verify\s*=\s*False|ssl_verify\s*=\s*false" \
             --include="*.js" --include="*.ts" --include="*.py" --include="*.java" \
-            . 2>/dev/null | grep -v node_modules | grep -v "//"; then
+            . 2>/dev/null | grep -vE "node_modules|tests/|\.venv|dist/" | grep -v "//"; then
             echo "::error::SSL/TLS certificate verification disabled — man-in-the-middle attack risk"
             FAIL=1
           fi
@@ -693,7 +693,7 @@ jobs:
           # Sensitive tokens in URL query strings
           if grep -rEn "[?&](token|api_key|apikey|access_token|secret)=" \
             --include="*.js" --include="*.ts" --include="*.vue" --include="*.py" \
-            . 2>/dev/null | grep -v node_modules | grep -v "//"; then
+            . 2>/dev/null | grep -vE "node_modules|tests/|\.venv|dist/" | grep -v "//"; then
             echo "::warning::Sensitive token/key passed in URL query string — use Authorization header instead."
           fi
 
diff --git a/Templates/Details/details_base.html b/Templates/Details/details_base.html
index 3412911..8eefb20 100644
--- a/Templates/Details/details_base.html
+++ b/Templates/Details/details_base.html
@@ -48,7 +48,6 @@ <h1 class="main-title">{{ content.title }}</h1>
                                 data-contingut-id="{{ content.contingut.id }}"
                                 data-api-id="{{ api.id }}">
                             {{ api.name|default:api.port }}
-                            <span class="api-stats"></span>
                         </button>
                     {% empty %}
                         <span style="font-size: 12px; color: var(--tm);">{% trans "No hay información de API disponible." %}</span>
@@ -137,15 +136,35 @@ <h4>{% trans "Deja tu opinión" %}</h4>
 <div id="history-toast" class="toast-notification">✅ {% trans "Añadido a tu historial" %}</div>
 
 <script>
+function getCookie(name) {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== '') {
+        const cookies = document.cookie.split(';');
+        for (let i = 0; i < cookies.length; i++) {
+            const cookie = cookies[i].trim();
+            if (cookie.substring(0, name.length + 1) === (name + '=')) {
+                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                break;
+            }
+        }
+    }
+    return cookieValue;
+}
+
 document.addEventListener('DOMContentLoaded', () => {
-    // 1. Lógica del botón de favoritos (Seguir / Dejar de seguir)
     const favoriteBtn = document.getElementById('btn-save');
     if (favoriteBtn) {
         favoriteBtn.addEventListener('click', function() {
             const targetUrl = this.getAttribute('data-url');
+            const csrftoken = getCookie('csrftoken');
+
             fetch(targetUrl, {
                 method: 'POST',
-                headers: { 'X-CSRFToken': '{{ csrf_token }}', 'Content-Type': 'application/json' }
+                headers: {
+                    'X-CSRFToken': csrftoken,
+                    'Content-Type': 'application/json',
+                    'X-Requested-With': 'XMLHttpRequest'
+                }
             })
             .then(response => response.json())
             .then(data => {
@@ -155,44 +174,50 @@ <h4>{% trans "Deja tu opinión" %}</h4>
         });
     }
 
-    // 2. Lógica de tracking asíncrono de clics en plataformas (Issue #24)
-    const platformButtons = document.querySelectorAll('.track-platform-btn');
-    const toast = document.getElementById('history-toast');
-
-    platformButtons.forEach(btn => {
-        btn.addEventListener('click', function() {
-            const contingutId = this.getAttribute('data-contingut-id');
-            const apiId = this.getAttribute('data-api-id');
-            const statsSpan = this.querySelector('.api-stats');
-
-            fetch("{% url 'register_platform_click' %}", {
-                method: 'POST',
-                headers: {
-                    'X-CSRFToken': '{{ csrf_token }}',
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify({ contingut_id: contingutId, api_id: apiId })
-            })
-            .then(response => {
-                if (!response.ok) throw new Error('Error en el registro del clic');
-                return response.json();
-            })
-            .then(data => {
-                if (data.status === 'success') {
-                    // Feedback visual inmediato en el botón e inyección de la métrica
-                    this.classList.add('clicked');
-                    statsSpan.innerText = `(${data.total_clicks} views)`;
-
-                    // Disparar el banner flotante (Toast)
-                    toast.classList.add('show');
-                    setTimeout(() => {
-                        toast.classList.remove('show');
-                    }, 3000);
-                }
-            })
-            .catch(error => console.error('Error tracking click:', error));
+    // 2. Lógica de plataformas según si el usuario está logueado o no
+    {% if user.is_authenticated %}
+        // Si ESTÁ logueado: Rastreamos el clic y mostramos el Toast
+        const platformButtons = document.querySelectorAll('.track-platform-btn');
+        const toast = document.getElementById('history-toast');
+
+        platformButtons.forEach(btn => {
+            btn.addEventListener('click', function() {
+                const contingutId = this.getAttribute('data-contingut-id');
+                const apiId = this.getAttribute('data-api-id');
+                const csrftoken = getCookie('csrftoken');
+
+                fetch("{% url 'register_platform_click' %}", {
+                    method: 'POST',
+                    headers: {
+                        'X-CSRFToken': csrftoken,
+                        'Content-Type': 'application/json',
+                        'X-Requested-With': 'XMLHttpRequest'
+                    },
+                    body: JSON.stringify({ contingut_id: contingutId, api_id: apiId })
+                })
+                .then(response => {
+                    if (!response.ok) throw new Error('Error en el registro del clic');
+                    return response.json();
+                })
+                .then(data => {
+                    if (data.status === 'success') {
+                        toast.classList.add('show');
+                        setTimeout(() => {
+                            toast.classList.remove('show');
+                        }, 3000);
+                    }
+                })
+                .catch(error => console.error('Error tracking click:', error));
+            });
+        });
+    {% else %}
+        const platformButtons = document.querySelectorAll('.track-platform-btn');
+        platformButtons.forEach(btn => {
+            btn.addEventListener('click', function() {
+                window.location.href = "{% url 'login' %}";
+            });
         });
-    });
+    {% endif %}
 });
 </script>
 {% endblock %}
\ No newline at end of file
diff --git a/Templates/Details/details_serie.html b/Templates/Details/details_serie.html
index 9eaa8e6..e6fc94a 100644
--- a/Templates/Details/details_serie.html
+++ b/Templates/Details/details_serie.html
@@ -17,4 +17,27 @@
 {% endif %}
 {% endblock %}
 
-{% block favorite_url %}{% url 'toggle_series_favorite' content.id %}{% endblock %}
\ No newline at end of file
+{% block favorite_url %}{% url 'toggle_series_favorite' content.id %}{% endblock %}
+
+{% block extra_main_content %}
+<div class="recommendations-section" style="margin: 30px 0;">
+    <h3 class="section-title">{% trans "También te puede gustar..." %}</h3>
+    <div class="recommendations-grid" style="display: flex; gap: 15px; overflow-x: auto; padding-bottom: 10px;">
+        {% for rec in recommendations %}
+            <a href="{% url 'series_detail' rec.id %}" style="text-decoration: none; color: white; min-width: 140px;">
+                {% if rec.poster_path %}
+                    <img src="{{ rec.poster_path }}" alt="{{ rec.title }}" style="width: 140px; height: 210px; object-fit: cover; border-radius: 8px;">
+                {% else %}
+                    <div style="width: 140px; height: 210px; background: rgba(255,255,255,0.05); border-radius: 8px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px;">
+                        {{ rec.title }}
+                    </div>
+                {% endif %}
+                <p style="font-size: 0.9rem; margin-top: 8px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ rec.title }}</p>
+            </a>
+        {% empty %}
+            <!-- Mensaje de Fallback -->
+            <p style="color: rgba(255,255,255,0.5);">{% trans "No hay recomendaciones disponibles." %}</p>
+        {% endfor %}
+    </div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/Templates/base.html b/Templates/base.html
index 9f42415..ededc38 100644
--- a/Templates/base.html
+++ b/Templates/base.html
@@ -125,7 +125,7 @@
             </a>
         </div>
         {% endif %}
-
+        <!-- 
         <div class="menu-search">
             <div class="search-input-container">
                 <svg class="search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
@@ -136,6 +136,7 @@
                 <input type="text" class="search-input" placeholder="{% trans 'Search...' %}">
             </div>
         </div>
+        -->
     </nav>
 
     <!-- Overlay -->
@@ -174,7 +175,11 @@ <h5>{% trans "Legal" %}</h5>
                 </div>
                 <div class="col-md-3 mb-4">
                     <h5>{% trans "Contact" %}</h5>
-                    <p>info@StreamSync.com</p>
+                    <p> 
+                        <a href="mailto:info@StreamSync.com">
+                            info@StreamSync.com
+                        </a>
+                    </p>
                     <p>+34 600 000 000</p>
                 </div>
             </div>
diff --git a/Templates/paginator.html b/Templates/paginator.html
new file mode 100644
index 0000000..3cb8853
--- /dev/null
+++ b/Templates/paginator.html
@@ -0,0 +1,44 @@
+{% load i18n %}
+
+<nav aria-label="Page navigation">
+    <ul class="pagination justify-content-center mb-0 custom-pagination">
+        {% if items.has_previous %}
+            <li class="page-item">
+                <a class="page-link text-white-50 bg-transparent border-secondary" href="?page=1{% if request.GET.platform %}&platform={{ request.GET.platform }}{% endif %}{% if request.GET.date %}&date={{ request.GET.date }}{% endif %}" aria-label="{% trans 'Primera' %}">
+                    <span aria-hidden="true">&laquo;&laquo;</span>
+                </a>
+            </li>
+            <li class="page-item">
+                <a class="page-link text-white-50 bg-transparent border-secondary" href="?page={{ items.previous_page_number }}{% if request.GET.platform %}&platform={{ request.GET.platform }}{% endif %}{% if request.GET.date %}&date={{ request.GET.date }}{% endif %}" aria-label="{% trans 'Anterior' %}">
+                    <span aria-hidden="true">&laquo;</span>
+                </a>
+            </li>
+        {% endif %}
+
+        <li class="page-item active" aria-current="page">
+            <span class="page-link text-neon bg-dark border-secondary" style="border-color: var(--neon-cyan) !important;">
+                {% trans "Pàgina" %} {{ items.number }} {% trans "de" %} {{ items.paginator.num_pages }}
+            </span>
+        </li>
+
+        {% if items.has_next %}
+            <li class="page-item">
+                <a class="page-link text-white-50 bg-transparent border-secondary" href="?page={{ items.next_page_number }}{% if request.GET.platform %}&platform={{ request.GET.platform }}{% endif %}{% if request.GET.date %}&date={{ request.GET.date }}{% endif %}" aria-label="{% trans 'Següent' %}">
+                    <span aria-hidden="true">&raquo;</span>
+                </a>
+            </li>
+            <li class="page-item">
+                <a class="page-link text-white-50 bg-transparent border-secondary" href="?page={{ items.paginator.num_pages }}{% if request.GET.platform %}&platform={{ request.GET.platform }}{% endif %}{% if request.GET.date %}&date={{ request.GET.date }}{% endif %}" aria-label="{% trans 'Última' %}">
+                    <span aria-hidden="true">&raquo;&raquo;</span>
+                </a>
+            </li>
+        {% endif %}
+    </ul>
+</nav>
+
+<style>
+    .custom-pagination .page-link:hover {
+        background-color: rgba(102, 252, 241, 0.1) !important;
+        color: var(--neon-cyan) !important;
+    }
+</style>
\ No newline at end of file
diff --git a/users/middleware.py b/users/middleware.py
index 7109573..3ee5712 100644
--- a/users/middleware.py
+++ b/users/middleware.py
@@ -22,6 +22,7 @@ def __call__(self, request):
                 'update_user_role',
                 'gestion_cartelleres',
                 'editar_cartellera',
+                'system_logs',
                 ]
             
             if current_url_name not in exempt_url_names and not request.path.startswith('/static/'):
diff --git a/users/static/users/css/history.css b/users/static/users/css/history.css
index 34dc29c..a556053 100644
--- a/users/static/users/css/history.css
+++ b/users/static/users/css/history.css
@@ -1,72 +1,115 @@
-/* ---- Movie cards ---- */
-.movie-card {
-    background: rgba(31, 40, 51, 0.6);
+/* ---- Filtros y Selects ---- */
+.filter-select {
+    background: rgba(0, 0, 0, 0.4);
+    color: var(--text-primary);
     border: 1px solid var(--border-glass);
-    border-radius: 8px;
-    overflow: hidden;
-    transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
-    height: 100%;
+    border-radius: 6px;
+    padding: 6px 12px;
+    font-size: 0.85rem;
+    outline: none;
+    transition: all 0.3s ease;
 }
 
-.movie-card:hover {
-    transform: translateY(-5px);
-    border-color: rgba(102, 252, 241, 0.25);
-    box-shadow: 0 8px 24px rgba(102, 252, 241, 0.08);
+.filter-select:focus {
+    border-color: var(--neon-cyan);
+    box-shadow: 0 0 8px rgba(102, 252, 241, 0.2);
 }
 
-.movie-card-body {
-    padding: 1rem 1.1rem;
+.filter-select option {
+    background: var(--bg-deep);
+    color: var(--text-primary);
 }
 
-.movie-title {
+/* ---- Agrupación por Fechas ---- */
+.history-group-title {
     color: var(--text-primary);
-    font-size: 14px;
-    font-weight: 600;
-    margin-bottom: 4px;
     font-family: 'Syne', sans-serif;
-    letter-spacing: -0.01em;
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid var(--border-glass);
 }
 
-.movie-year {
-    color: var(--text-muted);
-    font-size: 11px;
-    margin-bottom: 4px;
+/* ---- Tarjeta Horizontal (Lista de Historial) ---- */
+.history-item-card {
+    transition: transform 0.2s, border-color 0.2s;
+    border: 1px solid transparent;
+    background: rgba(31, 40, 51, 0.4);
 }
 
-.movie-genre {
-    color: var(--neon-cyan);
-    font-size: 11px;
-    margin-bottom: 8px;
-    opacity: 0.8;
+.history-item-card:hover {
+    transform: translateX(5px);
+    border-color: rgba(102, 252, 241, 0.2);
+    background: rgba(31, 40, 51, 0.6);
+}
+
+/* Miniatura del Póster */
+.history-poster-container {
+    width: 60px;
+    height: 90px;
+    flex-shrink: 0;
+    border-radius: 4px;
+    overflow: hidden;
+    background: rgba(0,0,0,0.5);
 }
 
-.movie-rating {
-    color: #f5c518;
-    font-size: 12px;
-    margin-bottom: 8px;
+.history-poster {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
 }
 
-.movie-synopsis {
+.history-poster-placeholder {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     color: var(--text-muted);
-    font-size: 12px;
-    line-height: 1.5;
+    font-size: 1.5rem;
+    font-weight: bold;
+}
+
+/* Información y Badges */
+.history-title {
+    color: var(--text-primary);
+    font-size: 1rem;
+    font-weight: 600;
     margin: 0;
 }
 
-/* ---- Empty state ---- */
+.type-badge {
+    font-size: 0.7rem;
+    padding: 2px 8px;
+    border-radius: 12px;
+}
+
+.platform-badge {
+    font-size: 0.75rem;
+    color: var(--text-muted);
+    background: rgba(255,255,255,0.05);
+    padding: 3px 8px;
+    border-radius: 4px;
+    border: 1px solid rgba(255,255,255,0.1);
+}
+
+.history-time {
+    font-size: 0.8rem;
+    opacity: 0.8;
+}
+
+/* ---- Estado Vacío (Empty state) ---- */
 .history-empty {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    min-height: 200px;
-    color: var(--text-muted);
-    font-size: 14px;
-    gap: 8px;
+    text-align: center;
 }
 
 .history-empty-icon {
-    font-size: 32px;
-    opacity: 0.3;
-    margin-bottom: 8px;
+    font-size: 48px;
+    margin-bottom: 1rem;
+    opacity: 0.5;
 }
\ No newline at end of file
diff --git a/users/static/users/css/user_settings.css b/users/static/users/css/user_settings.css
index 73a61db..a2d7009 100644
--- a/users/static/users/css/user_settings.css
+++ b/users/static/users/css/user_settings.css
@@ -1,9 +1,16 @@
-¡/* ---- Tabs ---- */
+/* ---- Tabs wrapper ---- */
+.nav-tabs-wrapper {
+    border: 1px solid var(--border-glass);
+    border-bottom: none;
+    border-radius: 8px 8px 0 0;
+}
+
+/* ---- Tabs ---- */
 .nav-tabs {
-    border-bottom: 1px solid var(--border-glass) !important;
+    border: none !important;
     background: var(--bg-glass);
     border-radius: 8px 8px 0 0;
-    padding: 0 0.5rem;
+    padding: 0;
     margin-bottom: 0 !important;
 }
 
@@ -12,23 +19,30 @@
     border: none !important;
     border-bottom: 2px solid transparent !important;
     border-radius: 0 !important;
+    margin-bottom: 0 !important;
     padding: 14px 18px;
     font-size: 13px;
     font-weight: 500;
-    transition: color 0.2s, border-color 0.2s;
+    transition: color 0.2s, background 0.2s;
     background: transparent !important;
     font-family: 'DM Sans', sans-serif;
     letter-spacing: 0.02em;
 }
 
 .nav-tabs .nav-link:hover {
-    color: var(--neon-cyan) !important;
+    color: var(--text-primary) !important;
 }
 
 .nav-tabs .nav-link.active {
-    color: var(--neon-cyan) !important;
-    border-bottom: 2px solid var(--neon-cyan) !important;
-    text-shadow: 0 0 10px rgba(102, 252, 241, 0.4);
+    color: #0B0C10 !important;
+    background: #E0E6ED !important;
+    border-bottom: 2px solid transparent !important;
+    border-radius: 6px 6px 0 0 !important;
+    text-shadow: none;
+}
+
+.nav-item:first-child .nav-link.active {
+    border-radius: 8px 6px 0 0 !important;
 }
 
 /* ---- Tab content area ---- */
diff --git a/users/templates/users/parts/dashboard_age_ratings.html b/users/templates/users/parts/dashboard_age_ratings.html
index 85c41eb..c65a0d1 100644
--- a/users/templates/users/parts/dashboard_age_ratings.html
+++ b/users/templates/users/parts/dashboard_age_ratings.html
@@ -7,7 +7,7 @@
         <div class="col-md-8 mb-4">
             <div class="card shadow-sm border-0">
                 <div class="card-header bg-info text-white py-3">
-                    <h5 class="card-title mb-0"><i class="fas fa-user-shield"></i> Age Rating Distribution</h5>
+                    <h5 class="card-title mb-0"><i class="fas fa-user-shield"></i> Views by Age Rating</h5>
                 </div>
                 <div class="card-body p-4">
                     <div style="height: 400px; position: relative;">
@@ -27,7 +27,7 @@ <h5 class="card-title mb-0">Age Rating Table</h5>
                             <thead class="table-light">
                                 <tr>
                                     <th class="ps-3">Rating</th>
-                                    <th class="text-end pe-3">Views</th>
+                                    <th class="text-end pe-3">Visualizations</th>
                                 </tr>
                             </thead>
                             <tbody>
@@ -54,7 +54,7 @@ <h5 class="card-title mb-0">Age Rating Table</h5>
         data: {
             labels: {{ age_stats.labels|safe }},
             datasets: [{
-                label: 'Views',
+                label: 'Visualizations',
                 data: {{ age_stats.values|safe }},
                 backgroundColor: '#3498db',
                 borderRadius: 5
diff --git a/users/templates/users/parts/dashboard_directors.html b/users/templates/users/parts/dashboard_directors.html
index ab4abc3..9c62a15 100644
--- a/users/templates/users/parts/dashboard_directors.html
+++ b/users/templates/users/parts/dashboard_directors.html
@@ -7,7 +7,7 @@
         <div class="col-md-8 mb-4">
             <div class="card shadow-sm border-0">
                 <div class="card-header bg-warning text-dark py-3">
-                    <h5 class="card-title mb-0"><i class="fas fa-user-tie"></i> Top Directors</h5>
+                    <h5 class="card-title mb-0"><i class="fas fa-user-tie"></i> Top Directors by Views</h5>
                 </div>
                 <div class="card-body p-4">
                     <div style="height: 400px; position: relative;">
@@ -27,7 +27,7 @@ <h5 class="card-title mb-0">Top Directors Table</h5>
                             <thead class="table-light">
                                 <tr>
                                     <th class="ps-3">Director</th>
-                                    <th class="text-end pe-3">Views</th>
+                                    <th class="text-end pe-3">Visualizations</th>
                                 </tr>
                             </thead>
                             <tbody>
@@ -54,7 +54,7 @@ <h5 class="card-title mb-0">Top Directors Table</h5>
         data: {
             labels: {{ director_stats.labels|safe }},
             datasets: [{
-                label: 'Views',
+                label: 'Visualizations',
                 data: {{ director_stats.values|safe }},
                 backgroundColor: '#2c3e50',
                 borderRadius: 5
diff --git a/users/templates/users/parts/dashboard_genres.html b/users/templates/users/parts/dashboard_genres.html
index ab8fc21..d494d15 100644
--- a/users/templates/users/parts/dashboard_genres.html
+++ b/users/templates/users/parts/dashboard_genres.html
@@ -7,7 +7,7 @@
         <div class="col-md-8 mb-4">
             <div class="card shadow-sm border-0">
                 <div class="card-header bg-primary text-white py-3">
-                    <h5 class="card-title mb-0"><i class="fas fa-chart-pie me-2"></i> Genre Distribution</h5>
+                    <h5 class="card-title mb-0"><i class="fas fa-chart-pie me-2"></i> Views by Genre</h5>
                 </div>
                 <div class="card-body p-4">
                     <div style="height: 400px; position: relative;">
@@ -27,7 +27,7 @@ <h5 class="card-title mb-0">Top Genres Data</h5>
                             <thead class="table-light">
                                 <tr>
                                     <th class="ps-3">Genre</th>
-                                    <th class="text-end pe-3">Views</th>
+                                    <th class="text-end pe-3">Visualizations</th>
                                 </tr>
                             </thead>
                             <tbody>
diff --git a/users/templates/users/parts/dashboard_overview.html b/users/templates/users/parts/dashboard_overview.html
index f66f0f2..5148afd 100644
--- a/users/templates/users/parts/dashboard_overview.html
+++ b/users/templates/users/parts/dashboard_overview.html
@@ -5,7 +5,7 @@
     {% include 'users/parts/filter_form.html' %}
     <div class="card shadow">
         <div class="card-header bg-dark text-white d-flex justify-content-between align-items-center">
-            <h5 class="card-title mb-0">Global Content Analytics Summary</h5>
+            <h5 class="card-title mb-0">Views per Content</h5>
             <a href="{% url 'export_analytics_csv' %}?start={{ filters.start }}&end={{ filters.end }}" 
                class="btn btn-sm btn-light">
                 <i class="fas fa-download me-1"></i> Export CSV
@@ -22,7 +22,7 @@ <h5 class="card-title mb-0">Global Content Analytics Summary</h5>
                             <th>Year</th>
                             <th>Director</th>
                             <th>Platform</th>
-                            <th>Views</th>
+                            <th>Visualizations</th>
                             <th>Favorites</th>
                         </tr>
                     </thead>
diff --git a/users/templates/users/parts/history.html b/users/templates/users/parts/history.html
index 0ec0b64..7559471 100644
--- a/users/templates/users/parts/history.html
+++ b/users/templates/users/parts/history.html
@@ -1,20 +1,91 @@
 {% extends 'users/types/user_client.html' %}
 {% load i18n %}
 {% load static %}
+
 {% block extra_css %}
 {{ block.super }}
     <link rel="stylesheet" href="{% static 'users/css/history.css' %}">
 {% endblock %}
 
 {% block parts_content %}
-<div class="row mt-3">
-    {% for movie in movies %}
-        {% include 'part/cardlite.html' with movie=movie %}
-    {% empty %}
-    <div class="history-empty">
-        <div class="history-empty-icon">◻</div>
-        <p>{% trans "No movies in history yet." %}</p>
+<div class="history-container mt-3">
+    <div class="glass-card mb-4 p-3 d-flex flex-wrap gap-3 align-items-center justify-content-between">
+        <form method="GET" class="d-flex flex-wrap gap-3 align-items-center m-0 w-100">
+            <div class="d-flex align-items-center gap-2">
+                <i class="bi bi-funnel-fill text-neon"></i>
+                <span class="text-white-50 small fw-bold">{% trans "Filtres:" %}</span>
+            </div>
+
+            <select name="platform" class="filter-select" onchange="this.form.submit()">
+                <option value="">{% trans "Totes les plataformes" %}</option>
+                {% for p in platforms %}
+                    <option value="{{ p.id }}" {% if selected_platform == p.id|stringformat:"s" %}selected{% endif %}>
+                        {{ p.name|default:p.port }}
+                    </option>
+                {% endfor %}
+            </select>
+
+            <select name="date" class="filter-select" onchange="this.form.submit()">
+                <option value="">{% trans "Tot el temps" %}</option>
+                <option value="today" {% if selected_date == 'today' %}selected{% endif %}>{% trans "Avui" %}</option>
+                <option value="week" {% if selected_date == 'week' %}selected{% endif %}>{% trans "Aquesta setmana" %}</option>
+                <option value="month" {% if selected_date == 'month' %}selected{% endif %}>{% trans "Aquest mes" %}</option>
+            </select>
+
+            {% if selected_platform or selected_date %}
+                <a href="{% url 'history' %}" class="btn-ghost ms-auto" style="text-decoration: none; padding: 5px 10px; font-size: 0.8rem;">
+                    {% trans "Netejar filtres" %}
+                </a>
+            {% endif %}
+        </form>
     </div>
-    {% endfor %}
+
+    {% if grouped_history %}
+        {% for group_name, items in grouped_history.items %}
+            <div class="history-group mb-4">
+                <h4 class="history-group-title">{{ group_name }}</h4>
+                <div class="history-list">
+                    {% for vis in items %}
+                        <div class="history-item-card glass-card d-flex align-items-center gap-3 p-2 mb-2">
+                            <div class="history-poster-container">
+                                {% if vis.contingut.poster_path %}
+                                    <img src="{{ vis.contingut.poster_path }}" alt="{{ vis.contingut.titol }}" class="history-poster">
+                                {% else %}
+                                    <div class="history-poster-placeholder">{{ vis.contingut.titol|first|upper }}</div>
+                                {% endif %}
+                            </div>
+
+                            <div class="history-info flex-grow-1">
+                                <h5 class="history-title mb-1">{{ vis.contingut.titol }}</h5>
+                                <div class="history-meta d-flex flex-wrap gap-2 align-items-center">
+                                    <span class="badge-neon type-badge">{{ vis.content_type }}</span>
+                                    <span class="badge-ghost platform-badge">
+                                        <i class="bi bi-display me-1"></i>{{ vis.api.name|default:vis.api.port }}
+                                    </span>
+                                    <span class="history-time text-muted small ms-auto">
+                                        <i class="bi bi-clock me-1"></i>{{ vis.data_visualitzacio|date:"d M Y, H:i" }}
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    {% endfor %}
+                </div>
+            </div>
+        {% endfor %}
+
+        {% if page_obj.paginator.num_pages > 1 %}
+            <div class="mt-4">
+                {% include 'paginator.html' with items=page_obj %}
+            </div>
+        {% endif %}
+    {% else %}
+        <div class="history-empty glass-card p-5 mt-4">
+            <div class="history-empty-icon">📺</div>
+            <p>{% trans "No s'han trobat visualitzacions amb aquests criteris." %}</p>
+            {% if selected_platform or selected_date %}
+                <a href="{% url 'history' %}" class="btn-neon mt-3" style="text-decoration: none;">{% trans "Tornar a veure-ho tot" %}</a>
+            {% endif %}
+        </div>
+    {% endif %}
 </div>
 {% endblock %}
\ No newline at end of file
diff --git a/users/templates/users/parts/system_logs.html b/users/templates/users/parts/system_logs.html
new file mode 100644
index 0000000..e7e2100
--- /dev/null
+++ b/users/templates/users/parts/system_logs.html
@@ -0,0 +1,78 @@
+{% extends 'users/types/staff_admin.html' %}
+{% load i18n %}
+
+{% block staff_admin_content %}
+<div class="container-fluid mt-4">
+    <div class="row mb-4 align-items-center">
+        <div class="col">
+            <h2 class="h3 mb-0 text-white" style="font-family: 'Syne', sans-serif;">{% trans "Logs de Sincronización" %}</h2>
+            <p class="text-muted small">{% trans "Registro histórico del Scheduler con las APIs externas." %}</p>
+        </div>
+    </div>
+
+    <div class="glass-card overflow-hidden">
+        <div class="table-responsive">
+            <table class="table table-dark table-hover mb-0 align-middle custom-table">
+                <thead>
+                    <tr>
+                        <th scope="col">{% trans "Fecha de Inicio" %}</th>
+                        <th scope="col">{% trans "Fecha Fin" %}</th>
+                        <th scope="col">{% trans "Estado" %}</th>
+                        <th scope="col">{% trans "Resumen" %}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for log in logs %}
+                    <tr>
+                        <td class="text-white-50">
+                            <i class="bi bi-clock-history me-2"></i>{{ log.start_time|date:"d M Y, H:i:s" }}
+                        </td>
+                        <td class="text-white-50">
+                            {% if log.end_time %}
+                                {{ log.end_time|date:"d M Y, H:i:s" }}
+                            {% else %}
+                                <span class="text-muted">{% trans "En curso..." %}</span>
+                            {% endif %}
+                        </td>
+                        <td>
+                            {% if log.status == 'SUCCESS' %}
+                                <span class="badge bg-success bg-opacity-25 text-success border border-success border-opacity-25 px-2 py-1 rounded-pill">
+                                    <i class="bi bi-check-circle me-1"></i> Éxito
+                                </span>
+                            {% elif log.status == 'ERROR' %}
+                                <span class="badge bg-danger bg-opacity-25 text-danger border border-danger border-opacity-25 px-2 py-1 rounded-pill">
+                                    <i class="bi bi-exclamation-triangle me-1"></i> Error
+                                </span>
+                            {% else %}
+                                <span class="badge bg-warning bg-opacity-25 text-warning border border-warning border-opacity-25 px-2 py-1 rounded-pill">
+                                    <i class="bi bi-arrow-repeat me-1"></i> {{ log.status }}
+                                </span>
+                            {% endif %}
+                        </td>
+                        <td class="text-white-50 small">
+                            {% if log.summary %}
+                                {{ log.summary|truncatechars:80 }}
+                            {% else %}
+                                <span class="text-muted">-</span>
+                            {% endif %}
+                        </td>
+                    </tr>
+                    {% empty %}
+                    <tr>
+                        <td colspan="4" class="text-center py-4 text-muted">
+                            {% trans "Todavía no hay ningún registro de sincronización." %}
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    {% if logs.has_other_pages %}
+    <div class="mt-4">
+        {% include 'paginator.html' with items=logs %}
+    </div>
+    {% endif %}
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/users/templates/users/settings/user_settings.html b/users/templates/users/settings/user_settings.html
deleted file mode 100644
index fabc638..0000000
--- a/users/templates/users/settings/user_settings.html
+++ /dev/null
@@ -1,58 +0,0 @@
-{% extends 'users/base_profile.html' %}
-{% load static %}
-{% load i18n %}
-
-{% block content_user_setings %}
-    {% if user.type == 'Consumer' %}
-        <div class="row">
-
-            <!-- Columna izquierda: sidebar con glass cards -->
-            <div class="col-md-3 col-lg-2 profile-sidebar">
-
-                <div class="glass-card">
-                    <div class="glass-card-label">{% trans "Bio" %}</div>
-                    <p>
-                        {% if user.bio %}
-                            {{ user.bio }}
-                        {% else %}
-                            {% trans "Write a few words about you" %}
-                        {% endif %}
-                    </p>
-                </div>
-
-                <div class="glass-card">
-                    <div class="glass-card-label">{% trans "Member since" %}</div>
-                    <p>{{ user.date_joined|date:"d/m/Y" }}</p>
-                </div>
-
-                <div class="glass-card">
-                    <div class="glass-card-label">{% trans "Last access" %}</div>
-                    <p>{{ user.last_login|date:"d/m/Y" }}</p>
-                </div>
-
-                <div class="glass-card">
-                    <div class="glass-card-label">{% trans "Location" %}</div>
-                    <p>
-                        {% if user.location %}
-                            {{ user.location }}
-                        {% else %}
-                            {% trans "Add your location" %}
-                        {% endif %}
-                    </p>
-                </div>
-
-        </div>
-        
-    {% endif %}
-
-    <!-- Columna derecha: contenido principal -->
-    {% if user.type == 'Consumer' %}
-    <div class="col-md-9 col-lg-10">
-    {% else %}
-    <div>
-    {% endif %}
-        {% block user_content %}{% endblock %}
-    </div>
-
-</div>
-{% endblock %}
\ No newline at end of file
diff --git a/users/templates/users/types/staff_admin.html b/users/templates/users/types/staff_admin.html
index 713f841..6136a70 100644
--- a/users/templates/users/types/staff_admin.html
+++ b/users/templates/users/types/staff_admin.html
@@ -1,4 +1,4 @@
-{% extends 'users/settings/user_settings.html' %}
+{% extends 'users/base_profile.html' %}
 {% load i18n %}
 
 {% block content_staff_admin %}
@@ -12,10 +12,14 @@
             <a class="nav-link {% if request.resolver_match.url_name == 'gestion_cartelleres' or request.resolver_match.url_name == 'editar_cartellera' %}active{% endif %}"
                href="{% url 'gestion_cartelleres' %}"><i class="bi bi-images me-1"></i>{% trans 'Carteleras' %}</a>
         </li>
+        <li class="nav-item">
+            <a class="nav-link {% if request.resolver_match.url_name == 'system_logs' %}active{% endif %}"
+               href="{% url 'system_logs' %}"><i class="bi bi-terminal-fill me-1"></i>{% trans 'Logs del Sistema' %}</a>
+        </li>
     </ul>
 
-    <div class="tab-content-area">
+    <div class="tab-content-area mt-3">
         {% block staff_admin_content %}{% endblock %}
     </div>
 
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/users/templates/users/types/user_admin.html b/users/templates/users/types/user_admin.html
index 5883179..5774e99 100644
--- a/users/templates/users/types/user_admin.html
+++ b/users/templates/users/types/user_admin.html
@@ -1,4 +1,4 @@
-{% extends 'users/settings/user_settings.html' %}
+{% extends 'users/base_profile.html' %}
 {% load i18n %}
 
 {% block content_admin %}
diff --git a/users/templates/users/types/user_client.html b/users/templates/users/types/user_client.html
index dfce223..e4e2aa9 100644
--- a/users/templates/users/types/user_client.html
+++ b/users/templates/users/types/user_client.html
@@ -1,31 +1,75 @@
-{% extends 'users/settings/user_settings.html' %}
+{% extends 'users/base_profile.html' %}
 {% load i18n %}
 
 {% block content_user %}
 
-    <!-- Tabs -->
-    <ul class="nav nav-tabs">
-        <li class="nav-item">
-            <a class="nav-link {% if request.resolver_match.url_name == 'profile' %}active{% endif %}"
-               href="{% url 'user_profile' %}">{% trans 'Profile' %}</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link {% if request.resolver_match.url_name == 'history' %}active{% endif %}"
-               href="{% url 'history' %}">{% trans 'History' %}</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link {% if request.resolver_match.url_name == 'subscription' %}active{% endif %}"
-               href="{% url 'subscription' %}">{% trans 'Subscriptions' %}</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link {% if request.resolver_match.url_name == 'followed' %}active{% endif %}"
-               href="{% url 'followed' %}">{% trans 'Followed' %}</a>
-        </li>
-    </ul>
-
-    <!-- Contenido de la tab activa -->
-    <div class="tab-content-area">
-        {% block parts_content %}{% endblock %}
+<div class="row">
+
+    <div class="col-md-3 col-lg-2 profile-sidebar">
+
+        <div class="glass-card">
+            <div class="glass-card-label">{% trans "Bio" %}</div>
+            <p>
+                {% if user.bio %}
+                    {{ user.bio }}
+                {% else %}
+                    {% trans "Write a few words about you" %}
+                {% endif %}
+            </p>
+        </div>
+
+        <div class="glass-card">
+            <div class="glass-card-label">{% trans "Member since" %}</div>
+            <p>{{ user.date_joined|date:"d/m/Y" }}</p>
+        </div>
+
+        <div class="glass-card">
+            <div class="glass-card-label">{% trans "Last access" %}</div>
+            <p>{{ user.last_login|date:"d/m/Y" }}</p>
+        </div>
+
+        <div class="glass-card">
+            <div class="glass-card-label">{% trans "Location" %}</div>
+            <p>
+                {% if user.location %}
+                    {{ user.location }}
+                {% else %}
+                    {% trans "Add your location" %}
+                {% endif %}
+            </p>
+        </div>
+
     </div>
 
-{% endblock %}
\ No newline at end of file
+    <div class="col-md-9 col-lg-10">
+
+        <div class="nav-tabs-wrapper">
+            <ul class="nav nav-tabs">
+                <li class="nav-item">
+                    <a class="nav-link {% if request.resolver_match.url_name == 'user_profile' %}active{% endif %}"
+                       href="{% url 'user_profile' %}">{% trans 'Profile' %}</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link {% if request.resolver_match.url_name == 'history' %}active{% endif %}"
+                       href="{% url 'history' %}">{% trans 'History' %}</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link {% if request.resolver_match.url_name == 'subscription' %}active{% endif %}"
+                       href="{% url 'subscription' %}">{% trans 'Subscriptions' %}</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link {% if request.resolver_match.url_name == 'followed' %}active{% endif %}"
+                       href="{% url 'followed' %}">{% trans 'Followed' %}</a>
+                </li>
+            </ul>
+        </div>
+
+        <div class="tab-content-area">
+            {% block parts_content %}{% endblock %}
+        </div>
+
+    </div>
+
+</div>
+
+{% endblock %}
diff --git a/users/urls.py b/users/urls.py
index 6c7af8c..d435512 100644
--- a/users/urls.py
+++ b/users/urls.py
@@ -1,5 +1,6 @@
 from django.urls import path
 from . import views
+from web_app.views import system_logs
 
 urlpatterns = [
     # Staff Admin URLs
@@ -10,7 +11,7 @@
     path('api/update-role/', views.update_user_role, name='update_user_role'),
     path('staff-admin/cartelleres/', views.gestion_cartelleres, name='gestion_cartelleres'),
     path('staff-admin/cartelleres/editar/<int:contingut_id>/', views.editar_cartellera, name='editar_cartellera'),
-
+    path('staff-admin/logs/', system_logs, name='system_logs'),
     # User URLs
     path('profile/', views.user_profile, name='user_profile'),
     path('history/', views.history, name='history'),
diff --git a/users/views.py b/users/views.py
index 4747a35..849f821 100644
--- a/users/views.py
+++ b/users/views.py
@@ -9,6 +9,7 @@
 from django.utils.crypto import get_random_string
 from django.contrib.sessions.models import Session
 from django.utils import timezone
+from datetime import timedelta
 import json
 
 import gettext
@@ -85,12 +86,71 @@ def user_profile(request):
 @login_required(login_url='login')
 @user_passes_test(is_consumer)
 def history(request):
-    # OPTIMIZACIÓN: Buscamos en el modelo real de visualizaciones y hacemos Eager Loading
-    visualizaciones = Visualitzacio.objects.filter(user=request.user).select_related(
-        'contingut__movie', 'contingut__series'
-    ).prefetch_related('contingut__apis').order_by('-data_visualitzacio')
-    
-    return render(request, 'users/parts/history.html', {'visualizaciones': visualizaciones})
+    user = request.user
+    visualizaciones = Visualitzacio.objects.filter(user=user).select_related(
+        'contingut__movie', 'contingut__series', 'api'
+    ).order_by('-data_visualitzacio')
+
+    platform_id = request.GET.get('platform')
+    if platform_id:
+        visualizaciones = visualizaciones.filter(api_id=platform_id)
+
+    date_filter = request.GET.get('date')
+    now = timezone.now()
+    if date_filter == 'today':
+        visualizaciones = visualizaciones.filter(data_visualitzacio__date=now.date())
+    elif date_filter == 'week':
+        visualizaciones = visualizaciones.filter(data_visualitzacio__gte=now - timedelta(days=7))
+    elif date_filter == 'month':
+        visualizaciones = visualizaciones.filter(data_visualitzacio__gte=now - timedelta(days=30))
+
+    paginator = Paginator(visualizaciones, 20)
+    page_number = request.GET.get('page')
+    page_obj = paginator.get_page(page_number)
+
+    grouped_history = {
+        'Avui': [],
+        'Aquesta setmana': [],
+        'Aquest mes': [],
+        'Més antic': []
+    }
+
+    today = now.date()
+    week_ago = (now - timedelta(days=7)).date()
+    month_ago = (now - timedelta(days=30)).date()
+
+    for vis in page_obj:
+        vis_date = vis.data_visualitzacio.date()
+
+        if hasattr(vis.contingut, 'movie'):
+            vis.content_type = 'Movie'
+        elif hasattr(vis.contingut, 'series'):
+            vis.content_type = 'Series'
+        else:
+            vis.content_type = 'Desconegut'
+
+        if vis_date == today:
+            grouped_history['Avui'].append(vis)
+        elif vis_date >= week_ago:
+            grouped_history['Aquesta setmana'].append(vis)
+        elif vis_date >= month_ago:
+            grouped_history['Aquest mes'].append(vis)
+        else:
+            grouped_history['Més antic'].append(vis)
+
+    grouped_history = {k: v for k, v in grouped_history.items() if v}
+
+    platforms = API.objects.all()
+
+    context = {
+        'page_obj': page_obj,
+        'grouped_history': grouped_history,
+        'platforms': platforms,
+        'selected_platform': platform_id,
+        'selected_date': date_filter,
+    }
+
+    return render(request, 'users/parts/history.html', context)
 
 @login_required(login_url='login')
 @user_passes_test(is_consumer)
@@ -234,7 +294,7 @@ def export_analytics_csv(request):
     response['Content-Disposition'] = 'attachment; filename="analytics_report.csv"'
 
     writer = csv.writer(response)
-    writer.writerow(['Title', 'Genre', 'Age Rating', 'Year', 'Director', 'Platform', 'Total Views', 'Total Favorites'])#TODO translate this
+    writer.writerow(['Title', 'Genre', 'Age Rating', 'Year', 'Director', 'Platform', 'Total Visualizations', 'Total Favorites'])#TODO translate this
 
     for item in clean_data:
         writer.writerow([
@@ -420,3 +480,4 @@ def editar_cartellera(request, contingut_id):
     return render(request, 'users/parts/editar_cartellera.html', {
         'contingut': contingut,
     })
+
diff --git a/web_app/apps.py b/web_app/apps.py
index c071959..a9bd4d5 100644
--- a/web_app/apps.py
+++ b/web_app/apps.py
@@ -42,7 +42,6 @@ def create_default_user(sender, **kwargs):
     username = 'admin'
     email = 'admin@admin.com'
     password = 'adminpassword'
-
     if not User.objects.filter(username=username).exists():
         User.objects.create_superuser(
             username=username,
diff --git a/web_app/models.py b/web_app/models.py
index 2f3c49a..caa3cdb 100644
--- a/web_app/models.py
+++ b/web_app/models.py
@@ -130,7 +130,7 @@ def get_similar_by_genre(self, limit=4):
 
         return Movie.objects.filter(
             contingut__genere=self.contingut.genere
-        ).exclude(id=self.id).order_by('?')[:limit]
+        ).exclude(id=self.id).distinct().order_by('?')[:limit]
 
 class Series(models.Model):
     contingut = models.OneToOneField(Contingut, on_delete=models.CASCADE, related_name='series')
@@ -187,6 +187,14 @@ def total_seasons(self):
     def poster_path(self):
         return self.contingut.poster_path
 
+    def get_similar_by_genre(self, limit=4):
+        if not self.contingut.genere:
+            return Series.objects.none()
+
+        return Series.objects.filter(
+            contingut__genere=self.contingut.genere
+        ).exclude(id=self.id).distinct().order_by('?')[:limit]
+
 
 class CustomUser(AbstractUser):
     """
diff --git a/web_app/views.py b/web_app/views.py
index dde9023..b4a32b8 100644
--- a/web_app/views.py
+++ b/web_app/views.py
@@ -4,7 +4,7 @@
 from django.shortcuts import render, redirect, get_object_or_404
 from web_app.forms import CustomUserAdminCreationForm, CustomUserCreationForm
 from web_app.models import AgeRating, API, CustomUser, Director, Genre, Movie, UserProfile, Series, Contingut, \
-    AgeRating, Valoracio, Visualitzacio
+    AgeRating, Valoracio, Visualitzacio, SyncLog
 from web_app import utils
 import json
 from itertools import chain
@@ -161,6 +161,7 @@ def series_detail(request, pk):
         'reviews': reviews,
         'avg_rating': review_stats['avg_rating'],
         'total_reviews': review_stats['total_reviews'],
+        'recommendations': series.get_similar_by_genre(limit=4)
     })
 
 
@@ -240,6 +241,7 @@ def terms_use(request):
 def privacy_policy(request):
     return render(request, 'footer_legal/privacy_policy.html')
 
+@login_required
 def register_platform_click(request):
     if request.method == 'POST':
         try:
@@ -247,22 +249,33 @@ def register_platform_click(request):
             contingut_id = data.get('contingut_id')
             api_id = data.get('api_id')
 
-            contingut = get_object_or_404(Contingut, id=contingut_id)
-            api = get_object_or_404(API, id=api_id)
-
-            user = request.user if request.user.is_authenticated else None
-            Visualitzacio.objects.create(
-                user=user,
-                contingut=contingut,
-                api=api
+            # MAGIA DE DJANGO: Si existe, actualiza la fecha. Si no, lo crea.
+            vis, created = Visualitzacio.objects.update_or_create(
+                user=request.user,
+                contingut_id=contingut_id,
+                api_id=api_id,
+                defaults={'data_visualitzacio': timezone.now()}
             )
 
-            total_clicks = Visualitzacio.objects.filter(contingut=contingut, api=api).count()
-
-            return JsonResponse({'status': 'success', 'total_clicks': total_clicks})
-
+            return JsonResponse({
+                'status': 'success',
+                'message': 'Historial actualizado correctamente'
+            })
         except Exception as e:
             return JsonResponse({'status': 'error', 'message': str(e)}, status=400)
 
     return JsonResponse({'status': 'error', 'message': 'Método no permitido'}, status=405)
 
+
+@user_passes_test(lambda u: u.is_superuser)
+def system_logs(request):
+    if not request.user.is_authenticated:
+        return redirect('login')
+
+    logs = SyncLog.objects.all().order_by('-start_time')
+    paginator = Paginator(logs, 20)
+    page_obj = paginator.get_page(request.GET.get('page', 1))
+
+    return render(request, 'users/parts/system_logs.html', {
+        'logs': page_obj
+    })
\ No newline at end of file