@font-face{font-family:Noto Sans Arabic;font-style:normal}:root{font-feature-settings:normal;--color-forest:#228b22;--color-forest-dk:#1a6b1a;--color-forest-lt:#d4edda;--color-sky:#87ceeb;--color-sky-dk:#5ba8cc;--color-sky-lt:#e8f4fc;--color-beige:beige;--color-beige-dk:#e8e8c0;--color-earth:#8b6914;--color-sand:#f0e8d0;--color-white:#fafaf7;--color-gray-50:#f7f7f5;--color-gray-100:#eeeeea;--color-gray-200:#ddddd8;--color-gray-300:#c5c5be;--color-gray-400:#9b9b93;--color-gray-500:#6b6b63;--color-gray-600:#4a4a44;--color-gray-700:#333330;--color-gray-800:#222220;--color-gray-900:#111110;--color-success:#2d7a3a;--color-warning:#b07800;--color-error:#8b2020;--font-arabic:"Noto Sans Arabic","Segoe UI",sans-serif;--font-latin:"Lato","Segoe UI",sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 1px 4px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014,0 2px 6px #0000000d;--shadow-lg:0 8px 32px #0000001a,0 4px 12px #0000000f;font-variant-numeric:normal}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#fafaf7;background-color:var(--color-white);color:#333330;color:var(--color-gray-700);direction:rtl;font-family:Noto Sans Arabic,Segoe UI,sans-serif;font-family:var(--font-arabic);line-height:1.7;text-align:right}body.lang-en{direction:ltr;font-family:Lato,Segoe UI,sans-serif;font-family:var(--font-latin);text-align:left}body:not(.lang-en) .num,body:not(.lang-en) [data-num]{font-feature-settings:"locl" 1}body:not(.lang-en) .arabic-num,body:not(.lang-en) input[type=number]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6{color:#222220;color:var(--color-gray-800);font-weight:700;line-height:1.3}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:clamp(1.15rem,2.5vw,1.5rem)}h4{font-size:1.15rem}p{color:#4a4a44;color:var(--color-gray-600);margin-bottom:.75rem}p:last-child{margin-bottom:0}a{color:#228b22;color:var(--color-forest);text-decoration:none;transition:color .2s}a:hover{color:#1a6b1a;color:var(--color-forest-dk)}.container{max-width:1100px}.container,.container-sm{margin:0 auto;padding:0 1.25rem;width:100%}.container-sm{max-width:640px}.container-md{margin:0 auto;max-width:800px;padding:0 1.25rem;width:100%}.page-content{min-height:calc(100vh - 70px);padding:2rem 0 4rem}.card{background:#fafaf7;background:var(--color-white);border:1px solid #eeeeea;border:1px solid var(--color-gray-100);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000d;box-shadow:var(--shadow-md);padding:1.75rem}.card-sm{padding:1.25rem}.card-lg{padding:2.5rem}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.975rem;font-weight:600;gap:.5rem;justify-content:center;outline:none;padding:.7rem 1.6rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:focus-visible{outline:3px solid #87ceeb;outline:3px solid var(--color-sky);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:#228b22;background:var(--color-forest);color:#fff}.btn-primary:hover:not(:disabled){background:#1a6b1a;background:var(--color-forest-dk);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000d;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-secondary{background:#e8f4fc;background:var(--color-sky-lt);border:1.5px solid #87ceeb;border:1.5px solid var(--color-sky);color:#5ba8cc;color:var(--color-sky-dk)}.btn-secondary:hover:not(:disabled){background:#87ceeb;background:var(--color-sky);color:#fff}.btn-outline{background:#0000;border:1.5px solid #228b22;border:1.5px solid var(--color-forest);color:#228b22;color:var(--color-forest)}.btn-outline:hover:not(:disabled){background:#d4edda;background:var(--color-forest-lt);color:#228b22;color:var(--color-forest)}.btn-ghost{background:#0000;color:#fff}.btn-ghost:hover:not(:disabled){background:#ffffff1f;color:#fff}.btn-sm{font-size:.875rem;padding:.45rem 1rem}.btn-lg{font-size:1.1rem;padding:.9rem 2.2rem}.btn-full{width:100%}.form-group{margin-bottom:1.25rem}.form-label{color:#4a4a44;color:var(--color-gray-600);display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem}.form-input,.form-select,.form-textarea{background:#fafaf7;background:var(--color-white);border:1.5px solid #ddddd8;border:1.5px solid var(--color-gray-200);border-radius:12px;border-radius:var(--radius-md);color:#333330;color:var(--color-gray-700);font-family:inherit;font-size:.975rem;outline:none;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#228b22;border-color:var(--color-forest);box-shadow:0 0 0 3px #228b221f}.form-input.error,.form-select.error,.form-textarea.error{border-color:#8b2020;border-color:var(--color-error)}.form-error{align-items:center;color:#8b2020;color:var(--color-error);display:flex;gap:.3rem}.form-error,.form-hint{font-size:.82rem;margin-top:.3rem}.form-hint{color:#9b9b93;color:var(--color-gray-400)}.form-textarea{min-height:100px;resize:vertical}.progress-bar-wrap{background:#eeeeea;background:var(--color-gray-100);border-radius:99px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#228b22,#5ba8cc);background:linear-gradient(90deg,var(--color-forest),var(--color-sky-dk));border-radius:99px;height:100%;transition:width .4s ease}.progress-label{color:#9b9b93;color:var(--color-gray-400);display:flex;font-size:.82rem;justify-content:space-between}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.78rem;font-weight:600;padding:.2rem .65rem}.badge-green{background:#d4edda;background:var(--color-forest-lt);color:#1a6b1a;color:var(--color-forest-dk)}.badge-blue{background:#e8f4fc;background:var(--color-sky-lt);color:#5ba8cc;color:var(--color-sky-dk)}.badge-beige{background:#f0e8d0;background:var(--color-sand);color:#8b6914;color:var(--color-earth)}.badge-gray{background:#eeeeea;background:var(--color-gray-100);color:#6b6b63;color:var(--color-gray-500)}.badge-warn{background:#fff3cd;color:#b07800;color:var(--color-warning)}.badge-error{background:#fce8e8;color:#8b2020;color:var(--color-error)}.alert{align-items:flex-start;border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:.9rem;gap:.6rem;margin-bottom:1rem;padding:.9rem 1.1rem}.alert-success{background:#d4edda;background:var(--color-forest-lt);border:1px solid #b7dbb7;color:#1a6b1a;color:var(--color-forest-dk)}.alert-info{background:#e8f4fc;background:var(--color-sky-lt);border:1px solid #b0d8ef;color:#5ba8cc;color:var(--color-sky-dk)}.alert-warn{background:#fff8e1;border:1px solid #ffe082;color:#b07800;color:var(--color-warning)}.alert-error{background:#fce8e8;border:1px solid #f0b8b8;color:#8b2020;color:var(--color-error)}.divider{background:#eeeeea;background:var(--color-gray-100);height:1px;margin:1.5rem 0}.divider-text{align-items:center;color:#c5c5be;color:var(--color-gray-300);display:flex;font-size:.85rem;gap:1rem;margin:1.5rem 0}.divider-text:after,.divider-text:before{background:#ddddd8;background:var(--color-gray-200);content:"";flex:1 1;height:1px}.spinner{animation:spin .7s linear infinite;border:3px solid #ddddd8;border-top-color:#228b22;border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-forest);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{align-items:center;display:flex;justify-content:center;min-height:200px}.chat-container{background:#f7f7f5;background:var(--color-gray-50);border:1px solid #ddddd8;border:1px solid var(--color-gray-200);border-radius:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:calc(100vh - 200px);max-height:700px;min-height:400px;overflow:hidden}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1.25rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ddddd8;background:var(--color-gray-200);border-radius:99px}.chat-bubble{border-radius:12px;border-radius:var(--radius-md);font-size:.925rem;line-height:1.55;max-width:75%;padding:.65rem 1rem;word-break:break-word}.chat-bubble.sent{align-self:flex-end;background:#228b22;background:var(--color-forest);border-bottom-left-radius:4px;color:#fff}body[dir=rtl] .chat-bubble.sent{border-bottom-left-radius:12px;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:4px}.chat-bubble.received{align-self:flex-start;background:#fff;border:1px solid #ddddd8;border:1px solid var(--color-gray-200);border-bottom-right-radius:4px;color:#333330;color:var(--color-gray-700)}body[dir=rtl] .chat-bubble.received{border-bottom-left-radius:4px;border-bottom-right-radius:12px;border-bottom-right-radius:var(--radius-md)}.chat-time{font-size:.72rem;margin-top:.25rem;opacity:.65}.chat-input-bar{align-items:flex-end;background:#fff;border-top:1px solid #ddddd8;border-top:1px solid var(--color-gray-200);display:flex;gap:.6rem;padding:.85rem 1rem}.chat-input{border:1.5px solid #ddddd8;border:1.5px solid var(--color-gray-200);border-radius:12px;border-radius:var(--radius-md);flex:1 1;font-family:inherit;font-size:.925rem;max-height:120px;outline:none;overflow-y:auto;padding:.6rem .9rem;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#228b22;border-color:var(--color-forest)}.notif-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#ffffffbf;cursor:pointer;display:flex;padding:.4rem;position:relative;transition:all .2s}.notif-btn:hover{background-color:#ffffff1f;border-color:#ffffff40;color:#fff}.notif-badge{align-items:center;background:#228b22;background:var(--color-forest);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.notif-dropdown{background:#fff;border:1px solid #eeeeea;border:1px solid var(--color-gray-100);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000001a,0 4px 12px #0000000f;box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;top:calc(100% + 10px);width:320px;z-index:999}body[dir=ltr] .notif-dropdown{left:auto;right:0}.notif-item{align-items:flex-start;border-bottom:1px solid #eeeeea;border-bottom:1px solid var(--color-gray-100);cursor:pointer;display:flex;font-size:.875rem;gap:.6rem;padding:.85rem 1rem;transition:background .15s}.notif-item:hover{background:#f7f7f5;background:var(--color-gray-50)}.notif-item.unread{background:#d4edda;background:var(--color-forest-lt)}.notif-item:last-child{border-bottom:none}@media (max-width:768px){.card{padding:1.25rem}.card-lg{padding:1.5rem}.chat-container{height:calc(100vh - 160px)}.notif-dropdown{width:280px}}@media (max-width:480px){.btn-lg{font-size:1rem;padding:.8rem 1.5rem}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b5982bd;border-bottom:1px solid #3b5882;border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-lg) var(--radius-lg);height:66px;position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;gap:1rem;height:100%;justify-content:space-between}.header-logo{color:#228b22;color:var(--color-forest);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.header-logo span{color:#5ba8cc;color:var(--color-sky-dk)}.header-nav{align-items:center;display:flex;gap:.5rem}.nav-link{border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;padding:.4rem .8rem;transition:all .15s}.nav-link.active,.nav-link:hover{background:#ffffff1f;color:#fff}.quiz-option{align-items:center;background:#fff;border:2px solid #ddddd8;border:2px solid var(--color-gray-200);border-radius:12px;border-radius:var(--radius-md);color:#4a4a44;color:var(--color-gray-600);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:.75rem;padding:.85rem 1.1rem;text-align:inherit;transition:all .2s;width:100%}.quiz-option.selected,.quiz-option:hover{background:#d4edda;background:var(--color-forest-lt);border-color:#228b22;border-color:var(--color-forest);color:#1a6b1a;color:var(--color-forest-dk)}.quiz-option-dot{align-items:center;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.quiz-option.selected .quiz-option-dot:after{background:#228b22;background:var(--color-forest);border-radius:50%;content:"";height:10px;width:10px}.score-ring{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-size:1.8rem;font-weight:800;height:120px;justify-content:center;margin:0 auto 1.5rem;width:120px}.score-ring.high{background:#fce8e8;border:4px solid #f5b0b0;color:#8b2020;color:var(--color-error)}.score-ring.moderate{background:#fff8e1;border:4px solid #ffe082;color:#b07800;color:var(--color-warning)}.score-ring.low{background:#d4edda;background:var(--color-forest-lt);border:4px solid #a3d4a3;color:#228b22;color:var(--color-forest)}.stat-card{background:#fff;border:1px solid #eeeeea;border:1px solid var(--color-gray-100);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 4px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:1.5rem}.stat-value{color:#228b22;color:var(--color-forest);font-size:2rem;font-weight:800;line-height:1}.stat-label{color:#9b9b93;color:var(--color-gray-400);font-size:.875rem;margin-top:.3rem}.upload-zone{background:#f7f7f5;background:var(--color-gray-50);border:2.5px dashed #c5c5be;border:2.5px dashed var(--color-gray-300);border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;padding:2rem;text-align:center;transition:all .2s}.upload-zone.drag-over,.upload-zone:hover{background:#d4edda;background:var(--color-forest-lt);border-color:#228b22;border-color:var(--color-forest)}.upload-zone input[type=file]{height:0;opacity:0;position:absolute;width:0}.grid-2{grid-gap:1rem;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-gap:1rem;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.78rem}.text-muted{color:#9b9b93;color:var(--color-gray-400)}.text-forest{color:#228b22;color:var(--color-forest)}.font-bold{font-weight:700}.font-medium{font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .35s ease both}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .25s ease both}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .6s ease,transform .6s ease}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .6s ease,transform .6s ease}.reveal-right.visible{opacity:1;transform:translateX(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}
/*# sourceMappingURL=main.4fd77982.css.map*/