diff --git a/backend/app/routes/admin.py b/backend/app/routes/admin.py
index bb8c74c..4bef7b2 100644
--- a/backend/app/routes/admin.py
+++ b/backend/app/routes/admin.py
@@ -5,9 +5,15 @@ from app.extensions import limiter
 from app.services.account_service import get_user_by_id, is_user_admin, set_user_role, update_user_plan
 from app.services.admin_service import (
     get_admin_overview,
+    get_admin_ratings_detail,
+    get_admin_system_health,
+    get_admin_tool_analytics,
+    get_admin_user_registration_stats,
+    get_plan_interest_summary,
     list_admin_contacts,
     list_admin_users,
     mark_admin_contact_read,
+    record_plan_interest_click,
 )
 from app.services.ai_cost_service import get_monthly_spend
 from app.utils.auth import get_current_user_id
@@ -155,3 +161,89 @@ def ai_cost_dashboard():
 
     spend = get_monthly_spend()
     return jsonify(spend), 200
+
+
+@admin_bp.route("/ratings", methods=["GET"])
+@limiter.limit("60/hour")
+def admin_ratings_route():
+    """Return detailed ratings and reviews for admin inspection."""
+    auth_error = _require_admin_session()
+    if auth_error:
+        return auth_error
+
+    try:
+        page = max(1, int(request.args.get("page", 1)))
+    except ValueError:
+        page = 1
+
+    try:
+        per_page = max(1, min(int(request.args.get("per_page", 20)), 100))
+    except ValueError:
+        per_page = 20
+
+    tool_filter = request.args.get("tool", "").strip()
+
+    return jsonify(get_admin_ratings_detail(page=page, per_page=per_page, tool_filter=tool_filter)), 200
+
+
+@admin_bp.route("/tool-analytics", methods=["GET"])
+@limiter.limit("60/hour")
+def admin_tool_analytics_route():
+    """Return detailed per-tool usage analytics."""
+    auth_error = _require_admin_session()
+    if auth_error:
+        return auth_error
+
+    return jsonify(get_admin_tool_analytics()), 200
+
+
+@admin_bp.route("/user-stats", methods=["GET"])
+@limiter.limit("60/hour")
+def admin_user_stats_route():
+    """Return user registration trends and breakdown."""
+    auth_error = _require_admin_session()
+    if auth_error:
+        return auth_error
+
+    return jsonify(get_admin_user_registration_stats()), 200
+
+
+@admin_bp.route("/plan-interest", methods=["GET"])
+@limiter.limit("60/hour")
+def admin_plan_interest_route():
+    """Return paid plan click interest summary."""
+    auth_error = _require_admin_session()
+    if auth_error:
+        return auth_error
+
+    return jsonify(get_plan_interest_summary()), 200
+
+
+@admin_bp.route("/system-health", methods=["GET"])
+@limiter.limit("60/hour")
+def admin_system_health_route():
+    """Return system health indicators."""
+    auth_error = _require_admin_session()
+    if auth_error:
+        return auth_error
+
+    return jsonify(get_admin_system_health()), 200
+
+
+@admin_bp.route("/plan-interest/record", methods=["POST"])
+@limiter.limit("30/hour")
+def record_plan_interest_route():
+    """Record a click on a paid plan button — public endpoint."""
+    data = request.get_json(silent=True) or {}
+    plan = str(data.get("plan", "pro")).strip().lower()
+    billing = str(data.get("billing", "monthly")).strip().lower()
+
+    if plan not in ("pro",):
+        plan = "pro"
+    if billing not in ("monthly", "yearly"):
+        billing = "monthly"
+
+    user_id = get_current_user_id()
+    record_plan_interest_click(user_id=user_id, plan=plan, billing=billing)
+
+    return jsonify({"message": "Interest recorded."}), 200
diff --git a/backend/app/services/admin_service.py b/backend/app/services/admin_service.py
index b0a2548..a90b813 100644
--- a/backend/app/services/admin_service.py
+++ b/backend/app/services/admin_service.py
@@ -285,4 +285,382 @@ def list_admin_contacts(page: int = 1, per_page: int = 20) -> dict:
 
 
 def mark_admin_contact_read(message_id: int) -> bool:
-    return mark_read(message_id)
\ No newline at end of file
+    return mark_read(message_id)
+
+
+# ---------------------------------------------------------------------------
+# Enhanced admin analytics
+# ---------------------------------------------------------------------------
+
+
+def _ensure_plan_interest_table():
+    """Create plan_interest_clicks table if it does not exist."""
+    with _connect() as conn:
+        conn.execute(
+            """
+            CREATE TABLE IF NOT EXISTS plan_interest_clicks (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                user_id INTEGER,
+                plan TEXT NOT NULL,
+                billing TEXT NOT NULL DEFAULT 'monthly',
+                created_at TEXT NOT NULL
+            )
+            """
+        )
+        conn.execute(
+            "CREATE INDEX IF NOT EXISTS idx_plan_interest_created ON plan_interest_clicks(created_at)"
+        )
+
+
+def record_plan_interest_click(user_id: int | None, plan: str, billing: str = "monthly") -> None:
+    """Record a click on a pricing plan button."""
+    _ensure_plan_interest_table()
+    now = datetime.now(timezone.utc).isoformat()
+    with _connect() as conn:
+        conn.execute(
+            "INSERT INTO plan_interest_clicks (user_id, plan, billing, created_at) VALUES (?, ?, ?, ?)",
+            (user_id, plan, billing, now),
+        )
+
+
+def get_plan_interest_summary() -> dict:
+    """Return summary of paid plan button clicks."""
+    _ensure_plan_interest_table()
+    cutoff_7d = (datetime.now(timezone.utc) - timedelta(days=7)).isoformat()
+    cutoff_30d = (datetime.now(timezone.utc) - timedelta(days=30)).isoformat()
+
+    with _connect() as conn:
+        total_row = conn.execute(
+            """
+            SELECT
+                COUNT(*) AS total_clicks,
+                COUNT(DISTINCT user_id) AS unique_users,
+                COALESCE(SUM(CASE WHEN created_at >= ? THEN 1 ELSE 0 END), 0) AS clicks_last_7d,
+                COALESCE(SUM(CASE WHEN created_at >= ? THEN 1 ELSE 0 END), 0) AS clicks_last_30d
+            FROM plan_interest_clicks
+            """,
+            (cutoff_7d, cutoff_30d),
+        ).fetchone()
+
+        by_plan_rows = conn.execute(
+            """
+            SELECT plan, billing, COUNT(*) AS clicks
+            FROM plan_interest_clicks
+            GROUP BY plan, billing
+            ORDER BY clicks DESC
+            """
+        ).fetchall()
+
+        recent_rows = conn.execute(
+            """
+            SELECT
+                plan_interest_clicks.id,
+                plan_interest_clicks.user_id,
+                plan_interest_clicks.plan,
+                plan_interest_clicks.billing,
+                plan_interest_clicks.created_at,
+                users.email
+            FROM plan_interest_clicks
+            LEFT JOIN users ON users.id = plan_interest_clicks.user_id
+            ORDER BY plan_interest_clicks.created_at DESC
+            LIMIT 20
+            """
+        ).fetchall()
+
+    return {
+        "total_clicks": int(total_row["total_clicks"]) if total_row else 0,
+        "unique_users": int(total_row["unique_users"]) if total_row else 0,
+        "clicks_last_7d": int(total_row["clicks_last_7d"]) if total_row else 0,
+        "clicks_last_30d": int(total_row["clicks_last_30d"]) if total_row else 0,
+        "by_plan": [
+            {"plan": row["plan"], "billing": row["billing"], "clicks": int(row["clicks"])}
+            for row in by_plan_rows
+        ],
+        "recent": [
+            {
+                "id": row["id"],
+                "user_id": row["user_id"],
+                "email": row["email"],
+                "plan": row["plan"],
+                "billing": row["billing"],
+                "created_at": row["created_at"],
+            }
+            for row in recent_rows
+        ],
+    }
+
+
+def get_admin_ratings_detail(page: int = 1, per_page: int = 20, tool_filter: str = "") -> dict:
+    """Return detailed ratings list with feedback for the admin dashboard."""
+    safe_page = max(1, page)
+    safe_per_page = max(1, min(per_page, 100))
+    offset = (safe_page - 1) * safe_per_page
+
+    with _connect() as conn:
+        # Total count
+        count_sql = "SELECT COUNT(*) AS total FROM tool_ratings"
+        count_params: list[object] = []
+        if tool_filter:
+            count_sql += " WHERE tool = ?"
+            count_params.append(tool_filter)
+
+        total_row = conn.execute(count_sql, tuple(count_params)).fetchone()
+
+        # Paginated ratings
+        sql = """
+            SELECT id, tool, rating, feedback, tag, fingerprint, created_at
+            FROM tool_ratings
+        """
+        params: list[object] = []
+        if tool_filter:
+            sql += " WHERE tool = ?"
+            params.append(tool_filter)
+        sql += " ORDER BY created_at DESC LIMIT ? OFFSET ?"
+        params.extend([safe_per_page, offset])
+
+        rows = conn.execute(sql, tuple(params)).fetchall()
+
+        # Per-tool summary
+        summary_rows = conn.execute(
+            """
+            SELECT
+                tool,
+                COUNT(*) AS count,
+                COALESCE(AVG(rating), 0) AS average,
+                COALESCE(SUM(CASE WHEN rating >= 4 THEN 1 ELSE 0 END), 0) AS positive,
+                COALESCE(SUM(CASE WHEN rating <= 2 THEN 1 ELSE 0 END), 0) AS negative
+            FROM tool_ratings
+            GROUP BY tool
+            ORDER BY count DESC
+            """
+        ).fetchall()
+
+    return {
+        "items": [
+            {
+                "id": row["id"],
+                "tool": row["tool"],
+                "rating": int(row["rating"]),
+                "feedback": row["feedback"] or "",
+                "tag": row["tag"] or "",
+                "created_at": row["created_at"],
+            }
+            for row in rows
+        ],
+        "page": safe_page,
+        "per_page": safe_per_page,
+        "total": int(total_row["total"]) if total_row else 0,
+        "tool_summaries": [
+            {
+                "tool": row["tool"],
+                "count": int(row["count"]),
+                "average": round(row["average"], 1),
+                "positive": int(row["positive"]),
+                "negative": int(row["negative"]),
+            }
+            for row in summary_rows
+        ],
+    }
+
+
+def get_admin_tool_analytics() -> dict:
+    """Return detailed per-tool usage analytics for the admin dashboard."""
+    cutoff_24h = (datetime.now(timezone.utc) - timedelta(days=1)).isoformat()
+    cutoff_7d = (datetime.now(timezone.utc) - timedelta(days=7)).isoformat()
+    cutoff_30d = (datetime.now(timezone.utc) - timedelta(days=30)).isoformat()
+
+    with _connect() as conn:
+        # Per-tool detailed stats
+        tool_rows = conn.execute(
+            """
+            SELECT
+                tool,
+                COUNT(*) AS total_runs,
+                COALESCE(SUM(CASE WHEN status = 'completed' THEN 1 ELSE 0 END), 0) AS completed,
+                COALESCE(SUM(CASE WHEN status = 'failed' THEN 1 ELSE 0 END), 0) AS failed,
+                COALESCE(SUM(CASE WHEN created_at >= ? THEN 1 ELSE 0 END), 0) AS runs_24h,
+                COALESCE(SUM(CASE WHEN created_at >= ? THEN 1 ELSE 0 END), 0) AS runs_7d,
+                COALESCE(SUM(CASE WHEN created_at >= ? THEN 1 ELSE 0 END), 0) AS runs_30d,
+                COUNT(DISTINCT user_id) AS unique_users
+            FROM file_history
+            GROUP BY tool
+            ORDER BY total_runs DESC
+            """,
+            (cutoff_24h, cutoff_7d, cutoff_30d),
+        ).fetchall()
+
+        # Daily usage for the last 30 days
+        daily_rows = conn.execute(
+            """
+            SELECT
+                DATE(created_at) AS day,
+                COUNT(*) AS total,
+                COALESCE(SUM(CASE WHEN status = 'completed' THEN 1 ELSE 0 END), 0) AS completed,
+                COALESCE(SUM(CASE WHEN status = 'failed' THEN 1 ELSE 0 END), 0) AS failed
+            FROM file_history
+            WHERE created_at >= ?
+            GROUP BY DATE(created_at)
+            ORDER BY day ASC
+            """,
+            (cutoff_30d,),
+        ).fetchall()
+
+        # Most common errors
+        error_rows = conn.execute(
+            """
+            SELECT
+                tool,
+                metadata_json,
+                COUNT(*) AS occurrences
+            FROM file_history
+            WHERE status = 'failed' AND created_at >= ?
+            GROUP BY tool, metadata_json
+            ORDER BY occurrences DESC
+            LIMIT 15
+            """,
+            (cutoff_30d,),
+        ).fetchall()
+
+    return {
+        "tools": [
+            {
+                "tool": row["tool"],
+                "total_runs": int(row["total_runs"]),
+                "completed": int(row["completed"]),
+                "failed": int(row["failed"]),
+                "success_rate": round((int(row["completed"]) / int(row["total_runs"])) * 100, 1) if int(row["total_runs"]) > 0 else 0,
+                "runs_24h": int(row["runs_24h"]),
+                "runs_7d": int(row["runs_7d"]),
+                "runs_30d": int(row["runs_30d"]),
+                "unique_users": int(row["unique_users"]),
+            }
+            for row in tool_rows
+        ],
+        "daily_usage": [
+            {
+                "day": row["day"],
+                "total": int(row["total"]),
+                "completed": int(row["completed"]),
+                "failed": int(row["failed"]),
+            }
+            for row in daily_rows
+        ],
+        "common_errors": [
+            {
+                "tool": row["tool"],
+                "error": _parse_metadata(row["metadata_json"]).get("error", "Unknown error"),
+                "occurrences": int(row["occurrences"]),
+            }
+            for row in error_rows
+        ],
+    }
+
+
+def get_admin_user_registration_stats() -> dict:
+    """Return user registration trends and breakdown."""
+    cutoff_7d = (datetime.now(timezone.utc) - timedelta(days=7)).isoformat()
+    cutoff_30d = (datetime.now(timezone.utc) - timedelta(days=30)).isoformat()
+
+    with _connect() as conn:
+        totals_row = conn.execute(
+            """
+            SELECT
+                COUNT(*) AS total,
+                COALESCE(SUM(CASE WHEN created_at >= ? THEN 1 ELSE 0 END), 0) AS last_7d,
+                COALESCE(SUM(CASE WHEN created_at >= ? THEN 1 ELSE 0 END), 0) AS last_30d,
+                COALESCE(SUM(CASE WHEN plan = 'pro' THEN 1 ELSE 0 END), 0) AS pro_count,
+                COALESCE(SUM(CASE WHEN plan = 'free' THEN 1 ELSE 0 END), 0) AS free_count
+            FROM users
+            """,
+            (cutoff_7d, cutoff_30d),
+        ).fetchone()
+
+        # Daily registrations for the last 30 days
+        daily_rows = conn.execute(
+            """
+            SELECT DATE(created_at) AS day, COUNT(*) AS registrations
+            FROM users
+            WHERE created_at >= ?
+            GROUP BY DATE(created_at)
+            ORDER BY day ASC
+            """,
+            (cutoff_30d,),
+        ).fetchall()
+
+        # Most active users (by task count)
+        active_rows = conn.execute(
+            """
+            SELECT
+                users.id,
+                users.email,
+                users.plan,
+                users.created_at,
+                COUNT(file_history.id) AS total_tasks
+            FROM users
+            JOIN file_history ON file_history.user_id = users.id
+            GROUP BY users.id
+            ORDER BY total_tasks DESC
+            LIMIT 10
+            """
+        ).fetchall()
+
+    return {
+        "total_users": int(totals_row["total"]) if totals_row else 0,
+        "new_last_7d": int(totals_row["last_7d"]) if totals_row else 0,
+        "new_last_30d": int(totals_row["last_30d"]) if totals_row else 0,
+        "pro_users": int(totals_row["pro_count"]) if totals_row else 0,
+        "free_users": int(totals_row["free_count"]) if totals_row else 0,
+        "daily_registrations": [
+            {"day": row["day"], "count": int(row["registrations"])}
+            for row in daily_rows
+        ],
+        "most_active_users": [
+            {
+                "id": row["id"],
+                "email": row["email"],
+                "plan": row["plan"],
+                "created_at": row["created_at"],
+                "total_tasks": int(row["total_tasks"]),
+            }
+            for row in active_rows
+        ],
+    }
+
+
+def get_admin_system_health() -> dict:
+    """Return system health indicators for the admin dashboard."""
+    from app.services.openrouter_config_service import get_openrouter_settings
+
+    ai_cost_summary = get_monthly_spend()
+    settings = get_openrouter_settings()
+
+    with _connect() as conn:
+        # Recent error rate (last 1h)
+        cutoff_1h = (datetime.now(timezone.utc) - timedelta(hours=1)).isoformat()
+        error_row = conn.execute(
+            """
+            SELECT
+                COUNT(*) AS total,
+                COALESCE(SUM(CASE WHEN status = 'failed' THEN 1 ELSE 0 END), 0) AS failed
+            FROM file_history
+            WHERE created_at >= ?
+            """,
+            (cutoff_1h,),
+        ).fetchone()
+
+        # DB size
+        db_path = current_app.config["DATABASE_PATH"]
+        db_size_mb = round(os.path.getsize(db_path) / (1024 * 1024), 2) if os.path.exists(db_path) else 0
+
+    error_total = int(error_row["total"]) if error_row else 0
+    error_failed = int(error_row["failed"]) if error_row else 0
+
+    return {
+        "ai_configured": bool(settings.api_key),
+        "ai_model": settings.model,
+        "ai_budget_used_percent": ai_cost_summary["budget_used_percent"],
+        "error_rate_1h": round((error_failed / error_total) * 100, 1) if error_total > 0 else 0,
+        "tasks_last_1h": error_total,
+        "failures_last_1h": error_failed,
+        "database_size_mb": db_size_mb,
+    }
\ No newline at end of file
diff --git a/backend/app/services/pdf_ai_service.py b/backend/app/services/pdf_ai_service.py
index 7bcaecb..5e05b74 100644
--- a/backend/app/services/pdf_ai_service.py
+++ b/backend/app/services/pdf_ai_service.py
@@ -55,8 +55,9 @@ def _call_openrouter(
     settings = get_openrouter_settings()
 
     if not settings.api_key:
+        logger.error("OPENROUTER_API_KEY is not set or is a placeholder value.")
         raise PdfAiError(
-            "AI service is not configured. Set OPENROUTER_API_KEY in the application configuration."
+            "AI features are temporarily unavailable. Our team has been notified."
         )
 
     messages = [
@@ -79,9 +80,40 @@ def _call_openrouter(
             },
             timeout=60,
         )
+
+        if response.status_code == 401:
+            logger.error("OpenRouter API key is invalid or expired (401).")
+            raise PdfAiError(
+                "AI features are temporarily unavailable due to a configuration issue. Our team has been notified."
+            )
+
+        if response.status_code == 402:
+            logger.error("OpenRouter account has insufficient credits (402).")
+            raise PdfAiError(
+                "AI processing credits have been exhausted. Please try again later."
+            )
+
+        if response.status_code == 429:
+            logger.warning("OpenRouter rate limit reached (429).")
+            raise PdfAiError(
+                "AI service is experiencing high demand. Please wait a moment and try again."
+            )
+
+        if response.status_code >= 500:
+            logger.error("OpenRouter server error (%s).", response.status_code)
+            raise PdfAiError(
+                "AI service provider is experiencing issues. Please try again shortly."
+            )
+
         response.raise_for_status()
         data = response.json()
 
+        # Handle model-level errors returned inside a 200 response
+        if data.get("error"):
+            error_msg = data["error"].get("message", "") if isinstance(data["error"], dict) else str(data["error"])
+            logger.error("OpenRouter returned an error payload: %s", error_msg)
+            raise PdfAiError("AI service encountered an issue. Please try again.")
+
         reply = (
             data.get("choices", [{}])[0]
             .get("message", {})
@@ -107,10 +139,15 @@ def _call_openrouter(
 
         return reply
 
+    except PdfAiError:
+        raise
     except requests.exceptions.Timeout:
         raise PdfAiError("AI service timed out. Please try again.")
+    except requests.exceptions.ConnectionError:
+        logger.error("Cannot connect to OpenRouter API at %s", settings.base_url)
+        raise PdfAiError("AI service is unreachable. Please try again shortly.")
     except requests.exceptions.RequestException as e:
-        logger.error(f"OpenRouter API error: {e}")
+        logger.error("OpenRouter API error: %s", e)
         raise PdfAiError("AI service is temporarily unavailable.")
 
 
diff --git a/backend/app/services/site_assistant_service.py b/backend/app/services/site_assistant_service.py
index 71a66f4..c80e9c1 100644
--- a/backend/app/services/site_assistant_service.py
+++ b/backend/app/services/site_assistant_service.py
@@ -246,7 +246,8 @@ def stream_site_assistant_chat(
             check_ai_budget()
             settings = get_openrouter_settings()
             if not settings.api_key:
-                raise RuntimeError("OPENROUTER_API_KEY is not configured for the application.")
+                logger.error("OPENROUTER_API_KEY is not set — assistant AI unavailable.")
+                raise RuntimeError("AI assistant is temporarily unavailable. Please try again later.")
 
             response_model = settings.model
             messages = _build_ai_messages(
@@ -436,7 +437,8 @@ def _request_ai_reply(
     settings = get_openrouter_settings()
 
     if not settings.api_key:
-        raise RuntimeError("OPENROUTER_API_KEY is not configured for the application.")
+        logger.error("OPENROUTER_API_KEY is not set — assistant AI unavailable.")
+        raise RuntimeError("AI assistant is temporarily unavailable. Please try again later.")
 
     messages = _build_ai_messages(
         message=message,
diff --git a/backend/celerybeat-schedule b/backend/celerybeat-schedule
index d090a9f..4f922dd 100644
Binary files a/backend/celerybeat-schedule and b/backend/celerybeat-schedule differ
diff --git a/backend/data/dociva.db b/backend/data/dociva.db
index df51379..cadc5ab 100644
Binary files a/backend/data/dociva.db and b/backend/data/dociva.db differ
diff --git a/frontend/src/pages/InternalAdminPage.tsx b/frontend/src/pages/InternalAdminPage.tsx
index 4052f07..415d6de 100644
--- a/frontend/src/pages/InternalAdminPage.tsx
+++ b/frontend/src/pages/InternalAdminPage.tsx
@@ -2,29 +2,331 @@ import { useEffect, useMemo, useState, type FormEvent } from 'react';
 import { Helmet } from 'react-helmet-async';
 import { Link } from 'react-router-dom';
 import {
+  Activity,
   AlertTriangle,
   BarChart3,
+  Clock,
+  Database,
+  DollarSign,
+  Globe,
+  Heart,
   Inbox,
   LogOut,
+  MessageSquare,
   RefreshCcw,
   Search,
   ShieldCheck,
+  Star,
+  TrendingUp,
   Users,
   Zap,
 } from 'lucide-react';
 import {
+  getAdminPlanInterest,
+  getAdminRatingsDetail,
+  getAdminSystemHealth,
+  getAdminToolAnalytics,
+  getAdminUserStats,
   getInternalAdminContacts,
   getInternalAdminOverview,
   listInternalAdminUsers,
   markInternalAdminContactRead,
   updateInternalAdminUserRole,
   updateInternalAdminUserPlan,
+  type AdminPlanInterest,
+  type AdminRatingsDetail,
+  type AdminSystemHealth,
+  type AdminToolAnalytics,
+  type AdminUserStats,
   type InternalAdminContact,
   type InternalAdminOverview,
   type InternalAdminUser,
 } from '@/services/api';
 import { useAuthStore } from '@/stores/authStore';
 
+type AdminTab = 'overview' | 'users' | 'tools' | 'ratings' | 'contacts' | 'system';
+type Lang = 'ar' | 'en';
+
+const TRANSLATIONS: Record<Lang, Record<string, string>> = {
+  en: {
+    // Page & header
+    pageTitle: 'Internal Admin | Dociva',
+    internalOps: 'Internal operations',
+    controlRoom: 'Admin control room',
+    controlRoomDesc: 'Monitor project health, user activity, tool performance, ratings, and system status.',
+    roleLabel: 'Role:',
+    refresh: 'Refresh',
+    signOut: 'Sign out',
+    // Auth
+    checkingSession: 'Checking admin session...',
+    adminSignIn: 'Admin sign in',
+    adminSignInDesc: 'Use an allowlisted internal account to access the admin control room.',
+    passwordPlaceholder: 'Password',
+    signInBtn: 'Sign in as admin',
+    noAdminAccessMsg: 'This account does not have internal admin access.',
+    noAdminPermission: 'No admin permission',
+    notAdminDesc: 'You are signed in as {email}, but this account does not have admin access.',
+    backToAccount: 'Back to account',
+    // Tabs
+    tabOverview: 'Overview',
+    tabUsers: 'Users',
+    tabTools: 'Tool Analytics',
+    tabRatings: 'Ratings & Reviews',
+    tabContacts: 'Inbox',
+    tabSystem: 'System Health',
+    // Overview cards
+    totalUsers: 'Total users',
+    filesProcessed: 'Files processed',
+    inLast24h: 'in the last 24h',
+    proFreeCaption: '{pro} pro / {free} free',
+    successRate: 'Success rate',
+    failuresTracked: 'failures tracked',
+    unreadContacts: 'Unread contacts',
+    totalInboxItems: 'total inbox items',
+    aiSpend: 'AI spend',
+    ofBudget: '{pct}% of {budget} budget',
+    averageRating: 'Average rating',
+    ratingsCollected: 'ratings collected',
+    upgradeClicks: 'Upgrade clicks',
+    last7dSuffix: '{clicks} last 7 days / {unique} unique users',
+    aiStatus: 'AI status',
+    active: 'Active',
+    notConfigured: 'Not configured',
+    modelLabel: 'Model: {model}',
+    checkKey: 'Check OPENROUTER_API_KEY',
+    // Overview sections
+    topTools: 'Top tools',
+    totalRunsSuffix: 'total runs',
+    failedBadge: 'failed',
+    recentFailures: 'Recent failures',
+    unknownFile: 'Unknown file',
+    processingFailed: 'Processing failed without a structured error message.',
+    noToolActivity: 'No tool activity yet.',
+    noRecentFailures: 'No recent failures.',
+    latestRegistrations: 'Latest registrations',
+    emailCol: 'Email',
+    planCol: 'Plan',
+    tasksCol: 'Tasks',
+    joinedCol: 'Joined',
+    // Users tab
+    newLast7d: 'New (7 days)',
+    newLast30d: 'New (30 days)',
+    proUsers: 'Pro users',
+    dailyReg30d: 'Daily registrations (30 days)',
+    userManagement: 'User management',
+    searchEmailPlaceholder: 'Search user email',
+    searchBtn: 'Search',
+    roleCol: 'Role',
+    apiKeysCol: 'API keys',
+    actionsCol: 'Actions',
+    allowlisted: 'Allowlisted',
+    tasksSummary: '{ok} ok / {fail} fail',
+    createdLabel: 'Created {date}',
+    mostActiveUsers: 'Most active users',
+    totalTasksCol: 'Total tasks',
+    loadingText: 'Loading...',
+    // Tools tab
+    toolUsageBreakdown: 'Tool usage breakdown',
+    toolUsageDesc: 'Detailed usage, success rates, and user counts per tool.',
+    toolCol: 'Tool',
+    totalCol: 'Total',
+    successCol: 'Success',
+    rateCol: 'Rate',
+    usersCol: 'Users',
+    dailyProcessing30d: 'Daily processing (30 days)',
+    completedLabel: 'Completed',
+    failedLabel: 'Failed',
+    mostCommonErrors30d: 'Most common errors (30 days)',
+    // Ratings tab
+    ratingSummaryByTool: 'Rating summary by tool',
+    ratingsCountSuffix: 'ratings',
+    positiveLabel: 'positive',
+    negativeLabel: 'negative',
+    allReviews: 'All reviews',
+    reviewsFilterLabel: 'All reviews — {tool}',
+    totalRatingsLabel: '{n} total ratings',
+    clearFilter: 'Clear filter',
+    previous: 'Previous',
+    next: 'Next',
+    pageOf: 'Page {p} of {total}',
+    noRatingsFound: 'No ratings found.',
+    // Contacts tab
+    contactInbox: 'Contact inbox',
+    unreadOfTotal: '{unread} unread of {total} total messages.',
+    noSubject: 'No subject',
+    markAsRead: 'Mark as read',
+    readLabel: 'Read',
+    noContactMessages: 'No contact messages found.',
+    // System tab
+    aiServiceLabel: 'AI service',
+    offlineLabel: 'Offline',
+    errorRate1h: 'Error rate (1h)',
+    failedOfTotal: '{fail} failed / {total} total',
+    aiBudgetUsed: 'AI budget used',
+    databaseSize: 'Database size',
+    paidPlanInterest: 'Paid plan interest',
+    paidPlanInterestDesc: 'Users who clicked upgrade buttons on the pricing page.',
+    totalClicksLabel: 'Total clicks',
+    uniqueUsersLabel: 'Unique users',
+    last7DaysLabel: 'Last 7 days',
+    last30DaysLabel: 'Last 30 days',
+    byPlanBilling: 'By plan & billing',
+    recentInterest: 'Recent interest',
+    userCol: 'User',
+    billingCol: 'Billing',
+    dateCol: 'Date',
+    anonymousLabel: 'Anonymous',
+    clicksSuffix: 'clicks',
+    // Buttons
+    btnFree: 'Free',
+    btnPro: 'Pro',
+    btnUser: 'User',
+    btnAdmin: 'Admin',
+  },
+  ar: {
+    // Page & header
+    pageTitle: 'لوحة الإدارة | Dociva',
+    internalOps: 'العمليات الداخلية',
+    controlRoom: 'غرفة التحكم',
+    controlRoomDesc: 'مراقبة صحة المشروع ونشاط المستخدمين وأداء الأدوات والتقييمات وحالة النظام.',
+    roleLabel: 'الدور:',
+    refresh: 'تحديث',
+    signOut: 'تسجيل الخروج',
+    // Auth
+    checkingSession: 'جارٍ التحقق من جلسة المشرف...',
+    adminSignIn: 'دخول المشرف',
+    adminSignInDesc: 'استخدم حسابًا داخليًا مصرّحًا للوصول إلى لوحة التحكم.',
+    passwordPlaceholder: 'كلمة المرور',
+    signInBtn: 'دخول كمشرف',
+    noAdminAccessMsg: 'هذا الحساب لا يملك صلاحيات المشرف.',
+    noAdminPermission: 'لا توجد صلاحية مشرف',
+    notAdminDesc: 'أنت مسجّل الدخول بـ {email}، لكن هذا الحساب لا يملك صلاحيات الإدارة.',
+    backToAccount: 'العودة للحساب',
+    // Tabs
+    tabOverview: 'نظرة عامة',
+    tabUsers: 'المستخدمون',
+    tabTools: 'تحليلات الأدوات',
+    tabRatings: 'التقييمات والمراجعات',
+    tabContacts: 'صندوق الوارد',
+    tabSystem: 'صحة النظام',
+    // Overview cards
+    totalUsers: 'إجمالي المستخدمين',
+    filesProcessed: 'الملفات المعالجة',
+    inLast24h: 'في آخر 24 ساعة',
+    proFreeCaption: '{pro} pro / {free} مجاني',
+    successRate: 'معدل النجاح',
+    failuresTracked: 'أخطاء مرصودة',
+    unreadContacts: 'رسائل غير مقروءة',
+    totalInboxItems: 'إجمالي الرسائل',
+    aiSpend: 'إنفاق الذكاء الاصطناعي',
+    ofBudget: '{pct}% من ميزانية {budget}',
+    averageRating: 'متوسط التقييم',
+    ratingsCollected: 'تقييم مجمّع',
+    upgradeClicks: 'نقرات الترقية',
+    last7dSuffix: '{clicks} في آخر 7 أيام / {unique} مستخدم فريد',
+    aiStatus: 'حالة الذكاء الاصطناعي',
+    active: 'نشط',
+    notConfigured: 'غير مهيأ',
+    modelLabel: 'النموذج: {model}',
+    checkKey: 'تحقق من OPENROUTER_API_KEY',
+    // Overview sections
+    topTools: 'أكثر الأدوات استخدامًا',
+    totalRunsSuffix: 'تشغيلة',
+    failedBadge: 'فشل',
+    recentFailures: 'الأخطاء الأخيرة',
+    unknownFile: 'ملف غير معروف',
+    processingFailed: 'فشلت المعالجة دون رسالة خطأ محددة.',
+    noToolActivity: 'لا يوجد نشاط للأدوات بعد.',
+    noRecentFailures: 'لا توجد أخطاء حديثة.',
+    latestRegistrations: 'أحدث التسجيلات',
+    emailCol: 'البريد الإلكتروني',
+    planCol: 'الخطة',
+    tasksCol: 'المهام',
+    joinedCol: 'تاريخ الانضمام',
+    // Users tab
+    newLast7d: 'جدد (7 أيام)',
+    newLast30d: 'جدد (30 يومًا)',
+    proUsers: 'مستخدمو Pro',
+    dailyReg30d: 'التسجيلات اليومية (30 يومًا)',
+    userManagement: 'إدارة المستخدمين',
+    searchEmailPlaceholder: 'بحث بالبريد الإلكتروني',
+    searchBtn: 'بحث',
+    roleCol: 'الدور',
+    apiKeysCol: 'مفاتيح API',
+    actionsCol: 'الإجراءات',
+    allowlisted: 'قائمة مسموحة',
+    tasksSummary: '{ok} ناجح / {fail} فاشل',
+    createdLabel: 'أُنشئ {date}',
+    mostActiveUsers: 'الأكثر نشاطًا',
+    totalTasksCol: 'إجمالي المهام',
+    loadingText: 'جارٍ التحميل...',
+    // Tools tab
+    toolUsageBreakdown: 'تفصيل استخدام الأدوات',
+    toolUsageDesc: 'تفاصيل الاستخدام ومعدلات النجاح وعدد المستخدمين لكل أداة.',
+    toolCol: 'الأداة',
+    totalCol: 'الإجمالي',
+    successCol: 'نجاح',
+    rateCol: 'النسبة',
+    usersCol: 'المستخدمون',
+    dailyProcessing30d: 'المعالجة اليومية (30 يومًا)',
+    completedLabel: 'مكتمل',
+    failedLabel: 'فاشل',
+    mostCommonErrors30d: 'أكثر الأخطاء شيوعًا (30 يومًا)',
+    // Ratings tab
+    ratingSummaryByTool: 'ملخص التقييمات حسب الأداة',
+    ratingsCountSuffix: 'تقييم',
+    positiveLabel: 'إيجابي',
+    negativeLabel: 'سلبي',
+    allReviews: 'جميع المراجعات',
+    reviewsFilterLabel: 'جميع المراجعات — {tool}',
+    totalRatingsLabel: '{n} تقييم إجمالي',
+    clearFilter: 'حذف الفلتر',
+    previous: 'السابق',
+    next: 'التالي',
+    pageOf: 'صفحة {p} من {total}',
+    noRatingsFound: 'لم يتم العثور على تقييمات.',
+    // Contacts tab
+    contactInbox: 'صندوق رسائل التواصل',
+    unreadOfTotal: '{unread} غير مقروء من أصل {total} رسالة.',
+    noSubject: 'بدون موضوع',
+    markAsRead: 'تعيين كمقروء',
+    readLabel: 'مقروء',
+    noContactMessages: 'لا توجد رسائل تواصل.',
+    // System tab
+    aiServiceLabel: 'خدمة الذكاء الاصطناعي',
+    offlineLabel: 'غير متاح',
+    errorRate1h: 'معدل الخطأ (ساعة)',
+    failedOfTotal: '{fail} فاشل / {total} إجمالي',
+    aiBudgetUsed: 'الميزانية المستهلكة',
+    databaseSize: 'حجم قاعدة البيانات',
+    paidPlanInterest: 'الاهتمام بالخطط المدفوعة',
+    paidPlanInterestDesc: 'المستخدمون الذين نقروا على زر الترقية في صفحة الأسعار.',
+    totalClicksLabel: 'إجمالي النقرات',
+    uniqueUsersLabel: 'مستخدمون فريدون',
+    last7DaysLabel: 'آخر 7 أيام',
+    last30DaysLabel: 'آخر 30 يومًا',
+    byPlanBilling: 'حسب الخطة والدورة',
+    recentInterest: 'الاهتمام الأخير',
+    userCol: 'المستخدم',
+    billingCol: 'الدورة',
+    dateCol: 'التاريخ',
+    anonymousLabel: 'مجهول',
+    clicksSuffix: 'نقرة',
+    // Buttons
+    btnFree: 'مجاني',
+    btnPro: 'Pro',
+    btnUser: 'مستخدم',
+    btnAdmin: 'مشرف',
+  },
+};
+
+function tr(template: string, vars: Record<string, string | number> = {}): string {
+  return Object.entries(vars).reduce(
+    (s, [k, v]) => s.replace(`{${k}}`, String(v)),
+    template,
+  );
+}
+
 function formatMoney(value: number) {
   return new Intl.NumberFormat('en-US', {
     style: 'currency',
@@ -33,6 +335,19 @@ function formatMoney(value: number) {
   }).format(value);
 }
 
+function StarDisplay({ rating }: { rating: number }) {
+  return (
+    <span className="inline-flex gap-0.5">
+      {[1, 2, 3, 4, 5].map((s) => (
+        <Star
+          key={s}
+          className={`h-3.5 w-3.5 ${s <= rating ? 'fill-amber-400 text-amber-400' : 'text-slate-300 dark:text-slate-600'}`}
+        />
+      ))}
+    </span>
+  );
+}
+
 export default function InternalAdminPage() {
   const user = useAuthStore((state) => state.user);
   const initialized = useAuthStore((state) => state.initialized);
@@ -42,11 +357,43 @@ export default function InternalAdminPage() {
 
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
+  const [activeTab, setActiveTab] = useState<AdminTab>('overview');
+
+  // Overview state
   const [overview, setOverview] = useState<InternalAdminOverview | null>(null);
+  const [systemHealth, setSystemHealth] = useState<AdminSystemHealth | null>(null);
+
+  // Users state
   const [users, setUsers] = useState<InternalAdminUser[]>([]);
-  const [contacts, setContacts] = useState<InternalAdminContact[]>([]);
-  const [contactMeta, setContactMeta] = useState({ total: 0, unread: 0, page: 1, perPage: 12 });
   const [userQuery, setUserQuery] = useState('');
+  const [userStats, setUserStats] = useState<AdminUserStats | null>(null);
+
+  // Tools state
+  const [toolAnalytics, setToolAnalytics] = useState<AdminToolAnalytics | null>(null);
+
+  // Ratings state
+  const [ratingsDetail, setRatingsDetail] = useState<AdminRatingsDetail | null>(null);
+  const [ratingsPage, setRatingsPage] = useState(1);
+  const [ratingsToolFilter, setRatingsToolFilter] = useState('');
+
+  // Contacts state
+  const [contacts, setContacts] = useState<InternalAdminContact[]>([]);
+  const [contactMeta, setContactMeta] = useState({ total: 0, unread: 0, page: 1, perPage: 20 });
+
+  // Plan interest state
+  const [planInterest, setPlanInterest] = useState<AdminPlanInterest | null>(null);
+
+  // Language
+  const [lang, setLang] = useState<Lang>(() => (localStorage.getItem('admin-lang') as Lang) ?? 'en');
+  const isRtl = lang === 'ar';
+  function t(key: string): string { return TRANSLATIONS[lang][key] ?? key; }
+  function toggleLang() {
+    const next: Lang = lang === 'en' ? 'ar' : 'en';
+    setLang(next);
+    localStorage.setItem('admin-lang', next);
+  }
+
+  // UI state
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [loginError, setLoginError] = useState<string | null>(null);
@@ -56,93 +403,79 @@ export default function InternalAdminPage() {
 
   const isAdmin = user?.role === 'admin';
 
-  const metricCards = useMemo(() => {
-    if (!overview) {
-      return [];
-    }
-
-    return [
-      {
-        key: 'users',
-        title: 'Total users',
-        value: overview.users.total.toLocaleString(),
-        caption: `${overview.users.pro} pro / ${overview.users.free} free`,
-        icon: Users,
-      },
-      {
-        key: 'processing',
-        title: 'Files processed',
-        value: overview.processing.total_files_processed.toLocaleString(),
-        caption: `${overview.processing.files_last_24h} in the last 24h`,
-        icon: BarChart3,
-      },
-      {
-        key: 'success',
-        title: 'Success rate',
-        value: `${overview.processing.success_rate}%`,
-        caption: `${overview.processing.failed_files} failures tracked`,
-        icon: ShieldCheck,
-      },
-      {
-        key: 'contacts',
-        title: 'Unread contacts',
-        value: overview.contacts.unread_messages.toLocaleString(),
-        caption: `${overview.contacts.total_messages} total inbox items`,
-        icon: Inbox,
-      },
-      {
-        key: 'ai-cost',
-        title: 'AI spend',
-        value: formatMoney(overview.ai_cost.total_usd),
-        caption: `${overview.ai_cost.percent_used}% of ${formatMoney(overview.ai_cost.budget_usd)} budget`,
-        icon: Zap,
-      },
-      {
-        key: 'ratings',
-        title: 'Average rating',
-        value: overview.ratings.average_rating.toFixed(1),
-        caption: `${overview.ratings.rating_count} ratings collected`,
-        icon: RefreshCcw,
-      },
-    ];
-  }, [overview]);
+  const tabs: { key: AdminTab; label: string; icon: typeof BarChart3 }[] = [
+    { key: 'overview', label: t('tabOverview'), icon: BarChart3 },
+    { key: 'users', label: t('tabUsers'), icon: Users },
+    { key: 'tools', label: t('tabTools'), icon: Activity },
+    { key: 'ratings', label: t('tabRatings'), icon: Star },
+    { key: 'contacts', label: t('tabContacts'), icon: Inbox },
+    { key: 'system', label: t('tabSystem'), icon: ShieldCheck },
+  ];
 
   useEffect(() => {
-    if (!isAdmin) {
-      setOverview(null);
-      setUsers([]);
-      setContacts([]);
-      return;
-    }
+    if (!isAdmin) return;
+    void loadTab(activeTab);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isAdmin, activeTab]);
 
-    void loadDashboard(userQuery);
-  }, [isAdmin]);
-
-  async function loadDashboard(query = '') {
+  async function loadTab(tab: AdminTab) {
     setLoading(true);
     setError(null);
-
     try {
-      const [overviewData, usersData, contactsData] = await Promise.all([
-        getInternalAdminOverview(),
-        listInternalAdminUsers(query),
-        getInternalAdminContacts(1, 12),
-      ]);
-
-      setOverview(overviewData);
-      setUsers(usersData);
-      setContacts(contactsData.items);
-      setContactMeta({
-        total: contactsData.total,
-        unread: contactsData.unread,
-        page: contactsData.page,
-        perPage: contactsData.per_page,
-      });
-    } catch (loadError) {
-      setError(loadError instanceof Error ? loadError.message : 'Unable to load internal admin dashboard.');
-      setOverview(null);
-      setUsers([]);
-      setContacts([]);
+      switch (tab) {
+        case 'overview': {
+          const [ov, health, pi] = await Promise.all([
+            getInternalAdminOverview(),
+            getAdminSystemHealth(),
+            getAdminPlanInterest(),
+          ]);
+          setOverview(ov);
+          setSystemHealth(health);
+          setPlanInterest(pi);
+          break;
+        }
+        case 'users': {
+          const [usersData, stats] = await Promise.all([
+            listInternalAdminUsers(userQuery),
+            getAdminUserStats(),
+          ]);
+          setUsers(usersData);
+          setUserStats(stats);
+          break;
+        }
+        case 'tools': {
+          const analytics = await getAdminToolAnalytics();
+          setToolAnalytics(analytics);
+          break;
+        }
+        case 'ratings': {
+          const ratings = await getAdminRatingsDetail(ratingsPage, 20, ratingsToolFilter);
+          setRatingsDetail(ratings);
+          break;
+        }
+        case 'contacts': {
+          const contactsData = await getInternalAdminContacts(contactMeta.page, contactMeta.perPage);
+          setContacts(contactsData.items);
+          setContactMeta({
+            total: contactsData.total,
+            unread: contactsData.unread,
+            page: contactsData.page,
+            perPage: contactsData.per_page,
+          });
+          break;
+        }
+        case 'system': {
+          const [health, pi] = await Promise.all([
+            getAdminSystemHealth(),
+            getAdminPlanInterest(),
+          ]);
+          setSystemHealth(health);
+          setPlanInterest(pi);
+          break;
+        }
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Failed to load dashboard data.');
     } finally {
       setLoading(false);
     }
@@ -152,118 +485,956 @@ export default function InternalAdminPage() {
     event.preventDefault();
     setLoginError(null);
     setError(null);
-
     try {
       const authenticatedUser = await login(email, password);
       if (authenticatedUser.role !== 'admin') {
         setLoginError('This account does not have internal admin access.');
       }
       setPassword('');
-    } catch (loginAttemptError) {
-      setLoginError(loginAttemptError instanceof Error ? loginAttemptError.message : 'Unable to sign in.');
+    } catch (e) {
+      setLoginError(e instanceof Error ? e.message : 'Unable to sign in.');
     }
   }
 
-  async function handleRefresh() {
-    if (!isAdmin) {
-      return;
-    }
-    await loadDashboard(userQuery);
-  }
-
-  async function handleSearch(event: FormEvent<HTMLFormElement>) {
-    event.preventDefault();
-    if (!isAdmin) {
-      return;
-    }
-    await loadDashboard(userQuery);
-  }
-
   async function handlePlanChange(userId: number, plan: 'free' | 'pro') {
-    if (!isAdmin) {
-      return;
-    }
-
+    if (!isAdmin) return;
     setUpdatingUserId(userId);
     setError(null);
     try {
       await updateInternalAdminUserPlan(userId, plan);
-      await loadDashboard(userQuery);
-    } catch (updateError) {
-      setError(updateError instanceof Error ? updateError.message : 'Unable to update plan.');
+      await loadTab('users');
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Unable to update plan.');
     } finally {
       setUpdatingUserId(null);
     }
   }
 
-  async function handleMarkRead(messageId: number) {
-    if (!isAdmin) {
-      return;
-    }
-
-    setMarkingMessageId(messageId);
-    setError(null);
-    try {
-      await markInternalAdminContactRead(messageId);
-      await loadDashboard(userQuery);
-    } catch (markError) {
-      setError(markError instanceof Error ? markError.message : 'Unable to update contact message.');
-    } finally {
-      setMarkingMessageId(null);
-    }
-  }
-
   async function handleRoleChange(userId: number, role: 'user' | 'admin') {
-    if (!isAdmin) {
-      return;
-    }
-
+    if (!isAdmin) return;
     setUpdatingRoleUserId(userId);
     setError(null);
     try {
       await updateInternalAdminUserRole(userId, role);
-      await loadDashboard(userQuery);
-    } catch (updateError) {
-      setError(updateError instanceof Error ? updateError.message : 'Unable to update role.');
+      await loadTab('users');
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Unable to update role.');
     } finally {
       setUpdatingRoleUserId(null);
     }
   }
 
+  async function handleMarkRead(messageId: number) {
+    if (!isAdmin) return;
+    setMarkingMessageId(messageId);
+    setError(null);
+    try {
+      await markInternalAdminContactRead(messageId);
+      await loadTab('contacts');
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Unable to update contact message.');
+    } finally {
+      setMarkingMessageId(null);
+    }
+  }
+
   async function handleLogout() {
     setError(null);
     setLoginError(null);
     await logout();
   }
 
+  // ====================== RENDER HELPERS ======================
+
+  const overviewCards = useMemo(() => {
+    if (!overview) return [];
+    return [
+      {
+        key: 'users',
+        title: t('totalUsers'),
+        value: overview.users.total.toLocaleString(),
+        caption: tr(t('proFreeCaption'), { pro: overview.users.pro, free: overview.users.free }),
+        icon: Users,
+      },
+      {
+        key: 'processing',
+        title: t('filesProcessed'),
+        value: overview.processing.total_files_processed.toLocaleString(),
+        caption: `${overview.processing.files_last_24h} ${t('inLast24h')}`,
+        icon: BarChart3,
+      },
+      {
+        key: 'success',
+        title: t('successRate'),
+        value: `${overview.processing.success_rate}%`,
+        caption: `${overview.processing.failed_files} ${t('failuresTracked')}`,
+        icon: ShieldCheck,
+      },
+      {
+        key: 'contacts',
+        title: t('unreadContacts'),
+        value: overview.contacts.unread_messages.toLocaleString(),
+        caption: `${overview.contacts.total_messages} ${t('totalInboxItems')}`,
+        icon: Inbox,
+      },
+      {
+        key: 'ai-cost',
+        title: t('aiSpend'),
+        value: formatMoney(overview.ai_cost.total_usd),
+        caption: tr(t('ofBudget'), { pct: overview.ai_cost.percent_used, budget: formatMoney(overview.ai_cost.budget_usd) }),
+        icon: Zap,
+      },
+      {
+        key: 'ratings',
+        title: t('averageRating'),
+        value: overview.ratings.average_rating.toFixed(1),
+        caption: `${overview.ratings.rating_count} ${t('ratingsCollected')}`,
+        icon: Star,
+      },
+      ...(planInterest
+        ? [
+            {
+              key: 'plan-interest',
+              title: t('upgradeClicks'),
+              value: planInterest.total_clicks.toLocaleString(),
+              caption: tr(t('last7dSuffix'), { clicks: planInterest.clicks_last_7d, unique: planInterest.unique_users }),
+              icon: DollarSign,
+            },
+          ]
+        : []),
+      ...(systemHealth
+        ? [
+            {
+              key: 'ai-status',
+              title: t('aiStatus'),
+              value: systemHealth.ai_configured ? t('active') : t('notConfigured'),
+              caption: systemHealth.ai_configured ? tr(t('modelLabel'), { model: systemHealth.ai_model }) : t('checkKey'),
+              icon: Activity,
+            },
+          ]
+        : []),
+    ];
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [overview, planInterest, systemHealth, lang]);
+
+  function renderOverviewTab() {
+    return (
+      <>
+        {/* Metric cards */}
+        <section className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
+          {overviewCards.map((card) => {
+            const Icon = card.icon;
+            return (
+              <article
+                key={card.key}
+                className="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-700 dark:bg-slate-900/70"
+              >
+                <div className="flex items-start justify-between gap-4">
+                  <div>
+                    <p className="text-sm font-medium text-slate-500 dark:text-slate-400">{card.title}</p>
+                    <p className="mt-3 text-3xl font-bold text-slate-900 dark:text-white">{card.value}</p>
+                    <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">{card.caption}</p>
+                  </div>
+                  <div className="flex h-11 w-11 items-center justify-center rounded-2xl bg-primary-100 text-primary-700 dark:bg-primary-500/15 dark:text-primary-200">
+                    <Icon className="h-5 w-5" />
+                  </div>
+                </div>
+              </article>
+            );
+          })}
+        </section>
+
+        {/* Top tools + recent failures */}
+        <section className="grid gap-6 xl:grid-cols-2">
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('topTools')}</h2>
+            <div className="mt-5 space-y-3">
+              {overview?.top_tools.length ? (
+                overview.top_tools.map((tool) => (
+                  <div key={tool.tool} className="rounded-2xl border border-slate-200 p-4 dark:border-slate-700">
+                    <div className="flex items-center justify-between gap-4">
+                      <div>
+                        <p className="font-semibold text-slate-900 dark:text-white">{tool.tool}</p>
+                        <p className="mt-1 text-sm text-slate-500 dark:text-slate-400">{tool.total_runs} {t('totalRunsSuffix')}</p>
+                      </div>
+                      <span className="rounded-full bg-rose-100 px-3 py-1 text-xs font-semibold text-rose-700 dark:bg-rose-500/10 dark:text-rose-200">
+                        {tool.failed_runs} {t('failedBadge')}
+                      </span>
+                    </div>
+                  </div>
+                ))
+              ) : (
+                <p className="text-sm text-slate-600 dark:text-slate-300">{t('noToolActivity')}</p>
+              )}
+            </div>
+          </article>
+
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('recentFailures')}</h2>
+            <div className="mt-5 space-y-3">
+              {overview?.recent_failures.length ? (
+                overview.recent_failures.map((failure) => (
+                  <div
+                    key={failure.id}
+                    className="rounded-2xl border border-rose-100 bg-rose-50/80 p-4 dark:border-rose-500/20 dark:bg-rose-500/10"
+                  >
+                    <div className="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
+                      <div>
+                        <p className="font-semibold text-slate-900 dark:text-white">{failure.tool}</p>
+                        <p className="mt-1 text-sm text-slate-600 dark:text-slate-300">
+                          {failure.original_filename || t('unknownFile')}
+                          {failure.email ? ` / ${failure.email}` : ''}
+                        </p>
+                      </div>
+                      <span className="text-xs text-slate-500 dark:text-slate-400">{failure.created_at}</span>
+                    </div>
+                    <p className="mt-3 text-sm text-rose-700 dark:text-rose-200">
+                      {typeof failure.metadata.error === 'string'
+                        ? failure.metadata.error
+                        : t('processingFailed')}
+                    </p>
+                  </div>
+                ))
+              ) : (
+                <p className="text-sm text-slate-600 dark:text-slate-300">{t('noRecentFailures')}</p>
+              )}
+            </div>
+          </article>
+        </section>
+
+        {/* Recent users */}
+        {overview?.recent_users.length ? (
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('latestRegistrations')}</h2>
+            <div className="mt-5 overflow-x-auto">
+              <table className="min-w-full divide-y divide-slate-200 text-sm dark:divide-slate-700">
+                <thead>
+                  <tr className="text-left text-slate-500 dark:text-slate-400">
+                    <th className="py-3 pe-4 font-medium">{t('emailCol')}</th>
+                    <th className="py-3 pe-4 font-medium">{t('planCol')}</th>
+                    <th className="py-3 pe-4 font-medium">{t('tasksCol')}</th>
+                    <th className="py-3 font-medium">{t('joinedCol')}</th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-slate-100 dark:divide-slate-800">
+                  {overview.recent_users.map((u) => (
+                    <tr key={u.id} className="text-slate-700 dark:text-slate-200">
+                      <td className="py-3 pe-4 font-medium">{u.email}</td>
+                      <td className="py-3 pe-4 capitalize">{u.plan}</td>
+                      <td className="py-3 pe-4">{u.total_tasks}</td>
+                      <td className="py-3 text-xs text-slate-500 dark:text-slate-400">{u.created_at}</td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </article>
+        ) : null}
+      </>
+    );
+  }
+
+  function renderUsersTab() {
+    return (
+      <>
+        {/* Registration stats */}
+        {userStats && (
+          <section className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
+            {[
+              { key: 'total', title: t('totalUsers'), value: userStats.total_users },
+              { key: 'new7', title: t('newLast7d'), value: userStats.new_last_7d },
+              { key: 'new30', title: t('newLast30d'), value: userStats.new_last_30d },
+              { key: 'pro', title: t('proUsers'), value: userStats.pro_users },
+            ].map((s) => (
+              <article
+                key={s.key}
+                className="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-700 dark:bg-slate-900/70"
+              >
+                <p className="text-sm font-medium text-slate-500 dark:text-slate-400">{s.title}</p>
+                <p className="mt-3 text-3xl font-bold text-slate-900 dark:text-white">{s.value.toLocaleString()}</p>
+              </article>
+            ))}
+          </section>
+        )}
+
+        {/* Registration chart (simple bar representation) */}
+        {userStats && userStats.daily_registrations.length > 0 && (
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('dailyReg30d')}</h2>
+            <div className="mt-5 flex items-end gap-1 overflow-x-auto" style={{ height: 120 }}>
+              {(() => {
+                const maxCount = Math.max(...userStats.daily_registrations.map((d) => d.count), 1);
+                return userStats.daily_registrations.map((d) => (
+                  <div key={d.day} className="group relative flex flex-col items-center" style={{ minWidth: 16 }}>
+                    <div
+                      className="w-3 rounded-t bg-primary-500 transition-all group-hover:bg-primary-600"
+                      style={{ height: `${Math.max((d.count / maxCount) * 100, 4)}%` }}
+                      title={`${d.day}: ${d.count}`}
+                    />
+                    <span className="mt-1 hidden text-[9px] text-slate-400 group-hover:block">{d.count}</span>
+                  </div>
+                ));
+              })()}
+            </div>
+          </article>
+        )}
+
+        {/* User management table */}
+        <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+          <div className="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('userManagement')}</h2>
+            <form
+              onSubmit={(e: FormEvent<HTMLFormElement>) => {
+                e.preventDefault();
+                void loadTab('users');
+              }}
+              className="flex w-full max-w-md items-center gap-2"
+            >
+              <div className="relative flex-1">
+                <Search className="pointer-events-none absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" />
+                <input
+                  type="search"
+                  value={userQuery}
+                  onChange={(e) => setUserQuery(e.target.value)}
+                  placeholder={t('searchEmailPlaceholder')}
+                  className="w-full rounded-2xl border border-slate-300 bg-white py-2.5 ps-10 pe-4 text-sm text-slate-900 outline-none transition focus:border-primary-500 focus:ring-2 focus:ring-primary-200 dark:border-slate-600 dark:bg-slate-950 dark:text-slate-100 dark:focus:ring-primary-500/30"
+                />
+              </div>
+              <button
+                type="submit"
+                className="rounded-2xl border border-slate-300 px-4 py-2.5 text-sm font-semibold text-slate-700 transition-colors hover:border-slate-400 hover:text-slate-900 dark:border-slate-600 dark:text-slate-200 dark:hover:border-slate-500"
+              >
+                {t('searchBtn')}
+              </button>
+            </form>
+          </div>
+
+          <div className="mt-6 overflow-x-auto">
+            <table className="min-w-full divide-y divide-slate-200 text-sm dark:divide-slate-700">
+              <thead>
+                <tr className="text-left text-slate-500 dark:text-slate-400">
+                  <th className="py-3 pe-4 font-medium">{t('emailCol')}</th>
+                  <th className="py-3 pe-4 font-medium">{t('roleCol')}</th>
+                  <th className="py-3 pe-4 font-medium">{t('planCol')}</th>
+                  <th className="py-3 pe-4 font-medium">{t('tasksCol')}</th>
+                  <th className="py-3 pe-4 font-medium">{t('apiKeysCol')}</th>
+                  <th className="py-3 font-medium">{t('actionsCol')}</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-slate-100 dark:divide-slate-800">
+                {users.map((u) => (
+                  <tr key={u.id} className="text-slate-700 dark:text-slate-200">
+                    <td className="py-4 pe-4">
+                      <div className="font-semibold text-slate-900 dark:text-white">{u.email}</div>
+                      <div className="mt-1 text-xs text-slate-500 dark:text-slate-400">{tr(t('createdLabel'), { date: u.created_at })}</div>
+                    </td>
+                    <td className="py-4 pe-4">
+                      <div className="flex flex-col gap-1">
+                        <span className="capitalize">{u.role}</span>
+                        {u.is_allowlisted_admin && (
+                          <span className="text-xs text-primary-700 dark:text-primary-300">{t('allowlisted')}</span>
+                        )}
+                      </div>
+                    </td>
+                    <td className="py-4 pe-4 capitalize">{u.plan}</td>
+                    <td className="py-4 pe-4">{tr(t('tasksSummary'), { ok: u.completed_tasks, fail: u.failed_tasks })}</td>
+                    <td className="py-4 pe-4">{u.active_api_keys}</td>
+                    <td className="py-4">
+                      <div className="flex flex-wrap gap-2">
+                        <button
+                          type="button"
+                          disabled={updatingUserId === u.id || u.plan === 'free'}
+                          onClick={() => void handlePlanChange(u.id, 'free')}
+                          className="rounded-full border border-slate-300 px-3 py-1.5 text-xs font-semibold text-slate-700 transition-colors hover:border-slate-400 disabled:cursor-not-allowed disabled:opacity-50 dark:border-slate-600 dark:text-slate-200"
+                        >
+                          {t('btnFree')}
+                        </button>
+                        <button
+                          type="button"
+                          disabled={updatingUserId === u.id || u.plan === 'pro'}
+                          onClick={() => void handlePlanChange(u.id, 'pro')}
+                          className="rounded-full bg-primary-600 px-3 py-1.5 text-xs font-semibold text-white transition-colors hover:bg-primary-700 disabled:cursor-not-allowed disabled:opacity-50"
+                        >
+                          {t('btnPro')}
+                        </button>
+                        <button
+                          type="button"
+                          disabled={u.is_allowlisted_admin || updatingRoleUserId === u.id || u.role === 'user'}
+                          onClick={() => void handleRoleChange(u.id, 'user')}
+                          className="rounded-full border border-slate-300 px-3 py-1.5 text-xs font-semibold text-slate-700 transition-colors hover:border-slate-400 disabled:cursor-not-allowed disabled:opacity-50 dark:border-slate-600 dark:text-slate-200"
+                        >
+                          {t('btnUser')}
+                        </button>
+                        <button
+                          type="button"
+                          disabled={u.is_allowlisted_admin || updatingRoleUserId === u.id || u.role === 'admin'}
+                          onClick={() => void handleRoleChange(u.id, 'admin')}
+                          className="rounded-full bg-slate-900 px-3 py-1.5 text-xs font-semibold text-white transition-colors hover:bg-slate-800 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200"
+                        >
+                          {t('btnAdmin')}
+                        </button>
+                      </div>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </article>
+
+        {/* Most active users */}
+        {userStats && userStats.most_active_users.length > 0 && (
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('mostActiveUsers')}</h2>
+            <div className="mt-5 overflow-x-auto">
+              <table className="min-w-full divide-y divide-slate-200 text-sm dark:divide-slate-700">
+                <thead>
+                  <tr className="text-left text-slate-500 dark:text-slate-400">
+                    <th className="py-3 pe-4 font-medium">{t('emailCol')}</th>
+                    <th className="py-3 pe-4 font-medium">{t('planCol')}</th>
+                    <th className="py-3 pe-4 font-medium">{t('totalTasksCol')}</th>
+                    <th className="py-3 font-medium">{t('joinedCol')}</th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-slate-100 dark:divide-slate-800">
+                  {userStats.most_active_users.map((u) => (
+                    <tr key={u.id} className="text-slate-700 dark:text-slate-200">
+                      <td className="py-3 pe-4 font-medium">{u.email}</td>
+                      <td className="py-3 pe-4 capitalize">{u.plan}</td>
+                      <td className="py-3 pe-4 font-semibold">{u.total_tasks.toLocaleString()}</td>
+                      <td className="py-3 text-xs text-slate-500 dark:text-slate-400">{u.created_at}</td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </article>
+        )}
+      </>
+    );
+  }
+
+  function renderToolsTab() {
+    if (!toolAnalytics) return <p className="text-sm text-slate-600 dark:text-slate-300">{t('loadingText')}</p>;
+    return (
+      <>
+        {/* Per-tool analytics */}
+        <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+          <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('toolUsageBreakdown')}</h2>
+          <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">{t('toolUsageDesc')}</p>
+          <div className="mt-5 overflow-x-auto">
+            <table className="min-w-full divide-y divide-slate-200 text-sm dark:divide-slate-700">
+              <thead>
+                <tr className="text-left text-slate-500 dark:text-slate-400">
+                  <th className="py-3 pe-3 font-medium">{t('toolCol')}</th>
+                  <th className="py-3 pe-3 font-medium">{t('totalCol')}</th>
+                  <th className="py-3 pe-3 font-medium">{t('successCol')}</th>
+                  <th className="py-3 pe-3 font-medium">{t('rateCol')}</th>
+                  <th className="py-3 pe-3 font-medium">24h</th>
+                  <th className="py-3 pe-3 font-medium">7d</th>
+                  <th className="py-3 pe-3 font-medium">30d</th>
+                  <th className="py-3 font-medium">{t('usersCol')}</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-slate-100 dark:divide-slate-800">
+                {toolAnalytics.tools.map((t_) => (
+                  <tr key={t_.tool} className="text-slate-700 dark:text-slate-200">
+                    <td className="py-3 pe-3 font-semibold text-slate-900 dark:text-white">{t_.tool}</td>
+                    <td className="py-3 pe-3">{t_.total_runs.toLocaleString()}</td>
+                    <td className="py-3 pe-3">
+                      <span className="text-emerald-600 dark:text-emerald-400">{t_.completed.toLocaleString()}</span>
+                      {' / '}
+                      <span className="text-rose-600 dark:text-rose-400">{t_.failed.toLocaleString()}</span>
+                    </td>
+                    <td className="py-3 pe-3">
+                      <span
+                        className={`inline-block rounded-full px-2 py-0.5 text-xs font-semibold ${
+                          t_.success_rate >= 90
+                            ? 'bg-emerald-100 text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300'
+                            : t_.success_rate >= 70
+                              ? 'bg-amber-100 text-amber-700 dark:bg-amber-500/10 dark:text-amber-300'
+                              : 'bg-rose-100 text-rose-700 dark:bg-rose-500/10 dark:text-rose-300'
+                        }`}
+                      >
+                        {t_.success_rate}%
+                      </span>
+                    </td>
+                    <td className="py-3 pe-3">{t_.runs_24h}</td>
+                    <td className="py-3 pe-3">{t_.runs_7d}</td>
+                    <td className="py-3 pe-3">{t_.runs_30d}</td>
+                    <td className="py-3">{t_.unique_users}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </article>
+
+        {/* Daily usage chart */}
+        {toolAnalytics.daily_usage.length > 0 && (
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('dailyProcessing30d')}</h2>
+            <div className="mt-5 flex items-end gap-1 overflow-x-auto" style={{ height: 140 }}>
+              {(() => {
+                const maxVal = Math.max(...toolAnalytics.daily_usage.map((d) => d.total), 1);
+                return toolAnalytics.daily_usage.map((d) => (
+                  <div key={d.day} className="group relative flex flex-col items-center" style={{ minWidth: 18 }}>
+                    <div className="flex w-4 flex-col rounded-t overflow-hidden" style={{ height: `${Math.max((d.total / maxVal) * 120, 4)}px` }}>
+                      <div className="bg-emerald-500" style={{ flex: d.completed }} />
+                      <div className="bg-rose-500" style={{ flex: d.failed || 0.001 }} />
+                    </div>
+                    <span className="mt-1 hidden text-[9px] text-slate-400 group-hover:block">{d.total}</span>
+                  </div>
+                ));
+              })()}
+            </div>
+            <div className="mt-3 flex items-center gap-4 text-xs text-slate-500 dark:text-slate-400">
+              <span className="flex items-center gap-1">
+                <span className="h-2 w-2 rounded-full bg-emerald-500" /> {t('completedLabel')}
+              </span>
+              <span className="flex items-center gap-1">
+                <span className="h-2 w-2 rounded-full bg-rose-500" /> {t('failedLabel')}
+              </span>
+            </div>
+          </article>
+        )}
+
+        {/* Common errors */}
+        {toolAnalytics.common_errors.length > 0 && (
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('mostCommonErrors30d')}</h2>
+            <div className="mt-5 space-y-3">
+              {toolAnalytics.common_errors.map((err, i) => (
+                <div
+                  key={i}
+                  className="rounded-2xl border border-rose-100 bg-rose-50/80 p-4 dark:border-rose-500/20 dark:bg-rose-500/10"
+                >
+                  <div className="flex items-center justify-between gap-4">
+                    <div>
+                      <p className="font-semibold text-slate-900 dark:text-white">{err.tool}</p>
+                      <p className="mt-1 text-sm text-rose-700 dark:text-rose-200">{err.error}</p>
+                    </div>
+                    <span className="rounded-full bg-rose-200 px-3 py-1 text-xs font-bold text-rose-800 dark:bg-rose-500/20 dark:text-rose-200">
+                      {err.occurrences}x
+                    </span>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </article>
+        )}
+      </>
+    );
+  }
+
+  function renderRatingsTab() {
+    return (
+      <>
+        {/* Per-tool summaries */}
+        {ratingsDetail && ratingsDetail.tool_summaries.length > 0 && (
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('ratingSummaryByTool')}</h2>
+            <div className="mt-5 grid gap-3 md:grid-cols-2 xl:grid-cols-3">
+              {ratingsDetail.tool_summaries.map((ts) => (
+                <div
+                  key={ts.tool}
+                  className={`cursor-pointer rounded-2xl border p-4 transition-colors ${
+                    ratingsToolFilter === ts.tool
+                      ? 'border-primary-500 bg-primary-50 dark:border-primary-400 dark:bg-primary-500/10'
+                      : 'border-slate-200 hover:border-slate-300 dark:border-slate-700 dark:hover:border-slate-600'
+                  }`}
+                  onClick={() => {
+                    setRatingsToolFilter(ratingsToolFilter === ts.tool ? '' : ts.tool);
+                    setRatingsPage(1);
+                    void getAdminRatingsDetail(1, 20, ratingsToolFilter === ts.tool ? '' : ts.tool).then(setRatingsDetail);
+                  }}
+                >
+                  <div className="flex items-center justify-between gap-3">
+                    <div>
+                      <p className="font-semibold text-slate-900 dark:text-white">{ts.tool}</p>
+                      <p className="mt-1 text-sm text-slate-500 dark:text-slate-400">{ts.count} {t('ratingsCountSuffix')}</p>
+                    </div>
+                    <div className="text-right">
+                      <p className="text-2xl font-bold text-slate-900 dark:text-white">{ts.average}</p>
+                      <div className="mt-1 flex gap-2 text-xs">
+                        <span className="text-emerald-600 dark:text-emerald-400">{ts.positive} {t('positiveLabel')}</span>
+                        <span className="text-rose-600 dark:text-rose-400">{ts.negative} {t('negativeLabel')}</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </article>
+        )}
+
+        {/* Individual ratings */}
+        <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+          <div className="flex items-center justify-between gap-4">
+            <div>
+              <h2 className="text-xl font-bold text-slate-900 dark:text-white">
+                {ratingsToolFilter ? tr(t('reviewsFilterLabel'), { tool: ratingsToolFilter }) : t('allReviews')}
+              </h2>
+              <p className="mt-1 text-sm text-slate-600 dark:text-slate-300">
+                {tr(t('totalRatingsLabel'), { n: ratingsDetail?.total ?? 0 })}
+                {ratingsToolFilter && (
+                  <button
+                    type="button"
+                    onClick={() => {
+                      setRatingsToolFilter('');
+                      setRatingsPage(1);
+                      void getAdminRatingsDetail(1, 20, '').then(setRatingsDetail);
+                    }}
+                    className="ms-2 text-primary-600 hover:underline dark:text-primary-400"
+                  >
+                    {t('clearFilter')}
+                  </button>
+                )}
+              </p>
+            </div>
+          </div>
+
+          <div className="mt-5 space-y-3">
+            {ratingsDetail?.items.length ? (
+              ratingsDetail.items.map((r) => (
+                <div key={r.id} className="rounded-2xl border border-slate-200 p-4 dark:border-slate-700">
+                  <div className="flex items-start justify-between gap-4">
+                    <div>
+                      <div className="flex items-center gap-3">
+                        <span className="font-semibold text-slate-900 dark:text-white">{r.tool}</span>
+                        <StarDisplay rating={r.rating} />
+                      </div>
+                      {r.feedback && (
+                        <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">
+                          <MessageSquare className="me-1 inline h-3.5 w-3.5" />
+                          {r.feedback}
+                        </p>
+                      )}
+                      {r.tag && (
+                        <span className="mt-2 inline-block rounded-full bg-slate-100 px-2 py-0.5 text-xs text-slate-600 dark:bg-slate-700 dark:text-slate-300">
+                          {r.tag}
+                        </span>
+                      )}
+                    </div>
+                    <span className="text-xs text-slate-500 dark:text-slate-400">{r.created_at}</span>
+                  </div>
+                </div>
+              ))
+            ) : (
+              <p className="text-sm text-slate-600 dark:text-slate-300">{t('noRatingsFound')}</p>
+            )}
+          </div>
+
+          {/* Pagination */}
+          {ratingsDetail && ratingsDetail.total > ratingsDetail.per_page && (
+            <div className="mt-5 flex items-center justify-center gap-3">
+              <button
+                type="button"
+                disabled={ratingsPage <= 1}
+                onClick={() => {
+                  const p = ratingsPage - 1;
+                  setRatingsPage(p);
+                  void getAdminRatingsDetail(p, 20, ratingsToolFilter).then(setRatingsDetail);
+                }}
+                className="rounded-full border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700 disabled:opacity-50 dark:border-slate-600 dark:text-slate-200"
+              >
+                {t('previous')}
+              </button>
+              <span className="text-sm text-slate-600 dark:text-slate-300">
+                {tr(t('pageOf'), { p: ratingsPage, total: Math.ceil(ratingsDetail.total / ratingsDetail.per_page) })}
+              </span>
+              <button
+                type="button"
+                disabled={ratingsPage >= Math.ceil(ratingsDetail.total / ratingsDetail.per_page)}
+                onClick={() => {
+                  const p = ratingsPage + 1;
+                  setRatingsPage(p);
+                  void getAdminRatingsDetail(p, 20, ratingsToolFilter).then(setRatingsDetail);
+                }}
+                className="rounded-full border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700 disabled:opacity-50 dark:border-slate-600 dark:text-slate-200"
+              >
+                {t('next')}
+              </button>
+            </div>
+          )}
+        </article>
+      </>
+    );
+  }
+
+  function renderContactsTab() {
+    return (
+      <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+        <div className="flex items-start justify-between gap-4">
+          <div>
+            <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('contactInbox')}</h2>
+            <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">
+              {tr(t('unreadOfTotal'), { unread: contactMeta.unread, total: contactMeta.total })}
+            </p>
+          </div>
+        </div>
+
+        <div className="mt-5 space-y-3">
+          {contacts.length ? (
+            contacts.map((c) => (
+              <div key={c.id} className="rounded-2xl border border-slate-200 p-4 dark:border-slate-700">
+                <div className="flex items-start justify-between gap-4">
+                  <div>
+                    <p className="font-semibold text-slate-900 dark:text-white">{c.subject || t('noSubject')}</p>
+                    <p className="mt-1 text-sm text-slate-500 dark:text-slate-400">
+                      {c.name} / {c.email} / {c.category}
+                    </p>
+                  </div>
+                  <span className="text-xs text-slate-500 dark:text-slate-400">{c.created_at}</span>
+                </div>
+                <p className="mt-3 text-sm leading-6 text-slate-600 dark:text-slate-300">{c.message}</p>
+                {!c.is_read ? (
+                  <button
+                    type="button"
+                    disabled={markingMessageId === c.id}
+                    onClick={() => void handleMarkRead(c.id)}
+                    className="mt-4 rounded-full bg-slate-900 px-4 py-2 text-xs font-semibold text-white transition-colors hover:bg-slate-800 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200"
+                  >
+                    {t('markAsRead')}
+                  </button>
+                ) : (
+                  <span className="mt-4 inline-flex rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-200">
+                    {t('readLabel')}
+                  </span>
+                )}
+              </div>
+            ))
+          ) : (
+            <p className="text-sm text-slate-600 dark:text-slate-300">{t('noContactMessages')}</p>
+          )}
+        </div>
+
+        {/* Contact pagination */}
+        {contactMeta.total > contactMeta.perPage && (
+          <div className="mt-5 flex items-center justify-center gap-3">
+            <button
+              type="button"
+              disabled={contactMeta.page <= 1}
+              onClick={() => {
+                setContactMeta((prev) => ({ ...prev, page: prev.page - 1 }));
+                void loadTab('contacts');
+              }}
+              className="rounded-full border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700 disabled:opacity-50 dark:border-slate-600 dark:text-slate-200"
+            >
+              {t('previous')}
+            </button>
+            <span className="text-sm text-slate-600 dark:text-slate-300">
+              {tr(t('pageOf'), { p: contactMeta.page, total: Math.ceil(contactMeta.total / contactMeta.perPage) })}
+            </span>
+            <button
+              type="button"
+              disabled={contactMeta.page >= Math.ceil(contactMeta.total / contactMeta.perPage)}
+              onClick={() => {
+                setContactMeta((prev) => ({ ...prev, page: prev.page + 1 }));
+                void loadTab('contacts');
+              }}
+              className="rounded-full border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700 disabled:opacity-50 dark:border-slate-600 dark:text-slate-200"
+            >
+              {t('next')}
+            </button>
+          </div>
+        )}
+      </article>
+    );
+  }
+
+  function renderSystemTab() {
+    return (
+      <>
+        {/* System health cards */}
+        {systemHealth && (
+          <section className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
+            <article className="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+              <div className="flex items-start justify-between gap-3">
+                <div>
+                  <p className="text-sm font-medium text-slate-500 dark:text-slate-400">{t('aiServiceLabel')}</p>
+                  <p className={`mt-3 text-2xl font-bold ${systemHealth.ai_configured ? 'text-emerald-600 dark:text-emerald-400' : 'text-rose-600 dark:text-rose-400'}`}>
+                    {systemHealth.ai_configured ? t('active') : t('offlineLabel')}
+                  </p>
+                  <p className="mt-2 text-xs text-slate-500 dark:text-slate-400">{systemHealth.ai_model}</p>
+                </div>
+                <Activity className="h-5 w-5 text-slate-400" />
+              </div>
+            </article>
+
+            <article className="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+              <div className="flex items-start justify-between gap-3">
+                <div>
+                  <p className="text-sm font-medium text-slate-500 dark:text-slate-400">{t('errorRate1h')}</p>
+                  <p className={`mt-3 text-2xl font-bold ${systemHealth.error_rate_1h > 20 ? 'text-rose-600' : systemHealth.error_rate_1h > 5 ? 'text-amber-600' : 'text-emerald-600'}`}>
+                    {systemHealth.error_rate_1h}%
+                  </p>
+                  <p className="mt-2 text-xs text-slate-500 dark:text-slate-400">
+                    {tr(t('failedOfTotal'), { fail: systemHealth.failures_last_1h, total: systemHealth.tasks_last_1h })}
+                  </p>
+                </div>
+                <AlertTriangle className="h-5 w-5 text-slate-400" />
+              </div>
+            </article>
+
+            <article className="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+              <div className="flex items-start justify-between gap-3">
+                <div>
+                  <p className="text-sm font-medium text-slate-500 dark:text-slate-400">{t('aiBudgetUsed')}</p>
+                  <p className={`mt-3 text-2xl font-bold ${systemHealth.ai_budget_used_percent > 80 ? 'text-rose-600' : 'text-slate-900 dark:text-white'}`}>
+                    {systemHealth.ai_budget_used_percent}%
+                  </p>
+                </div>
+                <DollarSign className="h-5 w-5 text-slate-400" />
+              </div>
+            </article>
+
+            <article className="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+              <div className="flex items-start justify-between gap-3">
+                <div>
+                  <p className="text-sm font-medium text-slate-500 dark:text-slate-400">{t('databaseSize')}</p>
+                  <p className="mt-3 text-2xl font-bold text-slate-900 dark:text-white">{systemHealth.database_size_mb} MB</p>
+                </div>
+                <Database className="h-5 w-5 text-slate-400" />
+              </div>
+            </article>
+          </section>
+        )}
+
+        {/* Plan interest */}
+        {planInterest && (
+          <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            <div className="flex items-start gap-3">
+              <Heart className="mt-1 h-5 w-5 text-primary-500" />
+              <div>
+                <h2 className="text-xl font-bold text-slate-900 dark:text-white">{t('paidPlanInterest')}</h2>
+                <p className="mt-1 text-sm text-slate-600 dark:text-slate-300">{t('paidPlanInterestDesc')}</p>
+              </div>
+            </div>
+
+            <div className="mt-5 grid gap-4 md:grid-cols-4">
+              {[
+                { label: t('totalClicksLabel'), value: planInterest.total_clicks },
+                { label: t('uniqueUsersLabel'), value: planInterest.unique_users },
+                { label: t('last7DaysLabel'), value: planInterest.clicks_last_7d },
+                { label: t('last30DaysLabel'), value: planInterest.clicks_last_30d },
+              ].map((s) => (
+                <div key={s.label} className="rounded-2xl border border-slate-200 p-4 text-center dark:border-slate-700">
+                  <p className="text-2xl font-bold text-slate-900 dark:text-white">{s.value.toLocaleString()}</p>
+                  <p className="mt-1 text-sm text-slate-500 dark:text-slate-400">{s.label}</p>
+                </div>
+              ))}
+            </div>
+
+            {planInterest.by_plan.length > 0 && (
+              <div className="mt-5">
+                <h3 className="text-sm font-semibold text-slate-700 dark:text-slate-300">{t('byPlanBilling')}</h3>
+                <div className="mt-3 flex flex-wrap gap-3">
+                  {planInterest.by_plan.map((bp, i) => (
+                    <span
+                      key={i}
+                      className="rounded-full border border-primary-200 bg-primary-50 px-4 py-2 text-sm font-medium text-primary-700 dark:border-primary-500/30 dark:bg-primary-500/10 dark:text-primary-200"
+                    >
+                      {bp.plan} ({bp.billing}): {bp.clicks} {t('clicksSuffix')}
+                    </span>
+                  ))}
+                </div>
+              </div>
+            )}
+
+            {planInterest.recent.length > 0 && (
+              <div className="mt-5">
+                <h3 className="text-sm font-semibold text-slate-700 dark:text-slate-300">{t('recentInterest')}</h3>
+                <div className="mt-3 overflow-x-auto">
+                  <table className="min-w-full divide-y divide-slate-200 text-sm dark:divide-slate-700">
+                    <thead>
+                      <tr className="text-left text-slate-500 dark:text-slate-400">
+                        <th className="py-2 pe-3 font-medium">{t('userCol')}</th>
+                        <th className="py-2 pe-3 font-medium">{t('planCol')}</th>
+                        <th className="py-2 pe-3 font-medium">{t('billingCol')}</th>
+                        <th className="py-2 font-medium">{t('dateCol')}</th>
+                      </tr>
+                    </thead>
+                    <tbody className="divide-y divide-slate-100 dark:divide-slate-800">
+                      {planInterest.recent.map((r) => (
+                        <tr key={r.id} className="text-slate-700 dark:text-slate-200">
+                          <td className="py-2 pe-3">{r.email ?? t('anonymousLabel')}</td>
+                          <td className="py-2 pe-3 capitalize">{r.plan}</td>
+                          <td className="py-2 pe-3 capitalize">{r.billing}</td>
+                          <td className="py-2 text-xs text-slate-500 dark:text-slate-400">{r.created_at}</td>
+                        </tr>
+                      ))}
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            )}
+          </article>
+        )}
+      </>
+    );
+  }
+
+  // ====================== MAIN RENDER ======================
+
   return (
-    <div className="mx-auto max-w-7xl space-y-8">
+    <div dir={isRtl ? 'rtl' : 'ltr'} lang={lang} className="mx-auto max-w-7xl space-y-6">
       <Helmet>
-        <title>Internal Admin | Dociva</title>
+        <title>{t('pageTitle')}</title>
         <meta name="robots" content="noindex,nofollow" />
       </Helmet>
 
+      {/* Header */}
       <section className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
         <div className="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
           <div>
             <p className="text-sm font-semibold uppercase tracking-[0.2em] text-primary-600 dark:text-primary-300">
-              Internal operations
+              {t('internalOps')}
             </p>
-            <h1 className="mt-2 text-3xl font-bold text-slate-900 dark:text-white">
-              Admin control room
-            </h1>
+            <h1 className="mt-2 text-3xl font-bold text-slate-900 dark:text-white">{t('controlRoom')}</h1>
             <p className="mt-3 max-w-3xl text-sm leading-6 text-slate-600 dark:text-slate-300">
-              This area now uses the normal app session plus admin permissions. Only signed-in allowlisted admins can
-              inspect operations, edit plans, and process the support inbox.
+              {t('controlRoomDesc')}
             </p>
           </div>
 
-          {user ? (
-            <div className="flex flex-col items-start gap-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm dark:border-slate-700 dark:bg-slate-950/50">
-              <span className="font-semibold text-slate-900 dark:text-white">{user.email}</span>
-              <span className="text-slate-600 dark:text-slate-300">Role: {user.role}</span>
-            </div>
-          ) : null}
+          <div className="flex items-center gap-3">
+            {/* Language toggle */}
+            <button
+              type="button"
+              onClick={toggleLang}
+              className="inline-flex items-center gap-2 rounded-full border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700 transition-colors hover:border-slate-400 dark:border-slate-600 dark:text-slate-200"
+            >
+              <Globe className="h-4 w-4" />
+              {lang === 'en' ? 'العربية' : 'English'}
+            </button>
+
+            {user && (
+              <div className="flex flex-col items-end gap-1 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm dark:border-slate-700 dark:bg-slate-950/50">
+                <span className="font-semibold text-slate-900 dark:text-white">{user.email}</span>
+                <span className="text-slate-600 dark:text-slate-300">{t('roleLabel')} {user.role}</span>
+              </div>
+            )}
+            {isAdmin && (
+              <div className="flex gap-2">
+                <button
+                  type="button"
+                  onClick={() => void loadTab(activeTab)}
+                  className="inline-flex items-center gap-2 rounded-full border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700 transition-colors hover:border-slate-400 dark:border-slate-600 dark:text-slate-200"
+                >
+                  <RefreshCcw className={`h-4 w-4${loading ? ' animate-spin' : ''}`} />
+                  {t('refresh')}
+                </button>
+                <button
+                  type="button"
+                  onClick={() => void handleLogout()}
+                  className="inline-flex items-center gap-2 rounded-full bg-slate-900 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-slate-800 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200"
+                >
+                  <LogOut className="h-4 w-4" />
+                  {t('signOut')}
+                </button>
+              </div>
+            )}
+          </div>
         </div>
       </section>
 
@@ -274,26 +1445,25 @@ export default function InternalAdminPage() {
         </div>
       )}
 
+      {/* Auth state */}
       {!initialized || authLoading ? (
         <section className="rounded-3xl border border-slate-200 bg-white p-8 text-sm text-slate-600 shadow-sm dark:border-slate-700 dark:bg-slate-900/70 dark:text-slate-300">
-          Checking admin session...
+          {t('checkingSession')}
         </section>
       ) : !user ? (
         <section className="rounded-3xl border border-slate-200 bg-white p-8 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
           <div className="max-w-lg">
-            <h2 className="text-2xl font-bold text-slate-900 dark:text-white">Admin sign in</h2>
+            <h2 className="text-2xl font-bold text-slate-900 dark:text-white">{t('adminSignIn')}</h2>
             <p className="mt-3 text-sm leading-6 text-slate-600 dark:text-slate-300">
-              Use an allowlisted internal account to start a normal authenticated session. Admin access is decided by
-              server-side permissions, not a client-side secret.
+              {t('adminSignInDesc')}
             </p>
           </div>
-
           <form onSubmit={handleLogin} className="mt-6 grid gap-4 md:max-w-xl">
             <input
               type="email"
               autoComplete="email"
               value={email}
-              onChange={(event) => setEmail(event.target.value)}
+              onChange={(e) => setEmail(e.target.value)}
               placeholder="admin@example.com"
               className="rounded-2xl border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 shadow-sm outline-none transition focus:border-primary-500 focus:ring-2 focus:ring-primary-200 dark:border-slate-600 dark:bg-slate-950 dark:text-slate-100 dark:focus:ring-primary-500/30"
             />
@@ -301,8 +1471,8 @@ export default function InternalAdminPage() {
               type="password"
               autoComplete="current-password"
               value={password}
-              onChange={(event) => setPassword(event.target.value)}
-              placeholder="Password"
+              onChange={(e) => setPassword(e.target.value)}
+              placeholder={t('passwordPlaceholder')}
               className="rounded-2xl border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 shadow-sm outline-none transition focus:border-primary-500 focus:ring-2 focus:ring-primary-200 dark:border-slate-600 dark:bg-slate-950 dark:text-slate-100 dark:focus:ring-primary-500/30"
             />
             {loginError && (
@@ -314,23 +1484,22 @@ export default function InternalAdminPage() {
               type="submit"
               className="rounded-2xl bg-primary-600 px-5 py-3 text-sm font-semibold text-white transition-colors hover:bg-primary-700"
             >
-              Sign in as admin
+              {t('signInBtn')}
             </button>
           </form>
         </section>
       ) : !isAdmin ? (
         <section className="rounded-3xl border border-amber-200 bg-amber-50 p-8 shadow-sm dark:border-amber-500/30 dark:bg-amber-500/10">
-          <h2 className="text-2xl font-bold text-slate-900 dark:text-white">No admin permission</h2>
+          <h2 className="text-2xl font-bold text-slate-900 dark:text-white">{t('noAdminPermission')}</h2>
           <p className="mt-3 max-w-2xl text-sm leading-6 text-slate-700 dark:text-slate-300">
-            You are signed in as {user.email}, but this account is not in the internal admin allowlist and does not
-            carry the admin role.
+            {tr(t('notAdminDesc'), { email: user.email })}
           </p>
           <div className="mt-5 flex flex-wrap gap-3">
             <Link
               to="/account"
-              className="rounded-2xl border border-slate-300 px-4 py-2.5 text-sm font-semibold text-slate-700 transition-colors hover:border-slate-400 hover:text-slate-900 dark:border-slate-600 dark:text-slate-200 dark:hover:border-slate-500"
+              className="rounded-2xl border border-slate-300 px-4 py-2.5 text-sm font-semibold text-slate-700 transition-colors hover:border-slate-400 dark:border-slate-600 dark:text-slate-200"
             >
-              Back to account
+              {t('backToAccount')}
             </Link>
             <button
               type="button"
@@ -338,256 +1507,46 @@ export default function InternalAdminPage() {
               className="inline-flex items-center gap-2 rounded-2xl bg-slate-900 px-4 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-slate-800 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200"
             >
               <LogOut className="h-4 w-4" />
-              Sign out
+              {t('signOut')}
             </button>
           </div>
         </section>
       ) : (
         <>
-          <section className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
-            {metricCards.map((card) => {
-              const Icon = card.icon;
-
+          {/* Tab navigation */}
+          <nav className="flex flex-wrap gap-2 rounded-2xl border border-slate-200 bg-white p-2 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+            {tabs.map((tab) => {
+              const Icon = tab.icon;
               return (
-                <article
-                  key={card.key}
-                  className="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-700 dark:bg-slate-900/70"
+                <button
+                  key={tab.key}
+                  type="button"
+                  onClick={() => setActiveTab(tab.key)}
+                  className={`inline-flex items-center gap-2 rounded-xl px-4 py-2.5 text-sm font-semibold transition-colors ${
+                    activeTab === tab.key
+                      ? 'bg-primary-600 text-white'
+                      : 'text-slate-600 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800'
+                  }`}
                 >
-                  <div className="flex items-start justify-between gap-4">
-                    <div>
-                      <p className="text-sm font-medium text-slate-500 dark:text-slate-400">{card.title}</p>
-                      <p className="mt-3 text-3xl font-bold text-slate-900 dark:text-white">{card.value}</p>
-                      <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">{card.caption}</p>
-                    </div>
-                    <div className="flex h-11 w-11 items-center justify-center rounded-2xl bg-primary-100 text-primary-700 dark:bg-primary-500/15 dark:text-primary-200">
-                      <Icon className="h-5 w-5" />
-                    </div>
-                  </div>
-                </article>
+                  <Icon className="h-4 w-4" />
+                  {tab.label}
+                </button>
               );
             })}
-          </section>
+          </nav>
 
-          <section className="grid gap-6 xl:grid-cols-[1.3fr_0.9fr]">
-            <div className="space-y-6">
-              <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
-                <div className="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
-                  <div>
-                    <h2 className="text-xl font-bold text-slate-900 dark:text-white">Users and monetization</h2>
-                    <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">
-                      Review plan mix, API adoption, and failed task concentration before support tickets pile up.
-                    </p>
-                  </div>
-                  <form onSubmit={handleSearch} className="flex w-full max-w-md items-center gap-2">
-                    <div className="relative flex-1">
-                      <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" />
-                      <input
-                        type="search"
-                        value={userQuery}
-                        onChange={(event) => setUserQuery(event.target.value)}
-                        placeholder="Search user email"
-                        className="w-full rounded-2xl border border-slate-300 bg-white py-2.5 pl-10 pr-4 text-sm text-slate-900 outline-none transition focus:border-primary-500 focus:ring-2 focus:ring-primary-200 dark:border-slate-600 dark:bg-slate-950 dark:text-slate-100 dark:focus:ring-primary-500/30"
-                      />
-                    </div>
-                    <button
-                      type="submit"
-                      className="rounded-2xl border border-slate-300 px-4 py-2.5 text-sm font-semibold text-slate-700 transition-colors hover:border-slate-400 hover:text-slate-900 dark:border-slate-600 dark:text-slate-200 dark:hover:border-slate-500"
-                    >
-                      Search
-                    </button>
-                  </form>
-                </div>
-
-                <div className="mt-6 overflow-x-auto">
-                  <table className="min-w-full divide-y divide-slate-200 text-sm dark:divide-slate-700">
-                    <thead>
-                      <tr className="text-left text-slate-500 dark:text-slate-400">
-                        <th className="py-3 pe-4 font-medium">User</th>
-                        <th className="py-3 pe-4 font-medium">Role</th>
-                        <th className="py-3 pe-4 font-medium">Plan</th>
-                        <th className="py-3 pe-4 font-medium">Tasks</th>
-                        <th className="py-3 pe-4 font-medium">API keys</th>
-                        <th className="py-3 font-medium">Action</th>
-                      </tr>
-                    </thead>
-                    <tbody className="divide-y divide-slate-100 dark:divide-slate-800">
-                      {users.map((user) => (
-                        <tr key={user.id} className="text-slate-700 dark:text-slate-200">
-                          <td className="py-4 pe-4">
-                            <div className="font-semibold text-slate-900 dark:text-white">{user.email}</div>
-                            <div className="mt-1 text-xs text-slate-500 dark:text-slate-400">Created {user.created_at}</div>
-                          </td>
-                          <td className="py-4 pe-4">
-                            <div className="flex flex-col gap-1">
-                              <span className="capitalize">{user.role}</span>
-                              {user.is_allowlisted_admin ? (
-                                <span className="text-xs text-primary-700 dark:text-primary-300">Bootstrap allowlist</span>
-                              ) : null}
-                            </div>
-                          </td>
-                          <td className="py-4 pe-4 capitalize">{user.plan}</td>
-                          <td className="py-4 pe-4">{user.completed_tasks} complete / {user.failed_tasks} failed</td>
-                          <td className="py-4 pe-4">{user.active_api_keys}</td>
-                          <td className="py-4">
-                            <div className="flex flex-wrap gap-2">
-                              <button
-                                type="button"
-                                disabled={updatingUserId === user.id || user.plan === 'free'}
-                                onClick={() => void handlePlanChange(user.id, 'free')}
-                                className="rounded-full border border-slate-300 px-3 py-1.5 text-xs font-semibold text-slate-700 transition-colors hover:border-slate-400 hover:text-slate-900 disabled:cursor-not-allowed disabled:opacity-50 dark:border-slate-600 dark:text-slate-200 dark:hover:border-slate-500"
-                              >
-                                Set free
-                              </button>
-                              <button
-                                type="button"
-                                disabled={updatingUserId === user.id || user.plan === 'pro'}
-                                onClick={() => void handlePlanChange(user.id, 'pro')}
-                                className="rounded-full bg-primary-600 px-3 py-1.5 text-xs font-semibold text-white transition-colors hover:bg-primary-700 disabled:cursor-not-allowed disabled:opacity-50"
-                              >
-                                Set pro
-                              </button>
-                              <button
-                                type="button"
-                                disabled={user.is_allowlisted_admin || updatingRoleUserId === user.id || user.role === 'user'}
-                                onClick={() => void handleRoleChange(user.id, 'user')}
-                                className="rounded-full border border-slate-300 px-3 py-1.5 text-xs font-semibold text-slate-700 transition-colors hover:border-slate-400 hover:text-slate-900 disabled:cursor-not-allowed disabled:opacity-50 dark:border-slate-600 dark:text-slate-200 dark:hover:border-slate-500"
-                              >
-                                Set user
-                              </button>
-                              <button
-                                type="button"
-                                disabled={user.is_allowlisted_admin || updatingRoleUserId === user.id || user.role === 'admin'}
-                                onClick={() => void handleRoleChange(user.id, 'admin')}
-                                className="rounded-full bg-slate-900 px-3 py-1.5 text-xs font-semibold text-white transition-colors hover:bg-slate-800 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200"
-                              >
-                                Set admin
-                              </button>
-                            </div>
-                          </td>
-                        </tr>
-                      ))}
-                    </tbody>
-                  </table>
-                </div>
-              </article>
-
-              <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
-                <div className="flex items-start justify-between gap-4">
-                  <div>
-                    <h2 className="text-xl font-bold text-slate-900 dark:text-white">Recent failures</h2>
-                    <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">
-                      These entries help isolate tool instability and prioritize support follow-up.
-                    </p>
-                  </div>
-                  <button
-                    type="button"
-                    onClick={() => void handleRefresh()}
-                    className="inline-flex items-center gap-2 rounded-full border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700 transition-colors hover:border-slate-400 hover:text-slate-900 dark:border-slate-600 dark:text-slate-200 dark:hover:border-slate-500"
-                  >
-                    <RefreshCcw className={`h-4 w-4${loading ? ' animate-spin' : ''}`} />
-                    Refresh
-                  </button>
-                </div>
-
-                <div className="mt-6 space-y-3">
-                  {overview?.recent_failures.length ? overview.recent_failures.map((failure) => (
-                    <div
-                      key={failure.id}
-                      className="rounded-2xl border border-rose-100 bg-rose-50/80 p-4 dark:border-rose-500/20 dark:bg-rose-500/10"
-                    >
-                      <div className="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
-                        <div>
-                          <p className="font-semibold text-slate-900 dark:text-white">{failure.tool}</p>
-                          <p className="mt-1 text-sm text-slate-600 dark:text-slate-300">
-                            {failure.original_filename || 'Unknown file'}
-                            {failure.email ? ` / ${failure.email}` : ''}
-                          </p>
-                        </div>
-                        <span className="text-xs text-slate-500 dark:text-slate-400">{failure.created_at}</span>
-                      </div>
-                      <p className="mt-3 text-sm text-rose-700 dark:text-rose-200">
-                        {typeof failure.metadata.error === 'string' ? failure.metadata.error : 'Processing failed without a structured error message.'}
-                      </p>
-                    </div>
-                  )) : (
-                    <p className="text-sm text-slate-600 dark:text-slate-300">No recent failures.</p>
-                  )}
-                </div>
-              </article>
-            </div>
-
-            <div className="space-y-6">
-              <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
-                <h2 className="text-xl font-bold text-slate-900 dark:text-white">Top tools</h2>
-                <div className="mt-5 space-y-3">
-                  {overview?.top_tools.length ? overview.top_tools.map((tool) => (
-                    <div key={tool.tool} className="rounded-2xl border border-slate-200 p-4 dark:border-slate-700">
-                      <div className="flex items-center justify-between gap-4">
-                        <div>
-                          <p className="font-semibold text-slate-900 dark:text-white">{tool.tool}</p>
-                          <p className="mt-1 text-sm text-slate-500 dark:text-slate-400">{tool.total_runs} total runs</p>
-                        </div>
-                        <span className="rounded-full bg-rose-100 px-3 py-1 text-xs font-semibold text-rose-700 dark:bg-rose-500/10 dark:text-rose-200">
-                          {tool.failed_runs} failed
-                        </span>
-                      </div>
-                    </div>
-                  )) : (
-                    <p className="text-sm text-slate-600 dark:text-slate-300">No tool activity yet.</p>
-                  )}
-                </div>
-              </article>
-
-              <article className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
-                <div className="flex items-start justify-between gap-4">
-                  <div>
-                    <h2 className="text-xl font-bold text-slate-900 dark:text-white">Contact inbox</h2>
-                    <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">
-                      {contactMeta.unread} unread of {contactMeta.total} total messages.
-                    </p>
-                  </div>
-                  <span className="rounded-full bg-primary-100 px-3 py-1 text-xs font-semibold text-primary-700 dark:bg-primary-500/10 dark:text-primary-200">
-                    Page {contactMeta.page}
-                  </span>
-                </div>
-
-                <div className="mt-5 space-y-3">
-                  {contacts.length ? contacts.map((contact) => (
-                    <div key={contact.id} className="rounded-2xl border border-slate-200 p-4 dark:border-slate-700">
-                      <div className="flex items-start justify-between gap-4">
-                        <div>
-                          <p className="font-semibold text-slate-900 dark:text-white">{contact.subject || 'No subject'}</p>
-                          <p className="mt-1 text-sm text-slate-500 dark:text-slate-400">
-                            {contact.name} / {contact.email} / {contact.category}
-                          </p>
-                        </div>
-                        <span className="text-xs text-slate-500 dark:text-slate-400">{contact.created_at}</span>
-                      </div>
-                      <p className="mt-3 text-sm leading-6 text-slate-600 dark:text-slate-300">{contact.message}</p>
-                      {!contact.is_read ? (
-                        <button
-                          type="button"
-                          disabled={markingMessageId === contact.id}
-                          onClick={() => void handleMarkRead(contact.id)}
-                          className="mt-4 rounded-full bg-slate-900 px-4 py-2 text-xs font-semibold text-white transition-colors hover:bg-slate-800 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200"
-                        >
-                          Mark as read
-                        </button>
-                      ) : (
-                        <span className="mt-4 inline-flex rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-200">
-                          Read
-                        </span>
-                      )}
-                    </div>
-                  )) : (
-                    <p className="text-sm text-slate-600 dark:text-slate-300">No contact messages found.</p>
-                  )}
-                </div>
-              </article>
-            </div>
-          </section>
+          {/* Tab content */}
+          <div className="space-y-6">
+            {activeTab === 'overview' && renderOverviewTab()}
+            {activeTab === 'users' && renderUsersTab()}
+            {activeTab === 'tools' && renderToolsTab()}
+            {activeTab === 'ratings' && renderRatingsTab()}
+            {activeTab === 'contacts' && renderContactsTab()}
+            {activeTab === 'system' && renderSystemTab()}
+          </div>
         </>
       )}
     </div>
   );
-}
\ No newline at end of file
+}
+
diff --git a/frontend/src/pages/PricingPage.tsx b/frontend/src/pages/PricingPage.tsx
index eeb3465..d1161dd 100644
--- a/frontend/src/pages/PricingPage.tsx
+++ b/frontend/src/pages/PricingPage.tsx
@@ -37,6 +37,13 @@ export default function PricingPage() {
   const [loading, setLoading] = useState(false);
 
   async function handleUpgrade(billing: 'monthly' | 'yearly') {
+    // Track interest in paid plan
+    try {
+      await api.post('/internal/admin/plan-interest/record', { plan: 'pro', billing });
+    } catch {
+      // Non-critical — don't block the flow
+    }
+
     if (!user) {
       window.location.href = '/account?redirect=pricing';
       return;
diff --git a/frontend/src/services/api.ts b/frontend/src/services/api.ts
index 160674c..a2cedb5 100644
--- a/frontend/src/services/api.ts
+++ b/frontend/src/services/api.ts
@@ -135,11 +135,30 @@ api.interceptors.request.use(
   (error) => Promise.reject(error)
 );
 
-// Response interceptor for error handling
+// Response interceptor — auto-retry once on CSRF failure
 api.interceptors.response.use(
   (response) => response,
-  (error) => {
+  async (error) => {
     if (error.response) {
+      // Auto-retry on CSRF token mismatch (session expired, cookie lost, etc.)
+      const originalRequest = error.config;
+      if (
+        !originalRequest._csrfRetried &&
+        isCsrfFailure(
+          error.response.status,
+          typeof error.response.data === 'string'
+            ? error.response.data
+            : JSON.stringify(error.response.data ?? '')
+        )
+      ) {
+        originalRequest._csrfRetried = true;
+        const freshToken = await ensureCsrfToken(true);
+        if (freshToken) {
+          setRequestHeader(originalRequest, CSRF_HEADER_NAME, freshToken);
+        }
+        return api(originalRequest);
+      }
+
       if (error.response.status === 429) {
         return Promise.reject(new Error('Too many requests. Please wait a moment and try again.'));
       }
@@ -714,6 +733,133 @@ export async function updateInternalAdminUserRole(
   return response.data.user;
 }
 
+// --- Enhanced Admin Analytics ---
+
+export interface AdminRatingItem {
+  id: number;
+  tool: string;
+  rating: number;
+  feedback: string;
+  tag: string;
+  created_at: string;
+}
+
+export interface AdminToolSummary {
+  tool: string;
+  count: number;
+  average: number;
+  positive: number;
+  negative: number;
+}
+
+export interface AdminRatingsDetail {
+  items: AdminRatingItem[];
+  page: number;
+  per_page: number;
+  total: number;
+  tool_summaries: AdminToolSummary[];
+}
+
+export interface AdminToolAnalyticsItem {
+  tool: string;
+  total_runs: number;
+  completed: number;
+  failed: number;
+  success_rate: number;
+  runs_24h: number;
+  runs_7d: number;
+  runs_30d: number;
+  unique_users: number;
+}
+
+export interface AdminDailyUsage {
+  day: string;
+  total: number;
+  completed: number;
+  failed: number;
+}
+
+export interface AdminCommonError {
+  tool: string;
+  error: string;
+  occurrences: number;
+}
+
+export interface AdminToolAnalytics {
+  tools: AdminToolAnalyticsItem[];
+  daily_usage: AdminDailyUsage[];
+  common_errors: AdminCommonError[];
+}
+
+export interface AdminUserStats {
+  total_users: number;
+  new_last_7d: number;
+  new_last_30d: number;
+  pro_users: number;
+  free_users: number;
+  daily_registrations: Array<{ day: string; count: number }>;
+  most_active_users: Array<{
+    id: number;
+    email: string;
+    plan: string;
+    created_at: string;
+    total_tasks: number;
+  }>;
+}
+
+export interface AdminPlanInterest {
+  total_clicks: number;
+  unique_users: number;
+  clicks_last_7d: number;
+  clicks_last_30d: number;
+  by_plan: Array<{ plan: string; billing: string; clicks: number }>;
+  recent: Array<{
+    id: number;
+    user_id: number | null;
+    email: string | null;
+    plan: string;
+    billing: string;
+    created_at: string;
+  }>;
+}
+
+export interface AdminSystemHealth {
+  ai_configured: boolean;
+  ai_model: string;
+  ai_budget_used_percent: number;
+  error_rate_1h: number;
+  tasks_last_1h: number;
+  failures_last_1h: number;
+  database_size_mb: number;
+}
+
+export async function getAdminRatingsDetail(page = 1, perPage = 20, tool = ''): Promise<AdminRatingsDetail> {
+  const response = await api.get<AdminRatingsDetail>('/internal/admin/ratings', {
+    params: { page, per_page: perPage, ...(tool ? { tool } : {}) },
+  });
+  return response.data;
+}
+
+export async function getAdminToolAnalytics(): Promise<AdminToolAnalytics> {
+  const response = await api.get<AdminToolAnalytics>('/internal/admin/tool-analytics');
+  return response.data;
+}
+
+export async function getAdminUserStats(): Promise<AdminUserStats> {
+  const response = await api.get<AdminUserStats>('/internal/admin/user-stats');
+  return response.data;
+}
+
+export async function getAdminPlanInterest(): Promise<AdminPlanInterest> {
+  const response = await api.get<AdminPlanInterest>('/internal/admin/plan-interest');
+  return response.data;
+}
+
+export async function getAdminSystemHealth(): Promise<AdminSystemHealth> {
+  const response = await api.get<AdminSystemHealth>('/internal/admin/system-health');
+  return response.data;
+}
+
 // --- Account / Usage / API Keys ---
 
 export interface UsageSummary {