diff --git "a/templates/dashboard.html" "b/templates/dashboard.html"
--- "a/templates/dashboard.html"
+++ "b/templates/dashboard.html"
@@ -1,3422 +1,52 @@
-<!DOCTYPE html>
-<html lang="ar" dir="rtl">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>نظام تحليل الفوركس الذكي - الإصدار الاحترافي</title>
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>
-     <style>
-        :root {
-            --primary: #2c3e50;
-            --primary-light: #34495e;
-            --primary-dark: #1a2530;
-            --secondary: #3498db;
-            --secondary-light: #5dade2;
-            --secondary-dark: #2980b9;
-            --accent: #f39c12;
-            --accent-light: #f5b041;
-            --accent-dark: #d68910;
-            --success: #2ecc71;
-            --success-light: #58d68d;
-            --success-dark: #27ae60;
-            --danger: #e74c3c;
-            --danger-light: #ec7063;
-            --danger-dark: #c0392b;
-            --warning: #f1c40f;
-            --warning-light: #f4d03f;
-            --warning-dark: #d4ac0d;
-            --info: #1abc9c;
-            --info-light: #48c9b0;
-            --info-dark: #16a085;
-            --text: #ecf0f1;
-            --text-dark: #bdc3c7;
-            --text-darker: #95a5a6;
-            --background: #121a24;
-            --card-bg: #1e2a38;
-            --card-border: #2c3e50;
-            --card-highlight: #3a506b;
-            --shadow-color: rgba(0, 0, 0, 0.5);
-            --glow-color: rgba(52, 152, 219, 0.4);
-        }
-
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: 'Tajawal', sans-serif;
-        }
-
-        body {
-            background: var(--background);
-            color: var(--text);
-            min-height: 100vh;
-            overflow-x: hidden;
-        }
-        /* Add this to your CSS styles */
-.timer.paused {
-    opacity: 0.6;
-}
-
-.timer.paused::after {
-    content: ' (متوقف)';
-    font-size: 14px;
-    color: var(--warning);
-}
-
-        /* Scrollbar Styling */
-        ::-webkit-scrollbar {
-            width: 8px;
-            height: 8px;
-        }
-
-        ::-webkit-scrollbar-track {
-            background: var(--primary-dark);
-            border-radius: 4px;
-        }
-
-        ::-webkit-scrollbar-thumb {
-            background: var(--secondary-dark);
-            border-radius: 4px;
-        }
-
-        ::-webkit-scrollbar-thumb:hover {
-            background: var(--secondary);
-        }
-
-        /* Password Modal */
-        .password-modal {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(0, 0, 0, 0.85);
-            backdrop-filter: blur(10px);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            z-index: 1000;
-            opacity: 1;
-            transition: opacity 0.5s ease;
-        }
-
-        .password-modal.hidden {
-            opacity: 0;
-            pointer-events: none;
-        }
-
-        .password-box {
-            background: var(--card-bg);
-            padding: 40px;
-            border-radius: 20px;
-            text-align: center;
-            box-shadow: 0 20px 40px var(--shadow-color);
-            max-width: 400px;
-            width: 90%;
-            border: 1px solid var(--card-border);
-            transform: translateY(0);
-            transition: transform 0.5s ease;
-            position: relative;
-            overflow: hidden;
-        }
-
-        .password-box::before {
-            content: '';
-            position: absolute;
-            top: -50%;
-            left: -50%;
-            width: 200%;
-            height: 200%;
-            background: radial-gradient(circle, var(--secondary-dark) 0%, transparent 70%);
-            opacity: 0.1;
-            z-index: -1;
-            animation: pulse 15s infinite;
-        }
-
-        @keyframes pulse {
-            0% { transform: translate(0, 0); opacity: 0.1; }
-            50% { transform: translate(-30px, -30px); opacity: 0.15; }
-            100% { transform: translate(0, 0); opacity: 0.1; }
-        }
-
-        .password-modal.hidden .password-box {
-            transform: translateY(50px);
-        }
-
-        .password-box h2 {
-            color: var(--text);
-            margin-bottom: 30px;
-            font-size: 28px;
-            position: relative;
-            display: inline-block;
-        }
-
-        .password-box h2::after {
-            content: '';
-            position: absolute;
-            bottom: -10px;
-            left: 0;
-            width: 100%;
-            height: 3px;
-            background: linear-gradient(to right, transparent, var(--secondary), transparent);
-        }
-
-        .password-input {
-            width: 100%;
-            padding: 16px 20px;
-            border: 2px solid var(--card-border);
-            background: var(--primary-dark);
-            border-radius: 12px;
-            font-size: 16px;
-            margin-bottom: 25px;
-            text-align: center;
-            color: var(--text);
-            transition: all 0.3s ease;
-            outline: none;
-        }
-
-        .password-input:focus {
-            border-color: var(--secondary);
-            box-shadow: 0 0 0 3px var(--glow-color);
-        }
-
-        .password-btn {
-            background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
-            color: white;
-            border: none;
-            padding: 16px 30px;
-            border-radius: 12px;
-            font-size: 16px;
-            font-weight: 600;
-            cursor: pointer;
-            width: 100%;
-            transition: all 0.3s ease;
-            position: relative;
-            overflow: hidden;
-        }
-
-        .password-btn::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: -100%;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
-            transition: all 0.5s ease;
-        }
-
-        .password-btn:hover::before {
-            left: 100%;
-        }
-
-        .password-btn:hover {
-            background: linear-gradient(135deg, var(--secondary-light), var(--secondary));
-            transform: translateY(-2px);
-            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-        }
-
-        .welcome-animation {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(0, 0, 0, 0.9);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            z-index: 2000;
-            opacity: 0;
-            pointer-events: none;
-            transition: opacity 0.5s ease;
-        }
-
-        .welcome-animation.show {
-            opacity: 1;
-            pointer-events: auto;
-        }
-
-        .welcome-text {
-            font-size: 50px;
-            font-weight: bold;
-            color: var(--text);
-            text-align: center;
-            transform: scale(0.5);
-            opacity: 0;
-        }
-
-        .welcome-name {
-            color: var(--accent);
-            display: block;
-            font-size: 70px;
-            margin-top: 20px;
-        }
-
-        .container {
-            max-width: 1400px;
-            margin: 0 auto;
-            padding: 20px;
-            opacity: 0;
-            transform: translateY(20px);
-            transition: opacity 0.5s ease, transform 0.5s ease;
-        }
-
-        .container.visible {
-            opacity: 1;
-            transform: translateY(0);
-        }
-
-        .container.hidden {
-            display: none !important;
-        }
-
-        .header {
-            padding: 20px 0;
-            border-bottom: 1px solid var(--card-border);
-            margin-bottom: 30px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            flex-wrap: wrap;
-            gap: 20px;
-        }
-
-        .logo {
-            display: flex;
-            align-items: center;
-            gap: 15px;
-        }
-
-        .logo-icon {
-            font-size: 40px;
-            color: var(--accent);
-            background: var(--primary-dark);
-            width: 70px;
-            height: 70px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius: 16px;
-            position: relative;
-            overflow: hidden;
-        }
-
-        .logo-icon::after {
-            content: '';
-            position: absolute;
-            width: 100%;
-            height: 30%;
-            background: linear-gradient(to bottom, var(--accent-light), transparent);
-            top: 0;
-            left: 0;
-            opacity: 0.3;
-        }
-
-        .logo-text h1 {
-            font-size: clamp(24px, 5vw, 32px);
-            font-weight: 700;
-            margin-bottom: 5px;
-            background: linear-gradient(to right, var(--secondary-light), var(--accent-light));
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            position: relative;
-        }
-
-        .logo-text p {
-            font-size: 14px;
-            color: var(--text-dark);
-            font-weight: 500;
-        }
-
-        .main-grid {
-            display: grid;
-            grid-template-columns: 300px 1fr;
-            gap: 25px;
-            margin-bottom: 30px;
-        }
-
-        .status-panel {
-            background: var(--card-bg);
-            border-radius: 20px;
-            padding: 25px;
-            box-shadow: 0 10px 30px var(--shadow-color);
-            border: 1px solid var(--card-border);
-            position: relative;
-            overflow: hidden;
-            display: flex;
-            flex-direction: column;
-            gap: 20px;
-        }
-
-        .status-panel::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 5px;
-            background: linear-gradient(to right, var(--secondary), var(--accent));
-        }
-
-        .status-card {
-            background: var(--primary-dark);
-            padding: 20px;
-            border-radius: 15px;
-            border: 1px solid var(--card-border);
-            transition: all 0.3s ease;
-        }
-
-        .status-card.running {
-            border-right: 4px solid var(--success);
-        }
-
-        .status-card.stopped {
-            border-right: 4px solid var(--danger);
-        }
-
-        .status-card.analyzing {
-            border-right: 4px solid var(--warning);
-            animation: pulse-border 2s infinite;
-        }
-
-        .status-card.holiday {
-            border-right: 4px solid var(--info);
-        }
-
-        @keyframes pulse-border {
-            0% { border-right-color: var(--warning); }
-            50% { border-right-color: var(--warning-light); }
-            100% { border-right-color: var(--warning); }
-        }
-
-        .status-header {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            margin-bottom: 15px;
-        }
-
-        .status-icon {
-            width: 40px;
-            height: 40px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius: 10px;
-            font-size: 18px;
-        }
-
-        .status-card.running .status-icon {
-            background: rgba(46, 204, 113, 0.2);
-            color: var(--success);
-        }
-
-        .status-card.stopped .status-icon {
-            background: rgba(231, 76, 60, 0.2);
-            color: var(--danger);
-        }
-
-        .status-card.analyzing .status-icon {
-            background: rgba(241, 196, 15, 0.2);
-            color: var(--warning);
-        }
-
-        .status-card.holiday .status-icon {
-            background: rgba(26, 188, 156, 0.2);
-            color: var(--info);
-        }
-
-        .status-title {
-            font-size: 18px;
-            font-weight: 600;
-        }
-
-        .timer {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background: var(--primary-dark);
-            border-radius: 12px;
-            padding: 15px;
-            font-size: 22px;
-            font-weight: 700;
-            margin-top: 10px;
-            border: 1px solid var(--card-border);
-            color: var(--text);
-        }
-
-        .timer.hidden {
-            display: none !important;
-        }
-
-        .timer i {
-            margin-left: 10px;
-            color: var(--secondary);
-        }
-
-        .current-analysis {
-            background: var(--primary-dark);
-            border-radius: 12px;
-            padding: 15px;
-            font-size: 16px;
-            margin-top: 10px;
-            border: 1px solid var(--card-border);
-            display: none;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .current-analysis.visible {
-            display: flex;
-        }
-
-        .current-analysis i {
-            color: var(--warning);
-            animation: spin 2s linear infinite;
-        }
-
-        @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-        }
-
-        .controls {
-            display: flex;
-            flex-direction: column;
-            gap: 15px;
-            margin-top: 10px;
-        }
-
-        .btn {
-            padding: 15px;
-            border: none;
-            border-radius: 12px;
-            font-size: 16px;
-            font-weight: 600;
-            cursor: pointer;
-            transition: all 0.3s ease;
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            gap: 10px;
-            position: relative;
-            overflow: hidden;
-            z-index: 1;
-        }
-
-        .btn::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: -100%;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
-            transition: all 0.5s ease;
-            z-index: -1;
-        }
-
-        .btn:hover::before {
-            left: 100%;
-        }
-
-        .btn:hover {
-            transform: translateY(-3px);
-            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-        }
-
-        .btn:active {
-            transform: translateY(-1px);
-        }
-
-        .btn-success {
-            background: linear-gradient(135deg, var(--success), var(--success-dark));
-            color: white;
-        }
-
-        .btn-danger {
-            background: linear-gradient(135deg, var(--danger), var(--danger-dark));
-            color: white;
-        }
-
-        .btn-warning {
-            background: linear-gradient(135deg, var(--warning), var(--warning-dark));
-            color: var(--primary-dark);
-        }
-
-        .btn-info {
-            background: linear-gradient(135deg, var(--info), var(--info-dark));
-            color: white;
-        }
-
-        .btn-secondary {
-            background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
-            color: white;
-        }
-
-        .btn:disabled {
-            opacity: 0.6;
-            cursor: not-allowed;
-            transform: none;
-            box-shadow: none;
-        }
-
-        .pairs-panel {
-            background: var(--card-bg);
-            border-radius: 20px;
-            padding: 25px;
-            box-shadow: 0 10px 30px var(--shadow-color);
-            border: 1px solid var(--card-border);
-            position: relative;
-            overflow: hidden;
-        }
-
-        .pairs-panel::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 5px;
-            background: linear-gradient(to right, var(--accent), var(--secondary));
-        }
-
-        .panel-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-bottom: 25px;
-            padding-bottom: 15px;
-            border-bottom: 1px solid var(--card-border);
-        }
-
-        .panel-title {
-            font-size: 20px;
-            font-weight: 700;
-            color: var(--text);
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .panel-title i {
-            color: var(--accent);
-        }
-
-        .panel-actions {
-            display: flex;
-            gap: 10px;
-        }
-
-        .panel-action-btn {
-            background: var(--primary-dark);
-            color: var(--text);
-            border: 1px solid var(--card-border);
-            padding: 8px 15px;
-            border-radius: 8px;
-            font-size: 14px;
-            cursor: pointer;
-            transition: all 0.3s ease;
-            display: flex;
-            align-items: center;
-            gap: 5px;
-        }
-
-        .panel-action-btn:hover {
-            background: var(--card-highlight);
-        }
-
-        .pairs-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-            gap: 15px;
-        }
-
-        .pair-card {
-            background: var(--primary-dark);
-            color: var(--text);
-            padding: 20px 15px;
-            border-radius: 12px;
-            text-align: center;
-            font-weight: 600;
-            font-size: 16px;
-            border: 1px solid var(--card-border);
-            transition: all 0.3s ease;
-            position: relative;
-            cursor: pointer;
-            overflow: hidden;
-        }
-
-        .pair-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 3px;
-            background: var(--secondary-dark);
-            transition: all 0.3s ease;
-        }
-
-        .pair-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-            background: var(--card-highlight);
-        }
-
-        .pair-card.active {
-            background: var(--warning-dark);
-            animation: pulse-bg 1.5s infinite;
-        }
-
-        .pair-card.active::before {
-            background: var(--warning);
-        }
-
-        .pair-card.completed::before {
-            background: var(--success);
-        }
-
-        .pair-card.signal {
-            background: linear-gradient(135deg, var(--primary-dark), var(--primary));
-            border: 1px solid var(--accent-dark);
-        }
-
-        .pair-card.signal::before {
-            background: var(--accent);
-        }
-
-        .pair-card.error::before {
-            background: var(--danger);
-        }
-
-        .pair-icon {
-            position: absolute;
-            top: 10px;
-            right: 10px;
-            font-size: 12px;
-        }
-
-        .pair-card.active .pair-icon {
-            color: var(--warning);
-        }
-
-        .pair-card.completed .pair-icon {
-            color: var(--success);
-        }
-
-        .pair-card.signal .pair-icon {
-            color: var(--accent);
-        }
-
-        .pair-card.error .pair-icon {
-            color: var(--danger);
-        }
-
-        @keyframes pulse-bg {
-            0% { background: var(--warning-dark); }
-            50% { background: var(--warning); }
-            100% { background: var(--warning-dark); }
-        }
-
-        .dashboard-cards {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 25px;
-            margin-top: 30px;
-        }
-
-        .dashboard-card {
-            background: var(--card-bg);
-            border-radius: 20px;
-            padding: 25px;
-            box-shadow: 0 10px 30px var(--shadow-color);
-            border: 1px solid var(--card-border);
-            position: relative;
-            overflow: hidden;
-        }
-
-        .dashboard-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 5px;
-            background: linear-gradient(to right, var(--secondary), var(--info));
-        }
-
-        .card-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-bottom: 20px;
-            padding-bottom: 15px;
-            border-bottom: 1px solid var(--card-border);
-        }
-
-        .card-title {
-            font-size: 18px;
-            font-weight: 700;
-            color: var(--text);
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .card-title i {
-            color: var(--info);
-        }
-
-        .settings-list {
-            display: flex;
-            flex-direction: column;
-            gap: 12px;
-        }
-
-        .settings-item {
-            display: flex;
-            justify-content: space-between;
-            padding-bottom: 8px;
-            border-bottom: 1px dashed var(--card-border);
-            font-size: 15px;
-        }
-
-        .settings-item:last-child {
-            border-bottom: none;
-        }
-
-        .settings-label {
-            color: var(--text-dark);
-            font-weight: 500;
-        }
-
-        .settings-value {
-            color: var(--text);
-            font-weight: 600;
-        }
-
-        .chart-container {
-            position: relative;
-            height: 200px;
-            margin-top: 10px;
-        }
-
-        .notification {
-            position: fixed;
-            bottom: 30px;
-            right: 30px;
-            background: var(--card-bg);
-            border-radius: 12px;
-            padding: 20px;
-            box-shadow: 0 10px 30px var(--shadow-color);
-            border-right: 4px solid var(--secondary);
-            max-width: 350px;
-            transform: translateX(400px);
-            opacity: 0;
-            transition: all 0.5s ease;
-            z-index: 1000;
-            display: flex;
-            align-items: flex-start;
-            gap: 15px;
-        }
-
-        .notification.show {
-            transform: translateX(0);
-            opacity: 1;
-        }
-
-        .notification-icon {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            background: rgba(52, 152, 219, 0.2);
-            color: var(--secondary);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 18px;
-            flex-shrink: 0;
-        }
-
-        .notification-content {
-            flex-grow: 1;
-        }
-
-        .notification-title {
-            font-size: 16px;
-            font-weight: 600;
-            margin-bottom: 5px;
-            color: var(--text);
-        }
-
-        .notification-message {
-            font-size: 14px;
-            color: var(--text-dark);
-        }
-
-        .notification-close {
-            position: absolute;
-            top: 10px;
-            right: 10px;
-            color: var(--text-darker);
-            cursor: pointer;
-            font-size: 14px;
-            transition: all 0.3s ease;
-        }
-
-        .notification-close:hover {
-            color: var(--text);
-        }
-
-        .notification.success .notification-icon {
-            background: rgba(46, 204, 113, 0.2);
-            color: var(--success);
-        }
-
-        .notification.success {
-            border-right-color: var(--success);
-        }
-
-        .notification.error .notification-icon {
-            background: rgba(231, 76, 60, 0.2);
-            color: var(--danger);
-        }
-
-        .notification.error {
-            border-right-color: var(--danger);
-        }
-
-        .notification.warning .notification-icon {
-            background: rgba(241, 196, 15, 0.2);
-            color: var(--warning);
-        }
-
-        .notification.warning {
-            border-right-color: var(--warning);
-        }
-
-        /* Mobile Responsiveness */
-        @media (max-width: 1200px) {
-            .main-grid {
-                grid-template-columns: 1fr;
-            }
-
-            .status-panel {
-                order: -1;
-            }
-
-            .controls {
-                flex-direction: row;
-                flex-wrap: wrap;
-                justify-content: center;
-            }
-
-            .btn {
-                flex: 1;
-                min-width: 150px;
-            }
-        }
-
-        @media (max-width: 768px) {
-            .header {
-                flex-direction: column;
-                align-items: flex-start;
-            }
-
-            .logo {
-                width: 100%;
-                justify-content: center;
-            }
-
-            .dashboard-cards {
-                grid-template-columns: 1fr;
-            }
-
-            .pairs-grid {
-                grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-            }
-
-            .notification {
-                left: 20px;
-                right: 20px;
-                max-width: none;
-            }
-        }
-
-        @media (max-width: 480px) {
-            .container {
-                padding: 10px;
-            }
-
-            .status-panel, .pairs-panel, .dashboard-card {
-                padding: 15px;
-            }
-
-            .pairs-grid {
-                grid-template-columns: repeat(2, 1fr);
-            }
-
-            .panel-title, .card-title {
-                font-size: 16px;
-            }
-
-            .panel-actions {
-                flex-direction: column;
-            }
-
-            .controls {
-                flex-direction: column;
-            }
-
-            .btn {
-                width: 100%;
-            }
-
-            .password-box {
-                padding: 30px 20px;
-            }
-        }
-        /* PRO Badge Styling */
-.pro-badge {
-    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
-    color: white;
-    font-size: 12px;
-    padding: 3px 8px;
-    border-radius: 6px;
-    margin-left: 8px;
-    font-weight: bold;
-    text-transform: uppercase;
-    vertical-align: middle;
-}
-
-/* Header User Section */
-.header-actions {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-}
-
-.header-user {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-size: 14px;
-    color: var(--text-dark);
-    padding: 8px 15px;
-    background: var(--primary-dark);
-    border-radius: 10px;
-    border: 1px solid var(--card-border);
-}
-
-.header-user i {
-    color: var(--secondary);
-    font-size: 16px;
-}
-
-.header-action-btn {
-    background: var(--primary-dark);
-    color: var(--text);
-    border: 1px solid var(--card-border);
-    width: 36px;
-    height: 36px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.header-action-btn:hover {
-    background: var(--card-highlight);
-    transform: translateY(-2px);
-}
-
-/* Dark Mode Support */
-body.dark-mode {
-    --primary: #2c3e50;
-    --primary-light: #34495e;
-    --primary-dark: #1a2530;
-    --background: #121a24;
-    --card-bg: #1e2a38;
-    --card-border: #2c3e50;
-    --card-highlight: #3a506b;
-}
-
-/* Analysis Modal */
-.analysis-modal {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.85);
-    backdrop-filter: blur(10px);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 1000;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.3s ease;
-}
-
-.analysis-modal.show {
-    opacity: 1;
-    pointer-events: auto;
-}
-
-.analysis-modal-content {
-    background: var(--card-bg);
-    width: 90%;
-    max-width: 800px;
-    max-height: 90vh;
-    border-radius: 20px;
-    box-shadow: 0 20px 40px var(--shadow-color);
-    border: 1px solid var(--card-border);
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    transform: scale(0.9);
-    transition: transform 0.3s ease;
-}
-
-.analysis-modal.show .analysis-modal-content {
-    transform: scale(1);
-}
-
-.analysis-modal-header {
-    padding: 20px;
-    border-bottom: 1px solid var(--card-border);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.analysis-modal-header h3 {
-    font-size: 20px;
-    color: var(--text);
-    font-weight: 600;
-}
-
-.analysis-modal-close {
-    background: transparent;
-    border: none;
-    color: var(--text-darker);
-    font-size: 18px;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.analysis-modal-close:hover {
-    color: var(--danger);
-}
-
-.analysis-modal-body {
-    padding: 20px;
-    overflow-y: auto;
-    max-height: 70vh;
-}
-
-.analysis-modal-footer {
-    padding: 15px 20px;
-    border-top: 1px solid var(--card-border);
-    display: flex;
-    justify-content: flex-end;
-    gap: 10px;
-}
-
-.analysis-loading {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 40px;
-    gap: 15px;
-    color: var(--text-dark);
-}
-
-.analysis-loading i {
-    font-size: 30px;
-    color: var(--secondary);
-}
-
-/* Detail Sections in Modal */
-.detail-section {
-    margin-bottom: 25px;
-    background: var(--primary-dark);
-    border-radius: 12px;
-    overflow: hidden;
-    border: 1px solid var(--card-border);
-}
-
-.detail-header {
-    padding: 15px;
-    background: var(--primary);
-    font-weight: 600;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.detail-header i {
-    color: var(--secondary);
-}
-
-.detail-content {
-    padding: 15px;
-}
-
-.detail-item {
-    display: flex;
-    justify-content: space-between;
-    padding: 8px 0;
-    border-bottom: 1px dashed var(--card-border);
-}
-
-.detail-item:last-child {
-    border-bottom: none;
-}
-
-.detail-label {
-    color: var(--text-dark);
-    font-weight: 500;
-}
-
-.detail-value {
-    color: var(--text);
-    font-weight: 600;
-}
-
-.analysis-content, .signal-content, .wait-content, .raw-content {
-    line-height: 1.6;
-    white-space: pre-wrap;
-}
-
-.signal-section {
-    border-color: var(--success-dark);
-}
-
-.signal-section .detail-header {
-    background: rgba(46, 204, 113, 0.2);
-    color: var(--success);
-}
-
-.wait-section {
-    border-color: var(--warning-dark);
-}
-
-.wait-section .detail-header {
-    background: rgba(241, 196, 15, 0.2);
-    color: var(--warning);
-}
-
-.raw-section {
-    border-color: var(--secondary-dark);
-}
-
-.raw-section .detail-header {
-    background: rgba(52, 152, 219, 0.2);
-    color: var(--secondary);
-}
-
-.raw-content pre {
-    font-family: monospace;
-    font-size: 13px;
-    overflow-x: auto;
-}
-
-/* Text Highlighting */
-.text-success {
-    color: var(--success) !important;
-}
-
-.text-warning {
-    color: var(--warning) !important;
-}
-
-.text-danger {
-    color: var(--danger) !important;
-}
-
-.highlight-number {
-    color: var(--accent);
-    font-weight: 600;
-}
-
-.highlight-percentage {
-    color: var(--success);
-    font-weight: 600;
-}
-
-/* PRO Analysis Results Section */
-.pro-section {
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
-.section-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 20px;
-    padding-bottom: 15px;
-    border-bottom: 1px solid var(--card-border);
-}
-
-.section-header h2 {
-    font-size: 22px;
-    font-weight: 700;
-    color: var(--text);
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.section-header h2 i {
-    color: var(--accent);
-}
-
-.section-actions {
-    display: flex;
-    gap: 10px;
-}
-
-.section-actions .btn {
-    padding: 8px 15px;
-    font-size: 14px;
-    border-radius: 8px;
-}
-
-#refreshAnalysisBtn {
-    background: var(--primary-dark);
-    color: var(--text);
-    border: 1px solid var(--secondary-dark);
-    transition: all 0.3s ease;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-#refreshAnalysisBtn:hover {
-    background: var(--secondary-dark);
-    color: white;
-}
-
-#refreshAnalysisBtn i {
-    font-size: 12px;
-}
-
-.analysis-results-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    gap: 20px;
-    position: relative;
-}
-
-.analysis-result-card {
-    background: var(--card-bg);
-    border-radius: 15px;
-    border: 1px solid var(--card-border);
-    overflow: hidden;
-    transition: all 0.3s ease;
-    position: relative;
-}
-
-.analysis-result-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 10px 20px var(--shadow-color);
-}
-
-.analysis-result-card::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 4px;
-    background: var(--secondary);
-}
-
-.analysis-result-card.has-signal::before {
-    background: var(--success);
-}
-
-.analysis-result-card.no-signal::before {
-    background: var(--warning);
-}
-
-.result-header {
-    padding: 15px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background: var(--primary-dark);
-    border-bottom: 1px solid var(--card-border);
-}
-
-.result-pair {
-    font-weight: 600;
-    font-size: 18px;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-.result-pair i {
-    color: var(--secondary);
-}
-
-.result-time {
-    font-size: 12px;
-    color: var(--text-dark);
-    display: flex;
-    align-items: center;
-    gap: 5px;
-}
-
-.result-content {
-    padding: 15px;
-}
-
-.result-status {
-    margin-bottom: 10px;
-}
-
-.signal-badge, .no-signal-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 5px;
-    padding: 5px 10px;
-    border-radius: 8px;
-    font-size: 12px;
-    font-weight: 600;
-}
-
-.signal-badge {
-    background: rgba(46, 204, 113, 0.2);
-    color: var(--success);
-}
-
-.no-signal-badge {
-    background: rgba(241, 196, 15, 0.2);
-    color: var(--warning);
-}
-
-.result-summary {
-    font-size: 14px;
-    line-height: 1.5;
-    color: var(--text-dark);
-    margin-bottom: 15px;
-    max-height: 60px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-}
-
-.result-actions {
-    padding: 0 15px 15px;
-    display: flex;
-    justify-content: flex-end;
-}
-
-.btn-sm {
-    padding: 8px 12px;
-    font-size: 12px;
-}
-
-/* Loading and Empty States */
-.loading-overlay, .empty-results, .error-message {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 50px;
-    gap: 15px;
-    color: var(--text-dark);
-    text-align: center;
-    grid-column: 1 / -1;
-}
-
-.loading-overlay i, .empty-results i, .error-message i {
-    font-size: 30px;
-    margin-bottom: 10px;
-}
-
-.loading-overlay i {
-    color: var(--secondary);
-}
-
-.empty-results i {
-    color: var(--info);
-}
-
-.error-message i {
-    color: var(--danger);
-}
-
-/* History List Styling */
-.history-card {
-    max-height: 400px;
-}
-
-.history-list {
-    overflow-y: auto;
-    max-height: 300px;
-}
-
-.history-item {
-    display: grid;
-    grid-template-columns: auto auto 1fr auto auto;
-    gap: 10px;
-    padding: 12px;
-    border-bottom: 1px solid var(--card-border);
-    align-items: center;
-}
-
-.history-item:hover {
-    background: var(--primary-dark);
-}
-
-.history-item.has-signal {
-    background: rgba(46, 204, 113, 0.05);
-}
-
-.history-time, .history-date {
-    font-size: 12px;
-    color: var(--text-darker);
-}
-
-.history-pair {
-    font-weight: 600;
-}
-
-.history-summary {
-    color: var(--text-dark);
-    font-size: 13px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 300px;
-}
-
-/* Admin Panel Styling */
-.admin-panel {
-    margin-top: 30px;
-}
-
-.admin-controls {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    margin-bottom: 20px;
-}
-
-.admin-stats {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-    gap: 15px;
-}
-
-.stat-item {
-    background: var(--primary-dark);
-    padding: 15px;
-    border-radius: 10px;
-    border: 1px solid var(--card-border);
-}
-
-.stat-label {
-    font-size: 13px;
-    color: var(--text-dark);
-    margin-bottom: 5px;
-}
-
-.stat-value {
-    font-size: 16px;
-    font-weight: 600;
-    color: var(--text);
-}
-
-/* Logs Panel */
-.logs-panel {
-    margin-top: 30px;
-}
-
-.logs-container {
-    background: var(--primary-dark);
-    border-radius: 10px;
-    padding: 15px;
-    max-height: 300px;
-    overflow-y: auto;
-    font-family: monospace;
-    font-size: 13px;
-    line-height: 1.5;
-    color: var(--text-dark);
-}
-
-/* Hidden class */
-.hidden {
-    display: none !important;
-}
-
-/* Mobile responsiveness for new elements */
-@media (max-width: 768px) {
-    .analysis-results-grid {
-        grid-template-columns: 1fr;
-    }
-
-    .admin-stats {
-        grid-template-columns: 1fr;
-    }
-
-    .history-item {
-        grid-template-columns: 1fr 1fr;
-        grid-template-areas:
-            "pair time"
-            "status date"
-            "summary summary";
-        gap: 5px;
-    }
-
-    .history-pair {
-        grid-area: pair;
-    }
-
-    .history-time {
-        grid-area: time;
-        text-align: right;
-    }
-
-    .history-date {
-        grid-area: date;
-        text-align: right;
-    }
-
-    .history-status {
-        grid-area: status;
-    }
-
-    .history-summary {
-        grid-area: summary;
-        max-width: 100%;
-    }
-}
-
-.fade-out {
-    opacity: 0;
-    transform: scale(0.9);
-    transition: opacity 0.3s, transform 0.3s;
-}
-    </style>
-
-</head>
-<body>
-    <!-- Password Modal -->
-    <div class="password-modal" id="passwordModal">
-        <div class="password-box">
-            <h2><i class="fas fa-lock"></i> تسجيل الدخول</h2>
-            <input type="password" class="password-input" id="passwordInput" placeholder="أدخل كلمة المرور">
-            <button class="password-btn" onclick="checkPassword()">
-                <i class="fas fa-sign-in-alt"></i> دخول
-            </button>
-        </div>
-    </div>
-
-    <!-- Welcome Animation -->
-    <div class="welcome-animation" id="welcomeAnimation">
-        <div class="welcome-text" id="welcomeText">
-            مرحباً بك في نظام تحليل الفوركس
-            <span class="welcome-name">الإصدار الاحترافي</span>
-        </div>
-    </div>
-
-    <!-- Notification -->
-    <div class="notification" id="notification">
-        <div class="notification-icon">
-            <i class="fas fa-info-circle"></i>
-        </div>
-        <div class="notification-content">
-            <div class="notification-title" id="notificationTitle">تم التحديث</div>
-            <div class="notification-message" id="notificationMessage">تم تحديث البيانات بنجاح</div>
-        </div>
-        <div class="notification-close" onclick="hideNotification()">
-            <i class="fas fa-times"></i>
-        </div>
-    </div>
-
-    <!-- Analysis Detail Modal -->
-    <div class="analysis-modal" id="analysisModal">
-        <div class="analysis-modal-content">
-            <div class="analysis-modal-header">
-                <h3 id="analysisModalTitle">تفاصيل التحليل</h3>
-                <button class="analysis-modal-close" onclick="closeAnalysisModal()">
-                    <i class="fas fa-times"></i>
-                </button>
-            </div>
-            <div class="analysis-modal-body" id="analysisModalBody">
-                <div class="analysis-loading">
-                    <i class="fas fa-spinner fa-spin"></i> جاري تحميل التفاصيل...
-                </div>
-            </div>
-            <div class="analysis-modal-footer">
-                <button class="btn btn-primary" onclick="closeAnalysisModal()">إغلاق</button>
-                <button class="btn btn-secondary" id="copyAnalysisBtn">
-                    <i class="fas fa-copy"></i> نسخ
-                </button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Main Content -->
-    <div class="container hidden" id="mainContent">
-        <div class="header">
-            <div class="logo">
-                <div class="logo-icon">
-                    <i class="fas fa-chart-line"></i>
-                </div>
-                <div class="logo-text">
-                    <h1>نظام تحليل الفوركس الذكي <span class="pro-badge">PRO</span></h1>
-                    <p>تحليل فني متقدم باستخدام الذكاء الاصطناعي</p>
-                </div>
-            </div>
-            <div class="header-actions">
-                <div class="header-user">
-                    <i class="fas fa-user-circle"></i>
-                    <span id="userDisplayName">المستخدم</span>
-                </div>
-                
-                <button class="header-action-btn" onclick="logout()">
-                    <i class="fas fa-sign-out-alt"></i>
-                </button>
-            </div>
-        </div>
-
-        <div class="main-grid">
-            <div class="status-panel">
-                <div class="status-card {% if not system_running %}stopped{% endif %}" id="statusCard">
-                    <div class="status-header">
-                        <div class="status-icon">
-                            <i class="fas fa-circle-notch"></i>
-                        </div>
-                        <div class="status-title" id="statusTitle">
-                            {% if system_running %}
-                                النظام قيد التشغيل
-                            {% else %}
-                                النظام متوقف
-                            {% endif %}
-                        </div>
-                    </div>
-                    <div class="status-text" id="statusText">
-                        {% if system_running %}
-                            يعمل النظام على تحليل أزواج العملات كل {{ analysis_interval }} دقيقة
-                        {% else %}
-                            النظام متوقف حالياً. اضغط على بدء لتشغيل النظام
-                        {% endif %}
-                    </div>
-                    <div class="timer {% if not system_running %}hidden{% endif %}" id="timer">
-                        <i class="fas fa-clock"></i>
-                        <span id="timerLabel">التحليل التالي:</span> <span id="countdown">00:00</span>
-                    </div>
-                    <div class="current-analysis" id="currentAnalysis">
-                        <i class="fas fa-spinner fa-spin"></i>
-                        جاري تحليل: <span id="currentPair">-</span>
-                    </div>
-                </div>
-
-                <div class="controls" id="controlsSection">
-                    {% if not system_running %}
-                        <form method="POST" action="/start-system" id="startForm">
-                            <button type="submit" class="btn btn-success" id="startBtn">
-                                <i class="fas fa-rocket"></i> بدء النظام
-                            </button>
-                        </form>
-                    {% else %}
-                        <form method="POST" action="/stop-system" id="stopForm">
-                            <button type="submit" class="btn btn-danger" id="stopBtn">
-                                <i class="fas fa-stop"></i> إيقاف النظام
-                            </button>
-                        </form>
-                    {% endif %}
-
-                    <a href="/settings" class="btn btn-warning">
-                        <i class="fas fa-cog"></i> الإعدادات
-                    </a>
-                </div>
-
-                <div class="dashboard-card">
-                    <div class="card-header">
-                        <div class="card-title">
-                            <i class="fas fa-chart-bar"></i> إعدادات التداول
-                        </div>
-                    </div>
-                    <div class="settings-list">
-                        <div class="settings-item">
-                            <span class="settings-label">وقف الخسارة:</span>
-                            <span class="settings-value">{{ settings.stop_loss_min }}-{{ settings.stop_loss_max }} نقطة</span>
-                        </div>
-                        <div class="settings-item">
-                            <span class="settings-label">جني الأرباح:</span>
-                            <span class="settings-value">{{ settings.take_profit_min }}-{{ settings.take_profit_max }} نقطة</span>
-                        </div>
-                        <div class="settings-item">
-                            <span class="settings-label">مدة الصفقة:</span>
-                            <span class="settings-value">{{ settings.max_trade_duration }} ساعات</span>
-                        </div>
-                        <div class="settings-item">
-                            <span class="settings-label">نسبة المخاطرة:</span>
-                            <span class="settings-value">{{ settings.risk_percentage }}%</span>
-                        </div>
-                        <div class="settings-item">
-                            <span class="settings-label">الحد الأدنى للثقة:</span>
-                            <span class="settings-value">{{ settings.min_confidence }}%</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="pairs-panel">
-                <div class="panel-header">
-                    <div class="panel-title">
-                        <i class="fas fa-coins"></i> أزواج العملات المختارة
-                    </div>
-                    <div class="panel-actions">
-                        <button class="panel-action-btn" id="refreshPairsBtn">
-                            <i class="fas fa-sync-alt"></i> تحديث
-                        </button>
-                    </div>
-                </div>
-                <div class="pairs-grid" id="pairsGrid">
-                    {% for pair in selected_pairs %}
-                        <div class="pair-card" id="pair-{{ pair }}">
-                            <div class="pair-icon">
-                                <i class="fas fa-circle"></i>
-                            </div>
-                            {{ pair }}
-                        </div>
-                    {% endfor %}
-                </div>
-            </div>
-        </div>
-
-        <div class="dashboard-cards">
-            <div class="dashboard-card">
-                <div class="card-header">
-                    <div class="card-title">
-                        <i class="fas fa-clock"></i> إعدادات النظام
-                    </div>
-                </div>
-                <div class="settings-list">
-                    <div class="settings-item">
-                        <span class="settings-label">ساعات التداول:</span>
-                        <span class="settings-value">{{ settings.trading_hours_start }}:00 - {{ settings.trading_hours_end }}:00</span>
-                    </div>
-                    <div class="settings-item">
-                        <span class="settings-label">الاتجاه:</span>
-                        <span class="settings-value">
-                            {% if settings.trade_direction == 'both' %}
-                                شراء وبيع
-                            {% elif settings.trade_direction == 'buy' %}
-                                شراء فقط
-                            {% elif settings.trade_direction == 'sell' %}
-                                بيع فقط
-                            {% endif %}
-                        </span>
-                    </div>
-                    <div class="settings-item">
-                        <span class="settings-label">الحد الأقصى للصفقات اليومية:</span>
-                        <span class="settings-value">{{ settings.max_daily_trades }}</span>
-                    </div>
-                    <div class="settings-item">
-                        <span class="settings-label">فاصل زمني التحليل:</span>
-                        <span class="settings-value">{{ analysis_interval }} دقيقة</span>
-                    </div>
-                    <div class="settings-item">
-                        <span class="settings-label">نطاق السبريد:</span>
-                        <span class="settings-value">{{ settings.min_spread }}-{{ settings.max_spread }} نقطة</span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="dashboard-card">
-                <div class="card-header">
-                    <div class="card-title">
-                        <i class="fas fa-chart-line"></i> نشاط النظام
-                    </div>
-                </div>
-                <div class="chart-container">
-                    <canvas id="activityChart"></canvas>
-                </div>
-            </div>
-        </div>
-
-        <div class="pro-section">
-    <div class="section-header">
-        <h2><i class="fas fa-brain"></i> نتائج تحليل الذكاء الاصطناعي <span class="pro-badge">PRO</span></h2>
-        <div class="section-actions">
-            <button id="refreshAnalysisBtn">
-                <i class="fas fa-sync-alt"></i> تحديث
-            </button>
-            <button id="clearAnalysisBtn" class="btn-danger">
-                <i class="fas fa-trash-alt"></i> حذف الكل
-            </button>
-        </div>
-    </div>
-
-    <div class="analysis-results-grid" id="analysisResultsGrid">
-        <div class="loading-overlay">
-            <i class="fas fa-spinner fa-spin"></i>
-            <span>جاري تحميل نتائج التحليل...</span>
-        </div>
-
-        <!-- Example of one result card (repeat dynamically for each result) -->
-        <div class="analysis-result-card">
-            <div class="result-header">
-                <h3>زوج العملة: <span class="pair-label">${pair}</span></h3>
-                <div class="result-actions">
-                    <button class="btn btn-sm btn-danger delete-result-btn" data-pair="${pair}">
-                        <i class="fas fa-trash"></i> حذف
-                    </button>
-                </div>
-            </div>
-            <div class="result-body">
-                <!-- محتوى نتيجة التحليل هنا -->
-            </div>
-        </div>
-        <!-- End of result card -->
-    </div>
-</div>
-
-
-        <!-- Analysis History Section -->
-        <div class="dashboard-card history-card">
-            <div class="card-header">
-                <div class="card-title">
-                    <i class="fas fa-history"></i> سجل التحليل
-                </div>
-                <div class="card-actions">
-                    <button class="card-action-btn" id="refreshHistoryBtn">
-                        <i class="fas fa-sync-alt"></i>
-                    </button>
-                </div>
-            </div>
-            <div class="history-list" id="historyList">
-                <div class="history-loading">
-                    <i class="fas fa-spinner fa-spin"></i> جاري تحميل السجل...
-                </div>
-            </div>
-        </div>
-
-        <!-- Admin Tools (Hidden by Default) -->
-        <div class="admin-panel hidden" id="adminPanel">
-            <div class="dashboard-card">
-                <div class="card-header">
-                    <div class="card-title">
-                        <i class="fas fa-tools"></i> أدوات المشرف
-                    </div>
-                </div>
-                <div class="admin-controls">
-                    <button class="btn btn-primary" onclick="forceAnalysis()">
-                        <i class="fas fa-bolt"></i> تحليل فوري
-                    </button>
-                    <button class="btn btn-info" onclick="updateAnalysisInterval()">
-                        <i class="fas fa-clock"></i> تغيير الفاصل الزمني
-                    </button>
-                    <button class="btn btn-secondary" onclick="clearAnalysisHistory()">
-                        <i class="fas fa-eraser"></i> مسح السجل
-                    </button>
-                    <button class="btn btn-warning" onclick="toggleTelegramNotifications()">
-                        <i class="fab fa-telegram"></i> <span id="telegramToggleText">إيقاف إشعارات تلغرام</span>
-                    </button>
-                </div>
-                <div class="admin-stats">
-                    <div class="stat-item">
-                        <div class="stat-label">وقت تشغيل النظام:</div>
-                        <div class="stat-value" id="systemUptimeValue">0 ساعة 0 دقيقة</div>
-                    </div>
-                    <div class="stat-item">
-                        <div class="stat-label">عدد التحليلات:</div>
-                        <div class="stat-value" id="analysisCountValue">0</div>
-                    </div>
-                    <div class="stat-item">
-                        <div class="stat-label">عدد الإشارات:</div>
-                        <div class="stat-value" id="signalCountValue">0</div>
-                    </div>
-                    <div class="stat-item">
-                        <div class="stat-label">حالة إشعارات تلغرام:</div>
-                        <div class="stat-value" id="telegramStatusValue">مفعّلة</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- System Logs Section (Admin Only) -->
-        <div class="logs-panel hidden" id="logsPanel">
-            <div class="dashboard-card">
-                <div class="card-header">
-                    <div class="card-title">
-                        <i class="fas fa-terminal"></i> سجلات النظام
-                    </div>
-                    <div class="card-actions">
-                        <button class="card-action-btn" id="refreshLogsBtn">
-                            <i class="fas fa-sync-alt"></i>
-                        </button>
-                        <button class="card-action-btn" id="clearLogsBtn">
-                            <i class="fas fa-trash"></i>
-                        </button>
-                    </div>
-                </div>
-                <div class="logs-container" id="logsContainer">
-                    <div class="logs-loading">
-                        <i class="fas fa-spinner fa-spin"></i> جاري تحميل السجلات...
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-<script>
-let isTimerPaused = false;
-let countdownTimer;
-let timeLeft = {{ timer_remaining }};
-let isAuthenticated = false;
-let isAnalysisInProgress = false;
-let currentAnalysisPair = null;
-let isMarketClosed = false;
-let activityChart;
-let chartData = {
-    labels: [],
-    datasets: [{
-        label: 'نشاط التحليل',
-        data: [],
-        borderColor: '#3498db',
-        backgroundColor: 'rgba(52, 152, 219, 0.1)',
-        borderWidth: 2,
-        tension: 0.4,
-        fill: true
-    }]
-};
-let analysisHistory = [];
-let analysisResults = {};
-let isAdmin = false;
-let isTelegramEnabled = true;
-let isDarkMode = localStorage.getItem('darkMode') === 'true';
-
-// Check if user is already authenticated
-function checkAuthStatus() {
-    const authStatus = localStorage.getItem('forex_auth');
-    if (authStatus === 'authenticated') {
-        isAuthenticated = true;
-        showMainContent();
-        showWelcomeAnimation();
-        initializeChart();
-        loadAnalysisHistory();
-        loadAnalysisResults();
-        // Start periodic market transition check
-        startMarketTransitionCheck();
-
-        // Check if admin
-        if (localStorage.getItem('forex_admin') === 'true') {
-            isAdmin = true;
-            document.getElementById('adminPanel').classList.remove('hidden');
-            document.getElementById('logsPanel').classList.remove('hidden');
-            document.getElementById('userDisplayName').textContent = 'المشرف';
-        } else {
-            document.getElementById('userDisplayName').textContent = 'المستخدم';
-        }
-
-        // Apply dark mode if enabled
-        if (isDarkMode) {
-            document.body.classList.add('dark-mode');
-            document.getElementById('darkModeIcon').className = 'fas fa-sun';
-        }
-    } else {
-        showPasswordModal();
-    }
-}
-
-function showPasswordModal() {
-    document.getElementById('passwordModal').classList.remove('hidden');
-    document.getElementById('mainContent').classList.add('hidden');
-    document.getElementById('passwordInput').focus();
-}
-
-function showMainContent() {
-    document.getElementById('passwordModal').classList.add('hidden');
-    // Delay showing content for animation
-    setTimeout(() => {
-        document.getElementById('mainContent').classList.remove('hidden');
-        setTimeout(() => {
-            document.getElementById('mainContent').classList.add('visible');
-        }, 100);
-    }, 300);
-}
-
-function showWelcomeAnimation() {
-    const welcomeAnimation = document.getElementById('welcomeAnimation');
-    const welcomeText = document.getElementById('welcomeText');
-    welcomeAnimation.classList.add('show');
-    // Animate welcome text
-    anime({
-        targets: welcomeText,
-        scale: [0.5, 1],
-        opacity: [0, 1],
-        duration: 1500,
-        easing: 'easeOutElastic(1, .5)'
-    });
-    // Hide animation after delay
-    setTimeout(() => {
-        anime({
-            targets: welcomeText,
-            scale: [1, 1.2],
-            opacity: [1, 0],
-            duration: 800,
-            easing: 'easeInOutQuad',
-            complete: function() {
-                welcomeAnimation.classList.remove('show');
-            }
-        });
-    }, 2500);
-}
-
-function checkPassword() {
-    const password = document.getElementById('passwordInput').value;
-    if (password === 'hakim1234') {
-        isAuthenticated = true;
-        localStorage.setItem('forex_auth', 'authenticated');
-        showMainContent();
-        showWelcomeAnimation();
-        initializeChart();
-        loadAnalysisHistory();
-        loadAnalysisResults();
-        // Start periodic market transition check
-        startMarketTransitionCheck();
-    } else if (password === 'admin1234') {
-        // Admin login
-        isAuthenticated = true;
-        isAdmin = true;
-        localStorage.setItem('forex_auth', 'authenticated');
-        localStorage.setItem('forex_admin', 'true');
-        showMainContent();
-        showWelcomeAnimation();
-        initializeChart();
-        loadAnalysisHistory();
-        loadAnalysisResults();
-        document.getElementById('adminPanel').classList.remove('hidden');
-        document.getElementById('logsPanel').classList.remove('hidden');
-        document.getElementById('userDisplayName').textContent = 'المشرف';
-        startMarketTransitionCheck();
-        showNotification('مرحباً', 'تم تسجيل الدخول كمشرف', 'success');
-    } else {
-        showNotification('خطأ', 'كلمة المرور غير صحيحة!', 'error');
-        document.getElementById('passwordInput').value = '';
-    }
-}
-
-function logout() {
-    if (confirm('هل أنت متأكد من رغبتك في تسجيل الخروج؟')) {
-        localStorage.removeItem('forex_auth');
-        localStorage.removeItem('forex_admin');
-        window.location.reload();
-    }
-}
-
-function toggleDarkMode() {
-    isDarkMode = !isDarkMode;
-    document.body.classList.toggle('dark-mode');
-    localStorage.setItem('darkMode', isDarkMode);
-
-    // Update icon
-    const darkModeIcon = document.getElementById('darkModeIcon');
-    if (isDarkMode) {
-        darkModeIcon.className = 'fas fa-sun';
-    } else {
-        darkModeIcon.className = 'fas fa-moon';
-    }
-}
-
-function initializeChart() {
-    const ctx = document.getElementById('activityChart').getContext('2d');
-    // Generate sample data for the chart (last 7 hours)
-    const now = new Date();
-    for (let i = 6; i >= 0; i--) {
-        const time = new Date(now);
-        time.setHours(now.getHours() - i);
-        chartData.labels.push(time.getHours() + ':00');
-        chartData.datasets[0].data.push(Math.floor(Math.random() * 100));
-    }
-    activityChart = new Chart(ctx, {
-        type: 'line',
-        data: chartData,
-        options: {
-            responsive: true,
-            maintainAspectRatio: false,
-            plugins: {
-                legend: {
-                    display: false
-                }
-            },
-            scales: {
-                x: {
-                    grid: {
-                        color: 'rgba(255, 255, 255, 0.05)'
-                    },
-                    ticks: {
-                        color: '#95a5a6'
-                    }
-                },
-                y: {
-                    grid: {
-                        color: 'rgba(255, 255, 255, 0.05)'
-                    },
-                    ticks: {
-                        color: '#95a5a6'
-                    }
-                }
-            }
-        }
-    });
-}
-
-function loadAnalysisHistory() {
-    // Load analysis history from server
-    fetch('/analysis-history')
-        .then(response => response.json())
-        .then(data => {
-            if (data.success && data.history) {
-                analysisHistory = data.history;
-                renderAnalysisHistory();
-            }
-        })
-        .catch(error => {
-            console.error('Error loading analysis history:', error);
-        });
-}
-
-function loadAnalysisResults() {
-    // Show loading state
-    const resultsGrid = document.getElementById('analysisResultsGrid');
-    resultsGrid.innerHTML = `
-        <div class="loading-overlay">
-            <i class="fas fa-spinner fa-spin"></i>
-            <span>جاري تحميل نتائج التحليل...</span>
-        </div>
-    `;
-
-    // Load analysis results from server
-    fetch('/analysis-results')
-        .then(response => response.json())
-        .then(data => {
-            if (data.success && data.results) {
-                analysisResults = data.results;
-                renderAnalysisResults();
-            } else {
-                resultsGrid.innerHTML = `
-                    <div class="empty-results">
-                        <i class="fas fa-info-circle"></i>
-                        <span>لا توجد نتائج تحليل متاحة حالياً</span>
-                    </div>
-                `;
-            }
-        })
-        .catch(error => {
-            console.error('Error loading analysis results:', error);
-            resultsGrid.innerHTML = `
-                <div class="error-message">
-                    <i class="fas fa-exclamation-triangle"></i>
-                    <span>حدث خطأ أثناء تحميل النتائج</span>
-                </div>
-            `;
-        });
-}
-
-function renderAnalysisResults() {
-    const resultsGrid = document.getElementById('analysisResultsGrid');
-    resultsGrid.innerHTML = '';
-
-    if (!analysisResults || Object.keys(analysisResults).length === 0) {
-        resultsGrid.innerHTML = `
-            <div class="empty-results">
-                <i class="fas fa-info-circle"></i>
-                <span>لا توجد نتائج تحليل متاحة حالياً</span>
-            </div>
-        `;
-        return;
-    }
-
-    // Sort results by timestamp (newest first)
-    const sortedPairs = Object.keys(analysisResults).sort((a, b) => {
-        const timeA = new Date(analysisResults[a].timestamp || 0);
-        const timeB = new Date(analysisResults[b].timestamp || 0);
-        return timeB - timeA;
-    });
-
-    sortedPairs.forEach(pair => {
-        const result = analysisResults[pair];
-        const hasSignal = result.trade_signal && result.trade_signal.length > 0;
-
-        // Create result card
-        const resultCard = document.createElement('div');
-        resultCard.className = `analysis-result-card ${hasSignal ? 'has-signal' : 'no-signal'}`;
-        resultCard.id = `result-${pair}`;
-
-        // Format timestamp
-        const timestamp = new Date(result.timestamp);
-        const formattedTime = timestamp.toLocaleTimeString('ar-LY');
-        const formattedDate = timestamp.toLocaleDateString('ar-LY');
-
-        // Extract summary from wait reason or trade signal
-        let summary = '';
-        if (hasSignal) {
-            // Extract first line of trade signal as summary
-            const firstLine = result.trade_signal.split('\n')[0];
-            summary = firstLine;
-        } else {
-            // Use wait reason as summary
-            summary = result.wait_reason || 'لا توجد إشارة';
-        }
-
-        // Build card content
-        resultCard.innerHTML = `
-            <div class="result-header">
-                <div class="result-pair">
-                    <i class="fas fa-coins"></i> ${pair}
-                </div>
-                <div class="result-time">
-                    <i class="fas fa-clock"></i> ${formattedTime} ${formattedDate}
-                </div>
-            </div>
-            <div class="result-content">
-                <div class="result-status">
-                    ${hasSignal ?
-                        '<span class="signal-badge"><i class="fas fa-check-circle"></i> إشارة تداول</span>' :
-                        '<span class="no-signal-badge"><i class="fas fa-times-circle"></i> لا توجد إشارة</span>'}
-                </div>
-                <div class="result-summary">${summary}</div>
-            </div>
-            <div class="result-actions">
-                <button class="btn btn-sm btn-primary view-details-btn" data-pair="${pair}">
-                    <i class="fas fa-search"></i> عرض التفاصيل
-                </button>
-                <button class="btn btn-sm btn-danger delete-result-btn" data-pair="${pair}">
-                    <i class="fas fa-trash"></i> حذف
-                </button>
-            </div>
-        `;
-
-        resultsGrid.appendChild(resultCard);
-    });
-
-    // Add event listeners after rendering
-    document.querySelectorAll('.view-details-btn').forEach(btn => {
-        btn.addEventListener('click', function() {
-            const pair = this.getAttribute('data-pair');
-            showAnalysisDetails(pair);
-        });
-    });
-
-    document.querySelectorAll('.delete-result-btn').forEach(btn => {
-        btn.addEventListener('click', function() {
-            const pair = this.getAttribute('data-pair');
-            deleteAnalysisResult(pair);
-        });
-    });
-}
-
-function showAnalysisDetails(pair) {
-    const result = analysisResults[pair];
-    if (!result) return;
-
-    // Set modal title
-    document.getElementById('analysisModalTitle').textContent = `تحليل ${pair}`;
-
-    // Show loading
-    document.getElementById('analysisModalBody').innerHTML = `
-        <div class="analysis-loading">
-            <i class="fas fa-spinner fa-spin"></i> جاري تحميل التفاصيل...
-        </div>
-    `;
-
-    // Show modal
-    document.getElementById('analysisModal').classList.add('show');
-
-    // Prepare content
-    let modalContent = '';
-
-    // Format timestamp
-    const timestamp = new Date(result.timestamp);
-    const formattedDateTime = timestamp.toLocaleString('ar-LY');
-
-    // Check if there's a trade signal
-    const hasSignal = result.trade_signal && result.trade_signal.length > 0;
-
-    modalContent += `
-        <div class="detail-section">
-            <div class="detail-header">
-                <i class="fas fa-info-circle"></i> معلومات أساسية
-            </div>
-            <div class="detail-content">
-                <div class="detail-item">
-                    <span class="detail-label">زوج العملات:</span>
-                    <span class="detail-value">${pair}</span>
-                </div>
-                <div class="detail-item">
-                    <span class="detail-label">وقت التحليل:</span>
-                    <span class="detail-value">${formattedDateTime}</span>
-                </div>
-                <div class="detail-item">
-                    <span class="detail-label">النتيجة:</span>
-                    <span class="detail-value ${hasSignal ? 'text-success' : 'text-warning'}">
-                        ${hasSignal ? 'إشارة تداول' : 'لا توجد إشارة'}
-                    </span>
-                </div>
-            </div>
-        </div>
-    `;
-
-    // Add analysis section
-    if (result.analysis && result.analysis.length > 0) {
-        modalContent += `
-            <div class="detail-section">
-                <div class="detail-header">
-                    <i class="fas fa-chart-line"></i> التحليل الفني
-                </div>
-                <div class="detail-content analysis-content">
-                    ${formatAnalysisText(result.analysis)}
-                </div>
-            </div>
-        `;
-    }
-
-    // Add trade signal section if available
-    if (hasSignal) {
-        modalContent += `
-            <div class="detail-section signal-section">
-                <div class="detail-header">
-                    <i class="fas fa-chart-bar"></i> إشارة التداول
-                </div>
-                <div class="detail-content signal-content">
-                    ${formatAnalysisText(result.trade_signal)}
-                </div>
-            </div>
-        `;
-    }
-
-    // Add wait reason section if available
-    if (result.wait_reason && result.wait_reason.length > 0) {
-        modalContent += `
-            <div class="detail-section wait-section">
-                <div class="detail-header">
-                    <i class="fas fa-hand-paper"></i> سبب عدم وجود إشارة
-                </div>
-                <div class="detail-content wait-content">
-                    ${formatAnalysisText(result.wait_reason)}
-                </div>
-            </div>
-        `;
-    }
-
-    // Add raw AI response for admins
-    if (isAdmin && result.raw_ai_response) {
-        modalContent += `
-            <div class="detail-section raw-section">
-                <div class="detail-header">
-                    <i class="fas fa-code"></i> استجابة الذكاء الاصطناعي الكاملة
-                </div>
-                <div class="detail-content raw-content">
-                    <pre>${result.raw_ai_response}</pre>
-                </div>
-            </div>
-        `;
-    }
-
-    // Update modal content
-    document.getElementById('analysisModalBody').innerHTML = modalContent;
-
-    // Setup copy button
-    document.getElementById('copyAnalysisBtn').onclick = function() {
-        // Prepare text to copy
-        let copyText = `تحليل ${pair} - ${formattedDateTime}\n\n`;
-
-        if (result.analysis) {
-            copyText += `التحليل الفني:\n${result.analysis}\n\n`;
-        }
-
-        if (hasSignal) {
-            copyText += `إشارة التداول:\n${result.trade_signal}\n\n`;
-        } else if (result.wait_reason) {
-            copyText += `سبب عدم وجود إشارة:\n${result.wait_reason}\n\n`;
-        }
-
-        // Copy to clipboard
-        navigator.clipboard.writeText(copyText).then(() => {
-            showNotification('تم النسخ', 'تم نسخ التحليل إلى الحافظة', 'success');
-        }).catch(err => {
-            console.error('Error copying text: ', err);
-            showNotification('خطأ', 'فشل نسخ التحليل', 'error');
-        });
-    };
-}
-
-function deleteAnalysisResult(pair) {
-    if (confirm(`هل أنت متأكد من رغبتك في حذف تحليل ${pair}؟`)) {
-        // Remove from local storage
-        delete analysisResults[pair];
-
-        // Remove from UI
-        const resultCard = document.getElementById(`result-${pair}`);
-        if (resultCard) {
-            resultCard.classList.add('fade-out');
-            setTimeout(() => {
-                resultCard.remove();
-
-                // Show empty state if no results left
-                if (Object.keys(analysisResults).length === 0) {
-                    document.getElementById('analysisResultsGrid').innerHTML = `
-                        <div class="empty-results">
-                            <i class="fas fa-info-circle"></i>
-                            <span>لا توجد نتائج تحليل متاحة حالياً</span>
-                        </div>
-                    `;
-                }
-            }, 300);
-        }
-
-        // Send to server (optional)
-        if (isAdmin) {
-            fetch('/delete-analysis', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    admin_password: 'admin1234',
-                    pair: pair
-                })
-            }).then(response => response.json())
-              .then(data => {
-                  if (data.success) {
-                      showNotification('تم الحذف', `تم حذف تحليل ${pair} بنجاح`, 'success');
-                  }
-              }).catch(error => {
-                  console.error('Error deleting analysis:', error);
-              });
-        }
-
-        showNotification('تم الحذف', `تم حذف تحليل ${pair}`, 'success');
-    }
-}
-
-function clearAllAnalysisResults() {
-    if (confirm('هل أنت متأكد من رغبتك في حذف جميع نتائج التحليل؟')) {
-        // Clear local storage
-        analysisResults = {};
-
-        // Clear UI
-        document.getElementById('analysisResultsGrid').innerHTML = `
-            <div class="empty-results">
-                <i class="fas fa-info-circle"></i>
-                <span>لا توجد نتائج تحليل متاحة حالياً</span>
-            </div>
-        `;
-
-        // Send to server (optional)
-        if (isAdmin) {
-            fetch('/clear-analysis', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    admin_password: 'admin1234'
-                })
-            }).then(response => response.json())
-              .then(data => {
-                  if (data.success) {
-                      showNotification('تم الحذف', 'تم حذف جميع نتائج التحليل بنجاح', 'success');
-                  }
-              }).catch(error => {
-                  console.error('Error clearing analysis results:', error);
-              });
-        }
-
-        showNotification('تم الحذف', 'تم حذف جميع نتائج التحليل', 'success');
-    }
-}
-
-function formatAnalysisText(text) {
-    if (!text) return '';
-
-    // Replace newlines with <br>
-    let formatted = text.replace(/\n/g, '<br>');
-
-    // Bold important keywords
-    const keywords = [
-        'شراء', 'بيع', 'الدخول', 'وقف الخسارة', 'الهدف', 'النوع',
-        'الثقة', 'التصنيف', 'A+', 'B', 'Reject', 'الاتجاه', 'المدة المتوقعة',
-        'RSI', 'MACD', 'المتوسطات', 'الدعم', 'المقاومة'
-    ];
-
-    keywords.forEach(keyword => {
-        const regex = new RegExp(`(${keyword})`, 'gi');
-        formatted = formatted.replace(regex, '<strong>$1</strong>');
-    });
-
-    // Highlight numbers
-    formatted = formatted.replace(/(\d+\.?\d*)/g, '<span class="highlight-number">$1</span>');
-
-    // Highlight percentages
-    formatted = formatted.replace(/(\d+\.?\d*\s*%)/g, '<span class="highlight-percentage">$1</span>');
-
-    return formatted;
-}
-
-function closeAnalysisModal() {
-    document.getElementById('analysisModal').classList.remove('show');
-}
-
-function renderAnalysisHistory() {
-    const historyList = document.getElementById('historyList');
-
-    if (!analysisHistory || analysisHistory.length === 0) {
-        historyList.innerHTML = '<div class="empty-history">لا توجد سجلات تحليل سابقة</div>';
-        return;
-    }
-
-    historyList.innerHTML = '';
-
-    // Sort history by timestamp (newest first)
-    const sortedHistory = [...analysisHistory].sort((a, b) => {
-        return new Date(b.timestamp) - new Date(a.timestamp);
-    });
-
-    sortedHistory.forEach(item => {
-        const historyItem = document.createElement('div');
-        historyItem.className = `history-item ${item.has_signal ? 'has-signal' : ''}`;
-
-        const timestamp = new Date(item.timestamp);
-        const formattedTime = timestamp.toLocaleTimeString('ar-LY');
-        const formattedDate = timestamp.toLocaleDateString('ar-LY');
-
-        historyItem.innerHTML = `
-            <div class="history-time">${formattedTime}</div>
-            <div class="history-date">${formattedDate}</div>
-            <div class="history-pair">${item.pair}</div>
-            <div class="history-status">
-                ${item.has_signal ?
-                    '<span class="signal-badge"><i class="fas fa-check-circle"></i> إشارة</span>' :
-                    '<span class="no-signal-badge"><i class="fas fa-times-circle"></i> لا إشارة</span>'}
-            </div>
-            <div class="history-summary">${item.result_summary}</div>
-        `;
-
-        historyList.appendChild(historyItem);
-    });
-
-    // Update admin stats if admin
-    if (isAdmin) {
-        updateAdminStats();
-    }
-}
-
-function updateAdminStats() {
-    if (!isAdmin) return;
-
-    // Count signals
-    const signalCount = analysisHistory.filter(item => item.has_signal).length;
-    document.getElementById('signalCountValue').textContent = signalCount;
-
-    // Count total analyses
-    document.getElementById('analysisCountValue').textContent = analysisHistory.length;
-
-    // Update system uptime if running
-    if (window.systemStartTime) {
-        const now = new Date();
-        const uptime = now - window.systemStartTime;
-        const hours = Math.floor(uptime / (1000 * 60 * 60));
-        const minutes = Math.floor((uptime % (1000 * 60 * 60)) / (1000 * 60));
-        document.getElementById('systemUptimeValue').textContent = `${hours} ساعة ${minutes} دقيقة`;
-    }
-
-    // Update Telegram status
-    document.getElementById('telegramStatusValue').textContent = isTelegramEnabled ? 'مفعّلة' : 'معطّلة';
-    document.getElementById('telegramToggleText').textContent = isTelegramEnabled ? 'إيقاف إشعارات تلغرام' : 'تفعيل إشعارات تلغرام';
-}
-
-function updateChart(value) {
-    // Add new data point and remove oldest
-    const now = new Date();
-    chartData.labels.push(now.getHours() + ':' + now.getMinutes().toString().padStart(2, '0'));
-    chartData.datasets[0].data.push(value);
-    if (chartData.labels.length > 7) {
-        chartData.labels.shift();
-        chartData.datasets[0].data.shift();
-    }
-    activityChart.update();
-}
-
-function updateSystemStatus(data) {
-    const statusCard = document.getElementById('statusCard');
-    const statusTitle = document.getElementById('statusTitle');
-    const statusText = document.getElementById('statusText');
-    const timerLabel = document.getElementById('timerLabel');
-    const currentAnalysis = document.getElementById('currentAnalysis');
-    const controlsSection = document.getElementById('controlsSection');
-
-    // Store system start time for uptime calculation
-    if (data.system_running && !window.systemStartTime) {
-        window.systemStartTime = new Date();
-    } else if (!data.system_running) {
-        window.systemStartTime = null;
-    }
-
-    // Check if market is closed first
-    if (data.market_closed || data.weekend_mode) {
-        isMarketClosed = true;
-        if (data.system_running) {
-            // System is running during weekend
-            showWeekendModeWithSystemRunning(data);
-        } else {
-            // System is not running during weekend
-            showMarketClosedStatus(data.message || "السوق مغلق اليوم (عطلة نهاية الأسبوع). لا يوجد تداول.");
-        }
-        return;
-    } else {
-        isMarketClosed = false;
-    }
-
-    // Update system running status
-    if (data.system_running) {
-        statusCard.className = 'status-card running';
-        statusTitle.innerHTML = '<i class="fas fa-play-circle"></i> النظام قيد التشغيل';
-        statusText.textContent = `يعمل النظام على تحليل أزواج العملات كل ${data.analysis_interval || {{ analysis_interval }}} دقيقة`;
-        document.getElementById('timer').classList.remove('hidden');
-        timerLabel.textContent = "الوقت المتبقي للتحليل التالي:";
-        // Update controls to show stop button
-        updateControlsForRunningSystem();
-
-        // If we have time remaining data, update the timer
-        if (data.time_remaining !== undefined) {
-            timeLeft = data.time_remaining;
-            if (countdownTimer) {
-                clearInterval(countdownTimer);
-            }
-            isTimerPaused = false;
-            startTimerDisplay();
-        }
-    } else {
-        statusCard.className = 'status-card stopped';
-        statusTitle.innerHTML = '<i class="fas fa-stop-circle"></i> النظام متوقف';
-        statusText.textContent = 'النظام متوقف حالياً. اضغط على بدء لتشغيل النظام';
-        document.getElementById('timer').classList.add('hidden');
-        currentAnalysis.classList.remove('visible');
-        // Update controls to show start button
-        updateControlsForStoppedSystem();
-    }
-
-    // Update analysis in progress status
-    isAnalysisInProgress = data.analysis_in_progress;
-    currentAnalysisPair = data.current_pair;
-
-    if (isAnalysisInProgress && currentAnalysisPair) {
-        statusCard.className = 'status-card analyzing';
-        statusTitle.innerHTML = '<i class="fas fa-spinner fa-spin"></i> جاري التحليل';
-        currentAnalysis.classList.add('visible');
-        document.getElementById('currentPair').textContent = currentAnalysisPair;
-        // Update the pair card
-        resetPairCards();
-        const pairCard = document.getElementById(`pair-${currentAnalysisPair}`);
-        if (pairCard) {
-            pairCard.classList.add('active');
-        }
-    } else {
-        currentAnalysis.classList.remove('visible');
-        // Only reset pair cards if not in the middle of analysis
-        if (!isAnalysisInProgress) {
-            resetPairCards();
-        }
-    }
-
-    // Update selected pairs if provided
-    if (data.selected_pairs) {
-        updatePairsGrid(data.selected_pairs);
-    }
-
-    // Update admin stats if admin
-    if (isAdmin) {
-        updateAdminStats();
-    }
-}
-
-function showWeekendModeWithSystemRunning(data) {
-    const statusCard = document.getElementById('statusCard');
-    const statusTitle = document.getElementById('statusTitle');
-    const statusText = document.getElementById('statusText');
-    const timer = document.getElementById('timer');
-    const timerLabel = document.getElementById('timerLabel');
-    const controlsSection = document.getElementById('controlsSection');
-
-    statusCard.className = 'status-card holiday running';
-    statusTitle.innerHTML = '<i class="fas fa-play-circle"></i> النظام قيد التشغيل (عطلة نهاية الأسبوع)';
-    statusText.textContent = data.message || "السوق مغلق حالياً. سيبدأ التحليل تلقائياً عند فتح السوق.";
-
-    // Show timer for countdown to market open
-    timer.classList.remove('hidden');
-    timerLabel.textContent = "الوقت المتبقي لفتح السوق:";
-
-    // Update controls section to show stop button
-   controlsSection.innerHTML = `
-        <form id="stopForm" action="/stop-system" method="post">
-            <button type="submit" class="btn btn-danger">
-                <i class="fas fa-stop-circle"></i> إيقاف النظام
-            </button>
-        </form>
-        <a href="/settings" class="btn btn-warning">
-            <i class="fas fa-cog"></i> الإعدادات
-        </a>
-    `;
-
-    isMarketClosed = true;
-
-    // If we have time remaining data, update the timer
-    if (data.time_remaining !== undefined) {
-        timeLeft = data.time_remaining;
-        if (countdownTimer) {
-            clearInterval(countdownTimer);
-        }
-        isTimerPaused = false;
-        startTimerDisplay();
-    }
-}
-
-function showMarketClosedStatus(message) {
-    const statusCard = document.getElementById('statusCard');
-    const statusTitle = document.getElementById('statusTitle');
-    const statusText = document.getElementById('statusText');
-    const timer = document.getElementById('timer');
-    const controlsSection = document.getElementById('controlsSection');
-
-    statusCard.className = 'status-card holiday';
-    statusTitle.innerHTML = '<i class="fas fa-calendar-times"></i> السوق مغلق';
-    statusText.textContent = message || "السوق مغلق اليوم (عطلة نهاية الأسبوع). لا يوجد تداول.";
-    timer.classList.add('hidden');
-
-    // Show start button during market closed - important fix
-    controlsSection.innerHTML = `
-        <form id="startForm" action="/start-system" method="post">
-            <button type="submit" class="btn btn-success">
-                <i class="fas fa-play-circle"></i> بدء النظام
-            </button>
-        </form>
-        <a href="/settings" class="btn btn-warning">
-            <i class="fas fa-cog"></i> الإعدادات
-        </a>
-    `;
-
-    isMarketClosed = true;
-}
-
-function updateControlsForRunningSystem() {
-    const controlsSection = document.getElementById('controlsSection');
-    // Ensure we have the stop button
-    if (!document.getElementById('stopForm')) {
-        controlsSection.innerHTML = `
-            <form id="stopForm" action="/stop-system" method="post">
-                <button type="submit" class="btn btn-danger">
-                    <i class="fas fa-stop-circle"></i> إيقاف النظام
-                </button>
-            </form>
-            <a href="/settings" class="btn btn-warning">
-                <i class="fas fa-cog"></i> الإعدادات
-            </a>
-        `;
-    }
-}
-
-function updateControlsForStoppedSystem() {
-    const controlsSection = document.getElementById('controlsSection');
-    // Ensure we have the start button
-    if (!document.getElementById('startForm')) {
-        controlsSection.innerHTML = `
-            <form id="startForm" action="/start-system" method="post">
-                <button type="submit" class="btn btn-success">
-                    <i class="fas fa-play-circle"></i> بدء النظام
-                </button>
-            </form>
-            <a href="/settings" class="btn btn-warning">
-                <i class="fas fa-cog"></i> الإعدادات
-            </a>
-        `;
-    }
-}
-
-function updatePairsGrid(pairs) {
-    const pairsGrid = document.getElementById('pairsGrid');
-    // Clear existing pairs
-    pairsGrid.innerHTML = '';
-    // Add updated pairs
-    pairs.forEach(pair => {
-        const pairCard = document.createElement('div');
-        pairCard.className = 'pair-card';
-        pairCard.id = `pair-${pair}`;
-        const pairIcon = document.createElement('div');
-        pairIcon.className = 'pair-icon';
-        pairIcon.innerHTML = '<i class="fas fa-circle"></i>';
-        pairCard.appendChild(pairIcon);
-        pairCard.appendChild(document.createTextNode(pair));
-        pairsGrid.appendChild(pairCard);
-    });
-}
-
-function resetPairCards() {
-    const pairCards = document.querySelectorAll('.pair-card');
-    pairCards.forEach(card => {
-        card.classList.remove('active', 'completed', 'signal', 'error');
-    });
-}
-
-function startTimerDisplay() {
-    const timerElement = document.getElementById('timer');
-    timerElement.classList.remove('hidden');
-    if (isTimerPaused) {
-        timerElement.classList.add('paused');
-    } else {
-        timerElement.classList.remove('paused');
-    }
-
-    if (countdownTimer) {
-        clearInterval(countdownTimer);
-    }
-
-    // Immediately update the display
-    updateTimerDisplay();
-
-    countdownTimer = setInterval(function() {
-        if (isTimerPaused) return; // Skip countdown if timer is paused
-
-        if (timeLeft <= 0) {
-            // Timer reached zero
-            clearInterval(countdownTimer);
-            document.getElementById('countdown').textContent = "00:00";
-            checkAnalysisStatus();
-        } else {
-            timeLeft--;
-            updateTimerDisplay();
-        }
-    }, 1000);
-}
-
-function updateTimerDisplay() {
-    // For weekend mode, show time in days:hours:minutes format if more than a day
-    if (isMarketClosed && timeLeft > 86400) { // More than 1 day
-        const days = Math.floor(timeLeft / 86400);
-        const hours = Math.floor((timeLeft % 86400) / 3600);
-        const minutes = Math.floor((timeLeft % 3600) / 60);
-
-        document.getElementById('countdown').textContent =
-            `${days}:${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
-
-        // Update label to show days
-        document.getElementById('timerLabel').textContent = "الوقت المتبقي لفتح السوق (أيام:ساعات:دقائق):";
-    } else {
-        // Regular minutes:seconds format
-        const minutes = Math.floor(timeLeft / 60);
-        const seconds = timeLeft % 60;
-
-        document.getElementById('countdown').textContent =
-            `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
-    }
-}
-
-function checkAnalysisStatus() {
-    // When timer reaches zero, check if analysis should start
-    fetch('/timer-status')
-        .then(response => response.json())
-        .then(data => {
-            console.log('Timer reached zero, checking status:', data);
-
-            if (data.system_running && !data.market_closed && !data.analysis_in_progress) {
-                // Analysis should start automatically, but let's show a notification
-                showNotification('تحليل', 'بدء التحليل التلقائي...', 'info');
-
-                // Check again after a few seconds to get updated status
-                setTimeout(() => {
-                    fetch('/timer-status')
-                        .then(response => response.json())
-                        .then(updatedData => {
-                            updateSystemStatus(updatedData);
-
-                            // Fix: Restart timer if needed
-                            if (updatedData.system_running && !updatedData.analysis_in_progress) {
-                                timeLeft = updatedData.time_remaining || ({{ analysis_interval }} * 60);
-                                startTimerDisplay();
-                            }
-                        });
-                }, 5000);
-            }
-        })
-        .catch(error => {
-            console.error('Error checking analysis status:', error);
-        });
-}
-
-function showNotification(title, message, type = 'info') {
-    const notification = document.getElementById('notification');
-    const notificationTitle = document.getElementById('notificationTitle');
-    const notificationMessage = document.getElementById('notificationMessage');
-    const notificationIcon = notification.querySelector('.notification-icon i');
-
-    // Set notification content
-    notificationTitle.textContent = title;
-    notificationMessage.textContent = message;
-
-    // Set notification type
-    notification.className = 'notification';
-    notification.classList.add(type);
-
-    // Set icon based on type
-    switch(type) {
-        case 'success':
-            notificationIcon.className = 'fas fa-check-circle';
-            break;
-        case 'error':
-            notificationIcon.className = 'fas fa-exclamation-circle';
-            break;
-        case 'warning':
-            notificationIcon.className = 'fas fa-exclamation-triangle';
-            break;
-        default:
-            notificationIcon.className = 'fas fa-info-circle';
-    }
-
-    // Show notification
-    notification.classList.add('show');
-
-    // Auto hide after 5 seconds
-    setTimeout(hideNotification, 5000);
-}
-
-function hideNotification() {
-    const notification = document.getElementById('notification');
-    notification.classList.remove('show');
-}
-
-// Function to toggle Telegram notifications (admin only)
-function toggleTelegramNotifications() {
-    if (!isAdmin) return;
-
-    isTelegramEnabled = !isTelegramEnabled;
-
-    // Update UI
-    document.getElementById('telegramStatusValue').textContent = isTelegramEnabled ? 'مفعّلة' : 'معطّلة';
-    document.getElementById('telegramToggleText').textContent = isTelegramEnabled ? 'إيقاف إشعارات تلغرام' : 'تفعيل إشعارات تلغرام';
-
-    // Send request to server
-    fetch('/toggle-telegram', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-            admin_password: 'admin1234',
-            enabled: isTelegramEnabled
-        })
-    })
-    .then(response => response.json())
-    .then(data => {
-        if (data.success) {
-            showNotification(
-                'إشعارات تلغرام',
-                isTelegramEnabled ? 'تم تفعيل إشعارات تلغرام' : 'تم تعطيل إشعارات تلغرام',
-                'success'
-            );
-        } else {
-            showNotification('خطأ', data.message, 'error');
-            // Revert UI change if server update failed
-            isTelegramEnabled = !isTelegramEnabled;
-            document.getElementById('telegramStatusValue').textContent = isTelegramEnabled ? 'مفعّلة' : 'معطّلة';
-            document.getElementById('telegramToggleText').textContent = isTelegramEnabled ? 'إيقاف إشعارات تلغرام' : 'تفعيل إشعارات تلغرام';
-        }
-    })
-    .catch(error => {
-        console.error('Error toggling Telegram notifications:', error);
-        showNotification('خطأ', 'حدث خطأ أثناء تحديث إعدادات تلغرام', 'error');
-        // Revert UI change if request failed
-        isTelegramEnabled = !isTelegramEnabled;
-        document.getElementById('telegramStatusValue').textContent = isTelegramEnabled ? 'مفعّلة' : 'معطّلة';
-        document.getElementById('telegramToggleText').textContent = isTelegramEnabled ? 'إيقاف إشعارات تلغرام' : 'تفعيل إشعارات تلغرام';
-    });
-}
-
-// Function to periodically check timer status
-function startTimerStatusCheck() {
-    setInterval(function() {
-        if (!isAuthenticated) return;
-
-        fetch('/timer-status')
-            .then(response => response.json())
-            .then(data => {
-                // Only update if system is running or status has changed
-                if (data.system_running || data.system_running !== window.lastSystemRunningState) {
-                    // Update timer
-                    timeLeft = data.time_remaining;
-                    isAnalysisInProgress = data.analysis_in_progress;
-                    currentAnalysisPair = data.current_pair;
-                    isMarketClosed = data.market_closed;
-
-                    // Store last state for comparison
-                    window.lastSystemRunningState = data.system_running;
-
-                    // Update UI
-                    updateSystemStatus(data);
-
-                    // Fix: If timer was stopped but should be running, restart it
-                    if (data.system_running && !countdownTimer && !data.analysis_in_progress) {
-                        startTimerDisplay();
-                    }
-                }
-            })
-            .catch(error => {
-                console.error('Error checking timer status:', error);
-            });
-    }, 30000); // Every 30 seconds
-}
-
-// Function to periodically check if market has transitioned from closed to open
-function startMarketTransitionCheck() {
-    // Check every 5 minutes
-    setInterval(function() {
-        fetch('/check-market-transition')
-            .then(response => response.json())
-            .then(data => {
-                console.log('Market transition check:', data);
-
-                // If status changed, update UI
-                if (data.market_closed !== isMarketClosed) {
-                    isMarketClosed = data.market_closed;
-
-                    if (!isMarketClosed) {
-                        showNotification('فتح السوق', 'تم فتح السوق وبدء التحليل', 'success');
-                    } else {
-                        showNotification('إغلاق السوق', 'تم إغلاق السوق لعطلة نهاية الأسبوع', 'info');
-                    }
-
-                    // Refresh status
-                    fetch('/timer-status')
-                        .then(response => response.json())
-                        .then(statusData => {
-                            updateSystemStatus(statusData);
-
-                            // Fix: Restart timer if needed
-                            if (statusData.system_running && !statusData.analysis_in_progress) {
-                                timeLeft = statusData.time_remaining;
-                                startTimerDisplay();
-                            }
-                        });
-                }
-            })
-            .catch(error => console.error('Error checking market transition:', error));
-    }, 300000); // Every 5 minutes
-}
-
-// Function to force analysis (admin only)
-function forceAnalysis() {
-    const adminPassword = prompt("أدخل كلمة مرور المشرف:");
-
-    if (!adminPassword) return;
-
-    const formData = new FormData();
-    formData.append('admin_password', adminPassword);
-
-    fetch('/force-analysis', {
-        method: 'POST',
-        body: formData
-    })
-    .then(response => response.json())
-    .then(data => {
-        if (data.success) {
-            showNotification('تحليل', 'تم بدء التحليل الفوري بنجاح', 'success');
-            // Refresh status after a short delay
-            setTimeout(() => {
-                fetch('/timer-status')
-                    .then(response => response.json())
-                    .then(statusData => {
-                        updateSystemStatus(statusData);
-
-                        // Fix: Update timer
-                        if (statusData.system_running) {
-                            timeLeft = statusData.time_remaining;
-                            startTimerDisplay();
-                        }
-                    });
-            }, 2000);
-        } else {
-            showNotification('خطأ', data.message, 'error');
-        }
-    })
-    .catch(error => {
-        console.error('Error forcing analysis:', error);
-        showNotification('خطأ', 'حدث خطأ أثناء محاولة بدء التحليل', 'error');
-    });
-}
-
-// Function to update analysis interval (admin only)
-function updateAnalysisInterval() {
-    const adminPassword = prompt("أدخل كلمة مرور المشرف:");
-    if (!adminPassword) return;
-
-    const newInterval = prompt("أدخل الفاصل الزمني الجديد للتحليل (بالدقائق):", "60");
-    if (!newInterval) return;
-
-    const formData = new FormData();
-    formData.append('admin_password', adminPassword);
-    formData.append('analysis_interval', newInterval);
-
-    fetch('/update-interval', {
-        method: 'POST',
-        body: formData
-    })
-    .then(response => response.json())
-    .then(data => {
-        if (data.success) {
-            showNotification('تم التحديث', data.message, 'success');
-
-            // Update displayed interval
-            document.querySelectorAll('.settings-value').forEach(el => {
-                if (el.textContent.includes('دقيقة')) {
-                    el.textContent = `${data.new_interval} دقيقة`;
-                }
-            });
-
-            // Refresh status
-            fetch('/timer-status')
-                .then(response => response.json())
-                .then(statusData => {
-                    updateSystemStatus(statusData);
-
-                    // Fix: Update timer
-                    if (statusData.system_running) {
-                        timeLeft = statusData.time_remaining;
-                        startTimerDisplay();
-                    }
-                });
-        } else {
-            showNotification('خطأ', data.message, 'error');
-        }
-    })
-    .catch(error => {
-        console.error('Error updating interval:', error);
-        showNotification('خطأ', 'حدث خطأ أثناء تحديث الفاصل الزمني', 'error');
-    });
-}
-
-// Function to clear analysis history (admin only)
-function clearAnalysisHistory() {
-    if (!isAdmin) {
-        showNotification('خطأ', 'يجب أن تكون مشرفا�� لاستخدام هذه الميزة', 'error');
-        return;
-    }
-
-    if (confirm('هل أنت متأكد من رغبتك في مسح سجل التحليل؟')) {
-        // This is just a UI-side clear since we don't have a server endpoint for this
-        analysisHistory = [];
-        renderAnalysisHistory();
-        showNotification('تم المسح', 'تم مسح سجل التحليل بنجاح', 'success');
-    }
-}
-
-// Function to refresh analysis history
-function refreshHistory() {
-    const historyList = document.getElementById('historyList');
-    historyList.innerHTML = '<div class="history-loading"><i class="fas fa-spinner fa-spin"></i> جاري تحميل السجل...</div>';
-
-    fetch('/analysis-history')
-        .then(response => response.json())
-        .then(data => {
-            if (data.success) {
-                analysisHistory = data.history;
-                renderAnalysisHistory();
-                showNotification('تحديث', 'تم تحديث سجل التحليل', 'success');
-            } else {
-                historyList.innerHTML = '<div class="error-message"><i class="fas fa-exclamation-triangle"></i> فشل في تحميل السجل</div>';
-            }
-        })
-        .catch(error => {
-            console.error('Error refreshing history:', error);
-            showNotification('خطأ', 'فشل في تحديث سجل التحليل', 'error');
-            historyList.innerHTML = '<div class="error-message"><i class="fas fa-exclamation-triangle"></i> فشل في تحميل السجل</div>';
-        });
-}
-
-// Function to refresh analysis results
-function refreshAnalysisResults() {
-    loadAnalysisResults();
-    showNotification('تحديث', 'جاري تحديث نتائج التحليل...', 'info');
-}
-
-// Enter key for password
-document.addEventListener('keypress', function(e) {
-    if (e.key === 'Enter' && !isAuthenticated) {
-        checkPassword();
-    }
-});
-
-// Initialize on page load
-document.addEventListener('DOMContentLoaded', function() {
-    checkAuthStatus();
-
-    // Add event listener for refresh pairs button
-    document.getElementById('refreshPairsBtn').addEventListener('click', function() {
-        fetch('/timer-status')
-            .then(response => response.json())
-            .then(data => {
-                updateSystemStatus(data);
-                showNotification('تحديث', 'تم تحديث البيانات بنجاح', 'success');
-            })
-            .catch(error => {
-                console.error('Error refreshing data:', error);
-                showNotification('خطأ', 'فشل في تحديث البيانات', 'error');
-            });
-    });
-
-    // Add event listener for refresh history button
-    document.getElementById('refreshHistoryBtn').addEventListener('click', function() {
-        refreshHistory();
-    });
-
-    // Add event listener for refresh analysis results button
-    document.getElementById('refreshAnalysisBtn').addEventListener('click', function() {
-        refreshAnalysisResults();
-    });
-
-    // Add event listener for clear all analysis results button
-    document.getElementById('clearAnalysisBtn').addEventListener('click', function() {
-        clearAllAnalysisResults();
-    });
-
-    // Add event listener for analysis modal close on ESC key
-    document.addEventListener('keydown', function(e) {
-        if (e.key === 'Escape' && document.getElementById('analysisModal').classList.contains('show')) {
-            closeAnalysisModal();
-        }
-    });
-
-    // Add event listener for analysis modal background click to close
-    document.getElementById('analysisModal').addEventListener('click', function(e) {
-        if (e.target === this) {
-            closeAnalysisModal();
-        }
-    });
-
-    // Start periodic status checks
-    startTimerStatusCheck();
-
-    // Get initial status
-    fetch('/timer-status')
-        .then(response => response.json())
-        .then(data => {
-            updateSystemStatus(data);
-
-            // Initialize timer if system is running
-            if (data.system_running) {
-                timeLeft = data.time_remaining;
-                startTimerDisplay();
-            }
-
-            // Store initial system running state
-            window.lastSystemRunningState = data.system_running;
-        })
-        .catch(error => {
-            console.error('Error getting initial status:', error);
-            showNotification('خطأ', 'فشل في الحصول على حالة النظام', 'error');
-        });
-
-    // Check analysis results periodically
-    setInterval(function() {
-        if (!isAuthenticated || !document.getElementById('mainContent').classList.contains('visible')) return;
-
-        fetch('/analysis-results')
-            .then(response => response.json())
-            .then(data => {
-                if (data.success && Object.keys(data.results).length > 0) {
-                    // Update chart with new data point
-                    updateChart(Object.keys(data.results).length * 10);
-
-                    // Check if we have new results
-                    const hasNewResults = JSON.stringify(analysisResults) !== JSON.stringify(data.results);
-
-                    if (hasNewResults) {
-                        // Update our stored results
-                        analysisResults = data.results;
-
-                        // Update pair cards with results
-                        for (const pair in data.results) {
-                            const result = data.results[pair];
-                            const pairCard = document.getElementById(`pair-${pair}`);
-
-                            if (pairCard) {
-                                pairCard.classList.remove('active', 'error');
-
-                                if (result.trade_signal) {
-                                    pairCard.classList.add('signal');
-                                } else {
-                                    pairCard.classList.add('completed');
-                                }
-                            }
-                        }
-
-                        // Refresh history after analysis
-                        refreshHistory();
-
-                        // Render updated results
-                        renderAnalysisResults();
-
-                        // Show notification about new results
-                        showNotification('تحليل جديد', 'تم تحديث نتائج التحليل', 'success');
-                    }
-
-                    // Fix: Check if timer needs restarting
-                    if (data.next_analysis_in && (!countdownTimer || timeLeft <= 0) && !isAnalysisInProgress) {
-                        timeLeft = data.next_analysis_in;
-                        startTimerDisplay();
-                    }
-                }
-            })
-            .catch(error => {
-                console.error('Error checking analysis results:', error);
-            });
-    }, 60000); // Every minute
-});
-
-// Keep the app alive
-setInterval(function() {
-    fetch('/heartbeat')
-        .then(response => response.json())
-        .then(data => {
-            console.log('Heartbeat:', data.current_time);
-
-            // Fix: Check if timer needs restarting
-            if (data.system_running && (!countdownTimer || timeLeft <= 0) && !isAnalysisInProgress) {
-                fetch('/timer-status')
-                    .then(response => response.json())
-                    .then(statusData => {
-                        if (statusData.system_running && !statusData.analysis_in_progress) {
-                            timeLeft = statusData.time_remaining;
-                            startTimerDisplay();
-                        }
-                    });
-            }
-        })
-        .catch(error => {
-            console.error('Heartbeat error:', error);
-        });
-}, 120000); // Every 2 minutes
-</script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>TradingView Chart</title>
+    <style>
+        html, body {
+            margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden;
+            background: #0b0e11;
+        }
+        #tradingview_widget_container {
+            width: 100%;
+            height: 100vh;
+        }
+    </style>
+</head>
+<body>
+<div id="tradingview_widget_container"></div>
+
+<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
+<script type="text/javascript">
+    // These variables are injected by Flask via Jinja
+    const symbol = "{{ symbol|e }}";
+    const exchange = "{{ exchange|e }}";
+    const interval = "{{ interval|e }}"; // already normalized
+    const theme = "{{ theme|e }}";
+    // indicators is an array
+    const indicators = {{ indicators|tojson|safe }};
+
+    const fullSymbol = exchange + ":" + symbol;
+
+    new TradingView.widget({
+        autosize: true,
+        symbol: fullSymbol,
+        interval: interval,
+        timezone: "Etc/UTC",
+        theme: theme === "light" ? "light" : "dark",
+        style: "1",
+        locale: "en",
+        toolbar_bg: "#0b0e11",
+        enable_publishing: false,
+        hide_top_toolbar: false,
+        hide_legend: false,
+        save_image: false,
+        hide_volume: false,
+        container_id: "tradingview_widget_container",
+        studies: indicators
+    });
+</script>
+</body>
 </html>
\ No newline at end of file
