:root{--primary-color:#9F40FF;--secondary-color:#00D4FF;--gradient-1:#00D4FF;--gradient-2:#4B7BFF;--gradient-3:#9F40FF;--gradient-4:#FF40FF;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40}body{font-family:'Cairo','Noto Kufi Arabic',sans-serif;line-height:1.6;html[dir="rtl"]{text-align:right;html[dir="rtl"] .navbar-brand{margin-left:auto;margin-right:0;.dropdown-menu{z-index:10000 !important;.navbar .dropdown-menu{z-index:10001 !important;.platform-card{cursor:pointer;transition:all 0.3s ease;border:2px solid transparent;.platform-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);.platform-card.selected{border-color:var(--primary-color);background-color:rgba(0,123,255,0.1);.platform-checkbox{transform:scale(1.2);margin-bottom:10px;.card{border:none;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:all 0.3s ease;.card:hover{box-shadow:0 4px 8px rgba(0,0,0,0.15);.hero-section{background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);color:white;margin:-1.5rem -15px 2rem -15px;padding:4rem 15px;.progress{height:8px;background-color:#e9ecef;.progress-bar{background:linear-gradient(90deg,var(--gradient-1),var(--gradient-3));.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);html[dir="rtl"] .form-control,html[dir="rtl"] .form-select,html[dir="rtl"] textarea{text-align:right;.btn{border-radius:6px;font-weight:500;transition:all 0.3s ease;.btn:hover{transform:translateY(-1px);.navbar{box-shadow:0 2px 4px rgba(0,0,0,0.1);.navbar-brand{font-weight:700;font-size:1.5rem;.table-hover tbody tr:hover{background-color:rgba(0,123,255,0.05);.badge{font-size:0.8rem;padding:0.4rem 0.6rem;.alert{border:none;border-radius:8px;footer{border-top:1px solid #e9ecef;margin-top:auto;.language-badge{position:absolute;top:10px;right:10px;font-size:0.75rem;html[dir="rtl"] .language-badge{right:auto;left:10px;.approval-item{border-left:4px solid var(--warning-color);padding:1rem;margin-bottom:1rem;background-color:#fff;border-radius:0 6px 6px 0;html[dir="rtl"] .approval-item{border-left:none;border-right:4px solid var(--warning-color);border-radius:6px 0 0 6px;.approval-item.approved{border-color:var(--success-color);.approval-item.rejected{border-color:var(--danger-color);.loading{opacity:0.6;pointer-events:none;.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}@media (max-width:768px){.hero-section{padding:2rem 15px;.hero-section h1{font-size:2rem;.platform-card{margin-bottom:1rem;.btn-group{flex-direction:column;.btn-group .btn{margin-bottom:0.25rem;@media (prefers-color-scheme:dark){:root{--bs-body-bg:#121212;--bs-body-color:#ffffff;.card{background-color:#1e1e1e;color:#ffffff;.navbar-dark{background-color:#1a1a1a !important;.btn:focus,.form-select:focus{outline:2px solid var(--primary-color);outline-offset:2px;.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:white;padding:8px;text-decoration:none;z-index:1000;.skip-link:focus{top:6px;@media (prefers-contrast:high){.card{border:2px solid var(--dark-color);.btn{border-width:2px;@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;:root{--brand-primary:#9F40FF;--brand-secondary:#00D4FF;--brand-success:#4facfe;--brand-warning:#43e97b;--brand-danger:#fa709a;--brand-info:#0891b2;--primary-gradient:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--success-gradient:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--warning-gradient:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);--danger-gradient:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--text-primary:#2d3748;--text-secondary:#718096;--text-muted:#a0aec0;--bg-light:#f7fafc;--bg-card:#ffffff;--bg-gradient:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);--border-color:#e2e8f0;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.1);--border-radius:12px;--border-radius-lg:20px;@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap');body{font-family:'Inter','Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-gradient);min-height:100vh;h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.4;.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;.btn-primary{background:var(--primary-gradient);border:none;border-radius:var(--border-radius);font-weight:600;transition:all 0.3s ease;box-shadow:var(--shadow-sm);background-size:200% 200%;animation:gradientShift 5s ease infinite;.btn-primary:hover{background:var(--primary-gradient);transform:translateY(-2px);box-shadow:0 10px 30px rgba(159,64,255,0.3);.btn-secondary{background:var(--secondary-gradient);border:none;border-radius:var(--border-radius);font-weight:600;transition:all 0.3s ease;.btn-success{background:var(--success-gradient);border:none;border-radius:var(--border-radius);font-weight:600;.btn-warning{background:var(--warning-gradient);border:none;border-radius:var(--border-radius);color:var(--text-primary);font-weight:600;.btn-danger{background:var(--danger-gradient);border:none;border-radius:var(--border-radius);font-weight:600;[lang="ar"],.arabic{font-family:'Cairo','Noto Kufi Arabic',sans-serif;direction:rtl;text-align:right;line-height:1.8;.navbar{background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);border:none;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);.navbar-brand{font-weight:700;font-size:1.5rem;.navbar-nav .nav-link{color:rgba(255,255,255,0.9) !important;font-weight:500;transition:color 0.3s ease;.navbar-nav .nav-link:hover{color:white !important;.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all 0.3s ease;overflow:hidden;.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);.card-marketing{background:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:var(--shadow-xl);.card-header{background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);color:white;font-weight:600;border-bottom:none;.container-marketing{background:rgba(255,255,255,0.95);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);backdrop-filter:blur(10px);padding:2rem;margin:2rem auto;.card-header{background:transparent;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-primary);.btn{border-radius:8px;font-weight:500;transition:all 0.3s ease;border-width:1px;.btn-primary{background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);border:none;color:white;.btn-primary:hover{background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);transform:translateY(-2px);box-shadow:0 10px 30px rgba(159,64,255,0.3);.btn-outline-primary{color:var(--brand-primary);border-color:var(--brand-primary);.btn-outline-primary:hover{background-color:var(--brand-primary);border-color:var(--brand-primary);.form-control,.form-select{border:1px solid var(--border-color);border-radius:8px;padding:0.75rem 1rem;font-size:0.95rem;transition:all 0.3s ease;.form-control:focus,.form-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 0.2rem rgba(37,99,235,0.25);.form-label{font-weight:500;color:var(--text-primary);margin-bottom:0.5rem;.platform-card{border:2px solid transparent;transition:all 0.3s ease;cursor:pointer;.platform-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);.platform-card.selected{border-color:var(--brand-primary);background-color:rgba(37,99,235,0.05);.platform-icon{font-size:2rem;margin-bottom:0.5rem;.platform-x{color:#1DA1F2}.platform-instagram{color:#E4405F}.platform-facebook{color:#4267B2}.platform-linkedin{color:#0077B5}.platform-tiktok{color:#000000}.platform-youtube{color:#FF0000}.platform-snapchat{color:#FFFC00}.platform-pinterest{color:#BD081C}.platform-threads{color:#000000}.platform-whatsapp{color:#25D366}.platform-email{color:#6c757d}.badge{border-radius:6px;font-size:0.75rem;font-weight:500;.badge-status-draft{background-color:var(--brand-warning);.badge-status-review{background-color:var(--brand-info);.badge-status-approved{background-color:var(--brand-success);.badge-status-executing{background-color:var(--brand-secondary);.badge-lang-en{background-color:#0891b2;color:white;.badge-lang-ar{background-color:#059669;color:white;.badge-lang-bilingual{background:linear-gradient(45deg,#0891b2,#059669);color:white;.wizard-step{display:none;.wizard-step.active{display:block;.wizard-progress{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;.wizard-progress-bar{height:100%;background:linear-gradient(90deg,#00D4FF,#4B7BFF,#9F40FF,#FF40FF);transition:width 0.5s ease;.strategy-outline{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;.strategy-outline .nav-link{color:var(--text-secondary);border:none;padding:0.5rem 1rem;border-radius:6px;margin-bottom:0.25rem;.strategy-outline .nav-link.active{background-color:var(--brand-primary);color:white;.strategy-outline .nav-link:hover{background-color:rgba(37,99,235,0.1);color:var(--brand-primary);.approval-timeline{position:relative;padding-left:2rem;.approval-timeline::before{content:'';position:absolute;left:0.75rem;top:0;bottom:0;width:2px;background-color:var(--border-color);.approval-timeline-item{position:relative;margin-bottom:2rem;.approval-timeline-item::before{content:'';position:absolute;left:-1.5rem;top:0.5rem;width:12px;height:12px;border-radius:50%;background-color:var(--brand-primary);border:3px solid white;box-shadow:0 0 0 3px var(--border-color);.approval-timeline-item.pending::before{background-color:var(--brand-warning);.approval-timeline-item.approved::before{background-color:var(--brand-success);.approval-timeline-item.rejected::before{background-color:var(--brand-danger);.stat-card{text-align:center;padding:2rem 1rem;border-radius:12px;background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);color:white;transition:transform 0.3s ease;.stat-card:hover{transform:translateY(-4px);.stat-number{font-size:2.5rem;font-weight:700;line-height:1;.stat-label{font-size:0.9rem;opacity:0.9;margin-top:0.5rem;.knowledge-item{border-left:4px solid var(--brand-primary);padding:1rem;margin-bottom:1rem;background:var(--bg-card);border-radius:0 8px 8px 0;.knowledge-item h5{color:var(--brand-primary);margin-bottom:0.5rem;.knowledge-meta{font-size:0.85rem;color:var(--text-muted);@media (max-width:768px){.container-fluid{padding-left:1rem;padding-right:1rem;.stat-card{margin-bottom:1rem;.strategy-outline{position:static;margin-bottom:2rem;.approval-timeline{padding-left:1rem;.approval-timeline::before{left:0.25rem;.approval-timeline-item::before{left:-1rem;@media (prefers-color-scheme:dark){:root{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--bg-light:#111827;--bg-card:#1f2937;--border-color:#374151;body{background-color:var(--bg-light);color:var(--text-primary);.card{background-color:var(--bg-card);border-color:var(--border-color);.form-control,.form-select{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary);.knowledge-item{background-color:var(--bg-card);.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;.form-select:focus{outline:2px solid var(--brand-primary);outline-offset:2px;.fade-in{animation:fadeIn 0.5s ease-in;@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}.slide-in-right{animation:slideInRight 0.5s ease-out;@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}.achievement-card{padding:1.5rem;border-radius:0.5rem;display:flex;align-items:center;transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.1);.achievement-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.1);.achievement-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.5rem;.bg-primary-light{background-color:rgba(0,123,255,0.1);.bg-success-light{background-color:rgba(40,167,69,0.1);.bg-info-light{background-color:rgba(23,162,184,0.1);.bg-warning-light{background-color:rgba(255,193,7,0.1);:root{--gradient-start:#00D4FF;--gradient-mid1:#4B7BFF;--gradient-mid2:#9F40FF;--gradient-end:#FF40FF;--brand-500:#9F40FF;--brand-600:#7B30CC;--brand-100:#F5F0FF;--brand-200:#E6D9FF;--ink-900:#0B1220;--ink-700:#334155;--ink-500:#64748B;--ink-300:#CBD5E1;--surface-0:#FFFFFF;--surface-1:#F8FAFC;--surface-2:#EEF2F7;--border:#E2E8F0;--border-light:#F1F5F9;--success:#16A34A;--success-light:#DCFCE7;--info:#0EA5E9;--info-light:#E0F2FE;--warn:#F59E0B;--warn-light:#FEF3C7;--danger:#DC2626;--danger-light:#FEE2E2;--chart-1:#6B7ADB;--chart-2:#4ECDC4;--chart-3:#FFB677;--chart-4:#95A99C;--chart-5:#FF8FA3;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-card:20px;--radius-modal:24px;--shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 6px 24px rgba(0,0,0,0.06);--shadow-lg:0 10px 40px rgba(0,0,0,0.08);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap');body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--ink-900);background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);background-attachment:fixed;background-size:200% 200%;animation:gradientShift 15s ease infinite;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}[dir="rtl"],.arabic{font-family:'Cairo','Inter',-apple-system,system-ui,sans-serif;letter-spacing:normal !important;h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.3;color:var(--ink-900);margin-bottom:var(--space-3);h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--ink-700);.text-muted{color:var(--ink-500) !important;.container-fluid{max-width:1440px;padding-left:var(--space-4);padding-right:var(--space-4);@media (min-width:768px){.container-fluid{padding-left:var(--space-6);padding-right:var(--space-6);.card{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden;.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);.card-header{background:var(--surface-0);border-bottom:1px solid var(--border-light);padding:var(--space-5) var(--space-6);.card-body{padding:var(--space-6);.card-footer{background:var(--surface-1);border-top:1px solid var(--border-light);padding:var(--space-4) var(--space-6);.kpi-card{background:var(--surface-0);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--border-light);.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);.kpi-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--ink-900);margin-bottom:var(--space-2);.kpi-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--ink-500);text-transform:uppercase;letter-spacing:0.05em;.kpi-change{font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-3);.kpi-change.positive{color:var(--success);.kpi-change.negative{color:var(--danger);.navbar{background:var(--surface-0);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:var(--space-3) 0;.navbar-brand{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--brand-500) !important;display:flex;align-items:center;text-decoration:none;.navbar-brand i{color:var(--brand-500);margin-right:var(--space-2);.nav-link{color:var(--ink-700) !important;font-weight:var(--font-medium);padding:var(--space-2) var(--space-4) !important;border-radius:var(--radius-md);transition:all var(--transition-fast);.nav-link:hover{background:var(--surface-1);color:var(--brand-500) !important;.nav-link.active{background:var(--brand-100);color:var(--brand-600) !important;.btn{font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);border:none;font-size:var(--text-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;.btn-primary{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid1) 30%,var(--gradient-mid2) 60%,var(--gradient-end) 100%);color:white;border:none;position:relative;overflow:hidden;z-index:1;.btn-primary::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,64,255,0.2) 0%,rgba(159,64,255,0.2) 30%,rgba(75,123,255,0.2) 60%,rgba(0,212,255,0.2) 100%);z-index:-1;transition:opacity 0.3s ease;opacity:0;.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(159,64,255,0.3);.btn-primary:hover::after{opacity:1;.btn-secondary{background:var(--surface-2);color:var(--ink-700);.btn-secondary:hover{background:var(--border);color:var(--ink-900);.btn-success{background:var(--success);color:white;.btn-danger{background:var(--danger);color:white;.btn-outline-primary{background:transparent;color:var(--brand-500);border:1px solid var(--brand-500);.btn-outline-primary:hover{background:var(--brand-500);color:white;.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);.modal-footer,.drawer-footer,.form-footer{display:flex;justify-content:space-between;padding:var(--space-4);border-top:1px solid var(--border);.modal-footer .btn-primary,.drawer-footer .btn-primary,.form-footer .btn-primary{order:2;margin-left:auto;.modal-footer .btn-danger,.drawer-footer .btn-danger,.form-footer .btn-danger{order:1;[dir="rtl"] .modal-footer .btn-primary,[dir="rtl"] .drawer-footer .btn-primary,[dir="rtl"] .form-footer .btn-primary{margin-left:0;margin-right:auto;.form-control,.form-select{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--ink-900);transition:all var(--transition-fast);.form-select:focus{border-color:var(--gradient-mid2);box-shadow:0 0 0 3px rgba(159,64,255,0.15);outline:none;.form-label{font-weight:var(--font-medium);color:var(--ink-700);font-size:var(--text-sm);margin-bottom:var(--space-2);.form-text{color:var(--ink-500);font-size:var(--text-sm);margin-top:var(--space-1);.badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:0.05em;.badge-success{background:var(--success-light);color:var(--success);.badge-info{background:var(--info-light);color:var(--info);.badge-warning{background:var(--warn-light);color:var(--warn);.badge-danger{background:var(--danger-light);color:var(--danger);.progress{background:var(--surface-2);border-radius:var(--radius-sm);height:8px;overflow:hidden;.progress-bar{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid1),var(--gradient-mid2),var(--gradient-end));transition:width var(--transition-slow);background-size:200% 100%;animation:gradientSlide 3s ease infinite;@keyframes gradientSlide{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}.modal-content{border-radius:var(--radius-modal);border:none;box-shadow:var(--shadow-lg);overflow:hidden;.modal-header{background:var(--surface-0);border-bottom:1px solid var(--border);padding:var(--space-5) var(--space-6);.modal-body{padding:var(--space-6);.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--ink-900);.table{background:var(--surface-0);border-radius:var(--radius-card);overflow:hidden;.table thead th{background:var(--surface-1);border-bottom:2px solid var(--border);color:var(--ink-700);font-weight:var(--font-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0.05em;padding:var(--space-3) var(--space-4);.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--ink-700);.table tbody tr:hover{background:var(--surface-1);.alert{border-radius:var(--radius-md);padding:var(--space-4);border:none;font-weight:var(--font-medium);.alert-success{background:var(--success-light);color:var(--success);.alert-info{background:var(--info-light);color:var(--info);.alert-warning{background:var(--warn-light);color:var(--warn);.alert-danger{background:var(--danger-light);color:var(--danger);.chart-container{background:var(--surface-0);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);.chart-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--ink-900);margin-bottom:var(--space-4);.dropdown-menu{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);min-width:200px;z-index:1050 !important;position:absolute !important;.dropdown-menu,.dropdown-menu.show{z-index:1060 !important;.navbar .dropdown-menu,.topbar .dropdown-menu{z-index:1070 !important;.dropdown-item{color:var(--ink-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);.dropdown-item:hover{background:var(--surface-1);color:var(--brand-500);.dropdown-divider{border-color:var(--border);margin:var(--space-2) 0;.spinner-border{color:var(--brand-500);.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-1) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-sm);@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}.tooltip{background:var(--ink-900);color:white;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-md);.platform-card{background:var(--surface-0);border:2px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5);transition:all var(--transition-fast);cursor:pointer;.platform-card:hover{border-color:var(--brand-500);box-shadow:var(--shadow-md);transform:translateY(-2px);.platform-card.selected{background:var(--brand-100);border-color:var(--brand-500);[dir="rtl"]{text-align:right;direction:rtl;[dir="rtl"] .text-start{text-align:right !important;[dir="rtl"] .text-end{text-align:left !important;[dir="rtl"] .ms-auto{margin-left:0 !important;margin-right:auto !important;[dir="rtl"] .me-auto{margin-right:0 !important;margin-left:auto !important;[dir="rtl"] .navbar-brand i{margin-right:0;margin-left:var(--space-2);.text-brand{color:var(--brand-500) !important}.bg-brand{background-color:var(--brand-500) !important}.border-brand{border-color:var(--brand-500) !important}.text-ink-900{color:var(--ink-900) !important}.text-ink-700{color:var(--ink-700) !important}.text-ink-500{color:var(--ink-500) !important}.bg-surface-0{background-color:var(--surface-0) !important}.bg-surface-1{background-color:var(--surface-1) !important}.bg-surface-2{background-color:var(--surface-2) !important}.shadow-sm{box-shadow:var(--shadow-sm) !important}.shadow-md{box-shadow:var(--shadow-md) !important}.shadow-lg{box-shadow:var(--shadow-lg) !important}.rounded-sm{border-radius:var(--radius-sm) !important}.rounded-md{border-radius:var(--radius-md) !important}.rounded-lg{border-radius:var(--radius-lg) !important}.rounded-card{border-radius:var(--radius-card) !important}.rounded-modal{border-radius:var(--radius-modal) !important}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;.lazy-load{content-visibility:auto;@media (prefers-color-scheme:dark){.dropdown-menu{z-index:9999 !important;position:absolute !important;box-shadow:0 10px 40px rgba(0,0,0,0.15) !important;border:1px solid rgba(0,0,0,0.1) !important;background:white !important;.dropdown,.nav-item.dropdown{position:relative;z-index:9990;.dropdown.show,.nav-item.dropdown.show{z-index:9995 !important;.navbar .dropdown-menu{z-index:9999 !important;margin-top:0.25rem;.navbar-nav .dropdown-menu{position:absolute !important;z-index:9999 !important;background:white !important;box-shadow:0 10px 40px rgba(0,0,0,0.15) !important;.modal .dropdown-menu{z-index:10050 !important;.appshell-topbar .dropdown-menu,.topbar-right .dropdown-menu{z-index:9999 !important;position:absolute !important;.dataTables_wrapper .dropdown-menu,table .dropdown-menu{z-index:9999 !important;.navbar-collapse{overflow:visible !important;.navbar-nav{overflow:visible !important;.dropdown-item{position:relative;z-index:1;cursor:pointer;.dropdown-item:hover{background-color:#f8f9fa;[dir="rtl"] .dropdown-menu{right:auto !important;left:0 !important;.dropdown-menu{animation:dropdownFadeIn 0.2s ease-out;transform-origin:top;@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-10px);to{opacity:1;transform:translateY(0);.sticky-top .dropdown-menu,.fixed-top .dropdown-menu{z-index:9999 !important;.card .dropdown-menu,.panel .dropdown-menu{z-index:9999 !important;@media (max-width:768px){.dropdown-menu{position:absolute !important;z-index:9999 !important;width:calc(100vw - 2rem);max-width:300px;@media (prefers-color-scheme:dark){.dropdown-menu{background:#1a1a1a !important;border-color:#333 !important;.dropdown-item{color:#fff;.dropdown-item:hover{background-color:#2a2a2a;.feedback-float-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;box-shadow:0 4px 20px rgba(159,64,255,0.4);transition:all 0.3s;z-index:1000;text-decoration:none;.feedback-float-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(159,64,255,0.5);color:white;.feedback-float-btn i{animation:pulse 2s infinite;@keyframes pulse{0%{transform:scale(1);50%{transform:scale(1.1);100%{transform:scale(1);.feedback-stats{background:linear-gradient(135deg,rgba(0,212,255,0.08) 0%,rgba(75,123,255,0.08) 30%,rgba(159,64,255,0.08) 60%,rgba(255,64,255,0.08) 100%);border-radius:15px;padding:2rem;margin-bottom:2rem;.feedback-stats .stat-item{text-align:center;padding:1rem;.feedback-stats .stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00D4FF 0%,#4B7BFF 30%,#9F40FF 60%,#FF40FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;.feedback-stats .stat-label{color:#6c757d;font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;.feedback-card{transition:all 0.3s;border:1px solid #eee;border-radius:15px;overflow:hidden;.feedback-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-color:#9F40FF;.rating-display{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:#fff3cd;border-radius:50px;font-weight:600;.rating-display .rating-value{font-size:1.2rem;color:#856404;.comment-box{background:#f8f9fa;border-left:4px solid #9F40FF;padding:1rem;border-radius:5px;margin-bottom:1rem;.comment-box .comment-author{font-weight:600;color:#495057;margin-bottom:0.5rem;.comment-box .comment-date{font-size:0.85rem;color:#6c757d;.comment-box .comment-text{color:#212529;line-height:1.6;margin-top:0.5rem;.feedback-success{position:fixed;top:100px;right:30px;background:white;padding:1.5rem 2rem;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,0.15);border-left:5px solid #28a745;animation:slideIn 0.5s ease;z-index:1100;@keyframes slideIn{from{transform:translateX(100%);opacity:0;to{transform:translateX(0);opacity:1;@media (max-width:768px){.feedback-float-btn{width:50px;height:50px;bottom:20px;right:20px;font-size:1.2rem;.feedback-stats .stat-number{font-size:2rem;