/* ===== Career Development — Topic Palette (Interview/Skills) ===== */ .career-development-page { –viz-primary: #6366f1; –viz-accent: #f59e0b; –viz-dark: #1e1b4b; –viz-primary-rgb: 99, 102, 241; –viz-accent-rgb: 245, 158, 11; –viz-primary-light: rgba(99, 102, 241, 0.1); –viz-accent-light: rgba(245, 158, 11, 0.1); } /* ===== RTL Overrides ===== */ .career-development-page .viz-flow { direction: ltr; } .career-development-page .viz-flow__title, .career-development-page .viz-flow__desc { direction: rtl; } .career-development-page .viz-split__before { border-right: none; border-left: 3px solid #e5e7eb; } @media (max-width: 768px) { .career-development-page .viz-split__before { border-left: none; border-bottom: 3px solid #e5e7eb; } } .career-development-page .viz-split__list li { padding-left: 0; padding-right: 1.5rem; } .career-development-page .viz-split__before .viz-split__list li::before, .career-development-page .viz-split__after .viz-split__list li::before { left: auto; right: 0; } .career-development-page .viz-compare__label { text-align: right; } .career-development-page .viz-compare__fill { justify-content: flex-start; padding-left: 1rem; padding-right: 0; } .career-development-page .viz-progress__header { direction: rtl; } .career-development-page .viz-timeline { padding-left: 0; padding-right: 40px; } .career-development-page .viz-timeline::before { left: auto; right: 15px; } .career-development-page .viz-timeline__item { padding-left: 0; padding-right: 2rem; } .career-development-page .viz-timeline__dot { left: auto; right: -32px; } /* ===== Component: Horizontal Process Flow ===== */ .viz-flow { display: flex; align-items: flex-start; justify-content: center; gap: 0; margin: 2.5rem 0; padding: 2rem 1rem; } @media (max-width: 768px) { .viz-flow { flex-direction: column; align-items: center; } } .viz-flow__step { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; max-width: 180px; position: relative; } .viz-flow__circle { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, var(–viz-primary), var(–viz-accent)); color: white; font-size: 1.5rem; font-weight: 800; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(var(–viz-primary-rgb), 0.3); position: relative; z-index: 2; } .viz-flow__title { font-weight: 700; color: var(–viz-dark); margin-top: 1rem; font-size: 0.95rem; } .viz-flow__desc { color: #64748b; font-size: 0.85rem; line-height: 1.5; margin-top: 0.5rem; } .viz-flow__connector { flex: 0 0 40px; display: flex; align-items: center; justify-content: center; padding-top: 20px; } @media (max-width: 768px) { .viz-flow__connector { transform: rotate(90deg); flex: 0 0 40px; padding-top: 0; } } .viz-flow__connector svg { width: 40px; height: 20px; } /* ===== Component: Comparison Bar Chart ===== */ .viz-compare { background: linear-gradient(135deg, #f8fafc 0%, rgba(var(–viz-primary-rgb), 0.05) 100%); border-radius: 20px; padding: 2.5rem; margin: 2rem 0; } .viz-compare__title { font-size: 1.25rem; font-weight: 700; color: var(–viz-dark); margin-bottom: 2rem; text-align: center; } .viz-compare__row { display: flex; align-items: center; margin: 1rem 0; gap: 1rem; } .viz-compare__label { width: 140px; flex-shrink: 0; font-weight: 600; color: var(–viz-dark); font-size: 0.9rem; text-align: right; } @media (max-width: 600px) { .viz-compare__row { flex-direction: column; align-items: flex-start; } .viz-compare__label { width: 100%; } } .viz-compare__track { flex: 1; height: 36px; background: #e5e7eb; border-radius: 18px; overflow: hidden; position: relative; } .viz-compare__fill { height: 100%; border-radius: 18px; display: flex; align-items: center; padding-right: 0; padding-left: 1rem; color: white; font-weight: 700; font-size: 0.85rem; transition: width 0.8s ease; justify-content: flex-start; } .viz-compare__fill–primary { background: linear-gradient(90deg, var(–viz-primary), var(–viz-accent)); } .viz-compare__fill–muted { background: #94a3b8; } .viz-compare__legend { display: flex; justify-content: center; gap: 2rem; margin-top: 1.5rem; font-size: 0.85rem; } .viz-compare__legend-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-left: 0.5rem; vertical-align: middle; } /* ===== Component: Progress Bars ===== */ .viz-progress { margin: 1.5rem 0; } .viz-progress__item { margin: 1rem 0; } .viz-progress__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; direction: rtl; } .viz-progress__label { font-weight: 600; color: var(–viz-dark); font-size: 0.95rem; } .viz-progress__value { font-weight: 700; color: var(–viz-primary); font-size: 1rem; } .viz-progress__track { width: 100%; height: 28px; background: rgba(var(–viz-primary-rgb), 0.08); border-radius: 14px; overflow: hidden; position: relative; } .viz-progress__fill { height: 100%; background: linear-gradient(90deg, var(–viz-primary), var(–viz-accent)); border-radius: 14px; transition: width 1s ease; min-width: 2rem; } /* ===== Component: Before/After Split ===== */ .viz-split { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: 20px; overflow: hidden; margin: 2rem 0; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); } @media (max-width: 768px) { .viz-split { grid-template-columns: 1fr; } } .viz-split__before { background: #fef2f2; padding: 2rem; border-right: none; border-left: 3px solid #e5e7eb; } .viz-split__after { background: rgba(var(–viz-primary-rgb), 0.04); padding: 2rem; } @media (max-width: 768px) { .viz-split__before { border-left: none; border-bottom: 3px solid #e5e7eb; } } .viz-split__label { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 50px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1rem; } .viz-split__label–before { background: #fee2e2; color: #dc2626; } .viz-split__label–after { background: rgba(var(–viz-primary-rgb), 0.15); color: var(–viz-primary); } .viz-split__title { font-size: 1.125rem; font-weight: 700; margin-bottom: 1rem; } .viz-split__before .viz-split__title { color: #991b1b; } .viz-split__after .viz-split__title { color: var(–viz-dark); } .viz-split__list { list-style: none; padding: 0; margin: 0; } .viz-split__list li { padding: 0.5rem 0; padding-right: 1.5rem; position: relative; font-size: 0.9rem; line-height: 1.5; } .viz-split__before .viz-split__list li::before { content: ‘✗’; position: absolute; right: 0; color: #dc2626; font-weight: 700; } .viz-split__after .viz-split__list li::before { content: ‘✓’; position: absolute; right: 0; color: var(–viz-primary); font-weight: 700; } /* ===== Component: Vertical Timeline ===== */ .viz-timeline { position: relative; max-width: 700px; margin: 2.5rem auto; padding-right: 40px; padding-left: 0; } .viz-timeline::before { content: ”; position: absolute; right: 15px; left: auto; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(–viz-primary), var(–viz-accent)); border-radius: 2px; } .viz-timeline__item { position: relative; margin-bottom: 2rem; padding-right: 2rem; padding-left: 0; } .viz-timeline__dot { position: absolute; right: -32px; left: auto; top: 4px; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg, var(–viz-primary), var(–viz-accent)); border: 3px solid white; box-shadow: 0 2px 8px rgba(var(–viz-primary-rgb), 0.3); z-index: 2; } .viz-timeline__date { font-size: 0.8rem; font-weight: 700; color: var(–viz-primary); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.25rem; } .viz-timeline__title { font-size: 1.1rem; font-weight: 700; color: var(–viz-dark); margin-bottom: 0.5rem; } .viz-timeline__desc { font-size: 0.9rem; color: #475569; line-height: 1.7; } /* ===== Circular Progress Ring ===== */ .viz-rings { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; margin: 2rem 0; } .viz-ring { text-align: center; } .viz-ring__svg { width: 140px; height: 140px; transform: rotate(-90deg); } .viz-ring__track { fill: none; stroke: rgba(var(–viz-primary-rgb), 0.12); stroke-width: 8; } .viz-ring__fill { fill: none; stroke: url(#viz-ring-gradient); stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset 1s ease; } .viz-ring__value { font-size: 2rem; font-weight: 800; color: var(–viz-dark); margin-top: -90px; position: relative; } .viz-ring__label { font-size: 0.875rem; color: #64748b; margin-top: 0.5rem; } /* ===== Contextual CTA Boxes ===== */ .scv-inline-cta { margin: 2.5rem 0; border-radius: 16px; padding: 2rem 2.5rem; direction: rtl; text-align: center; position: relative; overflow: hidden; } .scv-inline-cta__title { font-size: 1.35rem; font-weight: 700; margin: 0 0 0.75rem; line-height: 1.5; } .scv-inline-cta__desc { font-size: 0.95rem; margin: 0 0 1.25rem; line-height: 1.8; opacity: 0.92; } .scv-inline-cta__btn { display: inline-block; padding: 14px 36px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: transform 0.2s, box-shadow 0.2s; } .scv-inline-cta__btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); } .scv-inline-cta__note { font-size: 0.8rem; margin-top: 0.75rem; opacity: 0.75; } .scv-inline-cta–gradient { background: linear-gradient(135deg, #6366f1 0%, #f59e0b 100%); color: #fff; } .scv-inline-cta–gradient .scv-inline-cta__btn { background: #fff; color: #6366f1; } .scv-inline-cta–purple { background: #6366f1; color: #fff; } .scv-inline-cta–purple .scv-inline-cta__btn { background: #fff; color: #6366f1; } .scv-inline-cta–light { background: #f5f3ff; border: 2px solid #6366f1; color: #1e1b4b; } .scv-inline-cta–light .scv-inline-cta__btn { background: #6366f1; color: #fff; } .scv-inline-cta–amber { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #fff; } .scv-inline-cta–amber .scv-inline-cta__btn { background: #fff; color: #d97706; } .scv-inline-cta–dark { background: #1e1b4b; color: #fff; } .scv-inline-cta–dark .scv-inline-cta__btn { background: #f59e0b; color: #1e1b4b; } .scv-inline-cta–stats { background: #f8fafc; border: 2px solid #e2e8f0; color: #1e1b4b; } .scv-inline-cta–stats .scv-inline-cta__stats { display: flex; justify-content: center; gap: 2rem; margin-bottom: 1.25rem; flex-wrap: wrap; } .scv-inline-cta–stats .scv-inline-cta__stat { text-align: center; } .scv-inline-cta–stats .scv-inline-cta__stat-number { font-size: 2rem; font-weight: 800; color: #6366f1; display: block; line-height: 1.2; } .scv-inline-cta–stats .scv-inline-cta__stat-label { font-size: 0.8rem; color: #64748b; } .scv-inline-cta–stats .scv-inline-cta__btn { background: linear-gradient(135deg, #6366f1, #f59e0b); color: #fff; } @media (max-width: 768px) { .scv-inline-cta { padding: 1.5rem 1.25rem; } .scv-inline-cta__title { font-size: 1.15rem; } .scv-inline-cta–stats .scv-inline-cta__stats { gap: 1rem; } .scv-inline-cta–stats .scv-inline-cta__stat-number { font-size: 1.5rem; } }

آخر تحديث: فبراير 2026

{ “@context”: “https://schema.org”, “@type”: “WebPage”, “name”: “دليل التطوير المهني الشامل 2026”, “description”: “دليل شامل للتطوير المهني والنجاح الوظيفي في السعودية والخليج. يشمل تطوير المهارات، التخطيط الوظيفي، الشهادات المهنية، وخطة عمل من 5 خطوات.”, “url”: “https://stylingcv.com/ar/career-development/”, “inLanguage”: “ar”, “dateModified”: “2026-02-05”, “publisher”: { “@type”: “Organization”, “name”: “StylingCV”, “url”: “https://stylingcv.com” } } { “@context”: “https://schema.org”, “@type”: “BreadcrumbList”, “itemListElement”: [ {“@type”: “ListItem”, “position”: 1, “name”: “الرئيسية”, “item”: “https://stylingcv.com/ar/”}, {“@type”: “ListItem”, “position”: 2, “name”: “دليل التطوير المهني”, “item”: “https://stylingcv.com/ar/career-development/”} ] } { “@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [ { “@type”: “Question”, “name”: “من أين أبدأ في التطوير المهني؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “ابدأ بتقييم وضعك الحالي بصدق: نقاط قوتك، نقاط ضعفك، وأهدافك. ثم حدد المهارة الأكثر أهمية لتحقيق هدفك القادم وركز عليها. أول خطوة عملية: حدّث سيرتك الذاتية.” } }, { “@type”: “Question”, “name”: “كم من الوقت يجب أن أخصص للتطوير المهني أسبوعياً؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “يُنصح بتخصيص 5-10 ساعات أسبوعياً. يمكن تقسيمها على ساعة يومياً. الأهم هو الاتساق وليس الكمية.” } }, { “@type”: “Question”, “name”: “هل الشهادات المهنية ضرورية للتطوير الوظيفي؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “تعتمد على مجالك. في إدارة المشاريع (PMP) والمحاسبة (CPA) والموارد البشرية (SHRM) شبه إلزامية وترفع الراتب 15-25%. في مجالات أخرى، الخبرة العملية قد تكون أهم.” } }, { “@type”: “Question”, “name”: “كيف أوازن بين العمل والتطوير المهني؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “استغل أوقات التنقل للبودكاست. خصص وقتاً ثابتاً للتعلم. استفد من فرص التعلم في العمل مثل المشاريع الجديدة. التطوير استثمار وليس عبء.” } }, { “@type”: “Question”, “name”: “متى يجب أن أفكر في تغيير مساري المهني؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “فكر في التغيير إذا شعرت بعدم الرضا لأكثر من سنة، لا ترى فرص نمو، أو لديك شغف بمجال آخر. خطط بعناية واكتسب مهارات المجال الجديد أولاً.” } }, { “@type”: “Question”, “name”: “ما أهم المهارات المطلوبة في سوق العمل السعودي 2026؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “تقنية: تحليل البيانات، الذكاء الاصطناعي، إدارة المشاريع، التسويق الرقمي. شخصية: التواصل، القيادة، حل المشكلات. مهارات رؤية 2030: السياحة، الترفيه، التقنية المالية.” } }, { “@type”: “Question”, “name”: “كيف أحدّث سيرتي الذاتية لتعكس تطوري المهني؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “حدّث سيرتك كل 3 أشهر. أضف كل شهادة ومشروع جديد. اكتب إنجازاتك بأرقام ملموسة. استخدم أداة مثل StylingCV لصياغة احترافية بالذكاء الاصطناعي.” } }, { “@type”: “Question”, “name”: “هل التعلم الذاتي أفضل من الدورات الرسمية؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “كلاهما يكمل الآخر. التعلم الذاتي يمنحك مرونة، والدورات الرسمية تعطيك هيكلاً وشهادة. الأفضل هو المزج: تعلم ذاتي يومي + دورات ربع سنوية + تطبيق عملي.” } }, { “@type”: “Question”, “name”: “كيف أقيس تقدمي في التطوير المهني؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “مؤشرات ملموسة: المهارات الجديدة، الشهادات، الترقيات، زيادة الراتب، حجم شبكتك المهنية، المشاريع المنجزة. راجع شهرياً.” } }, { “@type”: “Question”, “name”: “ما دور السيرة الذاتية في التطوير المهني؟”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “السيرة الذاتية مرآة تطورك المهني ووثيقة حية. تحديثها باستمرار يجبرك على توثيق إنجازاتك وتقييم تقدمك. وعندما تأتي الفرصة، ستكون جاهزاً.” } } ] }