@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";:root{color:#24170c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#2f1f10;--muted:#6f5b47;--brand:#c9792d;--brand-deep:#8d4c19;background:radial-gradient(circle at top,#ffe4c473,#0000 30%),linear-gradient(#fffdf9 0%,#f5ede2 100%);font-family:Cairo,sans-serif;font-weight:400;line-height:1.6}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a,button{font:inherit}button{border:0}#root{min-height:100vh}h1,h2{color:var(--text);margin:0;line-height:1.2}h1{margin-top:14px;font-size:clamp(2.2rem,4vw,4.5rem)}h2{margin-top:10px;font-size:clamp(1.35rem,2vw,2rem)}p{margin:0}*{box-sizing:border-box}.app-frame{width:100%;min-height:100vh;box-shadow:none;background:radial-gradient(circle,#5da9ff24,#0000 34%),linear-gradient(#fff 0%,#f4f8fd 100%);border:none;border-radius:0;flex-direction:column;margin:0;display:flex;overflow-x:clip}.app-frame.is-dark{box-shadow:none;background:#030303;border-color:#0f0f0f}.app-header,.app-footer{background:#ffffffeb;border-bottom:1px solid #e5eaf2f2;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;display:flex}.app-frame.is-dark .app-header{background:#fff;border-bottom-color:#dce3ed}.header-brand{color:#4d9dff;align-items:center;gap:8px;font-weight:800;display:flex}.brand-badge{color:#fff;background:#4d9dff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.7rem;display:grid}.header-nav,.header-result-copy,.footer-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.header-nav a,.header-result-copy span,.footer-links span,.footer-brand p{color:#6f7e94;overflow-wrap:anywhere;font-size:.85rem;text-decoration:none}.landing-hero,.question-board,.hero-result-card,.result-card,.footer-brand,.header-nav,.header-result-copy,.answer-copy,.hero-summary,.history-row>*,.score-row-item>*{min-width:0}.landing-screen{flex-direction:column;flex:1;justify-content:center;margin-bottom:20px;display:flex;overflow:hidden}.assessment-page,.result-page{flex:1;padding:42px 34px 36px}.landing-hero{text-align:center;max-width:1100px;margin:10px auto 0}.tiny-pill,.result-tag{color:#4d9dff;letter-spacing:.02em;background:#4d9dff1f;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 14px;font-size:.72rem;font-weight:800;display:inline-flex}.landing-hero h1{letter-spacing:-.06em;color:#1d2635;margin:25px 0;font-size:clamp(2rem,4vw,3.5rem);line-height:.95}.landing-hero h1 span{color:#4d9dff}.landing-hero p{color:#6b7a91;max-width:660px;margin:12px auto 0;font-size:.95rem}.intro-card{text-align:center;background:#ffffffeb;border:1px solid #e0e7f3f2;border-radius:10px;width:min(100%,520px);margin:16px auto 0;padding:20px 18px;box-shadow:0 16px 50px #567ab817}.intro-icon{background:#eef6ff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 14px;display:flex;overflow:hidden}.intro-icon img{object-fit:contain;width:80%;height:80%}.intro-icon{transition:transform .4s,box-shadow .4s}.intro-icon:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 10px 25px #4d9dff4d}.intro-card h2{color:#1d2635;margin:0;font-size:2rem}.intro-card>p{color:#74839a;max-width:360px;margin:12px auto 0}.field-group{text-align:left;gap:7px;margin-top:16px;display:grid}.field-group span{color:#76849c;font-size:.86rem;font-weight:700}.field-hint{color:#76849c;text-align:right;font-size:.75rem;line-height:1.4}.field-group input[aria-invalid=true]{border-color:#dc5a62}.field-group input,.field-group select{color:#233148;background:#fff;border:1px solid #dde4ee;border-radius:8px;width:100%;min-height:48px;padding:0 14px}.primary-cta,.solid-btn,.ghost-btn,.inline-link,.pdf-btn,.excel-btn,.word-btn{font:inherit;cursor:pointer;border:none}.primary-cta{color:#fff;background:linear-gradient(#53a9ff 0%,#3d93f5 100%);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:18px;font-weight:800;display:inline-flex}.primary-cta:disabled,.solid-btn:disabled,.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.admin-access-btn,.admin-logout-btn{color:#317ec8;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#f4f9ff;border:1px solid #cfe3f8;border-radius:8px;margin-top:12px;font-weight:800}.admin-access-form,.admin-management{text-align:right;background:#f8fbff;border:1px solid #dbe8f6;border-radius:10px;margin-top:16px;padding:16px}.admin-access-form h3,.admin-management h3{color:#1f3d5d;margin:0;font-size:1rem}.admin-access-form p{color:#64748b;margin:6px 0 12px;font-size:.82rem;line-height:1.6}.admin-access-form label,.new-admin-form label{color:#475569;gap:6px;margin-top:10px;font-size:.85rem;font-weight:700;display:grid}.admin-access-form input,.new-admin-form input{color:#102033;background:#fff;border:1px solid #d7e0ec;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.admin-access-form .solid-btn{width:100%;min-width:0;margin-top:14px}.admin-error{margin:10px 0 0;color:#b42318!important;font-size:.82rem!important}.soft-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.soft-tags span{color:#b1bfd4;background:#f3f8fe;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:.78rem;display:inline-flex}.stats-bar{text-align:center;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:700px;margin:16px auto 0;display:flex}.stats-bar strong{color:#3e98f8;font-size:.9rem;display:block}.stats-bar span{color:#7f8ca1;letter-spacing:.04em;font-size:.5rem}.assessment-page{direction:rtl;background:#fff}.progress-head{color:#808b9d;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:800;display:flex}.progress-line{background:#e7f2fc;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress-line span{border-radius:inherit;background:linear-gradient(90deg,#28a6f6 0%,#3aaeff 100%);height:100%;display:block}.question-board{background:#fff;border:1px solid #e4eaf3;border-radius:16px;margin-top:26px;padding:34px 38px 24px;box-shadow:0 16px 40px #536e961a}.question-board h1{text-align:center;color:#21293a;margin:0;font-size:clamp(2rem,3vw,3rem)}.question-subtitle{text-align:center;color:#929bac;margin-top:28px;font-size:1rem}.answer-stack{gap:14px;margin-top:40px;display:grid}.answer-row{text-align:right;background:#fff;border:2px solid #dfe5ee;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:76px;padding:0 20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.answer-row:hover{transform:translateY(-1px)}.answer-row.selected{background:#f7fcff;border-color:#2ea8f5;box-shadow:0 10px 24px #379ff624}.answer-mark{color:#27a4f2;background:#eef6ff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;display:grid}.answer-copy{color:#293346;font-size:1.1rem;font-weight:700}.answer-index{color:#0000;-webkit-user-select:none;user-select:none}.board-actions{border-top:1px solid #edf1f6;justify-content:space-between;gap:16px;margin-top:24px;padding-top:24px;display:flex}.solid-btn,.ghost-btn{border-radius:14px;min-width:148px;min-height:54px;padding:0 22px;font-weight:800}.solid-btn{color:#fff;background:linear-gradient(#31affb 0%,#219deb 100%)}.ghost-btn{color:#748096;background:#fff;border:1px solid #dfe5ee}.helper-text{text-align:center;color:#959fb0;margin:18px 0 0;font-size:.9rem}.result-page{color:#f4f6fb;background:#040404}.result-top{max-width:1100px;margin:12px auto 0}.result-top h1{color:#f6f7fb;margin:25px 0;font-size:clamp(2.3rem,4vw,3.3rem)}.result-top p{color:#9ca7b8;max-width:720px;margin:14px auto 0}.hero-result-card,.result-card{color:#111827;background:#fff;border:1px solid #dfe6f0;border-radius:12px;box-shadow:0 10px 30px #0000001f}.hero-result-card{grid-template-columns:120px 1fr 64px;align-items:center;gap:18px;margin-top:34px;padding:22px 24px;display:grid}.hero-score strong{color:#348df6;font-size:3rem;line-height:1;display:block}.hero-score span,.meta-line,.small-note{color:#93a0b3}.hero-summary h2{color:#1c2737;margin:6px 0 10px;font-size:1.6rem}.hero-summary p{color:#5e6b80}.result-icon-box{color:#fff;background:linear-gradient(#4ca4ff 0%,#308ef5 100%);border-radius:14px;place-items:center;width:56px;height:56px;font-size:1.3rem;display:grid}.result-grid{grid-template-columns:1.05fr 1.45fr;gap:18px;margin-top:22px;display:grid}.result-card{padding:18px 18px 20px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-head h3{color:#212b3b;margin:0;font-size:1.1rem}.card-head span{color:#94a3b8;font-size:.9rem}.reason-item{border-top:1px solid #eef2f7;grid-template-columns:34px 1fr;align-items:start;gap:14px;padding:14px 0;display:grid}.reason-item:first-of-type{border-top:0;padding-top:0}.reason-number{color:#3e98f8;background:#e9f3ff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.reason-item strong{color:#1f2a3c;display:block}.reason-item p{color:#748197;margin-top:5px}.donut-wrap{place-items:center;min-height:260px;display:grid}.donut-chart{background:conic-gradient(#348df6 0 var(--value), #dfe8f5 var(--value) 100%);border-radius:50%;place-items:center;width:180px;height:180px;display:grid}.donut-inner{color:#348df6;background:#fff;border-radius:50%;place-items:center;width:116px;height:116px;font-size:1.6rem;font-weight:800;display:grid}.table-card{margin-top:22px}.score-table{display:grid}.score-row-item{border-top:1px solid #edf2f8;grid-template-columns:1.1fr 140px 1.5fr;align-items:center;gap:14px;padding:14px 0;display:grid}.score-row-item.header{color:#8f9bad;border-top:0;padding-top:0;font-size:.9rem;font-weight:700}.table-badge{color:#2b9b45;background:#edf7ef;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:82px;min-height:30px;padding:0 10px;font-weight:800;display:inline-flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.pdf-btn,.excel-btn,.word-btn{color:#fff;border-radius:8px;min-width:130px;min-height:42px;padding:0 14px;font-weight:700}.pdf-btn{background:#e44848}.excel-btn{background:#25a657}.word-btn{background:#2d6cdf}.bottom-links{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.inline-link{color:#5f6f87;background:#eff4fb;border-radius:8px;min-height:42px;padding:0 14px}.app-footer{border-top:1px solid #e5ebf3;flex-shrink:0;padding:8px 20px}.app-footer.dark-footer{background:#fff;border-top-color:#dde5ef}.footer-brand strong{color:#1e293b;display:block}@keyframes floatLogo{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.intro-icon{animation:3s ease-in-out infinite floatLogo}.save-status-wrap{margin-top:-18px}.save-status{color:#64748b;min-height:34px;font-size:.92rem}.save-status.saved{color:#167246}.save-status.error{color:#b42318}.dashboard-card{margin-top:20px}.db-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.db-metrics div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.db-metrics strong,.db-metrics span{display:block}.db-metrics strong{color:#0f172a;font-size:1.35rem}.db-metrics span{color:#64748b;font-size:.82rem}.history-list{gap:8px;display:grid}.history-row{color:#334155;border-top:1px solid #e2e8f0;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.record-actions,.database-actions{flex-wrap:wrap;gap:10px;display:flex}.record-actions button{color:#334155;background:#fff;border:1px solid #d7e0ec;border-radius:8px;min-height:34px;padding:0 10px;font-size:.82rem}.database-actions{margin-top:16px}.edit-record-form{border-top:1px solid #e2e8f0;margin-top:18px;padding-top:18px}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.edit-grid label{color:#475569;gap:7px;font-size:.88rem;display:grid}.edit-grid input,.edit-grid select{color:#102033;background:#fff;border:1px solid #d7e0ec;border-radius:8px;min-height:42px;padding:0 12px}.courses-card{margin-top:20px}.course-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.course-list span{color:#24364f;background:#f8fafc;border:1px solid #dbe4ef;border-radius:8px;padding:11px 12px;font-size:.9rem;line-height:1.5}.admin-management{margin-top:20px}.admin-account-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-account-list span{color:#276da9;background:#e6f2ff;border-radius:999px;padding:5px 10px;font-size:.82rem}.new-admin-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:16px;display:grid}.new-admin-form label{margin-top:0}.new-admin-form .word-btn{cursor:pointer;border:0;min-height:42px}@media (width<=760px){.landing-screen,.assessment-page,.result-page{width:100%;padding:28px 20px}.app-header,.app-footer{padding-inline:20px}.result-grid{grid-template-columns:1fr}.hero-result-card{grid-template-columns:96px minmax(0,1fr) 56px}.question-board{padding:28px 24px 22px}}@media (width<=480px){html,body{overflow-x:hidden}.app-header,.app-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.header-brand{justify-content:center}.header-nav,.header-result-copy,.footer-links{text-align:center;justify-content:center;gap:6px 12px}.header-nav a,.header-result-copy span,.footer-brand p{line-height:1.5}.footer-brand,.footer-links{text-align:center}.landing-screen,.assessment-page,.result-page{padding:22px 14px}.landing-screen{margin-bottom:0}.landing-hero{margin-top:0}.landing-hero h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:18px 0 14px;font-size:clamp(2rem,10vw,2.5rem);line-height:1.1}.landing-hero p,.intro-card>p{font-size:.9rem;line-height:1.75}.intro-card{margin-top:20px;padding:18px 14px}.intro-card h2{overflow-wrap:anywhere;font-size:clamp(1.55rem,8vw,2rem)}.stats-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.stats-bar strong{font-size:.8rem}.stats-bar span{font-size:.47rem;line-height:1.35}.progress-head{gap:8px;font-size:.82rem}.question-board{border-radius:12px;margin-top:18px;padding:22px 14px 16px}.question-board h1{overflow-wrap:anywhere;font-size:clamp(1.45rem,7vw,2rem);line-height:1.3}.question-subtitle{margin-top:16px;font-size:.9rem;line-height:1.7}.answer-stack{gap:10px;margin-top:24px}.answer-row{border-radius:12px;grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:64px;padding:12px}.answer-mark{width:28px;height:28px;font-size:.9rem}.answer-copy{overflow-wrap:anywhere;font-size:.93rem;line-height:1.6}.answer-index{display:none}.board-actions,.bottom-links{flex-direction:column;align-items:stretch;gap:10px}.board-actions{margin-top:18px;padding-top:18px}.solid-btn,.ghost-btn,.inline-link{width:100%;min-width:0}.result-top{margin-top:0}.result-top h1{margin:18px 0 14px;font-size:clamp(1.8rem,9vw,2.4rem);line-height:1.25}.result-top p{font-size:.9rem;line-height:1.75}.save-status-wrap{margin-top:8px}.hero-result-card{grid-template-columns:1fr;gap:14px;margin-top:20px;padding:18px 16px}.hero-score,.result-icon-box{justify-self:start}.hero-score strong{font-size:2.5rem}.hero-summary h2{font-size:1.3rem;line-height:1.5}.hero-summary p,.reason-item p,.small-note{font-size:.88rem;line-height:1.7}.result-grid,.table-card,.courses-card,.dashboard-card{margin-top:16px}.result-card{padding:16px 14px}.donut-wrap{min-height:210px}.donut-chart{width:156px;height:156px}.donut-inner{width:102px;height:102px}.score-row-item{grid-template-columns:1fr;gap:7px;padding:14px 0}.score-row-item.header{display:none}.table-badge{min-width:70px}.db-metrics,.course-list,.edit-grid,.history-row,.new-admin-form{grid-template-columns:1fr}.db-metrics{gap:8px}.db-metrics div{padding:12px}.history-row{gap:6px;padding:14px 0}.record-actions,.database-actions,.result-actions{grid-template-columns:1fr;gap:8px;display:grid}.record-actions button,.pdf-btn,.excel-btn,.word-btn{width:100%;min-width:0}}@media (width<=360px){.tiny-pill,.result-tag{padding-inline:10px;font-size:.65rem}.landing-screen,.assessment-page,.result-page,.question-board,.intro-card,.result-card,.hero-result-card{padding-inline:12px}}