diff --git a/backend/public/index.html b/backend/public/index.html
index 646fca8..7022bf6 100644
--- a/backend/public/index.html
+++ b/backend/public/index.html
@@ -979,51 +979,6 @@
                                 </template>
                             </div>
 
-                            <!-- WhatsApp Cloud API Tab Content -->
-                            <div x-show="channelTab === 'whatsapp_cloud'">
-                                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;" :style="lang === 'ar' ? 'flex-direction: row-reverse' : ''">
-                                    <h2 style="font-size: 1.4rem; margin: 0;" x-text="lang === 'ar' ? 'واتساب بزنس API (الربط الرسمي بـ Meta)' : 'WhatsApp Business API Integration'"></h2>
-                                </div>
-                                <p class="text-muted" style="margin-bottom: 1.5rem; font-size: 0.9rem;" x-text="lang === 'ar' ? 'اربط حساب شركتك الرسمي مع Meta مباشرة. هذا الخيار مثالي لإرسال حملات دعائية ضخمة وقوالب معتمدة بدون خطر حظر الرقم.' : 'Connect your official WhatsApp Business account with Meta. Best for massive broadcast campaigns using approved templates without ban risks.'"></p>
-
-                                <div class="card" style="margin-bottom: 2rem;">
-                                    <template x-if="!cloudSession">
-                                        <div style="display: flex; flex-direction: column; gap: 1.5rem;" :style="lang === 'ar' ? 'align-items: flex-end;' : 'align-items: flex-start;'">
-                                            <div style="width: 100%; max-width: 500px;">
-                                                <label class="form-label" x-text="lang === 'ar' ? 'رقم الهاتف (Phone Number ID)' : 'Phone Number ID'"></label>
-                                                <input type="text" x-model="newCloudSession.phone_number_id" class="form-input" placeholder="e.g. 123456789012345">
-                                            </div>
-                                            <div style="width: 100%; max-width: 500px;">
-                                                <label class="form-label" x-text="lang === 'ar' ? 'رقم حساب الأعمال (WABA ID)' : 'WhatsApp Business Account ID'"></label>
-                                                <input type="text" x-model="newCloudSession.waba_id" class="form-input" placeholder="e.g. 987654321098765">
-                                            </div>
-                                            <div style="width: 100%; max-width: 500px;">
-                                                <label class="form-label" x-text="lang === 'ar' ? 'رمز الوصول الدائم (Access Token)' : 'Permanent Access Token'"></label>
-                                                <input type="password" x-model="newCloudSession.access_token" class="form-input" placeholder="EA...XXXX">
-                                            </div>
-                                            <button @click="connectCloudSession()" class="btn btn-primary" :disabled="actionLoading" style="align-self: flex-start;">
-                                                <span x-text="lang === 'ar' ? 'ربط حساب Meta' : 'Connect Meta Account'"></span>
-                                            </button>
-                                        </div>
-                                    </template>
-                                    <template x-if="cloudSession">
-                                        <div style="display: flex; flex-direction: column; gap: 1rem;" :style="lang === 'ar' ? 'align-items: flex-end;' : 'align-items: flex-start;'">
-                                            <div style="display: flex; align-items: center; gap: 1rem;">
-                                                <div style="font-size: 2rem; color: var(--success);">✓</div>
-                                                <div>
-                                                    <h3 style="margin: 0; color: var(--success);" x-text="lang === 'ar' ? 'الحساب مربوط بنجاح' : 'Account Connected Successfully'"></h3>
-                                                    <p class="text-muted" style="margin: 0.5rem 0 0 0;" x-text="lang === 'ar' ? 'رقم الهاتف ID: ' + cloudSession.phone_number_id : 'Phone ID: ' + cloudSession.phone_number_id"></p>
-                                                </div>
-                                            </div>
-                                            <div style="display: flex; gap: 1rem; margin-top: 1rem;">
-                                                <button @click="disconnectCloudSession()" class="btn btn-danger" :disabled="actionLoading">
-                                                    <span x-text="lang === 'ar' ? 'قطع الاتصال وإزالة الحساب' : 'Disconnect Account'"></span>
-                                                </button>
-                                            </div>
-                                        </div>
-                                    </template>
-                                </div>
-                            </div>
 
                             <div class="grid-two" style="align-items: start;">
                                 <!-- QR Display Card (Active selected session) -->
@@ -1115,6 +1070,52 @@
                             </div>
                             </div> <!-- End of WhatsApp Sub-tab -->
 
+                            <!-- WhatsApp Cloud API Tab Content -->
+                            <div x-show="channelTab === 'whatsapp_cloud'">
+                                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;" :style="lang === 'ar' ? 'flex-direction: row-reverse' : ''">
+                                    <h2 style="font-size: 1.4rem; margin: 0;" x-text="lang === 'ar' ? 'واتساب بزنس API (الربط الرسمي بـ Meta)' : 'WhatsApp Business API Integration'"></h2>
+                                </div>
+                                <p class="text-muted" style="margin-bottom: 1.5rem; font-size: 0.9rem;" x-text="lang === 'ar' ? 'اربط حساب شركتك الرسمي مع Meta مباشرة. هذا الخيار مثالي لإرسال حملات دعائية ضخمة وقوالب معتمدة بدون خطر حظر الرقم.' : 'Connect your official WhatsApp Business account with Meta. Best for massive broadcast campaigns using approved templates without ban risks.'"></p>
+
+                                <div class="card" style="margin-bottom: 2rem;">
+                                    <template x-if="!cloudSession">
+                                        <div style="display: flex; flex-direction: column; gap: 1.5rem;" :style="lang === 'ar' ? 'align-items: flex-end;' : 'align-items: flex-start;'">
+                                            <div style="width: 100%; max-width: 500px;">
+                                                <label class="form-label" x-text="lang === 'ar' ? 'رقم الهاتف (Phone Number ID)' : 'Phone Number ID'"></label>
+                                                <input type="text" x-model="newCloudSession.phone_number_id" class="form-input" placeholder="e.g. 123456789012345">
+                                            </div>
+                                            <div style="width: 100%; max-width: 500px;">
+                                                <label class="form-label" x-text="lang === 'ar' ? 'رقم حساب الأعمال (WABA ID)' : 'WhatsApp Business Account ID'"></label>
+                                                <input type="text" x-model="newCloudSession.waba_id" class="form-input" placeholder="e.g. 987654321098765">
+                                            </div>
+                                            <div style="width: 100%; max-width: 500px;">
+                                                <label class="form-label" x-text="lang === 'ar' ? 'رمز الوصول الدائم (Access Token)' : 'Permanent Access Token'"></label>
+                                                <input type="password" x-model="newCloudSession.access_token" class="form-input" placeholder="EA...XXXX">
+                                            </div>
+                                            <button @click="connectCloudSession()" class="btn btn-primary" :disabled="actionLoading" style="align-self: flex-start;">
+                                                <span x-text="lang === 'ar' ? 'ربط حساب Meta' : 'Connect Meta Account'"></span>
+                                            </button>
+                                        </div>
+                                    </template>
+                                    <template x-if="cloudSession">
+                                        <div style="display: flex; flex-direction: column; gap: 1rem;" :style="lang === 'ar' ? 'align-items: flex-end;' : 'align-items: flex-start;'">
+                                            <div style="display: flex; align-items: center; gap: 1rem;">
+                                                <div style="font-size: 2rem; color: var(--success);">✓</div>
+                                                <div>
+                                                    <h3 style="margin: 0; color: var(--success);" x-text="lang === 'ar' ? 'الحساب مربوط بنجاح' : 'Account Connected Successfully'"></h3>
+                                                    <p class="text-muted" style="margin: 0.5rem 0 0 0;" x-text="lang === 'ar' ? 'رقم الهاتف ID: ' + cloudSession.phone_number_id : 'Phone ID: ' + cloudSession.phone_number_id"></p>
+                                                </div>
+                                            </div>
+                                            <div style="display: flex; gap: 1rem; margin-top: 1rem;">
+                                                <button @click="disconnectCloudSession()" class="btn btn-danger" :disabled="actionLoading">
+                                                    <span x-text="lang === 'ar' ? 'قطع الاتصال وإزالة الحساب' : 'Disconnect Account'"></span>
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </template>
+                                </div>
+                            </div>
+
                             <!-- Facebook Messenger Sub-tab -->
                             <div x-show="channelTab === 'messenger'">
                                 <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;" :style="lang === 'ar' ? 'flex-direction: row-reverse' : ''">