Upload 113 files

app.py

@@ -144,118 +144,199 @@ except Exception as e:
 # إضافة Font Awesome وأي أصول خارجية أخرى
 st.markdown("""
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900;1000&display=swap" rel="stylesheet">
 """, unsafe_allow_html=True)
 
 # إضافة CSS المخصص
 st.markdown("""
 <style>
-    /* تعديل الاتجاه للدعم العربي */
-    .css-18e3th9, .css-1d391kg, .stMarkdown, .stTextArea, .stButton, .stTextInput, .stSelectbox, .stRadio {
-        direction: rtl;
-        text-align: right;
+    :root {
+        --primary-color: #0B6E4F;
+        --secondary-color: #08603a;
+        --primary-light: rgba(11, 110, 79, 0.1);
+        --primary-gradient: linear-gradient(135deg, #0B6E4F 0%, #08875D 100%);
+        --accent-color: #FFB100;
+        --accent-light: rgba(255, 177, 0, 0.1);
+        --tertiary-color: #5754FF;
+        --quaternary-color: #f43f5e;
+        --success-color: #10b981;
+        --warning-color: #f59e0b;
+        --danger-color: #ef4444;
+        --gray-100: #f3f4f6;
+        --gray-200: #e5e7eb;
+        --gray-300: #d1d5db;
+        --gray-400: #9ca3af;
+        --gray-500: #6b7280;
+        --gray-600: #4b5563;
+        --gray-700: #374151;
+        --gray-800: #1f2937;
+        --gray-900: #111827;
+    }
+    
+    /* تعديل الاتجاه للدعم العربي والخط */
+    body, .css-18e3th9, .css-1d391kg, .stMarkdown, .stTextArea, .stButton, .stTextInput, .stSelectbox, .stRadio {
+        direction: rtl !important;
+        text-align: right !important;
+        font-family: 'Almarai', 'Tajawal', sans-serif !important;
     }
     
     /* تحسين مظهر العناوين */
-    h1, h2, h3, h4 {
-        color: #1E88E5;
+    h1, h2, h3, h4, h5 {
+        font-family: 'Cairo', 'Almarai', sans-serif !important;
+        color: var(--primary-color) !important;
+        font-weight: 700 !important;
     }
     
     /* تخصيص عنوان التطبيق */
     .app-title {
-        font-size: 2.2rem;
-        font-weight: bold;
-        text-align: center;
-        color: #1E88E5;
-        margin-bottom: 1rem;
-        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
-        background: linear-gradient(90deg, #1976D2, #64B5F6);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
+        font-size: 2.5rem !important;
+        font-weight: 800 !important;
+        text-align: center !important;
+        margin-bottom: 1.5rem !important;
+        text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1) !important;
+        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
+        -webkit-background-clip: text !important;
+        -webkit-text-fill-color: transparent !important;
+        background-clip: text !important;
+        position: relative !important;
+        padding-bottom: 1rem !important;
     }
     
-    /* تخصيص الشريط الجانبي */
-    .sidebar .sidebar-content {
-        background-color: #f8f9fa;
+    .app-title::after {
+        content: '' !important;
+        position: absolute !important;
+        bottom: 0 !important;
+        right: 25% !important;
+        width: 50% !important;
+        height: 4px !important;
+        background: linear-gradient(90deg, var(--accent-color), var(--primary-color)) !important;
+        border-radius: 4px !important;
     }
     
-    /* تخصيص الأقسام */
-    .section-card {
-        background-color: #f9f9f9;
-        border-radius: 10px;
-        padding: 20px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        margin-bottom: 20px;
+    /* تعديل الشعار الرئيسي */
+    .main-logo {
+        text-align: center !important;
+        margin-bottom: 2rem !important;
+    }
+    
+    /* تحسين البطاقات والكروت */
+    .card {
+        background-color: white !important;
+        border-radius: 12px !important;
+        padding: 1.5rem !important;
+        margin-bottom: 1.5rem !important;
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
+        border: 1px solid var(--gray-200) !important;
+        transition: all 0.3s ease !important;
+    }
+    
+    .card:hover {
+        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
+        transform: translateY(-5px) !important;
     }
     
-    /* تخصيص الأزرار */
+    .card-title {
+        color: var(--primary-color) !important;
+        font-weight: 700 !important;
+        font-size: 1.4rem !important;
+        margin-bottom: 1rem !important;
+        border-right: 4px solid var(--primary-color) !important;
+        padding-right: 10px !important;
+    }
+    
+    /* تعديل مظهر الأزرار */
     .stButton>button {
-        border-radius: 5px;
-        background-color: #1E88E5;
-        color: white;
-        font-weight: bold;
-        border: none;
-        padding: 0.5rem 1rem;
-        transition: all 0.3s ease;
+        background: var(--primary-gradient) !important;
+        color: white !important;
+        border: none !important;
+        padding: 0.7rem 1.2rem !important;
+        border-radius: 8px !important;
+        font-weight: 600 !important;
+        box-shadow: 0 4px 10px rgba(11, 110, 79, 0.2) !important;
+        transition: all 0.3s ease !important;
     }
     
     .stButton>button:hover {
-        background-color: #1565C0;
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+        box-shadow: 0 6px 15px rgba(11, 110, 79, 0.3) !important;
+        transform: translateY(-2px) !important;
+    }
+    
+    /* تخصيص الشريط الجانبي */
+    .sidebar .sidebar-content {
+        background-color: white;
+    }
+    
+    /* تخصيص الأقسام */
+    .section-card {
+        background-color: white;
+        border-radius: 12px;
+        padding: 1.5rem;
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+        margin-bottom: 1.5rem;
+        border: 1px solid var(--gray-200);
     }
     
     /* تخصيص المؤشرات */
     .indicator {
-        padding: 1rem;
-        border-radius: 10px;
-        background-color: #f5f5f5;
+        padding: 1.2rem;
+        border-radius: 12px;
+        background: linear-gradient(135deg, white, var(--gray-100));
         text-align: center;
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+        border: 1px solid var(--gray-200);
+        transition: all 0.3s ease;
+    }
+    
+    .indicator:hover {
+        transform: translateY(-5px);
+        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
     }
     
     .indicator-value {
-        font-size: 2rem;
-        font-weight: bold;
+        font-size: 2.2rem;
+        font-weight: 800;
         margin-bottom: 0.5rem;
+        background: var(--primary-gradient);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
     }
     
     .indicator-label {
         font-size: 1rem;
-        color: #666;
-    }
-    
-    /* تخصيص البطاقات */
-    .card {
-        background-color: white;
-        border-radius: 10px;
-        padding: 15px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        margin-bottom: 15px;
-        border-right: 4px solid #1E88E5;
-    }
-    
-    .card-title {
-        font-weight: bold;
-        color: #1E88E5;
-        margin-bottom: 10px;
+        font-weight: 600;
+        color: var(--gray-700);
     }
     
+    /* تخصيص البطاقات - استخدام المعرفة المسبقة من أعلى */
     .card-metrics {
         display: flex;
         justify-content: space-between;
+        margin-top: 1rem;
+        padding-top: 1rem;
+        border-top: 1px solid var(--gray-200);
     }
     
     .card-metric {
         text-align: center;
+        flex: 1;
+        padding: 0.5rem;
+        border-radius: 8px;
+        background-color: var(--gray-100);
+        margin: 0 0.3rem;
     }
     
     .card-metric-value {
-        font-weight: bold;
+        font-weight: 700;
         font-size: 1.5rem;
     }
     
     .card-metric-label {
-        font-size: 0.8rem;
-        color: #666;
+        font-size: 0.85rem;
+        color: var(--gray-600);
+        margin-top: 0.3rem;
     }
 </style>
 """, unsafe_allow_html=True)
@@ -276,6 +357,7 @@ from modules.voice_narration.voice_narration_app import VoiceNarrationApp
 from modules.achievements.achievements_app import AchievementsApp
 from modules.ai_finetuning.finetuning_app import FinetuningApp
 from modules.document_comparison.comparison_app import DocumentComparisonApp
+from modules.document_analysis.document_analysis_app import DocumentAnalysisApp
 
 # إنشاء مجلدات البيانات الضرورية
 create_directory_if_not_exists(get_data_folder())
@@ -311,8 +393,9 @@ def main():
         resources_app.render()
         
     elif selected_module == "تحليل المستندات":
-        # تقديم واجهة تحليل المستندات
-        render_document_analysis()
+        # استخدام فئة تحليل المستندات الكاملة
+        document_analysis_app = DocumentAnalysisApp()
+        document_analysis_app.render()
         
     elif selected_module == "مقارنة المستندات":
         # تقديم واجهة مقارنة المستندات
@@ -412,32 +495,48 @@ def render_homepage():
     with col1:
         st.markdown("""
         <div class="indicator">
-            <div class="indicator-value" style="color: #1E88E5;">24</div>
+            <div class="indicator-value">24</div>
             <div class="indicator-label">المناقصات النشطة</div>
+            <div style="font-size: 1.1rem; margin-top: 5px;">
+                <i class="fas fa-arrow-up" style="color: var(--success-color);"></i> 
+                <span style="color: var(--success-color); font-weight: 600;">+3</span> هذا الشهر
+            </div>
         </div>
         """, unsafe_allow_html=True)
     
     with col2:
         st.markdown("""
         <div class="indicator">
-            <div class="indicator-value" style="color: #43A047;">8</div>
+            <div class="indicator-value">8</div>
             <div class="indicator-label">مشاريع قيد التنفيذ</div>
+            <div style="font-size: 1.1rem; margin-top: 5px;">
+                <i class="fas fa-arrow-up" style="color: var(--success-color);"></i> 
+                <span style="color: var(--success-color); font-weight: 600;">+2</span> هذا الشهر
+            </div>
         </div>
         """, unsafe_allow_html=True)
     
     with col3:
         st.markdown("""
         <div class="indicator">
-            <div class="indicator-value" style="color: #FB8C00;">12</div>
+            <div class="indicator-value">12</div>
             <div class="indicator-label">مستندات قيد التحليل</div>
+            <div style="font-size: 1.1rem; margin-top: 5px;">
+                <i class="fas fa-check-circle" style="color: var(--primary-color);"></i> 
+                <span style="color: var(--primary-color); font-weight: 600;">65%</span> مكتمل
+            </div>
         </div>
         """, unsafe_allow_html=True)
     
     with col4:
         st.markdown("""
         <div class="indicator">
-            <div class="indicator-value" style="color: #E53935;">5</div>
+            <div class="indicator-value">5</div>
             <div class="indicator-label">تنبيهات تتطلب الاهتمام</div>
+            <div style="font-size: 1.1rem; margin-top: 5px;">
+                <i class="fas fa-arrow-down" style="color: var(--success-color);"></i> 
+                <span style="color: var(--success-color); font-weight: 600;">-2</span> آخر أسبوع
+            </div>
         </div>
         """, unsafe_allow_html=True)
     
@@ -516,46 +615,202 @@ def render_homepage():
         st.markdown("### الوصول السريع")
         
         st.markdown("""
-        <div style="display: grid; gap: 10px;">
-            <button style="background-color: #1E88E5; color: white; border: none; border-radius: 5px; padding: 10px; text-align: right; cursor: pointer; font-weight: bold;">
-                <i class="fas fa-file-alt" style="margin-left: 10px;"></i> تحليل مستند جديد
-            </button>
-            
-            <button style="background-color: #43A047; color: white; border: none; border-radius: 5px; padding: 10px; text-align: right; cursor: pointer; font-weight: bold;">
-                <i class="fas fa-calculator" style="margin-left: 10px;"></i> حساب تكاليف مشروع
-            </button>
-            
-            <button style="background-color: #FB8C00; color: white; border: none; border-radius: 5px; padding: 10px; text-align: right; cursor: pointer; font-weight: bold;">
-                <i class="fas fa-exclamation-triangle" style="margin-left: 10px;"></i> تقييم مخاطر العقد
-            </button>
-            
-            <button style="background-color: #8E24AA; color: white; border: none; border-radius: 5px; padding: 10px; text-align: right; cursor: pointer; font-weight: bold;">
-                <i class="fas fa-map-marker-alt" style="margin-left: 10px;"></i> استعراض خريطة المشاريع
-            </button>
-            
-            <button style="background-color: #546E7A; color: white; border: none; border-radius: 5px; padding: 10px; text-align: right; cursor: pointer; font-weight: bold;">
-                <i class="fas fa-chart-bar" style="margin-left: 10px;"></i> إنشاء تقارير تحليلية
-            </button>
+        <div class="quick-actions">
+            <a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #0B6E4F 0%, #08875D 100%);">
+                <i class="fas fa-file-alt"></i>
+                <span>تحليل مستند جديد</span>
+            </a>
+            
+            <a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #38b000 0%, #008000 100%);">
+                <i class="fas fa-calculator"></i>
+                <span>حساب تكاليف مشروع</span>
+            </a>
+            
+            <a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #ff9500 0%, #ff7000 100%);">
+                <i class="fas fa-exclamation-triangle"></i>
+                <span>تقييم مخاطر العقد</span>
+            </a>
+            
+            <a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #9d4edd 0%, #7b2cbf 100%);">
+                <i class="fas fa-map-marker-alt"></i>
+                <span>استعراض خريطة المشاريع</span>
+            </a>
+            
+            <a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #3a86ff 0%, #0077b6 100%);">
+                <i class="fas fa-chart-bar"></i>
+                <span>إنشاء تقارير تحليلية</span>
+            </a>
         </div>
+
+        <style>
+            .quick-actions {
+                display: grid;
+                gap: 12px;
+            }
+            
+            .quick-action-button {
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                color: white;
+                border: none;
+                border-radius: 8px;
+                padding: 14px 16px;
+                text-align: right;
+                cursor: pointer;
+                font-weight: 600;
+                text-decoration: none;
+                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+                transition: all 0.3s ease;
+            }
+            
+            .quick-action-button:hover {
+                transform: translateY(-3px);
+                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+            }
+            
+            .quick-action-button i {
+                margin-left: 12px;
+                font-size: 1.2rem;
+                width: 24px;
+                text-align: center;
+            }
+        </style>
         """, unsafe_allow_html=True)
         
         st.markdown("### آخر التنبيهات")
         
         st.markdown("""
-        <div style="background-color: #FFEBEE; border-right: 3px solid #E53935; padding: 10px; margin-bottom: 10px; border-radius: 5px;">
-            <div style="font-weight: bold; color: #B71C1C;">انتهاء موعد تقديم المناقصة</div>
-            <div style="font-size: 0.9rem;">مشروع إنشاء الطريق السريع - متبقي 3 أيام</div>
-        </div>
-        
-        <div style="background-color: #FFF8E1; border-right: 3px solid #FFA000; padding: 10px; margin-bottom: 10px; border-radius: 5px;">
-            <div style="font-weight: bold; color: #FF6F00;">تغيير في شروط المناقصة</div>
-            <div style="font-size: 0.9rem;">تم تحديث مستندات مشروع شبكة الصرف الصحي</div>
+        <div class="alerts-container">
+            <div class="alert alert-danger">
+                <div class="alert-icon">
+                    <i class="fas fa-exclamation-circle"></i>
+                </div>
+                <div class="alert-content">
+                    <div class="alert-title">انتهاء موعد تقديم المناقصة</div>
+                    <div class="alert-message">مشروع إنشاء الطريق السريع - متبقي 3 أيام</div>
+                    <div class="alert-time">منذ 2 ساعة</div>
+                </div>
+            </div>
+            
+            <div class="alert alert-warning">
+                <div class="alert-icon">
+                    <i class="fas fa-bell"></i>
+                </div>
+                <div class="alert-content">
+                    <div class="alert-title">تغيير في شروط المناقصة</div>
+                    <div class="alert-message">تم تحديث مستندات مشروع شبكة الصرف الصحي</div>
+                    <div class="alert-time">منذ 5 ساعات</div>
+                </div>
+            </div>
+            
+            <div class="alert alert-success">
+                <div class="alert-icon">
+                    <i class="fas fa-check-circle"></i>
+                </div>
+                <div class="alert-content">
+                    <div class="alert-title">إكمال تحليل المستند</div>
+                    <div class="alert-message">اكتمل تحليل عقد بناء المدارس بنجاح</div>
+                    <div class="alert-time">منذ يوم واحد</div>
+                </div>
+            </div>
         </div>
         
-        <div style="background-color: #E8F5E9; border-right: 3px solid #43A047; padding: 10px; margin-bottom: 10px; border-radius: 5px;">
-            <div style="font-weight: bold; color: #2E7D32;">إكمال تحليل المستند</div>
-            <div style="font-size: 0.9rem;">اكتمل تحليل عقد بناء المدارس بنجاح</div>
-        </div>
+        <style>
+            .alerts-container {
+                display: flex;
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .alert {
+                display: flex;
+                align-items: center;
+                border-radius: 8px;
+                padding: 12px;
+                transition: all 0.3s ease;
+                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
+            }
+            
+            .alert:hover {
+                transform: translateY(-2px);
+                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+            }
+            
+            .alert-danger {
+                background-color: #FFF5F5;
+                border-right: 4px solid var(--danger-color);
+            }
+            
+            .alert-warning {
+                background-color: #FFFBEB;
+                border-right: 4px solid var(--warning-color);
+            }
+            
+            .alert-success {
+                background-color: #F0FDF4;
+                border-right: 4px solid var(--success-color);
+            }
+            
+            .alert-icon {
+                margin-left: 14px;
+                font-size: 1.4rem;
+                width: 40px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border-radius: 50%;
+            }
+            
+            .alert-danger .alert-icon {
+                color: var(--danger-color);
+                background-color: rgba(239, 68, 68, 0.1);
+            }
+            
+            .alert-warning .alert-icon {
+                color: var(--warning-color);
+                background-color: rgba(245, 158, 11, 0.1);
+            }
+            
+            .alert-success .alert-icon {
+                color: var(--success-color);
+                background-color: rgba(16, 185, 129, 0.1);
+            }
+            
+            .alert-content {
+                flex: 1;
+            }
+            
+            .alert-title {
+                font-weight: 700;
+                font-size: 1rem;
+                margin-bottom: 4px;
+            }
+            
+            .alert-danger .alert-title {
+                color: var(--danger-color);
+            }
+            
+            .alert-warning .alert-title {
+                color: var(--warning-color);
+            }
+            
+            .alert-success .alert-title {
+                color: var(--success-color);
+            }
+            
+            .alert-message {
+                font-size: 0.9rem;
+                color: var(--gray-700);
+            }
+            
+            .alert-time {
+                font-size: 0.75rem;
+                color: var(--gray-500);
+                margin-top: 4px;
+            }
+        </style>
         """, unsafe_allow_html=True)
     
     # معلومات حول النظام
@@ -577,121 +832,303 @@ def render_homepage():
     """, unsafe_allow_html=True)
 
 
-def render_document_analysis():
-    """عرض واجهة تحليل المستندات"""
-    st.markdown("<h1 class='app-title'>تحليل المستندات</h1>", unsafe_allow_html=True)
+# تم حذف دالة render_document_analysis() لأن الوظيفة أصبحت منفذة عبر كلاس DocumentAnalysisApp
+    
+    # التحليلات الأخيرة
+    st.markdown("### التحليلات الأخيرة")
     
     st.markdown("""
-    <div class="section-card">
-        <p>استخدم هذه الوحدة لتحليل مستندات العقود والمناقصات باستخدام تقنيات الذكاء الاصطناعي المتقدمة. 
-        يمكنك تحميل المستندات بتنسيقات PDF أو Word وسيقوم النظام بتحليلها واستخراج المعلومات المهمة مثل الشروط والتكاليف والمخاطر والتزاماتك كمقاول.</p>
+    <div class="table-responsive">
+        <table class="modern-table">
+            <thead>
+                <tr>
+                    <th>اسم المستند</th>
+                    <th>نوع التحليل</th>
+                    <th>تاريخ التحليل</th>
+                    <th>الحالة</th>
+                    <th>الإجراءات</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>
+                        <div class="document-item">
+                            <div class="document-icon pdf-icon">
+                                <i class="fas fa-file-pdf"></i>
+                            </div>
+                            <div class="document-info">
+                                <div class="document-title">عقد إنشاء طريق سريع</div>
+                                <div class="document-meta">PDF، 2.4 MB</div>
+                            </div>
+                        </div>
+                    </td>
+                    <td>تحليل شامل</td>
+                    <td>2025-03-25</td>
+                    <td><span class="status-badge status-completed">مكتمل</span></td>
+                    <td>
+                        <div class="action-buttons">
+                            <button class="action-btn view-btn">
+                                <i class="fas fa-eye"></i>
+                                <span>عرض</span>
+                            </button>
+                            <button class="action-btn download-btn">
+                                <i class="fas fa-download"></i>
+                                <span>تنزيل</span>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <div class="document-item">
+                            <div class="document-icon excel-icon">
+                                <i class="fas fa-file-excel"></i>
+                            </div>
+                            <div class="document-info">
+                                <div class="document-title">جداول كميات مشروع صرف صحي</div>
+                                <div class="document-meta">XLSX، 1.7 MB</div>
+                            </div>
+                        </div>
+                    </td>
+                    <td>تحليل جداول الكميات</td>
+                    <td>2025-03-23</td>
+                    <td><span class="status-badge status-completed">مكتمل</span></td>
+                    <td>
+                        <div class="action-buttons">
+                            <button class="action-btn view-btn">
+                                <i class="fas fa-eye"></i>
+                                <span>عرض</span>
+                            </button>
+                            <button class="action-btn download-btn">
+                                <i class="fas fa-download"></i>
+                                <span>تنزيل</span>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <div class="document-item">
+                            <div class="document-icon pdf-icon">
+                                <i class="fas fa-file-pdf"></i>
+                            </div>
+                            <div class="document-info">
+                                <div class="document-title">شروط وأحكام عقد بناء مدارس</div>
+                                <div class="document-meta">PDF، 1.1 MB</div>
+                            </div>
+                        </div>
+                    </td>
+                    <td>تحليل الشروط والأحكام</td>
+                    <td>2025-03-20</td>
+                    <td><span class="status-badge status-completed">مكتمل</span></td>
+                    <td>
+                        <div class="action-buttons">
+                            <button class="action-btn view-btn">
+                                <i class="fas fa-eye"></i>
+                                <span>عرض</span>
+                            </button>
+                            <button class="action-btn download-btn">
+                                <i class="fas fa-download"></i>
+                                <span>تنزيل</span>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <div class="document-item">
+                            <div class="document-icon pdf-icon">
+                                <i class="fas fa-file-pdf"></i>
+                            </div>
+                            <div class="document-info">
+                                <div class="document-title">ملحق عقد مشروع كباري</div>
+                                <div class="document-meta">PDF، 890 KB</div>
+                            </div>
+                        </div>
+                    </td>
+                    <td>تحليل شامل</td>
+                    <td>2025-03-18</td>
+                    <td><span class="status-badge status-processing">قيد المعالجة</span></td>
+                    <td>
+                        <div class="action-buttons">
+                            <button class="action-btn view-btn disabled">
+                                <i class="fas fa-eye"></i>
+                                <span>عرض</span>
+                            </button>
+                            <button class="action-btn download-btn disabled">
+                                <i class="fas fa-download"></i>
+                                <span>تنزيل</span>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
     </div>
-    """, unsafe_allow_html=True)
-    
-    # أدوات التحليل
-    st.markdown("### أدوات التحليل:", unsafe_allow_html=True)
     
-    col1, col2, col3 = st.columns(3)
-    
-    with col1:
-        st.markdown("""
-        <div class="card">
-            <div class="card-title">تحليل العقد الشامل</div>
-            <p>تحليل شامل للعقد باستخدام Claude AI لاستخراج جميع البنود والشروط والالتزامات والمواعيد النهائية.</p>
-        </div>
-        """, unsafe_allow_html=True)
+    <style>
+        .table-responsive {
+            overflow-x: auto;
+            margin-bottom: 1.5rem;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow-sm);
+        }
         
-        if st.button("تحليل جديد", key="btn_complete_analysis"):
-            # هنا سيتم استدعاء وحدة تحليل العقد الشامل
-            st.session_state.analysis_type = "complete"
-            st.session_state.show_document_upload = True
-            st.rerun()
-    
-    with col2:
-        st.markdown("""
-        <div class="card">
-            <div class="card-title">تحليل جداول الكميات</div>
-            <p>تحليل متخصص لجداول الكميات (BOQ) لاستخراج قوائم المواد والكميات والأسعار والتكاليف الإجمالية.</p>
-        </div>
-        """, unsafe_allow_html=True)
+        .modern-table {
+            width: 100%;
+            border-collapse: separate;
+            border-spacing: 0;
+            background-color: white;
+            border-radius: var(--border-radius);
+            overflow: hidden;
+        }
         
-        if st.button("تحليل جديد", key="btn_boq_analysis"):
-            # هنا سيتم استدعاء وحدة تحليل جداول الكميات
-            st.session_state.analysis_type = "boq"
-            st.session_state.show_document_upload = True
-            st.rerun()
-    
-    with col3:
-        st.markdown("""
-        <div class="card">
-            <div class="card-title">تحليل الشروط والأحكام</div>
-            <p>تحليل متخصص للشروط والأحكام في العقد لتحديد الشروط الغير عادية أو المقيدة والمخاطر القانونية.</p>
-        </div>
-        """, unsafe_allow_html=True)
+        .modern-table th {
+            background-color: var(--primary-color);
+            color: white;
+            padding: 12px 16px;
+            text-align: right;
+            font-weight: var(--font-weight-semibold);
+            border: none;
+        }
         
-        if st.button("تحليل جديد", key="btn_terms_analysis"):
-            # هنا سيتم استدعاء وحدة تحليل الشروط والأحكام
-            st.session_state.analysis_type = "terms"
-            st.session_state.show_document_upload = True
-            st.rerun()
-    
-    # التحليلات الأخيرة
-    st.markdown("### التحليلات الأخيرة")
-    
-    st.markdown("""
-    <table style="width: 100%; border-collapse: collapse; margin-top: 20px;">
-        <thead>
-            <tr style="background-color: #f5f5f5;">
-                <th style="padding: 12px; text-align: right; border-bottom: 2px solid #ddd;">اسم المستند</th>
-                <th style="padding: 12px; text-align: right; border-bottom: 2px solid #ddd;">نوع التحليل</th>
-                <th style="padding: 12px; text-align: right; border-bottom: 2px solid #ddd;">تاريخ التحليل</th>
-                <th style="padding: 12px; text-align: right; border-bottom: 2px solid #ddd;">الحالة</th>
-                <th style="padding: 12px; text-align: right; border-bottom: 2px solid #ddd;">الإجراءات</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">عقد إنشاء طريق سريع.pdf</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">تحليل شامل</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">2023-03-25</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;"><span style="color: #4CAF50; font-weight: bold;">مكتمل</span></td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">
-                    <button style="background-color: #1E88E5; color: white; border: none; border-radius: 3px; padding: 5px 10px; margin-left: 5px; cursor: pointer;">عرض</button>
-                    <button style="background-color: #78909C; color: white; border: none; border-radius: 3px; padding: 5px 10px; cursor: pointer;">تنزيل التقرير</button>
-                </td>
-            </tr>
-            <tr style="background-color: #f9f9f9;">
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">جداول كميات مشروع صرف صحي.xlsx</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">تحليل جداول الكميات</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">2023-03-23</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;"><span style="color: #4CAF50; font-weight: bold;">مكتمل</span></td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">
-                    <button style="background-color: #1E88E5; color: white; border: none; border-radius: 3px; padding: 5px 10px; margin-left: 5px; cursor: pointer;">عرض</button>
-                    <button style="background-color: #78909C; color: white; border: none; border-radius: 3px; padding: 5px 10px; cursor: pointer;">تنزيل التقرير</button>
-                </td>
-            </tr>
-            <tr>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">شروط وأحكام عقد بناء مدارس.pdf</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">تحليل الشروط والأحكام</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">2023-03-20</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;"><span style="color: #4CAF50; font-weight: bold;">مكتمل</span></td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">
-                    <button style="background-color: #1E88E5; color: white; border: none; border-radius: 3px; padding: 5px 10px; margin-left: 5px; cursor: pointer;">عرض</button>
-                    <button style="background-color: #78909C; color: white; border: none; border-radius: 3px; padding: 5px 10px; cursor: pointer;">تنزيل التقرير</button>
-                </td>
-            </tr>
-            <tr style="background-color: #f9f9f9;">
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">ملحق عقد مشروع كباري.pdf</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">تحليل شامل</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">2023-03-18</td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;"><span style="color: #FB8C00; font-weight: bold;">قيد المعالجة</span></td>
-                <td style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">
-                    <button style="background-color: #9E9E9E; color: white; border: none; border-radius: 3px; padding: 5px 10px; margin-left: 5px; cursor: pointer;" disabled>عرض</button>
-                    <button style="background-color: #9E9E9E; color: white; border: none; border-radius: 3px; padding: 5px 10px; cursor: pointer;" disabled>تنزيل التقرير</button>
-                </td>
-            </tr>
-        </tbody>
-    </table>
+        .modern-table td {
+            padding: 12px 16px;
+            text-align: right;
+            border-bottom: 1px solid var(--gray-200);
+            vertical-align: middle;
+        }
+        
+        .modern-table tr:last-child td {
+            border-bottom: none;
+        }
+        
+        .modern-table tr:nth-child(even) {
+            background-color: var(--gray-50);
+        }
+        
+        .modern-table tr:hover {
+            background-color: var(--gray-100);
+        }
+        
+        .document-item {
+            display: flex;
+            align-items: center;
+        }
+        
+        .document-icon {
+            width: 40px;
+            height: 40px;
+            border-radius: var(--border-radius-sm);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-left: 12px;
+            color: white;
+            font-size: 18px;
+        }
+        
+        .pdf-icon {
+            background-color: #f44336;
+        }
+        
+        .excel-icon {
+            background-color: #4caf50;
+        }
+        
+        .document-info {
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .document-title {
+            font-weight: var(--font-weight-medium);
+            color: var(--gray-800);
+            margin-bottom: 4px;
+        }
+        
+        .document-meta {
+            font-size: var(--font-size-xs);
+            color: var(--gray-500);
+        }
+        
+        .status-badge {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            padding: 4px 12px;
+            border-radius: 50px;
+            font-size: var(--font-size-xs);
+            font-weight: var(--font-weight-medium);
+        }
+        
+        .status-completed {
+            background-color: var(--success-light);
+            color: var(--success-color);
+        }
+        
+        .status-processing {
+            background-color: var(--warning-light);
+            color: var(--warning-color);
+        }
+        
+        .status-failed {
+            background-color: var(--danger-light);
+            color: var(--danger-color);
+        }
+        
+        .action-buttons {
+            display: flex;
+            gap: 8px;
+        }
+        
+        .action-btn {
+            display: inline-flex;
+            align-items: center;
+            padding: 6px 12px;
+            border-radius: var(--border-radius-sm);
+            border: none;
+            font-size: var(--font-size-xs);
+            font-weight: var(--font-weight-medium);
+            cursor: pointer;
+            transition: all 0.2s ease;
+        }
+        
+        .action-btn i {
+            margin-left: 6px;
+        }
+        
+        .view-btn {
+            background-color: var(--primary-light);
+            color: var(--primary-dark);
+        }
+        
+        .view-btn:hover {
+            background-color: var(--primary-color);
+            color: white;
+        }
+        
+        .download-btn {
+            background-color: var(--gray-200);
+            color: var(--gray-700);
+        }
+        
+        .download-btn:hover {
+            background-color: var(--gray-300);
+        }
+        
+        .action-btn.disabled {
+            background-color: var(--gray-200);
+            color: var(--gray-400);
+            cursor: not-allowed;
+            opacity: 0.7;
+        }
+        
+        .action-btn.disabled:hover {
+            background-color: var(--gray-200);
+            color: var(--gray-400);
+        }
+    </style>
     """, unsafe_allow_html=True)
     
     # إحصائيات التحليل
@@ -701,45 +1138,62 @@ def render_document_analysis():
     
     with col1:
         st.markdown("""
-        <div style="padding: 20px; background-color: #f5f5f5; border-radius: 10px; height: 100%;">
-            <h4 style="color: #1E88E5; margin-bottom: 15px;">توزيع أنواع المستندات</h4>
-            <div style="margin-bottom: 15px;">
-                <div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
-                    <span>عقود ومناقصات</span>
-                    <span>45%</span>
-                </div>
-                <div style="height: 10px; background-color: #e0e0e0; border-radius: 5px;">
-                    <div style="height: 100%; width: 45%; background-color: #1E88E5; border-radius: 5px;"></div>
-                </div>
+        <div class="stats-card">
+            <div class="stats-header">
+                <h4>توزيع أنواع المستندات</h4>
             </div>
             
-            <div style="margin-bottom: 15px;">
-                <div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
-                    <span>جداول كميات</span>
-                    <span>30%</span>
+            <div class="stats-content">
+                <div class="chart-item">
+                    <div class="chart-item-header">
+                        <div class="chart-label">
+                            <div class="color-dot" style="background-color: var(--primary-color);"></div>
+                            <span>عقود ومناقصات</span>
+                        </div>
+                        <div class="chart-value">45%</div>
+                    </div>
+                    <div class="progress-bar-container">
+                        <div class="progress-bar" style="width: 45%; background: var(--primary-gradient);"></div>
+                    </div>
                 </div>
-                <div style="height: 10px; background-color: #e0e0e0; border-radius: 5px;">
-                    <div style="height: 100%; width: 30%; background-color: #43A047; border-radius: 5px;"></div>
+                
+                <div class="chart-item">
+                    <div class="chart-item-header">
+                        <div class="chart-label">
+                            <div class="color-dot" style="background-color: var(--success-color);"></div>
+                            <span>جداول كميات</span>
+                        </div>
+                        <div class="chart-value">30%</div>
+                    </div>
+                    <div class="progress-bar-container">
+                        <div class="progress-bar" style="width: 30%; background: var(--success-gradient);"></div>
+                    </div>
                 </div>
-            </div>
-            
-            <div style="margin-bottom: 15px;">
-                <div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
-                    <span>شروط وأحكام</span>
-                    <span>15%</span>
-                </div>
-                <div style="height: 10px; background-color: #e0e0e0; border-radius: 5px;">
-                    <div style="height: 100%; width: 15%; background-color: #FB8C00; border-radius: 5px;"></div>
-                </div>
-            </div>
-            
-            <div style="margin-bottom: 15px;">
-                <div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
-                    <span>مستندات أخرى</span>
-                    <span>10%</span>
+                
+                <div class="chart-item">
+                    <div class="chart-item-header">
+                        <div class="chart-label">
+                            <div class="color-dot" style="background-color: var(--warning-color);"></div>
+                            <span>شروط وأحكام</span>
+                        </div>
+                        <div class="chart-value">15%</div>
+                    </div>
+                    <div class="progress-bar-container">
+                        <div class="progress-bar" style="width: 15%; background: var(--warning-gradient);"></div>
+                    </div>
                 </div>
-                <div style="height: 10px; background-color: #e0e0e0; border-radius: 5px;">
-                    <div style="height: 100%; width: 10%; background-color: #78909C; border-radius: 5px;"></div>
+                
+                <div class="chart-item">
+                    <div class="chart-item-header">
+                        <div class="chart-label">
+                            <div class="color-dot" style="background-color: var(--gray-500);"></div>
+                            <span>مستندات أخرى</span>
+                        </div>
+                        <div class="chart-value">10%</div>
+                    </div>
+                    <div class="progress-bar-container">
+                        <div class="progress-bar" style="width: 10%; background: linear-gradient(135deg, var(--gray-500) 0%, var(--gray-600) 100%);"></div>
+                    </div>
                 </div>
             </div>
         </div>
@@ -747,48 +1201,189 @@ def render_document_analysis():
     
     with col2:
         st.markdown("""
-        <div style="padding: 20px; background-color: #f5f5f5; border-radius: 10px; height: 100%;">
-            <h4 style="color: #1E88E5; margin-bottom: 15px;">إحصائيات التحليل الشهرية</h4>
-            <div style="display: flex; justify-content: space-between; text-align: center;">
-                <div>
-                    <div style="font-size: 2rem; font-weight: bold; color: #1E88E5;">42</div>
-                    <div style="color: #666;">مستند تم تحليله</div>
+        <div class="stats-card">
+            <div class="stats-header">
+                <h4>إحصائيات التحليل الشهرية</h4>
+            </div>
+            
+            <div class="counters-container">
+                <div class="counter-item">
+                    <div class="counter-value primary">42</div>
+                    <div class="counter-label">مستند تم تحليله</div>
                 </div>
-                <div>
-                    <div style="font-size: 2rem; font-weight: bold; color: #43A047;">38</div>
-                    <div style="color: #666;">تحليل ناجح</div>
+                <div class="counter-item">
+                    <div class="counter-value success">38</div>
+                    <div class="counter-label">تحليل ناجح</div>
                 </div>
-                <div>
-                    <div style="font-size: 2rem; font-weight: bold; color: #FB8C00;">4</div>
-                    <div style="color: #666;">تحليل غير مكتمل</div>
+                <div class="counter-item">
+                    <div class="counter-value warning">4</div>
+                    <div class="counter-label">تحليل غير مكتمل</div>
                 </div>
             </div>
             
-            <h4 style="color: #1E88E5; margin-top: 20px; margin-bottom: 15px;">متوسط وقت المعالجة</h4>
-            <div style="display: flex; align-items: center; margin-bottom: 10px;">
-                <div style="width: 150px;">تحليل شامل:</div>
-                <div style="flex-grow: 1; height: 8px; background-color: #e0e0e0; border-radius: 5px;">
-                    <div style="height: 100%; width: 80%; background-color: #1E88E5; border-radius: 5px;"></div>
-                </div>
-                <div style="width: 50px; text-align: left; padding-left: 10px;">2:30</div>
+            <div class="stats-subheader">
+                <h4>متوسط وقت المعالجة</h4>
             </div>
             
-            <div style="display: flex; align-items: center; margin-bottom: 10px;">
-                <div style="width: 150px;">جداول الكميات:</div>
-                <div style="flex-grow: 1; height: 8px; background-color: #e0e0e0; border-radius: 5px;">
-                    <div style="height: 100%; width: 50%; background-color: #43A047; border-radius: 5px;"></div>
+            <div class="stats-content">
+                <div class="chart-item">
+                    <div class="chart-item-header">
+                        <div class="chart-label">
+                            <span>تحليل شامل</span>
+                        </div>
+                        <div class="chart-value time">2:30</div>
+                    </div>
+                    <div class="progress-bar-container">
+                        <div class="progress-bar" style="width: 80%; background: var(--primary-gradient);"></div>
+                    </div>
                 </div>
-                <div style="width: 50px; text-align: left; padding-left: 10px;">1:45</div>
-            </div>
-            
-            <div style="display: flex; align-items: center;">
-                <div style="width: 150px;">الشروط والأحكام:</div>
-                <div style="flex-grow: 1; height: 8px; background-color: #e0e0e0; border-radius: 5px;">
-                    <div style="height: 100%; width: 60%; background-color: #FB8C00; border-radius: 5px;"></div>
+                
+                <div class="chart-item">
+                    <div class="chart-item-header">
+                        <div class="chart-label">
+                            <span>جداول الكميات</span>
+                        </div>
+                        <div class="chart-value time">1:45</div>
+                    </div>
+                    <div class="progress-bar-container">
+                        <div class="progress-bar" style="width: 50%; background: var(--success-gradient);"></div>
+                    </div>
+                </div>
+                
+                <div class="chart-item">
+                    <div class="chart-item-header">
+                        <div class="chart-label">
+                            <span>الشروط والأحكام</span>
+                        </div>
+                        <div class="chart-value time">2:00</div>
+                    </div>
+                    <div class="progress-bar-container">
+                        <div class="progress-bar" style="width: 60%; background: var(--warning-gradient);"></div>
+                    </div>
                 </div>
-                <div style="width: 50px; text-align: left; padding-left: 10px;">2:00</div>
             </div>
         </div>
+        
+        <style>
+            .stats-card {
+                background-color: white;
+                border-radius: var(--border-radius);
+                padding: var(--spacing-lg);
+                box-shadow: var(--shadow-card);
+                height: 100%;
+            }
+            
+            .stats-header h4, .stats-subheader h4 {
+                color: var(--primary-color);
+                font-size: var(--font-size-lg);
+                font-weight: var(--font-weight-semibold);
+                margin-bottom: var(--spacing-md);
+                padding-bottom: var(--spacing-sm);
+                border-bottom: 1px solid var(--gray-200);
+            }
+            
+            .stats-subheader h4 {
+                margin-top: var(--spacing-lg);
+                font-size: var(--font-size-md);
+            }
+            
+            .stats-content {
+                display: flex;
+                flex-direction: column;
+                gap: var(--spacing-md);
+            }
+            
+            .chart-item {
+                margin-bottom: var(--spacing-sm);
+            }
+            
+            .chart-item-header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: var(--spacing-xs);
+            }
+            
+            .chart-label {
+                display: flex;
+                align-items: center;
+                color: var(--gray-700);
+                font-size: var(--font-size-sm);
+            }
+            
+            .color-dot {
+                width: 10px;
+                height: 10px;
+                border-radius: 50%;
+                margin-left: var(--spacing-xs);
+            }
+            
+            .chart-value {
+                font-weight: var(--font-weight-semibold);
+                color: var(--gray-800);
+            }
+            
+            .chart-value.time {
+                font-family: monospace;
+                font-size: var(--font-size-sm);
+                background-color: var(--gray-100);
+                padding: 2px 6px;
+                border-radius: var(--border-radius-sm);
+            }
+            
+            .progress-bar-container {
+                height: 8px;
+                background-color: var(--gray-200);
+                border-radius: 10px;
+                overflow: hidden;
+            }
+            
+            .progress-bar {
+                height: 100%;
+                border-radius: 10px;
+                transition: width 0.3s ease;
+            }
+            
+            .counters-container {
+                display: flex;
+                justify-content: space-between;
+                text-align: center;
+                margin-bottom: var(--spacing-lg);
+            }
+            
+            .counter-item {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+            }
+            
+            .counter-value {
+                font-size: var(--font-size-3xl);
+                font-weight: var(--font-weight-bold);
+                margin-bottom: var(--spacing-xs);
+            }
+            
+            .counter-value.primary {
+                color: var(--primary-color);
+            }
+            
+            .counter-value.success {
+                color: var(--success-color);
+            }
+            
+            .counter-value.warning {
+                color: var(--warning-color);
+            }
+            
+            .counter-value.danger {
+                color: var(--danger-color);
+            }
+            
+            .counter-label {
+                font-size: var(--font-size-xs);
+                color: var(--gray-600);
+            }
+        </style>
         """, unsafe_allow_html=True)
 
 

modules/ai_assistant/__init__.py

@@ -1,5 +1 @@
-"""
-وحدة المساعد الذكي
-"""
-
-__version__ = '1.0.0'
+# تهيئة حزمة المساعد الذكي

modules/ai_assistant/ai_assistant.py

@@ -2,765 +2,401 @@
 # -*- coding: utf-8 -*-
 
 """
-وحدة المساعد الذكي التفاعلية
-تتيح للمستخدمين التفاعل مع نماذج الذكاء الاصطناعي المتقدمة للحصول على مساعدة في تحليل العقود والمناقصات
+تطبيق المساعد الذكي لنظام واهبي لتحليل العقود والمناقصات - الوحدة الرئيسية
+AI Assistant Main Module for WAHBI Tender Analysis System
 """
 
 import os
 import sys
 import json
-import re
 import time
-import base64
-import tempfile
 import logging
 from datetime import datetime
+from pathlib import Path
+
+# تهيئة مكتبات الواجهة
 import streamlit as st
 import pandas as pd
 import numpy as np
-import requests
-from io import BytesIO
-from PIL import Image
-import openai
-import plotly.express as px
-import plotly.graph_objects as go
+
+# مكتبات ذكاء اصطناعي
+try:
+    import openai
+    from openai import OpenAI
+    openai_available = True
+except ImportError:
+    openai_available = False
+    logging.warning("لم يتم العثور على مكتبة OpenAI. بعض الوظائف قد لا تعمل.")
+
+try:
+    import plotly.express as px
+    import plotly.graph_objects as go
+    plotly_available = True
+except ImportError:
+    plotly_available = False
+    logging.warning("لم يتم العثور على مكتبة Plotly. بعض الوظائف قد لا تعمل.")
 
 # إضافة مسار النظام للوصول للملفات المشتركة
 sys.path.append(os.path.abspath(os.path.join(os.path.dirname(__file__), "../..")))
 
-# استيراد المكونات المساعدة
-from utils.helpers import create_directory_if_not_exists, format_time, get_user_info, render_credits, load_css
-
 
 class AIAssistant:
-    """فئة المساعد الذكي التفاعلية"""
+    """فئة المساعد الذكي"""
     
     def __init__(self):
         """تهيئة المساعد الذكي"""
-        self.conversations_dir = os.path.join(os.path.dirname(__file__), '..', '..', 'data', 'assistant_conversations')
-        create_directory_if_not_exists(self.conversations_dir)
-        
-        # تهيئة مفتاح OpenAI API
-        self.openai_api_key = os.environ.get("OPENAI_API_KEY")
-        if self.openai_api_key:
-            openai.api_key = self.openai_api_key
-            self.is_api_available = True
-        else:
-            self.is_api_available = False
-        
-        # نموذج OpenAI المستخدم
-        self.model = "gpt-4o"  # النموذج الأحدث من OpenAI
-        
-        # تهيئة حالة المحادثة في الجلسة
-        if "assistant_messages" not in st.session_state:
-            st.session_state.assistant_messages = []
-        
-        if "assistant_mode" not in st.session_state:
-            st.session_state.assistant_mode = "general"
-        
-        if "document_context" not in st.session_state:
-            st.session_state.document_context = None
-        
-        # الأنماط المتاحة للمساعد
-        self.assistant_modes = {
-            "general": "مساعد عام",
-            "contract_analysis": "تحليل العقود",
-            "cost_estimation": "تقدير التكاليف",
-            "risk_assessment": "تقييم المخاطر",
-            "project_planning": "تخطيط المشاريع"
-        }
-        
-        # توجيهات النظام للمساعد
-        self.system_prompts = {
-            "general": """
-            أنت مساعد ذكي متخصص في شركة شبه الجزيرة للمقاولات، وتعمل ضمن نظام WAHBi لتحليل العقود والمناقصات.
-            دورك هو مساعدة المستخدمين في:
-            1. تحليل المستندات والعقود، وتوضيح بنود العقود وفهم الالتزامات والشروط.
-            2. المساعدة في تسعير المشاريع وحساب التكاليف والموارد.
-            3. تقييم مخاطر العقود والمشاريع والمساعدة في اتخاذ القرارات.
-            4. المساعدة في إدارة المشاريع ومتابعة الإنجاز.
-
-            استخدم لغة مهنية واضحة ومباشرة. قدم إجابات دقيقة ومختصرة.
-            عند قيام المستخدم بسؤال عن كيفية استخدام النظام، قم بإرشاده إلى الوحدة المناسبة في النظام.
-
-            معلومات هامة عن وحدات النظام:
-            - وحدة تحليل المستندات: لتحليل العقود والمناقصات باستخدام الذكاء الاصطناعي.
-            - وحدة مقارنة المستندات: لمقارنة نسخ مختلفة من المستندات وتحديد التغييرات.
-            - وحدة التسعير المتكاملة: لحساب تكاليف المشاريع بن��ءً على الموارد والمواد والعمالة.
-            - وحدة تقييم مخاطر العقود: لتحليل وتقييم المخاطر المحتملة في العقود والمشاريع.
-            - وحدة متتبع حالة المشروع: لمتابعة تقدم المشاريع وعرض مؤشرات الأداء.
-            - وحدة خريطة المشاريع: لعرض مواقع المشاريع على الخريطة بشكل تفاعلي.
-            - وحدة الإشعارات الذكية: لإرسال تنبيهات وإشعارات للمستخدمين حول المشاريع.
-
-            تذكر أن تكون مفيداً ودقيقاً ومهنياً في جميع إجاباتك.
-            """,
-            
-            "contract_analysis": """
-            أنت محلل عقود متخصص في تحليل العقود والمناقصات لشركات المقاولات. 
-            مهمتك هي تحليل العقود وتحديد:
-            - الالتزامات الرئيسية
-            - المواعيد النهائية والتسليمات
-            - الشروط الجزائية والغرامات
-            - آلية الدفع والمستحقات المالية
-            - الشروط الخاصة والاستثناءات
-            - المخاطر المحتملة وكيفية التخفيف منها
-
-            عند تحليل عقد، قم بتوضيح البنود غير المواتية التي قد تسبب مشاكل مستقبلية.
-            استخدم لغة قانونية دقيقة مع شرح المصطلحات القانونية بلغة مبسطة.
-            قدم توصيات عملية لكيفية التعامل مع بنود العقد وتجنب المخاطر.
-            """,
-            
-            "cost_estimation": """
-            أنت خبير في تقدير تكاليف مشاريع البناء والمقاولات. 
-            مهمتك هي مساعدة المستخدم في:
-            - تقدير تكاليف المشاريع بناءً على وصف المشروع ومتطلباته
-            - حساب تكاليف المواد والعمالة والمعدات والنفقات العامة
-            - توضيح كيفية تخصيص الميزانية بين مختلف عناصر المشروع
-            - تحديد التكاليف غير المباشرة التي قد يغفل عنها المستخدم
-            - اقتراح طرق لتقليل التكاليف دون التأثير على جودة المشروع
-
-            استخدم أسلوب منهجي في تقدير التكاليف واشرح افتراضاتك بوضوح.
-            قدم نطاقات تقديرية بدلاً من أرقام دقيقة للتكاليف حيثما كان ذلك مناسباً.
-            عند الإشارة إلى تكاليف، وضح ما إذا كانت التكاليف تشمل ضريبة القيمة المضافة أم لا.
-            """,
-            
-            "risk_assessment": """
-            أنت خبير في تقييم مخاطر مشاريع البناء والمقاولات. 
-            مهمتك هي مساعدة المستخدم في:
-            - تحديد المخاطر المحتملة في المشاريع والعقود
-            - تقييم احتمالية وتأثير كل خطر
-            - اقتراح استراتيجيات للتخفيف من المخاطر
-            - تحليل السيناريوهات المحتملة وخطط الطوارئ
-            - تقديم أفضل الممارسات لإدارة المخاطر في مشاريع المقاولات
-
-            صنف المخاطر إلى فئات (عالية، متوسطة، منخفضة) بناءً على احتماليتها وتأثيرها.
-            اشرح كيف يمكن للشركة أن تحول بعض المخاطر إلى فرص.
-            قدم أمثلة عملية من مشاريع مماثلة لتوضيح كيفية إدارة المخاطر المحددة.
-            """,
-            
-            "project_planning": """
-            أنت خبير في تخطيط وإدارة مشاريع البناء والمقاولات. 
-            مهمتك هي مساعدة المستخدم في:
-            - تخطيط المشاريع وتقسيمها إلى مراحل ومهام
-            - تحديد الموارد اللازمة والجداول الزمنية
-            - إنشاء مخطط جانت وتحديد المسار الحرج
-            - التخطيط للموارد البشرية والمعدات والمواد
-            - متابعة تقدم المشروع ومؤشرات الأداء
-
-            قدم نصائح عملية لإدارة المشاريع بكفاءة وتجنب التأخيرات.
-            اشرح كيفية التعامل مع التغييرات والمطالبات خلال تنفيذ المشروع.
-            قدم أفضل الممارسات للتواصل مع أصحاب المصلحة وإدارة التوقعات.
-            """
-        }
+        self.initialize_session_state()
+        self.load_conversation_history()
+        self.openai_client = self.initialize_openai_client()
+        
+    def initialize_session_state(self):
+        """تهيئة متغيرات حالة الجلسة"""
+        if 'ai_messages' not in st.session_state:
+            st.session_state.ai_messages = []
+        if 'waiting_for_answer' not in st.session_state:
+            st.session_state.waiting_for_answer = False
+        if 'api_key_error' not in st.session_state:
+            st.session_state.api_key_error = False
+        if 'assistant_context' not in st.session_state:
+            st.session_state.assistant_context = "عام"  # سياق المحادثة الافتراضي
     
-    def _call_openai_api(self, messages, model=None, max_tokens=2000):
-        """استدعاء OpenAI API للحصول على استجابة"""
-        if not self.is_api_available:
-            return {
-                "choices": [{"message": {"content": "عذراً، مفتاح OpenAI API غير متوفر. يرجى التواصل مع مسؤول النظام."}}]
-            }
-        
+    def initialize_openai_client(self):
+        """تهيئة اتصال OpenAI"""
         try:
-            if model is None:
-                model = self.model
-            
-            response = openai.ChatCompletion.create(
-                model=model,
-                messages=messages,
-                max_tokens=max_tokens,
-                temperature=0.7,
-                top_p=0.9,
-                frequency_penalty=0,
-                presence_penalty=0
-            )
-            
-            return response
+            # التحقق من وجود مفتاح API
+            api_key = os.environ.get("OPENAI_API_KEY")
+            if not api_key:
+                st.session_state.api_key_error = True
+                return None
+                
+            # إنشاء عميل OpenAI
+            if openai_available:
+                return OpenAI()
+            return None
         except Exception as e:
-            logging.error(f"خطأ في استدعاء OpenAI API: {e}")
-            return {
-                "choices": [{"message": {"content": f"عذراً، حدث خطأ في الاتصال بـ OpenAI API: {str(e)}"}}]
-            }
+            logging.error(f"خطأ في تهيئة اتصال OpenAI: {str(e)}")
+            st.session_state.api_key_error = True
+            return None
     
-    def _call_backend_api(self, endpoint, data):
-        """استدعاء واجهة API الخلفية للنظام"""
+    def load_conversation_history(self):
+        """تحميل سجل المحادثات من الملف"""
         try:
-            response = requests.post(
-                f"http://localhost:5000/api/{endpoint}",
-                json=data,
-                timeout=60
-            )
-            
-            if response.status_code == 200:
-                return response.json()
-            else:
-                logging.error(f"خطأ في استدعاء واجهة API الخلفية: {response.status_code} - {response.text}")
-                return {"error": f"خطأ في استدعاء واجهة API الخلفية: {response.status_code}"}
+            history_path = Path("data/assistant_history.json")
+            if history_path.exists():
+                with open(history_path, "r", encoding="utf-8") as f:
+                    history = json.load(f)
+                    # تحميل آخر 10 رسائل فقط
+                    if 'history' in history and len(history['history']) > 0:
+                        st.session_state.ai_messages = history['history'][-10:]
         except Exception as e:
-            logging.error(f"خطأ في الاتصال بواجهة API الخلفية: {e}")
-            return {"error": f"خطأ في الاتصال بواجهة API الخلفية: {str(e)}"}
+            logging.error(f"خطأ في تحميل سجل المحادثات: {str(e)}")
     
-    def _process_user_message(self, user_message, mode=None):
-        """معالجة رسالة المستخدم والحصول على رد من المساعد الذكي"""
-        if mode is None:
-            mode = st.session_state.assistant_mode
-        
-        # إنشاء قائمة الرسائل للمحادثة
-        messages = [
-            {"role": "system", "content": self.system_prompts[mode]}
-        ]
-        
-        # إضافة سياق المستند إذا كان متاحاً
-        if st.session_state.document_context:
-            messages.append({
-                "role": "system", 
-                "content": f"معلومات سياقية عن المستند: {st.session_state.document_context}"
-            })
-        
-        # إضافة المحادثة السابقة
-        for msg in st.session_state.assistant_messages:
-            messages.append({
-                "role": msg["role"],
-                "content": msg["content"]
-            })
-        
-        # إضافة رسالة المستخدم الحالية
-        messages.append({
-            "role": "user",
-            "content": user_message
-        })
-        
-        # استدعاء API
-        response = self._call_openai_api(messages)
-        
-        # استخراج الرد
-        assistant_response = response["choices"][0]["message"]["content"]
-        
-        # تحديث سجل المحادثة
-        st.session_state.assistant_messages.append({"role": "user", "content": user_message})
-        st.session_state.assistant_messages.append({"role": "assistant", "content": assistant_response})
-        
-        return assistant_response
-    
-    def _clear_chat(self):
-        """مسح المحادثة الحالية"""
-        st.session_state.assistant_messages = []
-        st.session_state.document_context = None
-    
-    def _save_conversation(self):
-        """حفظ المحادثة الحالية"""
-        if not st.session_state.assistant_messages:
-            st.warning("لا توجد محادثة لحفظها.")
-            return False
-        
-        timestamp = datetime.now().strftime("%Y%m%d%H%M%S")
-        user_info = get_user_info()
-        
-        conversation_data = {
-            "timestamp": timestamp,
-            "user": user_info["username"],
-            "mode": st.session_state.assistant_mode,
-            "messages": st.session_state.assistant_messages,
-            "document_context": st.session_state.document_context
-        }
-        
-        filename = f"conversation_{user_info['username']}_{timestamp}.json"
-        file_path = os.path.join(self.conversations_dir, filename)
-        
-        try:
-            with open(file_path, 'w', encoding='utf-8') as f:
-                json.dump(conversation_data, f, ensure_ascii=False, indent=2)
-            
-            return True
-        except Exception as e:
-            logging.error(f"خطأ في حفظ المحادثة: {e}")
-            return False
-    
-    def _load_conversation(self, filename):
-        """تحميل محادثة محفوظة"""
-        file_path = os.path.join(self.conversations_dir, filename)
-        
+    def save_conversation_history(self):
+        """حفظ سجل المحادثات إلى ملف"""
         try:
-            with open(file_path, 'r', encoding='utf-8') as f:
-                conversation_data = json.load(f)
-            
-            st.session_state.assistant_messages = conversation_data["messages"]
-            st.session_state.assistant_mode = conversation_data["mode"]
-            st.session_state.document_context = conversation_data.get("document_context")
+            history_path = Path("data/assistant_history.json")
+            history_path.parent.mkdir(exist_ok=True, parents=True)
             
-            return True
-        except Exception as e:
-            logging.error(f"خطأ في تحميل المحادثة: {e}")
-            return False
-    
-    def _get_saved_conversations(self):
-        """الحصول على قائمة المحادثات المحفوظة"""
-        conversations = []
-        
-        try:
-            for filename in os.listdir(self.conversations_dir):
-                if filename.endswith(".json") and filename.startswith("conversation_"):
-                    file_path = os.path.join(self.conversations_dir, filename)
-                    
-                    with open(file_path, 'r', encoding='utf-8') as f:
-                        data = json.load(f)
-                    
-                    conversations.append({
-                        "filename": filename,
-                        "timestamp": data.get("timestamp", ""),
-                        "user": data.get("user", ""),
-                        "mode": data.get("mode", "general"),
-                        "message_count": len(data.get("messages", []))
-                    })
+            # تحديث أو إنشاء ملف جديد
+            if history_path.exists():
+                with open(history_path, "r", encoding="utf-8") as f:
+                    history = json.load(f)
+                    if 'history' in history:
+                        # إضافة المحادثة الحالية وحفظ آخر 50 محادثة فقط
+                        history['history'] = history['history'] + st.session_state.ai_messages
+                        history['history'] = history['history'][-50:]
+                    else:
+                        history['history'] = st.session_state.ai_messages
+            else:
+                history = {'history': st.session_state.ai_messages}
+                
+            with open(history_path, "w", encoding="utf-8") as f:
+                json.dump(history, f, ensure_ascii=False, indent=2)
         except Exception as e:
-            logging.error(f"خطأ في قراءة المحادثات المحفوظة: {e}")
-        
-        # ترتيب المحادثات حسب التاريخ (الأحدث أولاً)
-        conversations.sort(key=lambda x: x["timestamp"], reverse=True)
-        
-        return conversations
+            logging.error(f"خطأ في حفظ سجل المحادثات: {str(e)}")
     
-    def render_chat_interface(self):
-        """عرض واجهة المحادثة الرئيسية"""
-        st.markdown("<h2 class='module-title'>المساعد الذكي</h2>", unsafe_allow_html=True)
-        
-        # التحقق من توفر OpenAI API
-        if not self.is_api_available:
-            st.warning("⚠️ مفتاح OpenAI API غير متوفر. لن يكون المساعد الذكي قادراً على الرد. يرجى التواصل مع مسؤول النظام.")
+    def render(self):
+        """عرض واجهة المساعد الذكي"""
+        st.markdown("<h1 class='app-title'>المساعد الذكي</h1>", unsafe_allow_html=True)
         
-        # إضافة CSS
         st.markdown("""
-        <style>
-        .chat-container {
-            background-color: #f8f9fa;
-            border-radius: 10px;
-            padding: 20px;
-            margin-bottom: 20px;
-            max-height: 500px;
-            overflow-y: auto;
-        }
-        
-        .chat-message {
-            margin-bottom: 15px;
-            display: flex;
-            flex-direction: row;
-        }
-        
-        .user-message {
-            justify-content: flex-end;
-        }
-        
-        .assistant-message {
-            justify-content: flex-start;
-        }
-        
-        .message-bubble {
-            padding: 10px 15px;
-            border-radius: 15px;
-            max-width: 75%;
-        }
-        
-        .user-bubble {
-            background-color: #1E88E5;
-            color: white;
-            border-top-left-radius: 15px;
-            border-top-right-radius: 15px;
-            border-bottom-left-radius: 15px;
-            border-bottom-right-radius: 0;
-        }
-        
-        .assistant-bubble {
-            background-color: #f0f0f0;
-            color: #333;
-            border-top-left-radius: 15px;
-            border-top-right-radius: 15px;
-            border-bottom-left-radius: 0;
-            border-bottom-right-radius: 15px;
-        }
-        
-        .message-avatar {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            background-color: #ccc;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin: 0 10px;
-            font-weight: bold;
-            color: white;
-        }
-        
-        .user-avatar {
-            background-color: #78909C;
-        }
-        
-        .assistant-avatar {
-            background-color: #1E88E5;
-        }
+        <div class="section-card">
+            <p>المساعد الذكي هو واجهة تفاعلية مدعومة بتقنيات الذكاء الاصطناعي لمساعدتك في جميع أنشطة إدارة المشاريع والعقود. 
+            يمكنك طرح أسئلة بلغتك الطبيعية والحصول على إجابات فورية، أو طلب مساعدة في مهام محددة مثل تحليل بنود العقد أو تقدير التكاليف.</p>
+        </div>
+        """, unsafe_allow_html=True)
         
-        .message-content {
-            white-space: pre-wrap;
-        }
+        # اختيار سياق المحادثة
+        self._render_context_selector()
         
-        .message-time {
-            font-size: 0.8em;
-            color: #888;
-            margin-top: 5px;
-            text-align: right;
-        }
+        # عرض محتويات المحادثة
+        self._render_chat_messages()
         
-        .chat-input {
-            background-color: #f8f9fa;
-            border-radius: 10px;
-            padding: 20px;
-        }
+        # نموذج إدخال الرسالة
+        self._render_chat_input()
         
-        .suggestions-container {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 10px;
-            margin-top: 10px;
-        }
-        
-        .suggestion-chip {
-            background-color: #e9ecef;
-            border-radius: 20px;
-            padding: 5px 15px;
-            cursor: pointer;
-            text-align: center;
-            transition: background-color 0.3s;
-        }
+        # إذا كان هناك مشكلة في مفتاح API
+        if st.session_state.api_key_error:
+            st.error("""
+            لم يتم العثور على مفتاح API صالح لخدمة OpenAI.
+            
+            يرجى التواصل مع مسؤول النظام لتكوين المفتاح بشكل صحيح.
+            """)
         
-        .suggestion-chip:hover {
-            background-color: #dee2e6;
-        }
-        </style>
-        """, unsafe_allow_html=True)
+        # تنبيه: الوحدة قيد التطوير
+        st.info("""
+        المساعد الذكي في الوضع التجريبي. بعض الميزات ��د لا تعمل كما هو متوقع.
         
-        # عرض أوضاع المساعد
-        st.markdown("#### اختر وضع المساعد الذكي")
+        سيتم إضافة المزيد من القدرات والتكامل مع النماذج المتقدمة مثل Claude-3.7 في الإصدارات القادمة.
+        """)
+    
+    def _render_context_selector(self):
+        """عرض محدد سياق المحادثة"""
+        st.markdown("### سياق المحادثة")
         
-        col1, col2, col3, col4, col5 = st.columns(5)
+        col1, col2, col3 = st.columns(3)
         
         with col1:
-            if st.button("مساعد عام", key="mode_general", 
-                        help="مساعد عام للإجابة على الأسئلة المتعلقة بالعقود والمناقصات"):
-                st.session_state.assistant_mode = "general"
+            if st.button("عام", key="general_context", 
+                         use_container_width=True,
+                         type="primary" if st.session_state.assistant_context == "عام" else "secondary"):
+                st.session_state.assistant_context = "عام"
                 st.rerun()
-        
+                
         with col2:
-            if st.button("تحليل العقود", key="mode_contract_analysis", 
-                        help="متخصص في تحليل العقود وتحديد البنود والشروط والمخاطر"):
-                st.session_state.assistant_mode = "contract_analysis"
+            if st.button("تحليل العقود", key="contract_context", 
+                         use_container_width=True,
+                         type="primary" if st.session_state.assistant_context == "تحليل العقود" else "secondary"):
+                st.session_state.assistant_context = "تحليل العقود"
                 st.rerun()
-        
+                
         with col3:
-            if st.button("تقدير التكاليف", key="mode_cost_estimation", 
-                        help="متخصص في تقدير تكاليف المشاريع والبنود"):
-                st.session_state.assistant_mode = "cost_estimation"
+            if st.button("حساب التكاليف", key="cost_context", 
+                         use_container_width=True,
+                         type="primary" if st.session_state.assistant_context == "حساب التكاليف" else "secondary"):
+                st.session_state.assistant_context = "حساب التكاليف"
                 st.rerun()
         
-        with col4:
-            if st.button("تقييم المخاطر", key="mode_risk_assessment", 
-                        help="متخصص في تحديد وتقييم المخاطر المحتملة في المشاريع والعقود"):
-                st.session_state.assistant_mode = "risk_assessment"
-                st.rerun()
+        st.markdown("<hr>", unsafe_allow_html=True)
+    
+    def _render_chat_messages(self):
+        """عرض رسائل المحادثة"""
+        st.markdown("### المحادثة")
         
-        with col5:
-            if st.button("تخطيط المشاريع", key="mode_project_planning", 
-                        help="متخصص في تخطيط وإدارة المشاريع وتحديد المراحل والموارد"):
-                st.session_state.assistant_mode = "project_planning"
-                st.rerun()
+        # عرض رسائل المحادثة
+        for message in st.session_state.ai_messages:
+            if message["role"] == "user":
+                st.markdown(f"""
+                <div style="background-color: #E3F2FD; border-radius: 10px; padding: 10px; margin: 5px 0 5px auto; max-width: 80%; text-align: right; direction: rtl;">
+                    <p style="margin: 0;">{message["content"]}</p>
+                    <small style="color: #666;">{message.get("time", "")}</small>
+                </div>
+                """, unsafe_allow_html=True)
+            else:
+                st.markdown(f"""
+                <div style="background-color: #F5F5F5; border-radius: 10px; padding: 10px; margin: 5px auto 5px 0; max-width: 80%; text-align: right; direction: rtl;">
+                    <p style="margin: 0;">{message["content"]}</p>
+                    <small style="color: #666;">{message.get("time", "")}</small>
+                </div>
+                """, unsafe_allow_html=True)
+                
+        # إذا كان في انتظار الإجابة
+        if st.session_state.waiting_for_answer:
+            with st.spinner("جاري التفكير..."):
+                st.markdown("""
+                <div style="background-color: #F5F5F5; border-radius: 10px; padding: 10px; margin: 5px auto 5px 0; max-width: 80%; text-align: right;">
+                    <div class="typing-indicator">
+                        <span></span>
+                        <span></span>
+                        <span></span>
+                    </div>
+                </div>
+                """, unsafe_allow_html=True)
+    
+    def _render_chat_input(self):
+        """عرض حقل إدخال المحادثة"""
+        # مربع الإدخال
+        user_input = st.text_area("اكتب سؤالك هنا", key="user_question", height=100)
         
-        st.markdown(f"**الوضع الحالي:** {self.assistant_modes[st.session_state.assistant_mode]}")
+        col1, col2 = st.columns([4, 1])
         
-        # تحميل سياق من مستند (اختياري)
-        st.markdown("---")
-        with st.expander("إضافة سياق من مستند", expanded=False):
-            context_text = st.text_area(
-                "نص المستند (اختياري)",
-                value=st.session_state.document_context if st.session_state.document_context else "",
-                height=150,
-                help="أضف نص المستند هنا ليتم استخدامه كسياق للمحادثة"
-            )
+        with col1:
+            # تحديد أزرار السياق السريع
+            st.markdown("#### اختصارات سريعة:")
+            quick_buttons = st.columns(4)
             
-            uploaded_file = st.file_uploader(
-                "أو قم بتحميل ملف نصي أو PDF",
-                type=["txt", "pdf"],
-                help="يمكنك تحميل ملف نصي أو PDF ليتم استخدامه كسياق للمحادثة"
-            )
+            quick_prompts = [
+                "كيف يمكنني تحليل مناقصة؟",
+                "كيف أقوم بتقدير تكاليف مشروع؟",
+                "ما هي المخاطر التعاقدية؟",
+                "كيف أستخدم النظام؟"
+            ]
             
-            doc_col1, doc_col2 = st.columns(2)
+            for i, prompt in enumerate(quick_prompts):
+                with quick_buttons[i]:
+                    if st.button(prompt, key=f"quick_{i}", use_container_width=True):
+                        # إرسال السؤال السريع
+                        self.process_user_message(prompt)
+                        st.rerun()
             
-            with doc_col1:
-                if st.button("إضافة السياق", disabled=not context_text and not uploaded_file):
-                    if uploaded_file:
-                        try:
-                            # قراءة الملف المرفوع
-                            if uploaded_file.name.endswith(".pdf"):
-                                import PyPDF2
-                                reader = PyPDF2.PdfReader(uploaded_file)
-                                context = ""
-                                for page in reader.pages:
-                                    context += page.extract_text() + "\n"
-                            else:
-                                context = uploaded_file.read().decode("utf-8")
-                            
-                            st.session_state.document_context = context
-                            st.success("تم إضافة نص المستند كسياق للمحادثة بنجاح.")
-                        except Exception as e:
-                            st.error(f"حدث خطأ أثناء قراءة الملف: {str(e)}")
-                    elif context_text:
-                        st.session_state.document_context = context_text
-                        st.success("تم إضافة نص المستند كسياق للمحادثة بنجاح.")
+        with col2:
+            st.markdown("<br>", unsafe_allow_html=True)
+            # زر الإرسال
+            if st.button("إرسال", key="send_button", use_container_width=True, type="primary"):
+                if user_input.strip():
+                    self.process_user_message(user_input)
+                    st.rerun()
+    
+    def process_user_message(self, message):
+        """معالجة رسالة المستخدم"""
+        if not message.strip():
+            return
             
-            with doc_col2:
-                if st.button("مسح السياق", disabled=not st.session_state.document_context):
-                    st.session_state.document_context = None
-                    st.success("تم مسح سياق المستند بنجاح.")
-        
-        # عرض المحادثة
-        st.markdown("---")
-        st.markdown("#### المحادثة مع المساعد الذكي")
-        
-        # عرض رسائل المحادثة
-        chat_container = st.container()
+        # إضافة رسالة المستخدم إلى المحادثة
+        current_time = datetime.now().strftime("%H:%M")
+        st.session_state.ai_messages.append({
+            "role": "user",
+            "content": message,
+            "time": current_time
+        })
         
-        with chat_container:
-            with st.container():
-                if not st.session_state.assistant_messages:
-                    st.markdown("""
-                    <div style="text-align: center; padding: 30px; color: #666;">
-                        <p>مرحباً بك في المساعد الذكي!</p>
-                        <p>يمكنك البدء بطرح سؤال أو طلب مساعدة.</p>
-                    </div>
-                    """, unsafe_allow_html=True)
-                else:
-                    message_html = ""
-                    
-                    for msg in st.session_state.assistant_messages:
-                        if msg["role"] == "user":
-                            message_html += f"""
-                            <div class="chat-message user-message">
-                                <div class="message-bubble user-bubble">
-                                    <div class="message-content">{msg["content"]}</div>
-                                </div>
-                                <div class="message-avatar user-avatar">أ</div>
-                            </div>
-                            """
-                        else:
-                            message_html += f"""
-                            <div class="chat-message assistant-message">
-                                <div class="message-avatar assistant-avatar">W</div>
-                                <div class="message-bubble assistant-bubble">
-                                    <div class="message-content">{msg["content"]}</div>
-                                </div>
-                            </div>
-                            """
-                    
-                    st.markdown(f"""
-                    <div class="chat-container">
-                        {message_html}
-                    </div>
-                    """, unsafe_allow_html=True)
+        # تعيين حالة الانتظار
+        st.session_state.waiting_for_answer = True
         
-        # ادخال الرسالة
-        st.markdown("#### أدخل رسالتك")
+        # الحصول على سياق المحادثة الحالي
+        context = st.session_state.assistant_context
         
-        with st.container():
-            with st.form(key="chat_form"):
-                user_message = st.text_area("رسالتك", height=100, placeholder="اكتب سؤالك أو طلبك هنا...")
-                
-                col1, col2, col3 = st.columns([2, 2, 1])
-                
-                with col1:
-                    send_button = st.form_submit_button(
-                        "إرسال",
-                        help="إرسال الرسالة إلى المساعد الذكي"
-                    )
+        # الحصول على رد من API (معالجة غير متزامنة)
+        try:
+            # فحص توفر OpenAI
+            if not openai_available or not self.openai_client:
+                response = self.get_fallback_response(context, message)
+            else:
+                response = self.get_ai_response(context, message)
                 
-                with col2:
-                    suggested_questions = [
-                        "كيف يمكنني تحليل بنود الدفع في العقد؟",
-                        "ما هي أفضل طريقة لتقدير تكاليف مشروع بناء؟",
-                        "كيف أحدد المخاطر المحتملة في مشروع جديد؟",
-                        "كيف يمكنني إنشاء جدول زمني فعال للمشروع؟",
-                        "ما هي أهم البنود التي يجب الانتباه إليها في عقود المقاولات؟"
-                    ]
-                    
-                    if st.session_state.assistant_mode == "contract_analysis":
-                        suggested_questions = [
-                            "كيف أحدد البنود غير المواتية في العقد؟",
-                            "ما هي العناصر الأساسية التي يجب أن يتضمنها عقد المقاولة؟",
-                            "كيف أتعامل مع بنود الغرامات والتعويضات؟",
-                            "كيف يمكنني التفاوض على تحسين شروط الدفع؟",
-                            "ما هي الفروق الرئيسية بين عقد الثمن الثابت وعقد التكلفة زائد أتعاب؟"
-                        ]
-                    elif st.session_state.assistant_mode == "cost_estimation":
-                        suggested_questions = [
-                            "كيف أقدر تكلفة المواد في مشروع بناء؟",
-                            "ما هي نسبة النفقات العامة المعقولة لمشروع مقاولات؟",
-                            "كيف أحسب تكلفة العمالة بدقة؟",
-                            "ما هي العوامل التي تؤثر على تكلفة المعدات؟",
-                            "كيف أقدر هامش الربح المناسب للمشروع؟"
-                        ]
-                    
-                    selected_question = st.selectbox(
-                        "أو اختر سؤال مقترح",
-                        [""] + suggested_questions,
-                        index=0
-                    )
+            # إضافة رد المساعد إلى المحادثة
+            st.session_state.ai_messages.append({
+                "role": "assistant",
+                "content": response,
+                "time": datetime.now().strftime("%H:%M")
+            })
+            
+            # حفظ المحادثة
+            self.save_conversation_history()
                 
-                with col3:
-                    clear_button = st.form_submit_button(
-                        "مسح المحادثة",
-                        help="مسح جميع الرسائل في المحادثة الحالية"
-                    )
+        except Exception as e:
+            logging.error(f"خطأ في معالجة رسالة المستخدم: {str(e)}")
+            st.session_state.ai_messages.append({
+                "role": "assistant",
+                "content": "عذراً، حدث خطأ أثناء معالجة طلبك. يرجى المحاولة مرة أخرى لاحقاً.",
+                "time": datetime.now().strftime("%H:%M")
+            })
+        
+        # إلغاء حالة الانتظار
+        st.session_state.waiting_for_answer = False
+    
+    def get_ai_response(self, context, message):
+        """الحصول على رد من OpenAI API"""
+        try:
+            # إنشاء رسالة النظام بناءً على السياق
+            system_message = self.get_system_message(context)
             
-            if send_button and user_message:
-                # معالجة رسالة المستخدم
-                with st.spinner("جاري معالجة الرسالة..."):
-                    self._process_user_message(user_message)
-                st.rerun()
+            # تحضير سجل المحادثة للإرسال إلى OpenAI
+            messages = [{"role": "system", "content": system_message}]
             
-            if send_button and selected_question and not user_message:
-                # استخدام السؤال المقترح
-                with st.spinner("جاري معالجة الرسالة..."):
-                    self._process_user_message(selected_question)
-                st.rerun()
+            # إضافة آخر 5 رسائل من المحادثة الحالية
+            history = [msg for msg in st.session_state.ai_messages[-10:] if msg["role"] in ["user", "assistant"]]
+            for msg in history:
+                messages.append({"role": msg["role"], "content": msg["content"]})
             
-            if clear_button:
-                self._clear_chat()
-                st.rerun()
-        
-        # زر لحفظ المحادثة
-        col1, col2, col3 = st.columns([1, 1, 2])
-        
-        with col1:
-            if st.button("حفظ المحادثة", key="save_conversation", disabled=not st.session_state.assistant_messages):
-                if self._save_conversation():
-                    st.success("تم حفظ المحادثة بنجاح.")
-                else:
-                    st.error("حدث خطأ أثناء حفظ المحادثة.")
-        
-        with col2:
-            if st.button("تحميل محادثة سابقة", key="show_load_conversation"):
-                st.session_state.show_conversations = True
-                st.rerun()
-        
-        # عرض المحادثات المحفوظة
-        if "show_conversations" in st.session_state and st.session_state.show_conversations:
-            st.markdown("---")
-            st.markdown("#### المحادثات المحفوظة")
+            # إضافة رسالة المستخدم الحالية إذا لم تكن موجودة بالفعل
+            if history and history[-1]["role"] != "user":
+                messages.append({"role": "user", "content": message})
             
-            conversations = self._get_saved_conversations()
+            # استدعاء OpenAI API
+            response = self.openai_client.chat.completions.create(
+                model="gpt-4o",
+                messages=messages,
+                temperature=0.7,
+                max_tokens=1000
+            )
             
-            if not conversations:
-                st.info("لا توجد محادثات محفوظة.")
-            else:
-                # عرض المحادثات في جدول
-                conversation_data = []
-                for conv in conversations:
-                    timestamp = datetime.strptime(conv["timestamp"], "%Y%m%d%H%M%S") if conv["timestamp"] else ""
-                    formatted_time = timestamp.strftime("%Y-%m-%d %H:%M:%S") if timestamp else ""
-                    
-                    conversation_data.append({
-                        "التاريخ": formatted_time,
-                        "المستخدم": conv["user"],
-                        "وضع المساعد": self.assistant_modes.get(conv["mode"], "غير معروف"),
-                        "عدد الرسائل": conv["message_count"],
-                        "الملف": conv["filename"]
-                    })
-                
-                df = pd.DataFrame(conversation_data)
-                st.dataframe(df, height=300)
-                
-                # اختيار محادثة لتحميلها
-                selected_filename = st.selectbox(
-                    "اختر محادثة لتحميلها",
-                    options=[""] + [conv["filename"] for conv in conversations],
-                    format_func=lambda x: next((f"{c['user']} - {datetime.strptime(c['timestamp'], '%Y%m%d%H%M%S').strftime('%Y-%m-%d %H:%M:%S')}" for c in conversations if c["filename"] == x), x),
-                    index=0
-                )
-                
-                col1, col2 = st.columns(2)
-                
-                with col1:
-                    if st.button("تحميل المحادثة المختارة", disabled=not selected_filename):
-                        if self._load_conversation(selected_filename):
-                            st.success("تم تحميل المحادثة بنجاح.")
-                            st.session_state.show_conversations = False
-                            st.rerun()
-                        else:
-                            st.error("حدث خطأ أثناء تحميل المحادثة.")
-                
-                with col2:
-                    if st.button("إلغاء", key="cancel_load_conversation"):
-                        st.session_state.show_conversations = False
-                        st.rerun()
-        
-        # عرض المعلومات عن وضع المساعد الحالي
-        st.markdown("---")
-        st.markdown(f"#### معلومات عن وضع المساعد: {self.assistant_modes[st.session_state.assistant_mode]}")
-        
-        if st.session_state.assistant_mode == "general":
-            st.markdown("""
-            المساعد العام يمكنه مساعدتك في مجموعة متنوعة من المهام المتعلقة بالعقود والمناقصات وإدارة المشاريع. يمكنه:
-            - الإجابة على الأسئلة العامة حول العقود والمناقصات
-            - توجيهك إلى الوحدات المناسبة في النظام
-            - تقديم معلومات عامة عن إدارة المشاريع وأفضل الممارسات
-            - المساعدة في فهم المصطلحات والمفاهيم المتعلقة بمجال المقاولات
-            """)
-        elif st.session_state.assistant_mode == "contract_analysis":
-            st.markdown("""
-            مساعد تحليل العقود متخصص في:
-            - تحليل بنود العقود وتوضيح معانيها
-            - تحديد الالتزامات والحقوق لكل طرف
-            - تسليط الضوء على البنود غير المواتية أو الغامضة
-            - تقديم توصيات للتفاوض على تحسين شروط العقد
-            - مقارنة العقد مع أفضل الممارسات في القطاع
-            """)
-        elif st.session_state.assistant_mode == "cost_estimation":
-            st.markdown("""
-            مساعد تقدير التكاليف متخصص في:
-            - حساب تكاليف المشاريع بناءً على المتطلبات والمواصفات
-            - تقدير تكاليف المواد والعمالة والمعدات
-            - تحليل التكاليف المباشرة وغير المباشرة
-            - تقديم نصائح لتقليل التكاليف وزيادة الكفاءة
-            - تحديد العوامل التي قد تؤثر على التكلفة الإجمالية
-            """)
-        elif st.session_state.assistant_mode == "risk_assessment":
-            st.markdown("""
-            مساعد تقييم المخاطر متخصص في:
-            - تحديد المخاطر المحتملة في المشاريع والعقود
-            - تقييم احتمالية وتأثير كل خطر
-            - اقتراح استراتيجيات للتخفيف من المخاطر
-            - إنشاء خطط للطوارئ والاستجابة للمخاطر
-            - تحليل تأثير المخاطر على الجدول الزمني والتكلفة
-            """)
-        elif st.session_state.assistant_mode == "project_planning":
-            st.markdown("""
-            مساعد تخطيط المشاريع متخصص في:
-            - تقسيم المشروع إلى مراحل ومهام وأنشطة
-            - تحديد الموارد اللازمة لكل نشاط
-            - إنشاء الجداول الزمنية والمسار الحرج
-            - التخطيط للموارد البشرية والمعدات والمواد
-            - مراقبة تقدم المشرو�� وإدارة التغييرات
-            """)
-        
-        # عرض معلومات حقوق الملكية
-        render_credits()
+            return response.choices[0].message.content
+
+        except Exception as e:
+            logging.error(f"خطأ في الحصول على رد من OpenAI: {str(e)}")
+            return self.get_fallback_response(context, message)
     
-    def render(self):
-        """عرض واجهة المساعد الذكي الرئيسية"""
-        # تحميل CSS المخصص
-        load_css()
+    def get_system_message(self, context):
+        """إنشاء رسالة النظام بناءً على سياق المحادثة"""
+        if context == "تحليل العقود":
+            return """
+            أنت مساعد متخصص في تحليل العقود والمناقصات في مجال المقاولات والإنشاءات.
+            ساعد المستخدم في فهم البنود القانونية وتحديد المخاطر المحتملة وتقديم النصائح حول تحسين الشروط.
+            استخدم لغة واضحة ومهنية باللغة العربية واذكر المصطلحات الفنية والقانونية المناسبة.
+            """
+        elif context == "حساب التكاليف":
+            return """
+            أنت مساعد متخصص في تقدير تكاليف مشاريع البناء والمقاولات.
+            ساعد المستخدم في فهم كيفية حساب تكاليف المواد والعمالة والمعدات، وكيفية تسعير بنود المشروع بشكل صحيح.
+            قدم معلومات حول طرق التسعير المختلفة مثل وحدة القياس والمبلغ المقطوع.
+            استخدم لغة واضحة ومهنية باللغة العربية واذكر المصطلحات الفنية المناسبة.
+            """
+        else:  # سياق عام
+            return """
+            أنت مساعد ذكي متخصص في مجال المقاولات والإنشاءات باسم "واهبي" من نظام تحليل العقود والمناقصات.
+            ساعد المستخدم بالإجابة على أسئلته حول إدارة المشاريع وتحليل العقود وتقدير التكاليف والمناقصات.
+            تجنب التعليق على مواضيع لا علاقة لها بالمقاولات والإنشاءات.
+            استخدم لغة واضحة ومهنية باللغة العربية.
+            """
+    
+    def get_fallback_response(self, context, message):
+        """الحصول على رد احتياطي في حالة عدم إمكانية الوصول إلى API"""
+        responses = {
+            "تحليل العقود": """
+            مرحباً! أنا مساعدك في تحليل العقود والمناقصات. للأسف، هناك مشكلة في الاتصال بخدمة الذكاء الاصطناعي حالياً.
+            
+            للمساعدة في تحليل العقود، يمكنك استخدام وحدة تحليل المستندات في النظام، والتي تتيح لك:
+            
+            - تحميل ملفات العقود بصيغة PDF
+            - تحليل البنود والشروط تلقائياً
+            - استخراج الالتزامات والمواعيد النهائية
+            - تحليل المخاطر المحتملة
+            
+            يمكنك الوصول إلى هذه الوحدة من القائمة الجانبية تحت "تحليل المستندات".
+            """,
+            
+            "حساب التكاليف": """
+            مرحباً! أنا مساعدك في تقدير تكاليف المشاريع. للأسف، هناك مشكلة في الاتصال بخدمة الذكاء الاصطناعي حالياً.
+            
+            للمساعدة في حساب التكاليف، يمكنك استخدام وحدة التسعير المتكاملة في النظام، والتي تتيح لك:
+            
+            - إنشاء نماذج تسعير متكاملة
+            - حساب تكاليف المواد والعمالة والمعدات
+            - تطبيق نسب الأرباح والمصاريف الإدارية
+            - إنشاء جداول كميات تفصيلية
+            
+            يمكنك الوصول إلى هذه الوحدة من القائمة الجانبية تحت "التسعير المتكاملة".
+            """,
+            
+            "عام": """
+            مرحباً! أنا مساعدك في نظام تحليل العقود والمناقصات. للأسف، هناك مشكلة في الاتصال بخدمة الذكاء الاصطناعي حالياً.
+            
+            يمكنك الاستفادة من الوظائف المتاحة في النظام مثل:
+            
+            - تحليل المستن��ات لفهم العقود والمناقصات
+            - التسعير المتكاملة لحساب تكاليف المشاريع
+            - إدارة المشاريع لمتابعة سير العمل
+            - تقييم مخاطر العقود لتقليل المخاطر المحتملة
+            
+            يمكنك الوصول إلى هذه الوحدات من القائمة الجانبية.
+            """
+        }
         
-        # عرض واجهة المحادثة
-        self.render_chat_interface()
+        return responses.get(context, responses["عام"])
 
 
-# تشغيل التطبيق بشكل مستقل عند استدعاء الملف مباشرة
+# مثال للاستخدام المستقل للوحدة
 if __name__ == "__main__":
     st.set_page_config(
         page_title="المساعد الذكي | WAHBi AI",
@@ -769,5 +405,12 @@ if __name__ == "__main__":
         initial_sidebar_state="expanded"
     )
     
+    # استيراد مكونات واجهة المستخدم
+    from utils.components.sidebar import render_sidebar
+    
+    # عرض الشريط الجانبي
+    render_sidebar()
+    
+    # عرض واجهة المساعد الذكي
     assistant = AIAssistant()
     assistant.render()

modules/ai_assistant/assistant_app.py

@@ -2,8 +2,8 @@
 # -*- coding: utf-8 -*-
 
 """
-تطبيق المساعد الذكي التفاعلي
-يتيح للمستخدمين التفاعل مع نماذج الذكاء الاصطناعي المتقدمة للحصول على مساعدة في تحليل العقود والمناقصات
+تطبيق المساعد الذكي لنظام واهبي لتحليل العقود والمناقصات
+AI Assistant App for WAHBI Tender Analysis System
 """
 
 import os
@@ -16,11 +16,32 @@ import numpy as np
 sys.path.append(os.path.abspath(os.path.join(os.path.dirname(__file__), "../..")))
 
 # استيراد مكونات المساعد الذكي
-from modules.ai_assistant.ai_assistant import AIAssistant
+try:
+    from modules.ai_assistant.ai_assistant import AIAssistant
+except ImportError:
+    # في حالة عدم وجود الملف، نستخدم تعريف مؤقت
+    class AIAssistant:
+        """فئة مؤقتة للمساعد الذكي"""
+        def render(self):
+            """عرض واجهة المساعد الذكي المؤقتة"""
+            st.markdown("<h1 class='app-title'>المساعد الذكي</h1>", unsafe_allow_html=True)
+            
+            st.info("""
+            مكون المساعد الذكي قيد التطوير حاليًا. سيتم إضافة هذه الميزة في الإصدار القادم.
+            """)
+            
+            st.markdown("""
+            ### الوظائف القادمة:
+            - محادثة ذكية معتمدة على تقنيات GPT-4o وClaude-3.7 المتقدمة
+            - فهم الطلبات باللغة العربية بشكل كامل
+            - القدرة على إنشاء مستندات واستمارات بناءً على الطلب
+            - مساعدة في تحليل العقود وشروط المناقصات
+            - إمكانية استخراج معلومات من وثائق مختلفة
+            """)
 
 
 class AssistantApp:
-    """تطبيق المساعد الذكي التفاعلي"""
+    """تطبيق المساعد الذكي"""
     
     def __init__(self):
         """تهيئة تطبيق المساعد الذكي"""
@@ -40,5 +61,12 @@ if __name__ == "__main__":
         initial_sidebar_state="expanded"
     )
     
-    app = AssistantApp()
-    app.render()
+    # استيراد مكونات واجهة المستخدم
+    from utils.components.sidebar import render_sidebar
+    
+    # عرض الشريط الجانبي
+    render_sidebar()
+    
+    # عرض واجهة المساعد الذكي
+    assistant_app = AssistantApp()
+    assistant_app.render()

utils/components/sidebar.py

@@ -8,6 +8,38 @@ import os
 from pathlib import Path
 import streamlit_option_menu as option_menu
 import json
+import datetime
+
+# ألوان النظام الموحدة
+COLORS = {
+    "primary": "#0B6E4F",
+    "secondary": "#08603a",
+    "accent": "#FFB100",
+    "tertiary": "#5754FF",
+    "quaternary": "#f43f5e",
+    "success": "#10b981",
+    "warning": "#f59e0b",
+    "danger": "#ef4444",
+    "light_bg": "#f8fafc",
+    "text": "#334155",
+    "heading": "#1e293b",
+    "muted": "#64748b",
+    "border": "#e2e8f0",
+}
+
+# تهيئة الرموز مع ألوان مخصصة للأقسام المختلفة
+SECTION_ICONS = {
+    "الرئيسية": {"icon": "house-fill", "color": COLORS["primary"]},
+    "تحليل العقود": {"icon": "file-earmark-text-fill", "color": COLORS["primary"]},
+    "حاسبة التكاليف": {"icon": "calculator-fill", "color": COLORS["tertiary"]},
+    "إدارة المشاريع": {"icon": "clipboard2-data-fill", "color": COLORS["primary"]},
+    "الخريطة التفاعلية": {"icon": "geo-alt-fill", "color": COLORS["quaternary"]},
+    "المساعد الذكي": {"icon": "robot", "color": COLORS["accent"]},
+    "التقارير": {"icon": "bar-chart-fill", "color": COLORS["tertiary"]},
+    "المحتوى المحلي": {"icon": "flag-fill", "color": COLORS["success"]},
+    "تحليل المخاطر": {"icon": "shield-fill-exclamation", "color": COLORS["warning"]},
+    "الإعدادات": {"icon": "gear-fill", "color": COLORS["muted"]},
+}
 
 def get_user_info():
     """
@@ -17,65 +49,306 @@ def get_user_info():
     return {
         "name": "محمد أحمد",
         "role": "محلل عقود",
+        "organization": "شركة المشاريع المتطورة",
+        "last_login": datetime.datetime.now().strftime("%Y-%m-%d %H:%M"),
         "image": None
     }
 
+def render_wahbi_logo():
+    """
+    عرض شعار نظام واهبي بتصميم SVG متقدم
+    """
+    logo_html = """
+    <div style="text-align: center; margin-bottom: 1.5rem; margin-top: 0.5rem;">
+        <svg width="120" height="60" viewBox="0 0 240 120" xmlns="http://www.w3.org/2000/svg">
+            <style>
+                .logo-text { font-family: 'Almarai', sans-serif; font-weight: 800; }
+                .logo-accent { fill: #FFB100; }
+                .logo-primary { fill: #0B6E4F; }
+                .logo-secondary { fill: #08603a; }
+                @keyframes pulse {
+                    0% { opacity: 0.8; }
+                    50% { opacity: 1; }
+                    100% { opacity: 0.8; }
+                }
+                .pulse { animation: pulse 2s infinite ease-in-out; }
+            </style>
+            <g>
+                <!-- الشكل الخارجي -->
+                <path class="logo-primary" d="M40,20 L200,20 C220,20 230,30 230,50 L230,70 C230,90 220,100 200,100 L40,100 C20,100 10,90 10,70 L10,50 C10,30 20,20 40,20 Z" />
+                
+                <!-- الشكل الداخلي -->
+                <path class="logo-secondary" d="M45,30 L195,30 C210,30 220,40 220,55 L220,65 C220,80 210,90 195,90 L45,90 C30,90 20,80 20,65 L20,55 C20,40 30,30 45,30 Z" />
+                
+                <!-- الشكل الثالث (الهالة) -->
+                <circle class="pulse logo-accent" cx="120" cy="60" r="35" opacity="0.2" />
+                
+                <!-- نص "واهبي" -->
+                <text class="logo-text" x="120" y="70" font-size="40" text-anchor="middle" fill="white">واهبي</text>
+                
+                <!-- نص "AI" -->
+                <text class="logo-text logo-accent" x="175" y="70" font-size="30" text-anchor="middle">AI</text>
+            </g>
+        </svg>
+    </div>
+    """
+    return logo_html
+
 def render_sidebar():
     """
     عرض الشريط الجانبي الرئيسي للتطبيق
     """
     with st.sidebar:
+        # عرض شعار النظام
+        st.markdown(render_wahbi_logo(), unsafe_allow_html=True)
+        
         # عرض معلومات المستخدم
         user = get_user_info()
         
-        # مربع معلومات المستخدم
+        # مربع معلومات المستخدم بتصميم متقدم
         st.markdown(f"""
-        <div style="padding: 1rem; background: linear-gradient(135deg, #f0f7ff, #e8f1fb); border-radius: 10px; margin-bottom: 1.5rem; text-align: center;">
-            <div style="width: 80px; height: 80px; background: linear-gradient(135deg, #1E88E5, #64B5F6); border-radius: 50%; margin: 0 auto 0.8rem auto; display: flex; justify-content: center; align-items: center; color: white; font-size: 2rem; font-weight: bold;">
+        <div class="user-profile-card">
+            <div class="user-avatar">
                 {user["name"][0] if user["name"] else "م"}
             </div>
-            <h3 style="margin: 0; font-size: 1.2rem; color: #333;">{user["name"]}</h3>
-            <p style="margin: 0; color: #1E88E5; font-size: 0.9rem;">{user["role"]}</p>
+            <h3 class="user-name">{user["name"]}</h3>
+            <p class="user-role">{user["role"]}</p>
+            <p class="user-organization">{user["organization"]}</p>
+            
+            <div class="user-last-login">
+                <i class="fas fa-clock"></i>
+                آخر دخول: {user["last_login"]}
+            </div>
         </div>
+
+        <style>
+            .user-profile-card {{
+                padding: var(--spacing-lg);
+                background: linear-gradient(135deg, rgba(11, 110, 79, 0.08), rgba(11, 110, 79, 0.03));
+                border-radius: var(--border-radius);
+                margin-bottom: var(--spacing-lg);
+                text-align: center;
+                border: 1px solid rgba(11, 110, 79, 0.12);
+                box-shadow: var(--shadow-sm);
+            }}
+            
+            .user-avatar {{
+                width: 85px;
+                height: 85px;
+                background: var(--primary-gradient);
+                border-radius: var(--border-radius-circle);
+                margin: 0 auto var(--spacing-md) auto;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                color: white;
+                font-size: 2.2rem;
+                font-weight: var(--font-weight-bold);
+                box-shadow: 0 4px 10px rgba(11, 110, 79, 0.3);
+            }}
+            
+            .user-name {{
+                margin: 0;
+                font-size: var(--font-size-xl);
+                color: var(--gray-800);
+                font-weight: var(--font-weight-bold);
+            }}
+            
+            .user-role {{
+                margin: var(--spacing-xs) 0 var(--spacing-xs) 0;
+                color: var(--primary-color);
+                font-size: var(--font-size-sm);
+                font-weight: var(--font-weight-semibold);
+            }}
+            
+            .user-organization {{
+                margin: 0;
+                color: var(--gray-600);
+                font-size: var(--font-size-xs);
+            }}
+            
+            .user-last-login {{
+                margin-top: var(--spacing-md);
+                padding-top: var(--spacing-md);
+                border-top: 1px dashed rgba(11, 110, 79, 0.15);
+                text-align: center;
+                font-size: var(--font-size-xs);
+                color: var(--gray-500);
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }}
+            
+            .user-last-login i {{
+                margin-left: 5px;
+            }}
+        </style>
         """, unsafe_allow_html=True)
         
         # القائمة الرئيسية باستخدام كومبوننت الشريط الجانبي
+        menu_options = [
+            "الرئيسية", 
+            "تحليل العقود", 
+            "حاسبة التكاليف",
+            "إدارة المشاريع",
+            "الخريطة التفاعلية",
+            "المساعد الذكي",
+            "التقارير",
+            "المحتوى المحلي",
+            "تحليل المخاطر",
+            "الإعدادات"
+        ]
+        
+        icons = [SECTION_ICONS[option]["icon"] for option in menu_options]
+        
+        # توليد قائمة الألوان المخصصة للأيقونات
+        icon_colors = [SECTION_ICONS[option]["color"] for option in menu_options]
+        
+        # تطبيق نمط CSS المخصص للقائمة
+        menu_style = """
+        <style>
+            /* تحسين تنسيق القائمة الرئيسية */
+            .nav-link {
+                position: relative !important;
+                overflow: hidden !important;
+                white-space: nowrap !important;
+            }
+            
+            /* تأثير التوهج للعنصر المحدد */
+            .nav-link.active::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                right: 0;
+                width: 4px;
+                height: 100%;
+                background: linear-gradient(to bottom, rgba(255, 177, 0, 0.8), rgba(255, 177, 0, 0.3));
+                z-index: 5;
+                animation: pulse-border 1.5s infinite alternate;
+            }
+            
+            /* تأثير الخلفية للعنصر المحدد */
+            .nav-link.active::after {
+                content: '';
+                position: absolute;
+                top: 0;
+                right: 0;
+                width: 100%;
+                height: 100%;
+                background: linear-gradient(135deg, rgba(11, 110, 79, 0.95), rgba(8, 96, 58, 0.95));
+                z-index: -1;
+                animation: gradient-shift 8s infinite alternate;
+            }
+            
+            /* تنسيق الأيقونات بالألوان المخصصة */
+            .section-icon-0 { color: #0B6E4F !important; }
+            .section-icon-1 { color: #0B6E4F !important; }
+            .section-icon-2 { color: #5754FF !important; }
+            .section-icon-3 { color: #0B6E4F !important; }
+            .section-icon-4 { color: #f43f5e !important; }
+            .section-icon-5 { color: #FFB100 !important; }
+            .section-icon-6 { color: #5754FF !important; }
+            .section-icon-7 { color: #10b981 !important; }
+            .section-icon-8 { color: #f59e0b !important; }
+            .section-icon-9 { color: #64748b !important; }
+            
+            /* إظهار الأيقونات بالأبيض للعنصر المحدد */
+            .nav-link.active i {
+                color: white !important;
+                animation: icon-pop 0.3s ease-out;
+            }
+            
+            /* تأثيرات الحركة */
+            @keyframes pulse-border {
+                0% { opacity: 0.7; }
+                100% { opacity: 1; }
+            }
+            
+            @keyframes gradient-shift {
+                0% { background-position: 0% 50%; }
+                50% { background-position: 100% 50%; }
+                100% { background-position: 0% 50%; }
+            }
+            
+            @keyframes icon-pop {
+                0% { transform: scale(1); }
+                50% { transform: scale(1.2); }
+                100% { transform: scale(1); }
+            }
+            
+            /* تأثير التحويم */
+            .nav-link:not(.active):hover {
+                background-color: rgba(11, 110, 79, 0.08) !important;
+                transform: translateX(-3px) !important;
+            }
+            
+            /* تنعيم عملية الانتقال */
+            .nav-link {
+                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+            }
+        </style>
+        """
+        st.markdown(menu_style, unsafe_allow_html=True)
+        
+        # إضافة عنوان CSS للأيقونات
+        for i, option in enumerate(menu_options):
+            st.markdown(f"""
+            <style>
+                div[data-testid="stVerticalBlock"] div.stButton:nth-child({i+1}) button i {{
+                    color: {SECTION_ICONS[option]["color"]} !important;
+                }}
+            </style>
+            """, unsafe_allow_html=True)
+        
         selected = option_menu.option_menu(
-            menu_title="الوصول السريع",
-            options=[
-                "الرئيسية", 
-                "تحليل العقود", 
-                "حاسبة التكاليف",
-                "إدارة المشاريع",
-                "الخريطة التفاعلية",
-                "المساعد الذكي",
-                "التقارير",
-                "الإعدادات"
-            ],
-            icons=[
-                "house-fill", 
-                "file-earmark-text-fill", 
-                "calculator-fill",
-                "clipboard2-data-fill",
-                "geo-alt-fill",
-                "robot",
-                "bar-chart-fill",
-                "gear-fill"
-            ],
-            menu_icon="list",
+            menu_title="نظام WAHBi AI",
+            options=menu_options,
+            icons=icons,
+            menu_icon="grid-fill",
             default_index=0,
             styles={
-                "container": {"padding": "0!important", "background-color": "transparent", "direction": "rtl"},
-                "icon": {"color": "#1E88E5", "font-size": "1rem", "float": "right", "margin-left": "10px"},
+                "container": {
+                    "padding": "0.5rem !important", 
+                    "background-color": "transparent", 
+                    "direction": "rtl", 
+                    "border-radius": "var(--border-radius)",
+                    "margin-bottom": "var(--spacing-md)",
+                    "border": "1px solid rgba(11, 110, 79, 0.1)",
+                    "backdrop-filter": "blur(10px)",
+                    "background": "rgba(255, 255, 255, 0.6)",
+                },
+                "icon": {
+                    "font-size": "1.2rem", 
+                    "float": "right", 
+                    "margin-left": "15px",
+                    "vertical-align": "middle",
+                },
                 "nav-link": {
-                    "font-size": "0.9rem",
+                    "font-size": "0.95rem",
                     "text-align": "right",
                     "direction": "rtl",
-                    "--hover-color": "#E3F2FD",
-                    "margin-bottom": "0.2rem",
-                    "padding-right": "15px",
+                    "padding": "0.8rem 1rem",
+                    "margin-bottom": "0.5rem",
+                    "border-radius": "8px",
+                    "font-weight": "500",
+                    "display": "flex",
+                    "align-items": "center",
+                    "justify-content": "flex-start",
+                    "position": "relative",
+                    "overflow": "hidden",
+                    "z-index": "1",
+                    "transition": "all 0.3s ease",
+                    "background": "rgba(255, 255, 255, 0.7)",
+                    "border": "1px solid rgba(226, 232, 240, 0.7)",
+                },
+                "nav-link-selected": {
+                    "background": "var(--primary-gradient)", 
+                    "color": "white", 
+                    "text-align": "right",
+                    "font-weight": "600",
+                    "box-shadow": "0 4px 12px rgba(11, 110, 79, 0.2)",
+                    "border": "none",
                 },
-                "nav-link-selected": {"background-color": "#1E88E5", "color": "white", "text-align": "right"},
             }
         )
         
@@ -83,32 +356,142 @@ def render_sidebar():
         st.session_state["sidebar_selected"] = selected
         
         # إظهار حالة الاتصال بقاعدة البيانات وحالة النظام
-        st.markdown("""
-        <div style="padding: 1rem; background-color: #f0f2f5; border-radius: 10px; margin-top: 1.5rem;">
-            <h4 style="margin: 0 0 0.8rem 0; font-size: 1rem; color: #333;">حالة النظام</h4>
-            <div style="display: flex; align-items: center; margin-bottom: 0.5rem;">
-                <div style="width: 8px; height: 8px; border-radius: 50%; background-color: #4CAF50; margin-left: 0.5rem;"></div>
-                <span style="font-size: 0.9rem; color: #666;">قاعدة البيانات متصلة</span>
+        st.markdown(f"""
+        <div class="system-status-card">
+            <h4 class="status-title">حالة النظام</h4>
+            
+            <div class="status-item">
+                <div class="status-indicator active"></div>
+                <span class="status-text">قاعدة البيانات متصلة</span>
             </div>
-            <div style="display: flex; align-items: center; margin-bottom: 0.5rem;">
-                <div style="width: 8px; height: 8px; border-radius: 50%; background-color: #4CAF50; margin-left: 0.5rem;"></div>
-                <span style="font-size: 0.9rem; color: #666;">واجهة برمجة التطبيقات</span>
+            
+            <div class="status-item">
+                <div class="status-indicator active"></div>
+                <span class="status-text">واجهة برمجة التطبيقات</span>
             </div>
-            <div style="display: flex; align-items: center;">
-                <div style="width: 8px; height: 8px; border-radius: 50%; background-color: #4CAF50; margin-left: 0.5rem;"></div>
-                <span style="font-size: 0.9rem; color: #666;">الذكاء الاصطناعي</span>
+            
+            <div class="status-item">
+                <div class="status-indicator active"></div>
+                <span class="status-text">الذكاء الاصطناعي</span>
+            </div>
+            
+            <div class="status-footer">
+                آخر تحديث: {datetime.datetime.now().strftime("%H:%M:%S")}
             </div>
         </div>
+
+        <style>
+            .system-status-card {{
+                padding: var(--spacing-lg);
+                background-color: white;
+                border-radius: var(--border-radius);
+                margin-top: var(--spacing-lg);
+                border: 1px solid var(--gray-200);
+                box-shadow: var(--shadow-card);
+            }}
+            
+            .status-title {{
+                margin: 0 0 var(--spacing-md) 0;
+                font-size: var(--font-size-md);
+                color: var(--gray-800);
+                font-weight: var(--font-weight-semibold);
+                border-right: 3px solid var(--primary-color);
+                padding-right: var(--spacing-sm);
+            }}
+            
+            .status-item {{
+                display: flex;
+                align-items: center;
+                margin-bottom: var(--spacing-sm);
+                justify-content: flex-start;
+            }}
+            
+            .status-indicator {{
+                min-width: 10px;
+                height: 10px;
+                border-radius: 50%;
+                margin-left: var(--spacing-sm);
+            }}
+            
+            .status-indicator.active {{
+                background-color: var(--success-color);
+                box-shadow: 0 0 5px var(--success-color);
+            }}
+            
+            .status-indicator.warning {{
+                background-color: var(--warning-color);
+                box-shadow: 0 0 5px var(--warning-color);
+            }}
+            
+            .status-indicator.error {{
+                background-color: var(--danger-color);
+                box-shadow: 0 0 5px var(--danger-color);
+            }}
+            
+            .status-text {{
+                font-size: var(--font-size-sm);
+                color: var(--gray-700);
+            }}
+            
+            .status-footer {{
+                margin-top: var(--spacing-md);
+                padding-top: var(--spacing-md);
+                border-top: 1px solid var(--gray-200);
+                font-size: var(--font-size-xs);
+                color: var(--gray-500);
+                text-align: center;
+            }}
+        </style>
         """, unsafe_allow_html=True)
         
         # معلومات النظام وعنوان المشروع
         with st.expander("حول النظام", expanded=False):
-            st.markdown("""
-            <div style="font-size: 0.9rem; color: #666;">
-                <p style="margin-bottom: 0.5rem;">نظام واهبي للذكاء الاصطناعي - إصدار 2.0</p>
-                <p style="margin-bottom: 0.5rem;">تحليل العقود والمناقصات</p>
-                <p style="margin: 0;">© 2025 جميع الحقوق محفوظة</p>
+            st.markdown(f"""
+            <div class="about-system">
+                <div class="about-item">
+                    <i class="fas fa-info-circle about-icon"></i>
+                    <span class="about-text about-title">نظام واهبي للذكاء الاصطناعي - إصدار 2.0</span>
+                </div>
+                <div class="about-item">
+                    <i class="fas fa-file-contract about-icon"></i>
+                    <span class="about-text">تحليل العقود والمناقصات</span>
+                </div>
+                <div class="about-item">
+                    <i class="fas fa-brain about-icon"></i>
+                    <span class="about-text">بواسطة نماذج الذكاء الاصطناعي المتقدمة</span>
+                </div>
+                <div class="about-item">
+                    <i class="fas fa-copyright about-icon"></i>
+                    <span class="about-text">© 2025 جميع الحقوق محفوظة</span>
+                </div>
             </div>
+
+            <style>
+                .about-system {{
+                    font-size: var(--font-size-sm);
+                    color: var(--gray-700);
+                }}
+                
+                .about-item {{
+                    display: flex;
+                    align-items: center;
+                    margin-bottom: var(--spacing-sm);
+                }}
+                
+                .about-icon {{
+                    color: var(--primary-color);
+                    font-size: 1rem;
+                    margin-left: var(--spacing-sm);
+                }}
+                
+                .about-text {{
+                    flex: 1;
+                }}
+                
+                .about-title {{
+                    font-weight: var(--font-weight-semibold);
+                }}
+            </style>
             """, unsafe_allow_html=True)
 
 def get_sidebar_selection():
@@ -128,43 +511,224 @@ def render_module_sidebar(module_name, options=[]):
     with st.sidebar:
         # عنوان الوحدة
         st.markdown(f"""
-        <h3 style="margin-bottom: 1rem; color: #1E88E5; font-size: 1.2rem; padding-bottom: 0.5rem; border-bottom: 1px solid #eee;">
+        <div class="module-title">
             {module_name}
-        </h3>
+        </div>
+
+        <style>
+            .module-title {{
+                margin-bottom: var(--spacing-md);
+                color: var(--primary-color);
+                font-size: var(--font-size-lg);
+                font-weight: var(--font-weight-semibold);
+                padding-bottom: var(--spacing-sm);
+                border-bottom: 1px solid var(--gray-200);
+            }}
+        </style>
         """, unsafe_allow_html=True)
         
         # إذا تم توفير خيارات للوحدة
         if options:
-            selected = option_menu.option_menu(
-                menu_title=None,
-                options=options,
-                menu_icon=None,
-                default_index=0,
-                styles={
-                    "container": {"padding": "0!important", "background-color": "transparent", "direction": "rtl"},
-                    "icon": {"color": "#1E88E5", "font-size": "1rem", "float": "right", "margin-left": "10px"},
-                    "nav-link": {
-                        "font-size": "0.9rem",
-                        "text-align": "right",
-                        "direction": "rtl",
-                        "--hover-color": "#E3F2FD",
-                        "margin-bottom": "0.2rem",
-                        "padding-right": "15px",
-                        "padding": "0.5rem"
-                    },
-                    "nav-link-selected": {"background-color": "#1E88E5", "color": "white", "text-align": "right"},
+            # تطبيق نمط CSS المخصص للقائمة الفرعية
+            module_menu_style = """
+            <style>
+                /* تحسين تنسيق قائمة الوحدة الفرعية */
+                .module-menu .nav-link {
+                    position: relative !important;
+                    overflow: hidden !important;
+                    white-space: nowrap !important;
+                    background: rgba(250, 250, 250, 0.5) !important;
+                    border: 1px solid rgba(226, 232, 240, 0.5) !important;
+                    border-radius: 6px !important;
+                    margin-bottom: 0.4rem !important;
+                    padding: 0.6rem 1rem !important;
+                    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+                }
+                
+                /* تأثير التحويم */
+                .module-menu .nav-link:not(.active):hover {
+                    background-color: rgba(11, 110, 79, 0.05) !important;
+                    transform: translateX(-2px) !important;
+                    border-color: rgba(11, 110, 79, 0.15) !important;
+                }
+                
+                /* تنسيق العنصر النشط */
+                .module-menu .nav-link.active {
+                    background: linear-gradient(135deg, rgba(11, 110, 79, 0.9), rgba(8, 96, 58, 0.9)) !important;
+                    color: white !important;
+                    box-shadow: 0 4px 10px rgba(11, 110, 79, 0.15) !important;
+                    font-weight: 600 !important;
+                    border: none !important;
+                }
+                
+                /* ترتيب العناصر */
+                .module-menu .nav-link::before {
+                    content: '';
+                    position: absolute;
+                    width: 4px;
+                    height: 0;
+                    right: 0;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    background-color: var(--primary-color);
+                    transition: height 0.3s ease;
+                }
+                
+                .module-menu .nav-link:hover::before {
+                    height: 70%;
                 }
-            )
+                
+                .module-menu .nav-link.active::before {
+                    height: 100%;
+                    background: linear-gradient(to bottom, var(--accent-color), rgba(255, 177, 0, 0.5));
+                    animation: pulse-height 1.5s infinite alternate;
+                }
+                
+                @keyframes pulse-height {
+                    0% { opacity: 0.7; }
+                    100% { opacity: 1; }
+                }
+            </style>
+            """
+            st.markdown(module_menu_style, unsafe_allow_html=True)
+            
+            # كتلة تحتوي على القائمة مع فئة CSS مخصصة
+            menu_container = st.container()
+            with menu_container:
+                st.markdown('<div class="module-menu">', unsafe_allow_html=True)
+                
+                selected = option_menu.option_menu(
+                    menu_title=None,
+                    options=options,
+                    menu_icon=None,
+                    default_index=0,
+                    styles={
+                        "container": {
+                            "padding": "0!important",
+                            "background-color": "transparent", 
+                            "direction": "rtl"
+                        },
+                        "icon": {
+                            "color": "var(--primary-color)",
+                            "font-size": "1rem",
+                            "float": "right",
+                            "margin-left": "12px"
+                        },
+                        "nav-link": {
+                            "font-size": "0.9rem",
+                            "text-align": "right",
+                            "direction": "rtl",
+                            "margin-bottom": "0.35rem",
+                            "padding": "0.7rem 1rem",
+                            "border-radius": "6px"
+                        },
+                        "nav-link-selected": {
+                            "background-color": "var(--primary-color)",
+                            "color": "white",
+                            "text-align": "right",
+                            "font-weight": "600"
+                        },
+                    }
+                )
+                
+                # إغلاق كتلة القائمة
+                st.markdown('</div>', unsafe_allow_html=True)
             
             # تخزين الخيار المحدد
             st.session_state[f"{module_name}_selected"] = selected
             
             return selected
         
-        # زر للعودة إلى القائمة الرئيسية
-        if st.button("العودة للقائمة الرئيسية", key=f"back_btn_{module_name}"):
-            st.session_state["sidebar_selected"] = "الرئيسية"
-            st.rerun()
+        # زر للعودة إلى القائمة الرئيسية مع تصميم محسن
+        back_button_container = st.container()
+        with back_button_container:
+            st.markdown(f"""
+            <style>
+                /* تنسيق زر العودة للقائمة الرئيسية */
+                div[data-testid="stButton"][data-testid*="back_btn_{module_name}"] button {{
+                    background: linear-gradient(135deg, rgba(11, 110, 79, 0.05), rgba(11, 110, 79, 0.1));
+                    color: var(--primary-color);
+                    border: 1px solid rgba(11, 110, 79, 0.15);
+                    padding: 0.7rem;
+                    border-radius: 8px;
+                    font-size: 0.95rem;
+                    font-weight: 500;
+                    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+                    width: 100%;
+                    text-align: center;
+                    margin-top: 1.5rem;
+                    position: relative;
+                    overflow: hidden;
+                }}
+                
+                div[data-testid="stButton"][data-testid*="back_btn_{module_name}"] button:hover {{
+                    background: linear-gradient(135deg, rgba(11, 110, 79, 0.1), rgba(11, 110, 79, 0.15));
+                    border-color: rgba(11, 110, 79, 0.25);
+                    transform: translateY(-2px);
+                    box-shadow: 0 4px 12px rgba(11, 110, 79, 0.1);
+                }}
+                
+                div[data-testid="stButton"][data-testid*="back_btn_{module_name}"] button:active {{
+                    transform: translateY(0);
+                    box-shadow: none;
+                }}
+                
+                /* إضافة أيقونة للزر */
+                div[data-testid="stButton"][data-testid*="back_btn_{module_name}"] button::before {{
+                    content: "⟸";
+                    margin-left: 8px;
+                    font-size: 1.1rem;
+                    display: inline-block;
+                    vertical-align: middle;
+                }}
+                
+                /* إضافة تأثير متموج عند النقر */
+                @keyframes ripple {{
+                    0% {{
+                        transform: scale(0);
+                        opacity: 0.5;
+                    }}
+                    100% {{
+                        transform: scale(4);
+                        opacity: 0;
+                    }}
+                }}
+                
+                div[data-testid="stButton"][data-testid*="back_btn_{module_name}"] button::after {{
+                    content: "";
+                    position: absolute;
+                    width: 30px;
+                    height: 30px;
+                    background: rgba(255, 255, 255, 0.4);
+                    border-radius: 50%;
+                    left: 50%;
+                    top: 50%;
+                    transform: scale(0);
+                    transform-origin: center;
+                    pointer-events: none;
+                }}
+                
+                div[data-testid="stButton"][data-testid*="back_btn_{module_name}"] button:active::after {{
+                    animation: ripple 0.6s ease-out;
+                }}
+            </style>
+            """, unsafe_allow_html=True)
+            
+            # إضافة كتلة على شكل بطاقة تحتوي على الزر
+            st.markdown("""
+            <div class="back-button-card">
+                <style>
+                    .back-button-card {
+                        margin-top: 1.5rem;
+                        margin-bottom: 1rem;
+                    }
+                </style>
+            </div>
+            """, unsafe_allow_html=True)
+            
+            if st.button("العودة للقائمة الرئيسية", key=f"back_btn_{module_name}"):
+                st.session_state["sidebar_selected"] = "الرئيسية"
+                st.rerun()
 
 def get_module_selection(module_name):
     """

utils/css/enhanced.css

@@ -757,6 +757,8 @@ h1.hero-title::before {
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     text-align: center;
+    position: relative;
+    overflow: hidden;
 }
 
 .service-item:hover {
@@ -764,6 +766,16 @@ h1.hero-title::before {
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 }
 
+.service-item::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 4px;
+    background: linear-gradient(90deg, #1E88E5, #64B5F6);
+}
+
 .service-icon {
     width: 60px;
     height: 60px;
@@ -829,4 +841,346 @@ h1.hero-title::before {
     .profile-stats-enhanced {
         justify-content: center;
     }
+}
+
+/* بطاقات تحليل المناقصات والعقود */
+.tender-card {
+    background-color: white;
+    border-radius: 15px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+    margin-bottom: 1.5rem;
+    position: relative;
+    overflow: hidden;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.tender-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
+}
+
+.tender-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 5px;
+    height: 100%;
+    background: linear-gradient(180deg, #1E88E5, #64B5F6);
+}
+
+.tender-header {
+    padding: 1.5rem;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.tender-title {
+    font-size: 1.4rem;
+    font-weight: bold;
+    margin-bottom: 0.5rem;
+    color: #333;
+}
+
+.tender-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin-top: 1rem;
+}
+
+.tender-meta-item {
+    display: flex;
+    align-items: center;
+    font-size: 0.8rem;
+    color: #666;
+}
+
+.tender-meta-icon {
+    margin-left: 0.5rem;
+    color: #1E88E5;
+}
+
+.tender-body {
+    padding: 1.5rem;
+}
+
+.tender-section {
+    margin-bottom: 1.5rem;
+}
+
+.tender-section-title {
+    font-weight: bold;
+    margin-bottom: 0.8rem;
+    color: #333;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.tender-footer {
+    padding: 1rem 1.5rem;
+    background-color: #f9fbfe;
+    border-top: 1px solid #f0f0f0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.tender-actions {
+    display: flex;
+    gap: 0.8rem;
+}
+
+/* تحليل البنود والعناصر */
+.items-table-enhanced {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    margin-bottom: 1.5rem;
+    background-color: white;
+    border-radius: 10px;
+    overflow: hidden;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+}
+
+.items-table-enhanced th {
+    background: linear-gradient(135deg, #1E88E5, #1565C0);
+    color: white;
+    font-weight: bold;
+    padding: 1rem;
+    text-align: right;
+}
+
+.items-table-enhanced td {
+    padding: 0.8rem 1rem;
+    text-align: right;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.items-table-enhanced tr:last-child td {
+    border-bottom: none;
+}
+
+.items-price {
+    font-weight: bold;
+    color: #1E88E5;
+}
+
+.price-analysis {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.price-indicator {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    display: inline-block;
+}
+
+.price-indicator-high {
+    background-color: #F44336;
+}
+
+.price-indicator-normal {
+    background-color: #4CAF50;
+}
+
+.price-indicator-low {
+    background-color: #FFC107;
+}
+
+/* تحليل مخاطر العقود */
+.risk-card {
+    background-color: white;
+    border-radius: 15px;
+    padding: 1.5rem;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+    margin-bottom: 1.5rem;
+    position: relative;
+    overflow: hidden;
+}
+
+.risk-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 5px;
+    height: 100%;
+}
+
+.risk-card--high::before {
+    background: linear-gradient(180deg, #F44336, #B71C1C);
+}
+
+.risk-card--medium::before {
+    background: linear-gradient(180deg, #FFC107, #FFA000);
+}
+
+.risk-card--low::before {
+    background: linear-gradient(180deg, #4CAF50, #2E7D32);
+}
+
+.risk-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 1rem;
+}
+
+.risk-icon {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 1rem;
+    color: white;
+}
+
+.risk-icon--high {
+    background: linear-gradient(135deg, #F44336, #B71C1C);
+}
+
+.risk-icon--medium {
+    background: linear-gradient(135deg, #FFC107, #FFA000);
+}
+
+.risk-icon--low {
+    background: linear-gradient(135deg, #4CAF50, #2E7D32);
+}
+
+.risk-title {
+    font-weight: bold;
+    color: #333;
+}
+
+.risk-description {
+    margin-bottom: 1rem;
+    color: #666;
+}
+
+.risk-actions {
+    display: flex;
+    gap: 0.8rem;
+    margin-top: 1rem;
+}
+
+/* دليل التحليل والتصنيف */
+.legend-card {
+    background-color: white;
+    border-radius: 10px;
+    padding: 1.2rem;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+    margin-bottom: 1.5rem;
+}
+
+.legend-title {
+    font-weight: bold;
+    margin-bottom: 1rem;
+    color: #333;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.legend-items {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.legend-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0.8rem;
+}
+
+.legend-color {
+    width: 16px;
+    height: 16px;
+    border-radius: 4px;
+    margin-left: 0.5rem;
+}
+
+.legend-label {
+    font-size: 0.9rem;
+    color: #333;
+}
+
+/* النماذج والاستمارات */
+.form-enhanced {
+    background-color: white;
+    border-radius: 15px;
+    padding: 1.5rem;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+    margin-bottom: 1.5rem;
+}
+
+.form-title {
+    font-size: 1.4rem;
+    font-weight: bold;
+    margin-bottom: 1.5rem;
+    color: #333;
+    text-align: center;
+}
+
+.form-section {
+    margin-bottom: 1.5rem;
+}
+
+.form-section-title {
+    font-weight: bold;
+    margin-bottom: 1rem;
+    color: #333;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.form-row {
+    display: flex;
+    gap: 1rem;
+    margin-bottom: 1rem;
+}
+
+.form-group {
+    flex: 1;
+}
+
+.form-label {
+    display: block;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+    color: #333;
+}
+
+.form-input,
+.form-select,
+.form-textarea {
+    width: 100%;
+    padding: 0.8rem 1rem;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    font-size: 1rem;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+.form-input:focus,
+.form-select:focus,
+.form-textarea:focus {
+    border-color: #1E88E5;
+    box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.2);
+    outline: none;
+}
+
+.form-textarea {
+    min-height: 100px;
+    resize: vertical;
+}
+
+.form-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 1rem;
+    margin-top: 1.5rem;
 }

utils/css/main.css

@@ -6,39 +6,114 @@
 /* ================= المتغيرات العامة ================= */
 :root {
     /* الألوان الرئيسية */
-    --primary-color: #1E88E5;
-    --primary-light: #64B5F6;
-    --primary-dark: #1565C0;
-    --secondary-color: #E3F2FD;
+    --primary-color: #0B6E4F;
+    --primary-light: #08875D;
+    --primary-dark: #085F45;
+    --secondary-color: #E8F5F0;
+    --accent-color: #FFB100;
+    --accent-light: #FFCB52;
+    --accent-dark: #E69D00;
+    --tertiary-color: #5754FF;
+    --tertiary-light: #7A78FF;
+    --tertiary-dark: #4240D4;
     
-    /* ألوان مخصصة */
-    --success-color: #4CAF50;
-    --success-light: #81C784;
-    --warning-color: #FFC107;
-    --warning-light: #FFD54F;
-    --danger-color: #F44336;
-    --danger-light: #E57373;
-    --info-color: #2196F3;
-    --info-light: #64B5F6;
+    /* ألوان حالات التطبيق */
+    --success-color: #10B981;
+    --success-light: #D1FAE5;
+    --success-dark: #059669;
+    --warning-color: #F59E0B;
+    --warning-light: #FEF3C7;
+    --warning-dark: #D97706;
+    --danger-color: #EF4444;
+    --danger-light: #FEE2E2;
+    --danger-dark: #DC2626;
+    --info-color: #3B82F6;
+    --info-light: #DBEAFE;
+    --info-dark: #2563EB;
     
-    /* ألوان محايدة */
-    --gray-100: #f8f9fa;
-    --gray-200: #f0f2f5;
-    --gray-300: #dee2e6;
-    --gray-400: #ced4da;
-    --gray-500: #adb5bd;
-    --gray-600: #6c757d;
-    --gray-700: #495057;
-    --gray-800: #343a40;
-    --gray-900: #212529;
+    /* التدرجات اللونية */
+    --primary-gradient: linear-gradient(135deg, #0B6E4F 0%, #08875D 100%);
+    --success-gradient: linear-gradient(135deg, #10B981 0%, #059669 100%);
+    --danger-gradient: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
+    --warning-gradient: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
+    --info-gradient: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
+    --accent-gradient: linear-gradient(135deg, #FFB100 0%, #E69D00 100%);
+    --tertiary-gradient: linear-gradient(135deg, #5754FF 0%, #4240D4 100%);
+    --glass-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
+    
+    /* ألوان RGB للاستخدام في الشفافية */
+    --primary-color-rgb: 11, 110, 79;
+    --primary-light-rgb: 8, 135, 93;
+    --primary-dark-rgb: 8, 95, 69;
+    --secondary-color-rgb: 232, 245, 240;
+    --accent-color-rgb: 255, 177, 0;
+    --accent-light-rgb: 255, 203, 82;
+    --accent-dark-rgb: 230, 157, 0;
+    --tertiary-color-rgb: 87, 84, 255;
+    --tertiary-light-rgb: 122, 120, 255;
+    --tertiary-dark-rgb: 66, 64, 212;
+    --success-color-rgb: 16, 185, 129;
+    --success-light-rgb: 209, 250, 229;
+    --success-dark-rgb: 5, 150, 105;
+    --warning-color-rgb: 245, 158, 11;
+    --warning-light-rgb: 254, 243, 199;
+    --warning-dark-rgb: 217, 119, 6;
+    --danger-color-rgb: 239, 68, 68;
+    --danger-light-rgb: 254, 226, 226;
+    --danger-dark-rgb: 220, 38, 38;
+    --info-color-rgb: 59, 130, 246;
+    --info-light-rgb: 219, 234, 254;
+    --info-dark-rgb: 37, 99, 235;
+    
+    /* ألوان محددة لمختلف الأقسام */
+    --pricing-color: #0B6E4F;
+    --pricing-color-rgb: 11, 110, 79;
+    --contract-color: #10B981;
+    --contract-color-rgb: 16, 185, 129;
+    --risk-color: #EF4444;
+    --risk-color-rgb: 239, 68, 68;
+    --map-color: #F59E0B;
+    --map-color-rgb: 245, 158, 11;
+    --notification-color: #5754FF;
+    --notification-color-rgb: 87, 84, 255;
+    --tracker-color: #08875D;
+    --tracker-color-rgb: 8, 135, 93;
+    --resources-color: #FFB100;
+    --resources-color-rgb: 255, 177, 0;
+    --assistant-color: #5754FF;
+    --assistant-color-rgb: 87, 84, 255;
+    
+    /* ألوان التدرج الرمادي */
+    --gray-50: #f9fafb;
+    --gray-100: #f3f4f6;
+    --gray-200: #e5e7eb;
+    --gray-300: #d1d5db;
+    --gray-400: #9ca3af;
+    --gray-500: #6b7280;
+    --gray-600: #4b5563;
+    --gray-700: #374151;
+    --gray-800: #1f2937;
+    --gray-900: #111827;
     
     /* خصائص الخط */
     --font-family: 'Tajawal', 'Cairo', sans-serif;
     --font-size-base: 16px;
+    --font-size-xs: 0.75rem;
     --font-size-sm: 0.875rem;
+    --font-size-md: 1rem;
     --font-size-lg: 1.125rem;
-    --font-size-xl: 1.5rem;
-    --font-size-2xl: 2rem;
+    --font-size-xl: 1.25rem;
+    --font-size-2xl: 1.5rem;
+    --font-size-3xl: 1.875rem;
+    --font-size-4xl: 2.25rem;
+    --font-size-5xl: 3rem;
+    
+    /* أوزان الخط */
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
     
     /* المسافات */
     --spacing-xs: 0.25rem;
@@ -47,6 +122,7 @@
     --spacing-lg: 1.5rem;
     --spacing-xl: 2rem;
     --spacing-2xl: 3rem;
+    --spacing-3xl: 4rem;
     
     /* الظلال */
     --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
@@ -54,13 +130,55 @@
     --shadow-md: 0 6px 10px rgba(0, 0, 0, 0.1);
     --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
     --shadow-xl: 0 15px 20px rgba(0, 0, 0, 0.1);
+    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
+    --shadow-hover: 0 8px 15px rgba(0, 0, 0, 0.1);
+    --shadow-colored-sm: 0 2px 4px rgba(11, 110, 79, 0.1);
+    --shadow-colored-md: 0 6px 12px rgba(11, 110, 79, 0.15);
+    --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.05);
     
     /* الحدود المستديرة */
-    --border-radius-sm: 0.25rem;
-    --border-radius: 0.5rem;
-    --border-radius-lg: 0.75rem;
-    --border-radius-xl: 1rem;
+    --border-radius-xs: 2px;
+    --border-radius-sm: 4px;
+    --border-radius: 8px;
+    --border-radius-lg: 12px;
+    --border-radius-xl: 16px;
+    --border-radius-2xl: 24px;
     --border-radius-circle: 50%;
+    --border-radius-pill: 9999px;
+    
+    /* حدود العناصر */
+    --border-width: 1px;
+    --border-width-md: 2px;
+    --border-width-lg: 3px;
+    --border-color: var(--gray-200);
+    --border-color-dark: var(--gray-300);
+    
+    /* التحولات والتأثيرات */
+    --transition-fast: 150ms;
+    --transition-normal: 300ms;
+    --transition-slow: 500ms;
+    --transition-property: all;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+    
+    /* تأثيرات متنوعة */
+    --blur-sm: blur(4px);
+    --blur-md: blur(8px);
+    --blur-lg: blur(16px);
+    --backdrop-blur: blur(10px);
+    
+    /* مسافات متباعدة */
+    --letter-spacing-tight: -0.025em;
+    --letter-spacing-normal: 0em;
+    --letter-spacing-wide: 0.025em;
+    
+    /* حجم الخط حسب الموضوع */
+    --heading-line-height: 1.2;
+    --body-line-height: 1.5;
+    
+    /* تنسيقات طباعة عامة لأجزاء مختلفة من الواجهة */
+    --container-padding: var(--spacing-lg);
+    --section-spacing: var(--spacing-xl);
+    --card-padding: var(--spacing-lg);
 }
 
 /* ================= أساسيات النمط ================= */
@@ -319,17 +437,17 @@ img {
 }
 
 .alert-success {
-    background-color: #E8F5E9;
+    background-color: var(--success-light);
     border-right: 4px solid var(--success-color);
 }
 
 .alert-warning {
-    background-color: #FFF8E1;
+    background-color: var(--warning-light);
     border-right: 4px solid var(--warning-color);
 }
 
 .alert-danger {
-    background-color: #FFEBEE;
+    background-color: var(--danger-light);
     border-right: 4px solid var(--danger-color);
 }
 
@@ -609,12 +727,34 @@ img {
     padding: var(--spacing-lg);
     box-shadow: var(--shadow);
     margin-bottom: var(--spacing-lg);
+    position: relative;
+    overflow: hidden;
+    transition: all var(--transition-normal) var(--transition-timing);
+}
+
+.chart-container:hover {
+    box-shadow: var(--shadow-lg);
+    transform: translateY(-2px);
+}
+
+.chart-container::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 4px;
+    height: 100%;
+    background: var(--primary-gradient);
+    opacity: 0.7;
 }
 
 .chart-title {
     font-size: var(--font-size-lg);
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     margin-bottom: var(--spacing-sm);
+    color: var(--gray-900);
+    border-bottom: 1px solid var(--gray-200);
+    padding-bottom: var(--spacing-sm);
     text-align: center;
 }
 
@@ -622,6 +762,160 @@ img {
     color: var(--gray-600);
     margin-bottom: var(--spacing-md);
     text-align: center;
+    font-size: var(--font-size-sm);
+}
+
+.chart-controls {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: var(--spacing-md);
+}
+
+.chart-legend {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: var(--spacing-sm);
+    margin-top: var(--spacing-md);
+}
+
+.chart-legend-item {
+    display: flex;
+    align-items: center;
+    margin-left: var(--spacing-sm);
+}
+
+.chart-legend-color {
+    width: 12px;
+    height: 12px;
+    border-radius: var(--border-radius-sm);
+    margin-left: var(--spacing-xs);
+}
+
+.chart-legend-label {
+    font-size: var(--font-size-xs);
+    color: var(--gray-700);
+}
+
+.chart-tooltip {
+    background-color: rgba(0, 0, 0, 0.8);
+    color: white;
+    padding: var(--spacing-sm);
+    border-radius: var(--border-radius-sm);
+    font-size: var(--font-size-xs);
+    max-width: 200px;
+    z-index: 10;
+}
+
+.chart-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: var(--spacing-lg);
+}
+
+.chart-tabs {
+    display: flex;
+    border-bottom: 1px solid var(--gray-200);
+    margin-bottom: var(--spacing-md);
+}
+
+.chart-tab {
+    padding: var(--spacing-sm) var(--spacing-md);
+    cursor: pointer;
+    transition: all var(--transition-normal);
+    font-size: var(--font-size-sm);
+    color: var(--gray-600);
+    border-bottom: 2px solid transparent;
+}
+
+.chart-tab:hover {
+    color: var(--primary-color);
+}
+
+.chart-tab.active {
+    color: var(--primary-color);
+    border-bottom-color: var(--primary-color);
+    font-weight: var(--font-weight-medium);
+}
+
+.chart-statistics {
+    display: flex;
+    justify-content: space-evenly;
+    margin-bottom: var(--spacing-md);
+}
+
+.chart-statistic {
+    text-align: center;
+    padding: var(--spacing-sm);
+}
+
+.chart-statistic-value {
+    font-size: var(--font-size-2xl);
+    font-weight: var(--font-weight-bold);
+    color: var(--primary-color);
+    margin-bottom: var(--spacing-xs);
+}
+
+.chart-statistic-label {
+    font-size: var(--font-size-xs);
+    color: var(--gray-600);
+}
+
+.chart-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.7);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 2;
+}
+
+.chart-empty {
+    text-align: center;
+    padding: var(--spacing-lg);
+    color: var(--gray-500);
+}
+
+.chart-loading {
+    width: 40px;
+    height: 40px;
+    border: 3px solid var(--gray-200);
+    border-top-color: var(--primary-color);
+    border-radius: 50%;
+    animation: chart-loading-spin 1s linear infinite;
+}
+
+@keyframes chart-loading-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.chart-mini {
+    height: 100px;
+    margin-bottom: var(--spacing-sm);
+}
+
+.chart-mini .chart-title {
+    font-size: var(--font-size-sm);
+    margin-bottom: var(--spacing-xs);
+    text-align: right;
+    padding-bottom: var(--spacing-xs);
+}
+
+.chart-card {
+    background: white;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-card);
+    padding: var(--spacing-md);
+    margin-bottom: var(--spacing-md);
+    position: relative;
+    overflow: hidden;
 }
 
 /* عناصر تصميم خريطة المشروع */
@@ -690,6 +984,413 @@ img {
     margin: 0 auto var(--spacing-lg);
 }
 
+/* ================= مكونات واجهة المستخدم المتقدمة ================= */
+
+/* بطاقات عرض عمليات الحساب والتحليل */
+.calculation-card {
+    background-color: white;
+    border-radius: var(--border-radius);
+    padding: var(--spacing-lg);
+    box-shadow: var(--shadow-card);
+    margin-bottom: var(--spacing-lg);
+    position: relative;
+    border-right: var(--border-width-lg) solid var(--primary-color);
+}
+
+.calculation-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: var(--spacing-md);
+    padding-bottom: var(--spacing-md);
+    border-bottom: 1px solid var(--border-color);
+}
+
+.calculation-title {
+    font-size: var(--font-size-lg);
+    font-weight: var(--font-weight-bold);
+    color: var(--gray-800);
+}
+
+.calculation-controls {
+    display: flex;
+    gap: var(--spacing-sm);
+}
+
+.calculation-control-button {
+    background-color: var(--gray-100);
+    border: none;
+    border-radius: var(--border-radius-sm);
+    padding: var(--spacing-xs) var(--spacing-sm);
+    color: var(--gray-700);
+    cursor: pointer;
+    transition: background-color var(--transition-normal);
+}
+
+.calculation-control-button:hover {
+    background-color: var(--gray-200);
+}
+
+.calculation-content {
+    margin-bottom: var(--spacing-md);
+}
+
+.calculation-formula {
+    font-family: monospace;
+    background-color: var(--gray-100);
+    padding: var(--spacing-md);
+    border-radius: var(--border-radius-sm);
+    margin-bottom: var(--spacing-md);
+    white-space: pre-wrap;
+    color: var(--gray-800);
+    direction: ltr; /* للصيغ الرياضية */
+    text-align: left;
+}
+
+.calculation-result {
+    font-weight: var(--font-weight-bold);
+    color: var(--primary-color);
+    font-size: var(--font-size-lg);
+    padding: var(--spacing-md);
+    background-color: var(--secondary-color);
+    border-radius: var(--border-radius-sm);
+}
+
+/* بطاقات الذكاء الاصطناعي والتحليل الذكي */
+.ai-insight-card {
+    background-color: white;
+    border-radius: var(--border-radius);
+    padding: var(--spacing-lg);
+    box-shadow: var(--shadow-card);
+    margin-bottom: var(--spacing-lg);
+    position: relative;
+    border-right: var(--border-width-lg) solid var(--tertiary-color);
+}
+
+.ai-insight-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: var(--spacing-md);
+}
+
+.ai-insight-icon {
+    width: 32px;
+    height: 32px;
+    background-color: var(--tertiary-light);
+    border-radius: var(--border-radius-circle);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: var(--spacing-md);
+    color: white;
+}
+
+.ai-insight-title {
+    font-size: var(--font-size-lg);
+    font-weight: var(--font-weight-bold);
+    color: var(--tertiary-color);
+}
+
+.ai-insight-content {
+    padding: var(--spacing-md);
+    border-right: 3px solid var(--tertiary-color);
+    margin-bottom: var(--spacing-md);
+    background-color: var(--gray-50);
+    border-radius: var(--border-radius-sm);
+}
+
+.ai-insight-tag {
+    display: inline-block;
+    background-color: var(--tertiary-light);
+    color: white;
+    font-size: var(--font-size-xs);
+    padding: 2px var(--spacing-sm);
+    border-radius: var(--border-radius-pill);
+    margin-left: var(--spacing-sm);
+    margin-bottom: var(--spacing-sm);
+}
+
+/* محادثة الذكاء الاصطناعي */
+.ai-chat-container {
+    background-color: white;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-card);
+    margin-bottom: var(--spacing-lg);
+    max-height: 600px;
+    display: flex;
+    flex-direction: column;
+}
+
+.ai-chat-header {
+    padding: var(--spacing-md);
+    border-bottom: 1px solid var(--border-color);
+    display: flex;
+    align-items: center;
+}
+
+.ai-chat-title {
+    font-weight: var(--font-weight-semibold);
+    color: var(--gray-800);
+    margin: 0;
+}
+
+.ai-chat-messages {
+    padding: var(--spacing-md);
+    overflow-y: auto;
+    flex: 1;
+}
+
+.ai-message {
+    display: flex;
+    margin-bottom: var(--spacing-md);
+}
+
+.ai-message-avatar {
+    width: 36px;
+    height: 36px;
+    border-radius: var(--border-radius-circle);
+    background-color: var(--tertiary-color);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    margin-left: var(--spacing-md);
+    font-size: var(--font-size-xs);
+    flex-shrink: 0;
+}
+
+.user-message-avatar {
+    width: 36px;
+    height: 36px;
+    border-radius: var(--border-radius-circle);
+    background-color: var(--primary-color);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    margin-left: var(--spacing-md);
+    font-size: var(--font-size-xs);
+    flex-shrink: 0;
+}
+
+.ai-message-content {
+    background-color: var(--gray-100);
+    padding: var(--spacing-md);
+    border-radius: var(--border-radius);
+    max-width: 80%;
+    border-top-right-radius: 0;
+}
+
+.user-message-content {
+    background-color: var(--primary-light);
+    color: white;
+    padding: var(--spacing-md);
+    border-radius: var(--border-radius);
+    max-width: 80%;
+    border-top-right-radius: 0;
+}
+
+.ai-chat-footer {
+    padding: var(--spacing-md);
+    border-top: 1px solid var(--border-color);
+    display: flex;
+}
+
+.ai-chat-input {
+    flex: 1;
+    padding: var(--spacing-sm) var(--spacing-md);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius-pill);
+    margin-left: var(--spacing-sm);
+}
+
+.ai-chat-send {
+    background-color: var(--primary-color);
+    color: white;
+    border: none;
+    border-radius: var(--border-radius-pill);
+    padding: var(--spacing-sm) var(--spacing-md);
+    cursor: pointer;
+}
+
+/* بطاقات المشاريع المحسنة */
+.project-card-enhanced {
+    background-color: white;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-card);
+    margin-bottom: var(--spacing-lg);
+    position: relative;
+    overflow: hidden;
+}
+
+.project-card-header {
+    padding: var(--spacing-lg);
+    background: var(--primary-gradient);
+    color: white;
+}
+
+.project-card-title {
+    font-size: var(--font-size-xl);
+    font-weight: var(--font-weight-bold);
+    margin-bottom: var(--spacing-xs);
+}
+
+.project-card-subtitle {
+    font-size: var(--font-size-sm);
+    opacity: 0.9;
+}
+
+.project-card-body {
+    padding: var(--spacing-lg);
+}
+
+.project-card-stats {
+    display: flex;
+    gap: var(--spacing-md);
+    margin-bottom: var(--spacing-md);
+}
+
+.project-card-stat {
+    flex: 1;
+    text-align: center;
+    padding: var(--spacing-sm);
+    background-color: var(--gray-50);
+    border-radius: var(--border-radius-sm);
+}
+
+.project-card-stat-value {
+    font-size: var(--font-size-xl);
+    font-weight: var(--font-weight-bold);
+    color: var(--primary-color);
+}
+
+.project-card-stat-label {
+    font-size: var(--font-size-xs);
+    color: var(--gray-600);
+}
+
+.project-card-content {
+    margin-bottom: var(--spacing-md);
+}
+
+.project-card-footer {
+    border-top: 1px solid var(--border-color);
+    padding-top: var(--spacing-md);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.project-tag {
+    display: inline-block;
+    background-color: var(--primary-light);
+    color: white;
+    font-size: var(--font-size-xs);
+    padding: 2px var(--spacing-sm);
+    border-radius: var(--border-radius-pill);
+    margin-left: var(--spacing-sm);
+    margin-bottom: var(--spacing-sm);
+}
+
+/* تصميم المخططات الزمنية */
+.timeline-container {
+    padding: var(--spacing-lg);
+    position: relative;
+}
+
+.timeline-line {
+    position: absolute;
+    top: 0;
+    right: 50px;
+    width: 4px;
+    height: 100%;
+    background-color: var(--gray-200);
+}
+
+.timeline-item {
+    display: flex;
+    margin-bottom: var(--spacing-xl);
+    position: relative;
+}
+
+.timeline-icon {
+    width: 40px;
+    height: 40px;
+    background-color: var(--primary-color);
+    border-radius: var(--border-radius-circle);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    margin-left: var(--spacing-lg);
+    z-index: 1;
+    position: relative;
+}
+
+.timeline-content {
+    background-color: white;
+    padding: var(--spacing-md);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-card);
+    flex: 1;
+}
+
+.timeline-date {
+    font-size: var(--font-size-sm);
+    color: var(--gray-600);
+    margin-bottom: var(--spacing-xs);
+}
+
+.timeline-title {
+    font-weight: var(--font-weight-bold);
+    color: var(--gray-800);
+    margin-bottom: var(--spacing-xs);
+}
+
+.timeline-description {
+    color: var(--gray-700);
+}
+
+/* واجهة المساعد الذكي */
+.assistant-container {
+    display: flex;
+    gap: var(--spacing-lg);
+    margin-bottom: var(--spacing-lg);
+}
+
+.assistant-sidebar {
+    width: 280px;
+    background-color: white;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-card);
+    padding: var(--spacing-md);
+}
+
+.assistant-main {
+    flex: 1;
+    background-color: white;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-card);
+    padding: var(--spacing-md);
+}
+
+.assistant-history-item {
+    padding: var(--spacing-sm);
+    margin-bottom: var(--spacing-sm);
+    border-radius: var(--border-radius-sm);
+    cursor: pointer;
+    transition: background-color var(--transition-normal);
+}
+
+.assistant-history-item:hover {
+    background-color: var(--gray-100);
+}
+
+.assistant-history-item.active {
+    background-color: var(--primary-light);
+    color: white;
+}
+
 /* ================= تطبيق الاستجابة لمختلف الأجهزة ================= */
 @media screen and (max-width: 992px) {
     :root {
@@ -704,6 +1405,20 @@ img {
     .header-nav {
         margin-top: var(--spacing-md);
     }
+    
+    .assistant-container {
+        flex-direction: column;
+    }
+    
+    .assistant-sidebar {
+        width: 100%;
+        margin-bottom: var(--spacing-md);
+    }
+    
+    .project-card-stats {
+        flex-direction: column;
+        gap: var(--spacing-sm);
+    }
 }
 
 @media screen and (max-width: 768px) {
@@ -720,6 +1435,28 @@ img {
         flex-direction: column;
         align-items: flex-start;
     }
+    
+    .calculation-header {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+    
+    .calculation-controls {
+        margin-top: var(--spacing-sm);
+    }
+    
+    .timeline-item {
+        flex-direction: column;
+    }
+    
+    .timeline-icon {
+        margin-bottom: var(--spacing-sm);
+        margin-left: 0;
+    }
+    
+    .timeline-line {
+        right: 20px;
+    }
 }
 
 @media screen and (max-width: 576px) {
@@ -731,4 +1468,9 @@ img {
     .detail-actions {
         margin-top: var(--spacing-md);
     }
+    
+    .ai-message-content,
+    .user-message-content {
+        max-width: 100%;
+    }
 }

utils/css/rtl.css

@@ -1,25 +1,59 @@
 /*
- * ملف CSS للدعم العربي وتنسيق RTL
- * RTL support and Arabic language CSS file
+ * ملف CSS للدعم العربي وتنسيق RTL - مُحسن
+ * Enhanced RTL support and Arabic language CSS file
+ * WAHBi AI - تحليل العقود والمناقصات
  */
 
-/* تعديل الاتجاه للعناصر */
+/* ملف الخطوط العربية */
+@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900;1000&display=swap');
+
+:root {
+    --font-family-primary: 'Almarai', 'Tajawal', sans-serif;
+    --font-family-secondary: 'Tajawal', 'Cairo', sans-serif;
+    --font-family-heading: 'Cairo', 'Almarai', sans-serif;
+    
+    --primary-color: #0B6E4F;
+    --primary-light: rgba(11, 110, 79, 0.1);
+    --primary-gradient: linear-gradient(135deg, #0B6E4F 0%, #08875D 100%);
+    --secondary-color: #08603a;
+    --accent-color: #FFB100;
+    --accent-light: rgba(255, 177, 0, 0.1);
+    --tertiary-color: #5754FF;
+    --quaternary-color: #f43f5e;
+}
+
+/* تطبيق الخطوط العربية وتعديل الاتجاه لجميع العناصر */
 body, .main-container, .stApp, .stMarkdown, h1, h2, h3, h4, h5, h6, p, div, 
 input, textarea, select, button, th, td, li, span, a, label {
-    direction: rtl;
-    text-align: right;
+    font-family: var(--font-family-primary) !important;
+    direction: rtl !important;
+    text-align: right !important;
+}
+
+/* تنسيقات العناوين */
+h1, h2, h3 {
+    font-family: var(--font-family-heading) !important;
+    font-weight: 700 !important;
 }
 
 /* تنسيقات Streamlit */
 .stTextInput div, .stTextArea div, .stSelectbox div, .stMultiSelect div, 
-.stNumberInput div, .stDateInput div, .stSlider div {
-    direction: rtl;
-    text-align: right;
+.stNumberInput div, .stDateInput div, .stSlider div, .stFileUploader div {
+    direction: rtl !important;
+    text-align: right !important;
 }
 
-.stSidebar div {
-    direction: rtl;
-    text-align: right;
+/* تنسيقات الأزرار */
+button, div[data-testid="stButton"] {
+    direction: rtl !important;
+}
+
+/* تنسيقات القوائم المنسدلة */
+select, option, .stSelectbox div, div[data-baseweb="select"] {
+    text-align: right !important;
+    direction: rtl !important;
 }
 
 /* تعديل الشريط الجانبي لدعم RTL */
@@ -31,6 +65,13 @@ div[data-testid="stSidebar"] {
     right: 0 !important;
     border-left: 1px solid #e6e6e6 !important;
     border-right: none !important;
+    padding-left: 1rem !important;
+    padding-right: 1rem !important;
+}
+
+.stSidebar div {
+    direction: rtl !important;
+    text-align: right !important;
 }
 
 /* تغيير موضع الشريط الجانبي إلى اليمين */
@@ -38,6 +79,13 @@ div[data-testid="stSidebar"] {
     flex-direction: row-reverse !important;
 }
 
+/* تعديل مربعات الإدخال النصي */
+input, textarea, .stTextInput input, .stTextArea textarea {
+    text-align: right !important;
+    direction: rtl !important;
+    padding-right: 10px !important;
+}
+
 /* تنسيقات إضافية لمكتبة streamlit_option_menu */
 .nav-link-horizontal, .nav-link {
     text-align: right !important;
@@ -48,6 +96,108 @@ div[data-testid="stSidebar"] {
     direction: rtl !important;
 }
 
+/* قائمة الخيارات */
+.stOptionMenu li {
+    text-align: right !important;
+    direction: rtl !important;
+}
+
+/* دعم أيقونات Font Awesome بتنسيق RTL */
+.fas, .fa, .far, .fal, .fab {
+    margin-left: 5px !important;
+    margin-right: 0 !important;
+}
+
+/* تعديل الجداول لدعم RTL */
+.dataframe, table, div[data-testid="stTable"] {
+    direction: rtl !important;
+    text-align: right !important;
+}
+
+th, td {
+    text-align: right !important;
+}
+
+/* تعديلات لمخططات Plotly بدعم RTL */
+.js-plotly-plot .plotly {
+    direction: rtl !important;
+}
+
+/* تعديل رسوم Matplotlib */
+.stImage img, div[data-testid="stImage"] {
+    direction: rtl !important;
+}
+
+/* تعديل الإشعارات ورسائل الخطأ */
+.stAlert, .stWarning, .stError, .stInfo, .stSuccess {
+    direction: rtl !important;
+    text-align: right !important;
+    border-right: 5px solid var(--primary-color) !important;
+    border-left: none !important;
+    padding-right: 15px !important;
+}
+
+/* تعديل مسافات المحتوى الرئيسي مع الشريط الجانبي */
+.main .block-container {
+    padding-right: 2rem !important;
+    padding-left: 1rem !important;
+    max-width: 1200px !important;
+}
+
+/* تعديل أقسام الصفحة */
+section[data-testid="stSidebar"] {
+    background: white !important;
+    border-left: 1px solid #f0f0f0 !important;
+    border-right: none !important;
+}
+
+/* تطبيق لون الخلفية الأساسي */
+.stApp {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
+}
+
+/* تعديلات التصميم المتجاوب للأجهزة المحمولة */
+@media (max-width: 768px) {
+    .main .block-container {
+        padding-right: 1rem !important;
+        padding-left: 1rem !important;
+    }
+    
+    h1 {
+        font-size: 1.8rem !important;
+    }
+    
+    h2 {
+        font-size: 1.4rem !important;
+    }
+}
+
+/* تعديلات خاصة بالعناصر الفردية */
+/* قائمة الخيارات الموسعة */
+details, summary {
+    direction: rtl !important;
+    text-align: right !important;
+}
+
+/* تعديل الخيارات المتعددة وأزرار الاختيار */
+div[role="radiogroup"], div[data-testid="stRadio"], div[data-testid="stCheckbox"] {
+    direction: rtl !important;
+    text-align: right !important;
+}
+
+/* تعديل شريط التمرير والنطاق */
+div[data-testid="stSlider"] {
+    direction: rtl !important;
+}
+
+/* معالجة خاصة لعناصر الإشعارات الذكية */
+.notification-card {
+    direction: rtl !important;
+    text-align: right !important;
+    border-right: 4px solid var(--primary-color) !important;
+    border-left: none !important;
+}
+
 .stOptionMenu ul {
     direction: rtl !important;
     padding-right: 0 !important;
@@ -358,6 +508,137 @@ form {
     direction: rtl;
 }
 
+/* تعديلات خاصة بالمكونات المتقدمة */
+
+/* بطاقات عرض عمليات الحساب والتحليل */
+.calculation-card {
+    direction: rtl;
+    text-align: right;
+    border-left: none !important;
+    border-right: var(--border-width-lg) solid var(--primary-color) !important;
+}
+
+.calculation-header {
+    flex-direction: row-reverse;
+}
+
+.calculation-controls {
+    flex-direction: row-reverse;
+}
+
+.calculation-formula {
+    direction: ltr;
+    text-align: left;
+}
+
+/* بطاقات الذكاء الاصطناعي والتحليل الذكي */
+.ai-insight-card {
+    direction: rtl;
+    text-align: right;
+    border-left: none !important;
+    border-right: var(--border-width-lg) solid var(--tertiary-color) !important;
+}
+
+.ai-insight-header {
+    flex-direction: row-reverse;
+}
+
+.ai-insight-icon {
+    margin-right: var(--spacing-md);
+    margin-left: 0;
+}
+
+.ai-insight-content {
+    border-left: none;
+    border-right: 3px solid var(--tertiary-color);
+}
+
+.ai-insight-tag {
+    margin-right: var(--spacing-sm);
+    margin-left: 0;
+}
+
+/* محادثة الذكاء الاصطناعي */
+.ai-chat-container {
+    direction: rtl;
+}
+
+.ai-chat-messages {
+    direction: rtl;
+}
+
+.ai-message {
+    flex-direction: row-reverse;
+}
+
+.ai-message-avatar, .user-message-avatar {
+    margin-right: var(--spacing-md);
+    margin-left: 0;
+}
+
+.ai-message-content {
+    border-top-left-radius: 0;
+    border-top-right-radius: var(--border-radius);
+}
+
+.user-message-content {
+    border-top-left-radius: 0;
+    border-top-right-radius: var(--border-radius);
+}
+
+.ai-chat-footer {
+    flex-direction: row-reverse;
+}
+
+.ai-chat-input {
+    margin-right: var(--spacing-sm);
+    margin-left: 0;
+}
+
+/* بطاقات المشاريع المحسنة */
+.project-card-enhanced {
+    direction: rtl;
+    text-align: right;
+}
+
+.project-card-stats {
+    flex-direction: row-reverse;
+}
+
+.project-tag {
+    margin-right: var(--spacing-sm);
+    margin-left: 0;
+}
+
+/* تصميم المخططات الزمنية */
+.timeline-container {
+    direction: rtl;
+}
+
+.timeline-line {
+    right: auto;
+    left: 50px;
+}
+
+.timeline-item {
+    flex-direction: row-reverse;
+}
+
+.timeline-icon {
+    margin-right: var(--spacing-lg);
+    margin-left: 0;
+}
+
+/* واجهة المساعد الذكي */
+.assistant-container {
+    flex-direction: row-reverse;
+}
+
+.assistant-history-item {
+    direction: rtl;
+    text-align: right;
+}
+
 /* تعديل الاستيراد */
 @media (max-width: 768px) {
     /* تعديلات للأجهزة الصغيرة */
@@ -365,4 +646,308 @@ form {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
     }
+    
+    .timeline-icon {
+        margin-right: 0;
+        margin-bottom: var(--spacing-sm);
+    }
+    
+    .timeline-line {
+        left: 20px;
+        right: auto;
+    }
+}
+
+/* جداول تحليل المناقصات والعقود */
+.tender-table {
+    width: 100%;
+    direction: rtl;
+    border-collapse: separate;
+    border-spacing: 0;
+    margin-bottom: 2rem;
+}
+
+.tender-table th {
+    background-color: var(--primary-color);
+    color: white;
+    text-align: right;
+    padding: 0.8rem 1rem;
+    font-weight: 700;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
+.tender-table tr:nth-child(even) {
+    background-color: rgba(11, 110, 79, 0.05);
+}
+
+.tender-table td {
+    padding: 0.8rem 1rem;
+    text-align: right;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.tender-table tr:hover {
+    background-color: rgba(11, 110, 79, 0.1);
+}
+
+/* تصميم ��ناصر تحليل البنود */
+.item-analysis-container {
+    direction: rtl;
+    text-align: right;
+}
+
+.item-analysis-card {
+    background-color: white;
+    border-radius: 8px;
+    border-right: 4px solid var(--primary-color);
+    border-left: none;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+    padding: 1.5rem;
+    margin-bottom: 1.5rem;
+    transition: transform 0.3s ease;
+}
+
+.item-analysis-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
+}
+
+.item-analysis-header {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+    margin-bottom: 1rem;
+    padding-bottom: 0.8rem;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.item-analysis-title {
+    font-size: 1.2rem;
+    font-weight: 700;
+    color: var(--primary-color);
+}
+
+.item-analysis-badge {
+    font-size: 0.8rem;
+    font-weight: 500;
+    padding: 0.3rem 0.8rem;
+    border-radius: 20px;
+}
+
+.item-analysis-badge-high {
+    background-color: rgba(239, 68, 68, 0.1);
+    color: #DC2626;
+}
+
+.item-analysis-badge-medium {
+    background-color: rgba(245, 158, 11, 0.1);
+    color: #D97706;
+}
+
+.item-analysis-badge-low {
+    background-color: rgba(16, 185, 129, 0.1);
+    color: #059669;
+}
+
+.item-details {
+    display: flex;
+    flex-direction: column;
+    gap: 0.8rem;
+}
+
+.item-detail-row {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+}
+
+.item-detail-label {
+    font-weight: 600;
+    font-size: 0.9rem;
+    color: #4B5563;
+}
+
+.item-detail-value {
+    font-weight: 400;
+    font-size: 0.9rem;
+}
+
+/* تصميم مقارنة الأسعار */
+.price-comparison-chart {
+    direction: rtl;
+    text-align: right;
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+    padding: 1.5rem;
+    margin-bottom: 2rem;
+}
+
+.price-comparison-title {
+    font-size: 1.2rem;
+    font-weight: 700;
+    color: var(--primary-color);
+    margin-bottom: 1rem;
+}
+
+.price-legend {
+    display: flex;
+    flex-direction: row-reverse;
+    gap: 1.5rem;
+    margin-top: 1rem;
+}
+
+.price-legend-item {
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.price-legend-color {
+    width: 12px;
+    height: 12px;
+    border-radius: 2px;
+}
+
+.price-legend-label {
+    font-size: 0.8rem;
+    color: #4B5563;
+}
+
+/* تصميم تحليل المخاطر */
+.risk-analysis-section {
+    direction: rtl;
+    text-align: right;
+}
+
+.risk-category {
+    margin-bottom: 1.5rem;
+}
+
+.risk-category-header {
+    background-color: white;
+    padding: 1rem 1.5rem;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+    cursor: pointer;
+}
+
+.risk-category-icon {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 0.8rem;
+    margin-right: 0;
+    color: white;
+}
+
+.risk-category-title {
+    font-weight: 700;
+    font-size: 1rem;
+}
+
+.risk-items {
+    background-color: white;
+    border-radius: 8px;
+    padding: 1rem;
+    margin-right: 2rem;
+    margin-left: 0;
+}
+
+.risk-item {
+    padding: 1rem;
+    border-right: 3px solid;
+    border-left: none;
+    margin-bottom: 1rem;
+    border-radius: 0 4px 4px 0;
+}
+
+.risk-item-high {
+    border-right-color: #DC2626;
+    background-color: rgba(239, 68, 68, 0.05);
+}
+
+.risk-item-medium {
+    border-right-color: #D97706;
+    background-color: rgba(245, 158, 11, 0.05);
+}
+
+.risk-item-low {
+    border-right-color: #059669;
+    background-color: rgba(16, 185, 129, 0.05);
+}
+
+.risk-item-title {
+    font-weight: 600;
+    font-size: 0.95rem;
+    margin-bottom: 0.5rem;
+}
+
+.risk-item-description {
+    font-size: 0.85rem;
+    color: #4B5563;
+}
+
+/* تصميم عناصر التقارير */
+.report-container {
+    direction: rtl;
+    text-align: right;
+}
+
+.report-header {
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+    padding: 2rem;
+    margin-bottom: 2rem;
+    text-align: center;
+}
+
+.report-title {
+    font-size: 1.5rem;
+    font-weight: 800;
+    color: var(--primary-color);
+    margin-bottom: 0.5rem;
+}
+
+.report-subtitle {
+    font-size: 1rem;
+    color: #6B7280;
+    margin-bottom: 1.5rem;
+}
+
+.report-metadata {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: center;
+    gap: 3rem;
+    margin-top: 1.5rem;
+}
+
+.report-metadata-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.report-metadata-label {
+    font-size: 0.8rem;
+    color: #9CA3AF;
+    margin-bottom: 0.3rem;
+}
+
+.report-metadata-value {
+    font-weight: 700;
+    font-size: 1rem;
+    color: #1F2937;
 }