diff --git a/index.html b/index.html
index 468c6ee..c959c8e 100644
--- a/index.html
+++ b/index.html
@@ -76,6 +76,15 @@
         <button class="cta-btn outline" data-goto="order">📦 مراجعة الأوردر</button>
         <button class="cta-btn outline" data-goto="earnings">📊 الأرباح</button>
       </div>
+
+      <div class="card hidden" id="importOldBanner" style="border:1.5px dashed var(--gold); background:#fff8ec; margin-top:14px;">
+        <h3>🔍 فحص/استيراد أوردرات قديمة من الجهاز ده</h3>
+        <div class="badge-note warn" id="importOldText">لقينا أوردرات مسجلة على الجهاز ده قبل التحديث.</div>
+        <div class="quick-row">
+          <button class="cta-btn gold" id="importOldBtn">📥 استيراد دلوقتي</button>
+          <button class="cta-btn outline" id="dismissImportBtn">تجاهل</button>
+        </div>
+      </div>
     </section>
 
     <!-- ---------- Screen: Products ---------- -->
@@ -183,6 +192,17 @@
       <button class="cta-btn gold" id="registerOrderBtn">✅ تسجيل هذا الأوردر</button>
     </section>
 
+    <!-- ---------- Screen: Customers (database) ---------- -->
+    <section class="screen" data-screen="customers">
+      <div class="screen-title">قاعدة العملاء</div>
+      <div class="screen-sub">كل العملاء اللي اتسجل لهم أوردر — محفوظين على السيرفر</div>
+
+      <div class="card">
+        <h3>العملاء</h3>
+        <div class="timeline" id="customersList"></div>
+      </div>
+    </section>
+
     <!-- ---------- Screen: Earnings ---------- -->
     <section class="screen" data-screen="earnings">
       <div class="screen-title">عداد الأوردرات وأرباحك</div>
@@ -261,6 +281,9 @@
     <button class="nav-btn" data-screen-btn="customer">
       <span class="nav-icon">👤</span><span>العميل</span>
     </button>
+    <button class="nav-btn" data-screen-btn="customers">
+      <span class="nav-icon">🗂️</span><span>العملاء</span>
+    </button>
     <button class="nav-btn" data-screen-btn="earnings">
       <span class="nav-icon">📊</span><span>الأرباح</span>
     </button>