:root {
--primary-color: #1a1a1a;
--accent-color: #c5a059; /* Gold accent for executive feel */
--bg-color: #ffffff;
--text-color: #333333;
--light-gray: #f4f4f4;
}
#delegation-assessment {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 700px;
margin: 40px auto;
padding: 40px;
background: var(--bg-color);
border-radius: 12px;
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
color: var(--text-color);
line-height: 1.6;
}
.screen { display: none; }
.screen.active { display: block; animation: fadeIn 0.5s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
h2 { color: var(--primary-color); font-size: 28px; text-align: center; margin-bottom: 20px; }
p.intro-text { text-align: center; font-size: 18px; color: #666; margin-bottom: 30px; }
.question-title { font-size: 20px; font-weight: 600; margin-bottom: 25px; display: block; }
.options-container { display: flex; flex-direction: column; gap: 12px; }
.option-card {
border: 1px solid #e0e0e0;
padding: 18px;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
display: flex;
align-items: center;
}
.option-card:hover { border-color: var(--primary-color); background: var(--light-gray); }
.option-card.selected { border-color: var(--primary-color); background: #f0f0f0; font-weight: bold; }
.option-card input { display: none; }
textarea {
width: 100%;
padding: 15px;
border: 1px solid #e0e0e0;
border-radius: 8px;
min-height: 120px;
font-size: 16px;
margin-top: 10px;
box-sizing: border-box;
}
.btn-container { margin-top: 30px; text-align: center; }
.btn-primary {
background: var(--primary-color);
color: white;
padding: 15px 45px;
border: none;
border-radius: 6px;
font-size: 16px;
cursor: pointer;
transition: opacity 0.3s;
width: 100%;
}
.btn-primary:hover { opacity: 0.9; }
.result-card { text-align: center; border-top: 4px solid var(--accent-color); padding-top: 20px; }
.result-title { font-size: 24px; color: var(--accent-color); font-weight: bold; margin-bottom: 15px; }
Your Delegation Profile
قبل ما نبدأ الماستركلاس… عايزك تلاحظ حاجة مهمة:
معظم المديرين مش بيواجهوا صعوبة في التفويض بسبب نقص المعرفة، لكن بسبب اللي بيحصل داخليًا لحظة الضغط.
الـ prework ده هيساعدك تكتشف الـ pattern التلقائي بتاعك تحت الضغط.
لما الدنيا تبقى مستعجلة… أول حاجة غالبًا بتعملها إيه؟
لما حد يعمل المهمة بطريقة مختلفة عن طريقتك…
إيه أكتر حاجة بتبقى صعبة أثناء التفويض؟
أي جملة أقرب ليك تحت الضغط؟
إيه أكتر حاجة بتخليك ترجع تمسك التنفيذ بنفسك؟
كمّل الجملة بصراحة: “لو سيبت الموضوع بالكامل… بخاف إن __________.”
جاري تحليل بياناتك...
شاركني Your Profile على جروب التليجرام 👀
وانتظر ننطلق يوم الأحد 🔥
let scores = { A: 0, B: 0, C: 0, D: 0 };
// Handle option selection styling
document.querySelectorAll('.option-card').forEach(card => {
card.addEventListener('click', function() {
const name = this.querySelector('input').name;
document.querySelectorAll(`input[name="${name}"]`).forEach(input => {
input.parentElement.classList.remove('selected');
});
this.classList.add('selected');
this.querySelector('input').checked = true;
});
});
function nextScreen(screenId) {
document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));
document.getElementById(screenId).classList.add('active');
window.scrollTo(0, 0);
}
function processQuestion(currentQ, nextQ) {
const selected = document.querySelector(`input[name="${currentQ}"]:checked`);
if (!selected) {
alert("من فضلك اختر إجابة قبل الاستمرار");
return;
}
scores[selected.value]++;
nextScreen(nextQ);
}
function calculateResult() {
const reflection = document.getElementById('reflection-text').value;
if (!reflection) {
alert("من فضلك أكمل الجملة");
return;
}
let maxScore = 0;
let finalProfile = 'A';
for (let key in scores) {
if (scores[key] > maxScore) {
maxScore = scores[key];
finalProfile = key;
}
}
const outcomes = {
'A': {
title: "The Urgency Reactor",
text: "إنت غالبًا شخص بيتحرك بسرعة جدًا تحت الضغط… وأول رد فعل عندك بيكون إنك تمسك التنفيذ بنفسك عشان تضمن السرعة والسيطرة."
},
'B': {
title: "The Control Protector",
text: "إنت غالبًا شخص عنده standards عالية جدًا… وده بيخليك تلقائيًا تدخل تراجع، تعدل، وتتابع كل التفاصيل بنفسك."
},
'C': {
title: "The Over-Responsible Leader",
text: "إنت غالبًا شايل مسؤولية أكبر من اللازم… وده بيخليك تحس إن لازم كل حاجة تعدي عليك بنفسك عشان تطمن."
},
'D': {
title: "The Mentally Attached Delegator",
text: "إنت ممكن تكون بتفوض فعلًا… لكن عقلك بيفضل متعلق بالمهمة طول الوقت، وبتفضل متابعها ذهنيًا حتى بعد ما تسيبها."
}
};
document.getElementById('outcome-title').innerText = outcomes[finalProfile].title;
document.getElementById('outcome-text').innerText = outcomes[finalProfile].text;
nextScreen('result');
}