diff --git a/analytics.php b/analytics.php
new file mode 100644
index 0000000..9d671a1
--- /dev/null
+++ b/analytics.php
@@ -0,0 +1,542 @@
+<?php
+/**
+ * Forex Trading Analytics Engine (Myfxbook Grade Calculations)
+ * Precision metrics, risk ratios, drawdown curves, and performance breakdowns.
+ */
+
+class AnalyticsEngine {
+    private PDO $db;
+
+    public function __construct(PDO $db) {
+        $this->db = $db;
+    }
+
+    public function getFullAnalytics(int $accountId, ?string $from = null, ?string $to = null, ?string $symbol = null, ?string $strategy = null): array {
+        // 1. Fetch Account Details
+        $stmtAcc = $this->db->prepare("SELECT * FROM accounts WHERE id = ?");
+        $stmtAcc->execute([$accountId]);
+        $account = $stmtAcc->fetch();
+
+        if (!$account) {
+            return ['error' => 'Account not found'];
+        }
+
+        $initialBalance = (float)$account['initial_balance'];
+
+        // 2. Fetch Trades Query Filtered
+        $sql = "SELECT * FROM trades WHERE account_id = ?";
+        $params = [$accountId];
+
+        if ($from) {
+            $sql .= " AND open_time >= ?";
+            $params[] = $from . ' 00:00:00';
+        }
+        if ($to) {
+            $sql .= " AND open_time <= ?";
+            $params[] = $to . ' 23:59:59';
+        }
+        if ($symbol && $symbol !== 'ALL') {
+            $sql .= " AND symbol = ?";
+            $params[] = $symbol;
+        }
+        if ($strategy && $strategy !== 'ALL') {
+            $sql .= " AND strategy = ?";
+            $params[] = $strategy;
+        }
+
+        $sql .= " ORDER BY open_time ASC, id ASC";
+        $stmtTrades = $this->db->prepare($sql);
+        $stmtTrades->execute($params);
+        $trades = $stmtTrades->fetchAll();
+
+        // 3. Process Metrics & Aggregations
+        $totalTrades = count($trades);
+        $closedTrades = [];
+        $openTrades = [];
+
+        $grossProfit = 0.0;
+        $grossLoss = 0.0;
+        $totalCommission = 0.0;
+        $totalSwap = 0.0;
+        $totalPips = 0.0;
+        $wonTradesCount = 0;
+        $lostTradesCount = 0;
+        $beTradesCount = 0;
+
+        $longTradesCount = 0;
+        $longWonCount = 0;
+        $longProfit = 0.0;
+
+        $shortTradesCount = 0;
+        $shortWonCount = 0;
+        $shortProfit = 0.0;
+
+        $bestTradeProfit = 0.0;
+        $worstTradeProfit = 0.0;
+        $bestTradePips = 0.0;
+        $worstTradePips = 0.0;
+
+        $winPipsSum = 0.0;
+        $lossPipsSum = 0.0;
+
+        $currentBalance = $initialBalance;
+        $peakBalance = $initialBalance;
+        $maxDrawdownAmount = 0.0;
+        $maxDrawdownPercent = 0.0;
+
+        $growthCurve = [];
+        $drawdownCurve = [];
+
+        $consecutiveWins = 0;
+        $consecutiveLosses = 0;
+        $maxConsecutiveWins = 0;
+        $maxConsecutiveLosses = 0;
+
+        $totalDurationSec = 0;
+        $winDurationSec = 0;
+        $lossDurationSec = 0;
+
+        $dailyReturns = []; // date => pnl
+        $symbolStats = [];
+        $strategyStats = [];
+        $emotionStats = [];
+        $sessionStats = ['London' => ['count' => 0, 'profit' => 0, 'wins' => 0], 'New York' => ['count' => 0, 'profit' => 0, 'wins' => 0], 'Asian' => ['count' => 0, 'profit' => 0, 'wins' => 0], 'Overlap' => ['count' => 0, 'profit' => 0, 'wins' => 0]];
+        $dayOfWeekStats = [
+            1 => ['name' => 'Monday', 'fa' => 'دوشنبه', 'count' => 0, 'profit' => 0, 'wins' => 0],
+            2 => ['name' => 'Tuesday', 'fa' => 'سه‌شنبه', 'count' => 0, 'profit' => 0, 'wins' => 0],
+            3 => ['name' => 'Wednesday', 'fa' => 'چهارشنبه', 'count' => 0, 'profit' => 0, 'wins' => 0],
+            4 => ['name' => 'Thursday', 'fa' => 'پنج‌شنبه', 'count' => 0, 'profit' => 0, 'wins' => 0],
+            5 => ['name' => 'Friday', 'fa' => 'جمعه', 'count' => 0, 'profit' => 0, 'wins' => 0],
+            6 => ['name' => 'Saturday', 'fa' => 'شنبه', 'count' => 0, 'profit' => 0, 'wins' => 0],
+            7 => ['name' => 'Sunday', 'fa' => 'یک‌شنبه', 'count' => 0, 'profit' => 0, 'wins' => 0],
+        ];
+        $hourlyStats = [];
+        for ($h = 0; $h < 24; $h++) {
+            $hourlyStats[$h] = ['hour' => $h, 'count' => 0, 'profit' => 0, 'wins' => 0];
+        }
+
+        // Add starting point to growth curve
+        $growthCurve[] = [
+            'date' => date('Y-m-d H:i', strtotime($account['created_at'] ?? 'now')),
+            'trade_index' => 0,
+            'balance' => round($initialBalance, 2),
+            'equity' => round($initialBalance, 2),
+            'profit' => 0.0,
+            'gain_percent' => 0.0,
+            'symbol' => 'START',
+            'ticket' => '-'
+        ];
+
+        $tradeIndex = 0;
+
+        foreach ($trades as $t) {
+            $profit = (float)$t['profit'];
+            $pips = (float)$t['pips'];
+            $comm = (float)$t['commission'];
+            $swap = (float)$t['swap'];
+            $sym = $t['symbol'];
+            $strat = $t['strategy'] ?: 'Price Action';
+            $emo = $t['emotion'] ?: 'Disciplined';
+            $sess = $t['session'] ?: 'London';
+
+            if ($t['status'] === 'open') {
+                $openTrades[] = $t;
+                continue;
+            }
+
+            $closedTrades[] = $t;
+            $tradeIndex++;
+
+            $totalCommission += $comm;
+            $totalSwap += $swap;
+            $totalPips += $pips;
+
+            // Balance & Equity Tracking
+            $netTradeProfit = $profit + $comm + $swap;
+            $currentBalance += $netTradeProfit;
+
+            if ($currentBalance > $peakBalance) {
+                $peakBalance = $currentBalance;
+            }
+            $currentDDAmount = $peakBalance - $currentBalance;
+            $currentDDPercent = $peakBalance > 0 ? ($currentDDAmount / $peakBalance) * 100 : 0;
+
+            if ($currentDDAmount > $maxDrawdownAmount) {
+                $maxDrawdownAmount = $currentDDAmount;
+            }
+            if ($currentDDPercent > $maxDrawdownPercent) {
+                $maxDrawdownPercent = $currentDDPercent;
+            }
+
+            $gainPercent = $initialBalance > 0 ? (($currentBalance - $initialBalance) / $initialBalance) * 100 : 0;
+
+            $closeDate = $t['close_time'] ?: $t['open_time'];
+            $growthCurve[] = [
+                'date' => date('Y-m-d H:i', strtotime($closeDate)),
+                'trade_index' => $tradeIndex,
+                'balance' => round($currentBalance, 2),
+                'equity' => round($currentBalance, 2),
+                'profit' => round($netTradeProfit, 2),
+                'gain_percent' => round($gainPercent, 2),
+                'symbol' => $sym,
+                'ticket' => $t['ticket'] ?: "#$tradeIndex"
+            ];
+
+            $drawdownCurve[] = [
+                'date' => date('Y-m-d H:i', strtotime($closeDate)),
+                'trade_index' => $tradeIndex,
+                'drawdown_percent' => round(-$currentDDPercent, 2),
+                'drawdown_amount' => round($currentDDAmount, 2)
+            ];
+
+            // Win / Loss classification
+            if ($profit > 0) {
+                $wonTradesCount++;
+                $grossProfit += $profit;
+                $winPipsSum += $pips;
+                $consecutiveWins++;
+                $consecutiveLosses = 0;
+                if ($consecutiveWins > $maxConsecutiveWins) {
+                    $maxConsecutiveWins = $consecutiveWins;
+                }
+                if ($profit > $bestTradeProfit) {
+                    $bestTradeProfit = $profit;
+                }
+                if ($pips > $bestTradePips) {
+                    $bestTradePips = $pips;
+                }
+            } elseif ($profit < 0) {
+                $lostTradesCount++;
+                $grossLoss += abs($profit);
+                $lossPipsSum += abs($pips);
+                $consecutiveLosses++;
+                $consecutiveWins = 0;
+                if ($consecutiveLosses > $maxConsecutiveLosses) {
+                    $maxConsecutiveLosses = $consecutiveLosses;
+                }
+                if ($profit < $worstTradeProfit) {
+                    $worstTradeProfit = $profit;
+                }
+                if ($pips < $worstTradePips) {
+                    $worstTradePips = $pips;
+                }
+            } else {
+                $beTradesCount++;
+            }
+
+            // Long / Short stats
+            if (strtolower($t['trade_type']) === 'buy') {
+                $longTradesCount++;
+                $longProfit += $netTradeProfit;
+                if ($profit > 0) $longWonCount++;
+            } else {
+                $shortTradesCount++;
+                $shortProfit += $netTradeProfit;
+                if ($profit > 0) $shortWonCount++;
+            }
+
+            // Duration calculation
+            if ($t['open_time'] && $t['close_time']) {
+                $dur = max(0, strtotime($t['close_time']) - strtotime($t['open_time']));
+                $totalDurationSec += $dur;
+                if ($profit > 0) $winDurationSec += $dur;
+                elseif ($profit < 0) $lossDurationSec += $dur;
+            }
+
+            // Daily return aggregation
+            $dayKey = date('Y-m-d', strtotime($t['open_time']));
+            if (!isset($dailyReturns[$dayKey])) {
+                $dailyReturns[$dayKey] = ['profit' => 0.0, 'pips' => 0.0, 'trades' => 0, 'wins' => 0, 'losses' => 0];
+            }
+            $dailyReturns[$dayKey]['profit'] += $netTradeProfit;
+            $dailyReturns[$dayKey]['pips'] += $pips;
+            $dailyReturns[$dayKey]['trades']++;
+            if ($profit > 0) $dailyReturns[$dayKey]['wins']++;
+            elseif ($profit < 0) $dailyReturns[$dayKey]['losses']++;
+
+            // By Symbol Breakdown
+            if (!isset($symbolStats[$sym])) {
+                $symbolStats[$sym] = ['symbol' => $sym, 'count' => 0, 'wins' => 0, 'losses' => 0, 'profit' => 0.0, 'pips' => 0.0, 'longs' => 0, 'shorts' => 0];
+            }
+            $symbolStats[$sym]['count']++;
+            $symbolStats[$sym]['profit'] += $netTradeProfit;
+            $symbolStats[$sym]['pips'] += $pips;
+            if ($profit > 0) $symbolStats[$sym]['wins']++;
+            elseif ($profit < 0) $symbolStats[$sym]['losses']++;
+            if (strtolower($t['trade_type']) === 'buy') $symbolStats[$sym]['longs']++;
+            else $symbolStats[$sym]['shorts']++;
+
+            // By Strategy Breakdown
+            if (!isset($strategyStats[$strat])) {
+                $strategyStats[$strat] = ['strategy' => $strat, 'count' => 0, 'wins' => 0, 'losses' => 0, 'profit' => 0.0, 'gross_profit' => 0.0, 'gross_loss' => 0.0];
+            }
+            $strategyStats[$strat]['count']++;
+            $strategyStats[$strat]['profit'] += $netTradeProfit;
+            if ($profit > 0) {
+                $strategyStats[$strat]['wins']++;
+                $strategyStats[$strat]['gross_profit'] += $profit;
+            } elseif ($profit < 0) {
+                $strategyStats[$strat]['losses']++;
+                $strategyStats[$strat]['gross_loss'] += abs($profit);
+            }
+
+            // By Emotion Breakdown
+            if (!isset($emotionStats[$emo])) {
+                $emotionStats[$emo] = ['emotion' => $emo, 'count' => 0, 'wins' => 0, 'profit' => 0.0, 'pips' => 0.0];
+            }
+            $emotionStats[$emo]['count']++;
+            $emotionStats[$emo]['profit'] += $netTradeProfit;
+            $emotionStats[$emo]['pips'] += $pips;
+            if ($profit > 0) $emotionStats[$emo]['wins']++;
+
+            // By Session Breakdown
+            if (isset($sessionStats[$sess])) {
+                $sessionStats[$sess]['count']++;
+                $sessionStats[$sess]['profit'] += $netTradeProfit;
+                if ($profit > 0) $sessionStats[$sess]['wins']++;
+            }
+
+            // By Day of Week & Hour
+            $openTs = strtotime($t['open_time']);
+            $dow = (int)date('N', $openTs); // 1 = Monday .. 7 = Sunday
+            if (isset($dayOfWeekStats[$dow])) {
+                $dayOfWeekStats[$dow]['count']++;
+                $dayOfWeekStats[$dow]['profit'] += $netTradeProfit;
+                if ($profit > 0) $dayOfWeekStats[$dow]['wins']++;
+            }
+
+            $hr = (int)date('G', $openTs); // 0 .. 23
+            if (isset($hourlyStats[$hr])) {
+                $hourlyStats[$hr]['count']++;
+                $hourlyStats[$hr]['profit'] += $netTradeProfit;
+                if ($profit > 0) $hourlyStats[$hr]['wins']++;
+            }
+        }
+
+        // Open floating calculation
+        $openFloatingProfit = 0.0;
+        foreach ($openTrades as $ot) {
+            $openFloatingProfit += (float)$ot['profit'] + (float)$ot['commission'] + (float)$ot['swap'];
+        }
+        $currentEquity = $currentBalance + $openFloatingProfit;
+
+        // Total Net Closed Profit
+        $totalClosedProfit = $currentBalance - $initialBalance;
+        $totalGainPercent = $initialBalance > 0 ? (($currentEquity - $initialBalance) / $initialBalance) * 100 : 0;
+        $closedGainPercent = $initialBalance > 0 ? ($totalClosedProfit / $initialBalance) * 100 : 0;
+
+        $closedCount = count($closedTrades);
+        $winRate = $closedCount > 0 ? ($wonTradesCount / $closedCount) * 100 : 0;
+        $lossRate = $closedCount > 0 ? ($lostTradesCount / $closedCount) * 100 : 0;
+
+        $profitFactor = $grossLoss > 0 ? round($grossProfit / $grossLoss, 2) : ($grossProfit > 0 ? 99.9 : 0.0);
+        $avgWin = $wonTradesCount > 0 ? $grossProfit / $wonTradesCount : 0.0;
+        $avgLoss = $lostTradesCount > 0 ? $grossLoss / $lostTradesCount : 0.0;
+        $winLossRatio = $avgLoss > 0 ? round($avgWin / $avgLoss, 2) : 0.0;
+
+        $expectancy = ($winRate / 100 * $avgWin) - ($lossRate / 100 * $avgLoss);
+
+        $avgPipsWin = $wonTradesCount > 0 ? $winPipsSum / $wonTradesCount : 0.0;
+        $avgPipsLoss = $lostTradesCount > 0 ? $lossPipsSum / $lostTradesCount : 0.0;
+
+        $longWinRate = $longTradesCount > 0 ? ($longWonCount / $longTradesCount) * 100 : 0;
+        $shortWinRate = $shortTradesCount > 0 ? ($shortWonCount / $shortTradesCount) * 100 : 0;
+
+        $avgTradeDuration = $closedCount > 0 ? round($totalDurationSec / $closedCount) : 0;
+        $avgWinDuration = $wonTradesCount > 0 ? round($winDurationSec / $wonTradesCount) : 0;
+        $avgLossDuration = $lostTradesCount > 0 ? round($lossDurationSec / $lostTradesCount) : 0;
+
+        // Sharpe & Sortino Ratio estimation
+        $dailyPnLValues = array_column($dailyReturns, 'profit');
+        $sharpeRatio = 0.0;
+        $sortinoRatio = 0.0;
+        if (count($dailyPnLValues) > 2) {
+            $meanDaily = array_sum($dailyPnLValues) / count($dailyPnLValues);
+            $variance = 0.0;
+            $downsideVariance = 0.0;
+            foreach ($dailyPnLValues as $dp) {
+                $diff = $dp - $meanDaily;
+                $variance += ($diff * $diff);
+                if ($dp < 0) {
+                    $downsideVariance += ($dp * $dp);
+                }
+            }
+            $stdDev = sqrt($variance / count($dailyPnLValues));
+            $downsideStdDev = sqrt($downsideVariance / count($dailyPnLValues));
+
+            if ($stdDev > 0) {
+                $sharpeRatio = round(($meanDaily / $stdDev) * sqrt(252), 2); // Annualized (252 trading days)
+            }
+            if ($downsideStdDev > 0) {
+                $sortinoRatio = round(($meanDaily / $downsideStdDev) * sqrt(252), 2);
+            }
+        }
+
+        // Today, This Week, This Month profit
+        $todayStr = date('Y-m-d');
+        $thisWeekStart = date('Y-m-d', strtotime('monday this week'));
+        $thisMonthStart = date('Y-m-01');
+
+        $todayProfit = $dailyReturns[$todayStr]['profit'] ?? 0.0;
+        $thisWeekProfit = 0.0;
+        $thisMonthProfit = 0.0;
+
+        foreach ($dailyReturns as $dDate => $dData) {
+            if ($dDate >= $thisWeekStart) {
+                $thisWeekProfit += $dData['profit'];
+            }
+            if ($dDate >= $thisMonthStart) {
+                $thisMonthProfit += $dData['profit'];
+            }
+        }
+
+        // Monthly Returns Table (Year x Months Heatmap)
+        $monthlyReturns = [];
+        foreach ($dailyReturns as $dDate => $dData) {
+            $yr = (int)date('Y', strtotime($dDate));
+            $mo = (int)date('n', strtotime($dDate));
+            if (!isset($monthlyReturns[$yr])) {
+                $monthlyReturns[$yr] = [
+                    'year' => $yr,
+                    'months' => array_fill(1, 12, ['profit' => 0.0, 'gain_percent' => 0.0, 'trades' => 0]),
+                    'total_profit' => 0.0,
+                    'total_gain_percent' => 0.0,
+                    'total_trades' => 0
+                ];
+            }
+            $monthlyReturns[$yr]['months'][$mo]['profit'] += $dData['profit'];
+            $monthlyReturns[$yr]['months'][$mo]['trades'] += $dData['trades'];
+            $monthlyReturns[$yr]['total_profit'] += $dData['profit'];
+            $monthlyReturns[$yr]['total_trades'] += $dData['trades'];
+        }
+
+        foreach ($monthlyReturns as $yr => &$yData) {
+            foreach ($yData['months'] as $mo => &$mVal) {
+                if ($initialBalance > 0) {
+                    $mVal['gain_percent'] = round(($mVal['profit'] / $initialBalance) * 100, 2);
+                }
+            }
+            if ($initialBalance > 0) {
+                $yData['total_gain_percent'] = round(($yData['total_profit'] / $initialBalance) * 100, 2);
+            }
+        }
+        unset($yData, $mVal);
+
+        // Format Breakdown Lists
+        $symbolsList = array_values($symbolStats);
+        usort($symbolsList, fn($a, $b) => $b['profit'] <=> $a['profit']);
+        foreach ($symbolsList as &$sItem) {
+            $sItem['win_rate'] = $sItem['count'] > 0 ? round(($sItem['wins'] / $sItem['count']) * 100, 1) : 0;
+            $sItem['avg_profit'] = $sItem['count'] > 0 ? round($sItem['profit'] / $sItem['count'], 2) : 0;
+        }
+
+        $strategiesList = array_values($strategyStats);
+        usort($strategiesList, fn($a, $b) => $b['profit'] <=> $a['profit']);
+        foreach ($strategiesList as &$stItem) {
+            $stItem['win_rate'] = $stItem['count'] > 0 ? round(($stItem['wins'] / $stItem['count']) * 100, 1) : 0;
+            $stItem['profit_factor'] = $stItem['gross_loss'] > 0 ? round($stItem['gross_profit'] / $stItem['gross_loss'], 2) : ($stItem['gross_profit'] > 0 ? 99.9 : 0.0);
+        }
+
+        $emotionsList = array_values($emotionStats);
+        usort($emotionsList, fn($a, $b) => $b['profit'] <=> $a['profit']);
+        foreach ($emotionsList as &$emItem) {
+            $emItem['win_rate'] = $emItem['count'] > 0 ? round(($emItem['wins'] / $emItem['count']) * 100, 1) : 0;
+        }
+
+        $sessionsList = [];
+        foreach ($sessionStats as $sessKey => $sessData) {
+            $sessionsList[] = [
+                'session' => $sessKey,
+                'count' => $sessData['count'],
+                'profit' => round($sessData['profit'], 2),
+                'win_rate' => $sessData['count'] > 0 ? round(($sessData['wins'] / $sessData['count']) * 100, 1) : 0
+            ];
+        }
+
+        $daysOfWeekList = [];
+        foreach ($dayOfWeekStats as $dowKey => $dowData) {
+            $daysOfWeekList[] = [
+                'day_num' => $dowKey,
+                'name' => $dowData['name'],
+                'name_fa' => $dowData['fa'],
+                'count' => $dowData['count'],
+                'profit' => round($dowData['profit'], 2),
+                'win_rate' => $dowData['count'] > 0 ? round(($dowData['wins'] / $dowData['count']) * 100, 1) : 0
+            ];
+        }
+
+        $hourlyList = array_values($hourlyStats);
+        foreach ($hourlyList as &$hrItem) {
+            $hrItem['profit'] = round($hrItem['profit'], 2);
+            $hrItem['win_rate'] = $hrItem['count'] > 0 ? round(($hrItem['wins'] / $hrItem['count']) * 100, 1) : 0;
+        }
+
+        return [
+            'account' => $account,
+            'summary' => [
+                'initial_balance' => round($initialBalance, 2),
+                'current_balance' => round($currentBalance, 2),
+                'current_equity' => round($currentEquity, 2),
+                'open_floating_profit' => round($openFloatingProfit, 2),
+                'total_closed_profit' => round($totalClosedProfit, 2),
+                'total_gain_percent' => round($totalGainPercent, 2),
+                'closed_gain_percent' => round($closedGainPercent, 2),
+                'today_profit' => round($todayProfit, 2),
+                'this_week_profit' => round($thisWeekProfit, 2),
+                'this_month_profit' => round($thisMonthProfit, 2),
+                'total_trades' => $totalTrades,
+                'closed_trades' => $closedCount,
+                'open_trades' => count($openTrades),
+                'won_trades' => $wonTradesCount,
+                'lost_trades' => $lostTradesCount,
+                'breakeven_trades' => $beTradesCount,
+                'win_rate' => round($winRate, 1),
+                'loss_rate' => round($lossRate, 1),
+                'profit_factor' => $profitFactor,
+                'gross_profit' => round($grossProfit, 2),
+                'gross_loss' => round($grossLoss, 2),
+                'avg_win' => round($avgWin, 2),
+                'avg_loss' => round($avgLoss, 2),
+                'win_loss_ratio' => $winLossRatio,
+                'expectancy' => round($expectancy, 2),
+                'total_pips' => round($totalPips, 1),
+                'avg_pips_win' => round($avgPipsWin, 1),
+                'avg_pips_loss' => round($avgPipsLoss, 1),
+                'best_trade_profit' => round($bestTradeProfit, 2),
+                'worst_trade_profit' => round($worstTradeProfit, 2),
+                'best_trade_pips' => round($bestTradePips, 1),
+                'worst_trade_pips' => round($worstTradePips, 1),
+                'max_consecutive_wins' => $maxConsecutiveWins,
+                'max_consecutive_losses' => $maxConsecutiveLosses,
+                'max_drawdown_amount' => round($maxDrawdownAmount, 2),
+                'max_drawdown_percent' => round($maxDrawdownPercent, 2),
+                'sharpe_ratio' => $sharpeRatio,
+                'sortino_ratio' => $sortinoRatio,
+                'total_commission' => round($totalCommission, 2),
+                'total_swap' => round($totalSwap, 2),
+                'long_trades' => $longTradesCount,
+                'long_won' => $longWonCount,
+                'long_win_rate' => round($longWinRate, 1),
+                'long_profit' => round($longProfit, 2),
+                'short_trades' => $shortTradesCount,
+                'short_won' => $shortWonCount,
+                'short_win_rate' => round($shortWinRate, 1),
+                'short_profit' => round($shortProfit, 2),
+                'avg_trade_duration_seconds' => $avgTradeDuration,
+                'avg_win_duration_seconds' => $avgWinDuration,
+                'avg_loss_duration_seconds' => $avgLossDuration,
+            ],
+            'growth_curve' => $growthCurve,
+            'drawdown_curve' => $drawdownCurve,
+            'monthly_returns' => array_values($monthlyReturns),
+            'daily_pnl' => $dailyReturns,
+            'by_symbol' => $symbolsList,
+            'by_strategy' => $strategiesList,
+            'by_emotion' => $emotionsList,
+            'by_session' => $sessionsList,
+            'by_day_of_week' => $daysOfWeekList,
+            'by_hour' => $hourlyList,
+            'open_trades' => $openTrades
+        ];
+    }
+}
diff --git a/api.php b/api.php
index bfe6d6d..3655a47 100644
--- a/api.php
+++ b/api.php
@@ -1,12 +1,12 @@
 <?php
-// api.php - RESTful API handlers for ShahrNegar
+/**
+ * Forex Trading Journal REST API
+ * Clean JSON API for accounts, trades, analytics, chart uploads, MT4/MT5 statement import, and exports.
+ */
 
-require_once __DIR__ . '/db.php';
-
-// Set response headers
 header('Content-Type: application/json; charset=utf-8');
 header('Access-Control-Allow-Origin: *');
-header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS');
+header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS');
 header('Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With');
 
 if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
@@ -14,321 +14,611 @@ if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
     exit;
 }
 
-initDB();
-$pdo = getDB();
+require_once __DIR__ . '/db.php';
+require_once __DIR__ . '/analytics.php';
 
-$requestUri = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
+$pdo = Database::getConnection();
+$analyticsEngine = new AnalyticsEngine($pdo);
+
+// Parse request path
+$uri = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
 $method = $_SERVER['REQUEST_METHOD'];
 
 // Helper JSON response
-function jsonResponse($data, int $statusCode = 200) {
+function sendJson(array $data, int $statusCode = 200): void {
     http_response_code($statusCode);
     echo json_encode($data, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT);
     exit;
 }
 
+// Helper to get raw JSON payload
 function getJsonInput(): array {
-    $input = file_get_contents('php://input');
-    return json_decode($input, true) ?? [];
+    $raw = file_get_contents('php://input');
+    $decoded = json_decode($raw, true);
+    return is_array($decoded) ? $decoded : [];
 }
 
-// 1. GET /api/stats
-if ($requestUri === '/api/stats' && $method === 'GET') {
-    $total = (int)$pdo->query("SELECT COUNT(*) FROM issues")->fetchColumn();
-    $pending = (int)$pdo->query("SELECT COUNT(*) FROM issues WHERE status = 'pending'")->fetchColumn();
-    $reviewing = (int)$pdo->query("SELECT COUNT(*) FROM issues WHERE status = 'reviewing'")->fetchColumn();
-    $inProgress = (int)$pdo->query("SELECT COUNT(*) FROM issues WHERE status = 'in_progress'")->fetchColumn();
-    $resolved = (int)$pdo->query("SELECT COUNT(*) FROM issues WHERE status = 'resolved'")->fetchColumn();
-    $upvotes = (int)$pdo->query("SELECT COALESCE(SUM(upvotes), 0) FROM issues")->fetchColumn();
+// Helper Pip Calculator
+function calculatePips(string $symbol, string $type, float $openPrice, float $closePrice): float {
+    $sym = strtoupper(trim($symbol));
+    $type = strtolower(trim($type));
+    $diff = ($type === 'buy') ? ($closePrice - $openPrice) : ($openPrice - $closePrice);
 
-    $catStmt = $pdo->query("SELECT category, COUNT(*) as count FROM issues GROUP BY category ORDER BY count DESC");
-    $categories = $catStmt->fetchAll();
-
-    $distStmt = $pdo->query("SELECT district, COUNT(*) as count FROM issues GROUP BY district ORDER BY district ASC");
-    $districts = $distStmt->fetchAll();
-
-    $prioStmt = $pdo->query("SELECT priority, COUNT(*) as count FROM issues GROUP BY priority");
-    $priorities = [];
-    foreach ($prioStmt->fetchAll() as $row) {
-        $priorities[$row['priority']] = (int)$row['count'];
-    }
-
-    $resolutionRate = $total > 0 ? round(($resolved / $total) * 100, 1) : 0;
-
-    jsonResponse([
-        'total' => $total,
-        'pending' => $pending,
-        'reviewing' => $reviewing,
-        'in_progress' => $inProgress,
-        'resolved' => $resolved,
-        'total_upvotes' => $upvotes,
-        'categories' => $categories,
-        'districts' => $districts,
-        'priorities' => $priorities,
-        'resolution_rate' => $resolutionRate
-    ]);
-}
-
-// 2. GET /api/issues
-if ($requestUri === '/api/issues' && $method === 'GET') {
-    $category = $_GET['category'] ?? null;
-    $status = $_GET['status'] ?? null;
-    $district = isset($_GET['district']) ? (int)$_GET['district'] : 0;
-    $priority = $_GET['priority'] ?? null;
-    $search = $_GET['search'] ?? null;
-    $sortBy = $_GET['sort_by'] ?? 'newest';
-
-    $sql = "SELECT * FROM issues WHERE 1=1";
-    $params = [];
-
-    if ($category && $category !== 'all') {
-        $sql .= " AND category = ?";
-        $params[] = $category;
-    }
-
-    if ($status && $status !== 'all') {
-        $sql .= " AND status = ?";
-        $params[] = $status;
-    }
-
-    if ($district > 0) {
-        $sql .= " AND district = ?";
-        $params[] = $district;
-    }
-
-    if ($priority && $priority !== 'all') {
-        $sql .= " AND priority = ?";
-        $params[] = $priority;
-    }
-
-    if ($search) {
-        $sql .= " AND (title LIKE ? OR description LIKE ? OR address LIKE ? OR tracking_code LIKE ?)";
-        $searchParam = "%{$search}%";
-        $params[] = $searchParam;
-        $params[] = $searchParam;
-        $params[] = $searchParam;
-        $params[] = $searchParam;
-    }
-
-    if ($sortBy === 'upvotes') {
-        $sql .= " ORDER BY upvotes DESC, id DESC";
-    } elseif ($sortBy === 'oldest') {
-        $sql .= " ORDER BY id ASC";
-    } elseif ($sortBy === 'emergency') {
-        $sql .= " ORDER BY CASE priority WHEN 'emergency' THEN 1 WHEN 'high' THEN 2 WHEN 'medium' THEN 3 ELSE 4 END, id DESC";
+    if (strpos($sym, 'JPY') !== false) {
+        return round($diff * 100, 1);
+    } elseif (strpos($sym, 'XAU') !== false || strpos($sym, 'GOLD') !== false) {
+        return round($diff * 10, 1); // 10 pips per $1.00 move
+    } elseif (strpos($sym, 'BTC') !== false || strpos($sym, 'ETH') !== false || strpos($sym, 'US30') !== false || strpos($sym, 'NAS') !== false) {
+        return round($diff, 1); // 1 point
     } else {
-        $sql .= " ORDER BY id DESC";
-    }
-
-    $stmt = $pdo->prepare($sql);
-    $stmt->execute($params);
-    $rows = $stmt->fetchAll();
-
-    $commentCountStmt = $pdo->prepare("SELECT COUNT(*) FROM comments WHERE issue_id = ?");
-
-    $issues = [];
-    foreach ($rows as $row) {
-        $commentCountStmt->execute([$row['id']]);
-        $row['comment_count'] = (int)$commentCountStmt->fetchColumn();
-        $issues[] = $row;
-    }
-
-    jsonResponse($issues);
-}
-
-// 3. POST /api/issues (Create new issue)
-if ($requestUri === '/api/issues' && $method === 'POST') {
-    $data = getJsonInput();
-
-    if (empty($data['title']) || empty($data['category']) || empty($data['address'])) {
-        jsonResponse(['error' => 'اطلاعات ضروری تکمیل نشده است.'], 400);
-    }
-
-    $trackingCode = 'SHR-' . rand(10000, 99999);
-    $now = date('Y-m-d H:i');
-
-    $stmt = $pdo->prepare("INSERT INTO issues (
-        tracking_code, title, category, description, address, district, priority, status,
-        lat, lng, image_url, reporter_name, reporter_phone, upvotes, created_at
-    ) VALUES (?, ?, ?, ?, ?, ?, ?, 'pending', ?, ?, ?, ?, ?, 1, ?)");
-
-    $stmt->execute([
-        $trackingCode,
-        $data['title'],
-        $data['category'],
-        $data['description'] ?? '',
-        $data['address'],
-        (int)($data['district'] ?? 1),
-        $data['priority'] ?? 'medium',
-        (float)($data['lat'] ?? 35.7538),
-        (float)($data['lng'] ?? 51.4172),
-        $data['image_url'] ?? 'https://images.unsplash.com/photo-1515162816999-a0c47dc192f7?auto=format&fit=crop&w=800&q=80',
-        $data['reporter_name'] ?? 'شهروند مسئول',
-        $data['reporter_phone'] ?? '',
-        $now
-    ]);
-
-    $issueId = $pdo->lastInsertId();
-
-    // Timeline initial record
-    $tlStmt = $pdo->prepare("INSERT INTO timeline (issue_id, status, title, description, created_at) VALUES (?, 'pending', 'ثبت اولیه گزارش در سامانه', 'گزارش شما با موفقیت در سامانه شهرنگار ثبت گردید و در نوبت بررسی کارشناسی قرار گرفت.', ?)");
-    $tlStmt->execute([$issueId, $now]);
-
-    $fetchStmt = $pdo->prepare("SELECT * FROM issues WHERE id = ?");
-    $fetchStmt->execute([$issueId]);
-    jsonResponse($fetchStmt->fetch(), 201);
-}
-
-// 4. GET /api/track/{code}
-if (preg_match('#^/api/track/([^/]+)$#', $requestUri, $matches) && $method === 'GET') {
-    $code = strtoupper(trim(urldecode($matches[1])));
-    $stmt = $pdo->prepare("SELECT * FROM issues WHERE UPPER(tracking_code) = ?");
-    $stmt->execute([$code]);
-    $issue = $stmt->fetch();
-
-    if (!$issue) {
-        jsonResponse(['error' => "هیچ گزارشی با کد رهگیری «{$code}» یافت نشد."], 404);
-    }
-
-    $tlStmt = $pdo->prepare("SELECT * FROM timeline WHERE issue_id = ? ORDER BY id ASC");
-    $tlStmt->execute([$issue['id']]);
-    $issue['timeline'] = $tlStmt->fetchAll();
-
-    $cmStmt = $pdo->prepare("SELECT * FROM comments WHERE issue_id = ? ORDER BY id DESC");
-    $cmStmt->execute([$issue['id']]);
-    $issue['comments'] = $cmStmt->fetchAll();
-
-    jsonResponse($issue);
-}
-
-// 5. GET /api/issues/{id}
-if (preg_match('#^/api/issues/(\d+)$#', $requestUri, $matches) && $method === 'GET') {
-    $issueId = (int)$matches[1];
-    $stmt = $pdo->prepare("SELECT * FROM issues WHERE id = ?");
-    $stmt->execute([$issueId]);
-    $issue = $stmt->fetch();
-
-    if (!$issue) {
-        jsonResponse(['error' => 'گزارش مورد نظر یافت نشد.'], 404);
-    }
-
-    $tlStmt = $pdo->prepare("SELECT * FROM timeline WHERE issue_id = ? ORDER BY id ASC");
-    $tlStmt->execute([$issueId]);
-    $issue['timeline'] = $tlStmt->fetchAll();
-
-    $cmStmt = $pdo->prepare("SELECT * FROM comments WHERE issue_id = ? ORDER BY id DESC");
-    $cmStmt->execute([$issueId]);
-    $issue['comments'] = $cmStmt->fetchAll();
-
-    jsonResponse($issue);
-}
-
-// 6. POST /api/issues/{id}/upvote
-if (preg_match('#^/api/issues/(\d+)/upvote$#', $requestUri, $matches) && $method === 'POST') {
-    $issueId = (int)$matches[1];
-    $stmt = $pdo->prepare("UPDATE issues SET upvotes = upvotes + 1 WHERE id = ?");
-    $stmt->execute([$issueId]);
-
-    if ($stmt->rowCount() === 0) {
-        jsonResponse(['error' => 'گزارش یافت نشد.'], 404);
-    }
-
-    $fetch = $pdo->prepare("SELECT upvotes FROM issues WHERE id = ?");
-    $fetch->execute([$issueId]);
-    $newUpvotes = (int)$fetch->fetchColumn();
-
-    jsonResponse(['id' => $issueId, 'upvotes' => $newUpvotes]);
-}
-
-// 7. POST /api/issues/{id}/comment
-if (preg_match('#^/api/issues/(\d+)/comment$#', $requestUri, $matches) && $method === 'POST') {
-    $issueId = (int)$matches[1];
-    $data = getJsonInput();
-
-    if (empty($data['content'])) {
-        jsonResponse(['error' => 'متن نظر نمی‌تواند خالی باشد.'], 400);
-    }
-
-    $check = $pdo->prepare("SELECT id FROM issues WHERE id = ?");
-    $check->execute([$issueId]);
-    if (!$check->fetch()) {
-        jsonResponse(['error' => 'گزارش یافت نشد.'], 404);
-    }
-
-    $now = date('Y-m-d H:i');
-    $author = !empty($data['author_name']) ? trim($data['author_name']) : 'شهروند محترم';
-
-    $stmt = $pdo->prepare("INSERT INTO comments (issue_id, author_name, content, created_at) VALUES (?, ?, ?, ?)");
-    $stmt->execute([$issueId, $author, trim($data['content']), $now]);
-    $commentId = $pdo->lastInsertId();
-
-    $cm = $pdo->prepare("SELECT * FROM comments WHERE id = ?");
-    $cm->execute([$commentId]);
-    jsonResponse($cm->fetch(), 201);
-}
-
-// 8. PATCH / POST /api/issues/{id}/status (Admin Status Update)
-if (preg_match('#^/api/issues/(\d+)/status$#', $requestUri, $matches) && in_array($method, ['PATCH', 'POST'])) {
-    $issueId = (int)$matches[1];
-    $data = getJsonInput();
-
-    $check = $pdo->prepare("SELECT * FROM issues WHERE id = ?");
-    $check->execute([$issueId]);
-    $current = $check->fetch();
-    if (!$current) {
-        jsonResponse(['error' => 'گزارش یافت نشد.'], 404);
-    }
-
-    $newStatus = $data['status'] ?? $current['status'];
-    $officialResponse = $data['official_response'] ?? $current['official_response'];
-    $resolvedImageUrl = $data['resolved_image_url'] ?? $current['resolved_image_url'];
-
-    $now = date('Y-m-d H:i');
-    $resolvedAt = ($newStatus === 'resolved') ? $now : $current['resolved_at'];
-
-    $upd = $pdo->prepare("UPDATE issues SET status = ?, official_response = ?, resolved_image_url = ?, resolved_at = ? WHERE id = ?");
-    $upd->execute([$newStatus, $officialResponse, $resolvedImageUrl, $resolvedAt, $issueId]);
-
-    $statusTitles = [
-        'pending' => 'در صف بررسی مجدد',
-        'reviewing' => 'بررسی کارشناسی و ارجاع به معاونت مربوطه',
-        'in_progress' => 'اعزام اکیپ اجرایی و آغاز عملیات میدانی',
-        'resolved' => 'اتمام عملیات و رفع کامل مسئله',
-        'rejected' => 'عدم احراز یا خارج از حیطه اختیارات شهرداری'
-    ];
-
-    $tlTitle = !empty($data['timeline_title']) ? $data['timeline_title'] : ($statusTitles[$newStatus] ?? "تغییر وضعیت به {$newStatus}");
-    $tlDesc = !empty($data['timeline_desc']) ? $data['timeline_desc'] : ($officialResponse ?: 'وضعیت پرونده توسط مدیریت سامانه به‌روزرسانی شد.');
-
-    $tlStmt = $pdo->prepare("INSERT INTO timeline (issue_id, status, title, description, created_at) VALUES (?, ?, ?, ?, ?)");
-    $tlStmt->execute([$issueId, $newStatus, $tlTitle, $tlDesc, $now]);
-
-    $updated = $pdo->prepare("SELECT * FROM issues WHERE id = ?");
-    $updated->execute([$issueId]);
-    jsonResponse($updated->fetch());
-}
-
-// 9. POST /api/upload
-if ($requestUri === '/api/upload' && $method === 'POST') {
-    if (!isset($_FILES['file'])) {
-        jsonResponse(['error' => 'فایلی ارسال نشده است.'], 400);
-    }
-
-    $uploadDir = __DIR__ . '/static/uploads/';
-    if (!is_dir($uploadDir)) {
-        mkdir($uploadDir, 0777, true);
-    }
-
-    $ext = pathinfo($_FILES['file']['name'], PATHINFO_EXTENSION);
-    $filename = uniqid('img_', true) . '.' . $ext;
-    $target = $uploadDir . $filename;
-
-    if (move_uploaded_file($_FILES['file']['tmp_name'], $target)) {
-        jsonResponse(['url' => '/static/uploads/' . $filename]);
-    } else {
-        jsonResponse(['error' => 'خطا در ذخیره‌سازی فایل.'], 500);
+        return round($diff * 10000, 1); // Standard forex 4/5 digits
     }
 }
 
-// Default 404 for API
-jsonResponse(['error' => 'مسیر مورد نظر در API یافت نشد.'], 404);
+try {
+    // -------------------------------------------------------------
+    // 1. ACCOUNTS ENDPOINTS
+    // -------------------------------------------------------------
+    if (preg_match('#^/api/accounts/?$#', $uri)) {
+        if ($method === 'GET') {
+            $stmt = $pdo->query("
+                SELECT a.*, 
+                    (SELECT COUNT(*) FROM trades t WHERE t.account_id = a.id) as total_trades,
+                    (SELECT COALESCE(SUM(profit + commission + swap), 0) FROM trades t WHERE t.account_id = a.id AND t.status = 'closed') as net_closed_profit,
+                    (SELECT COALESCE(SUM(profit + commission + swap), 0) FROM trades t WHERE t.account_id = a.id AND t.status = 'open') as net_open_profit
+                FROM accounts a ORDER BY a.is_default DESC, a.id ASC
+            ");
+            $accounts = $stmt->fetchAll();
+            sendJson(['success' => true, 'accounts' => $accounts]);
+        } elseif ($method === 'POST') {
+            $input = getJsonInput();
+            $name = trim($input['name'] ?? 'حساب معاملاتی جدید');
+            $broker = trim($input['broker'] ?? 'IC Markets');
+            $accNum = trim($input['account_number'] ?? '');
+            $currency = trim($input['currency'] ?? 'USD');
+            $initBal = (float)($input['initial_balance'] ?? 10000.0);
+            $leverage = (float)($input['leverage'] ?? 100.0);
+            $accType = trim($input['account_type'] ?? 'Real');
+            $isDefault = !empty($input['is_default']) ? 1 : 0;
+
+            if ($isDefault) {
+                $pdo->exec("UPDATE accounts SET is_default = 0");
+            }
+
+            $stmt = $pdo->prepare("
+                INSERT INTO accounts (name, broker, account_number, currency, initial_balance, leverage, account_type, is_default)
+                VALUES (?, ?, ?, ?, ?, ?, ?, ?)
+            ");
+            $stmt->execute([$name, $broker, $accNum, $currency, $initBal, $leverage, $accType, $isDefault]);
+            $newId = (int)$pdo->lastInsertId();
+
+            // Optionally generate sample data
+            if (!empty($input['with_sample_data'])) {
+                Database::generateSampleTrades($newId, $initBal);
+            }
+
+            sendJson(['success' => true, 'id' => $newId, 'message' => 'حساب معاملاتی با موفقیت ایجاد شد']);
+        }
+    }
+
+    if (preg_match('#^/api/accounts/(\d+)$#', $uri, $matches)) {
+        $accId = (int)$matches[1];
+
+        if ($method === 'GET') {
+            $stmt = $pdo->prepare("SELECT * FROM accounts WHERE id = ?");
+            $stmt->execute([$accId]);
+            $acc = $stmt->fetch();
+            if (!$acc) sendJson(['success' => false, 'error' => 'حساب یافت نشد'], 404);
+            sendJson(['success' => true, 'account' => $acc]);
+        } elseif ($method === 'PUT') {
+            $input = getJsonInput();
+            $stmt = $pdo->prepare("
+                UPDATE accounts SET
+                    name = COALESCE(?, name),
+                    broker = COALESCE(?, broker),
+                    account_number = COALESCE(?, account_number),
+                    currency = COALESCE(?, currency),
+                    initial_balance = COALESCE(?, initial_balance),
+                    leverage = COALESCE(?, leverage),
+                    account_type = COALESCE(?, account_type),
+                    is_default = COALESCE(?, is_default),
+                    updated_at = CURRENT_TIMESTAMP
+                WHERE id = ?
+            ");
+            $stmt->execute([
+                $input['name'] ?? null,
+                $input['broker'] ?? null,
+                $input['account_number'] ?? null,
+                $input['currency'] ?? null,
+                isset($input['initial_balance']) ? (float)$input['initial_balance'] : null,
+                isset($input['leverage']) ? (float)$input['leverage'] : null,
+                $input['account_type'] ?? null,
+                isset($input['is_default']) ? (int)$input['is_default'] : null,
+                $accId
+            ]);
+            sendJson(['success' => true, 'message' => 'حساب به‌روزرسانی شد']);
+        } elseif ($method === 'DELETE') {
+            $stmt = $pdo->prepare("DELETE FROM accounts WHERE id = ?");
+            $stmt->execute([$accId]);
+            sendJson(['success' => true, 'message' => 'حساب و معاملات آن حذف شدند']);
+        }
+    }
+
+    // -------------------------------------------------------------
+    // 2. ANALYTICS ENDPOINT (Myfxbook Style)
+    // -------------------------------------------------------------
+    if (preg_match('#^/api/analytics/?$#', $uri)) {
+        if ($method === 'GET') {
+            $accountId = (int)($_GET['account_id'] ?? 0);
+            if ($accountId <= 0) {
+                // Get default account
+                $stmtDef = $pdo->query("SELECT id FROM accounts ORDER BY is_default DESC, id ASC LIMIT 1");
+                $accountId = (int)($stmtDef->fetchColumn() ?: 1);
+            }
+
+            $from = $_GET['from'] ?? null;
+            $to = $_GET['to'] ?? null;
+            $symbol = $_GET['symbol'] ?? null;
+            $strategy = $_GET['strategy'] ?? null;
+
+            $data = $analyticsEngine->getFullAnalytics($accountId, $from, $to, $symbol, $strategy);
+            sendJson(['success' => true, 'data' => $data]);
+        }
+    }
+
+    // -------------------------------------------------------------
+    // 3. TRADES CRUD ENDPOINTS
+    // -------------------------------------------------------------
+    if (preg_match('#^/api/trades/?$#', $uri)) {
+        if ($method === 'GET') {
+            $accountId = (int)($_GET['account_id'] ?? 0);
+            if ($accountId <= 0) {
+                $stmtDef = $pdo->query("SELECT id FROM accounts ORDER BY is_default DESC, id ASC LIMIT 1");
+                $accountId = (int)($stmtDef->fetchColumn() ?: 1);
+            }
+
+            $page = max(1, (int)($_GET['page'] ?? 1));
+            $limit = max(5, min(100, (int)($_GET['limit'] ?? 50)));
+            $offset = ($page - 1) * $limit;
+
+            $status = $_GET['status'] ?? 'all';
+            $symbol = $_GET['symbol'] ?? 'all';
+            $strategy = $_GET['strategy'] ?? 'all';
+            $search = trim($_GET['search'] ?? '');
+            $sortBy = $_GET['sort_by'] ?? 'open_time';
+            $sortDir = strtolower($_GET['sort_dir'] ?? 'desc') === 'asc' ? 'ASC' : 'DESC';
+
+            $allowedSorts = ['open_time', 'close_time', 'profit', 'pips', 'lot_size', 'symbol', 'id'];
+            if (!in_array($sortBy, $allowedSorts)) $sortBy = 'open_time';
+
+            $where = ["account_id = ?"];
+            $params = [$accountId];
+
+            if ($status !== 'all') {
+                $where[] = "status = ?";
+                $params[] = $status;
+            }
+            if ($symbol !== 'all' && !empty($symbol)) {
+                $where[] = "symbol = ?";
+                $params[] = $symbol;
+            }
+            if ($strategy !== 'all' && !empty($strategy)) {
+                $where[] = "strategy = ?";
+                $params[] = $strategy;
+            }
+            if (!empty($search)) {
+                $where[] = "(symbol LIKE ? OR ticket LIKE ? OR entry_notes LIKE ? OR exit_notes LIKE ? OR tags LIKE ?)";
+                $sParam = "%$search%";
+                $params[] = $sParam;
+                $params[] = $sParam;
+                $params[] = $sParam;
+                $params[] = $sParam;
+                $params[] = $sParam;
+            }
+
+            $whereClause = implode(" AND ", $where);
+
+            // Total count
+            $stmtCount = $pdo->prepare("SELECT COUNT(*) FROM trades WHERE $whereClause");
+            $stmtCount->execute($params);
+            $totalCount = (int)$stmtCount->fetchColumn();
+
+            // Fetch records
+            $sql = "SELECT * FROM trades WHERE $whereClause ORDER BY $sortBy $sortDir LIMIT $limit OFFSET $offset";
+            $stmtList = $pdo->prepare($sql);
+            $stmtList->execute($params);
+            $trades = $stmtList->fetchAll();
+
+            sendJson([
+                'success' => true,
+                'trades' => $trades,
+                'pagination' => [
+                    'total' => $totalCount,
+                    'page' => $page,
+                    'limit' => $limit,
+                    'total_pages' => ceil($totalCount / $limit)
+                ]
+            ]);
+        } elseif ($method === 'POST') {
+            $input = getJsonInput();
+            $accountId = (int)($input['account_id'] ?? 1);
+            $symbol = strtoupper(trim($input['symbol'] ?? 'EURUSD'));
+            $tradeType = strtolower(trim($input['trade_type'] ?? 'buy'));
+            $lotSize = (float)($input['lot_size'] ?? 0.1);
+            $openPrice = (float)($input['open_price'] ?? 0.0);
+            $closePrice = isset($input['close_price']) && $input['close_price'] !== '' ? (float)$input['close_price'] : null;
+            $stopLoss = isset($input['stop_loss']) && $input['stop_loss'] !== '' ? (float)$input['stop_loss'] : null;
+            $takeProfit = isset($input['take_profit']) && $input['take_profit'] !== '' ? (float)$input['take_profit'] : null;
+            $openTime = !empty($input['open_time']) ? date('Y-m-d H:i:s', strtotime($input['open_time'])) : date('Y-m-d H:i:s');
+            $closeTime = !empty($input['close_time']) ? date('Y-m-d H:i:s', strtotime($input['close_time'])) : null;
+            $status = trim($input['status'] ?? ($closePrice !== null ? 'closed' : 'open'));
+            $strategy = trim($input['strategy'] ?? 'Price Action');
+            $timeframe = trim($input['timeframe'] ?? 'M15');
+            $session = trim($input['session'] ?? 'London');
+            $emotion = trim($input['emotion'] ?? 'Disciplined');
+            $comm = (float)($input['commission'] ?? 0.0);
+            $swap = (float)($input['swap'] ?? 0.0);
+            $profit = isset($input['profit']) ? (float)$input['profit'] : 0.0;
+            $pips = isset($input['pips']) ? (float)$input['pips'] : 0.0;
+            $rr = isset($input['risk_reward']) ? (float)$input['risk_reward'] : null;
+
+            // Auto calculate pips if not provided and closed
+            if ($closePrice !== null && empty($input['pips'])) {
+                $pips = calculatePips($symbol, $tradeType, $openPrice, $closePrice);
+            }
+
+            // Auto calculate profit if not provided and closed
+            if ($closePrice !== null && !isset($input['profit'])) {
+                // Rough standard lot pip value estimation ($10 per lot per pip for EURUSD)
+                $pipVal = 10.0 * $lotSize;
+                $profit = round($pips * $pipVal, 2);
+            }
+
+            $stmt = $pdo->prepare("
+                INSERT INTO trades (
+                    account_id, ticket, symbol, trade_type, lot_size,
+                    open_price, close_price, stop_loss, take_profit,
+                    open_time, close_time, pips, profit, commission, swap,
+                    status, strategy, timeframe, session, risk_reward, emotion,
+                    entry_notes, exit_notes, lessons, screenshot_entry, screenshot_exit, tags
+                ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+            ");
+            $stmt->execute([
+                $accountId,
+                trim($input['ticket'] ?? ''),
+                $symbol,
+                $tradeType,
+                $lotSize,
+                $openPrice,
+                $closePrice,
+                $stopLoss,
+                $takeProfit,
+                $openTime,
+                $closeTime,
+                $pips,
+                $profit,
+                $comm,
+                $swap,
+                $status,
+                $strategy,
+                $timeframe,
+                $session,
+                $rr,
+                $emotion,
+                trim($input['entry_notes'] ?? ''),
+                trim($input['exit_notes'] ?? ''),
+                trim($input['lessons'] ?? ''),
+                trim($input['screenshot_entry'] ?? ''),
+                trim($input['screenshot_exit'] ?? ''),
+                trim($input['tags'] ?? '')
+            ]);
+
+            $tradeId = (int)$pdo->lastInsertId();
+            sendJson(['success' => true, 'id' => $tradeId, 'message' => 'معامله با موفقیت ثبت شد']);
+        }
+    }
+
+    if (preg_match('#^/api/trades/(\d+)$#', $uri, $matches)) {
+        $tradeId = (int)$matches[1];
+
+        if ($method === 'GET') {
+            $stmt = $pdo->prepare("SELECT * FROM trades WHERE id = ?");
+            $stmt->execute([$tradeId]);
+            $trade = $stmt->fetch();
+            if (!$trade) sendJson(['success' => false, 'error' => 'معامله یافت نشد'], 404);
+            sendJson(['success' => true, 'trade' => $trade]);
+        } elseif ($method === 'PUT') {
+            $input = getJsonInput();
+            $stmtGet = $pdo->prepare("SELECT * FROM trades WHERE id = ?");
+            $stmtGet->execute([$tradeId]);
+            $curr = $stmtGet->fetch();
+            if (!$curr) sendJson(['success' => false, 'error' => 'معامله یافت نشد'], 404);
+
+            $symbol = strtoupper(trim($input['symbol'] ?? $curr['symbol']));
+            $tradeType = strtolower(trim($input['trade_type'] ?? $curr['trade_type']));
+            $openPrice = isset($input['open_price']) ? (float)$input['open_price'] : (float)$curr['open_price'];
+            $closePrice = array_key_exists('close_price', $input) ? ($input['close_price'] !== null && $input['close_price'] !== '' ? (float)$input['close_price'] : null) : $curr['close_price'];
+            
+            $pips = isset($input['pips']) ? (float)$input['pips'] : $curr['pips'];
+            $profit = isset($input['profit']) ? (float)$input['profit'] : $curr['profit'];
+
+            if ($closePrice !== null && (!isset($input['pips']) || $input['pips'] === '')) {
+                $pips = calculatePips($symbol, $tradeType, $openPrice, (float)$closePrice);
+            }
+
+            $status = $input['status'] ?? ($closePrice !== null ? 'closed' : $curr['status']);
+            $closeTime = array_key_exists('close_time', $input) ? (!empty($input['close_time']) ? date('Y-m-d H:i:s', strtotime($input['close_time'])) : null) : $curr['close_time'];
+
+            $stmt = $pdo->prepare("
+                UPDATE trades SET
+                    ticket = COALESCE(?, ticket),
+                    symbol = ?,
+                    trade_type = ?,
+                    lot_size = COALESCE(?, lot_size),
+                    open_price = ?,
+                    close_price = ?,
+                    stop_loss = ?,
+                    take_profit = ?,
+                    open_time = COALESCE(?, open_time),
+                    close_time = ?,
+                    pips = ?,
+                    profit = ?,
+                    commission = COALESCE(?, commission),
+                    swap = COALESCE(?, swap),
+                    status = ?,
+                    strategy = COALESCE(?, strategy),
+                    timeframe = COALESCE(?, timeframe),
+                    session = COALESCE(?, session),
+                    risk_reward = ?,
+                    emotion = COALESCE(?, emotion),
+                    entry_notes = COALESCE(?, entry_notes),
+                    exit_notes = COALESCE(?, exit_notes),
+                    lessons = COALESCE(?, lessons),
+                    screenshot_entry = COALESCE(?, screenshot_entry),
+                    screenshot_exit = COALESCE(?, screenshot_exit),
+                    tags = COALESCE(?, tags),
+                    updated_at = CURRENT_TIMESTAMP
+                WHERE id = ?
+            ");
+            $stmt->execute([
+                $input['ticket'] ?? null,
+                $symbol,
+                $tradeType,
+                isset($input['lot_size']) ? (float)$input['lot_size'] : null,
+                $openPrice,
+                $closePrice,
+                isset($input['stop_loss']) && $input['stop_loss'] !== '' ? (float)$input['stop_loss'] : null,
+                isset($input['take_profit']) && $input['take_profit'] !== '' ? (float)$input['take_profit'] : null,
+                !empty($input['open_time']) ? date('Y-m-d H:i:s', strtotime($input['open_time'])) : null,
+                $closeTime,
+                $pips,
+                $profit,
+                isset($input['commission']) ? (float)$input['commission'] : null,
+                isset($input['swap']) ? (float)$input['swap'] : null,
+                $status,
+                $input['strategy'] ?? null,
+                $input['timeframe'] ?? null,
+                $input['session'] ?? null,
+                isset($input['risk_reward']) ? (float)$input['risk_reward'] : null,
+                $input['emotion'] ?? null,
+                $input['entry_notes'] ?? null,
+                $input['exit_notes'] ?? null,
+                $input['lessons'] ?? null,
+                $input['screenshot_entry'] ?? null,
+                $input['screenshot_exit'] ?? null,
+                $input['tags'] ?? null,
+                $tradeId
+            ]);
+            sendJson(['success' => true, 'message' => 'معامله با موفقیت ویرایش شد']);
+        } elseif ($method === 'DELETE') {
+            $stmt = $pdo->prepare("DELETE FROM trades WHERE id = ?");
+            $stmt->execute([$tradeId]);
+            sendJson(['success' => true, 'message' => 'معامله حذف شد']);
+        }
+    }
+
+    // -------------------------------------------------------------
+    // 4. MT4 / MT5 STATEMENT IMPORTER (CSV & HTML)
+    // -------------------------------------------------------------
+    if (preg_match('#^/api/trades/import/?$#', $uri) && $method === 'POST') {
+        $accountId = (int)($_POST['account_id'] ?? 1);
+
+        if (!isset($_FILES['statement']) || $_FILES['statement']['error'] !== UPLOAD_ERR_OK) {
+            sendJson(['success' => false, 'error' => 'فایل گزارش انتخاب نشده یا آپلود ناموفق بود'], 400);
+        }
+
+        $fileTmp = $_FILES['statement']['tmp_name'];
+        $fileName = $_FILES['statement']['name'];
+        $content = file_get_contents($fileTmp);
+        $importedCount = 0;
+
+        // Check if file is CSV
+        if (str_ends_with(strtolower($fileName), '.csv') || strpos($content, ',') !== false && strpos($content, '<html') === false) {
+            $lines = explode("\n", $content);
+            $header = [];
+            foreach ($lines as $lineNum => $line) {
+                $line = trim($line);
+                if (empty($line)) continue;
+                $row = str_getcsv($line);
+
+                if ($lineNum === 0 || empty($header)) {
+                    $header = array_map('strtolower', array_map('trim', $row));
+                    continue;
+                }
+
+                if (count($row) < 5) continue;
+                $rowAssoc = [];
+                foreach ($header as $idx => $colName) {
+                    $rowAssoc[$colName] = $row[$idx] ?? '';
+                }
+
+                $ticket = $rowAssoc['ticket'] ?? $rowAssoc['order'] ?? (string)rand(1000000, 9999999);
+                $symbol = strtoupper($rowAssoc['symbol'] ?? $rowAssoc['item'] ?? 'EURUSD');
+                $type = strtolower($rowAssoc['type'] ?? $rowAssoc['cmd'] ?? 'buy');
+                if (!in_array($type, ['buy', 'sell'])) continue;
+
+                $size = (float)($rowAssoc['size'] ?? $rowAssoc['volume'] ?? $rowAssoc['lots'] ?? 0.1);
+                $openPrice = (float)($rowAssoc['open price'] ?? $rowAssoc['price'] ?? $rowAssoc['open_price'] ?? 0.0);
+                $closePrice = (float)($rowAssoc['close price'] ?? $rowAssoc['close_price'] ?? 0.0);
+                $profit = (float)($rowAssoc['profit'] ?? $rowAssoc['p/l'] ?? 0.0);
+                $comm = (float)($rowAssoc['commission'] ?? $rowAssoc['taxes'] ?? 0.0);
+                $swap = (float)($rowAssoc['swap'] ?? 0.0);
+                $openTime = $rowAssoc['open time'] ?? $rowAssoc['time'] ?? date('Y-m-d H:i:s');
+                $closeTime = $rowAssoc['close time'] ?? $rowAssoc['time'] ?? date('Y-m-d H:i:s');
+
+                $pips = calculatePips($symbol, $type, $openPrice, $closePrice);
+
+                $stmtIns = $pdo->prepare("
+                    INSERT INTO trades (
+                        account_id, ticket, symbol, trade_type, lot_size,
+                        open_price, close_price, open_time, close_time, pips, profit, commission, swap, status, strategy, emotion
+                    ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 'closed', 'Imported MT4/MT5', 'Disciplined')
+                ");
+                $stmtIns->execute([$accountId, $ticket, $symbol, $type, $size, $openPrice, $closePrice, $openTime, $closeTime, $pips, $profit, $comm, $swap]);
+                $importedCount++;
+            }
+        } else {
+            // HTML Statement Parser (MT4 / MT5 Standard HTML Reports)
+            preg_match_all('#<tr[^>]*>(.*?)</tr>#is', $content, $trMatches);
+            foreach ($trMatches[1] as $trHtml) {
+                preg_match_all('#<td[^>]*>(.*?)</td>#is', $trHtml, $tdMatches);
+                $tds = array_map(fn($t) => trim(strip_tags($t)), $tdMatches[1] ?? []);
+                if (count($tds) >= 10 && (strtolower($tds[2] ?? '') === 'buy' || strtolower($tds[2] ?? '') === 'sell')) {
+                    $ticket = $tds[0];
+                    $openTime = date('Y-m-d H:i:s', strtotime($tds[1]));
+                    $type = strtolower($tds[2]);
+                    $size = (float)$tds[3];
+                    $symbol = strtoupper($tds[4]);
+                    $openPrice = (float)$tds[5];
+                    $sl = (float)($tds[6] ?? 0);
+                    $tp = (float)($tds[7] ?? 0);
+                    $closeTime = isset($tds[8]) ? date('Y-m-d H:i:s', strtotime($tds[8])) : $openTime;
+                    $closePrice = (float)($tds[9] ?? $openPrice);
+                    $comm = (float)($tds[10] ?? 0);
+                    $swap = (float)($tds[11] ?? 0);
+                    $profit = (float)($tds[12] ?? 0);
+
+                    $pips = calculatePips($symbol, $type, $openPrice, $closePrice);
+
+                    $stmtIns = $pdo->prepare("
+                        INSERT INTO trades (
+                            account_id, ticket, symbol, trade_type, lot_size,
+                            open_price, close_price, stop_loss, take_profit,
+                            open_time, close_time, pips, profit, commission, swap, status, strategy, emotion
+                        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 'closed', 'MT4/MT5 Statement', 'Disciplined')
+                    ");
+                    $stmtIns->execute([$accountId, $ticket, $symbol, $type, $size, $openPrice, $closePrice, $sl, $tp, $openTime, $closeTime, $pips, $profit, $comm, $swap]);
+                    $importedCount++;
+                }
+            }
+        }
+
+        sendJson(['success' => true, 'imported_count' => $importedCount, 'message' => "تعداد $importedCount معامله با موفقیت ایمپورت شد"]);
+    }
+
+    // -------------------------------------------------------------
+    // 5. EXPORT TRADES (CSV)
+    // -------------------------------------------------------------
+    if (preg_match('#^/api/trades/export/?$#', $uri) && $method === 'GET') {
+        $accountId = (int)($_GET['account_id'] ?? 1);
+        $stmt = $pdo->prepare("SELECT * FROM trades WHERE account_id = ? ORDER BY open_time ASC");
+        $stmt->execute([$accountId]);
+        $trades = $stmt->fetchAll();
+
+        header('Content-Type: text/csv; charset=utf-8');
+        header('Content-Disposition: attachment; filename="forex_trades_' . date('Ymd_His') . '.csv"');
+
+        $out = fopen('php://output', 'w');
+        // UTF-8 BOM for Excel
+        fputs($out, "\xEF\xBB\xBF");
+        fputcsv($out, ['ID', 'Ticket', 'Symbol', 'Type', 'Volume', 'Open Price', 'Close Price', 'S/L', 'T/P', 'Open Time', 'Close Time', 'Pips', 'Profit ($)', 'Commission', 'Swap', 'Status', 'Strategy', 'Timeframe', 'Session', 'Emotion', 'Notes']);
+
+        foreach ($trades as $t) {
+            fputcsv($out, [
+                $t['id'],
+                $t['ticket'],
+                $t['symbol'],
+                $t['trade_type'],
+                $t['lot_size'],
+                $t['open_price'],
+                $t['close_price'],
+                $t['stop_loss'],
+                $t['take_profit'],
+                $t['open_time'],
+                $t['close_time'],
+                $t['pips'],
+                $t['profit'],
+                $t['commission'],
+                $t['swap'],
+                $t['status'],
+                $t['strategy'],
+                $t['timeframe'],
+                $t['session'],
+                $t['emotion'],
+                $t['entry_notes']
+            ]);
+        }
+        fclose($out);
+        exit;
+    }
+
+    // -------------------------------------------------------------
+    // 6. SCREENSHOT IMAGE UPLOAD
+    // -------------------------------------------------------------
+    if (preg_match('#^/api/upload/?$#', $uri) && $method === 'POST') {
+        if (!isset($_FILES['image']) || $_FILES['image']['error'] !== UPLOAD_ERR_OK) {
+            sendJson(['success' => false, 'error' => 'تصویری ارسال نشد یا خطایی رخ داد'], 400);
+        }
+
+        $file = $_FILES['image'];
+        $allowed = ['image/jpeg', 'image/png', 'image/webp', 'image/gif'];
+        if (!in_array($file['type'], $allowed)) {
+            sendJson(['success' => false, 'error' => 'فرمت تصویر نامعتبر است (تنها JPG, PNG, WEBP مجاز است)'], 400);
+        }
+
+        $uploadDir = __DIR__ . '/uploads';
+        if (!is_dir($uploadDir)) mkdir($uploadDir, 0777, true);
+
+        $ext = pathinfo($file['name'], PATHINFO_EXTENSION);
+        $newFilename = 'chart_' . uniqid() . '.' . $ext;
+        $dest = $uploadDir . '/' . $newFilename;
+
+        if (move_uploaded_file($file['tmp_name'], $dest)) {
+            sendJson(['success' => true, 'url' => '/uploads/' . $newFilename]);
+        } else {
+            sendJson(['success' => false, 'error' => 'ذخیره تصویر با خطا مواجه شد'], 500);
+        }
+    }
+
+    // -------------------------------------------------------------
+    // 7. STRATEGIES & DAILY LOGS
+    // -------------------------------------------------------------
+    if (preg_match('#^/api/strategies/?$#', $uri)) {
+        if ($method === 'GET') {
+            $stmt = $pdo->query("SELECT * FROM strategies ORDER BY name ASC");
+            sendJson(['success' => true, 'strategies' => $stmt->fetchAll()]);
+        } elseif ($method === 'POST') {
+            $input = getJsonInput();
+            $name = trim($input['name'] ?? '');
+            if (empty($name)) sendJson(['success' => false, 'error' => 'نام استراتژی الزامی است'], 400);
+            $stmt = $pdo->prepare("INSERT OR IGNORE INTO strategies (name, description, color) VALUES (?, ?, ?)");
+            $stmt->execute([$name, $input['description'] ?? '', $input['color'] ?? '#3b82f6']);
+            sendJson(['success' => true, 'message' => 'استراتژی ثبت شد']);
+        }
+    }
+
+    // -------------------------------------------------------------
+    // 8. RESET & SEED SAMPLE DATA
+    // -------------------------------------------------------------
+    if (preg_match('#^/api/reset_sample/?$#', $uri) && $method === 'POST') {
+        $accountId = (int)($_GET['account_id'] ?? 1);
+        $pdo->exec("DELETE FROM trades WHERE account_id = $accountId");
+        Database::generateSampleTrades($accountId, 10000.0);
+        sendJson(['success' => true, 'message' => 'داده‌های نمونه مای‌اف‌ایکس‌بوک با موفقیت بازیابی شدند']);
+    }
+
+    sendJson(['success' => false, 'error' => 'مسیر مورد نظر یافت نشد (API Not Found)'], 404);
+
+} catch (Throwable $e) {
+    sendJson(['success' => false, 'error' => 'Server Error: ' . $e->getMessage()], 500);
+}
diff --git a/database.py b/database.py
deleted file mode 100644
index 394e6df..0000000
--- a/database.py
+++ /dev/null
@@ -1,280 +0,0 @@
-import sqlite3
-import os
-import random
-from datetime import datetime, timedelta
-
-DB_PATH = os.path.join(os.path.dirname(__file__), "urban_issues.db")
-
-def get_db_connection():
-    conn = sqlite3.connect(DB_PATH)
-    conn.row_factory = sqlite3.Row
-    return conn
-
-def init_db():
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    # Issues Table
-    cursor.execute("""
-    CREATE TABLE IF NOT EXISTS issues (
-        id INTEGER PRIMARY KEY AUTOINCREMENT,
-        tracking_code TEXT UNIQUE NOT NULL,
-        title TEXT NOT NULL,
-        category TEXT NOT NULL,
-        description TEXT NOT NULL,
-        address TEXT NOT NULL,
-        district INTEGER NOT NULL,
-        priority TEXT NOT NULL, -- 'low', 'medium', 'high', 'emergency'
-        status TEXT NOT NULL,   -- 'pending', 'reviewing', 'in_progress', 'resolved', 'rejected'
-        lat REAL NOT NULL,
-        lng REAL NOT NULL,
-        image_url TEXT,
-        resolved_image_url TEXT,
-        reporter_name TEXT,
-        reporter_phone TEXT,
-        official_response TEXT,
-        upvotes INTEGER DEFAULT 0,
-        created_at TEXT NOT NULL,
-        resolved_at TEXT
-    )
-    """)
-
-    # Comments Table
-    cursor.execute("""
-    CREATE TABLE IF NOT EXISTS comments (
-        id INTEGER PRIMARY KEY AUTOINCREMENT,
-        issue_id INTEGER NOT NULL,
-        author_name TEXT NOT NULL,
-        content TEXT NOT NULL,
-        created_at TEXT NOT NULL,
-        FOREIGN KEY (issue_id) REFERENCES issues(id) ON DELETE CASCADE
-    )
-    """)
-
-    # Timeline Table
-    cursor.execute("""
-    CREATE TABLE IF NOT EXISTS timeline (
-        id INTEGER PRIMARY KEY AUTOINCREMENT,
-        issue_id INTEGER NOT NULL,
-        status TEXT NOT NULL,
-        title TEXT NOT NULL,
-        description TEXT,
-        created_at TEXT NOT NULL,
-        FOREIGN KEY (issue_id) REFERENCES issues(id) ON DELETE CASCADE
-    )
-    """)
-
-    # Check if empty, then seed initial realistic data
-    cursor.execute("SELECT COUNT(*) FROM issues")
-    count = cursor.fetchone()[0]
-    
-    if count == 0:
-        seed_data(cursor)
-        
-    conn.commit()
-    conn.close()
-
-def seed_data(cursor):
-    now = datetime.now()
-    
-    sample_issues = [
-        {
-            "tracking_code": "SHR-78214",
-            "title": "فرونشست و چاله عمیق در لاین کندرو",
-            "category": "آسفالت و معابر",
-            "description": "وجود چاله عمیق با قطر حدود ۱ متر پس از بارندگی اخیر که باعث خسارت به لاستیک خودروها و ترمزهای ناگهانی خطرناک می‌شود.",
-            "address": "بزرگراه شهید همت، نرسیده به خروجی گاندی، لاین کندرو",
-            "district": 3,
-            "priority": "emergency",
-            "status": "in_progress",
-            "lat": 35.7538,
-            "lng": 51.4172,
-            "image_url": "https://images.unsplash.com/photo-1515162816999-a0c47dc192f7?auto=format&fit=crop&w=800&q=80",
-            "resolved_image_url": None,
-            "reporter_name": "علی رضایی",
-            "reporter_phone": "09121112233",
-            "official_response": "اکیپ آسفالت‌ریزی ناحیه ۲ شهرداری منطقه ۳ اعزام گردیده و عملیات زیرسازی و لکه‌گیری در حال انجام است.",
-            "upvotes": 42,
-            "days_ago": 2,
-            "resolved_at": None,
-            "timeline": [
-                ("pending", "ثبت گزارش توسط شهروند", "گزارش در سامانه ۱۳۷ با موفقیت ثبت شد."),
-                ("reviewing", "تایید کارشناس و ارجاع به معاونت فنی و عمران", "موضوع به ناحیه ۲ ارجاع داده شد."),
-                ("in_progress", "اعزام اکیپ عملیاتی لکه‌گیری", "تیم فنی با تجهیزات در محل مستقر شد.")
-            ],
-            "comments": [
-                ("سارا محمدی", "دیروز لاستیک ماشین من هم اینجا آسیب دید، ممنون که پیگیری می‌کنید."),
-                ("حسین کاظمی", "امیدوارم امشب تا قبل از ترافیک صبحگاهی تموم بشه.")
-            ]
-        },
-        {
-            "tracking_code": "SHR-65109",
-            "title": "خاموشی کامل پایه چراغ‌های روشنایی بوستان",
-            "category": "روشنایی و برق",
-            "description": "کل مسیر پیاده‌روی شرقی بوستان ملت در تاریکی مطلق است که باعث کاهش امنیت خانواده‌ها و ورزشکاران شبانه شده است.",
-            "address": "خیابان ولیعصر، بوستان ملت، ضلع شرقی جنب دریاچه",
-            "district": 3,
-            "priority": "high",
-            "status": "resolved",
-            "lat": 35.7801,
-            "lng": 51.4116,
-            "image_url": "https://images.unsplash.com/photo-1509114397022-ed747cca3f65?auto=format&fit=crop&w=800&q=80",
-            "resolved_image_url": "https://images.unsplash.com/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=800&q=80",
-            "reporter_name": "مریم احمدی",
-            "reporter_phone": "09123334455",
-            "official_response": "کابل‌کشی زیرزمینی و تعویض پروژکتورهای معیوب توسط اداره زیباسازی و تاسیسات منطقه انجام و روشنایی کامل برقرار گردید.",
-            "upvotes": 68,
-            "days_ago": 5,
-            "resolved_at": (now - timedelta(days=1)).strftime("%Y-%m-%d %H:%M"),
-            "timeline": [
-                ("pending", "ثبت گزارش توسط شهروند", "گزارش دریافت شد."),
-                ("reviewing", "بررسی میدانی اداره تاسیسات", "نقص کابل اصلی تایید شد."),
-                ("in_progress", "تعمیرات و تعویض کابل", "تیم تاسیسات در حال اجرای خط جدید."),
-                ("resolved", "تکمیل و رفع نقص روشنایی", "چراغ‌ها روشن و مدار به طور کامل تست شد.")
-            ],
-            "comments": [
-                ("امیر رستمی", "خیلی سریع درستش کردن، واقعا تشکر از عوامل شهرداری."),
-                ("نگار توکلی", "دیشب رفتم پارک، همه چراغ‌ها درست شده بود.")
-            ]
-        },
-        {
-            "tracking_code": "SHR-91203",
-            "title": "انباشت پسماند و سرریز مخزن زباله شهری",
-            "category": "نظافت و پسماند",
-            "description": "مخزن مکانیزه زباله شکسته شده و زباله‌ها در پیاده‌رو پخش شده که باعث بوی نامطبوع و تجمع حشرات شده است.",
-            "address": "خیابان آزادی، تقاطع خیابان استاد معین، پلاک ۴۲",
-            "district": 9,
-            "priority": "medium",
-            "status": "pending",
-            "lat": 35.6997,
-            "lng": 51.3486,
-            "image_url": "https://images.unsplash.com/photo-1532996122724-e3c354a0b15b?auto=format&fit=crop&w=800&q=80",
-            "resolved_image_url": None,
-            "reporter_name": "سعید کریمی",
-            "reporter_phone": "09355556677",
-            "official_response": "گزارش در نوبت بررسی ناظر پسماند منطقه قرار گرفته است.",
-            "upvotes": 19,
-            "days_ago": 1,
-            "resolved_at": None,
-            "timeline": [
-                ("pending", "ثبت گزارش در سامانه", "منتظر بازرسی و تخصیص سطل جدید مکانیزه.")
-            ],
-            "comments": [
-                ("مهدی بهرامی", "لطفا سطل‌های پدال‌دار بگذارید که درش بسته بمونه.")
-            ]
-        },
-        {
-            "tracking_code": "SHR-44390",
-            "title": "آسیب دیدگی و شکستن شاخه‌های درخت کهنسال بر اثر طوفان",
-            "category": "فضای سبز و بوستان‌ها",
-            "description": "شاخه‌های سنگین درخت چنار شکسته و روی سیم‌های برق و پیاده‌رو معلق مانده است، احتمال سقوط روی عابرین وجود دارد.",
-            "address": "خیابان شریعتی، بالاتر از پل رومی، نبش کوچه یاس",
-            "district": 1,
-            "priority": "emergency",
-            "status": "in_progress",
-            "lat": 35.7985,
-            "lng": 51.4332,
-            "image_url": "https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?auto=format&fit=crop&w=800&q=80",
-            "resolved_image_url": None,
-            "reporter_name": "پویا سرمدی",
-            "reporter_phone": "09124445566",
-            "official_response": "اکیپ سازمان بوستان‌ها و آتش‌نشانی با جرثقیل در حال هرس ایمن و رفع خطر هستند.",
-            "upvotes": 54,
-            "days_ago": 1,
-            "resolved_at": None,
-            "timeline": [
-                ("pending", "ثبت فوری گزارش خطر", "هشدار سقوط شاخه دریافت شد."),
-                ("reviewing", "هماهنگی با سازمان آتش‌نشانی و فضای سبز", "اعلام وضعیت اضطراری."),
-                ("in_progress", "عملیات رفع خطر و هرس", "حصارکشی پیاده‌رو و استقرار بالابر.")
-            ],
-            "comments": [
-                ("رویا صبوری", "خدا رو شکر سریع اومدن نوار خطر کشیدن.")
-            ]
-        },
-        {
-            "tracking_code": "SHR-33219",
-            "title": "سد معبر طولانی مصالح ساختمانی و تخریب پیاده‌رو",
-            "category": "ساختمان‌سازی و سد معبر",
-            "description": "یک پروژه ساختمانی بیش از سه هفته است که تمام پیاده‌رو و بخشی از خیابان را با نخاله و داربست بدون راه عبور ایمن مسدود کرده است.",
-            "address": "سعادت‌آباد، میدان کاج، خیابان مروارید، پلاک ۱۸",
-            "district": 2,
-            "priority": "high",
-            "status": "reviewing",
-            "lat": 35.7794,
-            "lng": 51.3758,
-            "image_url": "https://images.unsplash.com/photo-1541888946425-d0fbb18086f6?auto=format&fit=crop&w=800&q=80",
-            "resolved_image_url": None,
-            "reporter_name": "فرشید نادری",
-            "reporter_phone": "09127778899",
-            "official_response": "اخطاریه ماده ۱۰۰ و رفع سد معبر برای مالک صادر شد. مهلت رفع ۴۸ ساعت می‌باشد.",
-            "upvotes": 37,
-            "days_ago": 3,
-            "resolved_at": None,
-            "timeline": [
-                ("pending", "ثبت گزارش تخلف ساختمانی", "ثبت شد."),
-                ("reviewing", "بازدید مامور اجرای احکام شهرداری", "صدور اخطاریه رسمی رفع انسداد معبر.")
-            ],
-            "comments": [
-                ("کامران شمس", "مادر من با ویلچر مجبور شد بره توی خیابان که خیلی خطرناک بود!")
-            ]
-        },
-        {
-            "tracking_code": "SHR-55821",
-            "title": "خرابی و چشمک‌زن ماندن چراغ راهنمایی تقاطع پرتردد",
-            "category": "ترافیک و حمل‌ونقل",
-            "description": "چراغ راهنمایی تقاطع به مدت دو روز چشمک‌زن زرد مانده که باعث گره کور ترافیکی و تصادفات مکرر شده است.",
-            "address": "میدان فاطمی (جهاد)، تقاطع خیابان جویبار و شهید گمنام",
-            "district": 6,
-            "priority": "high",
-            "status": "resolved",
-            "lat": 35.7208,
-            "lng": 51.4082,
-            "image_url": "https://images.unsplash.com/photo-1517649763962-0c623266ddc0?auto=format&fit=crop&w=800&q=80",
-            "resolved_image_url": "https://images.unsplash.com/photo-1508873696983-2df5703bc275?auto=format&fit=crop&w=800&q=80",
-            "reporter_name": "ندا زمانی",
-            "reporter_phone": "09191113355",
-            "official_response": "برد الکترونیکی کنترلر چراغ توسط شرکت کنترل ترافیک تهران تعویض و زمان‌بندی هوشمند مجدداً فعال گردید.",
-            "upvotes": 85,
-            "days_ago": 4,
-            "resolved_at": (now - timedelta(days=2)).strftime("%Y-%m-%d %H:%M"),
-            "timeline": [
-                ("pending", "ثبت گزارش خرابی علائم ترافیکی", "گزارش دریافت گردید."),
-                ("reviewing", "ارجاع به شرکت کنترل ترافیک", "تایید خرابی سخت‌افزاری کنترلر."),
-                ("in_progress", "تعویض برد فرمان و سنسورها", "عملیات فنی در محل انجام شد."),
-                ("resolved", "راه‌اندازی و اتصال به مرکز کنترل", "چراغ طبق برنامه زمان‌بندی هوشمند شروع به کار کرد.")
-            ],
-            "comments": [
-                ("سامان یوسفی", "دست مریزاد، امروز صبح ترافیک خیلی روان‌تر بود.")
-            ]
-        }
-    ]
-
-    for item in sample_issues:
-        created_time = (now - timedelta(days=item["days_ago"], hours=random.randint(1, 10))).strftime("%Y-%m-%d %H:%M")
-        cursor.execute("""
-        INSERT INTO issues (
-            tracking_code, title, category, description, address, district, priority, status,
-            lat, lng, image_url, resolved_image_url, reporter_name, reporter_phone,
-            official_response, upvotes, created_at, resolved_at
-        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
-        """, (
-            item["tracking_code"], item["title"], item["category"], item["description"],
-            item["address"], item["district"], item["priority"], item["status"],
-            item["lat"], item["lng"], item["image_url"], item["resolved_image_url"],
-            item["reporter_name"], item["reporter_phone"], item["official_response"],
-            item["upvotes"], created_time, item["resolved_at"]
-        ))
-        
-        issue_id = cursor.lastrowid
-        
-        for tl_status, tl_title, tl_desc in item["timeline"]:
-            cursor.execute("""
-            INSERT INTO timeline (issue_id, status, title, description, created_at)
-            VALUES (?, ?, ?, ?, ?)
-            """, (issue_id, tl_status, tl_title, tl_desc, created_time))
-            
-        for author, comment_text in item["comments"]:
-            cursor.execute("""
-            INSERT INTO comments (issue_id, author_name, content, created_at)
-            VALUES (?, ?, ?, ?)
-            """, (issue_id, author, comment_text, created_time))
diff --git a/db.php b/db.php
index fcc524b..8685c9e 100644
--- a/db.php
+++ b/db.php
@@ -1,273 +1,299 @@
 <?php
-// db.php - Database initialization and PDO helper for ShahrNegar
+/**
+ * Forex Trading Journal Database Layer (SQLite)
+ * High-performance, robust SQLite storage for Forex accounts, trades, and analytics.
+ */
 
-$dbPath = __DIR__ . '/urban_issues.db';
+class Database {
+    private static ?PDO $pdo = null;
+    private static string $dbFile = __DIR__ . '/forex_journal.db';
 
-function getDB(): PDO {
-    global $dbPath;
-    $pdo = new PDO('sqlite:' . $dbPath);
-    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
-    $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
-    return $pdo;
-}
+    public static function getConnection(): PDO {
+        if (self::$pdo === null) {
+            $isNew = !file_exists(self::$dbFile);
+            self::$pdo = new PDO('sqlite:' . self::$dbFile);
+            self::$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+            self::$pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
+            
+            // Enable WAL mode for high concurrency and performance
+            self::$pdo->exec('PRAGMA journal_mode = WAL;');
+            self::$pdo->exec('PRAGMA foreign_keys = ON;');
 
-function initDB() {
-    $pdo = getDB();
+            self::initializeSchema();
 
-    // Create Issues Table
-    $pdo->exec("CREATE TABLE IF NOT EXISTS issues (
-        id INTEGER PRIMARY KEY AUTOINCREMENT,
-        tracking_code TEXT UNIQUE NOT NULL,
-        title TEXT NOT NULL,
-        category TEXT NOT NULL,
-        description TEXT NOT NULL,
-        address TEXT NOT NULL,
-        district INTEGER NOT NULL,
-        priority TEXT NOT NULL,
-        status TEXT NOT NULL,
-        lat REAL NOT NULL,
-        lng REAL NOT NULL,
-        image_url TEXT,
-        resolved_image_url TEXT,
-        reporter_name TEXT,
-        reporter_phone TEXT,
-        official_response TEXT,
-        upvotes INTEGER DEFAULT 0,
-        created_at TEXT NOT NULL,
-        resolved_at TEXT
-    )");
-
-    // Create Comments Table
-    $pdo->exec("CREATE TABLE IF NOT EXISTS comments (
-        id INTEGER PRIMARY KEY AUTOINCREMENT,
-        issue_id INTEGER NOT NULL,
-        author_name TEXT NOT NULL,
-        content TEXT NOT NULL,
-        created_at TEXT NOT NULL,
-        FOREIGN KEY (issue_id) REFERENCES issues(id) ON DELETE CASCADE
-    )");
-
-    // Create Timeline Table
-    $pdo->exec("CREATE TABLE IF NOT EXISTS timeline (
-        id INTEGER PRIMARY KEY AUTOINCREMENT,
-        issue_id INTEGER NOT NULL,
-        status TEXT NOT NULL,
-        title TEXT NOT NULL,
-        description TEXT,
-        created_at TEXT NOT NULL,
-        FOREIGN KEY (issue_id) REFERENCES issues(id) ON DELETE CASCADE
-    )");
-
-    // Check count and seed if empty
-    $stmt = $pdo->query("SELECT COUNT(*) FROM issues");
-    $count = (int)$stmt->fetchColumn();
-
-    if ($count === 0) {
-        seedInitialData($pdo);
+            if ($isNew || self::isAccountTableEmpty()) {
+                self::seedInitialData();
+            }
+        }
+        return self::$pdo;
     }
-}
 
-function seedInitialData(PDO $pdo) {
-    $now = new DateTime();
+    private static function initializeSchema(): void {
+        $db = self::$pdo;
 
-    $sampleIssues = [
-        [
-            'tracking_code' => 'SHR-78214',
-            'title' => 'فرونشست و چاله عمیق در لاین کندرو',
-            'category' => 'آسفالت و معابر',
-            'description' => 'وجود چاله عمیق با قطر حدود ۱ متر پس از بارندگی اخیر که باعث خسارت به لاستیک خودروها و ترمزهای ناگهانی خطرناک می‌شود.',
-            'address' => 'بزرگراه شهید همت، نرسیده به خروجی گاندی، لاین کندرو',
-            'district' => 3,
-            'priority' => 'emergency',
-            'status' => 'in_progress',
-            'lat' => 35.7538,
-            'lng' => 51.4172,
-            'image_url' => 'https://images.unsplash.com/photo-1515162816999-a0c47dc192f7?auto=format&fit=crop&w=800&q=80',
-            'resolved_image_url' => null,
-            'reporter_name' => 'علی رضایی',
-            'reporter_phone' => '09121112233',
-            'official_response' => 'اکیپ آسفالت‌ریزی ناحیه ۲ شهرداری منطقه ۳ اعزام گردیده و عملیات زیرسازی و لکه‌گیری در حال انجام است.',
-            'upvotes' => 42,
-            'days_ago' => 2,
-            'resolved_at' => null,
-            'timeline' => [
-                ['pending', 'ثبت گزارش توسط شهروند', 'گزارش در سامانه ۱۳۷ با موفقیت ثبت شد.'],
-                ['reviewing', 'تایید کارشناس و ارجاع به معاونت فنی و عمران', 'موضوع به ناحیه ۲ ارجاع داده شد.'],
-                ['in_progress', 'اعزام اکیپ عملیاتی لکه‌گیری', 'تیم فنی با تجهیزات در محل مستقر شد.']
-            ],
-            'comments' => [
-                ['سارا محمدی', 'دیروز لاستیک ماشین من هم اینجا آسیب دید، ممنون که پیگیری می‌کنید.'],
-                ['حسین کاظمی', 'امیدوارم امشب تا قبل از ترافیک صبحگاهی تموم بشه.']
-            ]
-        ],
-        [
-            'tracking_code' => 'SHR-65109',
-            'title' => 'خاموشی کامل پایه چراغ‌های روشنایی بوستان',
-            'category' => 'روشنایی و برق',
-            'description' => 'کل مسیر پیاده‌روی شرقی بوستان ملت در تاریکی مطلق است که باعث کاهش امنیت خانواده‌ها و ورزشکاران شبانه شده است.',
-            'address' => 'خیابان ولیعصر، بوستان ملت، ضلع شرقی جنب دریاچه',
-            'district' => 3,
-            'priority' => 'high',
-            'status' => 'resolved',
-            'lat' => 35.7801,
-            'lng' => 51.4116,
-            'image_url' => 'https://images.unsplash.com/photo-1509114397022-ed747cca3f65?auto=format&fit=crop&w=800&q=80',
-            'resolved_image_url' => 'https://images.unsplash.com/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=800&q=80',
-            'reporter_name' => 'مریم احمدی',
-            'reporter_phone' => '09123334455',
-            'official_response' => 'کابل‌کشی زیرزمینی و تعویض پروژکتورهای معیوب توسط اداره زیباسازی و تاسیسات منطقه انجام و روشنایی کامل برقرار گردید.',
-            'upvotes' => 68,
-            'days_ago' => 5,
-            'resolved_at' => (clone $now)->modify('-1 day')->format('Y-m-d H:i'),
-            'timeline' => [
-                ['pending', 'ثبت گزارش توسط شهروند', 'گزارش دریافت شد.'],
-                ['reviewing', 'بررسی میدانی اداره تاسیسات', 'نقص کابل اصلی تایید شد.'],
-                ['in_progress', 'تعمیرات و تعویض کابل', 'تیم تاسیسات در حال اجرای خط جدید.'],
-                ['resolved', 'تکمیل و رفع نقص روشنایی', 'چراغ‌ها روشن و مدار به طور کامل تست شد.']
-            ],
-            'comments' => [
-                ['امیر رستمی', 'خیلی سریع درستش کردن، واقعا تشکر از عوامل شهرداری.'],
-                ['نگار توکلی', 'دیشب رفتم پارک، همه چراغ‌ها درست شده بود.']
-            ]
-        ],
-        [
-            'tracking_code' => 'SHR-91203',
-            'title' => 'انباشت پسماند و سرریز مخزن زباله شهری',
-            'category' => 'نظافت و پسماند',
-            'description' => 'مخزن مکانیزه زباله شکسته شده و زباله‌ها در پیاده‌رو پخش شده که باعث بوی نامطبوع و تجمع حشرات شده است.',
-            'address' => 'خیابان آزادی، تقاطع خیابان استاد معین، پلاک ۴۲',
-            'district' => 9,
-            'priority' => 'medium',
-            'status' => 'pending',
-            'lat' => 35.6997,
-            'lng' => 51.3486,
-            'image_url' => 'https://images.unsplash.com/photo-1532996122724-e3c354a0b15b?auto=format&fit=crop&w=800&q=80',
-            'resolved_image_url' => null,
-            'reporter_name' => 'سعید کریمی',
-            'reporter_phone' => '09355556677',
-            'official_response' => 'گزارش در نوبت بررسی ناظر پسماند منطقه قرار گرفته است.',
-            'upvotes' => 19,
-            'days_ago' => 1,
-            'resolved_at' => null,
-            'timeline' => [
-                ['pending', 'ثبت گزارش در سامانه', 'منتظر بازرسی و تخصیص سطل جدید مکانیزه.']
-            ],
-            'comments' => [
-                ['مهدی بهرامی', 'لطفا سطل‌های پدال‌دار بگذارید که درش بسته بمونه.']
-            ]
-        ],
-        [
-            'tracking_code' => 'SHR-44390',
-            'title' => 'آسیب دیدگی و شکستن شاخه‌های درخت کهنسال بر اثر طوفان',
-            'category' => 'فضای سبز و بوستان‌ها',
-            'description' => 'شاخه‌های سنگین درخت چنار شکسته و روی سیم‌های برق و پیاده‌رو معلق مانده است، احتمال سقوط روی عابرین وجود دارد.',
-            'address' => 'خیابان شریعتی، بالاتر از پل رومی، نبش کوچه یاس',
-            'district' => 1,
-            'priority' => 'emergency',
-            'status' => 'in_progress',
-            'lat' => 35.7985,
-            'lng' => 51.4332,
-            'image_url' => 'https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?auto=format&fit=crop&w=800&q=80',
-            'resolved_image_url' => null,
-            'reporter_name' => 'پویا سرمدی',
-            'reporter_phone' => '09124445566',
-            'official_response' => 'اکیپ سازمان بوستان‌ها و آتش‌نشانی با جرثقیل در حال هرس ایمن و رفع خطر هستند.',
-            'upvotes' => 54,
-            'days_ago' => 1,
-            'resolved_at' => null,
-            'timeline' => [
-                ['pending', 'ثبت فوری گزارش خطر', 'هشدار سقوط شاخه دریافت شد.'],
-                ['reviewing', 'هماهنگی با سازمان آتش‌نشانی و فضای سبز', 'اعلام وضعیت اضطراری.'],
-                ['in_progress', 'عملیات رفع خطر و هرس', 'حصارکشی پیاده‌رو و استقرار بالابر.']
-            ],
-            'comments' => [
-                ['رویا صبوری', 'خدا رو شکر سریع اومدن نوار خطر کشیدن.']
-            ]
-        ],
-        [
-            'tracking_code' => 'SHR-33219',
-            'title' => 'سد معبر طولانی مصالح ساختمانی و تخریب پیاده‌رو',
-            'category' => 'ساختمان‌سازی و سد معبر',
-            'description' => 'یک پروژه ساختمانی بیش از سه هفته است که تمام پیاده‌رو و بخشی از خیابان را با نخاله و داربست بدون راه عبور ایمن مسدود کرده است.',
-            'address' => 'سعادت‌آباد، میدان کاج، خیابان مروارید، پلاک ۱۸',
-            'district' => 2,
-            'priority' => 'high',
-            'status' => 'reviewing',
-            'lat' => 35.7794,
-            'lng' => 51.3758,
-            'image_url' => 'https://images.unsplash.com/photo-1541888946425-d0fbb18086f6?auto=format&fit=crop&w=800&q=80',
-            'resolved_image_url' => null,
-            'reporter_name' => 'فرشید نادری',
-            'reporter_phone' => '09127778899',
-            'official_response' => 'اخطاریه ماده ۱۰۰ و رفع سد معبر برای مالک صادر شد. مهلت رفع ۴۸ ساعت می‌باشد.',
-            'upvotes' => 37,
-            'days_ago' => 3,
-            'resolved_at' => null,
-            'timeline' => [
-                ['pending', 'ثبت گزارش تخلف ساختمانی', 'ثبت شد.'],
-                ['reviewing', 'بازدید مامور اجرای احکام شهرداری', 'صدور اخطاریه رسمی رفع انسداد معبر.']
-            ],
-            'comments' => [
-                ['کامران شمس', 'مادر من با ویلچر مجبور شد بره توی خیابان که خیلی خطرناک بود!']
-            ]
-        ],
-        [
-            'tracking_code' => 'SHR-55821',
-            'title' => 'خرابی و چشمک‌زن ماندن چراغ راهنمایی تقاطع پرتردد',
-            'category' => 'ترافیک و حمل‌ونقل',
-            'description' => 'چراغ راهنمایی تقاطع به مدت دو روز چشمک‌زن زرد مانده که باعث گره کور ترافیکی و تصادفات مکرر شده است.',
-            'address' => 'میدان فاطمی (جهاد)، تقاطع خیابان جویبار و شهید گمنام',
-            'district' => 6,
-            'priority' => 'high',
-            'status' => 'resolved',
-            'lat' => 35.7208,
-            'lng' => 51.4082,
-            'image_url' => 'https://images.unsplash.com/photo-1517649763962-0c623266ddc0?auto=format&fit=crop&w=800&q=80',
-            'resolved_image_url' => 'https://images.unsplash.com/photo-1508873696983-2df5703bc275?auto=format&fit=crop&w=800&q=80',
-            'reporter_name' => 'ندا زمانی',
-            'reporter_phone' => '09191113355',
-            'official_response' => 'برد الکترونیکی کنترلر چراغ توسط شرکت کنترل ترافیک تهران تعویض و زمان‌بندی هوشمند مجدداً فعال گردید.',
-            'upvotes' => 85,
-            'days_ago' => 4,
-            'resolved_at' => (clone $now)->modify('-2 days')->format('Y-m-d H:i'),
-            'timeline' => [
-                ['pending', 'ثبت گزارش خرابی علائم ترافیکی', 'گزارش دریافت گردید.'],
-                ['reviewing', 'ارجاع به شرکت کنترل ترافیک', 'تایید خرابی سخت‌افزاری کنترلر.'],
-                ['in_progress', 'تعویض برد فرمان و سنسورها', 'عملیات فنی در محل انجام شد.'],
-                ['resolved', 'راه‌اندازی و اتصال به مرکز کنترل', 'چراغ طبق برنامه زمان‌بندی هوشمند شروع به کار کرد.']
-            ],
-            'comments' => [
-                ['سامان یوسفی', 'دست مریزاد، امروز صبح ترافیک خیلی روان‌تر بود.']
-            ]
-        ]
-    ];
+        // 1. Trading Accounts Table
+        $db->exec("
+            CREATE TABLE IF NOT EXISTS accounts (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                name TEXT NOT NULL,
+                broker TEXT DEFAULT 'IC Markets',
+                account_number TEXT DEFAULT '',
+                currency TEXT DEFAULT 'USD',
+                initial_balance REAL NOT NULL DEFAULT 10000.0,
+                leverage REAL DEFAULT 100.0,
+                account_type TEXT DEFAULT 'Real', -- Real, Demo, PropFirm
+                is_default INTEGER DEFAULT 0,
+                created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+                updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
+            );
+        ");
 
-    $insertIssue = $pdo->prepare("INSERT INTO issues (
-        tracking_code, title, category, description, address, district, priority, status,
-        lat, lng, image_url, resolved_image_url, reporter_name, reporter_phone,
-        official_response, upvotes, created_at, resolved_at
-    ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
+        // 2. Trades Table
+        $db->exec("
+            CREATE TABLE IF NOT EXISTS trades (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                account_id INTEGER NOT NULL,
+                ticket TEXT DEFAULT '',
+                symbol TEXT NOT NULL, -- EURUSD, XAUUSD, GBPUSD, etc.
+                trade_type TEXT NOT NULL, -- buy, sell
+                lot_size REAL NOT NULL DEFAULT 0.1,
+                open_price REAL NOT NULL,
+                close_price REAL DEFAULT NULL,
+                stop_loss REAL DEFAULT NULL,
+                take_profit REAL DEFAULT NULL,
+                open_time DATETIME NOT NULL,
+                close_time DATETIME DEFAULT NULL,
+                pips REAL DEFAULT 0.0,
+                profit REAL DEFAULT 0.0, -- Net P&L in currency ($)
+                commission REAL DEFAULT 0.0,
+                swap REAL DEFAULT 0.0,
+                status TEXT DEFAULT 'closed', -- open, closed
+                strategy TEXT DEFAULT 'Price Action',
+                timeframe TEXT DEFAULT 'M15',
+                session TEXT DEFAULT 'London', -- London, New York, Asian, Overlap
+                risk_reward REAL DEFAULT NULL,
+                risk_percent REAL DEFAULT 1.0,
+                emotion TEXT DEFAULT 'Disciplined', -- Disciplined, Greedy, Fearful, Revenge, Confident, Impatient, Neutral
+                entry_notes TEXT DEFAULT '',
+                exit_notes TEXT DEFAULT '',
+                lessons TEXT DEFAULT '',
+                screenshot_entry TEXT DEFAULT '',
+                screenshot_exit TEXT DEFAULT '',
+                tags TEXT DEFAULT '',
+                created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+                updated_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+                FOREIGN KEY (account_id) REFERENCES accounts(id) ON DELETE CASCADE
+            );
+        ");
 
-    $insertTimeline = $pdo->prepare("INSERT INTO timeline (issue_id, status, title, description, created_at) VALUES (?, ?, ?, ?, ?)");
-    $insertComment = $pdo->prepare("INSERT INTO comments (issue_id, author_name, content, created_at) VALUES (?, ?, ?, ?)");
+        // 3. Daily Notes / Journal Mindset Log
+        $db->exec("
+            CREATE TABLE IF NOT EXISTS daily_logs (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                account_id INTEGER NOT NULL,
+                log_date DATE NOT NULL,
+                notes TEXT DEFAULT '',
+                mindset_score INTEGER DEFAULT 5, -- 1 to 5
+                market_condition TEXT DEFAULT 'Normal',
+                created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+                FOREIGN KEY (account_id) REFERENCES accounts(id) ON DELETE CASCADE,
+                UNIQUE(account_id, log_date)
+            );
+        ");
 
-    foreach ($sampleIssues as $item) {
-        $createdTime = (clone $now)->modify("-{$item['days_ago']} days")->format('Y-m-d H:i');
-        $insertIssue->execute([
-            $item['tracking_code'], $item['title'], $item['category'], $item['description'],
-            $item['address'], $item['district'], $item['priority'], $item['status'],
-            $item['lat'], $item['lng'], $item['image_url'], $item['resolved_image_url'],
-            $item['reporter_name'], $item['reporter_phone'], $item['official_response'],
-            $item['upvotes'], $createdTime, $item['resolved_at']
+        // 4. Strategies / Setups Table
+        $db->exec("
+            CREATE TABLE IF NOT EXISTS strategies (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                name TEXT NOT NULL UNIQUE,
+                description TEXT DEFAULT '',
+                color TEXT DEFAULT '#3b82f6',
+                created_at DATETIME DEFAULT CURRENT_TIMESTAMP
+            );
+        ");
+
+        // Create indexes for fast analytical aggregations
+        $db->exec("CREATE INDEX IF NOT EXISTS idx_trades_account ON trades(account_id);");
+        $db->exec("CREATE INDEX IF NOT EXISTS idx_trades_open_time ON trades(open_time);");
+        $db->exec("CREATE INDEX IF NOT EXISTS idx_trades_close_time ON trades(close_time);");
+        $db->exec("CREATE INDEX IF NOT EXISTS idx_trades_symbol ON trades(symbol);");
+        $db->exec("CREATE INDEX IF NOT EXISTS idx_trades_status ON trades(status);");
+    }
+
+    private static function isAccountTableEmpty(): bool {
+        $stmt = self::$pdo->query("SELECT COUNT(*) FROM accounts");
+        return ((int)$stmt->fetchColumn()) === 0;
+    }
+
+    public static function seedInitialData(): void {
+        $db = self::$pdo;
+
+        // Default Strategies
+        $strategies = [
+            ['Price Action', 'Break of structure, support & resistance', '#3b82f6'],
+            ['ICT / SMC', 'Order blocks, Fair Value Gaps (FVG) and liquidity sweeps', '#8b5cf6'],
+            ['Trend Following', 'Moving average pullbacks and trend continuation', '#10b981'],
+            ['Scalping', 'Fast momentum moves on M1/M5 charts', '#f59e0b'],
+            ['Reversal / Divergence', 'RSI/MACD divergence at key supply/demand levels', '#ec4899'],
+            ['News Trading', 'High-impact economic news releases', '#ef4444'],
+        ];
+
+        $stmtStrat = $db->prepare("INSERT OR IGNORE INTO strategies (name, description, color) VALUES (?, ?, ?)");
+        foreach ($strategies as $strat) {
+            $stmtStrat->execute($strat);
+        }
+
+        // Default Accounts
+        $stmtAcc = $db->prepare("
+            INSERT INTO accounts (name, broker, account_number, currency, initial_balance, leverage, account_type, is_default)
+            VALUES (?, ?, ?, ?, ?, ?, ?, ?)
+        ");
+        $stmtAcc->execute(['حساب معاملاتی اصلی (Main Live)', 'IC Markets', '8841920', 'USD', 10000.0, 100.0, 'Real', 1]);
+        $mainAccountId = (int)$db->lastInsertId();
+
+        $stmtAcc->execute(['چالش پراپ فرم ۱۰۰ هزار دلاری (FTMO Prop)', 'FTMO', '2948173', 'USD', 100000.0, 100.0, 'PropFirm', 0]);
+
+        // Seed rich realistic trading history for main account
+        self::generateSampleTrades($mainAccountId, 10000.0);
+    }
+
+    public static function generateSampleTrades(int $accountId, float $startBalance = 10000.0): void {
+        $db = self::$pdo;
+
+        // Trade definition array:
+        // [0:symbol, 1:type, 2:lot, 3:openPrice, 4:closePrice, 5:sl, 6:tp, 7:pips, 8:profit, 9:comm, 10:swap, 11:strat, 12:tf, 13:session, 14:rr, 15:emotion, 16:entryNotes, 17:exitNotes, 18:lessons]
+        $tradeDataList = [
+            ['EURUSD', 'buy', 1.0, 1.08200, 1.08650, 1.07950, 1.08700, 45.0, 450.0, -7.0, 0.0, 'ICT / SMC', 'H1', 'London', 1.8, 'Disciplined', 'جاروب نقدینگی لندن و واکنش به FVG', 'رسیدن به هدف نقدینگی سقف روز قبل', 'پایبندی به استراتژی'],
+            ['XAUUSD', 'buy', 0.5, 2350.20, 2368.50, 2342.00, 2370.00, 183.0, 915.0, -5.0, -2.1, 'Price Action', 'M15', 'New York', 2.2, 'Confident', 'تست مجدد سطح حمایتی ۲۳۵۰ با کندل تاییدیه پین بار', 'خروج در نزدیکی تارگت با سود عالی', 'صبر برای پولبک کلید موفقیت بود'],
+            ['GBPUSD', 'sell', 1.2, 1.27600, 1.27150, 1.27850, 1.27000, 45.0, 540.0, -8.4, 1.5, 'Trend Following', 'M15', 'London', 1.8, 'Disciplined', 'شکست خط روند نزولی و پولبک به EMA50', 'ریسک فری شد و در تارگت ۲ بسته شد', 'مدیریت ترید عالی'],
+            ['USDJPY', 'buy', 1.0, 154.800, 154.450, 154.400, 155.600, -35.0, -225.0, -7.0, 0.0, 'Scalping', 'M5', 'Asian', 0.0, 'Fearful', 'ورود با مومنتوم صعودی ضعیف در نشست آسیا', 'اصابت به استاپ لاس به دلیل اسپرد بالا', 'در سشن آسیا نباید روی جفت‌های کم‌نوسان بدون کاتالیزور معامله کرد'],
+            ['EURUSD', 'sell', 1.5, 1.08900, 1.08350, 1.09150, 1.08200, 55.0, 825.0, -10.5, 0.0, 'ICT / SMC', 'M15', 'New York', 2.2, 'Disciplined', 'شکار نقدینگی سشن نیویورک و تایید با اردر بلاک خرسی', 'کست کامل سود در کف سشن لندن', 'ورود دقیق روی اوردربلاک'],
+            ['XAUUSD', 'sell', 0.8, 2385.00, 2392.50, 2392.00, 2370.00, -75.0, -600.0, -8.0, 0.0, 'Reversal / Divergence', 'M15', 'New York', 0.0, 'Greedy', 'ورود برخلاف روند قدرتمند بدون واگرایی قطعی', 'استاپ خورد، طلا شتاب شدید صعودی داشت', 'هرگز نباید جلوی قطار سریع‌السیر ایستاد!'],
+            ['BTCUSD', 'buy', 0.2, 63200.0, 65100.0, 62400.0, 65500.0, 1900.0, 380.0, -3.0, -0.5, 'Trend Following', 'H4', 'London', 2.4, 'Confident', 'حفظ حمایت رند ۶۳۰۰۰ و تشکیل الگوی دابل باتم', 'خروج پله‌ای در ۶۵۱۰۰', 'معامله سوینگی تمیز'],
+            ['US30', 'buy', 0.5, 39200.0, 39650.0, 39000.0, 39700.0, 450.0, 225.0, -5.0, 0.0, 'Scalping', 'M5', 'New York', 2.2, 'Disciplined', 'اوپن سشن نیویورک و جهش شاخص داوجونز', 'خروج سریع با تارگت تعیین شده', 'مدیریت ریسک عالی'],
+            ['GBPUSD', 'buy', 1.0, 1.26800, 1.27400, 1.26500, 1.27500, 60.0, 600.0, -7.0, 0.0, 'ICT / SMC', 'M15', 'London', 2.0, 'Disciplined', 'برگشت قیمت از ناحیه تقاضا و جاروب کف آسیا', 'تارگت لمس شد', 'برنامه معاملاتی مو به مو اجرا شد'],
+            ['EURUSD', 'sell', 1.0, 1.08500, 1.08800, 1.08800, 1.08000, -30.0, -300.0, -7.0, 0.0, 'Price Action', 'M15', 'London', 0.0, 'Impatient', 'ورود عجولانه قبل از بسته شدن کندل ۱۵ دقیقه', 'برگشت قیمت به بالا و استاپ', 'صبر برای کلوز کندل ضروری است'],
+            ['XAUUSD', 'buy', 0.7, 2360.00, 2378.00, 2353.00, 2380.00, 180.0, 1260.0, -7.0, -1.8, 'ICT / SMC', 'H1', 'Overlap', 2.5, 'Disciplined', 'تلاقی FVG با لول ۵۰٪ فیبوناچی در اورلپ لندن/نیویورک', 'تارگت کامل محقق شد', 'یکی از بهترین معاملات ماه'],
+            ['AUDUSD', 'sell', 1.0, 0.66800, 0.66350, 0.67050, 0.66200, 45.0, 450.0, -7.0, 1.2, 'Trend Following', 'H1', 'Asian', 1.8, 'Neutral', 'شکست رنج قیمتی و تاییدیه با داده‌های اشتغال استرالیا', 'خروج با سود خوب', 'انطباق خوب با تحلیل فاندامنتال'],
+            ['USDJPY', 'sell', 1.0, 156.200, 155.300, 156.600, 155.000, 90.0, 580.0, -7.0, 0.0, 'Price Action', 'H1', 'New York', 2.2, 'Disciplined', 'سقف دو قلو در تایم فریم یک ساعته با کندل اینگالف نزولی', 'خروج در حمایت کلیدی ۱۵۵.۳۰', 'معامله بسیار روان و بدون استرس'],
+            ['EURUSD', 'buy', 1.2, 1.08300, 1.08100, 1.08050, 1.08900, -20.0, -240.0, -8.4, 0.0, 'Scalping', 'M5', 'London', 0.0, 'Neutral', 'تلاش برای گرفتن بریک اوت سریع که فیک اوت شد', 'حد ضرر نجات داد', 'ضرر کوچک و کنترل‌شده'],
+            ['XAUUSD', 'buy', 0.6, 2375.00, 2394.00, 2368.00, 2395.00, 190.0, 1140.0, -6.0, 0.0, 'ICT / SMC', 'M15', 'New York', 2.7, 'Confident', 'سوییپ نقدینگی کف روزانه در اخبار CPI و واکنش انفجاری', 'خروج در تارگت ۲۳۹۴', 'مدیریت پوزیشن عالی حین خبر'],
+            ['GBPUSD', 'sell', 1.0, 1.27500, 1.27100, 1.27800, 1.27000, 40.0, 400.0, -7.0, 0.0, 'Price Action', 'M15', 'London', 1.3, 'Disciplined', 'برخورد به سقف کانال نزولی', 'برداشت سود مطمئن', 'معامله استاندارد طبق پلن'],
+            ['BTCUSD', 'sell', 0.25, 66500.0, 64200.0, 67200.0, 64000.0, 2300.0, 575.0, -3.5, 0.0, 'Reversal / Divergence', 'H4', 'New York', 3.2, 'Disciplined', 'واگرایی منفی مشهود در RSI تایم ۴ ساعته', 'ریزش عالی بیت‌کوین و سیو سود', 'نسبت ریسک به ریوارد بالای ۳'],
+            ['US30', 'sell', 0.4, 39800.0, 39950.0, 39950.0, 39400.0, -150.0, -60.0, -4.0, 0.0, 'Scalping', 'M5', 'New York', 0.0, 'Neutral', 'ترید خلاف ترند در اوپن بازار', 'استاپ کوچک خورد', 'مدیریت ریسک عالی'],
+            ['EURUSD', 'buy', 1.0, 1.08400, 1.08920, 1.08150, 1.09000, 52.0, 520.0, -7.0, 0.0, 'ICT / SMC', 'H1', 'London', 2.1, 'Disciplined', 'پر شدن FVG سشن لندن و چرخش روند', 'تارگت لمس شد', 'آرامش و صبر کامل'],
+            ['XAUUSD', 'buy', 0.5, 2390.00, 2415.00, 2382.00, 2420.00, 250.0, 1250.0, -5.0, -2.5, 'Trend Following', 'H4', 'New York', 3.1, 'Confident', 'شکست سقف تاریخی قبلی و پولبک استاندارد', 'سود فوق‌العاده با تارگت بالای ۲۴۱۵', 'رعایت تمام اصول استراتژی'],
+            ['USDJPY', 'buy', 1.0, 155.100, 155.650, 154.750, 155.800, 55.0, 355.0, -7.0, 0.0, 'Price Action', 'M15', 'Asian', 1.5, 'Disciplined', 'حمایت معتبر در سشن توکیو', 'خروج با سود خوب در شروع سشن لندن', 'ترید تمیز'],
+            ['GBPUSD', 'buy', 1.0, 1.26900, 1.26600, 1.26600, 1.27600, -30.0, -300.0, -7.0, 0.0, 'Price Action', 'M15', 'London', 0.0, 'Fearful', 'انتشار داده‌های ضعیف بریتانیا و استاپ خوردن', 'استاپ رعایت شد', 'پایبندی به استاپ لاس نجات‌بخش بود'],
+            ['EURUSD', 'sell', 1.0, 1.08800, 1.08300, 1.09050, 1.08200, 50.0, 500.0, -7.0, 0.0, 'ICT / SMC', 'M15', 'New York', 2.0, 'Disciplined', 'شکار نقدینگی خریداران بالای ۱.۰۸۸۰ و ریزش سریع', 'خروج در کف روز', 'ستاپ کاملاً مکانیکی و تست شده']
+        ];
+
+        $stmtTrade = $db->prepare("
+            INSERT INTO trades (
+                account_id, ticket, symbol, trade_type, lot_size,
+                open_price, close_price, stop_loss, take_profit,
+                open_time, close_time, pips, profit, commission, swap,
+                status, strategy, timeframe, session, risk_reward, emotion,
+                entry_notes, exit_notes, lessons, tags
+            ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+        ");
+
+        $baseTime = time() - (count($tradeDataList) * 86400 * 0.9);
+        $ticketBase = 7418290;
+
+        foreach ($tradeDataList as $i => $t) {
+            $ticket = (string)($ticketBase + $i * 17);
+            $openTs = $baseTime + ($i * 75000) + rand(1000, 15000);
+            $durationSec = rand(1800, 28800);
+            $closeTs = $openTs + $durationSec;
+
+            $openTimeStr = date('Y-m-d H:i:s', $openTs);
+            $closeTimeStr = date('Y-m-d H:i:s', $closeTs);
+
+            $stmtTrade->execute([
+                $accountId,
+                $ticket,
+                $t[0],
+                $t[1],
+                $t[2],
+                $t[3],
+                $t[4],
+                $t[5],
+                $t[6],
+                $openTimeStr,
+                $closeTimeStr,
+                $t[7],
+                $t[8],
+                $t[9],
+                $t[10],
+                'closed',
+                $t[11],
+                $t[12],
+                $t[13],
+                $t[14],
+                $t[15],
+                $t[16],
+                $t[17],
+                $t[18],
+                'Live,DayTrade,Forex'
+            ]);
+        }
+
+        // Add 2 open trades
+        $stmtTrade->execute([
+            $accountId,
+            (string)($ticketBase + 991),
+            'XAUUSD',
+            'buy',
+            0.5,
+            2405.50,
+            null,
+            2396.00,
+            2425.00,
+            date('Y-m-d H:i:s', time() - 3600),
+            null,
+            45.0,
+            225.0,
+            -5.0,
+            0.0,
+            'open',
+            'ICT / SMC',
+            'H1',
+            'London',
+            2.0,
+            'Disciplined',
+            'ورود پس از شکست مقاومت ۲۴۰۰ و تثبیت بالای آن',
+            '',
+            '',
+            'OpenTrade,Swing'
         ]);
-        $issueId = $pdo->lastInsertId();
 
-        foreach ($item['timeline'] as $tl) {
-            $insertTimeline->execute([$issueId, $tl[0], $tl[1], $tl[2], $createdTime]);
-        }
-
-        foreach ($item['comments'] as $cm) {
-            $insertComment->execute([$issueId, $cm[0], $cm[1], $createdTime]);
-        }
+        $stmtTrade->execute([
+            $accountId,
+            (string)($ticketBase + 992),
+            'EURUSD',
+            'sell',
+            1.0,
+            1.08620,
+            null,
+            1.08850,
+            1.08100,
+            date('Y-m-d H:i:s', time() - 7200),
+            null,
+            12.0,
+            120.0,
+            -7.0,
+            0.0,
+            'open',
+            'Price Action',
+            'M15',
+            'London',
+            2.2,
+            'Confident',
+            'تشکیل الگوی پوشای نزولی در لول مقاومت روزانه',
+            '',
+            '',
+            'OpenTrade,Intraday'
+        ]);
     }
 }
diff --git a/forex_journal.db b/forex_journal.db
new file mode 100644
index 0000000..84020d4
Binary files /dev/null and b/forex_journal.db differ
diff --git a/index.php b/index.php
index 7246437..13181e2 100644
--- a/index.php
+++ b/index.php
@@ -1,3 +1,3 @@
 <?php
-// index.php - Main entry point
+// Main entry fallback
 require __DIR__ . '/router.php';
diff --git a/main.py b/main.py
deleted file mode 100644
index 37fe569..0000000
--- a/main.py
+++ /dev/null
@@ -1,338 +0,0 @@
-import os
-import uuid
-import random
-from datetime import datetime
-from typing import Optional, List
-from fastapi import FastAPI, HTTPException, UploadFile, File, Form, Query
-from fastapi.staticfiles import StaticFiles
-from fastapi.middleware.cors import CORSMiddleware
-from pydantic import BaseModel
-import shutil
-
-from database import get_db_connection, init_db
-
-app = FastAPI(title="سامانه هوشمند مدیریت مسائل شهری - شهرنگار")
-
-# CORS setup
-app.add_middleware(
-    CORSMiddleware,
-    allow_origins=["*"],
-    allow_credentials=True,
-    allow_methods=["*"],
-    allow_headers=["*"],
-)
-
-UPLOAD_DIR = os.path.join(os.path.dirname(__file__), "static", "uploads")
-os.makedirs(UPLOAD_DIR, exist_ok=True)
-
-# Initialize database on startup
-@app.on_event("startup")
-def on_startup():
-    init_db()
-
-# Pydantic models
-class IssueCreate(BaseModel):
-    title: str
-    category: str
-    description: str
-    address: str
-    district: int
-    priority: str = "medium"
-    lat: float = 35.6892
-    lng: float = 51.3890
-    image_url: Optional[str] = None
-    reporter_name: Optional[str] = "شهروند ناشناس"
-    reporter_phone: Optional[str] = None
-
-class CommentCreate(BaseModel):
-    author_name: str
-    content: str
-
-class StatusUpdate(BaseModel):
-    status: str
-    official_response: Optional[str] = None
-    timeline_title: Optional[str] = None
-    timeline_desc: Optional[str] = None
-    resolved_image_url: Optional[str] = None
-
-# Routes
-@app.get("/api/stats")
-def get_stats():
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    total = cursor.execute("SELECT COUNT(*) FROM issues").fetchone()[0]
-    pending = cursor.execute("SELECT COUNT(*) FROM issues WHERE status = 'pending'").fetchone()[0]
-    reviewing = cursor.execute("SELECT COUNT(*) FROM issues WHERE status = 'reviewing'").fetchone()[0]
-    in_progress = cursor.execute("SELECT COUNT(*) FROM issues WHERE status = 'in_progress'").fetchone()[0]
-    resolved = cursor.execute("SELECT COUNT(*) FROM issues WHERE status = 'resolved'").fetchone()[0]
-    upvotes = cursor.execute("SELECT COALESCE(SUM(upvotes), 0) FROM issues").fetchone()[0]
-    
-    # Category counts
-    cat_rows = cursor.execute("SELECT category, COUNT(*) as cnt FROM issues GROUP BY category ORDER BY cnt DESC").fetchall()
-    categories = [{"category": row["category"], "count": row["cnt"]} for row in cat_rows]
-    
-    # District counts
-    dist_rows = cursor.execute("SELECT district, COUNT(*) as cnt FROM issues GROUP BY district ORDER BY district ASC").fetchall()
-    districts = [{"district": row["district"], "count": row["cnt"]} for row in dist_rows]
-
-    # Priority counts
-    prio_rows = cursor.execute("SELECT priority, COUNT(*) as cnt FROM issues GROUP BY priority").fetchall()
-    priorities = {row["priority"]: row["cnt"] for row in prio_rows}
-
-    conn.close()
-    
-    return {
-        "total": total,
-        "pending": pending,
-        "reviewing": reviewing,
-        "in_progress": in_progress,
-        "resolved": resolved,
-        "total_upvotes": upvotes,
-        "categories": categories,
-        "districts": districts,
-        "priorities": priorities,
-        "resolution_rate": round((resolved / total * 100) if total > 0 else 0, 1)
-    }
-
-@app.get("/api/issues")
-def list_issues(
-    category: Optional[str] = None,
-    status: Optional[str] = None,
-    district: Optional[int] = None,
-    priority: Optional[str] = None,
-    search: Optional[str] = None,
-    sort_by: Optional[str] = "newest"
-):
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    query = "SELECT * FROM issues WHERE 1=1"
-    params = []
-    
-    if category and category != "all":
-        query += " AND category = ?"
-        params.append(category)
-        
-    if status and status != "all":
-        query += " AND status = ?"
-        params.append(status)
-        
-    if district and district > 0:
-        query += " AND district = ?"
-        params.append(district)
-        
-    if priority and priority != "all":
-        query += " AND priority = ?"
-        params.append(priority)
-        
-    if search:
-        query += " AND (title LIKE ? OR description LIKE ? OR address LIKE ? OR tracking_code LIKE ?)"
-        s_pattern = f"%{search}%"
-        params.extend([s_pattern, s_pattern, s_pattern, s_pattern])
-        
-    if sort_by == "upvotes":
-        query += " ORDER BY upvotes DESC, id DESC"
-    elif sort_by == "oldest":
-        query += " ORDER BY id ASC"
-    elif sort_by == "emergency":
-        query += " ORDER BY CASE priority WHEN 'emergency' THEN 1 WHEN 'high' THEN 2 WHEN 'medium' THEN 3 ELSE 4 END, id DESC"
-    else: # newest
-        query += " ORDER BY id DESC"
-        
-    rows = cursor.execute(query, params).fetchall()
-    
-    issues = []
-    for r in rows:
-        item = dict(r)
-        # Fetch comment count
-        c_count = cursor.execute("SELECT COUNT(*) FROM comments WHERE issue_id = ?", (r["id"],)).fetchone()[0]
-        item["comment_count"] = c_count
-        issues.append(item)
-        
-    conn.close()
-    return issues
-
-@app.get("/api/issues/{issue_id}")
-def get_issue(issue_id: int):
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    issue_row = cursor.execute("SELECT * FROM issues WHERE id = ?", (issue_id,)).fetchone()
-    if not issue_row:
-        conn.close()
-        raise HTTPException(status_code=404, detail="گزارش مورد نظر یافت نشد.")
-        
-    issue = dict(issue_row)
-    
-    # Timeline
-    timeline_rows = cursor.execute("SELECT * FROM timeline WHERE issue_id = ? ORDER BY id ASC", (issue_id,)).fetchall()
-    issue["timeline"] = [dict(t) for t in timeline_rows]
-    
-    # Comments
-    comment_rows = cursor.execute("SELECT * FROM comments WHERE issue_id = ? ORDER BY id DESC", (issue_id,)).fetchall()
-    issue["comments"] = [dict(c) for c in comment_rows]
-    
-    conn.close()
-    return issue
-
-@app.get("/api/track/{tracking_code}")
-def track_issue(tracking_code: str):
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    code = tracking_code.strip().upper()
-    issue_row = cursor.execute("SELECT * FROM issues WHERE UPPER(tracking_code) = ?", (code,)).fetchone()
-    if not issue_row:
-        conn.close()
-        raise HTTPException(status_code=404, detail=f"هیچ گزارشی با کد رهگیری «{tracking_code}» یافت نشد.")
-        
-    issue_id = issue_row["id"]
-    issue = dict(issue_row)
-    
-    timeline_rows = cursor.execute("SELECT * FROM timeline WHERE issue_id = ? ORDER BY id ASC", (issue_id,)).fetchall()
-    issue["timeline"] = [dict(t) for t in timeline_rows]
-    
-    comment_rows = cursor.execute("SELECT * FROM comments WHERE issue_id = ? ORDER BY id DESC", (issue_id,)).fetchall()
-    issue["comments"] = [dict(c) for c in comment_rows]
-    
-    conn.close()
-    return issue
-
-@app.post("/api/issues")
-def create_issue(payload: IssueCreate):
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    # Generate unique tracking code
-    rand_num = random.randint(10000, 99999)
-    tracking_code = f"SHR-{rand_num}"
-    
-    now_str = datetime.now().strftime("%Y-%m-%d %H:%M")
-    
-    cursor.execute("""
-    INSERT INTO issues (
-        tracking_code, title, category, description, address, district, priority, status,
-        lat, lng, image_url, reporter_name, reporter_phone, upvotes, created_at
-    ) VALUES (?, ?, ?, ?, ?, ?, ?, 'pending', ?, ?, ?, ?, ?, 1, ?)
-    """, (
-        tracking_code, payload.title, payload.category, payload.description, payload.address,
-        payload.district, payload.priority, payload.lat, payload.lng, payload.image_url,
-        payload.reporter_name or "شهروند", payload.reporter_phone or "", now_str
-    ))
-    
-    issue_id = cursor.lastrowid
-    
-    # Add initial timeline event
-    cursor.execute("""
-    INSERT INTO timeline (issue_id, status, title, description, created_at)
-    VALUES (?, 'pending', 'ثبت اولیه گزارش در سامانه', 'گزارش شما با موفقیت در سامانه شهرنگار ثبت گردید و در نوبت بررسی کارشناسی قرار گرفت.', ?)
-    """, (issue_id, now_str))
-    
-    conn.commit()
-    
-    created = cursor.execute("SELECT * FROM issues WHERE id = ?", (issue_id,)).fetchone()
-    res = dict(created)
-    conn.close()
-    
-    return res
-
-@app.post("/api/issues/{issue_id}/upvote")
-def upvote_issue(issue_id: int):
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    cursor.execute("UPDATE issues SET upvotes = upvotes + 1 WHERE id = ?", (issue_id,))
-    if cursor.rowcount == 0:
-        conn.close()
-        raise HTTPException(status_code=404, detail="گزارش یافت نشد.")
-        
-    conn.commit()
-    new_upvotes = cursor.execute("SELECT upvotes FROM issues WHERE id = ?", (issue_id,)).fetchone()[0]
-    conn.close()
-    return {"id": issue_id, "upvotes": new_upvotes}
-
-@app.post("/api/issues/{issue_id}/comment")
-def add_comment(issue_id: int, payload: CommentCreate):
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    check = cursor.execute("SELECT id FROM issues WHERE id = ?", (issue_id,)).fetchone()
-    if not check:
-        conn.close()
-        raise HTTPException(status_code=404, detail="گزارش یافت نشد.")
-        
-    now_str = datetime.now().strftime("%Y-%m-%d %H:%M")
-    cursor.execute("""
-    INSERT INTO comments (issue_id, author_name, content, created_at)
-    VALUES (?, ?, ?, ?)
-    """, (issue_id, payload.author_name or "شهروند محترم", payload.content, now_str))
-    
-    conn.commit()
-    comment_id = cursor.lastrowid
-    comment = cursor.execute("SELECT * FROM comments WHERE id = ?", (comment_id,)).fetchone()
-    conn.close()
-    return dict(comment)
-
-@app.patch("/api/issues/{issue_id}/status")
-def update_issue_status(issue_id: int, payload: StatusUpdate):
-    conn = get_db_connection()
-    cursor = conn.cursor()
-    
-    check = cursor.execute("SELECT * FROM issues WHERE id = ?", (issue_id,)).fetchone()
-    if not check:
-        conn.close()
-        raise HTTPException(status_code=404, detail="گزارش یافت نشد.")
-        
-    now_str = datetime.now().strftime("%Y-%m-%d %H:%M")
-    resolved_at = now_str if payload.status == "resolved" else check["resolved_at"]
-    
-    # Update issue
-    cursor.execute("""
-    UPDATE issues 
-    SET status = ?, 
-        official_response = COALESCE(?, official_response),
-        resolved_image_url = COALESCE(?, resolved_image_url),
-        resolved_at = ?
-    WHERE id = ?
-    """, (payload.status, payload.official_response, payload.resolved_image_url, resolved_at, issue_id))
-    
-    # Add timeline entry if requested or automatically
-    status_titles = {
-        "pending": "در صف بررسی مجدد",
-        "reviewing": "بررسی کارشناسی و ارجاع به معاونت مربوطه",
-        "in_progress": "اعزام اکیپ اجرایی و آغاز عملیات میدانی",
-        "resolved": "اتمام عملیات و رفع کامل مسئله",
-        "rejected": "عدم احراز یا خارج از حیطه اختیارات شهرداری"
-    }
-    
-    tl_title = payload.timeline_title or status_titles.get(payload.status, f"تغییر وضعیت به {payload.status}")
-    tl_desc = payload.timeline_desc or payload.official_response or "وضعیت پرونده توسط مدیریت سامانه به‌روزرسانی شد."
-    
-    cursor.execute("""
-    INSERT INTO timeline (issue_id, status, title, description, created_at)
-    VALUES (?, ?, ?, ?, ?)
-    """, (issue_id, payload.status, tl_title, tl_desc, now_str))
-    
-    conn.commit()
-    
-    updated = cursor.execute("SELECT * FROM issues WHERE id = ?", (issue_id,)).fetchone()
-    res = dict(updated)
-    conn.close()
-    return res
-
-@app.post("/api/upload")
-async def upload_file(file: UploadFile = File(...)):
-    filename = f"{uuid.uuid4().hex[:10]}_{file.filename}"
-    filepath = os.path.join(UPLOAD_DIR, filename)
-    with open(filepath, "wb") as buffer:
-        shutil.copyfileobj(file.file, buffer)
-    return {"url": f"/static/uploads/{filename}"}
-
-# Serve frontend static files
-app.mount("/static", StaticFiles(directory=os.path.join(os.path.dirname(__file__), "static")), name="static")
-
-@app.get("/")
-def serve_index():
-    from fastapi.responses import FileResponse
-    return FileResponse(os.path.join(os.path.dirname(__file__), "static", "index.html"))
diff --git a/router.php b/router.php
index 9f5f395..7fb2672 100644
--- a/router.php
+++ b/router.php
@@ -1,45 +1,62 @@
 <?php
-// router.php - Front controller & router for PHP built-in server
+/**
+ * Built-in PHP Router for Forex Trading Journal
+ */
 
-$uri = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
+$uri = urldecode(parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH));
 
-// 1. Route API requests
-if (strpos($uri, '/api/') === 0) {
+// API Router
+if (strpos($uri, '/api/') === 0 || $uri === '/api') {
     require __DIR__ . '/api.php';
     exit;
 }
 
-// 2. Serve static files if they exist
-$filePath = __DIR__ . $uri;
-if ($uri !== '/' && file_exists($filePath) && !is_dir($filePath)) {
-    $ext = pathinfo($filePath, PATHINFO_EXTENSION);
+// Uploaded Images
+if (strpos($uri, '/uploads/') === 0) {
+    $filePath = __DIR__ . $uri;
+    if (file_exists($filePath) && is_file($filePath)) {
+        $ext = strtolower(pathinfo($filePath, PATHINFO_EXTENSION));
+        $mimes = [
+            'jpg' => 'image/jpeg',
+            'jpeg' => 'image/jpeg',
+            'png' => 'image/png',
+            'webp' => 'image/webp',
+            'gif' => 'image/gif'
+        ];
+        $mime = $mimes[$ext] ?? 'application/octet-stream';
+        header('Content-Type: ' . $mime);
+        readfile($filePath);
+        exit;
+    }
+    http_response_code(404);
+    echo "File not found";
+    exit;
+}
+
+// Static Files
+$staticFile = __DIR__ . '/static' . $uri;
+if (file_exists($staticFile) && is_file($staticFile)) {
+    $ext = strtolower(pathinfo($staticFile, PATHINFO_EXTENSION));
     $mimes = [
-        'css'  => 'text/css',
-        'js'   => 'application/javascript',
-        'json' => 'application/json',
+        'css'  => 'text/css; charset=utf-8',
+        'js'   => 'application/javascript; charset=utf-8',
+        'json' => 'application/json; charset=utf-8',
         'png'  => 'image/png',
         'jpg'  => 'image/jpeg',
         'jpeg' => 'image/jpeg',
-        'gif'  => 'image/gif',
         'svg'  => 'image/svg+xml',
         'ico'  => 'image/x-icon',
         'woff' => 'font/woff',
         'woff2'=> 'font/woff2',
         'ttf'  => 'font/ttf',
+        'html' => 'text/html; charset=utf-8'
     ];
-
-    if (isset($mimes[$ext])) {
-        header('Content-Type: ' . $mimes[$ext]);
-    }
-    readfile($filePath);
+    $mime = $mimes[$ext] ?? 'text/plain; charset=utf-8';
+    header('Content-Type: ' . $mime);
+    readfile($staticFile);
     exit;
 }
 
-// 3. Serve Frontend Application
-if (file_exists(__DIR__ . '/static/index.html')) {
-    header('Content-Type: text/html; charset=utf-8');
-    readfile(__DIR__ . '/static/index.html');
-    exit;
-}
-
-echo "سامانه مدیریت مسائل شهری شهرنگار فعال است.";
+// Default Single Page Application Entry
+header('Content-Type: text/html; charset=utf-8');
+readfile(__DIR__ . '/static/index.html');
diff --git a/static/index.html b/static/index.html
index 3dacfab..c0825c7 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,763 +1,803 @@
 <!DOCTYPE html>
 <html lang="fa" dir="rtl">
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>شهرنگار | سامانه جامع مدیریت و رسیدگی به مسائل شهری</title>
-  
-  <!-- Tailwind CSS CDN -->
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script>
-    tailwind.config = {
-      darkMode: 'class',
-      theme: {
-        extend: {
-          fontFamily: {
-            vazir: ['Vazirmatn', 'sans-serif'],
-          },
-          colors: {
-            brand: {
-              50: '#ecfdf5',
-              100: '#d1fae5',
-              500: '#10b981',
-              600: '#059669',
-              700: '#047857',
-              800: '#065f46',
-              900: '#064e3b',
-            },
-            city: {
-              blue: '#2563eb',
-              dark: '#0f172a',
-              card: '#1e293b'
-            }
-          }
-        }
-      }
-    }
-  </script>
-
-  <!-- Google Font Vazirmatn -->
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
-
-  <!-- FontAwesome Icons -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-
-  <!-- Leaflet CSS & JS -->
-  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
-  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-
-  <!-- Chart.js -->
-  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-
-  <!-- SweetAlert2 -->
-  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
-
-  <style>
-    body {
-      font-family: 'Vazirmatn', sans-serif;
-    }
-    .leaflet-popup-content-wrapper {
-      border-radius: 12px;
-      direction: rtl;
-      font-family: 'Vazirmatn', sans-serif;
-      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
-    }
-    .custom-scrollbar::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-    }
-    .custom-scrollbar::-webkit-scrollbar-track {
-      background: #f1f5f9;
-    }
-    .custom-scrollbar::-webkit-scrollbar-thumb {
-      background: #cbd5e1;
-      border-radius: 4px;
-    }
-    .pulse-dot {
-      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    }
-    @keyframes pulse {
-      0%, 100% { opacity: 1; transform: scale(1); }
-      50% { opacity: .5; transform: scale(1.15); }
-    }
-  </style>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FX Journal Pro • ژورنال تخصصی و تحلیلی فارکس</title>
+    
+    <!-- Tailwind CSS (CDN) -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <!-- FontAwesome 6 Icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <!-- Chart.js -->
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
+    
+    <link rel="stylesheet" href="/style.css">
 </head>
-<body class="bg-slate-50 text-slate-800 antialiased min-h-screen flex flex-col">
+<body class="dark-mode">
 
-  <!-- Top Announcement Bar -->
-  <div class="bg-gradient-to-r from-emerald-700 via-teal-700 to-cyan-800 text-white text-xs py-2 px-4 text-center font-medium flex items-center justify-between shadow-inner">
-    <div class="flex items-center gap-2 mx-auto">
-      <span class="bg-white/20 px-2 py-0.5 rounded-full text-[11px] animate-pulse">سامانه برخط ۱۳۷</span>
-      <span>همراهی شما برای شهری زیباتر، ایمن‌تر و پاک‌تر • پاسخگویی ۲۴ ساعته</span>
-    </div>
-    <div class="hidden md:flex items-center gap-4 text-emerald-100">
-      <span id="currentDateTime"><i class="fa-regular fa-clock ml-1"></i> امروز شنبه</span>
-      <span>|</span>
-      <span><i class="fa-solid fa-phone-volume ml-1"></i> تلفن ارتباط مردمی: ۱۳۷</span>
-    </div>
-  </div>
-
-  <!-- Main Navigation -->
-  <header class="bg-white border-b border-slate-200 sticky top-0 z-40 shadow-sm">
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-      <div class="flex items-center justify-between h-20">
-        
-        <!-- Logo & Title -->
-        <div class="flex items-center gap-3 cursor-pointer" onclick="switchTab('feed')">
-          <div class="w-12 h-12 rounded-2xl bg-gradient-to-tr from-emerald-600 to-teal-500 flex items-center justify-center text-white shadow-lg shadow-emerald-500/20 text-2xl">
-            <i class="fa-solid fa-city"></i>
-          </div>
-          <div>
-            <div class="flex items-center gap-2">
-              <span class="text-2xl font-black bg-gradient-to-l from-emerald-700 to-teal-600 bg-clip-text text-transparent">شهرنگار</span>
-              <span class="text-[10px] uppercase tracking-wider bg-emerald-100 text-emerald-800 font-bold px-2 py-0.5 rounded">نسخه هوشمند</span>
+    <!-- Top Navigation Header -->
+    <header class="bg-gray-900 border-b border-gray-800 sticky top-0 z-40 px-4 lg:px-8 py-3.5 shadow-md">
+        <div class="max-w-7xl mx-auto flex flex-wrap items-center justify-between gap-4">
+            
+            <!-- Logo & Brand -->
+            <div class="flex items-center gap-3.5">
+                <div class="w-10 h-10 rounded-xl bg-gradient-to-tr from-blue-600 to-indigo-600 flex items-center justify-center text-white shadow-lg shadow-blue-500/20 text-lg">
+                    <i class="fa-solid fa-chart-line"></i>
+                </div>
+                <div>
+                    <h1 class="text-lg font-bold text-white tracking-wide flex items-center gap-2">
+                        FX Journal Pro
+                        <span class="text-xs bg-blue-500/20 text-blue-400 border border-blue-500/30 px-2 py-0.5 rounded-full font-normal">مای‌اف‌ایکس‌بوک</span>
+                    </h1>
+                    <p class="text-xs text-gray-400">سامانه جامع ژورنال‌نویسی و تحلیل پیشرفته معاملات</p>
+                </div>
             </div>
-            <p class="text-xs text-slate-500 font-medium">سامانه یکپارچه گزارش و نظارت مردمی بر مسائل شهری</p>
-          </div>
+
+            <!-- Account Selector & Quick Stats -->
+            <div class="flex items-center gap-4 flex-wrap">
+                <div class="flex items-center gap-2 bg-gray-800/90 border border-gray-700/80 px-3 py-1.5 rounded-xl">
+                    <i class="fa-solid fa-wallet text-blue-400 text-sm"></i>
+                    <span class="text-xs text-gray-400 font-medium">حساب فعال:</span>
+                    <select id="accountSelect" onchange="app.switchAccount(this.value)" class="bg-transparent text-sm text-white font-semibold focus:outline-none cursor-pointer">
+                        <!-- Populated by JS -->
+                    </select>
+                    <button onclick="app.openModal('modalAccount')" title="مدیریت حساب‌ها" class="text-gray-400 hover:text-white mr-1 text-xs">
+                        <i class="fa-solid fa-gear"></i>
+                    </button>
+                </div>
+
+                <!-- Action Buttons -->
+                <div class="flex items-center gap-2">
+                    <button onclick="app.openNewTradeModal()" class="bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white text-sm font-semibold px-4 py-2 rounded-xl shadow-lg shadow-emerald-500/20 flex items-center gap-2 transition">
+                        <i class="fa-solid fa-plus"></i>
+                        <span>ثبت معامله</span>
+                    </button>
+
+                    <button onclick="app.openModal('modalImport')" class="bg-gray-800 hover:bg-gray-700 text-gray-200 border border-gray-700 text-sm font-medium px-3.5 py-2 rounded-xl flex items-center gap-2 transition" title="ایمپورت استیتمنت متاتریدر ۴ و ۵">
+                        <i class="fa-solid fa-file-import text-blue-400"></i>
+                        <span class="hidden sm:inline">ایمپورت MT4/5</span>
+                    </button>
+
+                    <button onclick="app.exportTradesCSV()" class="bg-gray-800 hover:bg-gray-700 text-gray-200 border border-gray-700 text-sm font-medium p-2.5 rounded-xl transition" title="خروجی CSV">
+                        <i class="fa-solid fa-file-excel text-emerald-400"></i>
+                    </button>
+
+                    <button onclick="app.toggleTheme()" class="bg-gray-800 hover:bg-gray-700 text-gray-200 border border-gray-700 text-sm font-medium p-2.5 rounded-xl transition" title="تغییر تم">
+                        <i id="themeIcon" class="fa-solid fa-moon text-amber-400"></i>
+                    </button>
+                </div>
+            </div>
+
+        </div>
+    </header>
+
+    <!-- Main Container -->
+    <main class="max-w-7xl mx-auto px-4 lg:px-8 py-6">
+
+        <!-- Top Account Summary Ticker -->
+        <div id="accountSummaryTicker" class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3.5 mb-6">
+            <!-- Cards dynamically rendered by JS -->
         </div>
 
-        <!-- Desktop Navigation Tabs -->
-        <nav class="hidden md:flex items-center gap-1 bg-slate-100/80 p-1.5 rounded-2xl border border-slate-200/80">
-          <button onclick="switchTab('feed')" id="nav-feed" class="nav-btn px-4 py-2 rounded-xl text-sm font-semibold transition-all duration-200 bg-white text-emerald-700 shadow-sm">
-            <i class="fa-solid fa-list-check ml-1.5"></i>گزارش‌های مردمی
-          </button>
-          <button onclick="switchTab('map')" id="nav-map" class="nav-btn px-4 py-2 rounded-xl text-sm font-semibold transition-all duration-200 text-slate-600 hover:text-emerald-600">
-            <i class="fa-solid fa-map-location-dot ml-1.5"></i>نقشه تعاملی
-          </button>
-          <button onclick="switchTab('track')" id="nav-track" class="nav-btn px-4 py-2 rounded-xl text-sm font-semibold transition-all duration-200 text-slate-600 hover:text-emerald-600">
-            <i class="fa-solid fa-magnifying-glass ml-1.5"></i>پیگیری گزارش
-          </button>
-          <button onclick="switchTab('admin')" id="nav-admin" class="nav-btn px-4 py-2 rounded-xl text-sm font-semibold transition-all duration-200 text-slate-600 hover:text-emerald-600">
-            <i class="fa-solid fa-chart-pie ml-1.5"></i>داشبورد مدیریت
-          </button>
-        </nav>
-
-        <!-- Call to Action Button -->
-        <div class="flex items-center gap-3">
-          <button onclick="openNewReportModal()" class="bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-700 hover:to-teal-700 text-white px-4 sm:px-6 py-2.5 rounded-xl font-bold text-sm shadow-md shadow-emerald-600/20 hover:shadow-lg transition-all duration-200 flex items-center gap-2">
-            <i class="fa-solid fa-circle-plus text-base"></i>
-            <span>ثبت گزارش مشکل</span>
-          </button>
-        </div>
-
-      </div>
-    </div>
-
-    <!-- Mobile Nav Bar -->
-    <div class="md:hidden flex items-center justify-around border-t border-slate-200 py-2 bg-slate-50 text-xs">
-      <button onclick="switchTab('feed')" class="flex flex-col items-center gap-1 text-emerald-700 font-bold">
-        <i class="fa-solid fa-list-check text-base"></i>
-        <span>گزارش‌ها</span>
-      </button>
-      <button onclick="switchTab('map')" class="flex flex-col items-center gap-1 text-slate-600">
-        <i class="fa-solid fa-map-location-dot text-base"></i>
-        <span>نقشه</span>
-      </button>
-      <button onclick="switchTab('track')" class="flex flex-col items-center gap-1 text-slate-600">
-        <i class="fa-solid fa-magnifying-glass text-base"></i>
-        <span>پیگیری</span>
-      </button>
-      <button onclick="switchTab('admin')" class="flex flex-col items-center gap-1 text-slate-600">
-        <i class="fa-solid fa-chart-pie text-base"></i>
-        <span>مدیریت</span>
-      </button>
-    </div>
-  </header>
-
-  <!-- Hero & Quick Search Section -->
-  <section class="bg-gradient-to-b from-white to-slate-100 border-b border-slate-200 py-8 px-4 sm:px-6">
-    <div class="max-w-7xl mx-auto">
-      <div class="grid grid-cols-1 lg:grid-cols-12 gap-6 items-center">
-        
-        <!-- Left Banner / Text -->
-        <div class="lg:col-span-7 space-y-4">
-          <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-100 text-emerald-800 text-xs font-semibold">
-            <span class="w-2 h-2 rounded-full bg-emerald-500 animate-ping"></span>
-            <span>صدای شما، اقدام سریع شهرداری و بازرسان شهری</span>
-          </div>
-          <h1 class="text-2xl sm:text-4xl font-extrabold text-slate-900 leading-tight">
-            شهر خود را با مشارکت هوشمند، <br class="hidden sm:inline">
-            <span class="text-emerald-600">زیباتر و امن‌تر</span> بسازید
-          </h1>
-          <p class="text-slate-600 text-sm sm:text-base leading-relaxed max-w-2xl">
-            خرابی آسفالت، سد معبر، نقص روشنایی پارک‌ها، انباشت پسماند یا مشکلات ترافیکی را در کمتر از ۱ دقیقه گزارش کنید و وضعیت رسیدگی را مرحله به مرحله رصد نمایید.
-          </p>
-
-          <!-- Quick Search / Track Form -->
-          <div class="pt-2 flex flex-col sm:flex-row gap-2 max-w-xl">
-            <div class="relative flex-1">
-              <i class="fa-solid fa-hashtag absolute right-3.5 top-3.5 text-slate-400 text-sm"></i>
-              <input type="text" id="quickTrackInput" placeholder="کد رهگیری (مثلاً SHR-78214) یا عبارت جستجو..." class="w-full pr-10 pl-4 py-3 rounded-xl border border-slate-300 focus:border-emerald-500 focus:ring-2 focus:ring-emerald-200 outline-none text-sm font-medium transition-all shadow-sm">
-            </div>
-            <button onclick="handleQuickSearch()" class="bg-slate-900 hover:bg-slate-800 text-white px-6 py-3 rounded-xl font-bold text-sm transition-all shadow-sm flex items-center justify-center gap-2">
-              <i class="fa-solid fa-search"></i>
-              <span>جستجو و پیگیری</span>
+        <!-- Navigation Tabs -->
+        <div class="flex items-center gap-2 border-b border-gray-800 pb-3 mb-6 overflow-x-auto">
+            <button onclick="app.switchTab('overview')" id="tab-overview" class="nav-tab active">
+                <i class="fa-solid fa-gauge-high"></i>
+                <span>داشبورد تحلیلی</span>
             </button>
-          </div>
-        </div>
-
-        <!-- Right: Real-time Stats Cards -->
-        <div class="lg:col-span-5 grid grid-cols-2 gap-3">
-          <div class="bg-white p-4 rounded-2xl border border-slate-200/80 shadow-sm hover:shadow-md transition-all">
-            <div class="flex items-center justify-between text-slate-400 mb-2">
-              <span class="text-xs font-semibold text-slate-500">کل موارد ثبت‌شده</span>
-              <div class="w-8 h-8 rounded-lg bg-blue-50 text-blue-600 flex items-center justify-center text-sm">
-                <i class="fa-solid fa-file-lines"></i>
-              </div>
-            </div>
-            <div class="text-2xl sm:text-3xl font-black text-slate-900" id="stat-total">--</div>
-            <div class="text-[11px] text-slate-400 mt-1">گزارش‌های شهروندی</div>
-          </div>
-
-          <div class="bg-white p-4 rounded-2xl border border-slate-200/80 shadow-sm hover:shadow-md transition-all">
-            <div class="flex items-center justify-between text-slate-400 mb-2">
-              <span class="text-xs font-semibold text-emerald-600">مسائل رفع شده</span>
-              <div class="w-8 h-8 rounded-lg bg-emerald-50 text-emerald-600 flex items-center justify-center text-sm">
-                <i class="fa-solid fa-circle-check"></i>
-              </div>
-            </div>
-            <div class="text-2xl sm:text-3xl font-black text-emerald-600" id="stat-resolved">--</div>
-            <div class="text-[11px] text-emerald-600/80 mt-1 font-medium" id="stat-rate">نرخ تکمیل: --٪</div>
-          </div>
-
-          <div class="bg-white p-4 rounded-2xl border border-slate-200/80 shadow-sm hover:shadow-md transition-all">
-            <div class="flex items-center justify-between text-slate-400 mb-2">
-              <span class="text-xs font-semibold text-amber-600">در حال عملیات و اجرا</span>
-              <div class="w-8 h-8 rounded-lg bg-amber-50 text-amber-600 flex items-center justify-center text-sm">
-                <i class="fa-solid fa-screwdriver-wrench"></i>
-              </div>
-            </div>
-            <div class="text-2xl sm:text-3xl font-black text-amber-600" id="stat-in-progress">--</div>
-            <div class="text-[11px] text-slate-400 mt-1">اکیپ مستقر در محل</div>
-          </div>
-
-          <div class="bg-white p-4 rounded-2xl border border-slate-200/80 shadow-sm hover:shadow-md transition-all">
-            <div class="flex items-center justify-between text-slate-400 mb-2">
-              <span class="text-xs font-semibold text-purple-600">تایید و همراهی شهروندان</span>
-              <div class="w-8 h-8 rounded-lg bg-purple-50 text-purple-600 flex items-center justify-center text-sm">
-                <i class="fa-solid fa-thumbs-up"></i>
-              </div>
-            </div>
-            <div class="text-2xl sm:text-3xl font-black text-purple-600" id="stat-upvotes">--</div>
-            <div class="text-[11px] text-slate-400 mt-1">رأی و حمایت مردمی</div>
-          </div>
-        </div>
-
-      </div>
-    </div>
-  </section>
-
-  <!-- Categories Horizontal Bar -->
-  <div class="bg-white border-b border-slate-200 py-3 px-4 shadow-sm overflow-x-auto custom-scrollbar">
-    <div class="max-w-7xl mx-auto flex items-center gap-2 min-w-max">
-      <span class="text-xs font-bold text-slate-400 ml-2">دسته‌بندی‌ها:</span>
-      <button onclick="filterByCategory('all')" class="cat-pill active px-3.5 py-1.5 rounded-full text-xs font-bold bg-slate-900 text-white transition-all">
-        همه موضوعات
-      </button>
-      <button onclick="filterByCategory('آسفالت و معابر')" class="cat-pill px-3.5 py-1.5 rounded-full text-xs font-semibold bg-slate-100 text-slate-600 hover:bg-emerald-50 hover:text-emerald-700 transition-all flex items-center gap-1.5">
-        <i class="fa-solid fa-road text-amber-500"></i> آسفالت و چاله‌ها
-      </button>
-      <button onclick="filterByCategory('روشنایی و برق')" class="cat-pill px-3.5 py-1.5 rounded-full text-xs font-semibold bg-slate-100 text-slate-600 hover:bg-emerald-50 hover:text-emerald-700 transition-all flex items-center gap-1.5">
-        <i class="fa-solid fa-lightbulb text-yellow-500"></i> روشنایی و تیر برق
-      </button>
-      <button onclick="filterByCategory('نظافت و پسماند')" class="cat-pill px-3.5 py-1.5 rounded-full text-xs font-semibold bg-slate-100 text-slate-600 hover:bg-emerald-50 hover:text-emerald-700 transition-all flex items-center gap-1.5">
-        <i class="fa-solid fa-trash-can text-red-500"></i> نظافت و سطل زباله
-      </button>
-      <button onclick="filterByCategory('فضای سبز و بوستان‌ها')" class="cat-pill px-3.5 py-1.5 rounded-full text-xs font-semibold bg-slate-100 text-slate-600 hover:bg-emerald-50 hover:text-emerald-700 transition-all flex items-center gap-1.5">
-        <i class="fa-solid fa-tree text-emerald-500"></i> بوستان و درختان
-      </button>
-      <button onclick="filterByCategory('ترافیک و حمل‌ونقل')" class="cat-pill px-3.5 py-1.5 rounded-full text-xs font-semibold bg-slate-100 text-slate-600 hover:bg-emerald-50 hover:text-emerald-700 transition-all flex items-center gap-1.5">
-        <i class="fa-solid fa-traffic-light text-blue-500"></i> چراغ و علائم ترافیکی
-      </button>
-      <button onclick="filterByCategory('ساختمان‌سازی و سد معبر')" class="cat-pill px-3.5 py-1.5 rounded-full text-xs font-semibold bg-slate-100 text-slate-600 hover:bg-emerald-50 hover:text-emerald-700 transition-all flex items-center gap-1.5">
-        <i class="fa-solid fa-person-digging text-orange-500"></i> سد معبر و ساختمانی
-      </button>
-    </div>
-  </div>
-
-  <!-- Main Views Container -->
-  <main class="flex-1 max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-6">
-
-    <!-- VIEW 1: PUBLIC FEED -->
-    <div id="view-feed" class="space-y-6">
-      
-      <!-- Filters and Sorting Toolbar -->
-      <div class="bg-white p-4 rounded-2xl border border-slate-200 flex flex-wrap items-center justify-between gap-4 shadow-sm">
-        
-        <div class="flex flex-wrap items-center gap-3">
-          <!-- District Filter -->
-          <div class="flex items-center gap-2">
-            <label class="text-xs font-bold text-slate-500">منطقه شهرداری:</label>
-            <select id="filterDistrict" onchange="applyFilters()" class="text-xs bg-slate-50 border border-slate-300 rounded-lg px-3 py-1.5 font-medium outline-none focus:ring-1 focus:ring-emerald-500">
-              <option value="0">تمام مناطق (۱ تا ۲۲)</option>
-              <option value="1">منطقه ۱ (شمرانات/تجریش)</option>
-              <option value="2">منطقه ۲ (سعادت‌آباد/شهرک غرب)</option>
-              <option value="3">منطقه ۳ (ونک/قلهک/میرداماد)</option>
-              <option value="4">منطقه ۴ (تهرانپارس/هروی)</option>
-              <option value="5">منطقه ۵ (صادقیه/پونک/جنت‌آباد)</option>
-              <option value="6">منطقه ۶ (یوسف‌آباد/امیرآباد/فاطمی)</option>
-              <option value="7">منطقه ۷ (سهروردی/مطهری)</option>
-              <option value="8">منطقه ۸ (نارمک/مجیدیه)</option>
-              <option value="9">منطقه ۹ (آزادی/استادمعین)</option>
-              <option value="10">منطقه ۱۰ (نواب/جیحون)</option>
-              <option value="11">منطقه ۱۱ (جمهوری/منیریه)</option>
-              <option value="12">منطقه ۱۲ (بازار/بهارستان)</option>
-            </select>
-          </div>
-
-          <!-- Status Filter -->
-          <div class="flex items-center gap-2">
-            <label class="text-xs font-bold text-slate-500">وضعیت رسیدگی:</label>
-            <select id="filterStatus" onchange="applyFilters()" class="text-xs bg-slate-50 border border-slate-300 rounded-lg px-3 py-1.5 font-medium outline-none focus:ring-1 focus:ring-emerald-500">
-              <option value="all">همه وضعیت‌ها</option>
-              <option value="pending">در صف بررسی اولیه</option>
-              <option value="reviewing">بررسی کارشناسی</option>
-              <option value="in_progress">در حال اجرای عملیات</option>
-              <option value="resolved">رفع و حل شده</option>
-            </select>
-          </div>
-
-          <!-- Priority Filter -->
-          <div class="flex items-center gap-2">
-            <label class="text-xs font-bold text-slate-500">سطح فوریت:</label>
-            <select id="filterPriority" onchange="applyFilters()" class="text-xs bg-slate-50 border border-slate-300 rounded-lg px-3 py-1.5 font-medium outline-none focus:ring-1 focus:ring-emerald-500">
-              <option value="all">همه اولویت‌ها</option>
-              <option value="emergency">🚨 فوری و خطرآفرین</option>
-              <option value="high">اولویت بالا</option>
-              <option value="medium">متوسط</option>
-              <option value="low">عادی</option>
-            </select>
-          </div>
-        </div>
-
-        <!-- Sort By -->
-        <div class="flex items-center gap-2">
-          <label class="text-xs font-bold text-slate-500">مرتب‌سازی:</label>
-          <select id="sortBy" onchange="applyFilters()" class="text-xs bg-slate-50 border border-slate-300 rounded-lg px-3 py-1.5 font-medium outline-none focus:ring-1 focus:ring-emerald-500">
-            <option value="newest">جدیدترین گزارش‌ها</option>
-            <option value="upvotes">بیشترین تایید شهروندی (محبوب‌ترین)</option>
-            <option value="emergency">بیشترین فوریت و خطر</option>
-            <option value="oldest">قدیمی‌ترین</option>
-          </select>
-        </div>
-
-      </div>
-
-      <!-- Issues Cards Grid -->
-      <div id="issuesContainer" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-        <!-- Dynamic Cards rendered via JS -->
-      </div>
-
-      <!-- Empty State / Loading -->
-      <div id="feedLoading" class="py-16 text-center">
-        <div class="inline-block animate-spin text-4xl text-emerald-600 mb-3">
-          <i class="fa-solid fa-circle-notch"></i>
-        </div>
-        <p class="text-slate-500 text-sm font-medium">در حال بارگذاری گزارش‌های شهری...</p>
-      </div>
-
-      <div id="feedEmpty" class="hidden py-16 bg-white rounded-3xl border border-slate-200 text-center px-4">
-        <div class="w-16 h-16 rounded-full bg-slate-100 text-slate-400 flex items-center justify-center mx-auto text-2xl mb-3">
-          <i class="fa-solid fa-magnifying-glass"></i>
-        </div>
-        <h3 class="text-lg font-bold text-slate-800 mb-1">موردی با این مشخصات یافت نشد</h3>
-        <p class="text-slate-500 text-sm mb-4">می‌توانید فیلترها را تغییر دهید یا خودتان اولین گزارش را ثبت کنید.</p>
-        <button onclick="openNewReportModal()" class="bg-emerald-600 text-white px-5 py-2 rounded-xl text-sm font-bold shadow hover:bg-emerald-700">
-          ثبت گزارش جدید
-        </button>
-      </div>
-
-    </div>
-
-    <!-- VIEW 2: INTERACTIVE MAP -->
-    <div id="view-map" class="hidden space-y-4">
-      <div class="bg-white p-4 rounded-2xl border border-slate-200 flex flex-wrap items-center justify-between gap-3 shadow-sm">
-        <div>
-          <h2 class="text-lg font-bold text-slate-900 flex items-center gap-2">
-            <i class="fa-solid fa-map-marked-alt text-emerald-600"></i>
-            <span>نقشه زنده و پراکندگی مسائل شهری</span>
-          </h2>
-          <p class="text-xs text-slate-500">برای مشاهده جزئیات، عکس‌ها و وضعیت هر موضوع، روی نشانگرهای نقشه کلیک کنید.</p>
-        </div>
-        
-        <!-- Map Legend -->
-        <div class="flex flex-wrap items-center gap-3 text-xs">
-          <span class="flex items-center gap-1.5"><span class="w-3 h-3 rounded-full bg-amber-500"></span> در حال بررسی/اجرا</span>
-          <span class="flex items-center gap-1.5"><span class="w-3 h-3 rounded-full bg-emerald-500"></span> رفع شده</span>
-          <span class="flex items-center gap-1.5"><span class="w-3 h-3 rounded-full bg-red-500"></span> نیازمند اقدام فوری</span>
-        </div>
-      </div>
-
-      <!-- Map Container -->
-      <div class="bg-white p-2 rounded-3xl border border-slate-200 shadow-md">
-        <div id="leafletMap" class="w-full h-[600px] rounded-2xl z-10"></div>
-      </div>
-    </div>
-
-    <!-- VIEW 3: TRACKING PORTAL -->
-    <div id="view-track" class="hidden space-y-6">
-      
-      <!-- Tracking Search Box -->
-      <div class="bg-gradient-to-br from-slate-900 via-slate-800 to-teal-950 text-white p-6 sm:p-10 rounded-3xl shadow-xl">
-        <div class="max-w-2xl mx-auto text-center space-y-4">
-          <div class="w-14 h-14 bg-emerald-500/20 text-emerald-400 rounded-2xl flex items-center justify-center mx-auto text-2xl">
-            <i class="fa-solid fa-route"></i>
-          </div>
-          <h2 class="text-2xl sm:text-3xl font-black">سامانه پیگیری و استعلام گزارش‌های شهری</h2>
-          <p class="text-slate-300 text-sm leading-relaxed">
-            با وارد کردن کد پیگیری (مانند <span class="font-mono bg-white/10 px-2 py-0.5 rounded text-emerald-300">SHR-78214</span>)، از آخرین وضعیت اقدامات شهرداری، اعزام اکیپ و تصاویر قبل و بعد مطلع شوید.
-          </p>
-
-          <div class="flex flex-col sm:flex-row gap-2 pt-2">
-            <input type="text" id="trackCodeInput" placeholder="کد رهگیری را اینجا وارد کنید..." class="flex-1 px-5 py-3.5 rounded-2xl bg-white/10 border border-white/20 text-white placeholder-slate-400 focus:bg-white/20 focus:border-emerald-400 outline-none text-center font-bold tracking-wider text-base">
-            <button onclick="fetchTrackingDetail()" class="bg-emerald-500 hover:bg-emerald-600 text-slate-950 font-black px-8 py-3.5 rounded-2xl transition-all shadow-lg shadow-emerald-500/30 flex items-center justify-center gap-2">
-              <i class="fa-solid fa-magnifying-glass"></i>
-              <span>استعلام وضعیت</span>
+            <button onclick="app.switchTab('deep_analytics')" id="tab-deep_analytics" class="nav-tab">
+                <i class="fa-solid fa-chart-pie"></i>
+                <span>آنالیز پیشرفته</span>
+            </button>
+            <button onclick="app.switchTab('trades')" id="tab-trades" class="nav-tab">
+                <i class="fa-solid fa-list-check"></i>
+                <span>ژورنال و معاملات</span>
+            </button>
+            <button onclick="app.switchTab('calendar')" id="tab-calendar" class="nav-tab">
+                <i class="fa-solid fa-calendar-days"></i>
+                <span>تقویم معاملاتی</span>
+            </button>
+            <button onclick="app.switchTab('settings')" id="tab-settings" class="nav-tab">
+                <i class="fa-solid fa-sliders"></i>
+                <span>تنظیمات و حساب‌ها</span>
             </button>
-          </div>
-        </div>
-      </div>
-
-      <!-- Tracking Result Container -->
-      <div id="trackResultContainer" class="hidden bg-white rounded-3xl border border-slate-200 p-6 sm:p-8 shadow-sm space-y-8">
-        <!-- Populated via JS -->
-      </div>
-
-    </div>
-
-    <!-- VIEW 4: ADMIN / MUNICIPALITY DASHBOARD -->
-    <div id="view-admin" class="hidden space-y-6">
-      
-      <!-- Admin Header -->
-      <div class="bg-white p-6 rounded-3xl border border-slate-200 flex flex-wrap items-center justify-between gap-4 shadow-sm">
-        <div>
-          <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-100 text-blue-800 text-xs font-bold mb-2">
-            <i class="fa-solid fa-shield-halved"></i>
-            <span>مرکز کنترل و نظارت شهرداری (شهردید)</span>
-          </div>
-          <h2 class="text-xl sm:text-2xl font-black text-slate-900">میز خدمت کارشناسان و بازرسان شهری</h2>
-          <p class="text-xs sm:text-sm text-slate-500 mt-1">رسیدگی به تیکت‌های شهروندان، تغییر وضعیت، ثبت گزارش اکیپ اجرایی و صدور دستور کار</p>
         </div>
 
-        <div class="flex items-center gap-3">
-          <button onclick="loadStats(); loadAdminIssues();" class="bg-slate-100 hover:bg-slate-200 text-slate-700 px-4 py-2 rounded-xl text-xs font-bold flex items-center gap-2">
-            <i class="fa-solid fa-rotate"></i>
-            <span>بروزرسانی داده‌ها</span>
-          </button>
-        </div>
-      </div>
+        <!-- ============================================================ -->
+        <!-- TAB 1: OVERVIEW & CHARTS -->
+        <!-- ============================================================ -->
+        <div id="view-overview" class="space-y-6">
 
-      <!-- Charts Row -->
-      <div class="grid grid-cols-1 lg:grid-cols-12 gap-6">
-        <!-- Categories Bar Chart -->
-        <div class="lg:col-span-8 bg-white p-6 rounded-3xl border border-slate-200 shadow-sm">
-          <h3 class="text-sm font-bold text-slate-800 mb-4 flex items-center gap-2">
-            <i class="fa-solid fa-chart-column text-emerald-600"></i>
-            <span>توزیع موضوعی مسائل گزارش‌شده</span>
-          </h3>
-          <div class="h-64">
-            <canvas id="categoryChart"></canvas>
-          </div>
-        </div>
+            <!-- Chart Row: Growth Curve & Drawdown -->
+            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+                <!-- Main Growth Curve (Myfxbook Style) -->
+                <div class="lg:col-span-2 glass-card p-5">
+                    <div class="flex items-center justify-between mb-4 flex-wrap gap-2">
+                        <div>
+                            <h3 class="text-base font-bold text-white flex items-center gap-2">
+                                <i class="fa-solid fa-chart-area text-blue-500"></i>
+                                نمودار رشد سرمایه و بالانس (Growth Curve)
+                            </h3>
+                            <p class="text-xs text-gray-400">روند تجمعی بازدهی، سود دلاری و بالانس حساب</p>
+                        </div>
+                        <div class="flex items-center gap-2 text-xs">
+                            <span class="flex items-center gap-1 text-emerald-400 font-semibold bg-emerald-500/10 px-2.5 py-1 rounded-md border border-emerald-500/20">
+                                <span class="w-2 h-2 rounded-full bg-emerald-400"></span>
+                                رشد کل: <span id="chartGainPct" class="num-font">+0.0%</span>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="relative h-72 sm:h-80 w-full">
+                        <canvas id="chartGrowth"></canvas>
+                    </div>
+                </div>
 
-        <!-- Status Doughnut Chart -->
-        <div class="lg:col-span-4 bg-white p-6 rounded-3xl border border-slate-200 shadow-sm">
-          <h3 class="text-sm font-bold text-slate-800 mb-4 flex items-center gap-2">
-            <i class="fa-solid fa-chart-pie text-teal-600"></i>
-            <span>وضعیت پرونده‌ها</span>
-          </h3>
-          <div class="h-64 flex items-center justify-center">
-            <canvas id="statusChart"></canvas>
-          </div>
-        </div>
-      </div>
+                <!-- Secondary Chart: Win/Loss Ratio & Long/Short -->
+                <div class="glass-card p-5 flex flex-col justify-between">
+                    <div>
+                        <h3 class="text-base font-bold text-white flex items-center gap-2 mb-1">
+                            <i class="fa-solid fa-pie-chart text-purple-400"></i>
+                            نسبت برد به باخت (Win Rate)
+                        </h3>
+                        <p class="text-xs text-gray-400 mb-4">تفکیک سوددهی و جهت پوزیشن‌ها</p>
+                        <div class="relative h-48 w-full flex items-center justify-center">
+                            <canvas id="chartWinRate"></canvas>
+                        </div>
+                    </div>
 
-      <!-- Admin Issues Table -->
-      <div class="bg-white rounded-3xl border border-slate-200 shadow-sm overflow-hidden">
-        <div class="p-5 border-b border-slate-100 flex flex-wrap items-center justify-between gap-3 bg-slate-50/50">
-          <h3 class="text-sm font-bold text-slate-900 flex items-center gap-2">
-            <i class="fa-solid fa-table-list text-slate-600"></i>
-            <span>جدول مدیریت و صدور دستور کار پرونده‌ها</span>
-          </h3>
-          <span class="text-xs text-slate-500" id="adminTableCount">در حال بارگذاری...</span>
-        </div>
-
-        <div class="overflow-x-auto">
-          <table class="w-full text-right text-xs">
-            <thead class="bg-slate-100/70 text-slate-600 font-bold border-b border-slate-200">
-              <tr>
-                <th class="py-3.5 px-4">کد رهگیری</th>
-                <th class="py-3.5 px-4">عنوان و موقعیت</th>
-                <th class="py-3.5 px-4">دسته‌بندی</th>
-                <th class="py-3.5 px-4">منطقه</th>
-                <th class="py-3.5 px-4">اولویت</th>
-                <th class="py-3.5 px-4">وضعیت جاری</th>
-                <th class="py-3.5 px-4">تاریخ ثبت</th>
-                <th class="py-3.5 px-4 text-center">عملیات بازرسی</th>
-              </tr>
-            </thead>
-            <tbody id="adminTableBody" class="divide-y divide-slate-100">
-              <!-- Populated via JS -->
-            </tbody>
-          </table>
-        </div>
-      </div>
-
-    </div>
-
-  </main>
-
-  <!-- MODAL 1: SUBMIT NEW REPORT -->
-  <div id="newReportModal" class="fixed inset-0 z-50 bg-slate-900/60 backdrop-blur-sm hidden flex items-center justify-center p-4 overflow-y-auto">
-    <div class="bg-white rounded-3xl max-w-2xl w-full max-h-[90vh] overflow-y-auto shadow-2xl border border-slate-100 custom-scrollbar">
-      
-      <!-- Modal Header -->
-      <div class="bg-gradient-to-r from-emerald-700 to-teal-700 text-white p-6 sticky top-0 z-20 flex items-center justify-between">
-        <div class="flex items-center gap-3">
-          <div class="w-10 h-10 rounded-xl bg-white/20 flex items-center justify-center text-lg">
-            <i class="fa-solid fa-bullhorn"></i>
-          </div>
-          <div>
-            <h3 class="text-lg font-bold">ثبت گزارش جدید مشکل شهری</h3>
-            <p class="text-xs text-emerald-100">گزارش شما مستقیماً به شهرداری منطقه و سامانه ۱۳۷ ارسال خواهد شد</p>
-          </div>
-        </div>
-        <button onclick="closeNewReportModal()" class="w-8 h-8 rounded-full bg-white/10 hover:bg-white/25 flex items-center justify-center transition-all">
-          <i class="fa-solid fa-xmark"></i>
-        </button>
-      </div>
-
-      <!-- Modal Body Form -->
-      <form id="newReportForm" onsubmit="submitNewReport(event)" class="p-6 space-y-5">
-        
-        <!-- Category Selector -->
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-2">دسته‌بندی موضوع <span class="text-red-500">*</span></label>
-          <div class="grid grid-cols-2 sm:grid-cols-3 gap-2" id="modalCategoryGrid">
-            <label class="category-radio border border-slate-200 rounded-xl p-3 flex flex-col items-center gap-1.5 cursor-pointer hover:border-emerald-500 transition-all text-center">
-              <input type="radio" name="category" value="آسفالت و معابر" checked class="hidden">
-              <i class="fa-solid fa-road text-amber-500 text-lg"></i>
-              <span class="text-xs font-semibold">آسفالت و معابر</span>
-            </label>
-            <label class="category-radio border border-slate-200 rounded-xl p-3 flex flex-col items-center gap-1.5 cursor-pointer hover:border-emerald-500 transition-all text-center">
-              <input type="radio" name="category" value="روشنایی و برق" class="hidden">
-              <i class="fa-solid fa-lightbulb text-yellow-500 text-lg"></i>
-              <span class="text-xs font-semibold">روشنایی و تیر برق</span>
-            </label>
-            <label class="category-radio border border-slate-200 rounded-xl p-3 flex flex-col items-center gap-1.5 cursor-pointer hover:border-emerald-500 transition-all text-center">
-              <input type="radio" name="category" value="نظافت و پسماند" class="hidden">
-              <i class="fa-solid fa-trash-can text-red-500 text-lg"></i>
-              <span class="text-xs font-semibold">نظافت و پسماند</span>
-            </label>
-            <label class="category-radio border border-slate-200 rounded-xl p-3 flex flex-col items-center gap-1.5 cursor-pointer hover:border-emerald-500 transition-all text-center">
-              <input type="radio" name="category" value="فضای سبز و بوستان‌ها" class="hidden">
-              <i class="fa-solid fa-tree text-emerald-500 text-lg"></i>
-              <span class="text-xs font-semibold">فضای سبز</span>
-            </label>
-            <label class="category-radio border border-slate-200 rounded-xl p-3 flex flex-col items-center gap-1.5 cursor-pointer hover:border-emerald-500 transition-all text-center">
-              <input type="radio" name="category" value="ترافیک و حمل‌ونقل" class="hidden">
-              <i class="fa-solid fa-traffic-light text-blue-500 text-lg"></i>
-              <span class="text-xs font-semibold">ترافیک و تابلوها</span>
-            </label>
-            <label class="category-radio border border-slate-200 rounded-xl p-3 flex flex-col items-center gap-1.5 cursor-pointer hover:border-emerald-500 transition-all text-center">
-              <input type="radio" name="category" value="ساختمان‌سازی و سد معبر" class="hidden">
-              <i class="fa-solid fa-person-digging text-orange-500 text-lg"></i>
-              <span class="text-xs font-semibold">سد معبر</span>
-            </label>
-          </div>
-        </div>
-
-        <!-- Title -->
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-1.5">عنوان خلاصه مشکل <span class="text-red-500">*</span></label>
-          <input type="text" id="reportTitle" required placeholder="مثال: چاله عمیق در تقاطع خیابان ولیعصر" class="w-full px-4 py-2.5 rounded-xl border border-slate-300 focus:border-emerald-500 focus:ring-2 focus:ring-emerald-100 outline-none text-sm">
-        </div>
-
-        <!-- District & Priority Row -->
-        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
-          <div>
-            <label class="block text-xs font-bold text-slate-700 mb-1.5">منطقه شهرداری <span class="text-red-500">*</span></label>
-            <select id="reportDistrict" required class="w-full px-4 py-2.5 rounded-xl border border-slate-300 focus:border-emerald-500 focus:ring-2 focus:ring-emerald-100 outline-none text-sm">
-              <option value="1">منطقه ۱ (شمرانات/تجریش)</option>
-              <option value="2">منطقه ۲ (سعادت‌آباد/شهرک غرب)</option>
-              <option value="3" selected>منطقه ۳ (ونک/قلهک/میرداماد)</option>
-              <option value="4">منطقه ۴ (تهرانپارس/هروی)</option>
-              <option value="5">منطقه ۵ (صادقیه/پونک)</option>
-              <option value="6">منطقه ۶ (یوسف‌آباد/امیرآباد)</option>
-              <option value="7">منطقه ۷ (مطهری/سهروردی)</option>
-              <option value="8">منطقه ۸ (نارمک/مجیدیه)</option>
-              <option value="9">منطقه ۹ (آزادی/استادمعین)</option>
-              <option value="10">منطقه ۱۰ (نواب/جیحون)</option>
-              <option value="11">منطقه ۱۱ (جمهوری/منیریه)</option>
-              <option value="12">منطقه ۱۲ (بازار/بهارستان)</option>
-            </select>
-          </div>
-
-          <div>
-            <label class="block text-xs font-bold text-slate-700 mb-1.5">سطح فوریت و خطر</label>
-            <select id="reportPriority" class="w-full px-4 py-2.5 rounded-xl border border-slate-300 focus:border-emerald-500 focus:ring-2 focus:ring-emerald-100 outline-none text-sm font-semibold">
-              <option value="low">🟢 عادی</option>
-              <option value="medium" selected>🟡 متوسط</option>
-              <option value="high">🟠 بالا</option>
-              <option value="emergency">🔴 فوری و خطر جانی/مالی</option>
-            </select>
-          </div>
-        </div>
-
-        <!-- Address -->
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-1.5">نشانی دقیق محل <span class="text-red-500">*</span></label>
-          <input type="text" id="reportAddress" required placeholder="خیابان، کوچه، پلاک یا نشانه بارز نزدیک محل..." class="w-full px-4 py-2.5 rounded-xl border border-slate-300 focus:border-emerald-500 focus:ring-2 focus:ring-emerald-100 outline-none text-sm">
-        </div>
-
-        <!-- Interactive Map Location Picker -->
-        <div>
-          <div class="flex items-center justify-between mb-1.5">
-            <label class="text-xs font-bold text-slate-700">تعیین دقیق موقعیت روی نقشه</label>
-            <span class="text-[11px] text-emerald-600 font-medium"><i class="fa-solid fa-location-crosshairs ml-1"></i>نشانگر را حرکت دهید یا روی نقشه کلیک کنید</span>
-          </div>
-          <div id="pickerMap" class="w-full h-44 rounded-xl border border-slate-300 z-10"></div>
-          <input type="hidden" id="reportLat" value="35.7538">
-          <input type="hidden" id="reportLng" value="51.4172">
-        </div>
-
-        <!-- Description -->
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-1.5">شرح کامل مشکل <span class="text-red-500">*</span></label>
-          <textarea id="reportDescription" rows="3" required placeholder="لطفاً جزئیات بیشتری درباره مشکل، ابعاد و خسارت‌های احتمالی بنویسید..." class="w-full px-4 py-2.5 rounded-xl border border-slate-300 focus:border-emerald-500 focus:ring-2 focus:ring-emerald-100 outline-none text-sm"></textarea>
-        </div>
-
-        <!-- Photo Selection / Upload -->
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-1.5">تصویر مشکل (اختیاری)</label>
-          <div class="grid grid-cols-3 gap-2 mb-2">
-            <div onclick="selectSampleImage(this, 'https://images.unsplash.com/photo-1515162816999-a0c47dc192f7?auto=format&fit=crop&w=800&q=80')" class="sample-img-card border-2 border-slate-200 rounded-xl overflow-hidden cursor-pointer hover:border-emerald-500 transition-all p-1 text-center">
-              <img src="https://images.unsplash.com/photo-1515162816999-a0c47dc192f7?auto=format&fit=crop&w=300&q=80" class="w-full h-14 object-cover rounded-lg mb-1">
-              <span class="text-[10px] text-slate-600 block">نمونه آسفالت</span>
+                    <div class="grid grid-cols-2 gap-3 mt-4 pt-4 border-t border-gray-800 text-xs">
+                        <div class="bg-gray-800/50 p-2.5 rounded-lg border border-gray-700/50">
+                            <span class="text-gray-400 block mb-1">معاملات خرید (Long)</span>
+                            <div class="flex items-center justify-between font-semibold">
+                                <span id="longWinRate" class="text-emerald-400 num-font">0%</span>
+                                <span id="longProfit" class="text-gray-200 num-font">$0</span>
+                            </div>
+                        </div>
+                        <div class="bg-gray-800/50 p-2.5 rounded-lg border border-gray-700/50">
+                            <span class="text-gray-400 block mb-1">معاملات فروش (Short)</span>
+                            <div class="flex items-center justify-between font-semibold">
+                                <span id="shortWinRate" class="text-emerald-400 num-font">0%</span>
+                                <span id="shortProfit" class="text-gray-200 num-font">$0</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-            <div onclick="selectSampleImage(this, 'https://images.unsplash.com/photo-1532996122724-e3c354a0b15b?auto=format&fit=crop&w=800&q=80')" class="sample-img-card border-2 border-slate-200 rounded-xl overflow-hidden cursor-pointer hover:border-emerald-500 transition-all p-1 text-center">
-              <img src="https://images.unsplash.com/photo-1532996122724-e3c354a0b15b?auto=format&fit=crop&w=300&q=80" class="w-full h-14 object-cover rounded-lg mb-1">
-              <span class="text-[10px] text-slate-600 block">نمونه پسماند</span>
+
+            <!-- Key Statistical Ratios Grid (Myfxbook Style) -->
+            <div class="glass-card p-6">
+                <h3 class="text-base font-bold text-white flex items-center gap-2 mb-4">
+                    <i class="fa-solid fa-calculator text-indigo-400"></i>
+                    ماتریس شاخص‌های آماری و مدیریت ریسک (Key Trading Metrics)
+                </h3>
+                <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4 text-center">
+                    
+                    <div class="bg-gray-800/40 border border-gray-800 p-3.5 rounded-xl">
+                        <span class="text-xs text-gray-400 block mb-1">فاکتور سود (Profit Factor)</span>
+                        <span id="metricProfitFactor" class="text-lg font-bold text-blue-400 num-font">0.00</span>
+                    </div>
+
+                    <div class="bg-gray-800/40 border border-gray-800 p-3.5 rounded-xl">
+                        <span class="text-xs text-gray-400 block mb-1">حداکثر افت (Max Drawdown)</span>
+                        <span id="metricMaxDD" class="text-lg font-bold text-rose-400 num-font">0.0%</span>
+                    </div>
+
+                    <div class="bg-gray-800/40 border border-gray-800 p-3.5 rounded-xl">
+                        <span class="text-xs text-gray-400 block mb-1">امید ریاضی (Expectancy)</span>
+                        <span id="metricExpectancy" class="text-lg font-bold text-emerald-400 num-font">$0.00</span>
+                    </div>
+
+                    <div class="bg-gray-800/40 border border-gray-800 p-3.5 rounded-xl">
+                        <span class="text-xs text-gray-400 block mb-1">نسبت برد/باخت (R:R واقعی)</span>
+                        <span id="metricWinLossRatio" class="text-lg font-bold text-amber-400 num-font">0.00</span>
+                    </div>
+
+                    <div class="bg-gray-800/40 border border-gray-800 p-3.5 rounded-xl">
+                        <span class="text-xs text-gray-400 block mb-1">شاخص شارپ (Sharpe Ratio)</span>
+                        <span id="metricSharpe" class="text-lg font-bold text-indigo-400 num-font">0.00</span>
+                    </div>
+
+                    <div class="bg-gray-800/40 border border-gray-800 p-3.5 rounded-xl">
+                        <span class="text-xs text-gray-400 block mb-1">کل پیپ‌های کسب‌شده</span>
+                        <span id="metricTotalPips" class="text-lg font-bold text-teal-400 num-font">0.0</span>
+                    </div>
+
+                </div>
+
+                <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mt-4 pt-4 border-t border-gray-800/80 text-xs">
+                    <div class="flex justify-between items-center px-2">
+                        <span class="text-gray-400">میانگین سود هر برد:</span>
+                        <span id="metricAvgWin" class="font-bold text-emerald-400 num-font">$0.00</span>
+                    </div>
+                    <div class="flex justify-between items-center px-2">
+                        <span class="text-gray-400">میانگین زیان هر باخت:</span>
+                        <span id="metricAvgLoss" class="font-bold text-rose-400 num-font">$0.00</span>
+                    </div>
+                    <div class="flex justify-between items-center px-2">
+                        <span class="text-gray-400">بیشترین برد متوالی:</span>
+                        <span id="metricMaxConsecWins" class="font-bold text-emerald-400 num-font">0</span>
+                    </div>
+                    <div class="flex justify-between items-center px-2">
+                        <span class="text-gray-400">میانگین زمان پوزیشن:</span>
+                        <span id="metricAvgDuration" class="font-bold text-gray-200">0 ساعت</span>
+                    </div>
+                </div>
             </div>
-            <div onclick="selectSampleImage(this, 'https://images.unsplash.com/photo-1509114397022-ed747cca3f65?auto=format&fit=crop&w=800&q=80')" class="sample-img-card border-2 border-slate-200 rounded-xl overflow-hidden cursor-pointer hover:border-emerald-500 transition-all p-1 text-center">
-              <img src="https://images.unsplash.com/photo-1509114397022-ed747cca3f65?auto=format&fit=crop&w=300&q=80" class="w-full h-14 object-cover rounded-lg mb-1">
-              <span class="text-[10px] text-slate-600 block">نمونه روشنایی</span>
+
+            <!-- Drawdown Curve & Monthly Return Table -->
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Drawdown Chart -->
+                <div class="glass-card p-5">
+                    <h3 class="text-base font-bold text-white flex items-center gap-2 mb-4">
+                        <i class="fa-solid fa-water-ladder text-rose-400"></i>
+                        نمودار دراودان (Drawdown Curve)
+                    </h3>
+                    <div class="relative h-64 w-full">
+                        <canvas id="chartDrawdown"></canvas>
+                    </div>
+                </div>
+
+                <!-- Monthly Heatmap Returns (Year x Months) -->
+                <div class="glass-card p-5">
+                    <h3 class="text-base font-bold text-white flex items-center gap-2 mb-4">
+                        <i class="fa-solid fa-table-cells text-amber-400"></i>
+                        ماتریس بازدهی ماهانه (Monthly Returns %)
+                    </h3>
+                    <div class="overflow-x-auto">
+                        <table class="w-full text-center text-xs custom-table">
+                            <thead>
+                                <tr>
+                                    <th>سال</th>
+                                    <th>Jan</th><th>Feb</th><th>Mar</th><th>Apr</th><th>May</th><th>Jun</th>
+                                    <th>Jul</th><th>Aug</th><th>Sep</th><th>Oct</th><th>Nov</th><th>Dec</th>
+                                    <th>مجموع</th>
+                                </tr>
+                            </thead>
+                            <tbody id="monthlyReturnsTable">
+                                <!-- Populated by JS -->
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
             </div>
-          </div>
-          <input type="text" id="reportImageUrl" placeholder="یا آدرس تصویر اینترنتی را وارد کنید..." class="w-full px-4 py-2 rounded-xl border border-slate-300 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 outline-none text-xs">
+
         </div>
 
-        <!-- Reporter Contact Info -->
-        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bg-slate-50 p-4 rounded-2xl border border-slate-200">
-          <div>
-            <label class="block text-xs font-bold text-slate-700 mb-1">نام گزارش‌دهنده (اختیاری)</label>
-            <input type="text" id="reporterName" placeholder="مثلاً: محمد رضایی" class="w-full px-3 py-2 rounded-lg border border-slate-300 bg-white text-xs outline-none">
-          </div>
-          <div>
-            <label class="block text-xs font-bold text-slate-700 mb-1">شماره همراه (جهت پیامک پیگیری)</label>
-            <input type="tel" id="reporterPhone" placeholder="0912..." class="w-full px-3 py-2 rounded-lg border border-slate-300 bg-white text-xs outline-none dir-ltr text-right">
-          </div>
+        <!-- ============================================================ -->
+        <!-- TAB 2: DEEP ANALYTICS -->
+        <!-- ============================================================ -->
+        <div id="view-deep_analytics" class="hidden space-y-6">
+
+            <!-- Performance by Symbol & Performance by Strategy -->
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- By Symbol -->
+                <div class="glass-card p-5">
+                    <h3 class="text-base font-bold text-white flex items-center gap-2 mb-4">
+                        <i class="fa-solid fa-coins text-amber-400"></i>
+                        عملکرد به تفکیک نمادها (Performance by Symbol)
+                    </h3>
+                    <div class="relative h-64 w-full mb-4">
+                        <canvas id="chartSymbols"></canvas>
+                    </div>
+                    <div class="overflow-x-auto max-h-60">
+                        <table class="w-full text-xs custom-table text-right">
+                            <thead>
+                                <tr>
+                                    <th>نماد</th>
+                                    <th>تعداد</th>
+                                    <th>وین ریت</th>
+                                    <th>پیپ</th>
+                                    <th>سود/زیان خالص</th>
+                                </tr>
+                            </thead>
+                            <tbody id="symbolsTable">
+                                <!-- Populated by JS -->
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+
+                <!-- By Strategy -->
+                <div class="glass-card p-5">
+                    <h3 class="text-base font-bold text-white flex items-center gap-2 mb-4">
+                        <i class="fa-solid fa-chess-knight text-purple-400"></i>
+                        عملکرد به تفکیک استراتژی‌ها (By Strategy)
+                    </h3>
+                    <div class="overflow-x-auto max-h-80">
+                        <table class="w-full text-xs custom-table text-right">
+                            <thead>
+                                <tr>
+                                    <th>استراتژی</th>
+                                    <th>تعداد</th>
+                                    <th>وین ریت</th>
+                                    <th>فاکتور سود</th>
+                                    <th>سود/زیان</th>
+                                </tr>
+                            </thead>
+                            <tbody id="strategiesTable">
+                                <!-- Populated by JS -->
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Sessions & Time Analysis (Hourly & Day of Week) -->
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Hourly Distribution -->
+                <div class="glass-card p-5">
+                    <h3 class="text-base font-bold text-white flex items-center gap-2 mb-4">
+                        <i class="fa-solid fa-clock text-blue-400"></i>
+                        توزیع سود و معاملات بر اساس ساعات شبانه‌روز (Hourly)
+                    </h3>
+                    <div class="relative h-64 w-full">
+                        <canvas id="chartHourly"></canvas>
+                    </div>
+                </div>
+
+                <!-- Days of Week & Psychology / Emotions -->
+                <div class="glass-card p-5">
+                    <h3 class="text-base font-bold text-white flex items-center gap-2 mb-4">
+                        <i class="fa-solid fa-brain text-pink-400"></i>
+                        تحلیل روانشناسی و روزهای هفته (Emotions & Days)
+                    </h3>
+                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                        <div>
+                            <h4 class="text-xs font-bold text-gray-300 mb-2">روزهای هفته:</h4>
+                            <div id="dayOfWeekList" class="space-y-1.5 text-xs">
+                                <!-- JS -->
+                            </div>
+                        </div>
+                        <div>
+                            <h4 class="text-xs font-bold text-gray-300 mb-2">وضعیت ذهنی / احساسی:</h4>
+                            <div id="emotionList" class="space-y-1.5 text-xs">
+                                <!-- JS -->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
         </div>
 
-        <!-- Submit Button -->
-        <div class="pt-3 border-t border-slate-100 flex items-center justify-end gap-3">
-          <button type="button" onclick="closeNewReportModal()" class="px-5 py-2.5 rounded-xl border border-slate-300 text-slate-600 hover:bg-slate-50 text-sm font-semibold transition-all">
-            انصراف
-          </button>
-          <button type="submit" id="submitReportBtn" class="bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-700 hover:to-teal-700 text-white px-8 py-2.5 rounded-xl font-bold text-sm shadow-md shadow-emerald-600/30 transition-all flex items-center gap-2">
-            <i class="fa-solid fa-paper-plane"></i>
-            <span>ارسال و ثبت نهایی گزارش</span>
-          </button>
+        <!-- ============================================================ -->
+        <!-- TAB 3: TRADES JOURNAL & LOG -->
+        <!-- ============================================================ -->
+        <div id="view-trades" class="hidden space-y-4">
+            
+            <!-- Filters & Search Bar -->
+            <div class="glass-card p-4 flex flex-wrap items-center justify-between gap-3">
+                <div class="flex items-center gap-3 flex-wrap">
+                    <!-- Status Filter -->
+                    <select id="tradeFilterStatus" onchange="app.loadTrades()" class="bg-gray-800 border border-gray-700 text-xs text-gray-200 px-3 py-2 rounded-lg">
+                        <option value="all">همه وضعیت‌ها</option>
+                        <option value="closed">بسته‌شده (Closed)</option>
+                        <option value="open">پوزیشن‌های باز (Open)</option>
+                    </select>
+
+                    <!-- Symbol Filter -->
+                    <select id="tradeFilterSymbol" onchange="app.loadTrades()" class="bg-gray-800 border border-gray-700 text-xs text-gray-200 px-3 py-2 rounded-lg">
+                        <option value="all">همه نمادها</option>
+                        <option value="EURUSD">EURUSD</option>
+                        <option value="GBPUSD">GBPUSD</option>
+                        <option value="XAUUSD">XAUUSD (طلا)</option>
+                        <option value="USDJPY">USDJPY</option>
+                        <option value="BTCUSD">BTCUSD</option>
+                        <option value="US30">US30</option>
+                    </select>
+
+                    <!-- Search Input -->
+                    <div class="relative">
+                        <input type="text" id="tradeSearch" onkeyup="app.handleSearch(event)" placeholder="جستجو در تیکت، نماد، یادداشت..." class="bg-gray-800 border border-gray-700 text-xs text-gray-200 pl-8 pr-3 py-2 rounded-lg w-48 sm:w-64 focus:outline-none focus:border-blue-500">
+                        <i class="fa-solid fa-search absolute left-2.5 top-2.5 text-gray-400 text-xs"></i>
+                    </div>
+                </div>
+
+                <div class="text-xs text-gray-400">
+                    نمایش <span id="tradesCountLabel" class="font-bold text-white num-font">0</span> معامله
+                </div>
+            </div>
+
+            <!-- Trades Table -->
+            <div class="glass-card overflow-hidden">
+                <div class="overflow-x-auto">
+                    <table class="w-full text-xs text-right custom-table">
+                        <thead>
+                            <tr>
+                                <th>#</th>
+                                <th>تیکت / نماد</th>
+                                <th>نوع</th>
+                                <th>حجم (Lot)</th>
+                                <th>قیمت ورود</th>
+                                <th>قیمت خروج</th>
+                                <th>حد ضرر / سود</th>
+                                <th>زمان باز شدن</th>
+                                <th>پیپ</th>
+                                <th>سود/زیان ($)</th>
+                                <th>استراتژی / حس</th>
+                                <th>چارت</th>
+                                <th>عملیات</th>
+                            </tr>
+                        </thead>
+                        <tbody id="tradesTableBody">
+                            <!-- Populated by JS -->
+                        </tbody>
+                    </table>
+                </div>
+
+                <!-- Pagination -->
+                <div class="p-3.5 border-t border-gray-800 flex items-center justify-between text-xs text-gray-400">
+                    <span id="paginationInfo">صفحه ۱ از ۱</span>
+                    <div class="flex items-center gap-2">
+                        <button onclick="app.prevPage()" id="btnPrevPage" class="px-3 py-1 bg-gray-800 hover:bg-gray-700 rounded-md disabled:opacity-40">قبلی</button>
+                        <button onclick="app.nextPage()" id="btnNextPage" class="px-3 py-1 bg-gray-800 hover:bg-gray-700 rounded-md disabled:opacity-40">بعدی</button>
+                    </div>
+                </div>
+            </div>
+
         </div>
 
-      </form>
+        <!-- ============================================================ -->
+        <!-- TAB 4: TRADING CALENDAR -->
+        <!-- ============================================================ -->
+        <div id="view-calendar" class="hidden space-y-6">
+            <div class="glass-card p-6">
+                <div class="flex items-center justify-between mb-6 flex-wrap gap-4">
+                    <div>
+                        <h3 class="text-lg font-bold text-white flex items-center gap-2">
+                            <i class="fa-solid fa-calendar-alt text-blue-400"></i>
+                            تقویم سود و زیان ماهانه (Trading Calendar)
+                        </h3>
+                        <p class="text-xs text-gray-400">مشاهده سود/زیان هر روز معاملاتی و بازدهی تجمعی هفتگی</p>
+                    </div>
+                    <div class="flex items-center gap-2">
+                        <button onclick="app.prevMonth()" class="p-2 bg-gray-800 hover:bg-gray-700 text-gray-200 rounded-lg">
+                            <i class="fa-solid fa-chevron-right"></i>
+                        </button>
+                        <span id="calendarMonthLabel" class="text-sm font-bold text-white px-3 num-font">August 2026</span>
+                        <button onclick="app.nextMonth()" class="p-2 bg-gray-800 hover:bg-gray-700 text-gray-200 rounded-lg">
+                            <i class="fa-solid fa-chevron-left"></i>
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Calendar Grid -->
+                <div class="grid grid-cols-7 gap-2 mb-2 text-center text-xs font-bold text-gray-400">
+                    <div>Mon (دوشنبه)</div>
+                    <div>Tue (سه‌شنبه)</div>
+                    <div>Wed (چهارشنبه)</div>
+                    <div>Thu (پنج‌شنبه)</div>
+                    <div>Fri (جمعه)</div>
+                    <div class="text-gray-600">Sat (شنبه)</div>
+                    <div class="text-gray-600">Sun (یک‌شنبه)</div>
+                </div>
+
+                <div id="calendarGrid" class="grid grid-cols-7 gap-2.5 min-h-[360px]">
+                    <!-- Populated by JS -->
+                </div>
+            </div>
+        </div>
+
+        <!-- ============================================================ -->
+        <!-- TAB 5: SETTINGS & ACCOUNTS -->
+        <!-- ============================================================ -->
+        <div id="view-settings" class="hidden space-y-6">
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Account Management -->
+                <div class="glass-card p-6">
+                    <div class="flex items-center justify-between mb-4">
+                        <h3 class="text-base font-bold text-white flex items-center gap-2">
+                            <i class="fa-solid fa-users text-blue-400"></i>
+                            حساب‌های معاملاتی (Trading Accounts)
+                        </h3>
+                        <button onclick="app.openModal('modalAccount')" class="text-xs bg-blue-600 hover:bg-blue-500 text-white px-3 py-1.5 rounded-lg">
+                            + افزودن حساب جدید
+                        </button>
+                    </div>
+                    <div id="accountsListSettings" class="space-y-3">
+                        <!-- Populated by JS -->
+                    </div>
+                </div>
+
+                <!-- Tools & Maintenance -->
+                <div class="glass-card p-6">
+                    <h3 class="text-base font-bold text-white flex items-center gap-2 mb-4">
+                        <i class="fa-solid fa-wrench text-amber-400"></i>
+                        ابزارها و پشتیبان‌گیری
+                    </h3>
+                    <div class="space-y-3">
+                        <div class="p-4 bg-gray-800/40 rounded-xl border border-gray-700/40 flex items-center justify-between">
+                            <div>
+                                <h4 class="text-sm font-semibold text-white">بازیابی داده‌های نمونه مای‌اف‌ایکس‌بوک</h4>
+                                <p class="text-xs text-gray-400">تولید مجدد بیش از ۲۰ معامله واقعی و متنوع برای آزمایش سیستم</p>
+                            </div>
+                            <button onclick="app.resetSampleData()" class="bg-amber-600/20 text-amber-400 border border-amber-500/30 hover:bg-amber-600/30 text-xs px-3 py-2 rounded-lg font-medium">
+                                بازتولید نمونه‌ها
+                            </button>
+                        </div>
+
+                        <div class="p-4 bg-gray-800/40 rounded-xl border border-gray-700/40 flex items-center justify-between">
+                            <div>
+                                <h4 class="text-sm font-semibold text-white">خروجی کامل اکسل / CSV</h4>
+                                <p class="text-xs text-gray-400">دانلود تمام تاریخچه معاملات با جزئیات کامل</p>
+                            </div>
+                            <button onclick="app.exportTradesCSV()" class="bg-emerald-600/20 text-emerald-400 border border-emerald-500/30 hover:bg-emerald-600/30 text-xs px-3 py-2 rounded-lg font-medium">
+                                دانلود CSV
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </main>
+
+    <!-- ============================================================ -->
+    <!-- MODAL 1: NEW / EDIT TRADE -->
+    <!-- ============================================================ -->
+    <div id="modalTrade" class="fixed inset-0 z-50 hidden modal-backdrop flex items-center justify-center p-4">
+        <div class="modal-content w-full max-w-2xl max-h-[90vh] overflow-y-auto p-6 text-right">
+            <div class="flex items-center justify-between pb-4 border-b border-gray-800 mb-5">
+                <h3 id="modalTradeTitle" class="text-lg font-bold text-white flex items-center gap-2">
+                    <i class="fa-solid fa-plus-circle text-emerald-400"></i>
+                    <span>ثبت معامله جدید</span>
+                </h3>
+                <button onclick="app.closeModal('modalTrade')" class="text-gray-400 hover:text-white text-lg">
+                    <i class="fa-solid fa-xmark"></i>
+                </button>
+            </div>
+
+            <form id="formTrade" onsubmit="app.saveTrade(event)" class="space-y-4">
+                <input type="hidden" id="tradeId">
+
+                <!-- Symbol & Type & Lot -->
+                <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1.5">نماد معاملاتی (Symbol) *</label>
+                        <input type="text" id="tradeSymbol" required placeholder="EURUSD, XAUUSD, ..." class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg uppercase focus:border-blue-500 focus:outline-none">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1.5">نوع پوزیشن *</label>
+                        <div class="grid grid-cols-2 gap-2">
+                            <label class="cursor-pointer">
+                                <input type="radio" name="tradeType" value="buy" checked class="peer sr-only">
+                                <div class="text-center py-2 rounded-lg text-xs font-bold border border-gray-700 bg-gray-800 peer-checked:bg-emerald-600 peer-checked:text-white peer-checked:border-emerald-500 transition">خرید (BUY)</div>
+                            </label>
+                            <label class="cursor-pointer">
+                                <input type="radio" name="tradeType" value="sell" class="peer sr-only">
+                                <div class="text-center py-2 rounded-lg text-xs font-bold border border-gray-700 bg-gray-800 peer-checked:bg-rose-600 peer-checked:text-white peer-checked:border-rose-500 transition">فروش (SELL)</div>
+                            </label>
+                        </div>
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1.5">حجم معامله (Lot) *</label>
+                        <input type="number" step="0.01" id="tradeLotSize" required value="0.10" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg num-font focus:border-blue-500 focus:outline-none">
+                    </div>
+                </div>
+
+                <!-- Open Price, Close Price, Stop Loss, Take Profit -->
+                <div class="grid grid-cols-2 sm:grid-cols-4 gap-3">
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">قیمت ورود *</label>
+                        <input type="number" step="any" id="tradeOpenPrice" required oninput="app.calcTradeFields()" placeholder="1.0850" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg num-font focus:border-blue-500 focus:outline-none">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">قیمت خروج</label>
+                        <input type="number" step="any" id="tradeClosePrice" oninput="app.calcTradeFields()" placeholder="خالی = ترید باز" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg num-font focus:border-blue-500 focus:outline-none">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">حد ضرر (SL)</label>
+                        <input type="number" step="any" id="tradeStopLoss" placeholder="1.0820" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg num-font focus:border-blue-500 focus:outline-none">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">حد سود (TP)</label>
+                        <input type="number" step="any" id="tradeTakeProfit" placeholder="1.0900" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg num-font focus:border-blue-500 focus:outline-none">
+                    </div>
+                </div>
+
+                <!-- Profit ($), Pips, Commission, Swap -->
+                <div class="grid grid-cols-2 sm:grid-cols-4 gap-3 bg-gray-800/50 p-3 rounded-xl border border-gray-700/50">
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-400 mb-1">سود/زیان دلاری ($)</label>
+                        <input type="number" step="0.01" id="tradeProfit" placeholder="خودکار" class="w-full bg-gray-800 border border-gray-700 text-sm font-bold text-emerald-400 px-3 py-1.5 rounded-lg num-font">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-400 mb-1">میزان پیپ (Pips)</label>
+                        <input type="number" step="0.1" id="tradePips" placeholder="خودکار" class="w-full bg-gray-800 border border-gray-700 text-sm font-bold text-blue-400 px-3 py-1.5 rounded-lg num-font">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-400 mb-1">کمیسیون ($)</label>
+                        <input type="number" step="0.01" id="tradeCommission" value="0.00" class="w-full bg-gray-800 border border-gray-700 text-sm text-gray-300 px-3 py-1.5 rounded-lg num-font">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-400 mb-1">سواپ ($)</label>
+                        <input type="number" step="0.01" id="tradeSwap" value="0.00" class="w-full bg-gray-800 border border-gray-700 text-sm text-gray-300 px-3 py-1.5 rounded-lg num-font">
+                    </div>
+                </div>
+
+                <!-- Strategy, Session, Timeframe, Emotion -->
+                <div class="grid grid-cols-2 sm:grid-cols-4 gap-3">
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">استراتژی / ستاپ</label>
+                        <select id="tradeStrategy" class="w-full bg-gray-800 border border-gray-700 text-xs text-white px-2.5 py-2 rounded-lg">
+                            <option value="Price Action">Price Action</option>
+                            <option value="ICT / SMC">ICT / SMC</option>
+                            <option value="Trend Following">Trend Following</option>
+                            <option value="Scalping">Scalping</option>
+                            <option value="Reversal / Divergence">Reversal / Divergence</option>
+                            <option value="News Trading">News Trading</option>
+                        </select>
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">سشن معاملاتی</label>
+                        <select id="tradeSession" class="w-full bg-gray-800 border border-gray-700 text-xs text-white px-2.5 py-2 rounded-lg">
+                            <option value="London">لندن (London)</option>
+                            <option value="New York">نیویورک (New York)</option>
+                            <option value="Asian">آسیا (Asian)</option>
+                            <option value="Overlap">همپوشانی (Overlap)</option>
+                        </select>
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">تایم فریم</label>
+                        <select id="tradeTimeframe" class="w-full bg-gray-800 border border-gray-700 text-xs text-white px-2.5 py-2 rounded-lg">
+                            <option value="M1">M1</option>
+                            <option value="M5">M5</option>
+                            <option value="M15" selected>M15</option>
+                            <option value="H1">H1</option>
+                            <option value="H4">H4</option>
+                            <option value="D1">D1</option>
+                        </select>
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">حس و ذهنیت تریدر</label>
+                        <select id="tradeEmotion" class="w-full bg-gray-800 border border-gray-700 text-xs text-white px-2.5 py-2 rounded-lg">
+                            <option value="Disciplined">منضبط (Disciplined)</option>
+                            <option value="Confident">با اعتماد به نفس (Confident)</option>
+                            <option value="Neutral">خنثی / عادی (Neutral)</option>
+                            <option value="Impatient">عجول (Impatient)</option>
+                            <option value="Greedy">طمع‌کار (Greedy)</option>
+                            <option value="Fearful">ترسیده (Fearful)</option>
+                        </select>
+                    </div>
+                </div>
+
+                <!-- Notes & Lessons -->
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">یادداشت دلایل ورود به معامله</label>
+                        <textarea id="tradeEntryNotes" rows="2" placeholder="چرا وارد این معامله شدید؟ شرایط تاییدیه چه بود؟" class="w-full bg-gray-800 border border-gray-700 text-xs text-white p-2.5 rounded-lg focus:border-blue-500 focus:outline-none"></textarea>
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">درس‌های آموخته‌شده و خروج</label>
+                        <textarea id="tradeLessons" rows="2" placeholder="نکات مهم و درس‌های این پوزیشن..." class="w-full bg-gray-800 border border-gray-700 text-xs text-white p-2.5 rounded-lg focus:border-blue-500 focus:outline-none"></textarea>
+                    </div>
+                </div>
+
+                <!-- Screenshots Upload -->
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">اسکرین‌شات چارت هنگام ورود</label>
+                        <input type="file" id="fileScreenshotEntry" onchange="app.uploadScreenshot(this, 'tradeScreenshotEntryUrl')" class="text-xs text-gray-400 file:bg-gray-800 file:text-blue-400 file:border-0 file:rounded-lg file:px-3 file:py-1.5 file:mr-2">
+                        <input type="hidden" id="tradeScreenshotEntryUrl">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">اسکرین‌شات چارت هنگام خروج</label>
+                        <input type="file" id="fileScreenshotExit" onchange="app.uploadScreenshot(this, 'tradeScreenshotExitUrl')" class="text-xs text-gray-400 file:bg-gray-800 file:text-blue-400 file:border-0 file:rounded-lg file:px-3 file:py-1.5 file:mr-2">
+                        <input type="hidden" id="tradeScreenshotExitUrl">
+                    </div>
+                </div>
+
+                <!-- Submit Button -->
+                <div class="pt-4 border-t border-gray-800 flex items-center justify-end gap-3">
+                    <button type="button" onclick="app.closeModal('modalTrade')" class="px-4 py-2 bg-gray-800 hover:bg-gray-700 text-gray-300 text-sm font-medium rounded-xl">انصراف</button>
+                    <button type="submit" class="px-6 py-2 bg-blue-600 hover:bg-blue-500 text-white text-sm font-bold rounded-xl shadow-lg shadow-blue-500/20">ذخیره معامله</button>
+                </div>
+            </form>
+        </div>
     </div>
-  </div>
 
-  <!-- MODAL 2: ISSUE DETAIL & TIMELINE -->
-  <div id="detailModal" class="fixed inset-0 z-50 bg-slate-900/60 backdrop-blur-sm hidden flex items-center justify-center p-4 overflow-y-auto">
-    <div class="bg-white rounded-3xl max-w-3xl w-full max-h-[92vh] overflow-y-auto shadow-2xl border border-slate-100 custom-scrollbar">
-      <div id="detailModalContent">
-        <!-- Dynamically rendered via JS -->
-      </div>
+    <!-- ============================================================ -->
+    <!-- MODAL 2: MT4 / MT5 STATEMENT IMPORTER -->
+    <!-- ============================================================ -->
+    <div id="modalImport" class="fixed inset-0 z-50 hidden modal-backdrop flex items-center justify-center p-4">
+        <div class="modal-content w-full max-w-lg p-6 text-right">
+            <div class="flex items-center justify-between pb-3 border-b border-gray-800 mb-4">
+                <h3 class="text-base font-bold text-white flex items-center gap-2">
+                    <i class="fa-solid fa-file-import text-blue-400"></i>
+                    <span>ایمپورت گزارش متاتریدر ۴ و ۵ (MT4/MT5)</span>
+                </h3>
+                <button onclick="app.closeModal('modalImport')" class="text-gray-400 hover:text-white">
+                    <i class="fa-solid fa-xmark"></i>
+                </button>
+            </div>
+
+            <p class="text-xs text-gray-300 mb-4 leading-relaxed">
+                می‌توانید فایل گزارش یا استیتمنت اکسپورت‌شده از متاتریدر ۴ یا ۵ (با پسوند <code class="text-blue-400 font-mono">.htm</code>, <code class="text-blue-400 font-mono">.html</code> یا <code class="text-blue-400 font-mono">.csv</code>) را بارگذاری کنید تا تمامی معاملات به صورت خودکار به ژورنال اضافه شوند.
+            </p>
+
+            <form id="formImport" onsubmit="app.importStatement(event)" class="space-y-4">
+                <div class="border-2 border-dashed border-gray-700 hover:border-blue-500 p-6 rounded-xl text-center cursor-pointer transition" onclick="document.getElementById('statementFile').click()">
+                    <i class="fa-solid fa-cloud-arrow-up text-3xl text-gray-500 mb-2"></i>
+                    <p class="text-sm font-semibold text-gray-200">کلیک کنید یا فایل استیتمنت را بکشید و رها کنید</p>
+                    <p class="text-xs text-gray-400 mt-1" id="importFileName">فرمت‌های مجاز: CSV, HTML, HTM</p>
+                    <input type="file" id="statementFile" name="statement" accept=".csv,.htm,.html" class="hidden" onchange="document.getElementById('importFileName').textContent = this.files[0].name">
+                </div>
+
+                <div class="flex justify-end gap-2 pt-3">
+                    <button type="button" onclick="app.closeModal('modalImport')" class="px-4 py-2 bg-gray-800 text-gray-300 text-xs rounded-xl">انصراف</button>
+                    <button type="submit" id="btnSubmitImport" class="px-5 py-2 bg-blue-600 hover:bg-blue-500 text-white text-xs font-bold rounded-xl shadow-lg shadow-blue-500/20">شروع پردازش و ایمپورت</button>
+                </div>
+            </form>
+        </div>
     </div>
-  </div>
 
-  <!-- MODAL 3: ADMIN STATUS UPDATE -->
-  <div id="adminActionModal" class="fixed inset-0 z-50 bg-slate-900/60 backdrop-blur-sm hidden flex items-center justify-center p-4">
-    <div class="bg-white rounded-3xl max-w-lg w-full p-6 shadow-2xl border border-slate-100 space-y-4">
-      <div class="flex items-center justify-between border-b border-slate-100 pb-3">
-        <h3 class="text-base font-bold text-slate-900 flex items-center gap-2">
-          <i class="fa-solid fa-pen-to-square text-emerald-600"></i>
-          <span>به‌روزرسانی وضعیت و پاسخ کارشناسی</span>
-        </h3>
-        <button onclick="closeAdminActionModal()" class="text-slate-400 hover:text-slate-600">
-          <i class="fa-solid fa-xmark text-lg"></i>
-        </button>
-      </div>
+    <!-- ============================================================ -->
+    <!-- MODAL 3: ACCOUNT CREATION / SWITCH -->
+    <!-- ============================================================ -->
+    <div id="modalAccount" class="fixed inset-0 z-50 hidden modal-backdrop flex items-center justify-center p-4">
+        <div class="modal-content w-full max-w-md p-6 text-right">
+            <div class="flex items-center justify-between pb-3 border-b border-gray-800 mb-4">
+                <h3 class="text-base font-bold text-white flex items-center gap-2">
+                    <i class="fa-solid fa-wallet text-emerald-400"></i>
+                    <span>ایجاد حساب معاملاتی جدید</span>
+                </h3>
+                <button onclick="app.closeModal('modalAccount')" class="text-gray-400 hover:text-white">
+                    <i class="fa-solid fa-xmark"></i>
+                </button>
+            </div>
 
-      <form id="adminActionForm" onsubmit="submitAdminAction(event)" class="space-y-4">
-        <input type="hidden" id="adminTargetIssueId">
+            <form onsubmit="app.createAccount(event)" class="space-y-3.5">
+                <div>
+                    <label class="block text-xs font-semibold text-gray-300 mb-1">نام حساب *</label>
+                    <input type="text" id="newAccName" required placeholder="مثلاً: چالش پراپ فرم MFF" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg focus:border-blue-500 focus:outline-none">
+                </div>
+                <div class="grid grid-cols-2 gap-3">
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">بروکر</label>
+                        <input type="text" id="newAccBroker" value="IC Markets" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">بالانس اولیه ($) *</label>
+                        <input type="number" id="newAccBalance" required value="10000" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg num-font">
+                    </div>
+                </div>
+                <div class="grid grid-cols-2 gap-3">
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">نوع حساب</label>
+                        <select id="newAccType" class="w-full bg-gray-800 border border-gray-700 text-xs text-white px-3 py-2 rounded-lg">
+                            <option value="Real">حساب واقعی (Real)</option>
+                            <option value="PropFirm">چالش پراپ فرم (Prop)</option>
+                            <option value="Demo">حساب دمو (Demo)</option>
+                        </select>
+                    </div>
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-300 mb-1">شماره حساب / لاگین</label>
+                        <input type="text" id="newAccNumber" placeholder="884129" class="w-full bg-gray-800 border border-gray-700 text-sm text-white px-3 py-2 rounded-lg num-font">
+                    </div>
+                </div>
 
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-1">تغییر وضعیت پرونده</label>
-          <select id="adminNewStatus" class="w-full px-3.5 py-2.5 rounded-xl border border-slate-300 text-sm font-semibold outline-none focus:border-emerald-500">
-            <option value="pending">در صف بررسی اولیه</option>
-            <option value="reviewing">بررسی کارشناسی و ارجاع به اکیپ</option>
-            <option value="in_progress">در حال اجرای عملیات میدانی</option>
-            <option value="resolved">رفع و حل کامل مشکل</option>
-            <option value="rejected">رد گزارش (خارج از اختیارات/اطلاعات ناقص)</option>
-          </select>
+                <div class="pt-3 border-t border-gray-800 flex justify-end gap-2">
+                    <button type="button" onclick="app.closeModal('modalAccount')" class="px-4 py-2 bg-gray-800 text-gray-300 text-xs rounded-xl">انصراف</button>
+                    <button type="submit" class="px-5 py-2 bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold rounded-xl shadow-lg shadow-emerald-500/20">ایجاد حساب</button>
+                </div>
+            </form>
         </div>
-
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-1">عنوان مرحله در تایم‌لاین</label>
-          <input type="text" id="adminTimelineTitle" placeholder="مثال: اعزام اکیپ آسفالت‌ریزی به محل..." class="w-full px-3.5 py-2 rounded-xl border border-slate-300 text-xs outline-none">
-        </div>
-
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-1">پاسخ رسمی و توضیحات اکیپ اجرایی</label>
-          <textarea id="adminOfficialResponse" rows="3" placeholder="توضیحات دقیق بازرس، کد اکیپ اعزامی، اقدامات انجام شده..." class="w-full px-3.5 py-2 rounded-xl border border-slate-300 text-xs outline-none"></textarea>
-        </div>
-
-        <div>
-          <label class="block text-xs font-bold text-slate-700 mb-1">آدرس تصویر رفع مشکل (پس از انجام کار)</label>
-          <input type="text" id="adminResolvedImage" placeholder="https://..." class="w-full px-3.5 py-2 rounded-xl border border-slate-300 text-xs outline-none dir-ltr text-right">
-        </div>
-
-        <div class="flex items-center justify-end gap-2 pt-2 border-t border-slate-100">
-          <button type="button" onclick="closeAdminActionModal()" class="px-4 py-2 rounded-xl border border-slate-200 text-xs font-semibold">انصراف</button>
-          <button type="submit" class="bg-emerald-600 hover:bg-emerald-700 text-white px-6 py-2 rounded-xl text-xs font-bold shadow-md shadow-emerald-600/20">ثبت تغییرات</button>
-        </div>
-      </form>
     </div>
-  </div>
 
-  <!-- Footer -->
-  <footer class="bg-slate-900 text-slate-400 text-xs py-8 px-4 border-t border-slate-800 mt-12">
-    <div class="max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4">
-      <div class="flex items-center gap-3">
-        <div class="w-8 h-8 rounded-xl bg-emerald-600 text-white flex items-center justify-center text-sm font-bold">
-          <i class="fa-solid fa-city"></i>
+    <!-- ============================================================ -->
+    <!-- MODAL 4: IMAGE LIGHTBOX ZOOM -->
+    <!-- ============================================================ -->
+    <div id="modalLightbox" class="fixed inset-0 z-50 hidden modal-backdrop flex items-center justify-center p-4" onclick="app.closeModal('modalLightbox')">
+        <div class="relative max-w-4xl max-h-[90vh]">
+            <img id="lightboxImg" src="" alt="Trade Chart" class="max-w-full max-h-[85vh] rounded-xl border border-gray-700 shadow-2xl object-contain">
+            <button class="absolute top-3 left-3 bg-black/70 text-white rounded-full w-8 h-8 flex items-center justify-center text-sm">
+                <i class="fa-solid fa-xmark"></i>
+            </button>
         </div>
-        <div>
-          <p class="text-slate-200 font-bold">سامانه هوشمند گزارش و رسیدگی به مسائل شهری «شهرنگار»</p>
-          <p class="text-[11px] text-slate-500">طراحی و پیاده‌سازی برای ارتقای کیفیت زندگی و خدمات شهری</p>
-        </div>
-      </div>
-
-      <div class="flex items-center gap-6 text-slate-400">
-        <span class="hover:text-white cursor-pointer" onclick="switchTab('feed')">گزارش‌ها</span>
-        <span class="hover:text-white cursor-pointer" onclick="switchTab('map')">نقشه زنده</span>
-        <span class="hover:text-white cursor-pointer" onclick="switchTab('track')">استعلام کد رهگیری</span>
-        <span class="hover:text-white cursor-pointer" onclick="switchTab('admin')">پنل بازرسان</span>
-      </div>
     </div>
-  </footer>
 
-  <!-- App Logic JS -->
-  <script src="/static/app.js"></script>
+    <!-- App JavaScript Engine -->
+    <script src="/js/app.js"></script>
 </body>
 </html>
diff --git a/static/js/app.js b/static/js/app.js
new file mode 100644
index 0000000..d8d425a
--- /dev/null
+++ b/static/js/app.js
@@ -0,0 +1,1101 @@
+/**
+ * FX Journal Pro • Frontend JavaScript Engine
+ * Complete interactive state, Chart.js integrations, trade management & analytics.
+ */
+
+const app = {
+    currentAccountId: 1,
+    accounts: [],
+    analytics: null,
+    trades: [],
+    pagination: { page: 1, limit: 50, total: 0, total_pages: 1 },
+    calendarYear: 2026,
+    calendarMonth: 8, // 1 to 12
+    charts: {},
+    activeTab: 'overview',
+
+    // Initialization
+    async init() {
+        const today = new Date();
+        this.calendarYear = today.getFullYear();
+        this.calendarMonth = today.getMonth() + 1;
+
+        await this.loadAccounts();
+        await this.loadAnalytics();
+        await this.loadTrades();
+        this.renderCalendar();
+    },
+
+    // -------------------------------------------------------------
+    // ACCOUNTS MANAGEMENT
+    // -------------------------------------------------------------
+    async loadAccounts() {
+        try {
+            const res = await fetch('/api/accounts');
+            const data = await res.json();
+            if (data.success && data.accounts) {
+                this.accounts = data.accounts;
+                const select = document.getElementById('accountSelect');
+                select.innerHTML = '';
+                
+                let defaultAcc = this.accounts.find(a => a.is_default == 1) || this.accounts[0];
+                if (defaultAcc) {
+                    this.currentAccountId = defaultAcc.id;
+                }
+
+                this.accounts.forEach(acc => {
+                    const opt = document.createElement('option');
+                    opt.value = acc.id;
+                    opt.textContent = `${acc.name} (${acc.broker} • $${parseFloat(acc.initial_balance).toLocaleString()})`;
+                    if (acc.id === this.currentAccountId) opt.selected = true;
+                    select.appendChild(opt);
+                });
+
+                this.renderSettingsAccounts();
+            }
+        } catch (e) {
+            console.error('Error loading accounts:', e);
+        }
+    },
+
+    async switchAccount(accId) {
+        this.currentAccountId = parseInt(accId);
+        this.pagination.page = 1;
+        await this.loadAnalytics();
+        await this.loadTrades();
+        this.renderCalendar();
+    },
+
+    renderSettingsAccounts() {
+        const container = document.getElementById('accountsListSettings');
+        if (!container) return;
+        container.innerHTML = '';
+
+        this.accounts.forEach(acc => {
+            const isCurrent = acc.id === this.currentAccountId;
+            const netProfit = (parseFloat(acc.net_closed_profit) || 0) + (parseFloat(acc.net_open_profit) || 0);
+            const profitClass = netProfit >= 0 ? 'text-emerald-400' : 'text-rose-400';
+            const profitSign = netProfit >= 0 ? '+' : '';
+
+            const el = document.createElement('div');
+            el.className = `p-4 rounded-xl border ${isCurrent ? 'bg-blue-900/20 border-blue-500/50' : 'bg-gray-800/40 border-gray-700/40'} flex items-center justify-between flex-wrap gap-2`;
+            el.innerHTML = `
+                <div>
+                    <div class="flex items-center gap-2">
+                        <span class="font-bold text-white text-sm">${acc.name}</span>
+                        <span class="text-xs px-2 py-0.5 rounded-full ${acc.account_type === 'Real' ? 'bg-emerald-500/20 text-emerald-400' : 'bg-purple-500/20 text-purple-400'}">${acc.account_type}</span>
+                        ${isCurrent ? '<span class="text-xs bg-blue-500/20 text-blue-400 px-2 py-0.5 rounded-full">فعال</span>' : ''}
+                    </div>
+                    <div class="text-xs text-gray-400 mt-1 flex items-center gap-3">
+                        <span>بروکر: ${acc.broker}</span>
+                        <span>بالانس اولیه: $${parseFloat(acc.initial_balance).toLocaleString()}</span>
+                        <span>معاملات: ${acc.total_trades || 0}</span>
+                    </div>
+                </div>
+                <div class="flex items-center gap-3">
+                    <div class="text-right">
+                        <span class="text-xs text-gray-400 block">سود/زیان کل:</span>
+                        <span class="font-bold text-sm num-font ${profitClass}">${profitSign}$${netProfit.toFixed(2)}</span>
+                    </div>
+                    ${this.accounts.length > 1 ? `
+                        <button onclick="app.deleteAccount(${acc.id})" class="text-rose-400 hover:text-rose-300 text-xs p-1.5" title="حذف حساب">
+                            <i class="fa-solid fa-trash"></i>
+                        </button>
+                    ` : ''}
+                </div>
+            `;
+            container.appendChild(el);
+        });
+    },
+
+    async createAccount(e) {
+        e.preventDefault();
+        const name = document.getElementById('newAccName').value.trim();
+        const broker = document.getElementById('newAccBroker').value.trim();
+        const balance = parseFloat(document.getElementById('newAccBalance').value) || 10000;
+        const accType = document.getElementById('newAccType').value;
+        const accNum = document.getElementById('newAccNumber').value.trim();
+
+        try {
+            const res = await fetch('/api/accounts', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    name, broker, initial_balance: balance, account_type: accType, account_number: accNum, is_default: 1
+                })
+            });
+            const data = await res.json();
+            if (data.success) {
+                this.closeModal('modalAccount');
+                await this.loadAccounts();
+                if (data.id) await this.switchAccount(data.id);
+            }
+        } catch (e) {
+            alert('خطا در ایجاد حساب: ' + e.message);
+        }
+    },
+
+    async deleteAccount(id) {
+        if (!confirm('آیا از حذف این حساب و تمام معاملات آن مطمئن هستید؟')) return;
+        try {
+            const res = await fetch(`/api/accounts/${id}`, { method: 'DELETE' });
+            const data = await res.json();
+            if (data.success) {
+                await this.loadAccounts();
+                await this.switchAccount(this.accounts[0]?.id || 1);
+            }
+        } catch (e) {
+            alert('خطا در حذف حساب: ' + e.message);
+        }
+    },
+
+    // -------------------------------------------------------------
+    // ANALYTICS & CHARTS
+    // -------------------------------------------------------------
+    async loadAnalytics() {
+        try {
+            const res = await fetch(`/api/analytics?account_id=${this.currentAccountId}`);
+            const json = await res.json();
+            if (json.success && json.data) {
+                this.analytics = json.data;
+                this.renderSummaryTicker();
+                this.renderKeyMetrics();
+                this.renderGrowthChart();
+                this.renderDrawdownChart();
+                this.renderWinRateChart();
+                this.renderMonthlyReturns();
+                this.renderDeepAnalytics();
+            }
+        } catch (e) {
+            console.error('Error loading analytics:', e);
+        }
+    },
+
+    renderSummaryTicker() {
+        const sum = this.analytics.summary;
+        const container = document.getElementById('accountSummaryTicker');
+        if (!container) return;
+
+        const gainSign = sum.total_gain_percent >= 0 ? '+' : '';
+        const gainClass = sum.total_gain_percent >= 0 ? 'text-emerald-400' : 'text-rose-400';
+        const gainBg = sum.total_gain_percent >= 0 ? 'bg-emerald-500/10 border-emerald-500/20' : 'bg-rose-500/10 border-rose-500/20';
+
+        const closedProfitSign = sum.total_closed_profit >= 0 ? '+' : '';
+        const closedProfitClass = sum.total_closed_profit >= 0 ? 'text-emerald-400' : 'text-rose-400';
+
+        const openProfitSign = sum.open_floating_profit >= 0 ? '+' : '';
+        const openProfitClass = sum.open_floating_profit >= 0 ? 'text-emerald-400' : 'text-rose-400';
+
+        container.innerHTML = `
+            <!-- Card 1: Balance -->
+            <div class="glass-card stat-card p-3.5">
+                <span class="text-xs text-gray-400 block mb-1">بالانس (Balance)</span>
+                <div class="text-lg font-extrabold text-white num-font">$${sum.current_balance.toLocaleString('en-US', {minimumFractionDigits: 2})}</div>
+                <span class="text-xs text-gray-400 mt-1 block">پایه: $${sum.initial_balance.toLocaleString()}</span>
+            </div>
+
+            <!-- Card 2: Equity -->
+            <div class="glass-card stat-card p-3.5">
+                <span class="text-xs text-gray-400 block mb-1">اکوئیتی (Equity)</span>
+                <div class="text-lg font-extrabold text-blue-400 num-font">$${sum.current_equity.toLocaleString('en-US', {minimumFractionDigits: 2})}</div>
+                <span class="text-xs num-font ${openProfitClass} mt-1 block">شناور: ${openProfitSign}$${sum.open_floating_profit.toFixed(2)}</span>
+            </div>
+
+            <!-- Card 3: Total Gain % -->
+            <div class="glass-card stat-card p-3.5">
+                <span class="text-xs text-gray-400 block mb-1">درصد رشد کل (Gain)</span>
+                <div class="text-lg font-extrabold num-font ${gainClass}">${gainSign}${sum.total_gain_percent.toFixed(2)}%</div>
+                <span class="text-xs text-gray-400 mt-1 block">بسته‌شده: ${closedProfitSign}${sum.closed_gain_percent.toFixed(1)}%</span>
+            </div>
+
+            <!-- Card 4: Net Closed Profit -->
+            <div class="glass-card stat-card p-3.5">
+                <span class="text-xs text-gray-400 block mb-1">سود خالص (Net Profit)</span>
+                <div class="text-lg font-extrabold num-font ${closedProfitClass}">${closedProfitSign}$${sum.total_closed_profit.toLocaleString('en-US', {minimumFractionDigits: 2})}</div>
+                <span class="text-xs text-gray-400 mt-1 block">امروز: $${sum.today_profit.toFixed(2)}</span>
+            </div>
+
+            <!-- Card 5: Profit Factor -->
+            <div class="glass-card stat-card p-3.5">
+                <span class="text-xs text-gray-400 block mb-1">فاکتور سود (Profit Factor)</span>
+                <div class="text-lg font-extrabold text-purple-400 num-font">${sum.profit_factor}</div>
+                <span class="text-xs text-gray-400 mt-1 block">ناخالص: +$${sum.gross_profit.toFixed(0)}</span>
+            </div>
+
+            <!-- Card 6: Win Rate -->
+            <div class="glass-card stat-card p-3.5">
+                <span class="text-xs text-gray-400 block mb-1">نرخ برد (Win Rate)</span>
+                <div class="text-lg font-extrabold text-emerald-400 num-font">${sum.win_rate}%</div>
+                <span class="text-xs text-gray-400 mt-1 block">${sum.won_trades} برد / ${sum.lost_trades} باخت</span>
+            </div>
+        `;
+
+        document.getElementById('chartGainPct').textContent = `${gainSign}${sum.total_gain_percent.toFixed(2)}%`;
+    },
+
+    renderKeyMetrics() {
+        const sum = this.analytics.summary;
+        document.getElementById('metricProfitFactor').textContent = sum.profit_factor;
+        document.getElementById('metricMaxDD').textContent = `${sum.max_drawdown_percent.toFixed(1)}% ($${sum.max_drawdown_amount.toFixed(0)})`;
+        document.getElementById('metricExpectancy').textContent = `$${sum.expectancy.toFixed(2)}`;
+        document.getElementById('metricWinLossRatio').textContent = sum.win_loss_ratio;
+        document.getElementById('metricSharpe').textContent = sum.sharpe_ratio;
+        document.getElementById('metricTotalPips').textContent = sum.total_pips.toLocaleString();
+
+        document.getElementById('metricAvgWin').textContent = `$${sum.avg_win.toFixed(2)} (${sum.avg_pips_win.toFixed(1)} pips)`;
+        document.getElementById('metricAvgLoss').textContent = `$${sum.avg_loss.toFixed(2)} (${sum.avg_pips_loss.toFixed(1)} pips)`;
+        document.getElementById('metricMaxConsecWins').textContent = `${sum.max_consecutive_wins} معامله`;
+        
+        const durHours = (sum.avg_trade_duration_seconds / 3600).toFixed(1);
+        document.getElementById('metricAvgDuration').textContent = `${durHours} ساعت`;
+
+        document.getElementById('longWinRate').textContent = `${sum.long_win_rate}% (${sum.long_won}/${sum.long_trades})`;
+        document.getElementById('longProfit').textContent = `$${sum.long_profit.toFixed(0)}`;
+        document.getElementById('shortWinRate').textContent = `${sum.short_win_rate}% (${sum.short_won}/${sum.short_trades})`;
+        document.getElementById('shortProfit').textContent = `$${sum.short_profit.toFixed(0)}`;
+    },
+
+    renderGrowthChart() {
+        const ctx = document.getElementById('chartGrowth');
+        if (!ctx) return;
+
+        if (this.charts.growth) this.charts.growth.destroy();
+
+        const curve = this.analytics.growth_curve || [];
+        const labels = curve.map((pt, i) => i === 0 ? 'شروع' : (pt.ticket || `#${i}`));
+        const balances = curve.map(pt => pt.balance);
+        const gainPcts = curve.map(pt => pt.gain_percent);
+
+        const gradient = ctx.getContext('2d').createLinearGradient(0, 0, 0, 300);
+        gradient.addColorStop(0, 'rgba(59, 130, 246, 0.35)');
+        gradient.addColorStop(1, 'rgba(59, 130, 246, 0.0)');
+
+        this.charts.growth = new Chart(ctx, {
+            type: 'line',
+            data: {
+                labels: labels,
+                datasets: [
+                    {
+                        label: 'بالانس ($)',
+                        data: balances,
+                        borderColor: '#3B82F6',
+                        backgroundColor: gradient,
+                        borderWidth: 2.5,
+                        fill: true,
+                        tension: 0.25,
+                        pointRadius: curve.length > 30 ? 2 : 4,
+                        pointHoverRadius: 6,
+                        yAxisID: 'y'
+                    },
+                    {
+                        label: 'درصد رشد (%)',
+                        data: gainPcts,
+                        borderColor: '#10B981',
+                        borderWidth: 1.8,
+                        borderDash: [4, 4],
+                        fill: false,
+                        tension: 0.25,
+                        pointRadius: 0,
+                        yAxisID: 'y1'
+                    }
+                ]
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                interaction: { mode: 'index', intersect: false },
+                plugins: {
+                    legend: {
+                        labels: { color: '#9CA3AF', font: { family: 'Vazirmatn', size: 11 } }
+                    },
+                    tooltip: {
+                        callbacks: {
+                            label: function(context) {
+                                if (context.datasetIndex === 0) return ` بالانس: $${context.parsed.y.toLocaleString()}`;
+                                return ` رشد: ${context.parsed.y.toFixed(2)}%`;
+                            },
+                            afterBody: function(items) {
+                                const idx = items[0]?.dataIndex;
+                                if (idx > 0 && curve[idx]) {
+                                    const pt = curve[idx];
+                                    return [`نماد: ${pt.symbol}`, `سود ترید: $${pt.profit}`, `تاریخ: ${pt.date}`];
+                                }
+                                return [];
+                            }
+                        }
+                    }
+                },
+                scales: {
+                    x: {
+                        grid: { color: 'rgba(31, 41, 61, 0.5)' },
+                        ticks: { color: '#6B7280', font: { size: 10 } }
+                    },
+                    y: {
+                        type: 'linear',
+                        display: true,
+                        position: 'left',
+                        grid: { color: 'rgba(31, 41, 61, 0.5)' },
+                        ticks: {
+                            color: '#9CA3AF',
+                            callback: v => '$' + v.toLocaleString()
+                        }
+                    },
+                    y1: {
+                        type: 'linear',
+                        display: true,
+                        position: 'right',
+                        grid: { drawOnChartArea: false },
+                        ticks: {
+                            color: '#10B981',
+                            callback: v => v + '%'
+                        }
+                    }
+                }
+            }
+        });
+    },
+
+    renderDrawdownChart() {
+        const ctx = document.getElementById('chartDrawdown');
+        if (!ctx) return;
+        if (this.charts.drawdown) this.charts.drawdown.destroy();
+
+        const curve = this.analytics.drawdown_curve || [];
+        const labels = curve.map((_, i) => `#${i + 1}`);
+        const ddData = curve.map(pt => pt.drawdown_percent);
+
+        const gradient = ctx.getContext('2d').createLinearGradient(0, 0, 0, 200);
+        gradient.addColorStop(0, 'rgba(239, 68, 68, 0.0)');
+        gradient.addColorStop(1, 'rgba(239, 68, 68, 0.35)');
+
+        this.charts.drawdown = new Chart(ctx, {
+            type: 'line',
+            data: {
+                labels: labels,
+                datasets: [{
+                    label: 'درصد افت (Drawdown %)',
+                    data: ddData,
+                    borderColor: '#EF4444',
+                    backgroundColor: gradient,
+                    borderWidth: 2,
+                    fill: true,
+                    tension: 0.2,
+                    pointRadius: 0
+                }]
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                plugins: {
+                    legend: { labels: { color: '#9CA3AF', font: { family: 'Vazirmatn', size: 11 } } },
+                    tooltip: {
+                        callbacks: {
+                            label: ctx => ` افت سرمایه: ${Math.abs(ctx.parsed.y).toFixed(2)}%`
+                        }
+                    }
+                },
+                scales: {
+                    x: { grid: { color: 'rgba(31, 41, 61, 0.4)' }, ticks: { color: '#6B7280' } },
+                    y: {
+                        grid: { color: 'rgba(31, 41, 61, 0.4)' },
+                        ticks: { color: '#EF4444', callback: v => v + '%' }
+                    }
+                }
+            }
+        });
+    },
+
+    renderWinRateChart() {
+        const ctx = document.getElementById('chartWinRate');
+        if (!ctx) return;
+        if (this.charts.winRate) this.charts.winRate.destroy();
+
+        const sum = this.analytics.summary;
+
+        this.charts.winRate = new Chart(ctx, {
+            type: 'doughnut',
+            data: {
+                labels: ['برد (Won)', 'باخت (Lost)', 'سر‌به‌سر (BE)'],
+                datasets: [{
+                    data: [sum.won_trades, sum.lost_trades, sum.breakeven_trades],
+                    backgroundColor: ['#10B981', '#EF4444', '#6B7280'],
+                    borderWidth: 0,
+                    hoverOffset: 4
+                }]
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                cutout: '70%',
+                plugins: {
+                    legend: {
+                        position: 'bottom',
+                        labels: { color: '#9CA3AF', font: { family: 'Vazirmatn', size: 11 } }
+                    }
+                }
+            }
+        });
+    },
+
+    renderMonthlyReturns() {
+        const table = document.getElementById('monthlyReturnsTable');
+        if (!table) return;
+        table.innerHTML = '';
+
+        const returns = this.analytics.monthly_returns || [];
+        if (returns.length === 0) {
+            table.innerHTML = `<tr><td colspan="14" class="py-4 text-gray-500">معامله‌ای در این بازه ثبت نشده است</td></tr>`;
+            return;
+        }
+
+        returns.forEach(y => {
+            const tr = document.createElement('tr');
+            let cols = `<td class="font-bold text-white bg-gray-800/80">${y.year}</td>`;
+
+            for (let m = 1; m <= 12; m++) {
+                const mData = y.months[m];
+                if (mData && mData.trades > 0) {
+                    const pct = mData.gain_percent;
+                    const bg = pct > 0 ? 'bg-emerald-500/20 text-emerald-400 font-bold' : (pct < 0 ? 'bg-rose-500/20 text-rose-400 font-bold' : 'text-gray-400');
+                    const sign = pct > 0 ? '+' : '';
+                    cols += `<td class="heatmap-cell ${bg}" title="سود: $${mData.profit.toFixed(2)} (${mData.trades} ترید)">${sign}${pct.toFixed(1)}%</td>`;
+                } else {
+                    cols += `<td class="text-gray-600">-</td>`;
+                }
+            }
+
+            const totalPct = y.total_gain_percent;
+            const totalBg = totalPct >= 0 ? 'bg-emerald-600/30 text-emerald-300 font-extrabold' : 'bg-rose-600/30 text-rose-300 font-extrabold';
+            const totalSign = totalPct >= 0 ? '+' : '';
+            cols += `<td class="${totalBg} num-font">${totalSign}${totalPct.toFixed(1)}%</td>`;
+
+            tr.innerHTML = cols;
+            table.appendChild(tr);
+        });
+    },
+
+    renderDeepAnalytics() {
+        // Performance by Symbol Chart & Table
+        const symCtx = document.getElementById('chartSymbols');
+        if (symCtx) {
+            if (this.charts.symbols) this.charts.symbols.destroy();
+            const syms = this.analytics.by_symbol || [];
+            const labels = syms.map(s => s.symbol);
+            const profits = syms.map(s => s.profit);
+            const colors = profits.map(p => p >= 0 ? '#10B981' : '#EF4444');
+
+            this.charts.symbols = new Chart(symCtx, {
+                type: 'bar',
+                data: {
+                    labels: labels,
+                    datasets: [{
+                        label: 'سود دلاری ($)',
+                        data: profits,
+                        backgroundColor: colors,
+                        borderRadius: 6
+                    }]
+                },
+                options: {
+                    responsive: true,
+                    maintainAspectRatio: false,
+                    plugins: { legend: { display: false } },
+                    scales: {
+                        x: { ticks: { color: '#9CA3AF' }, grid: { display: false } },
+                        y: { ticks: { color: '#9CA3AF', callback: v => '$' + v }, grid: { color: 'rgba(31, 41, 61, 0.4)' } }
+                    }
+                }
+            });
+
+            const symTable = document.getElementById('symbolsTable');
+            if (symTable) {
+                symTable.innerHTML = '';
+                syms.forEach(s => {
+                    const tr = document.createElement('tr');
+                    const profitClass = s.profit >= 0 ? 'text-emerald-400' : 'text-rose-400';
+                    const sign = s.profit >= 0 ? '+' : '';
+                    tr.innerHTML = `
+                        <td class="font-bold text-white">${s.symbol}</td>
+                        <td>${s.count}</td>
+                        <td class="text-emerald-400 num-font">${s.win_rate}%</td>
+                        <td class="num-font">${s.pips.toFixed(1)}</td>
+                        <td class="font-bold num-font ${profitClass}">${sign}$${s.profit.toFixed(2)}</td>
+                    `;
+                    symTable.appendChild(tr);
+                });
+            }
+        }
+
+        // Performance by Strategy Table
+        const stratTable = document.getElementById('strategiesTable');
+        if (stratTable) {
+            stratTable.innerHTML = '';
+            (this.analytics.by_strategy || []).forEach(st => {
+                const tr = document.createElement('tr');
+                const profitClass = st.profit >= 0 ? 'text-emerald-400' : 'text-rose-400';
+                const sign = st.profit >= 0 ? '+' : '';
+                tr.innerHTML = `
+                    <td class="font-bold text-white">${st.strategy}</td>
+                    <td>${st.count}</td>
+                    <td class="text-emerald-400 num-font">${st.win_rate}%</td>
+                    <td class="num-font text-blue-400">${st.profit_factor}</td>
+                    <td class="font-bold num-font ${profitClass}">${sign}$${st.profit.toFixed(2)}</td>
+                `;
+                stratTable.appendChild(tr);
+            });
+        }
+
+        // Hourly Chart
+        const hrCtx = document.getElementById('chartHourly');
+        if (hrCtx) {
+            if (this.charts.hourly) this.charts.hourly.destroy();
+            const hourly = this.analytics.by_hour || [];
+            const labels = hourly.map(h => `${h.hour}:00`);
+            const counts = hourly.map(h => h.count);
+
+            this.charts.hourly = new Chart(hrCtx, {
+                type: 'bar',
+                data: {
+                    labels: labels,
+                    datasets: [{
+                        label: 'تعداد معاملات',
+                        data: counts,
+                        backgroundColor: '#3B82F6',
+                        borderRadius: 4
+                    }]
+                },
+                options: {
+                    responsive: true,
+                    maintainAspectRatio: false,
+                    plugins: { legend: { display: false } },
+                    scales: {
+                        x: { ticks: { color: '#6B7280', font: { size: 9 } }, grid: { display: false } },
+                        y: { ticks: { color: '#9CA3AF', stepSize: 1 }, grid: { color: 'rgba(31, 41, 61, 0.4)' } }
+                    }
+                }
+            });
+        }
+
+        // Day of Week List
+        const dowContainer = document.getElementById('dayOfWeekList');
+        if (dowContainer) {
+            dowContainer.innerHTML = '';
+            (this.analytics.by_day_of_week || []).forEach(d => {
+                const profitClass = d.profit >= 0 ? 'text-emerald-400' : 'text-rose-400';
+                const sign = d.profit >= 0 ? '+' : '';
+                const el = document.createElement('div');
+                el.className = 'flex items-center justify-between p-2 rounded-lg bg-gray-800/40 border border-gray-700/30';
+                el.innerHTML = `
+                    <span class="font-semibold text-gray-200">${d.name_fa} (${d.name})</span>
+                    <div class="flex items-center gap-3">
+                        <span class="text-gray-400">${d.count} ترید</span>
+                        <span class="font-bold num-font ${profitClass}">${sign}$${d.profit.toFixed(0)}</span>
+                    </div>
+                `;
+                dowContainer.appendChild(el);
+            });
+        }
+
+        // Emotion List
+        const emoContainer = document.getElementById('emotionList');
+        if (emoContainer) {
+            emoContainer.innerHTML = '';
+            (this.analytics.by_emotion || []).forEach(em => {
+                const profitClass = em.profit >= 0 ? 'text-emerald-400' : 'text-rose-400';
+                const sign = em.profit >= 0 ? '+' : '';
+                const el = document.createElement('div');
+                el.className = 'flex items-center justify-between p-2 rounded-lg bg-gray-800/40 border border-gray-700/30';
+                el.innerHTML = `
+                    <span class="font-semibold text-gray-200">${em.emotion}</span>
+                    <div class="flex items-center gap-3">
+                        <span class="text-emerald-400 num-font">${em.win_rate}% برد</span>
+                        <span class="font-bold num-font ${profitClass}">${sign}$${em.profit.toFixed(0)}</span>
+                    </div>
+                `;
+                emoContainer.appendChild(el);
+            });
+        }
+    },
+
+    // -------------------------------------------------------------
+    // TRADES MANAGEMENT & LOG
+    // -------------------------------------------------------------
+    async loadTrades() {
+        const status = document.getElementById('tradeFilterStatus')?.value || 'all';
+        const symbol = document.getElementById('tradeFilterSymbol')?.value || 'all';
+        const search = document.getElementById('tradeSearch')?.value || '';
+
+        try {
+            const res = await fetch(`/api/trades?account_id=${this.currentAccountId}&page=${this.pagination.page}&limit=${this.pagination.limit}&status=${status}&symbol=${symbol}&search=${encodeURIComponent(search)}`);
+            const json = await res.json();
+            if (json.success) {
+                this.trades = json.trades || [];
+                this.pagination = json.pagination;
+                this.renderTradesTable();
+            }
+        } catch (e) {
+            console.error('Error loading trades:', e);
+        }
+    },
+
+    renderTradesTable() {
+        const tbody = document.getElementById('tradesTableBody');
+        if (!tbody) return;
+        tbody.innerHTML = '';
+
+        document.getElementById('tradesCountLabel').textContent = this.pagination.total;
+        document.getElementById('paginationInfo').textContent = `صفحه ${this.pagination.page} از ${this.pagination.total_pages || 1}`;
+        document.getElementById('btnPrevPage').disabled = this.pagination.page <= 1;
+        document.getElementById('btnNextPage').disabled = this.pagination.page >= this.pagination.total_pages;
+
+        if (this.trades.length === 0) {
+            tbody.innerHTML = `<tr><td colspan="13" class="text-center py-6 text-gray-500">معامله‌ای یافت نشد</td></tr>`;
+            return;
+        }
+
+        this.trades.forEach((t, i) => {
+            const tr = document.createElement('tr');
+            const isBuy = t.trade_type.toLowerCase() === 'buy';
+            const badgeType = isBuy ? '<span class="px-2 py-0.5 rounded text-xs badge-buy">BUY</span>' : '<span class="px-2 py-0.5 rounded text-xs badge-sell">SELL</span>';
+            
+            const profitVal = parseFloat(t.profit) + parseFloat(t.commission) + parseFloat(t.swap);
+            const profitClass = profitVal >= 0 ? 'profit-pos' : 'profit-neg';
+            const profitSign = profitVal >= 0 ? '+' : '';
+
+            const openTimeFormatted = t.open_time ? t.open_time.substring(5, 16) : '-';
+            const hasChart = t.screenshot_entry || t.screenshot_exit;
+
+            tr.innerHTML = `
+                <td class="text-gray-500 num-font">${t.id}</td>
+                <td>
+                    <div class="font-bold text-white">${t.symbol}</div>
+                    <div class="text-[10px] text-gray-400 num-font">${t.ticket || '-'}</div>
+                </td>
+                <td>${badgeType}</td>
+                <td class="font-semibold num-font">${parseFloat(t.lot_size).toFixed(2)}</td>
+                <td class="num-font">${parseFloat(t.open_price).toFixed(t.open_price > 50 ? 2 : 5)}</td>
+                <td class="num-font">${t.close_price ? parseFloat(t.close_price).toFixed(t.close_price > 50 ? 2 : 5) : '<span class="text-blue-400">باز</span>'}</td>
+                <td class="text-[11px] num-font text-gray-400">
+                    <div>SL: ${t.stop_loss ? parseFloat(t.stop_loss) : '-'}</div>
+                    <div>TP: ${t.take_profit ? parseFloat(t.take_profit) : '-'}</div>
+                </td>
+                <td class="text-gray-300 num-font text-xs">${openTimeFormatted}</td>
+                <td class="num-font font-semibold ${t.pips >= 0 ? 'text-emerald-400' : 'text-rose-400'}">${t.pips ? (t.pips > 0 ? '+' : '') + parseFloat(t.pips).toFixed(1) : '-'}</td>
+                <td class="num-font text-sm ${profitClass}">${profitSign}$${profitVal.toFixed(2)}</td>
+                <td>
+                    <div class="text-xs text-gray-200">${t.strategy || '-'}</div>
+                    <div class="text-[10px] text-gray-400">${t.emotion || ''}</div>
+                </td>
+                <td>
+                    ${hasChart ? `
+                        <button onclick="app.openLightbox('${t.screenshot_entry || t.screenshot_exit}')" class="text-blue-400 hover:text-blue-300 text-sm" title="مشاهده چارت">
+                            <i class="fa-solid fa-image"></i>
+                        </button>
+                    ` : '<span class="text-gray-600">-</span>'}
+                </td>
+                <td>
+                    <div class="flex items-center gap-2">
+                        <button onclick="app.editTrade(${t.id})" class="text-gray-400 hover:text-blue-400 text-xs" title="ویرایش">
+                            <i class="fa-solid fa-pen"></i>
+                        </button>
+                        <button onclick="app.deleteTrade(${t.id})" class="text-gray-400 hover:text-rose-400 text-xs" title="حذف">
+                            <i class="fa-solid fa-trash"></i>
+                        </button>
+                    </div>
+                </td>
+            `;
+            tbody.appendChild(tr);
+        });
+    },
+
+    handleSearch(e) {
+        if (e.key === 'Enter' || !e.target.value) {
+            this.pagination.page = 1;
+            this.loadTrades();
+        }
+    },
+
+    prevPage() {
+        if (this.pagination.page > 1) {
+            this.pagination.page--;
+            this.loadTrades();
+        }
+    },
+
+    nextPage() {
+        if (this.pagination.page < this.pagination.total_pages) {
+            this.pagination.page++;
+            this.loadTrades();
+        }
+    },
+
+    // -------------------------------------------------------------
+    // TRADE FORM & CALCULATION
+    // -------------------------------------------------------------
+    openNewTradeModal() {
+        document.getElementById('modalTradeTitle').innerHTML = '<i class="fa-solid fa-plus-circle text-emerald-400"></i><span>ثبت معامله جدید</span>';
+        document.getElementById('tradeId').value = '';
+        document.getElementById('tradeSymbol').value = 'EURUSD';
+        document.querySelector('input[name="tradeType"][value="buy"]').checked = true;
+        document.getElementById('tradeLotSize').value = '0.10';
+        document.getElementById('tradeOpenPrice').value = '';
+        document.getElementById('tradeClosePrice').value = '';
+        document.getElementById('tradeStopLoss').value = '';
+        document.getElementById('tradeTakeProfit').value = '';
+        document.getElementById('tradeProfit').value = '';
+        document.getElementById('tradePips').value = '';
+        document.getElementById('tradeEntryNotes').value = '';
+        document.getElementById('tradeLessons').value = '';
+        document.getElementById('tradeScreenshotEntryUrl').value = '';
+        document.getElementById('tradeScreenshotExitUrl').value = '';
+        this.openModal('modalTrade');
+    },
+
+    async editTrade(id) {
+        try {
+            const res = await fetch(`/api/trades/${id}`);
+            const json = await res.json();
+            if (json.success && json.trade) {
+                const t = json.trade;
+                document.getElementById('modalTradeTitle').innerHTML = '<i class="fa-solid fa-pen text-blue-400"></i><span>ویرایش معامله</span>';
+                document.getElementById('tradeId').value = t.id;
+                document.getElementById('tradeSymbol').value = t.symbol;
+                const typeRadio = document.querySelector(`input[name="tradeType"][value="${t.trade_type.toLowerCase()}"]`);
+                if (typeRadio) typeRadio.checked = true;
+                document.getElementById('tradeLotSize').value = t.lot_size;
+                document.getElementById('tradeOpenPrice').value = t.open_price;
+                document.getElementById('tradeClosePrice').value = t.close_price || '';
+                document.getElementById('tradeStopLoss').value = t.stop_loss || '';
+                document.getElementById('tradeTakeProfit').value = t.take_profit || '';
+                document.getElementById('tradeProfit').value = t.profit || '';
+                document.getElementById('tradePips').value = t.pips || '';
+                document.getElementById('tradeCommission').value = t.commission || '0.00';
+                document.getElementById('tradeSwap').value = t.swap || '0.00';
+                document.getElementById('tradeStrategy').value = t.strategy || 'Price Action';
+                document.getElementById('tradeSession').value = t.session || 'London';
+                document.getElementById('tradeTimeframe').value = t.timeframe || 'M15';
+                document.getElementById('tradeEmotion').value = t.emotion || 'Disciplined';
+                document.getElementById('tradeEntryNotes').value = t.entry_notes || '';
+                document.getElementById('tradeLessons').value = t.lessons || '';
+                document.getElementById('tradeScreenshotEntryUrl').value = t.screenshot_entry || '';
+                document.getElementById('tradeScreenshotExitUrl').value = t.screenshot_exit || '';
+                this.openModal('modalTrade');
+            }
+        } catch (e) {
+            alert('خطا در دریافت اطلاعات معامله: ' + e.message);
+        }
+    },
+
+    calcTradeFields() {
+        const symbol = document.getElementById('tradeSymbol').value.toUpperCase().trim();
+        const type = document.querySelector('input[name="tradeType"]:checked')?.value || 'buy';
+        const lot = parseFloat(document.getElementById('tradeLotSize').value) || 0.1;
+        const openPrice = parseFloat(document.getElementById('tradeOpenPrice').value);
+        const closePrice = parseFloat(document.getElementById('tradeClosePrice').value);
+
+        if (!isNaN(openPrice) && !isNaN(closePrice) && closePrice > 0) {
+            const diff = (type === 'buy') ? (closePrice - openPrice) : (openPrice - closePrice);
+            let pips = 0;
+            let pipVal = 10 * lot; // $10 per standard lot
+
+            if (symbol.includes('JPY')) {
+                pips = diff * 100;
+            } else if (symbol.includes('XAU') || symbol.includes('GOLD')) {
+                pips = diff * 10;
+                pipVal = 10 * lot;
+            } else if (symbol.includes('BTC') || symbol.includes('US30') || symbol.includes('NAS')) {
+                pips = diff;
+                pipVal = 1 * lot;
+            } else {
+                pips = diff * 10000;
+            }
+
+            const estimatedProfit = pips * pipVal;
+            document.getElementById('tradePips').value = pips.toFixed(1);
+            document.getElementById('tradeProfit').value = estimatedProfit.toFixed(2);
+        }
+    },
+
+    async saveTrade(e) {
+        e.preventDefault();
+        const tradeId = document.getElementById('tradeId').value;
+        const symbol = document.getElementById('tradeSymbol').value.toUpperCase().trim();
+        const tradeType = document.querySelector('input[name="tradeType"]:checked')?.value || 'buy';
+        const lotSize = parseFloat(document.getElementById('tradeLotSize').value) || 0.1;
+        const openPrice = parseFloat(document.getElementById('tradeOpenPrice').value);
+        const closePriceVal = document.getElementById('tradeClosePrice').value;
+        const closePrice = closePriceVal !== '' ? parseFloat(closePriceVal) : null;
+        const stopLoss = document.getElementById('tradeStopLoss').value ? parseFloat(document.getElementById('tradeStopLoss').value) : null;
+        const takeProfit = document.getElementById('tradeTakeProfit').value ? parseFloat(document.getElementById('tradeTakeProfit').value) : null;
+        const profit = document.getElementById('tradeProfit').value !== '' ? parseFloat(document.getElementById('tradeProfit').value) : 0.0;
+        const pips = document.getElementById('tradePips').value !== '' ? parseFloat(document.getElementById('tradePips').value) : 0.0;
+        const commission = parseFloat(document.getElementById('tradeCommission').value) || 0.0;
+        const swap = parseFloat(document.getElementById('tradeSwap').value) || 0.0;
+        const strategy = document.getElementById('tradeStrategy').value;
+        const session = document.getElementById('tradeSession').value;
+        const timeframe = document.getElementById('tradeTimeframe').value;
+        const emotion = document.getElementById('tradeEmotion').value;
+        const entryNotes = document.getElementById('tradeEntryNotes').value;
+        const lessons = document.getElementById('tradeLessons').value;
+        const screenshotEntry = document.getElementById('tradeScreenshotEntryUrl').value;
+        const screenshotExit = document.getElementById('tradeScreenshotExitUrl').value;
+
+        const payload = {
+            account_id: this.currentAccountId,
+            symbol, trade_type: tradeType, lot_size: lotSize, open_price: openPrice,
+            close_price: closePrice, stop_loss: stopLoss, take_profit: takeProfit,
+            profit, pips, commission, swap, strategy, session, timeframe, emotion,
+            entry_notes: entryNotes, lessons, screenshot_entry: screenshotEntry, screenshot_exit: screenshotExit,
+            status: closePrice !== null ? 'closed' : 'open'
+        };
+
+        try {
+            const url = tradeId ? `/api/trades/${tradeId}` : '/api/trades';
+            const method = tradeId ? 'PUT' : 'POST';
+
+            const res = await fetch(url, {
+                method,
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(payload)
+            });
+            const json = await res.json();
+            if (json.success) {
+                this.closeModal('modalTrade');
+                await this.loadAnalytics();
+                await this.loadTrades();
+                this.renderCalendar();
+            } else {
+                alert('خطا: ' + json.error);
+            }
+        } catch (err) {
+            alert('خطا در ذخیره معامله: ' + err.message);
+        }
+    },
+
+    async deleteTrade(id) {
+        if (!confirm('آیا از حذف این معامله مطمئن هستید؟')) return;
+        try {
+            const res = await fetch(`/api/trades/${id}`, { method: 'DELETE' });
+            const json = await res.json();
+            if (json.success) {
+                await this.loadAnalytics();
+                await this.loadTrades();
+                this.renderCalendar();
+            }
+        } catch (e) {
+            alert('خطا در حذف معامله: ' + e.message);
+        }
+    },
+
+    async uploadScreenshot(input, targetHiddenId) {
+        if (!input.files || !input.files[0]) return;
+        const formData = new FormData();
+        formData.append('image', input.files[0]);
+
+        try {
+            const res = await fetch('/api/upload', { method: 'POST', body: formData });
+            const json = await res.json();
+            if (json.success && json.url) {
+                document.getElementById(targetHiddenId).value = json.url;
+            } else {
+                alert('خطا در بارگذاری تصویر: ' + json.error);
+            }
+        } catch (e) {
+            alert('خطا در ارسال تصویر: ' + e.message);
+        }
+    },
+
+    // -------------------------------------------------------------
+    // MT4 / MT5 IMPORT & EXPORT
+    // -------------------------------------------------------------
+    async importStatement(e) {
+        e.preventDefault();
+        const fileInput = document.getElementById('statementFile');
+        if (!fileInput.files || !fileInput.files[0]) {
+            alert('لطفاً ابتدا فایل گزارش را انتخاب کنید');
+            return;
+        }
+
+        const formData = new FormData();
+        formData.append('account_id', this.currentAccountId);
+        formData.append('statement', fileInput.files[0]);
+
+        const btn = document.getElementById('btnSubmitImport');
+        btn.disabled = true;
+        btn.textContent = 'در حال پردازش...';
+
+        try {
+            const res = await fetch('/api/trades/import', { method: 'POST', body: formData });
+            const json = await res.json();
+            if (json.success) {
+                alert(json.message);
+                this.closeModal('modalImport');
+                await this.loadAnalytics();
+                await this.loadTrades();
+                this.renderCalendar();
+            } else {
+                alert('خطا در ایمپورت: ' + json.error);
+            }
+        } catch (err) {
+            alert('خطا در ارسال استیتمنت: ' + err.message);
+        } finally {
+            btn.disabled = false;
+            btn.textContent = 'شروع پردازش و ایمپورت';
+        }
+    },
+
+    exportTradesCSV() {
+        window.location.href = `/api/trades/export?account_id=${this.currentAccountId}`;
+    },
+
+    async resetSampleData() {
+        if (!confirm('آیا مایلید تمام داده‌های این حساب با نمونه‌های واقعی مای‌اف‌ایکس‌بوک جایگزین شوند؟')) return;
+        try {
+            const res = await fetch(`/api/reset_sample?account_id=${this.currentAccountId}`, { method: 'POST' });
+            const json = await res.json();
+            if (json.success) {
+                await this.loadAnalytics();
+                await this.loadTrades();
+                this.renderCalendar();
+            }
+        } catch (e) {
+            alert('خطا در بازیابی داده‌ها: ' + e.message);
+        }
+    },
+
+    // -------------------------------------------------------------
+    // CALENDAR VIEW
+    // -------------------------------------------------------------
+    prevMonth() {
+        this.calendarMonth--;
+        if (this.calendarMonth < 1) {
+            this.calendarMonth = 12;
+            this.calendarYear--;
+        }
+        this.renderCalendar();
+    },
+
+    nextMonth() {
+        this.calendarMonth++;
+        if (this.calendarMonth > 12) {
+            this.calendarMonth = 1;
+            this.calendarYear++;
+        }
+        this.renderCalendar();
+    },
+
+    renderCalendar() {
+        const grid = document.getElementById('calendarGrid');
+        if (!grid) return;
+        grid.innerHTML = '';
+
+        const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+        document.getElementById('calendarMonthLabel').textContent = `${monthNames[this.calendarMonth - 1]} ${this.calendarYear}`;
+
+        const firstDay = new Date(this.calendarYear, this.calendarMonth - 1, 1);
+        const lastDay = new Date(this.calendarYear, this.calendarMonth, 0);
+        const totalDays = lastDay.getDate();
+
+        // Sunday is 0, Monday is 1 in JS getDay(). We want Monday = 0 .. Sunday = 6
+        let startDayIndex = firstDay.getDay() - 1;
+        if (startDayIndex === -1) startDayIndex = 6;
+
+        // Empty cells for preceding month
+        for (let i = 0; i < startDayIndex; i++) {
+            const emptyCell = document.createElement('div');
+            emptyCell.className = 'bg-gray-900/30 rounded-xl p-2 min-h-[70px] border border-gray-800/40 opacity-30';
+            grid.appendChild(emptyCell);
+        }
+
+        const dailyPnL = this.analytics?.daily_pnl || {};
+
+        for (let day = 1; day <= totalDays; day++) {
+            const dateStr = `${this.calendarYear}-${String(this.calendarMonth).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+            const dayData = dailyPnL[dateStr];
+
+            const cell = document.createElement('div');
+            cell.className = 'rounded-xl p-2.5 min-h-[70px] border transition flex flex-col justify-between ';
+
+            if (dayData && dayData.trades > 0) {
+                const isPos = dayData.profit >= 0;
+                cell.className += isPos 
+                    ? 'bg-emerald-500/10 border-emerald-500/30 hover:border-emerald-400' 
+                    : 'bg-rose-500/10 border-rose-500/30 hover:border-rose-400';
+
+                const sign = dayData.profit >= 0 ? '+' : '';
+                const profitClass = dayData.profit >= 0 ? 'text-emerald-400' : 'text-rose-400';
+
+                cell.innerHTML = `
+                    <div class="flex items-center justify-between text-xs">
+                        <span class="font-bold text-white num-font">${day}</span>
+                        <span class="text-[10px] text-gray-400">${dayData.trades} معامله</span>
+                    </div>
+                    <div class="text-right">
+                        <div class="font-bold text-xs num-font ${profitClass}">${sign}$${dayData.profit.toFixed(2)}</div>
+                        <div class="text-[10px] text-gray-400 num-font">${dayData.pips ? (dayData.pips > 0 ? '+' : '') + dayData.pips.toFixed(1) + ' p' : ''}</div>
+                    </div>
+                `;
+            } else {
+                cell.className += 'bg-gray-800/20 border-gray-800/60 text-gray-500';
+                cell.innerHTML = `
+                    <div class="text-xs font-bold text-gray-400 num-font">${day}</div>
+                    <div class="text-[10px] text-gray-600 text-center">-</div>
+                `;
+            }
+
+            grid.appendChild(cell);
+        }
+    },
+
+    // -------------------------------------------------------------
+    // UI UTILITIES & MODALS
+    // -------------------------------------------------------------
+    switchTab(tabId) {
+        this.activeTab = tabId;
+        ['overview', 'deep_analytics', 'trades', 'calendar', 'settings'].forEach(t => {
+            const btn = document.getElementById(`tab-${t}`);
+            const view = document.getElementById(`view-${t}`);
+            if (btn && view) {
+                if (t === tabId) {
+                    btn.classList.add('active');
+                    view.classList.remove('hidden');
+                } else {
+                    btn.classList.remove('active');
+                    view.classList.add('hidden');
+                }
+            }
+        });
+    },
+
+    openModal(id) {
+        const m = document.getElementById(id);
+        if (m) m.classList.remove('hidden');
+    },
+
+    closeModal(id) {
+        const m = document.getElementById(id);
+        if (m) m.classList.add('hidden');
+    },
+
+    openLightbox(imgUrl) {
+        if (!imgUrl) return;
+        const m = document.getElementById('modalLightbox');
+        const img = document.getElementById('lightboxImg');
+        img.src = imgUrl;
+        m.classList.remove('hidden');
+    },
+
+    toggleTheme() {
+        const body = document.body;
+        const icon = document.getElementById('themeIcon');
+        if (body.classList.contains('light-mode')) {
+            body.classList.remove('light-mode');
+            icon.className = 'fa-solid fa-moon text-amber-400';
+        } else {
+            body.classList.add('light-mode');
+            icon.className = 'fa-solid fa-sun text-amber-500';
+        }
+    }
+};
+
+// Bootstrap application on DOM ready
+document.addEventListener('DOMContentLoaded', () => app.init());
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..556413d
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,218 @@
+/* 
+ * Forex Trading Journal Pro • Myfxbook Style Theme
+ */
+
+@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap');
+
+:root {
+    --font-main: 'Vazirmatn', -apple-system, BlinkMacSystemFont, sans-serif;
+    --font-mono: 'JetBrains Mono', monospace;
+    
+    /* Dark Theme Default */
+    --bg-main: #0B0F19;
+    --bg-card: #111827;
+    --bg-card-hover: #1F2937;
+    --bg-input: #1A2234;
+    --border-color: #1F293D;
+    --text-primary: #F3F4F6;
+    --text-secondary: #9CA3AF;
+    --text-muted: #6B7280;
+    
+    --color-green: #10B981;
+    --color-green-soft: rgba(16, 185, 129, 0.15);
+    --color-red: #EF4444;
+    --color-red-soft: rgba(239, 68, 68, 0.15);
+    --color-blue: #3B82F6;
+    --color-blue-soft: rgba(59, 130, 246, 0.15);
+    --color-purple: #8B5CF6;
+    --color-amber: #F59E0B;
+}
+
+body.light-mode {
+    --bg-main: #F4F6F9;
+    --bg-card: #FFFFFF;
+    --bg-card-hover: #F8FAFC;
+    --bg-input: #EDF2F7;
+    --border-color: #E2E8F0;
+    --text-primary: #0F172A;
+    --text-secondary: #475569;
+    --text-muted: #94A3B8;
+}
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-family: var(--font-main);
+    background-color: var(--bg-main);
+    color: var(--text-primary);
+    direction: rtl;
+    min-height: 100vh;
+    overflow-x: hidden;
+    transition: background-color 0.25s ease, color 0.25s ease;
+}
+
+.num-font {
+    font-family: var(--font-mono);
+    direction: ltr;
+    display: inline-block;
+}
+
+/* Custom Scrollbar */
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+::-webkit-scrollbar-track {
+    background: var(--bg-main);
+}
+::-webkit-scrollbar-thumb {
+    background: #374151;
+    border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: #4B5563;
+}
+
+/* Cards & Glassmorphism */
+.glass-card {
+    background-color: var(--bg-card);
+    border: 1px solid var(--border-color);
+    border-radius: 14px;
+    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.25);
+    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
+}
+
+.glass-card:hover {
+    border-color: rgba(59, 130, 246, 0.3);
+}
+
+.stat-card {
+    position: relative;
+    overflow: hidden;
+}
+
+.stat-card::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    height: 2px;
+    background: linear-gradient(90deg, var(--color-blue), var(--color-purple));
+    opacity: 0;
+    transition: opacity 0.2s ease;
+}
+
+.stat-card:hover::after {
+    opacity: 1;
+}
+
+/* Tabs */
+.nav-tab {
+    padding: 10px 18px;
+    font-weight: 600;
+    font-size: 0.92rem;
+    color: var(--text-secondary);
+    border-radius: 10px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.nav-tab:hover {
+    color: var(--text-primary);
+    background-color: var(--bg-input);
+}
+
+.nav-tab.active {
+    color: #FFFFFF;
+    background: linear-gradient(135deg, #2563EB, #1D4ED8);
+    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
+}
+
+/* Badges */
+.badge-buy {
+    background-color: var(--color-green-soft);
+    color: var(--color-green);
+    border: 1px solid rgba(16, 185, 129, 0.3);
+    font-weight: 700;
+}
+
+.badge-sell {
+    background-color: var(--color-red-soft);
+    color: var(--color-red);
+    border: 1px solid rgba(239, 68, 68, 0.3);
+    font-weight: 700;
+}
+
+.profit-pos {
+    color: var(--color-green);
+    font-weight: 700;
+}
+
+.profit-neg {
+    color: var(--color-red);
+    font-weight: 700;
+}
+
+/* Heatmap Grid Cell */
+.heatmap-cell {
+    transition: transform 0.15s ease;
+}
+.heatmap-cell:hover {
+    transform: scale(1.05);
+    z-index: 10;
+}
+
+/* Modal Animations */
+.modal-backdrop {
+    background-color: rgba(0, 0, 0, 0.75);
+    backdrop-filter: blur(4px);
+    transition: opacity 0.2s ease;
+}
+
+.modal-content {
+    background-color: var(--bg-card);
+    border: 1px solid var(--border-color);
+    border-radius: 16px;
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
+    animation: modalIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes modalIn {
+    from {
+        opacity: 0;
+        transform: scale(0.95) translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: scale(1) translateY(0);
+    }
+}
+
+/* Table styles */
+.custom-table th {
+    background-color: rgba(17, 24, 39, 0.6);
+    color: var(--text-secondary);
+    font-weight: 600;
+    font-size: 0.82rem;
+    padding: 12px 14px;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.custom-table td {
+    padding: 12px 14px;
+    border-bottom: 1px solid rgba(31, 41, 61, 0.4);
+    font-size: 0.88rem;
+    color: var(--text-primary);
+}
+
+.custom-table tr:hover td {
+    background-color: var(--bg-card-hover);
+}
diff --git a/urban_issues.db b/urban_issues.db
deleted file mode 100644
index ef35ef9..0000000
Binary files a/urban_issues.db and /dev/null differ