Delete static

static/css/enhanced-styles.css

@@ -1,913 +0,0 @@
-/* أنماط CSS المحسنة للنظام - تم التحديث 2025 */
-@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Cairo:wght@200;300;400;500;600;700;800;900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
-
-:root {
-    --primary-color: #0EA5A5; /* لون رئيسي جديد: فيروزي */
-    --primary-light: rgba(14, 165, 165, 0.1);
-    --primary-dark: #088585;
-    --primary-gradient: linear-gradient(135deg, #0EA5A5, #088585);
-    --secondary-color: #FF9A3C; /* لون ثانوي: برتقالي */
-    --secondary-light: rgba(255, 154, 60, 0.1);
-    --text-dark: #1d2b36;
-    --text-medium: #3a4f5f;
-    --text-light: #607d94;
-    --background-light: #f8f9fa;
-    --border-color: #e1e5ea;
-    --danger-color: #e3342f;
-    --success-color: #38c172;
-    --warning-color: #f7b731;
-    --info-color: #3490dc;
-    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-    --header-gradient: linear-gradient(120deg, #0EA5A5, #088585);
-    --sidebar-gradient: linear-gradient(180deg, #1d2b36, #2d3a45);
-    --border-radius: 10px;
-    --transition-speed: 0.3s;
-}
-
-/* تعيين اتجاه النص من اليمين إلى اليسار للغة العربية */
-body {
-    direction: rtl;
-    text-align: right;
-    font-family: 'Almarai', 'Tajawal', 'Cairo', sans-serif;
-    color: var(--text-dark);
-    background-color: #fafafa;
-    /* التوافق مع جميع المتصفحات والأجهزة */
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-}
-
-/* أنماط العناوين */
-h1, h2, h3, h4, h5, h6 {
-    font-family: 'Almarai', 'Tajawal', 'Cairo', sans-serif;
-    color: var(--text-dark);
-    font-weight: 700;
-    line-height: 1.4;
-    margin-bottom: 0.75rem;
-}
-
-/* أنماط العنوان الرئيسي بتدرج لوني */
-.main-title {
-    background: var(--primary-gradient);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-    font-size: 2.25rem;
-    font-weight: 800;
-    text-align: center;
-    margin: 1.5rem 0;
-    padding: 0.5rem;
-    position: relative;
-}
-
-.main-title::after {
-    content: "";
-    position: absolute;
-    bottom: -5px;
-    left: 30%;
-    right: 30%;
-    height: 3px;
-    background: var(--primary-gradient);
-    border-radius: 3px;
-}
-
-/* أنماط ترويسة الصفحة محسنة */
-.header-container {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem 1.5rem;
-    background: var(--header-gradient);
-    border-radius: var(--border-radius);
-    margin-bottom: 1.5rem;
-    box-shadow: var(--card-shadow);
-    color: white;
-}
-
-.header-title {
-    margin-right: 1.25rem;
-}
-
-.header-title h1 {
-    margin: 0;
-    font-size: 1.75rem;
-    color: white;
-    font-weight: 800;
-}
-
-.header-title p {
-    margin: 0.25rem 0 0 0;
-    font-size: 0.9rem;
-    color: rgba(255, 255, 255, 0.8);
-    font-weight: 400;
-}
-
-.header-info {
-    display: flex;
-    align-items: center;
-}
-
-.date-box {
-    display: flex;
-    background-color: rgba(255, 255, 255, 0.2);
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    color: white;
-    border-radius: 8px;
-    padding: 0.5rem 0.75rem;
-    margin-left: 1rem;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-    backdrop-filter: blur(5px);
-}
-
-.date-day {
-    font-size: 1.75rem;
-    font-weight: bold;
-    margin-left: 0.5rem;
-    line-height: 1;
-}
-
-.date-info {
-    display: flex;
-    flex-direction: column;
-    font-size: 0.8rem;
-}
-
-.date-month {
-    font-weight: bold;
-    line-height: 1.2;
-}
-
-.date-year {
-    line-height: 1;
-}
-
-/* أنماط قائمة التنقل الجديدة */
-.nav-menu {
-    background-color: white;
-    border-radius: var(--border-radius);
-    padding: 0.5rem;
-    box-shadow: var(--card-shadow);
-    margin: 1rem 0;
-}
-
-.nav-menu ul {
-    display: flex;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    justify-content: flex-end;
-    flex-wrap: wrap;
-}
-
-.nav-menu li {
-    margin: 0.25rem;
-}
-
-.nav-menu a {
-    display: flex;
-    align-items: center;
-    color: var(--text-medium);
-    text-decoration: none;
-    padding: 0.5rem 0.75rem;
-    border-radius: 6px;
-    transition: all var(--transition-speed);
-    font-weight: 500;
-    border: 1px solid transparent;
-}
-
-.nav-menu a:hover {
-    background-color: var(--primary-light);
-    color: var(--primary-color);
-    border-color: var(--primary-color);
-    transform: translateY(-2px);
-}
-
-.nav-icon {
-    margin-left: 0.5rem;
-    font-size: 1.25rem;
-}
-
-/* أنماط عنوان الوحدة */
-.module-title {
-    color: var(--text-dark);
-    font-size: 1.75rem;
-    margin-bottom: 1.25rem;
-    border-right: 4px solid var(--primary-color);
-    padding-right: 0.75rem;
-    position: relative;
-}
-
-/* أنماط بطاقات المعلومات المحسنة */
-.info-card {
-    background-color: white;
-    border-radius: var(--border-radius);
-    padding: 1.5rem;
-    margin-bottom: 1.25rem;
-    box-shadow: var(--card-shadow);
-    border-top: 4px solid var(--primary-color);
-    transition: transform var(--transition-speed);
-}
-
-.info-card:hover {
-    transform: translateY(-5px);
-}
-
-.info-card h3 {
-    color: var(--text-dark);
-    margin-top: 0;
-    margin-bottom: 0.75rem;
-    font-weight: 700;
-}
-
-.info-card p {
-    color: var(--text-medium);
-    margin: 0;
-    line-height: 1.6;
-}
-
-/* أنماط الجداول */
-.dataframe {
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0;
-    margin-bottom: 1.5rem;
-    border-radius: var(--border-radius);
-    overflow: hidden;
-    box-shadow: var(--card-shadow);
-}
-
-.dataframe th {
-    background-color: var(--primary-color);
-    color: white;
-    text-align: right;
-    padding: 0.75rem 1rem;
-    font-weight: 600;
-    border: none;
-}
-
-.dataframe td {
-    padding: 0.75rem 1rem;
-    border-bottom: 1px solid var(--border-color);
-    text-align: right;
-    background-color: white;
-}
-
-.dataframe tr:last-child td {
-    border-bottom: none;
-}
-
-.dataframe tr:nth-child(even) td {
-    background-color: rgba(248, 249, 250, 0.7);
-}
-
-.dataframe tr:hover td {
-    background-color: var(--primary-light);
-}
-
-/* أنماط الأزرار الجديدة */
-button, .stButton>button {
-    background: var(--primary-gradient);
-    color: white;
-    border: none;
-    border-radius: 6px;
-    padding: 0.6rem 1.25rem;
-    cursor: pointer;
-    transition: all var(--transition-speed);
-    font-weight: 600;
-    font-size: 0.95rem;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-}
-
-button:hover, .stButton>button:hover {
-    background: var(--primary-dark);
-    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
-    transform: translateY(-2px);
-}
-
-button:active, .stButton>button:active {
-    transform: translateY(0);
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-}
-
-/* أزرار ثانوية */
-.btn-secondary, .stButton.secondary>button {
-    background: white;
-    color: var(--primary-color);
-    border: 1px solid var(--primary-color);
-}
-
-.btn-secondary:hover, .stButton.secondary>button:hover {
-    background: var(--primary-light);
-}
-
-/* أنماط المخططات */
-.plot-container {
-    background-color: white;
-    border-radius: var(--border-radius);
-    padding: 1rem;
-    margin: 1.25rem 0;
-    box-shadow: var(--card-shadow);
-}
-
-/* أنماط بطاقات الابتكارات */
-.innovation-card {
-    background-color: white;
-    border-radius: var(--border-radius);
-    padding: 1.5rem;
-    margin-bottom: 1.25rem;
-    border-right: 4px solid var(--primary-color);
-    box-shadow: var(--card-shadow);
-    transition: transform var(--transition-speed);
-}
-
-.innovation-card:hover {
-    transform: translateY(-5px);
-}
-
-.innovation-icon {
-    font-size: 2rem;
-    margin-bottom: 0.75rem;
-    background: var(--primary-gradient);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-}
-
-.innovation-card h3 {
-    color: var(--text-dark);
-    margin-bottom: 0.75rem;
-    font-weight: 700;
-}
-
-.innovation-card p {
-    color: var(--text-medium);
-    font-size: 0.95rem;
-    line-height: 1.6;
-}
-
-/* أنماط فريق التطوير */
-.team-section {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 1.5rem;
-    margin: 2rem 0;
-}
-
-.team-member {
-    text-align: center;
-    margin-bottom: 1.25rem;
-    background-color: white;
-    border-radius: var(--border-radius);
-    padding: 1.5rem;
-    box-shadow: var(--card-shadow);
-    transition: transform var(--transition-speed);
-    width: 230px;
-}
-
-.team-member:hover {
-    transform: translateY(-5px);
-}
-
-.team-member h3 {
-    color: var(--text-dark);
-    margin-bottom: 0.3rem;
-    font-size: 1.1rem;
-    font-weight: 700;
-}
-
-.team-member h4 {
-    color: var(--primary-color);
-    margin-top: 0;
-    margin-bottom: 0.75rem;
-    font-size: 0.9rem;
-}
-
-.team-member p {
-    color: var(--text-medium);
-    font-size: 0.85rem;
-    line-height: 1.5;
-}
-
-.avatar {
-    background: var(--primary-gradient);
-    color: white;
-    width: 90px;
-    height: 90px;
-    border-radius: 50%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0 auto 1rem auto;
-    font-size: 2rem;
-    font-weight: 700;
-    box-shadow: 0 5px 15px rgba(14, 165, 165, 0.3);
-}
-
-/* أنماط تذييل الصفحة */
-.footer {
-    text-align: center;
-    color: var(--text-light);
-    font-size: 0.85rem;
-    margin-top: 2rem;
-    margin-bottom: 1rem;
-    padding: 1rem;
-    border-top: 1px solid var(--border-color);
-}
-
-/* أنماط رسائل التنبيه المحسنة */
-.alert {
-    padding: 1rem 1.25rem;
-    border-radius: var(--border-radius);
-    margin-bottom: 1rem;
-    position: relative;
-    border-right: 4px solid;
-}
-
-.alert-icon {
-    margin-left: 0.5rem;
-    font-size: 1.25rem;
-}
-
-.alert-info {
-    background-color: rgba(52, 144, 220, 0.1);
-    color: var(--info-color);
-    border-right-color: var(--info-color);
-}
-
-.alert-success {
-    background-color: rgba(56, 193, 114, 0.1);
-    color: var(--success-color);
-    border-right-color: var(--success-color);
-}
-
-.alert-warning {
-    background-color: rgba(247, 183, 49, 0.1);
-    color: var(--warning-color);
-    border-right-color: var(--warning-color);
-}
-
-.alert-danger {
-    background-color: rgba(227, 52, 47, 0.1);
-    color: var(--danger-color);
-    border-right-color: var(--danger-color);
-}
-
-/* أنماط التبويبات المحسنة */
-.stTabs [data-baseweb="tab-list"] {
-    gap: 1px;
-    background-color: var(--background-light);
-    border-radius: var(--border-radius);
-    padding: 0.3rem;
-}
-
-.stTabs [data-baseweb="tab"] {
-    height: 50px;
-    white-space: pre-wrap;
-    background-color: white;
-    border-radius: 6px;
-    gap: 1px;
-    padding: 0.6rem 1rem;
-    font-family: 'Almarai', 'Tajawal', sans-serif;
-    font-weight: 500;
-    transition: all var(--transition-speed);
-}
-
-.stTabs [aria-selected="true"] {
-    background: var(--primary-gradient) !important;
-    color: white !important;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-}
-
-/* أنماط مخصصة لدعم اللغة العربية في إدخالات النصوص والأرقام */
-input, textarea, .stTextInput>div>div>input, .stNumberInput>div>div>input {
-    direction: rtl;
-    text-align: right;
-    font-family: 'Almarai', 'Tajawal', sans-serif;
-    font-size: 0.95rem;
-    padding: 0.6rem 0.75rem;
-    border-radius: 6px;
-    border: 1px solid var(--border-color);
-    transition: border-color var(--transition-speed);
-}
-
-input:focus, textarea:focus, .stTextInput>div>div>input:focus, .stNumberInput>div>div>input:focus {
-    outline: none;
-    border-color: var(--primary-color);
-    box-shadow: 0 0 0 1px var(--primary-light);
-}
-
-/* أنماط قائمة الخيارات */
-.stSelectbox [data-baseweb="select"] {
-    direction: rtl;
-    text-align: right;
-    font-family: 'Almarai', 'Tajawal', sans-serif;
-}
-
-/* أنماط للنسخة المحمولة والاستجابة للشاشات */
-@media (max-width: 992px) {
-    .main-title {
-        font-size: 1.75rem;
-    }
-    
-    .header-container {
-        padding: 1rem;
-    }
-    
-    .header-title h1 {
-        font-size: 1.5rem;
-    }
-}
-
-@media (max-width: 768px) {
-    .header-container {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-    
-    .header-info {
-        margin-top: 1rem;
-        width: 100%;
-        justify-content: flex-start;
-    }
-    
-    .nav-menu ul {
-        flex-wrap: wrap;
-        justify-content: flex-start;
-    }
-    
-    .nav-menu li {
-        margin-bottom: 0.5rem;
-        margin-left: 0.5rem;
-        width: calc(50% - 1rem);
-    }
-    
-    .module-title {
-        font-size: 1.5rem;
-    }
-    
-    .main-title {
-        font-size: 1.4rem;
-    }
-    
-    .innovation-card, .info-card {
-        margin-bottom: 1rem;
-        padding: 1rem;
-    }
-    
-    .dataframe {
-        display: block;
-        overflow-x: auto;
-    }
-    
-    .team-member {
-        width: 100%;
-    }
-}
-
-@media (max-width: 480px) {
-    .main-title {
-        font-size: 1.25rem;
-    }
-    
-    .header-title h1 {
-        font-size: 1.25rem;
-    }
-    
-    .nav-menu li {
-        width: 100%;
-        margin-left: 0;
-    }
-}
-
-/* تحسينات خاصة للأيفون والأجهزة ذات الشاشات الصغيرة */
-@media only screen and (max-width: 375px) {
-    .nav-menu {
-        margin: 0.5rem 0;
-    }
-    
-    button, .stButton>button {
-        padding: 0.5rem 0.75rem;
-        font-size: 0.9rem;
-    }
-    
-    .module-title, .info-card h3, .innovation-card h3 {
-        font-size: 1.1rem;
-    }
-}
-
-/* أضف كلاس للأيقونات */
-.icon {
-    font-size: 1.1rem;
-    margin-left: 0.5rem;
-}
-
-/* أنماط للصور والخلفيات */
-.bg-light {
-    background-color: var(--background-light);
-}
-
-.card {
-    background: white;
-    border-radius: var(--border-radius);
-    box-shadow: var(--card-shadow);
-    padding: 1.25rem;
-    margin-bottom: 1.25rem;
-}
-
-/* قسم معلومات النظام */
-.about-system {
-    margin: 2rem 0;
-    background: white;
-    border-radius: var(--border-radius);
-    box-shadow: var(--card-shadow);
-    padding: 1.5rem;
-}
-
-.about-system h2 {
-    color: var(--primary-color);
-    margin-bottom: 1rem;
-    padding-bottom: 0.5rem;
-    border-bottom: 2px solid var(--primary-light);
-}
-
-.about-system p {
-    line-height: 1.6;
-    margin-bottom: 1rem;
-}
-
-.about-system ul {
-    padding-right: 1.5rem;
-    margin-bottom: 1rem;
-}
-
-.about-system li {
-    margin-bottom: 0.5rem;
-    line-height: 1.6;
-}
-
-/* أنماط مؤشر التقدم */
-.progress {
-    height: 0.5rem;
-    overflow: hidden;
-    background-color: var(--background-light);
-    border-radius: 0.25rem;
-    margin: 0.5rem 0 1rem 0;
-}
-
-.progress-bar {
-    height: 100%;
-    border-radius: 0.25rem;
-    background: var(--primary-gradient);
-}
-
-/* المؤقت للمواعيد النهائية */
-.countdown-timer {
-    display: flex;
-    justify-content: center;
-    gap: 1rem;
-    margin: 1.5rem 0;
-}
-
-.time-block {
-    background: white;
-    border-radius: var(--border-radius);
-    padding: 0.75rem 1rem;
-    text-align: center;
-    min-width: 80px;
-    box-shadow: var(--card-shadow);
-}
-
-.time-value {
-    font-size: 1.75rem;
-    font-weight: 700;
-    color: var(--primary-color);
-    line-height: 1;
-}
-
-.time-label {
-    font-size: 0.8rem;
-    color: var(--text-medium);
-    margin-top: 0.25rem;
-}
-
-/* إعدادات المستخدم */
-.settings-form {
-    background: white;
-    border-radius: var(--border-radius);
-    padding: 1.5rem;
-    box-shadow: var(--card-shadow);
-}
-
-.settings-group {
-    margin-bottom: 1.5rem;
-}
-
-.settings-group h3 {
-    font-size: 1.2rem;
-    margin-bottom: 1rem;
-    padding-bottom: 0.5rem;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.settings-item {
-    margin-bottom: 1rem;
-}
-
-.settings-item label {
-    display: block;
-    margin-bottom: 0.5rem;
-    font-weight: 500;
-}
-
-/* أنماط للتسعير المتقدم */
-.pricing-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-    gap: 1.25rem;
-    margin: 1.5rem 0;
-}
-
-.price-card {
-    background: white;
-    border-radius: var(--border-radius);
-    padding: 1.25rem;
-    box-shadow: var(--card-shadow);
-    display: flex;
-    flex-direction: column;
-}
-
-.price-header {
-    margin-bottom: 1rem;
-    padding-bottom: 0.5rem;
-    border-bottom: 1px solid var(--border-color);
-}
-
-.price-value {
-    font-size: 1.5rem;
-    font-weight: 700;
-    color: var(--primary-color);
-    margin: 0.5rem 0;
-}
-
-.price-details {
-    flex-grow: 1;
-}
-
-.price-details ul {
-    padding-right: 1.25rem;
-    margin-bottom: 1rem;
-}
-
-.price-details li {
-    margin-bottom: 0.5rem;
-    line-height: 1.5;
-}
-
-.price-footer {
-    margin-top: auto;
-    padding-top: 1rem;
-}
-
-/* أنماط إضافية للأيقونات والرموز */
-.colored-icon {
-    background: var(--primary-gradient);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-}
-
-/* أنماط الشعار */
-.logo {
-    display: flex;
-    align-items: center;
-}
-
-.logo-text {
-    font-weight: 800;
-    font-size: 1.25rem;
-    margin-right: 0.5rem;
-    background: var(--primary-gradient);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-}
-
-/* كلاس للخط العريض */
-.bold {
-    font-weight: 700;
-}
-
-/* تحسين مظهر مخطط مرمايد للنظام */
-.mermaid {
-    margin: 1.5rem 0;
-}
-
-/* تعديلات على شكل العنصر الجانبي */
-.stSidebar {
-    background-color: white;
-    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05);
-}
-
-[data-testid="stSidebarContent"] {
-    background: var(--sidebar-gradient);
-}
-
-/* تحسين شكل لوحة المعلومات */
-.dashboard-card {
-    background: white;
-    border-radius: var(--border-radius);
-    padding: 1rem;
-    box-shadow: var(--card-shadow);
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-}
-
-.dashboard-card::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 4px;
-    background: var(--primary-gradient);
-}
-
-.dashboard-value {
-    font-size: 2rem;
-    font-weight: 800;
-    color: var(--primary-color);
-    margin: 0.5rem 0;
-}
-
-.dashboard-title {
-    color: var(--text-medium);
-    font-size: 0.9rem;
-    margin-bottom: 0.5rem;
-    font-weight: 600;
-}
-
-.dashboard-change {
-    font-size: 0.8rem;
-    display: flex;
-    align-items: center;
-}
-
-.change-up {
-    color: var(--success-color);
-}
-
-.change-down {
-    color: var(--danger-color);
-}
-
-/* بالنسبة للشركة */
-.company-info {
-    text-align: center;
-    background: white;
-    padding: 1rem;
-    border-radius: var(--border-radius);
-    margin: 1.5rem 0;
-    box-shadow: var(--card-shadow);
-}
-
-.company-logo {
-    max-width: 150px;
-    margin: 0 auto 1rem auto;
-}
-
-.company-name {
-    font-size: 1.2rem;
-    font-weight: 700;
-    color: var(--text-dark);
-    margin-bottom: 0.5rem;
-}
-
-.company-slogan {
-    font-size: 0.9rem;
-    color: var(--text-medium);
-    margin-bottom: 1rem;
-}
-
-.company-contact {
-    display: flex;
-    justify-content: center;
-    gap: 1rem;
-    margin-top: 1rem;
-}
-
-.contact-item {
-    display: flex;
-    align-items: center;
-    font-size: 0.85rem;
-    color: var(--text-medium);
-}
-
-.contact-icon {
-    margin-left: 0.3rem;
-}

static/css/rtl-fixes.css

@@ -1,66 +0,0 @@
-/* إصلاحات لدعم اللغة العربية والعرض من اليمين إلى اليسار */
-
-/* نقل الشريط الجانبي من اليسار إلى اليمين */
-[data-testid="stSidebar"] {
-    right: 0;
-    left: unset !important;
-}
-
-section[data-testid="stSidebarContent"] {
-    direction: rtl !important;
-    text-align: right !important;
-}
-
-/* تعديل الاتجاه للمحتوى الرئيسي */
-.main .block-container {
-    direction: rtl;
-    text-align: right;
-    margin-left: 0;
-    margin-right: 21rem;
-    max-width: calc(100% - 21rem);
-}
-
-@media (max-width: 768px) {
-    .main .block-container {
-        margin-right: 0;
-        max-width: 100%;
-    }
-}
-
-/* تصحيح اتجاه النصوص والعناصر */
-.streamlit-expanderHeader, 
-.stRadio > div, 
-.stCheckbox > div,
-.stSelectbox > div, 
-.stTextInput > div {
-    direction: rtl;
-    text-align: right;
-}
-
-/* تعديل قائمة الخيارات في streamlit_option_menu */
-.nav-link {
-    text-align: right !important;
-}
-
-/* تحسين ظهور الجداول */
-[data-testid="stTable"] {
-    direction: rtl;
-}
-
-/* تصحيح أزرار الأرقام والتواريخ */
-.stNumberInput [data-baseweb="input"], 
-.stDateInput [data-baseweb="input"] {
-    direction: ltr;
-}
-
-/* جعل عناصر الملاحظات والخانات النصية تدعم العربية */
-[data-testid="stMarkdown"], textarea {
-    direction: rtl;
-    text-align: right;
-}
-
-/* تحسين ظهور قوائم الاختيار */
-.stMultiSelect div:first-child, 
-.stSelectbox div:first-child {
-    text-align: right;
-}

static/css/styles.css

@@ -1,373 +0,0 @@
-/* أنماط CSS للنظام */
-
-/* تعيين اتجاه النص من اليمين إلى اليسار للغة العربية */
-body {
-    direction: rtl;
-    text-align: right;
-    font-family: 'Tajawal', 'Cairo', sans-serif;
-}
-
-/* أنماط العناوين */
-h1, h2, h3, h4, h5, h6 {
-    font-family: 'Tajawal', 'Cairo', sans-serif;
-    color: #333;
-}
-
-/* أنماط ترويسة الصفحة */
-.header-container {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10px 0;
-    background-color: #f8f9fa;
-    border-radius: 10px;
-    margin-bottom: 20px;
-}
-
-.header-title {
-    margin-right: 20px;
-}
-
-.header-title h1 {
-    margin: 0;
-    font-size: 24px;
-    color: #2c3e50;
-}
-
-.header-title p {
-    margin: 0;
-    font-size: 14px;
-    color: #7f8c8d;
-}
-
-.header-info {
-    display: flex;
-    align-items: center;
-}
-
-.date-box {
-    display: flex;
-    background-color: #ff9a3c;
-    color: white;
-    border-radius: 8px;
-    padding: 5px 10px;
-    margin-left: 15px;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-}
-
-.date-day {
-    font-size: 24px;
-    font-weight: bold;
-    margin-left: 5px;
-    line-height: 1;
-}
-
-.date-info {
-    display: flex;
-    flex-direction: column;
-    font-size: 12px;
-}
-
-.date-month {
-    font-weight: bold;
-    line-height: 1.2;
-}
-
-.date-year {
-    line-height: 1;
-}
-
-/* أنماط قائمة التنقل */
-.nav-menu {
-    margin: 10px 0;
-}
-
-.nav-menu ul {
-    display: flex;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    justify-content: flex-end;
-}
-
-.nav-menu li {
-    margin-left: 15px;
-}
-
-.nav-menu a {
-    display: flex;
-    align-items: center;
-    color: #2c3e50;
-    text-decoration: none;
-    padding: 5px 10px;
-    border-radius: 5px;
-    transition: background-color 0.3s;
-}
-
-.nav-menu a:hover {
-    background-color: #f0f0f0;
-}
-
-.nav-icon {
-    margin-left: 5px;
-}
-
-/* أنماط عنوان الوحدة */
-.module-title {
-    color: #2c3e50;
-    font-size: 28px;
-    margin-bottom: 20px;
-    border-right: 5px solid #ff9a3c;
-    padding-right: 10px;
-}
-
-.main-title {
-    color: #2c3e50;
-    font-size: 32px;
-    text-align: center;
-    margin: 20px 0;
-}
-
-/* أنماط بطاقات المعلومات */
-.info-card {
-    background-color: #f8f9fa;
-    border-radius: 10px;
-    padding: 20px;
-    margin-bottom: 20px;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-}
-
-.info-card h3 {
-    color: #333;
-    margin-top: 0;
-    margin-bottom: 10px;
-}
-
-.info-card p {
-    color: #666;
-    margin: 0;
-}
-
-/* أنماط الجداول */
-.dataframe {
-    width: 100%;
-    border-collapse: collapse;
-    margin-bottom: 20px;
-}
-
-.dataframe th {
-    background-color: #f0f0f0;
-    color: #333;
-    text-align: right;
-    padding: 8px;
-    border: 1px solid #ddd;
-}
-
-.dataframe td {
-    padding: 8px;
-    border: 1px solid #ddd;
-    text-align: right;
-}
-
-.dataframe tr:nth-child(even) {
-    background-color: #f9f9f9;
-}
-
-.dataframe tr:hover {
-    background-color: #f0f0f0;
-}
-
-/* أنماط الأزرار */
-button, .stButton>button {
-    background-color: #ff9a3c;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    padding: 8px 16px;
-    cursor: pointer;
-    transition: background-color 0.3s;
-}
-
-button:hover, .stButton>button:hover {
-    background-color: #e67e22;
-}
-
-/* أنماط المخططات */
-.plot-container {
-    margin: 20px 0;
-}
-
-/* أنماط بطاقات الابتكارات */
-.innovation-card {
-    background-color: #f8f9fa;
-    border-radius: 10px;
-    padding: 15px;
-    margin-bottom: 20px;
-    border-right: 5px solid #ff9a3c;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-}
-
-.innovation-icon {
-    font-size: 24px;
-    margin-bottom: 10px;
-}
-
-.innovation-card h3 {
-    color: #333;
-    margin-bottom: 10px;
-}
-
-.innovation-card p {
-    color: #666;
-    font-size: 14px;
-}
-
-/* أنماط فريق التطوير */
-.team-member {
-    text-align: center;
-    margin-bottom: 20px;
-}
-
-.team-member h3 {
-    color: #333;
-    margin-bottom: 5px;
-    font-size: 18px;
-}
-
-.team-member h4 {
-    color: #ff9a3c;
-    margin-top: 0;
-    margin-bottom: 10px;
-    font-size: 14px;
-}
-
-.team-member p {
-    color: #666;
-    font-size: 12px;
-}
-
-.avatar {
-    background-color: #ff9a3c;
-    color: white;
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0 auto 15px auto;
-    font-size: 36px;
-}
-
-/* أنماط تذييل الصفحة */
-.footer {
-    text-align: center;
-    color: #7f8c8d;
-    font-size: 12px;
-    margin-top: 30px;
-    margin-bottom: 10px;
-}
-
-/* أنماط رسائل التنبيه */
-.alert {
-    padding: 10px 15px;
-    border-radius: 4px;
-    margin-bottom: 15px;
-}
-
-.alert-info {
-    background-color: #d1ecf1;
-    color: #0c5460;
-    border: 1px solid #bee5eb;
-}
-
-.alert-success {
-    background-color: #d4edda;
-    color: #155724;
-    border: 1px solid #c3e6cb;
-}
-
-.alert-warning {
-    background-color: #fff3cd;
-    color: #856404;
-    border: 1px solid #ffeeba;
-}
-
-.alert-danger {
-    background-color: #f8d7da;
-    color: #721c24;
-    border: 1px solid #f5c6cb;
-}
-
-/* أنماط الأيقونات */
-.icon {
-    font-size: 18px;
-    margin-left: 5px;
-}
-
-/* أنماط التبويبات */
-.stTabs [data-baseweb="tab-list"] {
-    gap: 1px;
-}
-
-.stTabs [data-baseweb="tab"] {
-    height: 50px;
-    white-space: pre-wrap;
-    background-color: white;
-    border-radius: 4px 4px 0 0;
-    gap: 1px;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-.stTabs [aria-selected="true"] {
-    background-color: #ff9a3c !important;
-    color: white !important;
-}
-
-/* أنماط مخصصة لدعم اللغة العربية في إدخالات النصوص والأرقام */
-input, textarea, .stTextInput>div>div>input, .stNumberInput>div>div>input {
-    direction: rtl;
-    text-align: right;
-}
-
-/* أنماط قائمة الخيارات */
-.stSelectbox [data-baseweb="select"] {
-    direction: rtl;
-    text-align: right;
-}
-
-/* أنماط تحرير البيانات */
-.stDataEditor {
-    direction: rtl;
-}
-
-/* أنماط للنسخة المحمولة */
-@media (max-width: 768px) {
-    .header-container {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-    
-    .header-info {
-        margin-top: 10px;
-    }
-    
-    .nav-menu ul {
-        flex-wrap: wrap;
-    }
-    
-    .nav-menu li {
-        margin-bottom: 5px;
-        margin-left: 10px;
-    }
-    
-    .module-title {
-        font-size: 24px;
-    }
-    
-    .main-title {
-        font-size: 24px;
-    }
-}

static/images/README.md

@@ -1,40 +0,0 @@
-# مجلد الصور والأيقونات
-
-يحتوي هذا المجلد على جميع الصور والأيقونات المستخدمة في نظام تسعير المناقصات.
-
-## هيكل المجلد
-
-- `logo.png`: شعار النظام الرئيسي
-- `logo-sm.png`: نسخة مصغرة من الشعار للاستخدام في الواجهات الصغيرة
-- `favicon.ico`: أيقونة المفضلة للمتصفح
-- `icons/`: مجلد الأيقونات المستخدمة في النظام
-- `backgrounds/`: مجلد خلفيات النظام
-- `users/`: مجلد لصور المستخدمين الافتراضية
-- `charts/`: صور للمخططات الثابتة
-- `report-templates/`: قوالب التقارير المطبوعة والمصدرة
-
-## إرشادات استخدام الصور
-
-- استخدم الصور بتنسيق PNG للشعارات والأيقونات
-- استخدم تنسيق SVG للأيقونات كلما أمكن ذلك للحفاظ على جودة العرض
-- الاحتفاظ بنسخة عالية الدقة من الشعار بتنسيق PSD أو AI
-
-## أيقونات النظام
-
-يستخدم النظام مجموعة أيقونات Font Awesome للعناصر المختلفة في الواجهة. يمكنك استخدامها عن طريق:
-
-```html
-<i class="fas fa-chart-bar"></i> <!-- مخطط شريطي -->
-<i class="fas fa-file-invoice"></i> <!-- فاتورة -->
-<i class="fas fa-project-diagram"></i> <!-- مشروع -->
-<i class="fas fa-tasks"></i> <!-- مهام -->
-<i class="fas fa-calculator"></i> <!-- حاسبة -->
-```
-
-لمزيد من الأيقونات، يمكنك زيارة [موقع Font Awesome](https://fontawesome.com/icons).
-
-## الصور الافتراضية
-
-- `default-project.png`: صورة افتراضية للمشاريع
-- `default-user.png`: صورة افتراضية للمستخدمين
-- `default-client.png`: صورة افتراضية للعملاء

static/js/charts.js

@@ -1,348 +0,0 @@
-/**
- * ملف رسم وتهيئة المخططات البيانية
- */
-
-// دالة التهيئة عند تحميل الصفحة
-document.addEventListener('DOMContentLoaded', function() {
-    // تهيئة المخططات
-    initializeCharts();
-});
-
-/**
- * تهيئة جميع المخططات في الصفحة
- */
-function initializeCharts() {
-    // التحقق من توفر مكتبة Chart.js
-    if (typeof Chart === 'undefined') {
-        console.warn('مكتبة Chart.js غير متوفرة. لا يمكن تهيئة المخططات.');
-        return;
-    }
-    
-    // تعيين الخيارات العامة للمخططات
-    Chart.defaults.font.family = "'Tajawal', sans-serif";
-    Chart.defaults.font.size = 14;
-    Chart.defaults.color = '#333';
-    Chart.defaults.plugins.tooltip.rtl = true;
-    Chart.defaults.plugins.tooltip.titleAlign = 'right';
-    Chart.defaults.plugins.tooltip.bodyAlign = 'right';
-    Chart.defaults.plugins.legend.rtl = true;
-    Chart.defaults.plugins.legend.labels.textAlign = 'right';
-    
-    // إنشاء مخططات مختلفة بناءً على نوع المخطط
-    initializeBarCharts();
-    initializeLineCharts();
-    initializePieCharts();
-    initializeRadarCharts();
-    initializeGaugeCharts();
-    initializeDashboardCharts();
-}
-
-/**
- * تهيئة المخططات الشريطية
- */
-function initializeBarCharts() {
-    const barChartElements = document.querySelectorAll('.bar-chart');
-    
-    barChartElements.forEach(element => {
-        const ctx = element.getContext('2d');
-        const dataUrl = element.getAttribute('data-url');
-        
-        // استدعاء البيانات من الخادم إذا كان متوفرًا
-        if (dataUrl) {
-            fetch(dataUrl)
-                .then(response => response.json())
-                .then(data => {
-                    createBarChart(ctx, element, data);
-                })
-                .catch(error => {
-                    console.error('خطأ في تحميل بيانات المخطط:', error);
-                    // استخدام بيانات افتراضية في حال حدوث خطأ
-                    createBarChart(ctx, element, getDefaultBarChartData());
-                });
-        } else {
-            // استخدام البيانات المضمنة من سمة data-config
-            let chartData;
-            try {
-                chartData = JSON.parse(element.getAttribute('data-config') || '{}');
-            } catch (e) {
-                console.error('تنسيق بيانات المخطط غير صالح:', e);
-                chartData = getDefaultBarChartData();
-            }
-            
-            createBarChart(ctx, element, chartData);
-        }
-    });
-}
-
-/**
- * إنشاء مخطط شريطي
- */
-function createBarChart(ctx, element, data) {
-    const isVertical = element.getAttribute('data-orientation') !== 'horizontal';
-    const isStacked = element.getAttribute('data-stacked') === 'true';
-    
-    // تكوين الخيارات
-    const options = {
-        indexAxis: isVertical ? 'x' : 'y',
-        scales: {
-            x: {
-                beginAtZero: true,
-                grid: {
-                    display: false
-                }
-            },
-            y: {
-                beginAtZero: true,
-                grid: {
-                    display: true,
-                    color: '#f0f0f0'
-                }
-            }
-        },
-        plugins: {
-            title: {
-                display: data.title ? true : false,
-                text: data.title || '',
-                align: 'right',
-                font: {
-                    size: 16,
-                    weight: 'bold'
-                }
-            },
-            legend: {
-                display: (data.datasets && data.datasets.length > 1) ? true : false,
-                position: 'top',
-                align: 'end'
-            }
-        },
-        responsive: true,
-        maintainAspectRatio: false
-    };
-    
-    // إضافة خيارات للمخطط المكدس إذا لزم الأمر
-    if (isStacked) {
-        options.scales.x.stacked = true;
-        options.scales.y.stacked = true;
-    }
-    
-    // إنشاء المخطط
-    new Chart(ctx, {
-        type: 'bar',
-        data: {
-            labels: data.labels || [],
-            datasets: data.datasets || []
-        },
-        options: options
-    });
-}
-
-/**
- * تهيئة المخططات الخطية
- */
-function initializeLineCharts() {
-    const lineChartElements = document.querySelectorAll('.line-chart');
-    
-    lineChartElements.forEach(element => {
-        const ctx = element.getContext('2d');
-        const dataUrl = element.getAttribute('data-url');
-        
-        // استدعاء البيانات من الخادم إذا كان متوفرًا
-        if (dataUrl) {
-            fetch(dataUrl)
-                .then(response => response.json())
-                .then(data => {
-                    createLineChart(ctx, element, data);
-                })
-                .catch(error => {
-                    console.error('خطأ في تحميل بيانات المخطط:', error);
-                    createLineChart(ctx, element, getDefaultLineChartData());
-                });
-        } else {
-            // استخدام البيانات المضمنة
-            let chartData;
-            try {
-                chartData = JSON.parse(element.getAttribute('data-config') || '{}');
-            } catch (e) {
-                console.error('تنسيق بيانات المخطط غير صالح:', e);
-                chartData = getDefaultLineChartData();
-            }
-            
-            createLineChart(ctx, element, chartData);
-        }
-    });
-}
-
-/**
- * إنشاء مخطط خطي
- */
-function createLineChart(ctx, element, data) {
-    const isCurved = element.getAttribute('data-curved') === 'true';
-    const showPoints = element.getAttribute('data-points') !== 'false';
-    
-    // تكوين الخيارات
-    const options = {
-        scales: {
-            x: {
-                grid: {
-                    display: false
-                }
-            },
-            y: {
-                beginAtZero: element.getAttribute('data-start-at-zero') === 'true',
-                grid: {
-                    color: '#f0f0f0'
-                }
-            }
-        },
-        elements: {
-            line: {
-                tension: isCurved ? 0.4 : 0,
-                borderWidth: 2
-            },
-            point: {
-                radius: showPoints ? 4 : 0,
-                hoverRadius: showPoints ? 6 : 0
-            }
-        },
-        plugins: {
-            title: {
-                display: data.title ? true : false,
-                text: data.title || '',
-                align: 'right',
-                font: {
-                    size: 16,
-                    weight: 'bold'
-                }
-            },
-            legend: {
-                position: 'top',
-                align: 'end'
-            }
-        },
-        responsive: true,
-        maintainAspectRatio: false,
-        interaction: {
-            mode: 'index',
-            intersect: false
-        }
-    };
-    
-    // إنشاء المخطط
-    new Chart(ctx, {
-        type: 'line',
-        data: {
-            labels: data.labels || [],
-            datasets: data.datasets || []
-        },
-        options: options
-    });
-}
-
-/**
- * تهيئة المخططات الدائرية
- */
-function initializePieCharts() {
-    const pieChartElements = document.querySelectorAll('.pie-chart, .doughnut-chart');
-    
-    pieChartElements.forEach(element => {
-        const ctx = element.getContext('2d');
-        const dataUrl = element.getAttribute('data-url');
-        const isDoughnut = element.classList.contains('doughnut-chart');
-        
-        // استدعاء البيانات من الخادم إذا كان متوفرًا
-        if (dataUrl) {
-            fetch(dataUrl)
-                .then(response => response.json())
-                .then(data => {
-                    createPieChart(ctx, element, data, isDoughnut);
-                })
-                .catch(error => {
-                    console.error('خطأ في تحميل بيانات المخطط:', error);
-                    createPieChart(ctx, element, getDefaultPieChartData(), isDoughnut);
-                });
-        } else {
-            // استخدام البيانات المضمنة
-            let chartData;
-            try {
-                chartData = JSON.parse(element.getAttribute('data-config') || '{}');
-            } catch (e) {
-                console.error('تنسيق بيانات المخطط غير صالح:', e);
-                chartData = getDefaultPieChartData();
-            }
-            
-            createPieChart(ctx, element, chartData, isDoughnut);
-        }
-    });
-}
-
-/**
- * إنشاء مخطط دائري
- */
-function createPieChart(ctx, element, data, isDoughnut) {
-    // تكوين الخيارات
-    const options = {
-        plugins: {
-            title: {
-                display: data.title ? true : false,
-                text: data.title || '',
-                align: 'right',
-                font: {
-                    size: 16,
-                    weight: 'bold'
-                }
-            },
-            legend: {
-                position: 'bottom',
-                align: 'start',
-                rtl: true,
-                labels: {
-                    boxWidth: 12,
-                    padding: 15
-                }
-            }
-        },
-        responsive: true,
-        maintainAspectRatio: false
-    };
-    
-    // إضافة خيارات لمخطط الدونات إذا لزم الأمر
-    if (isDoughnut) {
-        options.cutout = '60%';
-        options.plugins.tooltip = {
-            callbacks: {
-                title: function(tooltipItems) {
-                    return tooltipItems[0].label;
-                },
-                label: function(context) {
-                    const value = context.raw;
-                    const total = context.chart.getDatasetMeta(0).total;
-                    const percentage = Math.round((value / total) * 100);
-                    return percentage + '% (' + value + ')';
-                }
-            }
-        };
-    }
-    
-    // إنشاء المخطط
-    new Chart(ctx, {
-        type: isDoughnut ? 'doughnut' : 'pie',
-        data: {
-            labels: data.labels || [],
-            datasets: [{
-                data: data.values || [],
-                backgroundColor: data.colors || getDefaultColors(),
-                borderWidth: 1,
-                borderColor: '#fff'
-            }]
-        },
-        options: options
-    });
-}
-
-/**
- * تهيئة مخططات الرادار
- */
-function initializeRadarCharts() {
-    const radarChartElements = document.querySelectorAll('.radar-chart');
-    
-    radarChartElements.forEach(element => {

static/js/main.js

@@ -1,416 +0,0 @@
-/**
- * ملف السكربت الرئيسي لنظام تسعير المناقصات
- */
-
-// دالة التهيئة عند تحميل الصفحة
-document.addEventListener('DOMContentLoaded', function() {
-    // تفعيل تلميحات الأدوات
-    initializeTooltips();
-    
-    // تفعيل التحقق من الإدخال في النماذج
-    initializeFormValidation();
-    
-    // تفعيل وظيفة البحث والتصفية
-    initializeSearchAndFilters();
-    
-    // تفعيل وظائف التصدير
-    initializeExportFunctions();
-    
-    // تفعيل تحديثات البيانات المباشرة
-    initializeLiveDataUpdates();
-    
-    // تفعيل التأثيرات البصرية
-    initializeVisualEffects();
-});
-
-/**
- * تفعيل تلميحات الأدوات
- */
-function initializeTooltips() {
-    // يمكن استخدام مكتبة Bootstrap للتلميحات إذا تم تحميلها
-    if (typeof bootstrap !== 'undefined' && bootstrap.Tooltip) {
-        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
-        [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
-    } else {
-        // تنفيذ بسيط للتلميحات إذا لم تكن مكتبة Bootstrap متاحة
-        const tooltips = document.querySelectorAll('[data-tooltip]');
-        tooltips.forEach(element => {
-            element.addEventListener('mouseenter', function() {
-                const tooltipText = this.getAttribute('data-tooltip');
-                const tooltip = document.createElement('div');
-                tooltip.className = 'custom-tooltip';
-                tooltip.textContent = tooltipText;
-                document.body.appendChild(tooltip);
-                
-                const rect = this.getBoundingClientRect();
-                tooltip.style.left = rect.left + (rect.width / 2) - (tooltip.offsetWidth / 2) + 'px';
-                tooltip.style.top = rect.bottom + 10 + 'px';
-                
-                this.addEventListener('mouseleave', function() {
-                    document.body.removeChild(tooltip);
-                }, { once: true });
-            });
-        });
-    }
-}
-
-/**
- * تفعيل التحقق من الإدخال في النماذج
- */
-function initializeFormValidation() {
-    const forms = document.querySelectorAll('.needs-validation');
-    
-    forms.forEach(form => {
-        form.addEventListener('submit', function(event) {
-            if (!form.checkValidity()) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-            
-            form.classList.add('was-validated');
-        });
-        
-        // التحقق المباشر من الإدخال
-        const inputs = form.querySelectorAll('input, select, textarea');
-        inputs.forEach(input => {
-            input.addEventListener('input', function() {
-                validateInput(this);
-            });
-            
-            input.addEventListener('blur', function() {
-                validateInput(this);
-            });
-        });
-    });
-}
-
-/**
- * التحقق من إدخال حقل معين
- */
-function validateInput(input) {
-    // التحقق من صحة الإدخال
-    if (input.checkValidity()) {
-        input.classList.remove('is-invalid');
-        input.classList.add('is-valid');
-    } else {
-        input.classList.remove('is-valid');
-        input.classList.add('is-invalid');
-    }
-    
-    // تحقق خاص بحقول الأرقام
-    if (input.type === 'number') {
-        const min = parseFloat(input.getAttribute('min'));
-        const max = parseFloat(input.getAttribute('max'));
-        const value = parseFloat(input.value);
-        
-        if (!isNaN(value)) {
-            if (!isNaN(min) && value < min) {
-                input.setCustomValidity(`القيمة يجب أن تكون أكبر من أو تساوي ${min}`);
-            } else if (!isNaN(max) && value > max) {
-                input.setCustomValidity(`القيمة يجب أن تكون أقل من أو تساوي ${max}`);
-            } else {
-                input.setCustomValidity('');
-            }
-        }
-    }
-}
-
-/**
- * تفعيل وظيفة البحث والتصفية
- */
-function initializeSearchAndFilters() {
-    // تنفيذ البحث في الجداول
-    const searchInputs = document.querySelectorAll('.table-search');
-    searchInputs.forEach(input => {
-        input.addEventListener('input', function() {
-            const table = document.querySelector(this.getAttribute('data-table'));
-            const term = this.value.toLowerCase();
-            
-            if (table) {
-                const rows = table.querySelectorAll('tbody tr');
-                rows.forEach(row => {
-                    const text = row.textContent.toLowerCase();
-                    row.style.display = text.includes(term) ? '' : 'none';
-                });
-            }
-        });
-    });
-    
-    // تنفيذ تصفية الجداول
-    const filterSelects = document.querySelectorAll('.table-filter');
-    filterSelects.forEach(select => {
-        select.addEventListener('change', function() {
-            const table = document.querySelector(this.getAttribute('data-table'));
-            const column = parseInt(this.getAttribute('data-column'));
-            const value = this.value;
-            
-            if (table) {
-                const rows = table.querySelectorAll('tbody tr');
-                rows.forEach(row => {
-                    const cell = row.querySelectorAll('td')[column];
-                    if (cell) {
-                        row.style.display = (value === 'all' || cell.textContent === value) ? '' : 'none';
-                    }
-                });
-            }
-        });
-    });
-}
-
-/**
- * تفعيل وظائف التصدير
- */
-function initializeExportFunctions() {
-    // تصدير إلى CSV
-    const csvButtons = document.querySelectorAll('.export-csv');
-    csvButtons.forEach(button => {
-        button.addEventListener('click', function() {
-            const tableId = this.getAttribute('data-table');
-            exportTableToCSV(tableId, this.getAttribute('data-filename') || 'export.csv');
-        });
-    });
-    
-    // تصدير إلى PDF
-    const pdfButtons = document.querySelectorAll('.export-pdf');
-    pdfButtons.forEach(button => {
-        button.addEventListener('click', function() {
-            const tableId = this.getAttribute('data-table');
-            exportTableToPDF(tableId, this.getAttribute('data-filename') || 'export.pdf');
-        });
-    });
-    
-    // تصدير إلى Excel
-    const excelButtons = document.querySelectorAll('.export-excel');
-    excelButtons.forEach(button => {
-        button.addEventListener('click', function() {
-            const tableId = this.getAttribute('data-table');
-            exportTableToExcel(tableId, this.getAttribute('data-filename') || 'export.xlsx');
-        });
-    });
-}
-
-/**
- * تصدير جدول إلى CSV
- */
-function exportTableToCSV(tableId, filename) {
-    const table = document.getElementById(tableId);
-    if (!table) return;
-    
-    let csv = [];
-    const rows = table.querySelectorAll('tr');
-    
-    for (let i = 0; i < rows.length; i++) {
-        const row = [], cols = rows[i].querySelectorAll('td, th');
-        
-        for (let j = 0; j < cols.length; j++) {
-            // تنظيف النص وإحاطته بعلامات اقتباس للتوافق مع تنسيق CSV
-            let text = cols[j].innerText;
-            text = text.replace(/"/g, '""');
-            row.push('"' + text + '"');
-        }
-        
-        csv.push(row.join(','));
-    }
-    
-    // تحويل المصفوفة إلى نص
-    const csvText = csv.join('\n');
-    
-    // إنشاء رابط تنزيل
-    const blob = new Blob([csvText], { type: 'text/csv;charset=utf-8;' });
-    const link = document.createElement('a');
-    
-    // تحديد اسم الملف
-    link.setAttribute('download', filename);
-    
-    // إنشاء URL من Blob
-    link.href = URL.createObjectURL(blob);
-    link.style.visibility = 'hidden';
-    
-    // إضافة الرابط وتنفيذ النقر عليه
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-}
-
-/**
- * تصدير جدول إلى PDF (يتطلب مكتبة خارجية مثل jsPDF)
- */
-function exportTableToPDF(tableId, filename) {
-    // التحقق من وجود مكتبة jsPDF
-    if (typeof jsPDF === 'undefined') {
-        console.error('مكتبة jsPDF غير متوفرة. يرجى تضمينها لاستخدام هذه الوظيفة.');
-        return;
-    }
-    
-    const table = document.getElementById(tableId);
-    if (!table) return;
-    
-    // إنشاء مستند PDF جديد
-    const doc = new jsPDF('l', 'pt', 'a4');
-    
-    // تحويل الجدول إلى PDF
-    doc.autoTable({
-        html: '#' + tableId,
-        startY: 20,
-        theme: 'grid',
-        headStyles: { fillColor: [41, 128, 185], textColor: 255 },
-        bodyStyles: { textColor: 50 },
-        alternateRowStyles: { fillColor: [245, 245, 245] }
-    });
-    
-    // حفظ المستند
-    doc.save(filename);
-}
-
-/**
- * تصدير جدول إلى Excel (يتطلب مكتبة خارجية مثل SheetJS)
- */
-function exportTableToExcel(tableId, filename) {
-    // التحقق من وجود مكتبة SheetJS
-    if (typeof XLSX === 'undefined') {
-        console.error('مكتبة SheetJS (XLSX) غير متوفرة. يرجى تضمينها لاستخدام هذه الوظيفة.');
-        return;
-    }
-    
-    const table = document.getElementById(tableId);
-    if (!table) return;
-    
-    // تحويل جدول HTML إلى دفتر عمل
-    const wb = XLSX.utils.table_to_book(table);
-    
-    // حفظ الملف
-    XLSX.writeFile(wb, filename);
-}
-
-/**
- * تفعيل تحديثات البيانات المباشرة
- */
-function initializeLiveDataUpdates() {
-    // تنفيذ إذا كانت الواجهة تستخدم تحديثات مباشرة
-    const liveDataElements = document.querySelectorAll('[data-live-update]');
-    
-    if (liveDataElements.length > 0) {
-        // إعداد تحديثات دورية
-        setInterval(function() {
-            liveDataElements.forEach(element => {
-                const url = element.getAttribute('data-live-update');
-                
-                // استدعاء البيانات من الخادم
-                fetch(url)
-                    .then(response => response.json())
-                    .then(data => {
-                        // تحديث محتوى العنصر
-                        updateElementContent(element, data);
-                    })
-                    .catch(error => {
-                        console.error('خطأ في تحديث البيانات:', error);
-                    });
-            });
-        }, 30000); // تحديث كل 30 ثانية
-    }
-}
-
-/**
- * تحديث محتوى عنصر بناءً على البيانات
- */
-function updateElementContent(element, data) {
-    const updateType = element.getAttribute('data-update-type') || 'text';
-    
-    switch (updateType) {
-        case 'text':
-            element.textContent = data.value;
-            break;
-        case 'html':
-            element.innerHTML = data.value;
-            break;
-        case 'attribute':
-            const attributeName = element.getAttribute('data-update-attribute');
-            if (attributeName) {
-                element.setAttribute(attributeName, data.value);
-            }
-            break;
-        case 'progress':
-            element.style.width = data.value + '%';
-            element.textContent = data.value + '%';
-            break;
-        case 'chart':
-            // يفترض وجود مكتبة Chart.js
-            if (typeof Chart !== 'undefined' && element.chart) {
-                updateChart(element.chart, data);
-            }
-            break;
-    }
-    
-    // تطبيق تأثير التحديث
-    element.classList.add('updated');
-    setTimeout(() => { element.classList.remove('updated'); }, 2000);
-}
-
-/**
- * تحديث مخطط باستخدام Chart.js
- */
-function updateChart(chart, data) {
-    if (data.labels) {
-        chart.data.labels = data.labels;
-    }
-    
-    if (data.datasets) {
-        chart.data.datasets = data.datasets;
-    } else if (data.values) {
-        // تحديث قيم مجموعة البيانات الأولى فقط
-        chart.data.datasets[0].data = data.values;
-    }
-    
-    chart.update();
-}
-
-/**
- * تفعيل التأثيرات البصرية
- */
-function initializeVisualEffects() {
-    // تأثير التمرير السلس للروابط الداخلية
-    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-        anchor.addEventListener('click', function(e) {
-            e.preventDefault();
-            const targetId = this.getAttribute('href');
-            const targetElement = document.querySelector(targetId);
-            
-            if (targetElement) {
-                targetElement.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'start'
-                });
-            }
-        });
-    });
-    
-    // تأثير الظهور عند التمرير
-    const fadeElements = document.querySelectorAll('.fade-in-element');
-    if (fadeElements.length > 0) {
-        const fadeObserver = new IntersectionObserver((entries) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    entry.target.classList.add('visible');
-                    fadeObserver.unobserve(entry.target);
-                }
-            });
-        }, { threshold: 0.1 });
-        
-        fadeElements.forEach(element => {
-            fadeObserver.observe(element);
-        });
-    }
-    
-    // تفعيل الرسوم المتحركة عند التفاعل
-    const animatedElements = document.querySelectorAll('.animated-element');
-    animatedElements.forEach(element => {
-        element.addEventListener('mouseenter', function() {
-            const animation = this.getAttribute('data-animation') || 'pulse';
-            this.classList.add(animation);
-        });
-        
-        element.addEventListener('animationend', function() {
-            this.classList.remove(this.getAttribute('data-animation') || 'pulse');
-        });
-    });
-}