diff --git a/app/ClientLayout.js b/app/ClientLayout.js
index 1a00b3a..262d9a4 100644
--- a/app/ClientLayout.js
+++ b/app/ClientLayout.js
@@ -25,7 +25,6 @@ import {
   Mail,
   MapPin,
   Camera,
-  Shield,
   Bell,
   Home,
   ChevronDown,
@@ -34,7 +33,6 @@ import {
   TrendingUp,
   CalendarDays,
   Clock,
-  Users,
   DollarSign,
   Star,
   FileText,
@@ -80,9 +78,7 @@ export default function ClientLayout({ children }) {
         name: authUser.name || authUser.email,
         email: authUser.email,
         phone: authUser.phone,
-        role: AuthService.isAdmin() ? UserRole.ADMIN
-            : AuthService.isOwner() ? UserRole.OWNER
-            : UserRole.CUSTOMER,
+        role: AuthService.isOwner() ? UserRole.OWNER : UserRole.CUSTOMER,
       });
     } else {
       setUser(null);
@@ -138,7 +134,6 @@ export default function ClientLayout({ children }) {
   const isProfilePage = pathname === "/profile";
 
   const isOwner = user?.role === UserRole.OWNER;
-  const isAdmin = user?.role === UserRole.ADMIN;
   const isCustomer = user?.role === UserRole.CUSTOMER;
   const isAuthenticated = !!user;
 
@@ -234,14 +229,6 @@ export default function ClientLayout({ children }) {
                   <NavLink href="/">الرئيسية</NavLink>
                   <NavLink href="/properties">عقاراتنا</NavLink>
 
-                  {isAdmin && (
-                    <NavLink href="/admin">
-                      <span className="flex items-center gap-2">
-                        <Shield className="w-4 h-4" />
-                        الإدارة
-                      </span>
-                    </NavLink>
-                  )}
 
                   {isOwner && (
                     <>
@@ -500,82 +487,6 @@ export default function ClientLayout({ children }) {
                               </>
                             )}
 
-                            {isAdmin && (
-                              <>
-                                <div className="border-t border-gray-100 my-2"></div>
-
-                                <Link
-                                  href="/admin"
-                                  className="flex items-center gap-3 px-4 py-3 text-gray-700 hover:bg-amber-50 rounded-lg transition-colors"
-                                  onClick={() => setShowUserMenu(false)}
-                                >
-                                  <Shield className="w-5 h-5 text-amber-500" />
-                                  <div>
-                                    <p className="font-medium">لوحة التحكم</p>
-                                    <p className="text-xs text-gray-500">
-                                      إدارة المنصة
-                                    </p>
-                                  </div>
-                                </Link>
-
-                                <Link
-                                  href="/admin/users"
-                                  className="flex items-center gap-3 px-4 py-3 text-gray-700 hover:bg-amber-50 rounded-lg transition-colors"
-                                  onClick={() => setShowUserMenu(false)}
-                                >
-                                  <Users className="w-5 h-5 text-amber-500" />
-                                  <div>
-                                    <p className="font-medium">المستخدمين</p>
-                                    <p className="text-xs text-gray-500">
-                                      إدارة المستخدمين
-                                    </p>
-                                  </div>
-                                </Link>
-
-                                <Link
-                                  href="/admin/properties"
-                                  className="flex items-center gap-3 px-4 py-3 text-gray-700 hover:bg-amber-50 rounded-lg transition-colors"
-                                  onClick={() => setShowUserMenu(false)}
-                                >
-                                  <Building className="w-5 h-5 text-amber-500" />
-                                  <div>
-                                    <p className="font-medium">العقارات</p>
-                                    <p className="text-xs text-gray-500">
-                                      إدارة جميع العقارات
-                                    </p>
-                                  </div>
-                                </Link>
-
-                                <Link
-                                  href="/admin/bookings"
-                                  className="flex items-center gap-3 px-4 py-3 text-gray-700 hover:bg-amber-50 rounded-lg transition-colors"
-                                  onClick={() => setShowUserMenu(false)}
-                                >
-                                  <Calendar className="w-5 h-5 text-amber-500" />
-                                  <div>
-                                    <p className="font-medium">الحجوزات</p>
-                                    <p className="text-xs text-gray-500">
-                                      إدارة الحجوزات
-                                    </p>
-                                  </div>
-                                </Link>
-
-                                <Link
-                                  href="/admin/ledger"
-                                  className="flex items-center gap-3 px-4 py-3 text-gray-700 hover:bg-amber-50 rounded-lg transition-colors"
-                                  onClick={() => setShowUserMenu(false)}
-                                >
-                                  <DollarSign className="w-5 h-5 text-amber-500" />
-                                  <div>
-                                    <p className="font-medium">دفتر الحسابات</p>
-                                    <p className="text-xs text-gray-500">
-                                      إدارة المعاملات المالية
-                                    </p>
-                                  </div>
-                                </Link>
-                              </>
-                            )}
-
                             {isCustomer && (
                               <>
                                 <div className="border-t border-gray-100 my-2"></div>
@@ -730,15 +641,6 @@ export default function ClientLayout({ children }) {
                 </div>
                 <div className="border-t border-gray-200 my-2"></div>
 
-                {isAdmin && (
-                  <MobileNavLink href="/admin" onClick={closeMobileMenu}>
-                    <span className="flex items-center gap-2">
-                      <Shield className="w-4 h-4" />
-                      الإدارة
-                    </span>
-                  </MobileNavLink>
-                )}
-
                 {isOwner && (
                   <>
                     <MobileNavLink
@@ -820,7 +722,7 @@ export default function ClientLayout({ children }) {
         </FavoritesProvider>
       </NotificationsProvider>
 
-      {!isAuthPage && !isProfilePage && (
+      {pathname === "/" && (
         <footer className="bg-gray-900 text-white py-12">
           <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div
@@ -871,16 +773,6 @@ export default function ClientLayout({ children }) {
                       {t("ourProducts")}
                     </Link>
                   </li>
-                  {isAdmin && (
-                    <li>
-                      <Link
-                        href="/admin"
-                        className="text-gray-400 hover:text-white transition-colors block py-1"
-                      >
-                        الإدارة
-                      </Link>
-                    </li>
-                  )}
                 </ul>
               </div>
               <div>
diff --git a/app/admin/add-admin/page.js b/app/admin/add-admin/page.js
deleted file mode 100644
index 3a7dce9..0000000
--- a/app/admin/add-admin/page.js
+++ /dev/null
@@ -1,113 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import AuthService from '@/app/services/AuthService';
-import Link from 'next/link';
-
-export default function AddAdminPage() {
-  const [isAdmin, setIsAdmin] = useState(false);
-  const [checked, setChecked] = useState(false);
-  const [formState, setFormState] = useState({ fullName: '', email: '', password: '' });
-  const [saved, setSaved] = useState(false);
-
-  useEffect(() => {
-    setIsAdmin(AuthService.isAuthenticated() && AuthService.isAdmin());
-    setChecked(true);
-  }, []);
-
-  const handleChange = (field) => (event) => {
-    setFormState((prev) => ({ ...prev, [field]: event.target.value }));
-  };
-
-  const handleSubmit = (event) => {
-    event.preventDefault();
-    setSaved(true);
-    console.log('Add admin payload', formState);
-  };
-
-  if (!checked) {
-    return (
-      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
-        <div className="w-14 h-14 border-4 border-amber-500 border-t-transparent rounded-full animate-spin" />
-      </div>
-    );
-  }
-
-  if (!isAdmin) {
-    return (
-      <div className="min-h-screen bg-gray-50 flex items-center justify-center p-4">
-        <div className="max-w-md text-center bg-white rounded-3xl shadow-lg border border-gray-200 p-8">
-          <Link href="/" className="inline-flex items-center justify-center px-6 py-3 rounded-full bg-amber-500 text-white hover:bg-amber-600 transition-colors">
-            العودة للرئيسية
-          </Link>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <main className="min-h-screen bg-slate-50 p-6 md:p-10">
-      <div className="max-w-4xl mx-auto">
-        <div className="flex items-center justify-between mb-8">
-          <div>
-            <p className="text-sm text-amber-600 uppercase tracking-[0.2em]">لوحة المدير</p>
-            <h1 className="text-3xl font-bold text-slate-900 mt-3">إضافة مدير جديد</h1>
-            <p className="text-slate-500 mt-2">انشئ حساب مسؤول جديد مع صلاحيات الإدارة.</p>
-          </div>
-        </div>
-
-        <div className="grid gap-6 md:grid-cols-[1.5fr_0.8fr]">
-          <section className="rounded-[28px] bg-white p-8 shadow-sm border border-slate-200">
-            <h2 className="text-xl font-semibold mb-6">بيانات المدير</h2>
-            <form onSubmit={handleSubmit} className="space-y-5">
-              <label className="block">
-                <span className="text-sm font-medium text-slate-700">الاسم الكامل</span>
-                <input
-                  type="text"
-                  value={formState.fullName}
-                  onChange={handleChange('fullName')}
-                  className="mt-2 w-full rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 outline-none focus:border-amber-500 focus:ring-2 focus:ring-amber-100"
-                  placeholder="مثال: محمد الأحمد"
-                  required
-                />
-              </label>
-
-              <label className="block">
-                <span className="text-sm font-medium text-slate-700">البريد الإلكتروني</span>
-                <input
-                  type="email"
-                  value={formState.email}
-                  onChange={handleChange('email')}
-                  className="mt-2 w-full rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 outline-none focus:border-amber-500 focus:ring-2 focus:ring-amber-100"
-                  placeholder="admin@example.com"
-                  required
-                />
-              </label>
-
-              <label className="block">
-                <span className="text-sm font-medium text-slate-700">كلمة المرور</span>
-                <input
-                  type="password"
-                  value={formState.password}
-                  onChange={handleChange('password')}
-                  className="mt-2 w-full rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 outline-none focus:border-amber-500 focus:ring-2 focus:ring-amber-100"
-                  placeholder="••••••••"
-                  required
-                />
-              </label>
-
-              <button type="submit" className="inline-flex items-center justify-center rounded-2xl bg-amber-600 px-6 py-3 text-white font-semibold shadow-lg shadow-amber-100 transition hover:bg-amber-700">
-                حفظ المدير الجديد
-              </button>
-            </form>
-            {saved && (
-              <div className="mt-6 rounded-3xl bg-emerald-50 border border-emerald-200 p-4 text-emerald-700">
-                تم حفظ بيانات المدير بنجاح
-              </div>
-            )}
-          </section>
-        </div>
-      </div>
-    </main>
-  );
-}
diff --git a/app/admin/error.js b/app/admin/error.js
deleted file mode 100644
index a88abe0..0000000
--- a/app/admin/error.js
+++ /dev/null
@@ -1,27 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-import { AlertTriangle, RefreshCw, Home } from 'lucide-react';
-import Link from 'next/link';
-
-export default function Error({ error, reset }) {
-  return (
-    <div className="min-h-screen bg-gradient-to-br from-gray-950 via-gray-900 to-gray-950 flex items-center justify-center p-4">
-      <motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} className="text-center max-w-md">
-        <div className="w-20 h-20 bg-red-500/20 rounded-full flex items-center justify-center mx-auto mb-6">
-          <AlertTriangle className="w-10 h-10 text-red-500" />
-        </div>
-        <h2 className="text-2xl font-bold text-white mb-2">حدث خطأ</h2>
-        <p className="text-gray-400 mb-8">نعتذر، حدث خطأ أثناء تحميل الصفحة</p>
-        <div className="flex gap-3 justify-center">
-          <button onClick={reset} className="flex items-center gap-2 bg-amber-500 text-white px-6 py-3 rounded-xl font-medium hover:bg-amber-600 transition-colors">
-            <RefreshCw className="w-5 h-5" /> إعادة المحاولة
-          </button>
-          <Link href="/" className="flex items-center gap-2 bg-white/10 text-gray-300 px-6 py-3 rounded-xl font-medium hover:bg-white/20 transition-colors">
-            <Home className="w-5 h-5" /> الرئيسية
-          </Link>
-        </div>
-      </motion.div>
-    </div>
-  );
-}
diff --git a/app/admin/loading.js b/app/admin/loading.js
deleted file mode 100644
index 0c01106..0000000
--- a/app/admin/loading.js
+++ /dev/null
@@ -1,14 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-
-export default function Loading() {
-  return (
-    <div className="min-h-screen bg-gradient-to-br from-gray-950 via-gray-900 to-gray-950 flex items-center justify-center">
-      <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} className="text-center">
-        <div className="w-14 h-14 border-4 border-amber-500 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
-        <p className="text-gray-400 text-lg">جاري التحميل...</p>
-      </motion.div>
-    </div>
-  );
-}
diff --git a/app/admin/page.js b/app/admin/page.js
deleted file mode 100644
index 007988d..0000000
--- a/app/admin/page.js
+++ /dev/null
@@ -1,230 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-import { useState, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import Link from 'next/link';
-import { 
-  Home, 
-  Calendar, 
-  Users,
-  DollarSign,
-  TrendingUp,
-  Bell,
-  Frown
-} from 'lucide-react';
-import DashboardStats from '../components/admin/DashboardStats';
-import PropertiesTable from '../components/admin/PropertiesTable';
-import BookingRequests from '../components/admin/BookingRequests';
-import UsersList from '../components/admin/UsersList';
-import LedgerBook from '../components/admin/LedgerBook';
-import AddPropertyForm from '../components/admin/AddPropertyForm';
-import { PropertyProvider } from '../contexts/PropertyContext';
-import AuthService from '../services/AuthService';
-import '../i18n/config';
-
-export default function AdminPage() {
-  const { t, i18n } = useTranslation();
-  const [activeTab, setActiveTab] = useState('dashboard');
-  const [showAddProperty, setShowAddProperty] = useState(false);
-  const [notifications, setNotifications] = useState(3);
-  const [isAdmin, setIsAdmin] = useState(false);
-  const [checked, setChecked] = useState(false);
-
-  useEffect(() => {
-    setIsAdmin(AuthService.isAuthenticated() && AuthService.isAdmin());
-    setChecked(true);
-  }, []);
-
-  // ─── 404 for non-admins ───
-  if (checked && !isAdmin) {
-    return (
-      <div className="min-h-screen bg-gray-50 flex items-center justify-center p-4">
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          className="text-center max-w-md"
-        >
-          <div className="mb-6">
-            <svg viewBox="0 0 200 180" className="w-72 h-52 mx-auto">
-              <circle cx="100" cy="70" r="60" fill="#fef3c7" />
-              <circle cx="80" cy="60" r="8" fill="#92400e" />
-              <circle cx="120" cy="60" r="8" fill="#92400e" />
-              <path d="M80 85 Q100 75 120 85" stroke="#92400e" strokeWidth="3" fill="none" strokeLinecap="round" />
-              <text x="100" y="140" textAnchor="middle" fontSize="16" fontWeight="bold" fill="#6b7280">عذراً!</text>
-              <text x="100" y="160" textAnchor="middle" fontSize="12" fill="#9ca3af">الصفحة غير موجودة</text>
-            </svg>
-          </div>
-          <h2 className="text-2xl font-bold text-gray-900 mb-2">404 - الصفحة غير موجودة</h2>
-          <p className="text-gray-500 mb-8">عذراً، لا يمكنك الوصول إلى هذه الصفحة</p>
-          <Link
-            href="/"
-            className="inline-flex items-center gap-2 bg-amber-500 text-white px-6 py-3 rounded-xl font-medium hover:bg-amber-600 transition-colors"
-          >
-            <Home className="w-5 h-5" />
-            العودة للرئيسية
-          </Link>
-        </motion.div>
-      </div>
-    );
-  }
-
-  if (!checked) {
-    return (
-      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
-        <div className="w-14 h-14 border-4 border-amber-500 border-t-transparent rounded-full animate-spin" />
-      </div>
-    );
-  }
-
-  const tabs = [
-    { id: 'dashboard', label: 'لوحة التحكم', icon: Home },
-    { id: 'properties', label: 'العقارات', icon: Home },
-    { id: 'bookings', label: 'طلبات الحجز', icon: Calendar, badge: notifications },
-    { id: 'users', label: 'المستخدمين', icon: Users },
-    { id: 'ledger', label: 'دفتر الحسابات', icon: DollarSign },
-    // { id: 'reports', label: 'التقارير', icon: TrendingUp }
-  ];
-
-  return (
-    <PropertyProvider>
-      <div className={`min-h-screen bg-gray-50 p-4 md:p-6 ${i18n.language === 'ar' ? 'text-right' : 'text-left'}`}>
-        <motion.div
-          initial={{ opacity: 0, y: -20 }}
-          animate={{ opacity: 1, y: 0 }}
-          className="mb-8"
-        >
-          <div className="flex justify-between items-center">
-            <div>
-              <h1 className="text-3xl md:text-4xl font-bold text-gray-900 mb-2">
-                {t('adminDashboard')}
-              </h1>
-              <p className="text-gray-600">
-                إدارة العقارات، الحجوزات، والحسابات المالية
-              </p>
-            </div>
-            
-            <button className="relative p-2 hover:bg-gray-100 rounded-lg">
-              <Bell className="w-6 h-6 text-gray-600" />
-              {notifications > 0 && (
-                <span className="absolute top-0 right-0 w-4 h-4 bg-red-500 text-white text-xs rounded-full flex items-center justify-center">
-                  {notifications}
-                </span>
-              )}
-            </button>
-          </div>
-        </motion.div>
-
-        <div className="mb-6 border-b border-gray-200">
-          <div className="flex flex-wrap gap-2">
-            {tabs.map((tab) => {
-              const Icon = tab.icon;
-              return (
-                <button
-                  key={tab.id}
-                  onClick={() => setActiveTab(tab.id)}
-                  className={`
-                    px-4 py-3 font-medium text-sm rounded-t-lg transition-all relative
-                    ${activeTab === tab.id 
-                      ? 'bg-white border-t border-x border-gray-300 text-blue-700' 
-                      : 'text-gray-700 hover:text-blue-600 hover:bg-gray-100'
-                    }
-                  `}
-                >
-                  <div className="flex items-center gap-2">
-                    <Icon className="w-4 h-4" />
-                    <span>{tab.label}</span>
-                    {tab.badge && (
-                      <span className="bg-red-500 text-white text-xs px-2 py-0.5 rounded-full">
-                        {tab.badge}
-                      </span>
-                    )}
-                  </div>
-                </button>
-              );
-            })}
-          </div>
-        </div>
-
-        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-5">
-          {activeTab === 'dashboard' && (
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-            >
-              <DashboardStats />
-            </motion.div>
-          )}
-
-          {activeTab === 'properties' && (
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-            >
-              <div className="flex justify-between items-center mb-6">
-                <div>
-                  <h2 className="text-xl font-bold">إدارة العقارات</h2>
-                  <p className="text-gray-600 text-sm">إضافة وتعديل العقارات مع تحديد نسب الأرباح</p>
-                </div>
-                <button
-                  onClick={() => setShowAddProperty(true)}
-                  className="bg-blue-700 text-white px-4 py-2 rounded-lg hover:bg-blue-800"
-                >
-                  إضافة عقار جديد
-                </button>
-              </div>
-              <PropertiesTable />
-            </motion.div>
-          )}
-
-          {activeTab === 'bookings' && (
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-            >
-              <BookingRequests />
-            </motion.div>
-          )}
-
-          {activeTab === 'users' && (
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-            >
-              <UsersList />
-            </motion.div>
-          )}
-
-          {activeTab === 'ledger' && (
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-            >
-              <LedgerBook userType="admin" />
-            </motion.div>
-          )}
-
-          {activeTab === 'reports' && (
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-            >
-              <div className="text-center py-12 text-gray-500">
-                قريباً... تقارير متقدمة
-              </div>
-            </motion.div>
-          )}
-        </div>
-
-        {showAddProperty && (
-          <AddPropertyForm
-            onClose={() => setShowAddProperty(false)}
-            onSuccess={() => {
-              setShowAddProperty(false);
-            }}
-          />
-        )}
-      </div>
-    </PropertyProvider>
-  );
-}
\ No newline at end of file
diff --git a/app/admin/privacy/page.js b/app/admin/privacy/page.js
deleted file mode 100644
index 35bdb5d..0000000
--- a/app/admin/privacy/page.js
+++ /dev/null
@@ -1,85 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import AuthService from '@/app/services/AuthService';
-import Link from 'next/link';
-
-const initialPolicy = `1. نحترم خصوصيتك ونلتزم بحماية بياناتك الشخصية.
-2. يتم استخدام المعلومات لتحسين تجربة المستخدم وتأمين الخدمة.
-3. لا نشارك البيانات مع أطراف خارجية بدون موافقتك.
-4. يمكنك طلب حذف بياناتك من النظام في أي وقت.`;
-
-export default function PrivacyPolicyAdminPage() {
-  const [isAdmin, setIsAdmin] = useState(false);
-  const [checked, setChecked] = useState(false);
-  const [policyText, setPolicyText] = useState(initialPolicy);
-  const [saved, setSaved] = useState(false);
-
-  useEffect(() => {
-    setIsAdmin(AuthService.isAuthenticated() && AuthService.isAdmin());
-    setChecked(true);
-  }, []);
-
-  const handleSave = (event) => {
-    event.preventDefault();
-    setSaved(true);
-    console.log('Privacy policy updated:', policyText);
-  };
-
-  if (!checked) {
-    return (
-      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
-        <div className="w-14 h-14 border-4 border-amber-500 border-t-transparent rounded-full animate-spin" />
-      </div>
-    );
-  }
-
-  if (!isAdmin) {
-    return (
-      <div className="min-h-screen bg-gray-50 flex items-center justify-center p-4">
-        <div className="max-w-md text-center bg-white rounded-3xl shadow-lg border border-gray-200 p-8">
-          <p className="text-gray-600 mb-6">هذه الصفحة لتحرير سياسة الخصوصية ولا يمكن الوصول إليها إلا للمدير.</p>
-          <Link href="/" className="inline-flex items-center justify-center px-6 py-3 rounded-full bg-amber-500 text-white hover:bg-amber-600 transition-colors">
-            العودة للرئيسية
-          </Link>
-        </div>
-      </div>
-    );
-  }
-  return (
-    <main className="min-h-screen bg-slate-50 p-6 md:p-10">
-      <div className="max-w-4xl mx-auto">
-        <div className="mb-8 rounded-[28px] bg-white p-8 shadow-sm border border-slate-200">
-          <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
-            <div>
-              <p className="text-sm text-amber-600 uppercase tracking-[0.2em]">لوحة المدير</p>
-              <p className="text-slate-500 mt-2">قم بتحديث نص سياسة الخصوصية</p>
-            </div>
-          </div>
-        </div>
-
-        <form onSubmit={handleSave} className="space-y-6 rounded-[28px] bg-white p-8 shadow-sm border border-slate-200">
-          <div>
-            <label className="block text-sm font-medium text-slate-700 mb-3">نص سياسة الخصوصية</label>
-            <textarea
-              value={policyText}
-              onChange={(e) => setPolicyText(e.target.value)}
-              rows={12}
-              className="w-full rounded-3xl border border-slate-200 bg-slate-50 px-5 py-4 text-slate-700 outline-none focus:border-amber-500 focus:ring-2 focus:ring-amber-100"
-            />
-          </div>
-          <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
-            <button type="submit" className="rounded-2xl bg-amber-600 px-6 py-3 text-white font-semibold shadow-lg shadow-amber-100 transition hover:bg-amber-700">
-              حفظ السياسة
-            </button>
-          </div>
-          {saved && (
-            <div className="rounded-3xl bg-emerald-50 border border-emerald-200 p-4 text-emerald-700">
-              تمت حفظ سياسة الخصوصية بنجاح
-            </div>
-          )}
-        </form>
-      </div>
-    </main>
-  );
-}
diff --git a/app/components/FloatingSidebar.js b/app/components/FloatingSidebar.js
index 51ab56a..428a2bb 100644
--- a/app/components/FloatingSidebar.js
+++ b/app/components/FloatingSidebar.js
@@ -3,12 +3,12 @@
 import { useState } from 'react';
 import { motion } from 'framer-motion';
 import Link from 'next/link';
-import { Heart, Bell, CreditCard, Shield, UserPlus, Settings } from 'lucide-react';
+import { Heart, Bell, CreditCard, Settings } from 'lucide-react';
 import { useFavorites } from '@/app/contexts/FavoritesContext';
 import { useNotifications } from '@/app/contexts/NotificationsContext';
 import AuthService from '@/app/services/AuthService';
 
-export default function FloatingSidebar({ isRTL, isAdmin }) {
+export default function FloatingSidebar({ isRTL }) {
   const { favorites } = useFavorites();
   const { unreadCount } = useNotifications();
   const [tooltip, setTooltip] = useState(null);
@@ -62,139 +62,97 @@ export default function FloatingSidebar({ isRTL, isAdmin }) {
       animate="animate"
     >
       <div className="bg-white/90 backdrop-blur-md rounded-2xl shadow-lg border border-gray-200/60 py-4 px-3 flex flex-col gap-4 transition-all duration-300 hover:shadow-xl hover:bg-white/95 max-h-[75vh] overflow-y-auto pointer-events-auto">
-        {isAdmin ? (
-          <>
-            <motion.div
-              className="relative group"
-              variants={buttonVariants}
-              initial="rest"
-              whileHover="hover"
-              whileTap="tap"
-              onMouseEnter={() => showTooltip('addAdmin')}
-              onMouseLeave={hideTooltip}
-            >
-              <Link
-                href="/admin/add-admin"
-                className="flex items-center justify-center w-14 h-14 rounded-xl bg-amber-50 border border-amber-200 text-amber-600 hover:bg-amber-100 transition-colors"
-              >
-                <UserPlus className="w-7 h-7" />
-              </Link>
-              {renderTooltip('addAdmin', 'إضافة أدمن')}
-            </motion.div>
-
-            <motion.div
-              className="relative group"
-              variants={buttonVariants}
-              initial="rest"
-              whileHover="hover"
-              whileTap="tap"
-              onMouseEnter={() => showTooltip('editPrivacy')}
-              onMouseLeave={hideTooltip}
-            >
-              <Link
-                href="/admin/privacy"
-                className="flex items-center justify-center w-14 h-14 rounded-xl bg-slate-50 border border-slate-200 text-slate-700 hover:bg-slate-100 transition-colors"
-              >
-                <Shield className="w-7 h-7" />
-              </Link>
-              {renderTooltip('editPrivacy', 'تعديل سياسة الخصوصية')}
-            </motion.div>
-          </>
-        ) : (
-          <>
-            <motion.div
-              className="relative group"
-              variants={buttonVariants}
-              initial="rest"
-              whileHover="hover"
-              whileTap="tap"
-              onMouseEnter={() => showTooltip('favorites')}
-              onMouseLeave={hideTooltip}
-            >
-              <Link
-                href="/favorites"
-                className="flex items-center justify-center w-14 h-14 rounded-xl transition-colors"
-              >
-                <div className="relative">
-                  <Heart className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
-                  {favorites.length > 0 && (
-                    <motion.span
-                      initial={{ scale: 0 }}
-                      animate={{ scale: 1 }}
-                      className="absolute -right-1 -top-1 w-6 h-6 bg-linear-to-r from-amber-500 to-amber-600 text-white text-xs rounded-full flex items-center justify-center shadow-md"
-                    >
-                      {favorites.length}
-                    </motion.span>
-                  )}
-                </div>
-              </Link>
-              {renderTooltip('favorites', 'المفضلة')}
-            </motion.div>
-            <motion.div
-              className="relative group"
-              variants={buttonVariants}
-              initial="rest"
-              whileHover="hover"
-              whileTap="tap"
-              onMouseEnter={() => showTooltip('notifications')}
-              onMouseLeave={hideTooltip}
-            >
-              <Link
-                href="/notifications"
-                className="flex items-center justify-center w-14 h-14 rounded-xl transition-colors"
-              >
-                <div className="relative">
-                  <Bell className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
-                  {unreadCount > 0 && (
-                    <motion.span
-                      initial={{ scale: 0 }}
-                      animate={{ scale: 1 }}
-                      className="absolute -right-1 -top-1 w-6 h-6 bg-linear-to-r from-red-500 to-red-600 text-white text-xs rounded-full flex items-center justify-center shadow-md"
-                    >
-                      {unreadCount}
-                    </motion.span>
-                  )}
-                </div>
-              </Link>
-              {renderTooltip('notifications', 'الإشعارات')}
-            </motion.div>
-            <motion.div
-              className="relative group"
-              variants={buttonVariants}
-              initial="rest"
-              whileHover="hover"
-              whileTap="tap"
-              onMouseEnter={() => showTooltip('payments')}
-              onMouseLeave={hideTooltip}
-            >
-              <Link
-                href="/payments"
-                className="flex items-center justify-center w-14 h-14 rounded-xl transition-colors"
-              >
-                <CreditCard className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
-              </Link>
-              {renderTooltip('payments', 'المدفوعات')}
-            </motion.div>
-            <motion.div
-              className="relative group"
-              variants={buttonVariants}
-              initial="rest"
-              whileHover="hover"
-              whileTap="tap"
-              onMouseEnter={() => showTooltip('settings')}
-              onMouseLeave={hideTooltip}
-            >
-              <Link
-                href="/settings"
-                className="flex items-center justify-center w-14 h-14 rounded-xl transition-colors"
-              >
-                <Settings className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
-              </Link>
-              {renderTooltip('settings', 'الإعدادات')}
-            </motion.div>
-          </>
-        )}
+        <motion.div
+          className="relative group"
+          variants={buttonVariants}
+          initial="rest"
+          whileHover="hover"
+          whileTap="tap"
+          onMouseEnter={() => showTooltip('favorites')}
+          onMouseLeave={hideTooltip}
+        >
+          <Link
+            href="/favorites"
+            className="flex items-center justify-center w-14 h-14 rounded-xl transition-colors"
+          >
+            <div className="relative">
+              <Heart className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
+              {favorites.length > 0 && (
+                <motion.span
+                  initial={{ scale: 0 }}
+                  animate={{ scale: 1 }}
+                  className="absolute -right-1 -top-1 w-6 h-6 bg-linear-to-r from-amber-500 to-amber-600 text-white text-xs rounded-full flex items-center justify-center shadow-md"
+                >
+                  {favorites.length}
+                </motion.span>
+              )}
+            </div>
+          </Link>
+          {renderTooltip('favorites', 'المفضلة')}
+        </motion.div>
+        <motion.div
+          className="relative group"
+          variants={buttonVariants}
+          initial="rest"
+          whileHover="hover"
+          whileTap="tap"
+          onMouseEnter={() => showTooltip('notifications')}
+          onMouseLeave={hideTooltip}
+        >
+          <Link
+            href="/notifications"
+            className="flex items-center justify-center w-14 h-14 rounded-xl transition-colors"
+          >
+            <div className="relative">
+              <Bell className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
+              {unreadCount > 0 && (
+                <motion.span
+                  initial={{ scale: 0 }}
+                  animate={{ scale: 1 }}
+                  className="absolute -right-1 -top-1 w-6 h-6 bg-linear-to-r from-red-500 to-red-600 text-white text-xs rounded-full flex items-center justify-center shadow-md"
+                >
+                  {unreadCount}
+                </motion.span>
+              )}
+            </div>
+          </Link>
+          {renderTooltip('notifications', 'الإشعارات')}
+        </motion.div>
+        <motion.div
+          className="relative group"
+          variants={buttonVariants}
+          initial="rest"
+          whileHover="hover"
+          whileTap="tap"
+          onMouseEnter={() => showTooltip('payments')}
+          onMouseLeave={hideTooltip}
+        >
+          <Link
+            href="/payments"
+            className="flex items-center justify-center w-14 h-14 rounded-xl transition-colors"
+          >
+            <CreditCard className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
+          </Link>
+          {renderTooltip('payments', 'المدفوعات')}
+        </motion.div>
+        <motion.div
+          className="relative group"
+          variants={buttonVariants}
+          initial="rest"
+          whileHover="hover"
+          whileTap="tap"
+          onMouseEnter={() => showTooltip('settings')}
+          onMouseLeave={hideTooltip}
+        >
+          <Link
+            href="/settings"
+            className="flex items-center justify-center w-14 h-14 rounded-xl transition-colors"
+          >
+            <Settings className="w-7 h-7 text-gray-600 transition-colors group-hover:text-amber-600" />
+          </Link>
+          {renderTooltip('settings', 'الإعدادات')}
+        </motion.div>
       </div>
     </motion.div>
   );
-}
\ No newline at end of file
+}
diff --git a/app/components/admin/AddPropertyForm.js b/app/components/admin/AddPropertyForm.js
deleted file mode 100644
index d9b45b6..0000000
--- a/app/components/admin/AddPropertyForm.js
+++ /dev/null
@@ -1,357 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import { motion } from 'framer-motion';
-import { useProperties } from '@/app/contexts/PropertyContext';
-import { CommissionType, CitiesList } from '@/app/enums';
-import { X, MapPin, Home, DollarSign, Percent } from 'lucide-react';
-
-export default function AddPropertyForm({ onClose, onSuccess }) {
-  const { addProperty } = useProperties();
-  const [formData, setFormData] = useState({
-    title: '',
-    description: '',
-    city: '',
-    district: '',
-    address: '',
-    latitude: '',
-    longitude: '',
-    
-    type: 'apartment',
-    bedrooms: 1,
-    bathrooms: 1,
-    area: 0,
-    floor: 1,
-    
-    dailyPrice: 0,
-    commissionRate: 5,
-    commissionType: CommissionType.FROM_OWNER,
-    
-    securityDeposit: 0,
-    
-    images: [],
-    features: [],
-    
-    status: 'available'
-  });
-
-  const [selectedFeatures, setSelectedFeatures] = useState([]);
-  
-  const featuresList = [
-  'مسبح',
-  'حديقة خاصة',
-  'موقف سيارات',
-  'مطبخ مجهز',
-  'تدفئة مركزية',
-  'بلكونة',
-  'نظام أمني',
-  'حديقة كبيرة',
-  'صالة استقبال',
-  'غرفة خادمة',
-  'كراج',
-  'إطلالة بحرية',
-  'تكييف مركزي',
-  'مخزن'
-];
-
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    
-    const propertyData = {
-      ...formData,
-      features: selectedFeatures,
-      priceDisplay: {
-        daily: formData.dailyPrice,
-        monthly: formData.dailyPrice * 30,
-        withCommission: calculateCommissionPrice(formData)
-      },
-      location: {
-        lat: formData.latitude,
-        lng: formData.longitude,
-        address: formData.address
-      }
-    };
-    
-    try {
-      await addProperty(propertyData);
-      onSuccess?.();
-      onClose();
-    } catch (error) {
-      console.error('Error adding property:', error);
-    }
-  };
-
-  const calculateCommissionPrice = (data) => {
-    const { dailyPrice, commissionRate, commissionType } = data;
-    const commission = (dailyPrice * commissionRate) / 100;
-    
-    switch(commissionType) {
-      case CommissionType.FROM_TENANT:
-        return dailyPrice + commission;
-      case CommissionType.FROM_OWNER:
-        return dailyPrice;
-      case CommissionType.FROM_BOTH:
-        return dailyPrice + (commission / 2);
-      default:
-        return dailyPrice;
-    }
-  };
-
-  return (
-    <motion.div
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      className="fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50"
-    >
-      <motion.div
-        initial={{ scale: 0.9, y: 20 }}
-        animate={{ scale: 1, y: 0 }}
-        className="bg-white rounded-xl w-full max-w-4xl max-h-[90vh] overflow-y-auto"
-      >
-        <div className="sticky top-0 bg-white border-b p-4 flex justify-between items-center">
-          <h2 className="text-xl font-bold">إضافة عقار جديد</h2>
-          <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-lg">
-            <X className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-6 space-y-6">
-          <div className="bg-blue-50 p-4 rounded-lg">
-            <h3 className="font-semibold mb-3 flex items-center gap-2">
-              <MapPin className="w-4 h-4" />
-              موقع العقار (سيظهر على الخريطة)
-            </h3>
-            <div className="grid grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium mb-1">المدينة</label>
-                <select
-                  value={formData.city}
-                  onChange={(e) => setFormData({...formData, city: e.target.value})}
-                  className="w-full p-2 border rounded-lg"
-                  required
-                >
-                  <option value="">اختر المدينة</option>
-                  {CitiesList.map(city => (
-                    <option key={city} value={city}>{city}</option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium mb-1">الحي</label>
-                <input
-                  type="text"
-                  value={formData.district}
-                  onChange={(e) => setFormData({...formData, district: e.target.value})}
-                  className="w-full p-2 border rounded-lg"
-                  required
-                />
-              </div>
-              <div className="col-span-2">
-                <label className="block text-sm font-medium mb-1">العنوان بالتفصيل</label>
-                <input
-                  type="text"
-                  value={formData.address}
-                  onChange={(e) => setFormData({...formData, address: e.target.value})}
-                  className="w-full p-2 border rounded-lg"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium mb-1">خط العرض (Latitude)</label>
-                <input
-                  type="number"
-                  step="any"
-                  value={formData.latitude}
-                  onChange={(e) => setFormData({...formData, latitude: e.target.value})}
-                  className="w-full p-2 border rounded-lg"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium mb-1">خط الطول (Longitude)</label>
-                <input
-                  type="number"
-                  step="any"
-                  value={formData.longitude}
-                  onChange={(e) => setFormData({...formData, longitude: e.target.value})}
-                  className="w-full p-2 border rounded-lg"
-                  required
-                />
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-amber-50 p-4 rounded-lg">
-            <h3 className="font-semibold mb-3 flex items-center gap-2">
-              <DollarSign className="w-4 h-4" />
-              السعر ونسبة الربح
-            </h3>
-            <div className="grid grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium mb-1">
-                  السعر اليومي (ل.س)
-                </label>
-                <input
-                  type="number"
-                  value={formData.dailyPrice}
-                  onChange={(e) => setFormData({...formData, dailyPrice: Number(e.target.value)})}
-                  className="w-full p-2 border rounded-lg"
-                  required
-                  min="0"
-                />
-                <p className="text-xs text-gray-500 mt-1">
-                  هذا السعر سيظهر على الخريطة
-                </p>
-              </div>
-              
-              <div>
-                <label className="block text-sm font-medium mb-1">
-                  نسبة ربح المنصة (%)
-                </label>
-                <div className="flex items-center gap-2">
-                  <input
-                    type="number"
-                    value={formData.commissionRate}
-                    onChange={(e) => setFormData({...formData, commissionRate: Number(e.target.value)})}
-                    className="w-full p-2 border rounded-lg"
-                    min="0"
-                    max="100"
-                    step="0.1"
-                    required
-                  />
-                  <Percent className="w-4 h-4 text-gray-400" />
-                </div>
-              </div>
-
-              <div className="col-span-2">
-                <label className="block text-sm font-medium mb-2">
-                  مصدر العمولة (بموافقة الأدمن)
-                </label>
-                <div className="grid grid-cols-3 gap-3">
-                  <label className="flex items-center gap-2 p-3 border rounded-lg cursor-pointer hover:bg-gray-50">
-                    <input
-                      type="radio"
-                      name="commissionType"
-                      value={CommissionType.FROM_OWNER}
-                      checked={formData.commissionType === CommissionType.FROM_OWNER}
-                      onChange={(e) => setFormData({...formData, commissionType: e.target.value})}
-                    />
-                    <span>من المالك</span>
-                  </label>
-                  <label className="flex items-center gap-2 p-3 border rounded-lg cursor-pointer hover:bg-gray-50">
-                    <input
-                      type="radio"
-                      name="commissionType"
-                      value={CommissionType.FROM_TENANT}
-                      checked={formData.commissionType === CommissionType.FROM_TENANT}
-                      onChange={(e) => setFormData({...formData, commissionType: e.target.value})}
-                    />
-                    <span>من المستأجر</span>
-                  </label>
-                  <label className="flex items-center gap-2 p-3 border rounded-lg cursor-pointer hover:bg-gray-50">
-                    <input
-                      type="radio"
-                      name="commissionType"
-                      value={CommissionType.FROM_BOTH}
-                      checked={formData.commissionType === CommissionType.FROM_BOTH}
-                      onChange={(e) => setFormData({...formData, commissionType: e.target.value})}
-                    />
-                    <span>من الاثنين</span>
-                  </label>
-                </div>
-              </div>
-
-              <div className="col-span-2 bg-white p-3 rounded-lg">
-                <h4 className="font-medium mb-2">تفاصيل السعر بعد العمولة:</h4>
-                <div className="grid grid-cols-3 gap-4 text-sm">
-                  <div>
-                    <span className="text-gray-600">السعر الأصلي:</span>
-                    <span className="block font-bold">{formData.dailyPrice} ل.س</span>
-                  </div>
-                  <div>
-                    <span className="text-gray-600">العمولة:</span>
-                    <span className="block font-bold">
-                      {(formData.dailyPrice * formData.commissionRate / 100)} ل.س
-                    </span>
-                  </div>
-                  <div>
-                    <span className="text-gray-600">السعر النهائي:</span>
-                    <span className="block font-bold text-green-600">
-                      {calculateCommissionPrice(formData)} ل.س
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium mb-1">نوع العقار</label>
-              <select
-                value={formData.type}
-                onChange={(e) => setFormData({...formData, type: e.target.value})}
-                className="w-full p-2 border rounded-lg"
-              >
-                <option value="apartment">شقة</option>
-                <option value="house">بيت</option>
-                <option value="villa">فيلا</option>
-                <option value="studio">استوديو</option>
-                <option value="office">مكتب</option>
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium mb-1">مبلغ الضمان (ل.س)</label>
-              <input
-                type="number"
-                value={formData.securityDeposit}
-                onChange={(e) => setFormData({...formData, securityDeposit: Number(e.target.value)})}
-                className="w-full p-2 border rounded-lg"
-                min="0"
-              />
-            </div>
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium mb-2">المميزات</label>
-            <div className="grid grid-cols-3 gap-2">
-              {featuresList.map(feature => (
-                <label key={feature} className="flex items-center gap-2 p-2 border rounded-lg">
-                  <input
-                    type="checkbox"
-                    checked={selectedFeatures.includes(feature)}
-                    onChange={(e) => {
-                      if (e.target.checked) {
-                        setSelectedFeatures([...selectedFeatures, feature]);
-                      } else {
-                        setSelectedFeatures(selectedFeatures.filter(f => f !== feature));
-                      }
-                    }}
-                  />
-                  <span className="text-sm">{feature}</span>
-                </label>
-              ))}
-            </div>
-          </div>
-
-          <div className="flex gap-3 pt-4 border-t">
-            <button
-              type="submit"
-              className="flex-1 bg-blue-600 text-white py-3 rounded-lg font-semibold hover:bg-blue-700 transition-colors"
-            >
-              إضافة العقار
-            </button>
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-6 py-3 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              إلغاء
-            </button>
-          </div>
-        </form>
-      </motion.div>
-    </motion.div>
-  );
-}
\ No newline at end of file
diff --git a/app/components/admin/BookingRequests.js b/app/components/admin/BookingRequests.js
deleted file mode 100644
index 85459b4..0000000
--- a/app/components/admin/BookingRequests.js
+++ /dev/null
@@ -1,1614 +0,0 @@
-'use client';
-
-import { useCallback, useEffect, useState } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
-import { 
-  CheckCircle, 
-  XCircle, 
-  Clock, 
-  User, 
-  Home,
-  Calendar,
-  DollarSign,
-  AlertCircle,
-  Key,
-  DoorOpen,
-  Shield,
-  Phone,
-  Mail,
-  ChevronDown,
-  ChevronUp,
-  FileText,
-  Download,
-  Printer,
-  History,
-  Loader2,
-  CreditCard
-} from 'lucide-react';
-import jsPDF from 'jspdf';
-import html2canvas from 'html2canvas';
-import toast, { Toaster } from 'react-hot-toast';
-import AuthService from '../../services/AuthService';
-import { adminConfirmDeposit, getRentProperty, getReservations } from '../../utils/api';
-
-const RESERVATION_STATUS = Object.freeze({
-  pending: 0,
-  ownerConfirmed: 1,
-  depositPaid: 2,
-  depositConfirmed: 3,
-  completed: 4,
-  cancelled: 5,
-});
-
-const STATUS_KEY_BY_CODE = Object.freeze({
-  [RESERVATION_STATUS.pending]: 'pending',
-  [RESERVATION_STATUS.ownerConfirmed]: 'ownerConfirmed',
-  [RESERVATION_STATUS.depositPaid]: 'depositPaid',
-  [RESERVATION_STATUS.depositConfirmed]: 'depositConfirmed',
-  [RESERVATION_STATUS.completed]: 'completed',
-  [RESERVATION_STATUS.cancelled]: 'cancelled',
-});
-
-const STATUS_META = Object.freeze({
-  pending: {
-    label: 'قيد الانتظار',
-    card: 'border-yellow-400 bg-yellow-50',
-    badge: 'bg-yellow-500 text-white',
-    pdf: 'pending',
-    tabActive: 'bg-yellow-600 text-white shadow-lg',
-    tabIdle: 'bg-yellow-100 text-yellow-800 hover:bg-yellow-200',
-  },
-  ownerConfirmed: {
-    label: 'موافقة المالك',
-    card: 'border-blue-400 bg-blue-50',
-    badge: 'bg-blue-500 text-white',
-    pdf: 'ownerConfirmed',
-    tabActive: 'bg-blue-600 text-white shadow-lg',
-    tabIdle: 'bg-blue-100 text-blue-800 hover:bg-blue-200',
-  },
-  depositPaid: {
-    label: 'تم دفع العربون',
-    card: 'border-indigo-400 bg-indigo-50',
-    badge: 'bg-indigo-500 text-white',
-    pdf: 'depositPaid',
-    tabActive: 'bg-indigo-600 text-white shadow-lg',
-    tabIdle: 'bg-indigo-100 text-indigo-800 hover:bg-indigo-200',
-  },
-  depositConfirmed: {
-    label: 'تم تأكيد العربون',
-    card: 'border-green-400 bg-green-50',
-    badge: 'bg-green-500 text-white',
-    pdf: 'depositConfirmed',
-    tabActive: 'bg-green-600 text-white shadow-lg',
-    tabIdle: 'bg-green-100 text-green-800 hover:bg-green-200',
-  },
-  completed: {
-    label: 'منتهي',
-    card: 'border-gray-400 bg-gray-50',
-    badge: 'bg-gray-500 text-white',
-    pdf: 'completed',
-    tabActive: 'bg-gray-600 text-white shadow-lg',
-    tabIdle: 'bg-gray-100 text-gray-800 hover:bg-gray-200',
-  },
-  cancelled: {
-    label: 'ملغي',
-    card: 'border-red-400 bg-red-50',
-    badge: 'bg-red-500 text-white',
-    pdf: 'cancelled',
-    tabActive: 'bg-red-600 text-white shadow-lg',
-    tabIdle: 'bg-red-100 text-red-800 hover:bg-red-200',
-  },
-  unknown: {
-    label: 'غير معروف',
-    card: 'border-gray-200 bg-white',
-    badge: 'bg-gray-200 text-gray-700',
-    pdf: 'unknown',
-    tabActive: 'bg-gray-600 text-white shadow-lg',
-    tabIdle: 'bg-gray-100 text-gray-800 hover:bg-gray-200',
-  },
-});
-
-const FILTER_TABS = [
-  {
-    id: 'all',
-    label: 'الكل',
-    tabActive: 'bg-gray-600 text-white shadow-lg',
-    tabIdle: 'bg-gray-100 text-gray-800 hover:bg-gray-200',
-  },
-  {
-    id: 'pending',
-    label: STATUS_META.pending.label,
-    tabActive: STATUS_META.pending.tabActive,
-    tabIdle: STATUS_META.pending.tabIdle,
-  },
-  {
-    id: 'ownerConfirmed',
-    label: STATUS_META.ownerConfirmed.label,
-    tabActive: STATUS_META.ownerConfirmed.tabActive,
-    tabIdle: STATUS_META.ownerConfirmed.tabIdle,
-  },
-  {
-    id: 'depositPaid',
-    label: STATUS_META.depositPaid.label,
-    tabActive: STATUS_META.depositPaid.tabActive,
-    tabIdle: STATUS_META.depositPaid.tabIdle,
-  },
-  {
-    id: 'depositConfirmed',
-    label: STATUS_META.depositConfirmed.label,
-    tabActive: STATUS_META.depositConfirmed.tabActive,
-    tabIdle: STATUS_META.depositConfirmed.tabIdle,
-  },
-  {
-    id: 'completed',
-    label: STATUS_META.completed.label,
-    tabActive: STATUS_META.completed.tabActive,
-    tabIdle: STATUS_META.completed.tabIdle,
-  },
-  {
-    id: 'cancelled',
-    label: STATUS_META.cancelled.label,
-    tabActive: STATUS_META.cancelled.tabActive,
-    tabIdle: STATUS_META.cancelled.tabIdle,
-  },
-];
-
-function getStatusKey(status) {
-  return STATUS_KEY_BY_CODE[Number(status)] ?? 'unknown';
-}
-
-function getStatusMeta(status) {
-  return STATUS_META[getStatusKey(status)] ?? STATUS_META.unknown;
-}
-
-function formatDisplayDate(value, locale = 'ar-SY') {
-  if (!value) return '—';
-
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) {
-    return String(value);
-  }
-
-  return date.toLocaleDateString(locale);
-}
-
-function formatInputDate(value) {
-  if (!value) return '—';
-
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) {
-    return String(value);
-  }
-
-  return date.toISOString().split('T')[0];
-}
-
-function calculateReservationDays(startDate, endDate) {
-  const start = new Date(startDate);
-  const end = new Date(endDate);
-
-  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) {
-    return 0;
-  }
-
-  const days = Math.ceil((end - start) / (1000 * 60 * 60 * 24));
-  return days > 0 ? days : 0;
-}
-
-function pickFirstNumber(...values) {
-  for (const value of values) {
-    const parsed = Number(value);
-    if (Number.isFinite(parsed)) {
-      return parsed;
-    }
-  }
-
-  return 0;
-}
-
-function pickFirstText(...values) {
-  for (const value of values) {
-    if (typeof value === 'string' && value.trim()) {
-      return value.trim();
-    }
-  }
-
-  return '';
-}
-
-function normalizeCommissionType(value) {
-  if (typeof value === 'string' && value.trim()) {
-    return value.trim();
-  }
-
-  if (value === 0) return 'من المالك';
-  if (value === 1) return 'من المستأجر';
-  if (value === 2) return 'من الطرفين';
-
-  return 'غير محدد';
-}
-
-function buildReservationDisplayName(reservation) {
-  return (
-    pickFirstText(
-      reservation?.customer?.name,
-      reservation?.tenant?.name,
-      reservation?.user?.name,
-      reservation?.customerName,
-      reservation?.tenantName,
-      reservation?.userName,
-      reservation?.fullName,
-      reservation?.name,
-    ) || `الحجز #${reservation?.id ?? reservation?.reservationId ?? '—'}`
-  );
-}
-
-function normalizeReservation(reservation, property) {
-  const info = property?.propertyInformation ?? property ?? {};
-  const status = Number.isFinite(Number(reservation?.status))
-    ? Number(reservation.status)
-    : RESERVATION_STATUS.pending;
-  const days = pickFirstNumber(
-    reservation?.days,
-    reservation?.durationInDays,
-    calculateReservationDays(reservation?.startDate, reservation?.endDate),
-  );
-  const totalAmount = pickFirstNumber(
-    reservation?.totalPrice,
-    reservation?.totalAmount,
-    reservation?.price,
-  );
-  const securityDeposit = pickFirstNumber(
-    reservation?.securityDeposit,
-    reservation?.deposit,
-    property?.deposit,
-    property?.securityDeposit,
-  );
-  const dailyPrice = pickFirstNumber(
-    reservation?.dailyPrice,
-    reservation?.pricePerDay,
-    days > 0 ? totalAmount / days : 0,
-  );
-  const reservationId = pickFirstNumber(reservation?.reservationId, reservation?.id);
-
-  return {
-    ...reservation,
-    id: reservationId || reservation?.id,
-    reservationId: reservationId || reservation?.id,
-    user: buildReservationDisplayName(reservation),
-    userEmail: pickFirstText(
-      reservation?.customer?.email,
-      reservation?.tenant?.email,
-      reservation?.user?.email,
-      reservation?.customerEmail,
-      reservation?.tenantEmail,
-      reservation?.userEmail,
-    ),
-    userPhone: pickFirstText(
-      reservation?.customer?.phoneNumber,
-      reservation?.tenant?.phoneNumber,
-      reservation?.user?.phoneNumber,
-      reservation?.customerPhone,
-      reservation?.tenantPhone,
-      reservation?.userPhone,
-      reservation?.phoneNumber,
-    ),
-    userType: pickFirstText(
-      reservation?.customerTypeName,
-      reservation?.customerType,
-      reservation?.tenantType,
-      'غير محدد',
-    ),
-    identityNumber: pickFirstText(
-      reservation?.customerIdentityNumber,
-      reservation?.tenantIdentityNumber,
-      reservation?.identityNumber,
-    ),
-    property: pickFirstText(info?.address, reservation?.propertyName) || `العقار #${reservation?.propertyId ?? '—'}`,
-    propertyId: reservation?.propertyId,
-    startDate: formatInputDate(reservation?.startDate),
-    endDate: formatInputDate(reservation?.endDate),
-    days,
-    totalAmount,
-    totalPrice: totalAmount,
-    dailyPrice,
-    commissionRate: pickFirstNumber(reservation?.commissionRate),
-    commissionType: normalizeCommissionType(reservation?.commissionType),
-    commissionAmount: pickFirstNumber(reservation?.commissionAmount),
-    securityDeposit,
-    status,
-    requestDate: formatDisplayDate(reservation?.createdAt),
-    createdAt: reservation?.createdAt,
-    ownerApproved: status >= RESERVATION_STATUS.ownerConfirmed,
-    adminApproved: status >= RESERVATION_STATUS.depositConfirmed,
-    ownerDelivered: Boolean(reservation?.ownerDelivered),
-    tenantReceived: Boolean(reservation?.tenantReceived),
-    tenantLeft: Boolean(reservation?.tenantLeft),
-    ownerReceived: Boolean(reservation?.ownerReceived),
-    securityDepositPaid: status >= RESERVATION_STATUS.depositPaid,
-    securityDepositReturned: reservation?.securityDepositReturned ?? null,
-    contractSigned: Boolean(reservation?.contractSigned),
-    notes: pickFirstText(reservation?.comment, reservation?.notes),
-    actualStartDate: reservation?.actualStartDate ?? null,
-    actualEndDate: reservation?.actualEndDate ?? null,
-    _property: info,
-  };
-}
-
-const ReasonDialog = ({ isOpen, onClose, onConfirm, title, defaultReason = '' }) => {
-  const [reason, setReason] = useState(defaultReason);
-  const [otherReason, setOtherReason] = useState('');
-
-  const commonReasons = [
-    'أعمال صيانة في العقار',
-    'العقار غير متاح في هذه التواريخ',
-    'مشكلة في وثائق المستأجر',
-    'المالك غير متاح للتسليم',
-    'تأخر في دفع الضمان',
-    'سبب آخر'
-  ];
-
-  if (!isOpen) return null;
-
-  return (
-    <motion.div
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-      className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50"
-      onClick={onClose}
-    >
-      <motion.div
-        initial={{ scale: 0.9, y: 20 }}
-        animate={{ scale: 1, y: 0 }}
-        exit={{ scale: 0.9, y: 20 }}
-        className="bg-white rounded-2xl w-full max-w-md p-6 shadow-2xl"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="text-center mb-4">
-          <div className="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-3">
-            <AlertCircle className="w-8 h-8 text-red-600" />
-          </div>
-          <h3 className="text-xl font-bold text-gray-900">{title}</h3>
-          <p className="text-sm text-gray-500 mt-1">يرجى تحديد سبب الرفض</p>
-        </div>
-
-        <div className="space-y-3">
-          {commonReasons.map((r) => (
-            <button
-              key={r}
-              onClick={() => {
-                if (r === 'سبب آخر') {
-                } else {
-                  onConfirm(r);
-                }
-              }}
-              className="w-full text-right p-3 border rounded-xl hover:bg-gray-50 transition-colors"
-            >
-              {r}
-            </button>
-          ))}
-
-          <textarea
-            placeholder="اكتب سبباً آخر..."
-            value={otherReason}
-            onChange={(e) => setOtherReason(e.target.value)}
-            className="w-full p-3 border rounded-xl resize-none focus:ring-2 focus:ring-red-500 focus:border-transparent"
-            rows="3"
-          />
-
-          <div className="flex gap-3 pt-3">
-            <button
-              onClick={() => onConfirm(otherReason)}
-              className="flex-1 bg-red-600 text-white py-3 rounded-xl font-medium hover:bg-red-700 transition-colors"
-              disabled={!otherReason.trim()}
-            >
-              تأكيد الرفض
-            </button>
-            <button
-              onClick={onClose}
-              className="flex-1 bg-gray-100 text-gray-700 py-3 rounded-xl font-medium hover:bg-gray-200 transition-colors"
-            >
-              إلغاء
-            </button>
-          </div>
-        </div>
-      </motion.div>
-    </motion.div>
-  );
-};
-
-const PDFExportButton = ({ request, onExportComplete }) => {
-  const [isExporting, setIsExporting] = useState(false);
-
-  const formatCurrency = (amount) => {
-    return amount?.toLocaleString() + ' ل.س';
-  };
-
-  const generatePDF = async () => {
-    if (!request) {
-      toast.error('لا توجد بيانات للتصدير');
-      return;
-    }
-    
-    const statusMeta = getStatusMeta(request.status);
-    const userTypeLabel = request.userType || 'غير محدد';
-    setIsExporting(true);
-    const loadingToast = toast.loading('جاري إنشاء ملف PDF...', { id: 'pdf-export' });
-
-    try {
-      const printContent = document.createElement('div');
-      printContent.style.width = '800px';
-      printContent.style.padding = '40px';
-      printContent.style.backgroundColor = 'white';
-      printContent.style.fontFamily = 'Cairo, Arial, sans-serif';
-      printContent.style.direction = 'rtl';
-      printContent.style.position = 'absolute';
-      printContent.style.left = '-9999px';
-      printContent.style.top = '-9999px';
-      printContent.style.zIndex = '-9999';
-      
-      printContent.innerHTML = `
-        <!DOCTYPE html>
-        <html>
-        <head>
-          <meta charset="UTF-8">
-          <style>
-            * {
-              margin: 0;
-              padding: 0;
-              box-sizing: border-box;
-              font-family: 'Cairo', 'Arial', sans-serif;
-            }
-            body {
-              background: white;
-              padding: 20px;
-            }
-            .pdf-container {
-              max-width: 800px;
-              margin: 0 auto;
-              background: white;
-            }
-            .pdf-header {
-              text-align: center;
-              margin-bottom: 30px;
-              padding-bottom: 20px;
-              border-bottom: 3px solid #f59e0b;
-            }
-            .pdf-logo {
-              width: 60px;
-              height: 60px;
-              background: linear-gradient(135deg, #f59e0b, #d97706);
-              border-radius: 15px;
-              display: inline-flex;
-              align-items: center;
-              justify-content: center;
-              margin-bottom: 15px;
-            }
-            .pdf-logo svg {
-              width: 32px;
-              height: 32px;
-            }
-            .pdf-title {
-              font-size: 24px;
-              font-weight: bold;
-              color: #1f2937;
-              margin-bottom: 5px;
-            }
-            .pdf-subtitle {
-              font-size: 12px;
-              color: #6b7280;
-            }
-            .pdf-section {
-              margin-bottom: 25px;
-              background: #f9fafb;
-              border-radius: 16px;
-              padding: 20px;
-              break-inside: avoid;
-            }
-            .pdf-section-title {
-              font-size: 18px;
-              font-weight: bold;
-              color: #f59e0b;
-              margin-bottom: 15px;
-              padding-bottom: 8px;
-              border-bottom: 2px solid #e5e7eb;
-              display: flex;
-              align-items: center;
-              gap: 8px;
-            }
-            .pdf-grid {
-              display: grid;
-              grid-template-columns: repeat(2, 1fr);
-              gap: 12px;
-            }
-            .pdf-info-item {
-              display: flex;
-              justify-content: space-between;
-              padding: 10px 0;
-              border-bottom: 1px solid #f3f4f6;
-            }
-            .pdf-label {
-              font-weight: 600;
-              color: #4b5563;
-              font-size: 14px;
-            }
-            .pdf-value {
-              color: #1f2937;
-              font-weight: 500;
-              font-size: 14px;
-            }
-            .pdf-status {
-              display: inline-block;
-              padding: 4px 12px;
-              border-radius: 20px;
-              font-size: 12px;
-              font-weight: 600;
-            }
-            .pdf-status-pending { background: #fef3c7; color: #d97706; }
-            .pdf-status-ownerConfirmed { background: #dbeafe; color: #2563eb; }
-            .pdf-status-depositPaid { background: #e0e7ff; color: #4338ca; }
-            .pdf-status-depositConfirmed { background: #d1fae5; color: #059669; }
-            .pdf-status-completed { background: #e5e7eb; color: #4b5563; }
-            .pdf-status-cancelled { background: #fee2e2; color: #dc2626; }
-            .pdf-status-unknown { background: #f3f4f6; color: #4b5563; }
-            .pdf-amount {
-              font-size: 18px;
-              font-weight: bold;
-              color: #f59e0b;
-            }
-            .pdf-footer {
-              margin-top: 30px;
-              text-align: center;
-              padding-top: 20px;
-              border-top: 1px solid #e5e7eb;
-              font-size: 11px;
-              color: #9ca3af;
-            }
-            .pdf-badge {
-              display: inline-block;
-              padding: 2px 8px;
-              border-radius: 12px;
-              font-size: 11px;
-              font-weight: 500;
-              background: #f3f4f6;
-              color: #374151;
-            }
-            @media print {
-              body {
-                padding: 0;
-                margin: 0;
-              }
-              .pdf-section {
-                break-inside: avoid;
-              }
-            }
-          </style>
-        </head>
-        <body>
-          <div class="pdf-container">
-            <div class="pdf-header">
-              <div class="pdf-logo">
-                <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2">
-                  <path d="M3 9L12 3L21 9L12 15L3 9Z" stroke="white" fill="none"/>
-                  <path d="M12 15V21" stroke="white"/>
-                  <path d="M8 12L4 14" stroke="white"/>
-                  <path d="M16 12L20 14" stroke="white"/>
-                </svg>
-              </div>
-              <div class="pdf-title">تقرير طلب حجز #${request.id}</div>
-              <div class="pdf-subtitle">تاريخ التقرير: ${new Date().toLocaleDateString('ar-SA')} | ${new Date().toLocaleTimeString('ar-SA')}</div>
-            </div>
-            
-            <div class="pdf-section">
-              <div class="pdf-section-title">
-                <span></span> معلومات المستأجر
-              </div>
-              <div class="pdf-grid">
-                <div class="pdf-info-item">
-                  <span class="pdf-label">الاسم الكامل:</span>
-                  <span class="pdf-value">${request.user || 'غير محدد'}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">نوع الهوية:</span>
-                  <span class="pdf-value">${userTypeLabel}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">رقم الهوية:</span>
-                  <span class="pdf-value">${request.identityNumber || 'غير محدد'}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">البريد الإلكتروني:</span>
-                  <span class="pdf-value">${request.userEmail || 'غير محدد'}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">رقم الهاتف:</span>
-                  <span class="pdf-value">${request.userPhone || 'غير محدد'}</span>
-                </div>
-              </div>
-            </div>
-            
-            <div class="pdf-section">
-              <div class="pdf-section-title">
-                <span></span> معلومات العقار
-              </div>
-              <div class="pdf-grid">
-                <div class="pdf-info-item">
-                  <span class="pdf-label">العقار:</span>
-                  <span class="pdf-value">${request.property || 'غير محدد'}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">السعر اليومي:</span>
-                  <span class="pdf-value">${formatCurrency(request.dailyPrice)}</span>
-                </div>
-              </div>
-            </div>
-            
-            <div class="pdf-section">
-              <div class="pdf-section-title">
-                <span></span> تفاصيل الحجز
-              </div>
-              <div class="pdf-grid">
-                <div class="pdf-info-item">
-                  <span class="pdf-label">تاريخ البداية:</span>
-                  <span class="pdf-value">${request.startDate || 'غير محدد'}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">تاريخ النهاية:</span>
-                  <span class="pdf-value">${request.endDate || 'غير محدد'}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">عدد الأيام:</span>
-                  <span class="pdf-value">${request.days || 0} يوم</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">الحالة:</span>
-                  <span class="pdf-value">
-                    <span class="pdf-status pdf-status-${statusMeta.pdf}">
-                      ${statusMeta.label}
-                    </span>
-                  </span>
-                </div>
-              </div>
-            </div>
-            
-            <div class="pdf-section">
-              <div class="pdf-section-title">
-                <span></span> المعلومات المالية
-              </div>
-              <div class="pdf-grid">
-                <div class="pdf-info-item">
-                  <span class="pdf-label">سلفة الضمان:</span>
-                  <span class="pdf-value">${formatCurrency(request.securityDeposit)}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">المبلغ الإجمالي:</span>
-                  <span class="pdf-value pdf-amount">${formatCurrency(request.totalAmount)}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">نسبة العمولة:</span>
-                  <span class="pdf-value">${request.commissionRate || 0}%</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">نوع العمولة:</span>
-                  <span class="pdf-value">${request.commissionType || 'غير محدد'}</span>
-                </div>
-                <div class="pdf-info-item">
-                  <span class="pdf-label">قيمة العمولة:</span>
-                  <span class="pdf-value">${formatCurrency(request.commissionAmount)}</span>
-                </div>
-              </div>
-            </div>
-            
-            ${request.notes ? `
-            <div class="pdf-section">
-              <div class="pdf-section-title">
-                <span></span> ملاحظات
-              </div>
-              <div class="pdf-info-item" style="display: block;">
-                <span class="pdf-value">${request.notes}</span>
-              </div>
-            </div>
-            ` : ''}
-            
-            <div class="pdf-section">
-              <div class="pdf-section-title">
-                <span></span> سجل الإجراءات
-              </div>
-              <div style="display: flex; flex-direction: column; gap: 8px;">
-                <div style="display: flex; align-items: center; gap: 10px;">
-                  <span class="pdf-badge"> ${request.requestDate}</span>
-                  <span class="pdf-value">تم إنشاء الطلب</span>
-                </div>
-                ${request.ownerApproved ? `
-                <div style="display: flex; align-items: center; gap: 10px;">
-                  <span class="pdf-badge">✓</span>
-                  <span class="pdf-value">تمت موافقة المالك</span>
-                </div>
-                ` : ''}
-                ${request.adminApproved ? `
-                <div style="display: flex; align-items: center; gap: 10px;">
-                  <span class="pdf-badge">✓</span>
-                  <span class="pdf-value">تمت موافقة الإدارة</span>
-                </div>
-                ` : ''}
-                ${request.ownerDelivered ? `
-                <div style="display: flex; align-items: center; gap: 10px;">
-                  <span class="pdf-badge"></span>
-                  <span class="pdf-value">تم تسليم المفتاح</span>
-                </div>
-                ` : ''}
-                ${request.tenantReceived ? `
-                <div style="display: flex; align-items: center; gap: 10px;">
-                  <span class="pdf-badge"></span>
-                  <span class="pdf-value">تم استلام العقار</span>
-                </div>
-                ` : ''}
-              </div>
-            </div>
-            
-            <div class="pdf-footer">
-              <div>تقرير صادر عن نظام SweetHome لإدارة العقارات</div>
-              <div style="margin-top: 5px;">جميع الحقوق محفوظة © ${new Date().getFullYear()} SweetHome</div>
-              <div style="margin-top: 5px; font-size: 9px;">هذا التقرير تم إنشاؤه تلقائياً ولا يحتاج إلى توقيع</div>
-            </div>
-          </div>
-        </body>
-        </html>
-      `;
-
-      document.body.appendChild(printContent);
-      
-      await new Promise(resolve => setTimeout(resolve, 200));
-      
-      const canvas = await html2canvas(printContent, {
-        scale: 2.5,
-        backgroundColor: '#ffffff',
-        logging: false,
-        useCORS: true,
-        windowWidth: printContent.scrollWidth,
-        windowHeight: printContent.scrollHeight,
-        onclone: (clonedDoc, element) => {
-        }
-      });
-      
-      const imgData = canvas.toDataURL('image/png');
-      const pdf = new jsPDF({
-        orientation: 'portrait',
-        unit: 'mm',
-        format: 'a4',
-        compress: true
-      });
-      
-      const imgWidth = 210;
-      const pageHeight = 297;
-      const imgHeight = (canvas.height * imgWidth) / canvas.width;
-      let heightLeft = imgHeight;
-      let position = 0;
-      
-      pdf.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
-      heightLeft -= pageHeight;
-      
-      let pageCount = 1;
-      while (heightLeft > 0) {
-        position = heightLeft - imgHeight;
-        pdf.addPage();
-        pdf.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
-        heightLeft -= pageHeight;
-        pageCount++;
-      }
-      
-      const fileName = `تقرير_طلب_${request.id}_${new Date().toISOString().split('T')[0]}.pdf`;
-      pdf.save(fileName);
-      
-      document.body.removeChild(printContent);
-      
-      toast.success(`تم تصدير التقرير بنجاح! (${pageCount} صفحة)`, { id: 'pdf-export' });
-      
-      if (onExportComplete) {
-        onExportComplete();
-      }
-      
-    } catch (error) {
-      console.error('Error generating PDF:', error);
-      toast.error('حدث خطأ أثناء إنشاء ملف PDF', { id: 'pdf-export' });
-    } finally {
-      setIsExporting(false);
-    }
-  };
-
-  return (
-    <button
-      onClick={generatePDF}
-      disabled={isExporting}
-      className="flex-1 bg-green-600 text-white py-3 rounded-xl font-medium hover:bg-green-700 transition-all duration-200 flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed shadow-sm hover:shadow-md"
-    >
-      {isExporting ? (
-        <>
-          <Loader2 className="w-5 h-5 animate-spin" />
-          جاري التصدير...
-        </>
-      ) : (
-        <>
-          <Download className="w-5 h-5" />
-          تصدير PDF
-        </>
-      )}
-    </button>
-  );
-};
-
-const RequestDetailsDialog = ({ request, isOpen, onClose }) => {
-  if (!isOpen || !request) return null;
-
-  const formatCurrency = (amount) => {
-    return amount?.toLocaleString() + ' ل.س';
-  };
-
-  return (
-    <motion.div
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-      className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50"
-      onClick={onClose}
-    >
-      <motion.div
-        initial={{ scale: 0.9, y: 20 }}
-        animate={{ scale: 1, y: 0 }}
-        exit={{ scale: 0.9, y: 20 }}
-        className="bg-white rounded-2xl w-full max-w-3xl max-h-[90vh] overflow-y-auto shadow-2xl"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="sticky top-0 bg-gradient-to-r from-amber-500 to-amber-600 p-5 text-white flex justify-between items-center">
-          <div>
-            <h2 className="text-xl font-bold flex items-center gap-2">
-              <FileText className="w-5 h-5" />
-              تفاصيل الطلب #{request.id}
-            </h2>
-            <p className="text-amber-100 text-sm mt-1">جميع معلومات الطلب في مكان واحد</p>
-          </div>
-          <button
-            onClick={onClose}
-            className="p-2 hover:bg-white/20 rounded-full transition-colors"
-          >
-            <XCircle className="w-6 h-6" />
-          </button>
-        </div>
-
-        <div className="p-6 space-y-6">
-          <div className="bg-gradient-to-br from-blue-50 to-indigo-50 p-4 rounded-xl">
-            <h3 className="font-bold mb-3 flex items-center gap-2 text-blue-800">
-              <User className="w-4 h-4" />
-              معلومات المستأجر
-            </h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="text-xs text-gray-500">الاسم الكامل</label>
-                <div className="font-medium">{request.user}</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">نوع الهوية</label>
-                <div className="font-medium">
-                  {request.userType || 'غير محدد'}
-                  <span className="text-xs text-gray-500 mr-2">{request.identityNumber}</span>
-                </div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">البريد الإلكتروني</label>
-                <div className="font-medium flex items-center gap-1">
-                  <Mail className="w-3 h-3 text-gray-400" />
-                  {request.userEmail}
-                </div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">رقم الهاتف</label>
-                <div className="font-medium flex items-center gap-1">
-                  <Phone className="w-3 h-3 text-gray-400" />
-                  {request.userPhone}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-gradient-to-br from-green-50 to-emerald-50 p-4 rounded-xl">
-            <h3 className="font-bold mb-3 flex items-center gap-2 text-green-800">
-              <Home className="w-4 h-4" />
-              معلومات العقار
-            </h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="text-xs text-gray-500">العقار</label>
-                <div className="font-medium">{request.property}</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">السعر اليومي</label>
-                <div className="font-medium text-green-600">{formatCurrency(request.dailyPrice)}</div>
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-gradient-to-br from-amber-50 to-orange-50 p-4 rounded-xl">
-            <h3 className="font-bold mb-3 flex items-center gap-2 text-amber-800">
-              <Calendar className="w-4 h-4" />
-              تفاصيل الحجز
-            </h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="text-xs text-gray-500">تاريخ البداية</label>
-                <div className="font-medium">{request.startDate}</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">تاريخ النهاية</label>
-                <div className="font-medium">{request.endDate}</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">عدد الأيام</label>
-                <div className="font-medium">{request.days} يوم</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">المبلغ الإجمالي</label>
-                <div className="font-medium text-green-600">{formatCurrency(request.totalAmount)}</div>
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-gradient-to-br from-purple-50 to-pink-50 p-4 rounded-xl">
-            <h3 className="font-bold mb-3 flex items-center gap-2 text-purple-800">
-              <DollarSign className="w-4 h-4" />
-              المعلومات المالية
-            </h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="text-xs text-gray-500">سلفة الضمان</label>
-                <div className="font-medium text-blue-600">{formatCurrency(request.securityDeposit)}</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">حالة العربون</label>
-                <div className={`font-medium px-3 py-1 rounded-full text-sm inline-block ${
-                  request.securityDepositPaid 
-                    ? 'bg-green-100 text-green-800' 
-                    : 'bg-yellow-100 text-yellow-800'
-                }`}>
-                  {request.securityDepositPaid ? '✓ تم الدفع' : '⏳ في انتظار الدفع'}
-                </div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">نسبة العمولة</label>
-                <div className="font-medium">{request.commissionRate}%</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">نوع العمولة</label>
-                <div className="font-medium text-amber-600">{request.commissionType}</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">قيمة العمولة</label>
-                <div className="font-medium text-amber-600">{formatCurrency(request.commissionAmount)}</div>
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-gray-50 p-4 rounded-xl">
-            <h3 className="font-bold mb-3 flex items-center gap-2">
-              <History className="w-4 h-4" />
-              سجل الإجراءات
-            </h3>
-            <div className="space-y-2">
-              <div className="flex items-center gap-2 text-sm">
-                <div className="w-2 h-2 bg-green-500 rounded-full"></div>
-                <span className="text-gray-600">تم إنشاء الطلب: {request.requestDate}</span>
-              </div>
-              {request.ownerApproved && (
-                <div className="flex items-center gap-2 text-sm">
-                  <div className="w-2 h-2 bg-blue-500 rounded-full"></div>
-                  <span className="text-gray-600">موافقة المالك</span>
-                </div>
-              )}
-              {request.adminApproved && (
-                <div className="flex items-center gap-2 text-sm">
-                  <div className="w-2 h-2 bg-green-500 rounded-full"></div>
-                  <span className="text-gray-600">موافقة الإدارة</span>
-                </div>
-              )}
-              {request.ownerDelivered && (
-                <div className="flex items-center gap-2 text-sm">
-                  <div className="w-2 h-2 bg-purple-500 rounded-full"></div>
-                  <span className="text-gray-600">تم تسليم المفتاح من المالك</span>
-                </div>
-              )}
-              {request.notes && (
-                <div className="mt-3 p-3 bg-white rounded-lg border">
-                  <p className="text-sm text-gray-600">{request.notes}</p>
-                </div>
-              )}
-            </div>
-          
-          </div>
-        </div>
-
-        <div className="sticky bottom-0 bg-white border-t p-4 flex gap-3 shadow-lg">
-          <button
-            onClick={() => window.print()}
-            className="flex-1 bg-blue-600 text-white py-3 rounded-xl font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"
-          >
-            <Printer className="w-5 h-5" />
-            طباعة التفاصيل
-          </button>
-          
-          <PDFExportButton request={request} />
-        </div>
-      </motion.div>
-    </motion.div>
-  );
-};
-
-const RequestCard = ({ request, onConfirmDeposit, onViewDetails, confirmingDepositId }) => {
-  const [expanded, setExpanded] = useState(
-    Number(request.status) === RESERVATION_STATUS.depositPaid,
-  );
-  const isConfirmingDeposit = confirmingDepositId === request.id;
-  const statusMeta = getStatusMeta(request.status);
-  const canConfirmDeposit = Number(request.status) === RESERVATION_STATUS.depositPaid;
-
-  const formatCurrency = (amount) => {
-    const value = Number(amount) || 0;
-    return value.toLocaleString() + ' ل.س';
-  };
-
-  return (
-    <motion.div
-      initial={{ opacity: 0, y: 20 }}
-      animate={{ opacity: 1, y: 0 }}
-      className={`bg-white border-2 rounded-2xl overflow-hidden transition-all hover:shadow-xl ${statusMeta.card}`}
-    >
-      <div className="p-4 cursor-pointer" onClick={() => setExpanded((prev) => !prev)}>
-        <div className="flex items-center justify-between gap-3">
-          <div className="flex items-center gap-3">
-            <span className="text-lg font-bold text-gray-900">طلب #{request.id}</span>
-            <span className={`px-3 py-1 rounded-full text-xs font-medium shadow-sm ${statusMeta.badge}`}>
-              {statusMeta.label}
-            </span>
-          </div>
-          <div className="flex items-center gap-3">
-            <span className="text-sm text-gray-500">{request.requestDate}</span>
-            {expanded ? (
-              <ChevronUp className="w-5 h-5 text-gray-400" />
-            ) : (
-              <ChevronDown className="w-5 h-5 text-gray-400" />
-            )}
-          </div>
-        </div>
-
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mt-3">
-          <div className="flex items-center gap-2 text-sm">
-            <User className="w-4 h-4 text-gray-400" />
-            <span className="truncate">{request.user}</span>
-          </div>
-          <div className="flex items-center gap-2 text-sm">
-            <Home className="w-4 h-4 text-gray-400" />
-            <span className="truncate">{request.property}</span>
-          </div>
-          <div className="flex items-center gap-2 text-sm">
-            <Calendar className="w-4 h-4 text-gray-400" />
-            <span>{request.days} أيام</span>
-          </div>
-          <div className="flex items-center gap-2 text-sm">
-            <DollarSign className="w-4 h-4 text-gray-400" />
-            <span className="font-bold text-green-600">{formatCurrency(request.totalAmount)}</span>
-          </div>
-        </div>
-      </div>
-
-      <AnimatePresence>
-        {expanded && (
-          <motion.div
-            initial={{ height: 0, opacity: 0 }}
-            animate={{ height: 'auto', opacity: 1 }}
-            exit={{ height: 0, opacity: 0 }}
-            className="border-t bg-white p-4"
-          >
-            <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-4">
-              <div className="bg-blue-50 p-2 rounded-lg">
-                <div className="text-xs text-gray-500">العربون</div>
-                <div className="font-bold text-blue-600">{formatCurrency(request.securityDeposit)}</div>
-              </div>
-              <div className={`p-2 rounded-lg ${request.securityDepositPaid ? 'bg-green-50' : 'bg-yellow-50'}`}>
-                <div className="text-xs text-gray-500">حالة العربون</div>
-                <div className={`font-bold text-xs ${request.securityDepositPaid ? 'text-green-600' : 'text-yellow-600'}`}>
-                  {request.securityDepositPaid ? 'تم دفع العربون' : 'بانتظار الدفع'}
-                </div>
-              </div>
-              <div className="bg-amber-50 p-2 rounded-lg">
-                <div className="text-xs text-gray-500">العمولة</div>
-                <div className="font-bold text-amber-600">{request.commissionRate}% ({request.commissionType})</div>
-              </div>
-              <div className="bg-purple-50 p-2 rounded-lg">
-                <div className="text-xs text-gray-500">مدة الإيجار</div>
-                <div className="font-bold text-purple-600 text-xs">{request.startDate} إلى {request.endDate}</div>
-              </div>
-            </div>
-
-            {(request.userEmail || request.userPhone) && (
-              <div className="bg-green-50 p-3 rounded-lg mb-4">
-                <h4 className="font-bold text-sm mb-2 flex items-center gap-2 text-green-800">
-                  <Phone className="w-4 h-4" />
-                  معلومات الاتصال
-                </h4>
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-2 text-sm">
-                  <div className="flex items-center gap-1">
-                    <Mail className="w-3 h-3 text-gray-500" />
-                    <span>{request.userEmail || 'غير متوفر'}</span>
-                  </div>
-                  <div className="flex items-center gap-1">
-                    <Phone className="w-3 h-3 text-gray-500" />
-                    <span>{request.userPhone || 'غير متوفر'}</span>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            <div className="space-y-3">
-              <div className={`grid gap-3 ${canConfirmDeposit ? 'grid-cols-1 md:grid-cols-2' : 'grid-cols-1'}`}>
-                <button
-                  onClick={() => onViewDetails(request)}
-                  className="bg-gray-100 text-gray-700 py-3 rounded-xl font-medium hover:bg-gray-200 transition-colors flex items-center justify-center gap-2"
-                >
-                  <FileText className="w-5 h-5" />
-                  عرض التفاصيل
-                </button>
-
-                {canConfirmDeposit && (
-                  <button
-                    onClick={() => onConfirmDeposit(request)}
-                    disabled={isConfirmingDeposit}
-                    className={`py-3 rounded-xl font-medium flex items-center justify-center gap-2 transition-all ${
-                      isConfirmingDeposit
-                        ? 'bg-indigo-300 text-white cursor-wait'
-                        : 'bg-indigo-600 text-white hover:bg-indigo-700 transform hover:scale-[1.01]'
-                    }`}
-                  >
-                    {isConfirmingDeposit ? (
-                      <Loader2 className="w-5 h-5 animate-spin" />
-                    ) : (
-                      <CreditCard className="w-5 h-5" />
-                    )}
-                    <span>تأكيد العربون</span>
-                  </button>
-                )}
-              </div>
-
-              {Number(request.status) === RESERVATION_STATUS.depositConfirmed && (
-                <div className="rounded-xl bg-green-50 px-4 py-3 text-sm text-green-800">
-                  تم تأكيد العربون من قبل الإدارة.
-                </div>
-              )}
-
-              {request.notes && (
-                <div className="rounded-xl bg-gray-50 px-4 py-3 text-sm text-gray-700">
-                  {request.notes}
-                </div>
-              )}
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </motion.div>
-  );
-};
-
-export default function BookingRequests() {
-  /*
-    Legacy dummy data kept for reference only. The page now loads real
-    reservations from the API instead of rendering these local examples.
-
-    const DUMMY_REQUESTS = [
-      {
-        id: 'REQ001',
-        user: 'أحمد محمد',
-        userEmail: 'ahmed@example.com',
-        userPhone: '0938123456',
-        userType: 'syrian',
-        identityNumber: '123456789',
-        property: 'فيلا فاخرة في دمشق',
-        propertyId: 1,
-        startDate: '2024-03-01',
-        endDate: '2024-03-10',
-        days: 10,
-        totalAmount: 5000000,
-        dailyPrice: 500000,
-        commissionRate: 5,
-        commissionType: 'من المالك',
-        commissionAmount: 250000,
-        securityDeposit: 500000,
-        status: 'pending',
-        requestDate: '2024-02-25',
-        ownerApproved: false,
-        adminApproved: false,
-        ownerDelivered: false,
-        tenantReceived: false,
-        tenantLeft: false,
-        ownerReceived: false,
-        securityDepositPaid: false,
-        securityDepositReturned: null,
-        contractSigned: false,
-        notes: '',
-        actualStartDate: null,
-        actualEndDate: null
-      },
-      {
-        id: 'REQ002',
-        user: 'سارة أحمد',
-        userEmail: 'sara@example.com',
-        userPhone: '0945123789',
-        userType: 'passport',
-        identityNumber: 'AB123456',
-        property: 'شقة حديثة في حلب',
-        propertyId: 2,
-        startDate: '2024-03-05',
-        endDate: '2024-03-15',
-        days: 10,
-        totalAmount: 2500000,
-        dailyPrice: 250000,
-        commissionRate: 7,
-        commissionType: 'من المستأجر',
-        commissionAmount: 175000,
-        securityDeposit: 250000,
-        status: 'admin_approved',
-        requestDate: '2024-02-24',
-        ownerApproved: true,
-        adminApproved: true,
-        ownerDelivered: false,
-        tenantReceived: false,
-        tenantLeft: false,
-        ownerReceived: false,
-        securityDepositPaid: false,
-        securityDepositReturned: null,
-        contractSigned: false,
-        notes: '',
-        actualStartDate: null,
-        actualEndDate: null
-      },
-      {
-        id: 'REQ003',
-        user: 'محمد الحلبي',
-        userEmail: 'mohammed@example.com',
-        userPhone: '0956123456',
-        userType: 'syrian',
-        identityNumber: '987654321',
-        property: 'شقة بجانب البحر في اللاذقية',
-        propertyId: 3,
-        startDate: '2024-02-20',
-        endDate: '2024-03-20',
-        days: 30,
-        totalAmount: 9000000,
-        dailyPrice: 300000,
-        commissionRate: 5,
-        commissionType: 'من الاثنين',
-        commissionAmount: 450000,
-        securityDeposit: 500000,
-        status: 'active',
-        requestDate: '2024-02-15',
-        ownerApproved: true,
-        adminApproved: true,
-        ownerDelivered: true,
-        tenantReceived: true,
-        tenantLeft: false,
-        ownerReceived: false,
-        securityDepositPaid: true,
-        securityDepositReturned: null,
-        contractSigned: true,
-        notes: 'عقد موقع إلكترونياً',
-        actualStartDate: '2024-02-20',
-        actualEndDate: null
-      }
-    ];
-  */
-
-  const [requests, setRequests] = useState([]);
-  const [filter, setFilter] = useState('depositPaid');
-  const [detailsDialog, setDetailsDialog] = useState({ isOpen: false, request: null });
-  const [confirmingDepositId, setConfirmingDepositId] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [loadError, setLoadError] = useState('');
-
-  const loadReservations = useCallback(async () => {
-    setIsLoading(true);
-    setLoadError('');
-
-    try {
-      if (!AuthService.isAdmin()) {
-        throw new Error('هذه الصفحة متاحة للإدارة فقط');
-      }
-
-      let list = await getReservations();
-      if (!Array.isArray(list)) {
-        list = [];
-      }
-
-      const propertyCache = new Map();
-      const uniquePropertyIds = [...new Set(list.map((item) => item?.propertyId).filter((id) => id != null))];
-
-      await Promise.all(
-        uniquePropertyIds.map(async (propertyId) => {
-          try {
-            const property = await getRentProperty(propertyId);
-            propertyCache.set(propertyId, property);
-          } catch (error) {
-            console.warn('[Admin] Failed to load property details for reservation:', propertyId, error);
-            propertyCache.set(propertyId, null);
-          }
-        }),
-      );
-
-      const normalizedRequests = list
-        .map((reservation) => normalizeReservation(reservation, propertyCache.get(reservation?.propertyId)))
-        .filter((reservation) => reservation?.id != null)
-        .sort((left, right) => {
-          const leftDate = new Date(left.createdAt || 0).getTime();
-          const rightDate = new Date(right.createdAt || 0).getTime();
-          return rightDate - leftDate;
-        });
-
-      setRequests(normalizedRequests);
-    } catch (error) {
-      console.error('[Admin] Failed to load reservations:', error);
-      setLoadError(error.message || 'فشل تحميل الحجوزات');
-      setRequests([]);
-      toast.error(error.message || 'فشل تحميل الحجوزات');
-    } finally {
-      setIsLoading(false);
-    }
-  }, []);
-
-  useEffect(() => {
-    loadReservations();
-  }, [loadReservations]);
-
-  const handleDepositConfirmation = async (request) => {
-    if (!AuthService.isAdmin()) {
-      console.warn('[Admin] Deposit confirmation blocked: current user is not admin', {
-        user: AuthService.getUser(),
-        roles: AuthService.getRoles?.(),
-        request,
-      });
-      toast.error('هذا الإجراء متاح للإدارة فقط');
-      return;
-    }
-
-    if (Number(request?.status) !== RESERVATION_STATUS.depositPaid) {
-      console.warn('[Admin] Deposit confirmation blocked: reservation is not in depositPaid state', {
-        requestId: request?.id,
-        reservationId: request?.reservationId,
-        status: request?.status,
-      });
-      toast.error('يمكن تأكيد العربون فقط عندما تكون الحالة depositPaid');
-      return;
-    }
-
-    const reservationId = Number(request?.reservationId ?? request?.id);
-    if (!Number.isFinite(reservationId)) {
-      toast.error('تعذر تحديد رقم الحجز المطلوب');
-      return;
-    }
-
-    const adminUser = AuthService.getUser();
-    const parsedAdminId = Number(adminUser?.id);
-    const adminId = Number.isFinite(parsedAdminId) ? parsedAdminId : adminUser?.id;
-    const comment =
-      typeof request?.comment === 'string' && request.comment.trim()
-        ? request.comment.trim()
-        : null;
-
-    console.log('[Admin] Preparing admin confirm deposit request', {
-      requestId: request?.id,
-      reservationId,
-      adminId,
-      adminUser,
-      status: request?.status,
-      endpoint: '/Reservations/AdminConfirmDeposit/admin-confirm-deposit',
-      payload: {
-        reservationId,
-        adminId,
-        comment,
-      },
-    });
-
-    if (adminId == null || adminId === '') {
-      console.warn('[Admin] Deposit confirmation blocked: adminId is missing', {
-        adminUser,
-        parsedAdminId,
-      });
-      toast.error('لم نتمكن من تحديد هوية المدير');
-      return;
-    }
-
-    setConfirmingDepositId(request.id);
-
-    try {
-      const result = await adminConfirmDeposit(reservationId, adminId, comment);
-
-      console.log('[Admin] Deposit confirmation response', {
-        requestId: request?.id,
-        reservationId,
-        adminId,
-        comment,
-        status: result?.status,
-        ok: result?.ok,
-        message: result?.message,
-        data: result?.data,
-      });
-
-      if (!result.ok) {
-        throw new Error(result.message || result.data?.message || `HTTP ${result.status}`);
-      }
-
-      setRequests((prev) =>
-        prev.map((req) =>
-          req.id === request.id
-            ? {
-                ...req,
-                status: RESERVATION_STATUS.depositConfirmed,
-                adminApproved: true,
-                securityDepositPaid: true,
-                notes: comment || 'تم تأكيد العربون من قبل الإدارة',
-              }
-            : req,
-        ),
-      );
-
-      toast.success('تم تأكيد العربون بنجاح');
-    } catch (err) {
-      console.error('[Admin] Deposit confirmation failed:', err);
-      toast.error(err.message || 'فشل تأكيد العربون');
-    } finally {
-      setConfirmingDepositId(null);
-    }
-  };
-
-  const filteredRequests = requests.filter((req) =>
-    filter === 'all' ? true : getStatusKey(req.status) === filter,
-  );
-
-  const counts = FILTER_TABS.reduce((acc, tab) => {
-    acc[tab.id] =
-      tab.id === 'all'
-        ? requests.length
-        : requests.filter((req) => getStatusKey(req.status) === tab.id).length;
-    return acc;
-  }, {});
-
-  const stats = {
-    total: requests.length,
-    depositPaid: counts.depositPaid || 0,
-    depositConfirmed: counts.depositConfirmed || 0,
-    completed: counts.completed || 0,
-  };
-
-  return (
-    <div className="space-y-6">
-      <Toaster position="top-center" reverseOrder={false} />
-
-      <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
-        <div>
-          <h2 className="text-2xl font-bold text-gray-900">متابعة حجوزات العربون</h2>
-          <p className="text-sm text-gray-600 mt-1">
-            يتم جلب جميع الحجوزات من الخادم، مع فتح الحجوزات ذات الحالة <span className="font-semibold">depositPaid (2)</span> بشكل افتراضي.
-          </p>
-        </div>
-
-        <button
-          onClick={loadReservations}
-          disabled={isLoading}
-          className="self-start rounded-xl bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-200 disabled:cursor-wait disabled:opacity-60"
-        >
-          {isLoading ? 'جاري التحديث...' : 'تحديث الحجوزات'}
-        </button>
-      </div>
-
-      {loadError && (
-        <div className="rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
-          {loadError}
-        </div>
-      )}
-
-      <div className="grid grid-cols-2 xl:grid-cols-4 gap-4">
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          className="bg-gradient-to-br from-blue-600 to-blue-700 text-white rounded-2xl p-4 shadow-lg"
-        >
-          <div className="text-3xl font-bold mb-1">{stats.total}</div>
-          <div className="text-sm opacity-90">إجمالي الحجوزات</div>
-        </motion.div>
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.1 }}
-          className="bg-gradient-to-br from-indigo-600 to-indigo-700 text-white rounded-2xl p-4 shadow-lg"
-        >
-          <div className="text-3xl font-bold mb-1">{stats.depositPaid}</div>
-          <div className="text-sm opacity-90">تم دفع العربون</div>
-        </motion.div>
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.2 }}
-          className="bg-gradient-to-br from-green-600 to-green-700 text-white rounded-2xl p-4 shadow-lg"
-        >
-          <div className="text-3xl font-bold mb-1">{stats.depositConfirmed}</div>
-          <div className="text-sm opacity-90">تم تأكيد العربون</div>
-        </motion.div>
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.3 }}
-          className="bg-gradient-to-br from-gray-600 to-gray-700 text-white rounded-2xl p-4 shadow-lg"
-        >
-          <div className="text-3xl font-bold mb-1">{stats.completed}</div>
-          <div className="text-sm opacity-90">منتهية</div>
-        </motion.div>
-      </div>
-
-      <div className="bg-white/80 backdrop-blur-sm rounded-2xl p-4 shadow-lg border border-white/20">
-        <div className="flex items-center justify-between mb-3">
-          <h3 className="font-bold text-gray-700">تصفية حسب الحالة</h3>
-          <span className="text-sm text-gray-500">{filteredRequests.length} طلب</span>
-        </div>
-
-        <div className="flex flex-wrap gap-2">
-          {FILTER_TABS.map((tab) => (
-            <button
-              key={tab.id}
-              onClick={() => setFilter(tab.id)}
-              className={`rounded-xl px-4 py-2 text-sm font-medium transition-all transform hover:scale-[1.01] ${
-                filter === tab.id ? tab.tabActive : tab.tabIdle
-              }`}
-            >
-              {tab.label} ({counts[tab.id] || 0})
-            </button>
-          ))}
-        </div>
-      </div>
-
-      {isLoading ? (
-        <div className="flex items-center justify-center py-16">
-          <Loader2 className="w-10 h-10 text-indigo-600 animate-spin" />
-        </div>
-      ) : (
-        <div className="space-y-4">
-          {filteredRequests.map((request) => (
-            <RequestCard
-              key={request.id}
-              request={request}
-              onConfirmDeposit={handleDepositConfirmation}
-              onViewDetails={(selectedRequest) => setDetailsDialog({ isOpen: true, request: selectedRequest })}
-              confirmingDepositId={confirmingDepositId}
-            />
-          ))}
-        </div>
-      )}
-
-      {!isLoading && filteredRequests.length === 0 && (
-        <motion.div
-          initial={{ opacity: 0, scale: 0.9 }}
-          animate={{ opacity: 1, scale: 1 }}
-          className="text-center py-16 bg-white rounded-2xl border-2 border-dashed border-gray-300"
-        >
-          <div className="w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4">
-            <Clock className="w-12 h-12 text-gray-400" />
-          </div>
-          <h3 className="text-xl font-bold text-gray-700 mb-2">لا توجد حجوزات مطابقة</h3>
-          <p className="text-gray-500">
-            لم يتم العثور على حجوزات ضمن الحالة الحالية.
-          </p>
-        </motion.div>
-      )}
-
-      <RequestDetailsDialog
-        request={detailsDialog.request}
-        isOpen={detailsDialog.isOpen}
-        onClose={() => setDetailsDialog({ isOpen: false, request: null })}
-      />
-    </div>
-  );
-}
diff --git a/app/components/admin/DashboardStats.js b/app/components/admin/DashboardStats.js
deleted file mode 100644
index 5b15024..0000000
--- a/app/components/admin/DashboardStats.js
+++ /dev/null
@@ -1,139 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-import { Users, Home, Calendar, DollarSign } from 'lucide-react';
-import { useEffect, useState } from 'react';
-
-export default function DashboardStats() {
-  const [stats, setStats] = useState({
-    totalUsers: 0,
-    totalProperties: 0,
-    activeBookings: 0,
-    totalRevenue: 0,
-    pendingRequests: 0,
-    availableProperties: 0
-  });
-
-  useEffect(() => {
-    setStats({
-      totalUsers: 156,
-      totalProperties: 89,
-      activeBookings: 34,
-      totalRevenue: 12500000,
-      pendingRequests: 12,
-      availableProperties: 45
-    });
-  }, []);
-
-  const formatNumber = (num) => {
-    return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-  };
-
-  const formatCurrency = (amount) => {
-    return `${formatNumber(amount)} ل.س`;
-  };
-
-  const cards = [
-    {
-      title: 'إجمالي المستخدمين',
-      value: stats.totalUsers,
-      icon: Users,
-      color: 'from-blue-600 to-blue-700',
-      bgColor: 'bg-blue-100',
-      iconColor: 'text-blue-600'
-    },
-    {
-      title: 'إجمالي العقارات',
-      value: stats.totalProperties,
-      icon: Home,
-      color: 'from-emerald-600 to-emerald-700',
-      bgColor: 'bg-emerald-100',
-      iconColor: 'text-emerald-600'
-    },
-    {
-      title: 'الحجوزات النشطة',
-      value: stats.activeBookings,
-      icon: Calendar,
-      color: 'from-purple-600 to-purple-700',
-      bgColor: 'bg-purple-100',
-      iconColor: 'text-purple-600'
-    },
-    {
-      title: 'الإيرادات',
-      value: formatCurrency(stats.totalRevenue),
-      icon: DollarSign,
-      color: 'from-amber-600 to-amber-700',
-      bgColor: 'bg-amber-100',
-      iconColor: 'text-amber-600'
-    }
-  ];
-
-  return (
-    <div className="space-y-6">
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-        {cards.map((card, index) => {
-          const Icon = card.icon;
-          return (
-            <motion.div
-              key={card.title}
-              initial={{ opacity: 0, y: 20 }}
-              animate={{ opacity: 1, y: 0 }}
-              transition={{ delay: index * 0.1 }}
-              className={`bg-gradient-to-br ${card.color} text-white rounded-xl shadow-lg p-5`}
-            >
-              <div className="flex items-center justify-between mb-4">
-                <div className={`p-3 ${card.bgColor} bg-opacity-20 rounded-lg`}>
-                  <Icon className="w-6 h-6" />
-                </div>
-                <div className="text-right">
-                  <div className="text-2xl font-bold">{card.value}</div>
-                  <div className="text-sm opacity-90">{card.title}</div>
-                </div>
-              </div>
-              <div className="text-xs opacity-75">
-                آخر تحديث: الآن
-              </div>
-            </motion.div>
-          );
-        })}
-      </div>
-
-      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-        <motion.div
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 1 }}
-          transition={{ delay: 0.4 }}
-          className="bg-white border rounded-lg p-4"
-        >
-          <div className="text-sm text-gray-600 mb-1">طلبات حجز معلقة</div>
-          <div className="text-2xl font-bold text-yellow-600">{stats.pendingRequests}</div>
-          <div className="text-xs text-gray-500">بحاجة لموافقة</div>
-        </motion.div>
-
-        <motion.div
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 1 }}
-          transition={{ delay: 0.5 }}
-          className="bg-white border rounded-lg p-4"
-        >
-          <div className="text-sm text-gray-600 mb-1">عقارات متاحة</div>
-          <div className="text-2xl font-bold text-green-600">{stats.availableProperties}</div>
-          <div className="text-xs text-gray-500">جاهزة للإيجار</div>
-        </motion.div>
-
-        <motion.div
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 1 }}
-          transition={{ delay: 0.6 }}
-          className="bg-white border rounded-lg p-4"
-        >
-          <div className="text-sm text-gray-600 mb-1">نسبة الإشغال</div>
-          <div className="text-2xl font-bold text-blue-600">
-            {Math.round((stats.activeBookings / stats.totalProperties) * 100)}%
-          </div>
-          <div className="text-xs text-gray-500">من إجمالي العقارات</div>
-        </motion.div>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/app/components/admin/LedgerBook.js b/app/components/admin/LedgerBook.js
deleted file mode 100644
index fe86650..0000000
--- a/app/components/admin/LedgerBook.js
+++ /dev/null
@@ -1,607 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { motion } from 'framer-motion';
-import { 
-  DollarSign, 
-  Calendar, 
-  User, 
-  Home,
-  Download,
-  Filter,
-  Search,
-  TrendingUp,
-  TrendingDown,
-  Wallet,
-  Shield,
-  FileText,
-  Printer,
-  X,
-  CheckCircle
-} from 'lucide-react';
-import { formatCurrency } from '@/app/utils/calculations';
-import toast, { Toaster } from 'react-hot-toast';
-import * as XLSX from 'xlsx';
-
-export default function LedgerBook({ userType = 'admin' }) {
-  const [transactions, setTransactions] = useState([]);
-  const [filteredTransactions, setFilteredTransactions] = useState([]);
-  const [dateRange, setDateRange] = useState({ start: '', end: '' });
-  const [searchTerm, setSearchTerm] = useState('');
-  const [summary, setSummary] = useState({
-    totalRevenue: 0,
-    pendingPayments: 0,
-    securityDeposits: 0,
-    commissionEarned: 0
-  });
-  const [isExporting, setIsExporting] = useState(false);
-
-  useEffect(() => {
-    loadTransactions();
-  }, []);
-
-  useEffect(() => {
-    filterTransactions();
-    calculateSummary();
-  }, [transactions, dateRange, searchTerm]);
-
-  const loadTransactions = async () => {
-    const mockTransactions = [
-      {
-        id: 'T001',
-        date: '2024-02-20',
-        type: 'rent_payment',
-        description: 'دفعة إيجار - فيلا في دمشق',
-        amount: 500000,
-        commission: 25000,
-        fromUser: 'أحمد محمد',
-        toUser: 'مالك العقار',
-        propertyId: 1,
-        propertyName: 'luxuryVillaDamascus',
-        status: 'completed',
-        paymentMethod: 'cash'
-      },
-      {
-        id: 'T002',
-        date: '2024-02-19',
-        type: 'security_deposit',
-        description: 'سلفة ضمان - شقة في حلب',
-        amount: 250000,
-        commission: 0,
-        fromUser: 'سارة أحمد',
-        toUser: 'مالك العقار',
-        propertyId: 2,
-        propertyName: 'modernApartmentAleppo',
-        status: 'pending_refund',
-        paymentMethod: 'cash'
-      },
-      {
-        id: 'T003',
-        date: '2024-02-18',
-        type: 'commission',
-        description: 'عمولة منصة - فيلا في درعا',
-        amount: 30000,
-        commission: 30000,
-        fromUser: 'محمد الحلبي',
-        toUser: 'المنصة',
-        propertyId: 5,
-        propertyName: 'villaDaraa',
-        status: 'completed',
-        paymentMethod: 'cash'
-      }
-    ];
-    setTransactions(mockTransactions);
-  };
-
-  const filterTransactions = () => {
-    let filtered = [...transactions];
-
-    if (dateRange.start && dateRange.end) {
-      filtered = filtered.filter(t => 
-        t.date >= dateRange.start && t.date <= dateRange.end
-      );
-    }
-
-    if (searchTerm) {
-      filtered = filtered.filter(t =>
-        t.description.includes(searchTerm) ||
-        t.fromUser.includes(searchTerm) ||
-        t.toUser.includes(searchTerm)
-      );
-    }
-
-    setFilteredTransactions(filtered);
-  };
-
-  const calculateSummary = () => {
-    const summary = filteredTransactions.reduce((acc, t) => {
-      if (t.type === 'rent_payment' || t.type === 'commission') {
-        acc.totalRevenue += t.amount;
-      }
-      if (t.type === 'security_deposit' && t.status === 'pending_refund') {
-        acc.securityDeposits += t.amount;
-      }
-      if (t.commission) {
-        acc.commissionEarned += t.commission;
-      }
-      if (t.status === 'pending') {
-        acc.pendingPayments += t.amount;
-      }
-      return acc;
-    }, {
-      totalRevenue: 0,
-      pendingPayments: 0,
-      securityDeposits: 0,
-      commissionEarned: 0
-    });
-
-    setSummary(summary);
-  };
-
-  const getTransactionIcon = (type) => {
-    switch(type) {
-      case 'rent_payment':
-        return <Home className="w-4 h-4 text-blue-600" />;
-      case 'security_deposit':
-        return <Shield className="w-4 h-4 text-green-600" />;
-      case 'commission':
-        return <TrendingUp className="w-4 h-4 text-amber-600" />;
-      default:
-        return <DollarSign className="w-4 h-4" />;
-    }
-  };
-
-  const exportToExcel = async () => {
-    if (filteredTransactions.length === 0) {
-      toast.error('لا توجد معاملات للتصدير');
-      return;
-    }
-
-    setIsExporting(true);
-    toast.loading('جاري تصدير البيانات...', { id: 'export' });
-
-    try {
-      const exportData = filteredTransactions.map(t => ({
-        'رقم العملية': t.id,
-        'التاريخ': t.date,
-        'نوع العملية': t.type === 'rent_payment' ? 'دفعة إيجار' :
-                       t.type === 'security_deposit' ? 'سلفة ضمان' :
-                       t.type === 'commission' ? 'عمولة' : 'أخرى',
-        'الوصف': t.description,
-        'من': t.fromUser,
-        'إلى': t.toUser,
-        'المبلغ (ل.س)': t.amount,
-        'العمولة (ل.س)': t.commission || 0,
-        'الحالة': t.status === 'completed' ? 'مكتمل' :
-                  t.status === 'pending' ? 'معلق' :
-                  t.status === 'pending_refund' ? 'بإنتظار الاسترداد' : 'مؤكد',
-      }));
-
-      const summaryRow = {
-        'رقم العملية': '',
-        'التاريخ': '',
-        'نوع العملية': '',
-        'الوصف': '',
-        'من': '',
-        'إلى': '',
-        'المبلغ (ل.س)': summary.totalRevenue,
-        'العمولة (ل.س)': summary.commissionEarned,
-        'الحالة': ''
-      };
-      
-      exportData.push(summaryRow);
-
-      const worksheet = XLSX.utils.json_to_sheet(exportData);
-      
-      const columnWidths = [
-        { wch: 12 }, // رقم العملية
-        { wch: 12 }, // التاريخ
-        { wch: 12 }, // نوع العملية
-        { wch: 30 }, // الوصف
-        { wch: 20 }, // من
-        { wch: 20 }, // إلى
-        { wch: 15 }, // المبلغ
-        { wch: 15 }, // العمولة
-        { wch: 12 }, // الحالة
-      ];
-      worksheet['!cols'] = columnWidths;
-
-      const range = XLSX.utils.decode_range(worksheet['!ref']);
-      for (let C = range.s.c; C <= range.e.c; ++C) {
-        const address = XLSX.utils.encode_col(C) + '1';
-        if (!worksheet[address]) continue;
-        worksheet[address].s = {
-          font: { bold: true, sz: 12 },
-          fill: { fgColor: { rgb: "F59E0B" } },
-          alignment: { horizontal: "center", vertical: "center" }
-        };
-      }
-
-      
-      const workbook = XLSX.utils.book_new();
-      XLSX.utils.book_append_sheet(workbook, worksheet, 'دفتر الحسابات');
-      
-      const fileName = `دفتر_الحسابات_${new Date().toISOString().split('T')[0]}.xlsx`;
-      
-      XLSX.writeFile(workbook, fileName);
-      
-      toast.success(`تم تصدير ${filteredTransactions.length} معاملة بنجاح!`, { id: 'export' });
-      
-    } catch (error) {
-      console.error('Error exporting to Excel:', error);
-      toast.error('حدث خطأ أثناء تصدير البيانات', { id: 'export' });
-    } finally {
-      setIsExporting(false);
-    }
-  };
-
-  const printReport = () => {
-    const printWindow = window.open('', '_blank');
-    printWindow.document.write(`
-      <!DOCTYPE html>
-      <html dir="rtl">
-      <head>
-        <meta charset="UTF-8">
-        <title>تقرير دفتر الحسابات</title>
-        <style>
-          body {
-            font-family: 'Cairo', Arial, sans-serif;
-            padding: 20px;
-            direction: rtl;
-          }
-          .header {
-            text-align: center;
-            margin-bottom: 30px;
-            padding-bottom: 20px;
-            border-bottom: 2px solid #f59e0b;
-          }
-          .title {
-            font-size: 24px;
-            font-weight: bold;
-            color: #1f2937;
-          }
-          .subtitle {
-            color: #6b7280;
-            margin-top: 5px;
-          }
-          .summary {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 15px;
-            margin-bottom: 30px;
-          }
-          .summary-card {
-            background: #f9fafb;
-            padding: 15px;
-            border-radius: 12px;
-            text-align: center;
-          }
-          .summary-value {
-            font-size: 20px;
-            font-weight: bold;
-            color: #f59e0b;
-          }
-          table {
-            width: 100%;
-            border-collapse: collapse;
-            margin-top: 20px;
-          }
-          th, td {
-            border: 1px solid #e5e7eb;
-            padding: 10px;
-            text-align: right;
-          }
-          th {
-            background: #f59e0b;
-            color: white;
-            font-weight: bold;
-          }
-          .footer {
-            text-align: center;
-            margin-top: 30px;
-            padding-top: 20px;
-            border-top: 1px solid #e5e7eb;
-            color: #9ca3af;
-            font-size: 12px;
-          }
-          @media print {
-            .no-print {
-              display: none;
-            }
-          }
-        </style>
-      </head>
-      <body>
-        <div class="header">
-          <div class="title">تقرير دفتر الحسابات</div>
-          <div class="subtitle">الفترة: ${dateRange.start || 'بداية السجلات'} - ${dateRange.end || 'حتى الآن'}</div>
-          <div class="subtitle">تاريخ التقرير: ${new Date().toLocaleDateString('ar-SA')}</div>
-        </div>
-        
-        <div class="summary">
-          <div class="summary-card">
-            <div>إجمالي الإيرادات</div>
-            <div class="summary-value">${formatCurrency(summary.totalRevenue)}</div>
-          </div>
-          <div class="summary-card">
-            <div>أرباح المنصة</div>
-            <div class="summary-value">${formatCurrency(summary.commissionEarned)}</div>
-          </div>
-          <div class="summary-card">
-            <div>سلف الضمان</div>
-            <div class="summary-value">${formatCurrency(summary.securityDeposits)}</div>
-          </div>
-          <div class="summary-card">
-            <div>المدفوعات المعلقة</div>
-            <div class="summary-value">${formatCurrency(summary.pendingPayments)}</div>
-          </div>
-        </div>
-        
-        <table>
-          <thead>
-            <tr>
-              <th>التاريخ</th>
-              <th>الوصف</th>
-              <th>من</th>
-              <th>إلى</th>
-              <th>المبلغ</th>
-              <th>العمولة</th>
-              <th>الحالة</th>
-            </tr>
-          </thead>
-          <tbody>
-            ${filteredTransactions.map(t => `
-              <tr>
-                <td>${t.date}</td>
-                <td>${t.description}</td>
-                <td>${t.fromUser}</td>
-                <td>${t.toUser}</td>
-                <td>${formatCurrency(t.amount)}</td>
-                <td>${t.commission ? formatCurrency(t.commission) : '-'}</td>
-                <td>${t.status === 'completed' ? 'مكتمل' : t.status === 'pending' ? 'معلق' : 'بإنتظار الرد'}</td>
-              </tr>
-            `).join('')}
-          </tbody>
-        </table>
-        
-        <div class="footer">
-          <p>تقرير صادر عن نظام SweetHome لإدارة العقارات</p>
-          <p>جميع الحقوق محفوظة © ${new Date().getFullYear()}</p>
-        </div>
-        
-        <div class="no-print" style="text-align: center; margin-top: 20px;">
-          <button onclick="window.print()" style="padding: 10px 20px; background: #f59e0b; color: white; border: none; border-radius: 8px; cursor: pointer;">
-            طباعة التقرير
-          </button>
-        </div>
-      </body>
-      </html>
-    `);
-    printWindow.document.close();
-  };
-
-  return (
-    <div className="space-y-6">
-      <Toaster position="top-center" reverseOrder={false} />
-      
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          className="bg-gradient-to-br from-blue-600 to-blue-700 text-white rounded-xl p-5"
-        >
-          <div className="flex items-center justify-between mb-3">
-            <Wallet className="w-8 h-8 opacity-80" />
-            <span className="text-sm opacity-90">إجمالي الإيرادات</span>
-          </div>
-          <div className="text-2xl font-bold">{formatCurrency(summary.totalRevenue)}</div>
-        </motion.div>
-
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.1 }}
-          className="bg-gradient-to-br from-amber-600 to-amber-700 text-white rounded-xl p-5"
-        >
-          <div className="flex items-center justify-between mb-3">
-            <TrendingUp className="w-8 h-8 opacity-80" />
-            <span className="text-sm opacity-90">أرباح المنصة</span>
-          </div>
-          <div className="text-2xl font-bold">{formatCurrency(summary.commissionEarned)}</div>
-        </motion.div>
-
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.2 }}
-          className="bg-gradient-to-br from-green-600 to-green-700 text-white rounded-xl p-5"
-        >
-          <div className="flex items-center justify-between mb-3">
-            <Shield className="w-8 h-8 opacity-80" />
-            <span className="text-sm opacity-90">سلف الضمان</span>
-          </div>
-          <div className="text-2xl font-bold">{formatCurrency(summary.securityDeposits)}</div>
-        </motion.div>
-
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.3 }}
-          className="bg-gradient-to-br from-red-600 to-red-700 text-white rounded-xl p-5"
-        >
-          <div className="flex items-center justify-between mb-3">
-            <TrendingDown className="w-8 h-8 opacity-80" />
-            <span className="text-sm opacity-90">المدفوعات المعلقة</span>
-          </div>
-          <div className="text-2xl font-bold">{formatCurrency(summary.pendingPayments)}</div>
-        </motion.div>
-      </div>
-
-      <div className="bg-white rounded-xl p-5 shadow-sm border">
-        <div className="flex flex-col md:flex-row gap-4">
-          <div className="flex-1 relative">
-            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400" />
-            <input
-              type="text"
-              placeholder="بحث في المعاملات..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-12 pr-4 py-3 border border-gray-300 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-          
-          <div className="flex gap-2">
-            <input
-              type="date"
-              value={dateRange.start}
-              onChange={(e) => setDateRange({...dateRange, start: e.target.value})}
-              className="px-4 py-3 border border-gray-300 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-            <span className="text-gray-500 self-center">إلى</span>
-            <input
-              type="date"
-              value={dateRange.end}
-              onChange={(e) => setDateRange({...dateRange, end: e.target.value})}
-              className="px-4 py-3 border border-gray-300 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <div className="flex gap-2">
-            <button
-              onClick={exportToExcel}
-              disabled={isExporting || filteredTransactions.length === 0}
-              className="px-5 py-3 bg-green-600 text-white rounded-xl flex items-center gap-2 hover:bg-green-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              {isExporting ? (
-                <>
-                  <div className="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin" />
-                  جاري التصدير...
-                </>
-              ) : (
-                <>
-                  <Download className="w-5 h-5" />
-                  تصدير Excel
-                </>
-              )}
-            </button>
-            <button
-              onClick={printReport}
-              disabled={filteredTransactions.length === 0}
-              className="px-5 py-3 bg-blue-600 text-white rounded-xl flex items-center gap-2 hover:bg-blue-700 transition-colors disabled:opacity-50"
-            >
-              <Printer className="w-5 h-5" />
-              طباعة
-            </button>
-          </div>
-        </div>
-
-        {(dateRange.start || dateRange.end || searchTerm) && (
-          <div className="mt-4 pt-4 border-t flex justify-between items-center">
-            <div className="text-sm text-gray-500">
-              <span className="font-medium">{filteredTransactions.length}</span> معاملة من إجمالي <span className="font-medium">{transactions.length}</span>
-            </div>
-            <button
-              onClick={() => {
-                setDateRange({ start: '', end: '' });
-                setSearchTerm('');
-              }}
-              className="text-sm text-red-500 hover:text-red-600 flex items-center gap-1"
-            >
-              <X className="w-4 h-4" />
-              إلغاء الفلترة
-            </button>
-          </div>
-        )}
-      </div>
-
-      <div className="bg-white rounded-xl shadow-sm border overflow-hidden">
-        <div className="overflow-x-auto">
-          <table className="w-full">
-            <thead className="bg-gray-50 border-b">
-              <tr>
-                <th className="px-6 py-4 text-right text-sm font-semibold text-gray-900">التاريخ</th>
-                <th className="px-6 py-4 text-right text-sm font-semibold text-gray-900">الوصف</th>
-                <th className="px-6 py-4 text-right text-sm font-semibold text-gray-900">من</th>
-                <th className="px-6 py-4 text-right text-sm font-semibold text-gray-900">إلى</th>
-                <th className="px-6 py-4 text-right text-sm font-semibold text-gray-900">المبلغ</th>
-                <th className="px-6 py-4 text-right text-sm font-semibold text-gray-900">العمولة</th>
-                <th className="px-6 py-4 text-right text-sm font-semibold text-gray-900">الحالة</th>
-              </tr>
-            </thead>
-            <tbody className="divide-y">
-              {filteredTransactions.map((transaction, index) => (
-                <motion.tr
-                  key={transaction.id}
-                  initial={{ opacity: 0, x: -20 }}
-                  animate={{ opacity: 1, x: 0 }}
-                  transition={{ delay: index * 0.05 }}
-                  className="hover:bg-gray-50"
-                >
-                  <td className="px-6 py-4 text-sm">
-                    <div className="flex items-center gap-2">
-                      <Calendar className="w-4 h-4 text-gray-400" />
-                      {transaction.date}
-                    </div>
-                  </td>
-                  <td className="px-6 py-4">
-                    <div className="flex items-center gap-2">
-                      {getTransactionIcon(transaction.type)}
-                      <span className="text-sm font-medium">{transaction.description}</span>
-                    </div>
-                  </td>
-                  <td className="px-6 py-4">
-                    <div className="flex items-center gap-2">
-                      <User className="w-4 h-4 text-gray-400" />
-                      <span className="text-sm">{transaction.fromUser}</span>
-                    </div>
-                  </td>
-                  <td className="px-6 py-4">
-                    <div className="flex items-center gap-2">
-                      <User className="w-4 h-4 text-gray-400" />
-                      <span className="text-sm">{transaction.toUser}</span>
-                    </div>
-                  </td>
-                  <td className="px-6 py-4 text-sm font-bold text-green-600">
-                    {formatCurrency(transaction.amount)}
-                  </td>
-                  <td className="px-6 py-4 text-sm text-amber-600">
-                    {transaction.commission ? formatCurrency(transaction.commission) : '-'}
-                  </td>
-                  <td className="px-6 py-4">
-                    <span className={`px-2 py-1 rounded-full text-xs font-medium ${
-                      transaction.status === 'completed' ? 'bg-green-100 text-green-800' :
-                      transaction.status === 'pending' ? 'bg-yellow-100 text-yellow-800' :
-                      'bg-blue-100 text-blue-800'
-                    }`}>
-                      {transaction.status === 'completed' ? 'مكتمل' :
-                       transaction.status === 'pending' ? 'معلق' : 'بإنتظار الرد'}
-                    </span>
-                  </td>
-                </motion.tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-
-        {filteredTransactions.length === 0 && (
-          <div className="text-center py-12">
-            <Wallet className="w-12 h-12 text-gray-300 mx-auto mb-3" />
-            <p className="text-gray-500">لا توجد معاملات في هذه الفترة</p>
-          </div>
-        )}
-      </div>
-
-      {userType === 'owner' && (
-        <div className="bg-blue-50 rounded-xl p-5">
-          <h3 className="font-bold mb-4 flex items-center gap-2">
-            <User className="w-5 h-5" />
-            أرصدة المستأجرين
-          </h3>
-          <div className="space-y-3">
-            <p className="text-gray-500 text-sm">لا توجد أرصدة حالياً</p>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/app/components/admin/PropertiesTable.js b/app/components/admin/PropertiesTable.js
deleted file mode 100644
index d35f71b..0000000
--- a/app/components/admin/PropertiesTable.js
+++ /dev/null
@@ -1,636 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
-import { 
-  Edit, 
-  Trash2, 
-  Eye, 
-  MapPin, 
-  Bed, 
-  Bath, 
-  Square,
-  DollarSign,
-  Percent,
-  MoreVertical,
-  X,
-  CheckCircle,
-  AlertCircle,
-  Calendar,
-  User,
-  Home,
-  Building,
-  Clock
-} from 'lucide-react';
-import toast, { Toaster } from 'react-hot-toast';
-
-const DeleteConfirmationModal = ({ isOpen, onClose, onConfirm, propertyTitle }) => {
-  if (!isOpen) return null;
-
-  return (
-    <motion.div
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-      className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50"
-      onClick={onClose}
-    >
-      <motion.div
-        initial={{ scale: 0.9, y: 20 }}
-        animate={{ scale: 1, y: 0 }}
-        exit={{ scale: 0.9, y: 20 }}
-        className="bg-white rounded-2xl w-full max-w-md p-6 shadow-2xl"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="text-center mb-4">
-          <div className="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-3">
-            <AlertCircle className="w-8 h-8 text-red-600" />
-          </div>
-          <h3 className="text-xl font-bold text-gray-900">تأكيد الحذف</h3>
-          <p className="text-sm text-gray-500 mt-2">
-            هل أنت متأكد من حذف العقار: <span className="font-bold text-gray-700">"{propertyTitle}"</span>؟
-          </p>
-          <p className="text-xs text-red-500 mt-1">هذا الإجراء لا يمكن التراجع عنه</p>
-        </div>
-
-        <div className="flex gap-3 pt-3">
-          <button
-            onClick={onClose}
-            className="flex-1 bg-gray-100 text-gray-700 py-3 rounded-xl font-medium hover:bg-gray-200 transition-colors"
-          >
-            إلغاء
-          </button>
-          <button
-            onClick={onConfirm}
-            className="flex-1 bg-red-600 text-white py-3 rounded-xl font-medium hover:bg-red-700 transition-colors"
-          >
-            نعم، احذف
-          </button>
-        </div>
-      </motion.div>
-    </motion.div>
-  );
-};
-
-const PropertyViewModal = ({ property, isOpen, onClose }) => {
-  if (!isOpen || !property) return null;
-
-  const formatCurrency = (amount) => {
-    return amount?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + ' ل.س';
-  };
-
-  return (
-    <motion.div
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-      className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50"
-      onClick={onClose}
-    >
-      <motion.div
-        initial={{ scale: 0.9, y: 20 }}
-        animate={{ scale: 1, y: 0 }}
-        exit={{ scale: 0.9, y: 20 }}
-        className="bg-white rounded-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto shadow-2xl"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="sticky top-0 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white">
-          <div className="flex justify-between items-center">
-            <div>
-              <h2 className="text-xl font-bold">{property.title}</h2>
-              <p className="text-amber-100 text-sm mt-1">{property.location}</p>
-            </div>
-            <button onClick={onClose} className="p-1 hover:bg-white/20 rounded-full">
-              <X className="w-6 h-6" />
-            </button>
-          </div>
-        </div>
-
-        <div className="p-6 space-y-6">
-          <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-            <div className="bg-gray-50 p-3 rounded-xl text-center">
-              <Home className="w-5 h-5 text-amber-500 mx-auto mb-1" />
-              <div className="text-sm font-bold">{property.type === 'villa' ? 'فيلا' : property.type === 'apartment' ? 'شقة' : 'بيت'}</div>
-              <div className="text-xs text-gray-500">نوع العقار</div>
-            </div>
-            <div className="bg-gray-50 p-3 rounded-xl text-center">
-              <DollarSign className="w-5 h-5 text-amber-500 mx-auto mb-1" />
-              <div className="text-sm font-bold">{formatCurrency(property.price)}</div>
-              <div className="text-xs text-gray-500">السعر اليومي</div>
-            </div>
-            <div className="bg-gray-50 p-3 rounded-xl text-center">
-              <Percent className="w-5 h-5 text-amber-500 mx-auto mb-1" />
-              <div className="text-sm font-bold">{property.commission}%</div>
-              <div className="text-xs text-gray-500">نسبة العمولة</div>
-            </div>
-            <div className="bg-gray-50 p-3 rounded-xl text-center">
-              <Calendar className="w-5 h-5 text-amber-500 mx-auto mb-1" />
-              <div className="text-sm font-bold">{property.bookings || 0}</div>
-              <div className="text-xs text-gray-500">عدد الحجوزات</div>
-            </div>
-          </div>
-
-          <div className="bg-gray-50 p-4 rounded-xl">
-            <h3 className="font-bold text-gray-900 mb-3 flex items-center gap-2">
-              <MapPin className="w-5 h-5 text-amber-500" />
-              الموقع
-            </h3>
-            <p className="text-gray-700">{property.location}</p>
-          </div>
-
-          <div className="bg-gray-50 p-4 rounded-xl">
-            <h3 className="font-bold text-gray-900 mb-3">المواصفات</h3>
-            <div className="grid grid-cols-3 gap-4">
-              <div className="text-center">
-                <Bed className="w-5 h-5 text-amber-500 mx-auto mb-1" />
-                <div className="text-lg font-bold">{property.bedrooms}</div>
-                <div className="text-xs text-gray-500">غرف نوم</div>
-              </div>
-              <div className="text-center">
-                <Bath className="w-5 h-5 text-amber-500 mx-auto mb-1" />
-                <div className="text-lg font-bold">{property.bathrooms}</div>
-                <div className="text-xs text-gray-500">حمامات</div>
-              </div>
-              <div className="text-center">
-                <Square className="w-5 h-5 text-amber-500 mx-auto mb-1" />
-                <div className="text-lg font-bold">{property.area}</div>
-                <div className="text-xs text-gray-500">م²</div>
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-amber-50 p-4 rounded-xl">
-            <h3 className="font-bold text-amber-700 mb-3 flex items-center gap-2">
-              <Percent className="w-5 h-5" />
-              معلومات العمولة
-            </h3>
-            <div className="grid grid-cols-2 gap-4">
-              <div>
-                <label className="text-xs text-gray-500">نسبة العمولة</label>
-                <div className="font-bold text-amber-600">{property.commission}%</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">مصدر العمولة</label>
-                <div className="font-bold text-amber-600">{property.commissionType}</div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">قيمة العمولة</label>
-                <div className="font-bold text-amber-600">
-                  {formatCurrency((property.price * property.commission) / 100)}
-                </div>
-              </div>
-              <div>
-                <label className="text-xs text-gray-500">حالة العقار</label>
-                <div className={`inline-block px-2 py-1 rounded-lg text-xs font-medium ${
-                  property.status === 'available' 
-                    ? 'bg-green-100 text-green-800' 
-                    : 'bg-red-100 text-red-800'
-                }`}>
-                  {property.status === 'available' ? 'متاح' : 'محجوز'}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </motion.div>
-    </motion.div>
-  );
-};
-
-const PropertyEditModal = ({ property, isOpen, onClose, onSave }) => {
-  const [formData, setFormData] = useState({ ...property });
-  const [isSaving, setIsSaving] = useState(false);
-
-  const formatCurrency = (amount) => {
-    return amount?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-  };
-
-  const handleSave = () => {
-    setIsSaving(true);
-    setTimeout(() => {
-      onSave(formData);
-      setIsSaving(false);
-      onClose();
-      toast.success('تم تحديث العقار بنجاح');
-    }, 1000);
-  };
-
-  if (!isOpen || !property) return null;
-
-  return (
-    <motion.div
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-      className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50"
-      onClick={onClose}
-    >
-      <motion.div
-        initial={{ scale: 0.9, y: 20 }}
-        animate={{ scale: 1, y: 0 }}
-        exit={{ scale: 0.9, y: 20 }}
-        className="bg-white rounded-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto shadow-2xl"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="sticky top-0 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white">
-          <div className="flex justify-between items-center">
-            <h2 className="text-xl font-bold">تعديل العقار</h2>
-            <button onClick={onClose} className="p-1 hover:bg-white/20 rounded-full">
-              <X className="w-6 h-6" />
-            </button>
-          </div>
-          <p className="text-amber-100 text-sm mt-1">يمكنك تعديل معلومات العقار</p>
-        </div>
-
-        <div className="p-6 space-y-6">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                اسم العقار
-              </label>
-              <input
-                type="text"
-                value={formData.title}
-                onChange={(e) => setFormData({...formData, title: e.target.value})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                نوع العقار
-              </label>
-              <select
-                value={formData.type}
-                onChange={(e) => setFormData({...formData, type: e.target.value})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              >
-                <option value="villa">فيلا</option>
-                <option value="apartment">شقة</option>
-                <option value="house">بيت</option>
-                <option value="studio">استوديو</option>
-              </select>
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                الموقع
-              </label>
-              <input
-                type="text"
-                value={formData.location}
-                onChange={(e) => setFormData({...formData, location: e.target.value})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                السعر اليومي (ل.س)
-              </label>
-              <input
-                type="number"
-                value={formData.price}
-                onChange={(e) => setFormData({...formData, price: parseInt(e.target.value)})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                نسبة العمولة (%)
-              </label>
-              <input
-                type="number"
-                step="0.1"
-                value={formData.commission}
-                onChange={(e) => setFormData({...formData, commission: parseFloat(e.target.value)})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                مصدر العمولة
-              </label>
-              <select
-                value={formData.commissionType}
-                onChange={(e) => setFormData({...formData, commissionType: e.target.value})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              >
-                <option value="من المالك">من المالك</option>
-                <option value="من المستأجر">من المستأجر</option>
-                <option value="من الاثنين">من الاثنين</option>
-              </select>
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                عدد الغرف
-              </label>
-              <input
-                type="number"
-                value={formData.bedrooms}
-                onChange={(e) => setFormData({...formData, bedrooms: parseInt(e.target.value)})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                عدد الحمامات
-              </label>
-              <input
-                type="number"
-                value={formData.bathrooms}
-                onChange={(e) => setFormData({...formData, bathrooms: parseInt(e.target.value)})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                المساحة (م²)
-              </label>
-              <input
-                type="number"
-                value={formData.area}
-                onChange={(e) => setFormData({...formData, area: parseInt(e.target.value)})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                حالة العقار
-              </label>
-              <select
-                value={formData.status}
-                onChange={(e) => setFormData({...formData, status: e.target.value})}
-                className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-amber-500"
-              >
-                <option value="available">متاح</option>
-                <option value="booked">محجوز</option>
-                <option value="maintenance">صيانة</option>
-              </select>
-            </div>
-          </div>
-        </div>
-
-        <div className="sticky bottom-0 bg-gray-50 border-t p-4 flex gap-3">
-          <button
-            onClick={onClose}
-            className="flex-1 bg-gray-100 text-gray-700 py-3 rounded-xl font-medium hover:bg-gray-200 transition-colors"
-          >
-            إلغاء
-          </button>
-          <button
-            onClick={handleSave}
-            disabled={isSaving}
-            className="flex-1 bg-amber-500 text-white py-3 rounded-xl font-medium hover:bg-amber-600 transition-colors disabled:opacity-50"
-          >
-            {isSaving ? 'جاري الحفظ...' : 'حفظ التغييرات'}
-          </button>
-        </div>
-      </motion.div>
-    </motion.div>
-  );
-};
-
-const MoreActionsMenu = ({ property, isOpen, onClose, onViewBookings, onViewReports }) => {
-  if (!isOpen) return null;
-
-  return (
-    <>
-      <div className="fixed inset-0 z-40" onClick={onClose} />
-      <motion.div
-        initial={{ opacity: 0, scale: 0.9 }}
-        animate={{ opacity: 1, scale: 1 }}
-        exit={{ opacity: 0, scale: 0.9 }}
-        className="absolute left-0 mt-2 w-56 bg-white rounded-xl shadow-xl border border-gray-200 overflow-hidden z-50"
-      >
-      </motion.div>
-    </>
-  );
-};
-
-export default function PropertiesTable() {
-  const [properties, setProperties] = useState([
-    {
-      id: 1,
-      title: 'فيلا فاخرة في المزة',
-      type: 'villa',
-      location: 'دمشق, المزة',
-      price: 500000,
-      commission: 5,
-      commissionType: 'من المالك',
-      bedrooms: 5,
-      bathrooms: 4,
-      area: 450,
-      status: 'available',
-      bookings: 3
-    },
-    {
-      id: 2,
-      title: 'شقة حديثة في الشهباء',
-      type: 'apartment',
-      location: 'حلب, الشهباء',
-      price: 250000,
-      commission: 7,
-      commissionType: 'من المستأجر',
-      bedrooms: 3,
-      bathrooms: 2,
-      area: 180,
-      status: 'booked',
-      bookings: 1
-    }
-  ]);
-
-  const [viewModal, setViewModal] = useState({ isOpen: false, property: null });
-  const [editModal, setEditModal] = useState({ isOpen: false, property: null });
-  const [deleteModal, setDeleteModal] = useState({ isOpen: false, property: null });
-  const [moreMenu, setMoreMenu] = useState({ isOpen: false, property: null, anchorEl: null });
-
-  const formatCurrency = (amount) => {
-    return amount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + ' ل.س';
-  };
-
-  const getStatusBadge = (status) => {
-    const styles = {
-      available: 'bg-green-100 text-green-800',
-      booked: 'bg-red-100 text-red-800',
-      maintenance: 'bg-yellow-100 text-yellow-800'
-    };
-    
-    const labels = {
-      available: 'متاح',
-      booked: 'محجوز',
-      maintenance: 'صيانة'
-    };
-
-    return (
-      <span className={`px-2 py-1 rounded-full text-xs font-medium ${styles[status]}`}>
-        {labels[status]}
-      </span>
-    );
-  };
-
-  const handleView = (property) => {
-    setViewModal({ isOpen: true, property });
-  };
-
-  const handleEdit = (property) => {
-    setEditModal({ isOpen: true, property });
-  };
-
-  const handleDelete = (property) => {
-    setDeleteModal({ isOpen: true, property });
-  };
-
-  const confirmDelete = () => {
-    if (deleteModal.property) {
-      setProperties(prev => prev.filter(p => p.id !== deleteModal.property.id));
-      setDeleteModal({ isOpen: false, property: null });
-      toast.success('تم حذف العقار بنجاح');
-    }
-  };
-
-  const handleSaveEdit = (updatedProperty) => {
-    setProperties(prev => prev.map(p => 
-      p.id === updatedProperty.id ? updatedProperty : p
-    ));
-    toast.success('تم تحديث العقار بنجاح');
-  };
-
-  const handleMoreClick = (event, property) => {
-    event.stopPropagation();
-    setMoreMenu({ isOpen: true, property, anchorEl: event.currentTarget });
-  };
-
-  const handleViewBookings = (property) => {
-    toast.success(`جاري عرض حجوزات ${property.title}`);
-  };
-
-  const handleViewReports = (property) => {
-    toast.success(`جاري عرض تقرير أرباح ${property.title}`);
-  };
-
-  return (
-    <div className="overflow-x-auto">
-      <Toaster position="top-center" reverseOrder={false} />
-      
-      <table className="w-full">
-        <thead className="bg-gray-50 border-b">
-          <tr>
-            <th className="px-4 py-3 text-right text-sm font-semibold text-gray-900">العقار</th>
-            <th className="px-4 py-3 text-right text-sm font-semibold text-gray-900">الموقع</th>
-            <th className="px-4 py-3 text-right text-sm font-semibold text-gray-900">السعر/يوم</th>
-            <th className="px-4 py-3 text-right text-sm font-semibold text-gray-900">العمولة</th>
-            <th className="px-4 py-3 text-right text-sm font-semibold text-gray-900">المصدر</th>
-            <th className="px-4 py-3 text-right text-sm font-semibold text-gray-900">التفاصيل</th>
-            <th className="px-4 py-3 text-right text-sm font-semibold text-gray-900">الحالة</th>
-            <th className="px-4 py-3 text-center text-sm font-semibold text-gray-900">الإجراءات</th>
-          </tr>
-        </thead>
-        <tbody className="divide-y">
-          {properties.map((property, index) => (
-            <motion.tr
-              key={property.id}
-              initial={{ opacity: 0, x: -20 }}
-              animate={{ opacity: 1, x: 0 }}
-              transition={{ delay: index * 0.05 }}
-              className="hover:bg-gray-50"
-            >
-              <td className="px-4 py-3">
-                <div className="font-medium">{property.title}</div>
-                <div className="text-xs text-gray-500">
-                  {property.type === 'villa' ? 'فيلا' : 
-                   property.type === 'apartment' ? 'شقة' : 
-                   property.type === 'house' ? 'بيت' : 'استوديو'}
-                </div>
-              </td>
-              <td className="px-4 py-3">
-                <div className="flex items-center gap-1 text-sm">
-                  <MapPin className="w-3 h-3 text-gray-400" />
-                  {property.location}
-                </div>
-              </td>
-              <td className="px-4 py-3 font-bold text-blue-600">
-                {formatCurrency(property.price)}
-              </td>
-              <td className="px-4 py-3">
-                <div className="flex items-center gap-1">
-                  <Percent className="w-3 h-3 text-amber-500" />
-                  {property.commission}%
-                </div>
-              </td>
-              <td className="px-4 py-3 text-sm">{property.commissionType}</td>
-              <td className="px-4 py-3">
-                <div className="flex items-center gap-2 text-xs">
-                  <Bed className="w-3 h-3" /> {property.bedrooms}
-                  <Bath className="w-3 h-3 mr-2" /> {property.bathrooms}
-                  <Square className="w-3 h-3 mr-2" /> {property.area}m²
-                </div>
-              </td>
-              <td className="px-4 py-3">
-                {getStatusBadge(property.status)}
-              </td>
-              <td className="px-4 py-3 relative">
-                <div className="flex items-center justify-center gap-2">
-                  <button
-                    onClick={() => handleView(property)}
-                    className="p-1 hover:bg-blue-100 rounded text-blue-600 transition-colors"
-                    title="عرض التفاصيل"
-                  >
-                    <Eye className="w-4 h-4" />
-                  </button>
-                  <button
-                    onClick={() => handleEdit(property)}
-                    className="p-1 hover:bg-amber-100 rounded text-amber-600 transition-colors"
-                    title="تعديل العقار"
-                  >
-                    <Edit className="w-4 h-4" />
-                  </button>
-                  <button
-                    onClick={() => handleDelete(property)}
-                    className="p-1 hover:bg-red-100 rounded text-red-600 transition-colors"
-                    title="حذف العقار"
-                  >
-                    <Trash2 className="w-4 h-4" />
-                  </button>
-                  {moreMenu.isOpen && moreMenu.property?.id === property.id && (
-                    <MoreActionsMenu
-                      property={property}
-                      isOpen={moreMenu.isOpen}
-                      onClose={() => setMoreMenu({ isOpen: false, property: null, anchorEl: null })}
-                      onViewBookings={handleViewBookings}
-                      onViewReports={handleViewReports}
-                    />
-                  )}
-                </div>
-              </td>
-            </motion.tr>
-          ))}
-        </tbody>
-      </table>
-
-      {properties.length === 0 && (
-        <div className="text-center py-12">
-          <Home className="w-12 h-12 text-gray-300 mx-auto mb-3" />
-          <p className="text-gray-500">لا توجد عقارات مضافة بعد</p>
-        </div>
-      )}
-
-      <PropertyViewModal
-        property={viewModal.property}
-        isOpen={viewModal.isOpen}
-        onClose={() => setViewModal({ isOpen: false, property: null })}
-      />
-
-      <PropertyEditModal
-        property={editModal.property}
-        isOpen={editModal.isOpen}
-        onClose={() => setEditModal({ isOpen: false, property: null })}
-        onSave={handleSaveEdit}
-      />
-
-      <DeleteConfirmationModal
-        isOpen={deleteModal.isOpen}
-        onClose={() => setDeleteModal({ isOpen: false, property: null })}
-        onConfirm={confirmDelete}
-        propertyTitle={deleteModal.property?.title}
-      />
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/app/components/admin/UsersList.js b/app/components/admin/UsersList.js
deleted file mode 100644
index 8085bc2..0000000
--- a/app/components/admin/UsersList.js
+++ /dev/null
@@ -1,773 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
-import { 
-  User, 
-  Mail, 
-  Phone, 
-  Calendar,
-  Home,
-  DollarSign,
-  Search,
-  Filter,
-  Eye,
-  X,
-  CheckCircle,
-  XCircle,
-  ChevronDown,
-  Users,
-  Award,
-  Clock,
-  TrendingUp,
-  CalendarDays,
-  Shield
-} from 'lucide-react';
-import toast, { Toaster } from 'react-hot-toast';
-
-const FilterDialog = ({ isOpen, onClose, filters, onApplyFilters, onResetFilters }) => {
-  const [localFilters, setLocalFilters] = useState({ ...filters });
-
-  const identityTypes = [
-    { id: 'all', label: 'الكل' },
-    { id: 'syrian', label: 'هوية سورية' },
-    { id: 'passport', label: 'جواز سفر' }
-  ];
-
-  const bookingRanges = [
-    { id: 'all', label: 'الكل' },
-    { id: '0-5', label: '0 - 5 حجوزات' },
-    { id: '5-10', label: '5 - 10 حجوزات' },
-    { id: '10-20', label: '10 - 20 حجوزات' },
-    { id: '20+', label: 'أكثر من 20 حجز' }
-  ];
-
-  const spendingRanges = [
-    { id: 'all', label: 'الكل' },
-    { id: '0-500000', label: 'أقل من 500,000 ل.س' },
-    { id: '500000-1000000', label: '500,000 - 1,000,000 ل.س' },
-    { id: '1000000-5000000', label: '1,000,000 - 5,000,000 ل.س' },
-    { id: '5000000+', label: 'أكثر من 5,000,000 ل.س' }
-  ];
-
-  const dateRanges = [
-    { id: 'all', label: 'الكل' },
-    { id: 'today', label: 'اليوم' },
-    { id: 'week', label: 'آخر 7 أيام' },
-    { id: 'month', label: 'آخر 30 يوم' },
-    { id: 'year', label: 'آخر 12 شهر' }
-  ];
-
-  const applyFilters = () => {
-    onApplyFilters(localFilters);
-    onClose();
-    toast.success('تم تطبيق الفلاتر بنجاح');
-  };
-
-  const resetFilters = () => {
-    const resetData = {
-      identityType: 'all',
-      minBookings: '',
-      maxBookings: '',
-      minSpending: '',
-      maxSpending: '',
-      dateRange: 'all',
-      activeOnly: false,
-      inactiveOnly: false
-    };
-    setLocalFilters(resetData);
-    onResetFilters();
-    onClose();
-    toast.success('تم إعادة تعيين الفلاتر');
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <motion.div
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-      className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50"
-      onClick={onClose}
-    >
-      <motion.div
-        initial={{ scale: 0.9, y: 20 }}
-        animate={{ scale: 1, y: 0 }}
-        exit={{ scale: 0.9, y: 20 }}
-        className="bg-white rounded-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto shadow-2xl"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="sticky top-0 bg-gradient-to-r from-blue-600 to-blue-700 p-6 text-white">
-          <div className="flex justify-between items-center">
-            <div>
-              <h2 className="text-xl font-bold flex items-center gap-2">
-                <Filter className="w-5 h-5" />
-                تصفية متقدمة
-              </h2>
-              <p className="text-blue-100 text-sm mt-1">حدد معايير التصفية المطلوبة</p>
-            </div>
-            <button onClick={onClose} className="p-1 hover:bg-white/20 rounded-full">
-              <X className="w-6 h-6" />
-            </button>
-          </div>
-        </div>
-
-        <div className="p-6 space-y-6">
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              نوع الهوية
-            </label>
-            <div className="grid grid-cols-3 gap-2">
-              {identityTypes.map((type) => (
-                <button
-                  key={type.id}
-                  onClick={() => setLocalFilters({...localFilters, identityType: type.id})}
-                  className={`px-4 py-2 rounded-xl text-sm font-medium transition-all ${
-                    localFilters.identityType === type.id
-                      ? 'bg-blue-600 text-white shadow-md'
-                      : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-                  }`}
-                >
-                  {type.label}
-                </button>
-              ))}
-            </div>
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              عدد الحجوزات
-            </label>
-            <div className="grid grid-cols-2 gap-2 mb-3">
-              <input
-                type="number"
-                placeholder="من"
-                value={localFilters.minBookings}
-                onChange={(e) => setLocalFilters({...localFilters, minBookings: e.target.value})}
-                className="px-4 py-2 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500"
-              />
-              <input
-                type="number"
-                placeholder="إلى"
-                value={localFilters.maxBookings}
-                onChange={(e) => setLocalFilters({...localFilters, maxBookings: e.target.value})}
-                className="px-4 py-2 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-            <div className="flex flex-wrap gap-2">
-              {bookingRanges.slice(1).map((range) => (
-                <button
-                  key={range.id}
-                  onClick={() => {
-                    const [min, max] = range.id.split('-');
-                    setLocalFilters({
-                      ...localFilters,
-                      minBookings: min,
-                      maxBookings: max === '5' ? '5' : max === '10' ? '10' : max === '20' ? '20' : '1000'
-                    });
-                  }}
-                  className="px-3 py-1 text-xs bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200"
-                >
-                  {range.label}
-                </button>
-              ))}
-            </div>
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              إجمالي الإنفاق (ل.س)
-            </label>
-            <div className="grid grid-cols-2 gap-2 mb-3">
-              <input
-                type="number"
-                placeholder="من"
-                value={localFilters.minSpending}
-                onChange={(e) => setLocalFilters({...localFilters, minSpending: e.target.value})}
-                className="px-4 py-2 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500"
-              />
-              <input
-                type="number"
-                placeholder="إلى"
-                value={localFilters.maxSpending}
-                onChange={(e) => setLocalFilters({...localFilters, maxSpending: e.target.value})}
-                className="px-4 py-2 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-            <div className="flex flex-wrap gap-2">
-              {spendingRanges.slice(1).map((range) => (
-                <button
-                  key={range.id}
-                  onClick={() => {
-                    const [min, max] = range.id.split('-');
-                    setLocalFilters({
-                      ...localFilters,
-                      minSpending: min,
-                      maxSpending: max === '500000' ? '500000' : max === '1000000' ? '1000000' : max === '5000000' ? '5000000' : '999999999'
-                    });
-                  }}
-                  className="px-3 py-1 text-xs bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200"
-                >
-                  {range.label}
-                </button>
-              ))}
-            </div>
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              فترة التسجيل
-            </label>
-            <div className="grid grid-cols-2 md:grid-cols-5 gap-2">
-              {dateRanges.map((range) => (
-                <button
-                  key={range.id}
-                  onClick={() => setLocalFilters({...localFilters, dateRange: range.id})}
-                  className={`px-3 py-2 rounded-xl text-sm font-medium transition-all ${
-                    localFilters.dateRange === range.id
-                      ? 'bg-blue-600 text-white'
-                      : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-                  }`}
-                >
-                  {range.label}
-                </button>
-              ))}
-            </div>
-          </div>
-
-          <div className="flex gap-4">
-            <label className="flex items-center gap-2 cursor-pointer">
-              <input
-                type="checkbox"
-                checked={localFilters.activeOnly}
-                onChange={(e) => setLocalFilters({...localFilters, activeOnly: e.target.checked, inactiveOnly: false})}
-                className="w-4 h-4 text-blue-600 rounded focus:ring-blue-500"
-              />
-              <span className="text-sm text-gray-700">مستخدمون لديهم حجوزات نشطة فقط</span>
-            </label>
-            <label className="flex items-center gap-2 cursor-pointer">
-              <input
-                type="checkbox"
-                checked={localFilters.inactiveOnly}
-                onChange={(e) => setLocalFilters({...localFilters, inactiveOnly: e.target.checked, activeOnly: false})}
-                className="w-4 h-4 text-blue-600 rounded focus:ring-blue-500"
-              />
-              <span className="text-sm text-gray-700">مستخدمون بدون حجوزات نشطة</span>
-            </label>
-          </div>
-        </div>
-
-        <div className="sticky bottom-0 bg-gray-50 border-t p-4 flex gap-3">
-          <button
-            onClick={resetFilters}
-            className="flex-1 bg-gray-100 text-gray-700 py-3 rounded-xl font-medium hover:bg-gray-200 transition-colors"
-          >
-            إعادة تعيين
-          </button>
-          <button
-            onClick={applyFilters}
-            className="flex-1 bg-blue-600 text-white py-3 rounded-xl font-medium hover:bg-blue-700 transition-colors"
-          >
-            تطبيق الفلاتر
-          </button>
-        </div>
-      </motion.div>
-    </motion.div>
-  );
-};
-
-const UserDetailsModal = ({ user, isOpen, onClose }) => {
-  if (!isOpen || !user) return null;
-
-  const formatCurrency = (amount) => {
-    return amount?.toLocaleString() + ' ل.س';
-  };
-
-  const userBookings = [
-    {
-      id: 'BK001',
-      property: 'فيلا فاخرة في المزة',
-      startDate: '2024-03-10',
-      endDate: '2024-03-15',
-      amount: 2500000,
-      status: 'completed'
-    },
-    {
-      id: 'BK002',
-      property: 'شقة حديثة في الشهباء',
-      startDate: '2024-02-20',
-      endDate: '2024-02-25',
-      amount: 1250000,
-      status: 'completed'
-    },
-    {
-      id: 'BK003',
-      property: 'بيت عائلي في بابا عمرو',
-      startDate: '2024-04-01',
-      endDate: '2024-04-10',
-      amount: 3500000,
-      status: 'confirmed'
-    }
-  ];
-
-  return (
-    <motion.div
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-      className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50"
-      onClick={onClose}
-    >
-      <motion.div
-        initial={{ scale: 0.9, y: 20 }}
-        animate={{ scale: 1, y: 0 }}
-        exit={{ scale: 0.9, y: 20 }}
-        className="bg-white rounded-2xl w-full max-w-3xl max-h-[90vh] overflow-y-auto shadow-2xl"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="sticky top-0 bg-gradient-to-r from-blue-600 to-blue-700 p-6 text-white">
-          <div className="flex justify-between items-center">
-            <div>
-              <h2 className="text-xl font-bold flex items-center gap-2">
-                <User className="w-5 h-5" />
-                تفاصيل المستخدم
-              </h2>
-              <p className="text-blue-100 text-sm mt-1">{user.name}</p>
-            </div>
-            <button onClick={onClose} className="p-1 hover:bg-white/20 rounded-full">
-              <X className="w-6 h-6" />
-            </button>
-          </div>
-        </div>
-
-        <div className="p-6 space-y-6">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div className="bg-gray-50 p-4 rounded-xl">
-              <h3 className="font-bold text-gray-900 mb-3 flex items-center gap-2">
-                <User className="w-4 h-4 text-blue-500" />
-                معلومات شخصية
-              </h3>
-              <div className="space-y-2">
-                <div className="flex justify-between">
-                  <span className="text-gray-500">الاسم الكامل:</span>
-                  <span className="font-medium">{user.name}</span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-500">البريد الإلكتروني:</span>
-                  <span className="font-medium">{user.email}</span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-500">رقم الهاتف:</span>
-                  <span className="font-medium">{user.phone}</span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-500">تاريخ التسجيل:</span>
-                  <span className="font-medium">{user.joinDate}</span>
-                </div>
-              </div>
-            </div>
-
-            <div className="bg-gray-50 p-4 rounded-xl">
-              <h3 className="font-bold text-gray-900 mb-3 flex items-center gap-2">
-                <Shield className="w-4 h-4 text-blue-500" />
-                معلومات الهوية
-              </h3>
-              <div className="space-y-2">
-                <div className="flex justify-between">
-                  <span className="text-gray-500">نوع الهوية:</span>
-                  <span className="font-medium">
-                    {user.identityType === 'syrian' ? 'هوية سورية' : 'جواز سفر'}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-500">رقم الهوية:</span>
-                  <span className="font-medium">{user.identityNumber}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div className="bg-blue-50 p-4 rounded-xl text-center">
-              <div className="text-2xl font-bold text-blue-600">{user.totalBookings}</div>
-              <div className="text-sm text-gray-600">إجمالي الحجوزات</div>
-            </div>
-            <div className="bg-green-50 p-4 rounded-xl text-center">
-              <div className="text-2xl font-bold text-green-600">{user.activeBookings}</div>
-              <div className="text-sm text-gray-600">حجوزات نشطة</div>
-            </div>
-            <div className="bg-amber-50 p-4 rounded-xl text-center">
-              <div className="text-2xl font-bold text-amber-600">{formatCurrency(user.totalSpent)}</div>
-              <div className="text-sm text-gray-600">إجمالي المنصرف</div>
-            </div>
-          </div>
-
-          <div>
-            <h3 className="font-bold text-gray-900 mb-3 flex items-center gap-2">
-              <Calendar className="w-4 h-4 text-blue-500" />
-              سجل الحجوزات
-            </h3>
-            <div className="space-y-3">
-              {userBookings.map((booking) => (
-                <div key={booking.id} className="bg-gray-50 p-4 rounded-xl flex flex-col md:flex-row justify-between items-start md:items-center gap-3">
-                  <div>
-                    <p className="font-medium text-gray-900">{booking.property}</p>
-                    <div className="flex items-center gap-2 text-sm text-gray-500 mt-1">
-                      <CalendarDays className="w-3 h-3" />
-                      {booking.startDate} - {booking.endDate}
-                    </div>
-                  </div>
-                  <div className="flex items-center gap-4">
-                    <div className="text-right">
-                      <div className="text-lg font-bold text-amber-600">{formatCurrency(booking.amount)}</div>
-                      <div className="text-xs text-gray-500">المبلغ الإجمالي</div>
-                    </div>
-                    <span className={`px-2 py-1 rounded-lg text-xs font-medium ${
-                      booking.status === 'completed' 
-                        ? 'bg-green-100 text-green-800'
-                        : 'bg-blue-100 text-blue-800'
-                    }`}>
-                      {booking.status === 'completed' ? 'مكتمل' : 'مؤكد'}
-                    </span>
-                  </div>
-                </div>
-              ))}
-
-              {userBookings.length === 0 && (
-                <div className="text-center py-8 text-gray-500">
-                  <Calendar className="w-12 h-12 text-gray-300 mx-auto mb-2" />
-                  <p>لا توجد حجوزات سابقة</p>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-
-        <div className="sticky bottom-0 bg-gray-50 border-t p-4 flex gap-3">
-        </div>
-      </motion.div>
-    </motion.div>
-  );
-};
-
-export default function UsersList() {
-  const [users, setUsers] = useState([
-    {
-      id: 1,
-      name: 'أحمد محمد',
-      email: 'ahmed@example.com',
-      phone: '0938123456',
-      identityType: 'syrian',
-      identityNumber: '123456789',
-      joinDate: '2024-01-15',
-      totalBookings: 3,
-      activeBookings: 1,
-      totalSpent: 1500000
-    },
-    {
-      id: 2,
-      name: 'سارة أحمد',
-      email: 'sara@example.com',
-      phone: '0945123789',
-      identityType: 'passport',
-      identityNumber: 'AB123456',
-      joinDate: '2024-02-10',
-      totalBookings: 2,
-      activeBookings: 0,
-      totalSpent: 500000
-    }
-  ]);
-
-  const [searchTerm, setSearchTerm] = useState('');
-  const [selectedUser, setSelectedUser] = useState(null);
-  const [showFilterDialog, setShowFilterDialog] = useState(false);
-  const [filters, setFilters] = useState({
-    identityType: 'all',
-    minBookings: '',
-    maxBookings: '',
-    minSpending: '',
-    maxSpending: '',
-    dateRange: 'all',
-    activeOnly: false,
-    inactiveOnly: false
-  });
-
-  const applyFilters = (newFilters) => {
-    setFilters(newFilters);
-  };
-
-  const resetFilters = () => {
-    setFilters({
-      identityType: 'all',
-      minBookings: '',
-      maxBookings: '',
-      minSpending: '',
-      maxSpending: '',
-      dateRange: 'all',
-      activeOnly: false,
-      inactiveOnly: false
-    });
-    setSearchTerm('');
-  };
-
-  const filteredUsers = users.filter(user => {
-    if (searchTerm && !user.name.includes(searchTerm) && !user.email.includes(searchTerm) && !user.phone.includes(searchTerm)) {
-      return false;
-    }
-
-    if (filters.identityType !== 'all' && user.identityType !== filters.identityType) {
-      return false;
-    }
-
-    if (filters.minBookings && user.totalBookings < parseInt(filters.minBookings)) {
-      return false;
-    }
-    if (filters.maxBookings && user.totalBookings > parseInt(filters.maxBookings)) {
-      return false;
-    }
-
-    if (filters.minSpending && user.totalSpent < parseInt(filters.minSpending)) {
-      return false;
-    }
-    if (filters.maxSpending && user.totalSpent > parseInt(filters.maxSpending)) {
-      return false;
-    }
-
-    if (filters.activeOnly && user.activeBookings === 0) {
-      return false;
-    }
-    if (filters.inactiveOnly && user.activeBookings > 0) {
-      return false;
-    }
-
-    if (filters.dateRange !== 'all') {
-      const joinDate = new Date(user.joinDate);
-      const today = new Date();
-      const diffDays = Math.floor((today - joinDate) / (1000 * 60 * 60 * 24));
-      
-      switch(filters.dateRange) {
-        case 'today':
-          if (joinDate.toDateString() !== today.toDateString()) return false;
-          break;
-        case 'week':
-          if (diffDays > 7) return false;
-          break;
-        case 'month':
-          if (diffDays > 30) return false;
-          break;
-        case 'year':
-          if (diffDays > 365) return false;
-          break;
-      }
-    }
-
-    return true;
-  });
-
-  const filterStats = {
-    total: filteredUsers.length,
-    filtered: filteredUsers.length !== users.length
-  };
-
-  const getActiveFiltersCount = () => {
-    let count = 0;
-    if (filters.identityType !== 'all') count++;
-    if (filters.minBookings || filters.maxBookings) count++;
-    if (filters.minSpending || filters.maxSpending) count++;
-    if (filters.dateRange !== 'all') count++;
-    if (filters.activeOnly || filters.inactiveOnly) count++;
-    return count;
-  };
-
-  return (
-    <div className="space-y-4">
-      <Toaster position="top-center" reverseOrder={false} />
-      
-      <div className="flex flex-col md:flex-row gap-4">
-        <div className="flex-1 relative">
-          <Search className="absolute right-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400" />
-          <input
-            type="text"
-            placeholder="بحث عن مستخدم بالاسم أو البريد أو الهاتف..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pr-12 px-4 py-3 border border-gray-300 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500"
-          />
-        </div>
-        <div className="flex gap-2">
-          <button
-            onClick={() => setShowFilterDialog(true)}
-            className={`px-5 py-3 rounded-xl font-medium flex items-center gap-2 transition-all ${
-              getActiveFiltersCount() > 0
-                ? 'bg-blue-600 text-white hover:bg-blue-700'
-                : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-            }`}
-          >
-            <Filter className="w-5 h-5" />
-            تصفية متقدمة
-            {getActiveFiltersCount() > 0 && (
-              <span className="ml-1 bg-white text-blue-600 rounded-full w-5 h-5 text-xs flex items-center justify-center">
-                {getActiveFiltersCount()}
-              </span>
-            )}
-          </button>
-          {filterStats.filtered && (
-            <button
-              onClick={resetFilters}
-              className="px-5 py-3 bg-gray-100 text-gray-700 rounded-xl font-medium hover:bg-gray-200 transition-colors flex items-center gap-2"
-            >
-              <X className="w-4 h-4" />
-              إعادة تعيين
-            </button>
-          )}
-        </div>
-      </div>
-
-      {getActiveFiltersCount() > 0 && (
-        <div className="flex flex-wrap gap-2 p-3 bg-blue-50 rounded-xl">
-          <span className="text-sm text-blue-800 font-medium">الفلاتر النشطة:</span>
-          {filters.identityType !== 'all' && (
-            <span className="px-2 py-1 bg-blue-100 text-blue-700 rounded-lg text-xs">
-              {filters.identityType === 'syrian' ? 'هوية سورية' : 'جواز سفر'}
-            </span>
-          )}
-          {(filters.minBookings || filters.maxBookings) && (
-            <span className="px-2 py-1 bg-blue-100 text-blue-700 rounded-lg text-xs">
-              الحجوزات: {filters.minBookings || '0'} - {filters.maxBookings || '∞'}
-            </span>
-          )}
-          {(filters.minSpending || filters.maxSpending) && (
-            <span className="px-2 py-1 bg-blue-100 text-blue-700 rounded-lg text-xs">
-              الإنفاق: {parseInt(filters.minSpending || 0).toLocaleString()} - {parseInt(filters.maxSpending || '∞').toLocaleString()} ل.س
-            </span>
-          )}
-          {filters.dateRange !== 'all' && (
-            <span className="px-2 py-1 bg-blue-100 text-blue-700 rounded-lg text-xs">
-              {filters.dateRange === 'today' ? 'اليوم' :
-               filters.dateRange === 'week' ? 'آخر 7 أيام' :
-               filters.dateRange === 'month' ? 'آخر 30 يوم' : 'آخر 12 شهر'}
-            </span>
-          )}
-          {filters.activeOnly && (
-            <span className="px-2 py-1 bg-green-100 text-green-700 rounded-lg text-xs">
-              لديهم حجوزات نشطة
-            </span>
-          )}
-          {filters.inactiveOnly && (
-            <span className="px-2 py-1 bg-gray-100 text-gray-700 rounded-lg text-xs">
-              بدون حجوزات نشطة
-            </span>
-          )}
-        </div>
-      )}
-
-      <div className="flex justify-between items-center">
-        <div className="text-sm text-gray-600">
-          عرض <span className="font-bold text-gray-900">{filteredUsers.length}</span> مستخدم
-          {filterStats.filtered && (
-            <span className="text-gray-500 mr-1">(من {users.length})</span>
-          )}
-        </div>
-      </div>
-
-      <div className="space-y-3">
-        {filteredUsers.map((user, index) => (
-          <motion.div
-            key={user.id}
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ delay: index * 0.05 }}
-            className="bg-white border border-gray-200 rounded-xl p-5 hover:shadow-md transition-all"
-          >
-            <div className="flex flex-col md:flex-row md:items-center justify-between gap-4">
-              <div className="flex items-center gap-4">
-                <div className="w-14 h-14 bg-gradient-to-br from-blue-500 to-blue-600 rounded-full flex items-center justify-center text-white text-xl font-bold shadow-lg">
-                  {user.name.charAt(0).toUpperCase()}
-                </div>
-                <div>
-                  <h3 className="font-bold text-gray-900 text-lg">{user.name}</h3>
-                  <div className="flex flex-wrap gap-3 mt-1 text-sm text-gray-500">
-                    <div className="flex items-center gap-1">
-                      <Mail className="w-4 h-4" />
-                      {user.email}
-                    </div>
-                    <div className="flex items-center gap-1">
-                      <Phone className="w-4 h-4" />
-                      {user.phone}
-                    </div>
-                    <div className="flex items-center gap-1">
-                      <Shield className="w-4 h-4" />
-                      {user.identityType === 'syrian' ? 'هوية سورية' : 'جواز سفر'}
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div className="flex gap-6">
-                <div className="text-center min-w-[80px]">
-                  <div className="text-xl font-bold text-blue-600">{user.totalBookings}</div>
-                  <div className="text-xs text-gray-500">إجمالي الحجوزات</div>
-                </div>
-                <div className="text-center min-w-[80px]">
-                  <div className={`text-xl font-bold ${user.activeBookings > 0 ? 'text-green-600' : 'text-gray-400'}`}>
-                    {user.activeBookings}
-                  </div>
-                  <div className="text-xs text-gray-500">حجوزات نشطة</div>
-                </div>
-                <div className="text-center min-w-[100px]">
-                  <div className="text-xl font-bold text-amber-600">
-                    {user.totalSpent.toLocaleString()}
-                  </div>
-                  <div className="text-xs text-gray-500">إجمالي المنصرف</div>
-                </div>
-              </div>
-
-              <button
-                onClick={() => setSelectedUser(user)}
-                className="px-4 py-2 bg-blue-600 text-white rounded-xl text-sm font-medium hover:bg-blue-700 transition-colors flex items-center gap-2"
-              >
-                <Eye className="w-4 h-4" />
-                عرض التفاصيل
-              </button>
-            </div>
-          </motion.div>
-        ))}
-      </div>
-
-      {filteredUsers.length === 0 && (
-        <motion.div
-          initial={{ opacity: 0, scale: 0.9 }}
-          animate={{ opacity: 1, scale: 1 }}
-          className="text-center py-16 bg-white rounded-2xl border-2 border-dashed border-gray-300"
-        >
-          <Users className="w-16 h-16 text-gray-300 mx-auto mb-4" />
-          <h3 className="text-xl font-bold text-gray-700 mb-2">لا توجد نتائج</h3>
-          <p className="text-gray-500">لا يوجد مستخدمون يطابقون معايير البحث</p>
-          {(searchTerm || getActiveFiltersCount() > 0) && (
-            <button
-              onClick={resetFilters}
-              className="mt-4 px-6 py-2 bg-blue-600 text-white rounded-xl text-sm font-medium hover:bg-blue-700"
-            >
-              إعادة تعيين الفلاتر
-            </button>
-          )}
-        </motion.div>
-      )}
-
-      <FilterDialog
-        isOpen={showFilterDialog}
-        onClose={() => setShowFilterDialog(false)}
-        filters={filters}
-        onApplyFilters={applyFilters}
-        onResetFilters={resetFilters}
-      />
-
-      <UserDetailsModal
-        user={selectedUser}
-        isOpen={!!selectedUser}
-        onClose={() => setSelectedUser(null)}
-      />
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/app/enums/BookingStatus.js b/app/enums/BookingStatus.js
index ea4f05a..602f779 100644
--- a/app/enums/BookingStatus.js
+++ b/app/enums/BookingStatus.js
@@ -1,38 +1,29 @@
-/**
- * BookingStatus Enum
- * Backend values are strings
- * Used in: Reservation workflow
- */
+
 const BookingStatus = Object.freeze({
   PENDING: 'pending',
-  OWNER_APPROVED: 'owner_approved',
-  ADMIN_APPROVED: 'admin_approved',
-  ACTIVE: 'active',
-  COMPLETED: 'completed',
-  REJECTED: 'rejected',
-  CANCELLED: 'cancelled',
+  ownerConfirmed: 'ownerConfirmed',
+  depositPaid: 'depositPaid',
+  depositConfirmed: 'depositConfirmed',
+  completed: 'completed',
+  cancelled: 'cancelled',
 });
 
-// Map status → Arabic label
 const BookingStatusLabels = Object.freeze({
-  [BookingStatus.PENDING]: 'بانتظار الموافقة',
-  [BookingStatus.OWNER_APPROVED]: 'موافقة المالك',
-  [BookingStatus.ADMIN_APPROVED]: 'موافقة الإدارة',
-  [BookingStatus.ACTIVE]: 'إيجار نشط',
-  [BookingStatus.COMPLETED]: 'منتهي',
-  [BookingStatus.REJECTED]: 'مرفوض',
-  [BookingStatus.CANCELLED]: 'ملغي',
+  [BookingStatus.PENDING]: 'قيد الانتظار',
+  [BookingStatus.ownerConfirmed]: 'مؤكد من المالك',
+  [BookingStatus.depositPaid]: 'تم دفع السلفة',
+  [BookingStatus.depositConfirmed]: 'تم تأكيد الدفع',
+  [BookingStatus.completed]: 'منتهي',
+  [BookingStatus.cancelled]: 'ملغي',
 });
 
-// Map status → color class (Tailwind bg)
 const BookingStatusColors = Object.freeze({
   [BookingStatus.PENDING]: 'yellow',
-  [BookingStatus.OWNER_APPROVED]: 'blue',
-  [BookingStatus.ADMIN_APPROVED]: 'green',
-  [BookingStatus.ACTIVE]: 'purple',
-  [BookingStatus.COMPLETED]: 'gray',
-  [BookingStatus.REJECTED]: 'red',
-  [BookingStatus.CANCELLED]: 'red',
+  [BookingStatus.ownerConfirmed]: 'blue',
+  [BookingStatus.depositPaid]: 'orange',
+  [BookingStatus.depositConfirmed]: 'green',
+  [BookingStatus.completed]: 'teal',
+  [BookingStatus.cancelled]: 'red',
 });
 
 export { BookingStatus, BookingStatusLabels, BookingStatusColors };
diff --git a/app/enums/UserRole.js b/app/enums/UserRole.js
index ca2e712..5c9ade1 100644
--- a/app/enums/UserRole.js
+++ b/app/enums/UserRole.js
@@ -7,21 +7,18 @@ const UserRole = Object.freeze({
   GUEST: 'guest',
   CUSTOMER: 'customer',
   OWNER: 'owner',
-  ADMIN: 'admin',
 });
 
 const UserRoleLabels = Object.freeze({
   [UserRole.GUEST]: 'زائر',
   [UserRole.CUSTOMER]: 'مستأجر',
   [UserRole.OWNER]: 'مالك عقار',
-  [UserRole.ADMIN]: 'مدير النظام',
 });
 
 const UserRoleColors = Object.freeze({
   [UserRole.GUEST]: 'gray',
   [UserRole.CUSTOMER]: 'blue',
   [UserRole.OWNER]: 'amber',
-  [UserRole.ADMIN]: 'red',
 });
 
 export { UserRole, UserRoleLabels, UserRoleColors };
diff --git a/app/favorites/page.js b/app/favorites/page.js
index 1832795..a03aaea 100644
--- a/app/favorites/page.js
+++ b/app/favorites/page.js
@@ -12,14 +12,14 @@ import AuthService from '@/app/services/AuthService';
 export default function FavoritesPage() {
   const router = useRouter();
   const { favorites, isLoading: favoritesLoading, removeFavorite } = useFavorites();
-  const [isAdmin, setIsAdmin] = useState(false);
 
   useEffect(() => {
-    if (AuthService.isAdmin()) {
-      router.push('/');
-      return;
-    }
-    setIsAdmin(AuthService.isAdmin());
+    // Admin check removed
+    // if (AuthService.isAdmin()) {
+    //   router.push('/');
+    //   return;
+    // }
+    // setIsAdmin(AuthService.isAdmin());
   }, [router]);
 
   const formatCurrency = (amount) => {
diff --git a/app/login/page.js b/app/login/page.js
index 94ab127..c62aabb 100644
--- a/app/login/page.js
+++ b/app/login/page.js
@@ -126,11 +126,7 @@ export default function LoginPage() {
           }
         }
 
-        const userRole = AuthService.isAdmin()
-          ? "admin"
-          : AuthService.isOwner()
-            ? "owner"
-            : "customer";
+        const userRole = AuthService.isOwner() ? "owner" : "customer";
         console.log("[Login] User role:", userRole);
 
         setIsSuccess(true);
@@ -139,11 +135,7 @@ export default function LoginPage() {
         });
 
         setTimeout(() => {
-          if (userRole === "admin") {
-            router.push("/admin");
-          } else {
-            router.push("/");
-          }
+          router.push("/");
         }, 1500);
       } else if (result.status === 206) {
         console.log("[Login] 206 — OTP required");
diff --git a/app/owner/properties/page.js b/app/owner/properties/page.js
index fe27fc2..1088d44 100644
--- a/app/owner/properties/page.js
+++ b/app/owner/properties/page.js
@@ -59,6 +59,8 @@ import {
   getMySaleListings,
   editRentProperty,
   editSaleProperty,
+  updateRentPropertyStatus,
+  updateSalePropertyStatus,
 } from "../../utils/api";
 
 const DeleteConfirmationModal = ({
@@ -117,6 +119,86 @@ const DeleteConfirmationModal = ({
   );
 };
 
+const DeactivateConfirmationModal = ({
+  isOpen,
+  onClose,
+  onConfirm,
+  propertyTitle,
+  isActivating,
+}) => {
+  if (!isOpen) return null;
+
+  return (
+    <motion.div
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      exit={{ opacity: 0 }}
+      className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50"
+      onClick={onClose}
+    >
+      <motion.div
+        initial={{ scale: 0.9, y: 20 }}
+        animate={{ scale: 1, y: 0 }}
+        exit={{ scale: 0.9, y: 20 }}
+        className="bg-white rounded-2xl w-full max-w-md p-6 shadow-2xl"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="text-center mb-4">
+          <div className="w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-3">
+            <AlertCircle className="w-8 h-8 text-amber-600" />
+          </div>
+          <h3 className="text-xl font-bold text-gray-900">
+            {isActivating ? "تأكيد التنشيط" : "تأكيد إلغاء التنشيط"}
+          </h3>
+          <p className="text-sm text-gray-500 mt-2">
+            العقار:{" "}
+            <span className="font-bold text-gray-700">"{propertyTitle}"</span>
+          </p>
+          {!isActivating ? (
+            <div className="mt-4 p-4 bg-red-50 border border-red-200 rounded-xl">
+              <p className="text-sm text-red-700 font-medium">
+                ⚠️ تحذير
+              </p>
+              <p className="text-sm text-red-600 mt-1">
+                إذا قمت بإلغاء التنشيط، سيصبح هذا العقار غير متاح للحجز أو الشراء.
+                لا يمكن للعملاء رؤيته أو حجزه حتى تقوم بتنشيطه مرة أخرى.
+              </p>
+            </div>
+          ) : (
+            <div className="mt-4 p-4 bg-green-50 border border-green-200 rounded-xl">
+              <p className="text-sm text-green-700 font-medium">
+                ✅ تنشيط العقار
+              </p>
+              <p className="text-sm text-green-600 mt-1">
+                سيصبح العقار متاحاً مرة أخرى للحجز أو الشراء.
+              </p>
+            </div>
+          )}
+        </div>
+
+        <div className="flex gap-3 pt-3">
+          <button
+            onClick={onClose}
+            className="flex-1 bg-gray-100 text-gray-700 py-3 rounded-xl font-medium hover:bg-gray-200 transition-colors"
+          >
+            إلغاء
+          </button>
+          <button
+            onClick={onConfirm}
+            className={`flex-1 py-3 rounded-xl font-medium transition-colors ${
+              isActivating
+                ? "bg-green-600 text-white hover:bg-green-700"
+                : "bg-red-600 text-white hover:bg-red-700"
+            }`}
+          >
+            {isActivating ? "نعم، فعّل" : "نعم، ألغي التنشيط"}
+          </button>
+        </div>
+      </motion.div>
+    </motion.div>
+  );
+};
+
 const serviceLabels = {
   Electricity: "كهرباء",
   Internet: "إنترنت",
@@ -1074,6 +1156,11 @@ export default function OwnerPropertiesPage() {
   });
   const [viewModal, setViewModal] = useState({ isOpen: false, property: null });
   const [editModal, setEditModal] = useState({ isOpen: false, property: null });
+  const [deactivateModal, setDeactivateModal] = useState({
+    isOpen: false,
+    property: null,
+    isActivating: false,
+  });
 
   const filteredProperties = properties.filter((p) => p.purpose === activeTab);
   const rentCount = properties.filter((p) => p.purpose === "rent").length;
@@ -1511,11 +1598,44 @@ export default function OwnerPropertiesPage() {
       toast.success('تم تحديث العقار بنجاح');
     } catch (err) {
       console.error('[OwnerProperties] Edit failed:', err);
-      toast.error('فشل تحديث العقار');
+      toast.error("فشل تحديث العقار");
       throw err;
     }
   };
 
+  const handleToggleActivation = async () => {
+    const prop = deactivateModal.property;
+    if (!prop) return;
+
+    const willActivate = deactivateModal.isActivating;
+    const newStatus = willActivate ? "available" : "notAvailable";
+    const statusCode = willActivate ? 0 : 1;
+
+    setDeactivateModal({ isOpen: false, property: null, isActivating: false });
+
+    try {
+      if (prop.purpose === "rent") {
+        await updateRentPropertyStatus(prop.id, statusCode);
+      } else {
+        await updateSalePropertyStatus(prop.id, statusCode);
+      }
+
+      const newProperties = properties.map((p) =>
+        p.id === prop.id ? { ...p, status: newStatus } : p,
+      );
+      setProperties(newProperties);
+      localStorage.setItem("ownerProperties", JSON.stringify(newProperties));
+      toast.success(
+        willActivate
+          ? "تم تنشيط العقار بنجاح"
+          : "تم إلغاء تنشيط العقار بنجاح",
+      );
+    } catch (err) {
+      console.error("[OwnerProperties] Toggle status failed:", err);
+      toast.error("فشل تحديث حالة العقار");
+    }
+  };
+
   const fadeInUp = {
     initial: { opacity: 0, y: 20 },
     animate: { opacity: 1, y: 0 },
@@ -1557,6 +1677,16 @@ export default function OwnerPropertiesPage() {
         onSave={handleSaveEdit}
       />
 
+      <DeactivateConfirmationModal
+        isOpen={deactivateModal.isOpen}
+        onClose={() =>
+          setDeactivateModal({ isOpen: false, property: null, isActivating: false })
+        }
+        onConfirm={handleToggleActivation}
+        propertyTitle={deactivateModal.property?.title}
+        isActivating={deactivateModal.isActivating}
+      />
+
       <div className="container mx-auto px-4">
         <motion.div
           initial={{ opacity: 0, y: -20 }}
@@ -1709,16 +1839,22 @@ export default function OwnerPropertiesPage() {
                       <ImageIcon className="w-12 h-12 text-gray-400" />
                     </div>
                   )}
-                  <div className="absolute top-2 right-2 flex gap-1">
-                    <span
-                      className={`px-2 py-0.5 rounded-md text-xs font-medium shadow-sm backdrop-blur-sm ${
-                        property.status === "available"
-                          ? "bg-white/90 text-green-700"
-                          : "bg-white/90 text-yellow-700"
-                      }`}
-                    >
-                      {property.status === "available" ? "متاح" : "مؤجر"}
-                    </span>
+                    <div className="absolute top-2 right-2 flex gap-1">
+                      <span
+                        className={`px-2 py-0.5 rounded-md text-xs font-medium shadow-sm backdrop-blur-sm ${
+                          property.status === "available"
+                            ? "bg-white/90 text-green-700"
+                            : property.status === "notAvailable"
+                              ? "bg-red-50/90 text-red-700"
+                              : "bg-white/90 text-yellow-700"
+                        }`}
+                      >
+                        {property.status === "notAvailable"
+                          ? "غير متاح"
+                          : property.status === "available"
+                            ? "متاح"
+                            : "مؤجل"}
+                      </span>
                     {property.purpose === "rent" &&
                       property.furnished !== undefined && (
                         <span
@@ -1862,6 +1998,35 @@ export default function OwnerPropertiesPage() {
                     </div>
 
                     <div className="flex gap-1">
+                      {property.status === "notAvailable" ? (
+                        <button
+                          onClick={() =>
+                            setDeactivateModal({
+                              isOpen: true,
+                              property,
+                              isActivating: true,
+                            })
+                          }
+                          className="p-1.5 hover:bg-green-50 rounded-lg transition-colors group"
+                          title="تنشيط العقار"
+                        >
+                          <CheckCircle className="w-3.5 h-3.5 text-gray-400 group-hover:text-green-600" />
+                        </button>
+                      ) : (
+                        <button
+                          onClick={() =>
+                            setDeactivateModal({
+                              isOpen: true,
+                              property,
+                              isActivating: false,
+                            })
+                          }
+                          className="p-1.5 hover:bg-red-50 rounded-lg transition-colors group"
+                          title="إلغاء تنشيط العقار"
+                        >
+                          <XCircle className="w-3.5 h-3.5 text-gray-400 group-hover:text-red-600" />
+                        </button>
+                      )}
                       <button
                         onClick={() => setViewModal({ isOpen: true, property })}
                         className="px-3 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 rounded-lg transition-all group flex items-center gap-1.5"
diff --git a/app/payments/page.js b/app/payments/page.js
index 5041477..fe8e70f 100644
--- a/app/payments/page.js
+++ b/app/payments/page.js
@@ -26,10 +26,11 @@ export default function PaymentsPage() {
   const [payingId, setPayingId] = useState(null);
 
   useEffect(() => {
-    if (AuthService.isAdmin()) {
-      router.push('/');
-      return;
-    }
+    // Admin check removed
+    // if (AuthService.isAdmin()) {
+    //   router.push('/');
+    //   return;
+    // }
     loadReservations();
   }, [router]);
 
diff --git a/app/property/[id]/PropertyDetail.js b/app/property/[id]/PropertyDetail.js
index 09c61f7..af0885b 100644
--- a/app/property/[id]/PropertyDetail.js
+++ b/app/property/[id]/PropertyDetail.js
@@ -1289,7 +1289,7 @@ export default function PropertyDetailsPage() {
           {/* Sidebar */}
           <div className="space-y-4">
             {/* Booking Card */}
-            {property.isRent && !AuthService.isAdmin() && (
+            {property.isRent && (
               <motion.div
                 initial={{ opacity: 0, x: 20 }}
                 animate={{ opacity: 1, x: 0 }}
diff --git a/app/services/AuthService.js b/app/services/AuthService.js
index 041ba40..6a4ec2f 100644
--- a/app/services/AuthService.js
+++ b/app/services/AuthService.js
@@ -127,19 +127,11 @@ const AuthService = Object.freeze({
   },
 
   /**
-   * User has Admin role
-   * @returns {boolean}
-   */
-  isAdmin() {
-    return this.getRoles().includes('Admin');
-  },
-
-  /**
-   * Authenticated user without Owner or Admin role (i.e. customer)
+   * Authenticated user without Owner role (i.e. customer)
    * @returns {boolean}
    */
   isCustomer() {
-    return this.isAuthenticated() && !this.isOwner() && !this.isAdmin();
+    return this.isAuthenticated() && !this.isOwner();
   },
 
   /**
@@ -160,3 +152,4 @@ const AuthService = Object.freeze({
 });
 
 export default AuthService;
+
diff --git a/app/utils/api.js b/app/utils/api.js
index 8a31a74..083137e 100644
--- a/app/utils/api.js
+++ b/app/utils/api.js
@@ -685,6 +685,20 @@ export async function getSalePropertyById(id) {
   return apiFetch(`/SaleProperties/${id}`);
 }
 
+export async function updateRentPropertyStatus(id, status) {
+  return apiFetch(`/RentProperties/UpdateStatus/${id}`, {
+    method: 'PUT',
+    body: { status },
+  });
+}
+
+export async function updateSalePropertyStatus(id, status) {
+  return apiFetch(`/SaleProperties/UpdateStatus/${id}`, {
+    method: 'PUT',
+    body: { status },
+  });
+}
+
 // ─── Currencies ───
 
 export async function getCurrencies() {
@@ -870,47 +884,6 @@ export async function confirmDepositPayment(bookingId) {
   });
 }
 
-export async function adminConfirmDeposit(reservationId, adminId, comment = null) {
-  const token = AuthService.getToken();
-  const endpoint = `${API_BASE}/Reservations/AdminConfirmDeposit/admin-confirm-deposit`;
-
-  const normalizedComment =
-    typeof comment === 'string' && comment.trim()
-      ? comment.trim()
-      : null;
-
-  const payload = {
-    reservationId,
-    adminId,
-    comment: normalizedComment,
-  };
-
-  const res = await fetch(endpoint, {
-    method: 'PUT',
-    headers: {
-      'Content-Type': 'application/json',
-      ...(token && { Authorization: `Bearer ${token}` }),
-    },
-    body: JSON.stringify(payload),
-  });
-
-  const text = await res.text();
-  let data = null;
-
-  try {
-    data = text ? JSON.parse(text) : null;
-    if (data && typeof data === 'object' && 'data' in data) {
-      data = data.data;
-    }
-  } catch {
-    data = text;
-  }
-
-  const message = typeof data === 'object' && data?.message ? data.message : null;
-
-  return { status: res.status, data, ok: res.ok, message };
-}
-
 export async function updateBookingStatus(bookingId, status) {
   return apiFetch('/Reservations/UpdateStatus', {
     method: 'PUT',