@font-face{font-family:Tajawal;src:url('/vendor/tajawal-arabic-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Tajawal;src:url('/vendor/tajawal-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/vendor/tajawal-arabic-700.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Tajawal;src:url('/vendor/tajawal-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--brand:#4f46e5;--brand-dark:#3730a3;--ink:#152039;--muted:#64748b;--line:#e6eaf1;--bg:#f5f7fb;--radius:18px;--shadow:0 8px 28px #19233b08;--sidebar:252px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tajawal,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--brand);text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1{font-size:1.8rem;line-height:1.35}h2{font-size:1.25rem}h3{font-size:1.07rem}small{font-size:.85rem}svg.lucide{width:20px;height:20px;flex:none;stroke-width:1.8}.muted{color:var(--muted)}.small{font-size:.88rem}.ltr{direction:ltr;unicode-bidi:plaintext;text-align:right}.nowrap{white-space:nowrap}.preline{white-space:pre-wrap;overflow-wrap:anywhere}.grow{flex:1}.flex{display:flex;align-items:center;gap:12px}.between{display:flex;justify-content:space-between;align-items:center;gap:16px}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.gap-sm{gap:8px}.mt{margin-top:24px}.mb{margin-bottom:20px}.hidden{display:none!important}
.btn{border:0;border-radius:11px;background:var(--brand);color:#fff;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;min-height:44px;line-height:1.4;transition:background .15s,transform .15s}.btn:hover{filter:brightness(.95);transform:translateY(-1px)}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.soft{background:#eef2ff;color:#4338ca}.btn.danger{background:#fff1f2;color:#be123c}.btn.sm{padding:8px 12px;min-height:38px;font-size:.88rem}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;color:var(--muted)}.icon-btn:hover{background:#f1f5f9}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:7px;font-size:.85rem;font-weight:700;padding:4px 10px;background:#eef2ff;color:#4338ca;white-space:nowrap}.pill.green{background:#e8f8f0;color:#14754e}.pill.orange{background:#fff4e4;color:#9c5b05}.pill.gray{background:#f1f5f9;color:#58667a}.pill.red{background:#fff0f2;color:#be123c}.avatar{width:44px;height:44px;background:#eef2ff;color:var(--brand);display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:1.1rem;font-weight:700;flex:none}.brand-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--brand);color:white;border-radius:12px;font-size:1.9rem;font-weight:700;flex:none}
.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 0 0 auto;background:white;border-left:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:28px 20px}.brand{display:flex;align-items:center;gap:11px;margin-bottom:35px}.brand-name{font-weight:700;font-size:1.2rem;letter-spacing:-.5px;direction:ltr}.brand small{color:var(--muted)}.nav-caption{font-size:.8rem;color:#94a3b8;margin:4px 12px 10px}.nav{display:grid;gap:6px}.nav a{padding:12px 14px;border-radius:11px;color:#64748b;display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:700}.nav a:hover{background:#f8fafc;color:var(--ink)}.nav a.active{background:#eeedff;color:var(--brand)}.sidebar-bottom{margin-top:auto;padding-top:24px}.subscription-mini{border-radius:14px;background:#f8f9fd;padding:14px;margin-bottom:18px}.subscription-mini .track{margin:10px 0}.track{height:6px;background:#e5e9f2;border-radius:10px;overflow:hidden}.track>span{display:block;height:100%;background:var(--brand);border-radius:10px}.user-mini{display:flex;align-items:center;gap:9px}.user-mini strong{font-size:.9rem}.user-mini small{display:block;color:var(--muted)}.workspace{width:calc(100% - var(--sidebar));margin-right:var(--sidebar)}.topbar{height:85px;border-bottom:1px solid var(--line);background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:18px}.crumb{color:var(--muted);font-size:.93rem}.crumb b{color:var(--ink);font-weight:400}.topbar-right{display:flex;align-items:center;gap:13px}.mobile-toggle{display:none}.top-date{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem}.main{max-width:1440px;margin:auto;padding:32px 38px 45px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-head p{margin-top:7px;color:var(--muted)}.eyebrow{font-size:.9rem;color:var(--brand);font-weight:700;margin-bottom:8px}.welcome{background:linear-gradient(110deg,#302c78,#5149bd);color:#fff;border-radius:22px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.welcome p{color:#d8d7f9;margin-top:9px;max-width:620px}.welcome .btn{background:#fff;color:#4338ca;white-space:nowrap}.welcome .eyebrow{color:#d2d2fa}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.stat{background:#fff;border:1px solid var(--line);padding:21px 22px;border-radius:var(--radius);box-shadow:var(--shadow)}.stat .icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eeedff;color:#5b4bdd}.stat.teal .icon{background:#e5f7f3;color:#0d9488}.stat.amber .icon{background:#fff5e8;color:#ce8507}.stat.blue .icon{background:#eaf3ff;color:#3978c3}.stat-value{font-size:2rem;font-weight:700;line-height:1.3;margin-top:16px;direction:ltr;text-align:right}.stat-label{color:var(--muted);font-size:.93rem;margin-top:4px}.stat-note{font-size:.82rem;color:#94a3b8;margin-top:10px}.columns{display:grid;grid-template-columns:1.75fr 1fr;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.section-link{font-size:.9rem;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.group-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.group-card:hover{border-color:#c7d2fe;transform:translateY(-2px)}.group-card .course-icon{height:47px;width:47px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eeedff;color:var(--brand)}.group-card h3{margin-top:20px;margin-bottom:6px}.group-card p{color:var(--muted);font-size:.93rem}.group-meta{display:flex;gap:18px;color:var(--muted);font-size:.86rem;margin:19px 0;flex-wrap:wrap}.group-meta span{display:flex;gap:6px;align-items:center}.group-meta svg{width:16px;height:16px}.card-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-footer>a{font-weight:700;font-size:.94rem}.lesson-item,.activity-item{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #f0f2f6}.lesson-item:last-child,.activity-item:last-child{border:0}.lesson-symbol{width:43px;height:43px;border-radius:12px;background:#f1f4ff;color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}.lesson-item strong{display:block}.lesson-item small{color:var(--muted)}.empty{text-align:center;padding:35px 18px;color:var(--muted)}.empty .empty-icon{width:58px;height:58px;border-radius:18px;background:#f4f5fc;color:#8c96bd;margin:0 auto 13px;display:flex;align-items:center;justify-content:center}.empty h3{color:var(--ink);margin-bottom:6px}.empty .btn{margin-top:16px}.notice{border:1px solid #fde1a6;background:#fffaed;color:#8b600d;padding:15px 18px;border-radius:13px;display:flex;align-items:flex-start;gap:10px;margin-bottom:22px}.notice.info{background:#eff6ff;color:#295f98;border-color:#d8eafe}.notice.success{background:#ecfdf5;color:#14754e;border-color:#c3efdf}
.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search{position:relative;max-width:340px;flex:1;min-width:190px}.search input{padding-right:42px}.search svg{position:absolute;right:13px;top:13px;color:#94a3b8}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.95rem}th{text-align:right;background:#f8f9fc;color:#64748b;padding:15px 19px;font-size:.87rem;font-weight:700;border-bottom:1px solid var(--line)}td{padding:16px 19px;border-bottom:1px solid #edf0f6}tr:last-child td{border-bottom:0}td .muted{font-size:.85rem}.table-name{display:flex;align-items:center;gap:10px}.table-name .avatar{width:37px;height:37px;border-radius:10px;font-size:.95rem}.table-actions{display:flex;gap:8px}.tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.tabs button{background:none;border:0;padding:13px 18px;color:var(--muted);white-space:nowrap;border-bottom:3px solid transparent;font-weight:700}.tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.field{display:grid;gap:7px}.field label{font-size:.93rem;font-weight:700}.field small{color:var(--muted)}input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{width:100%;border:1px solid #dfe4ed;border-radius:10px;background:white;padding:11px 13px;color:var(--ink);outline:none;min-height:45px}input:focus,textarea:focus,select:focus{border-color:#a5a0f0;box-shadow:0 0 0 3px #eeedff}textarea{resize:vertical;min-height:100px;line-height:1.6}input[type=checkbox],input[type=radio]{accent-color:var(--brand);width:18px;height:18px;flex:none}input[type=color]{height:45px;width:100%;border:1px solid var(--line);border-radius:10px;background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px;font-size:.94rem;cursor:pointer}.form-error{color:#be123c;background:#fff1f2;border-radius:10px;padding:11px 14px;display:none}.form-error.show{display:block}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:23px}.divider{height:1px;background:var(--line);margin:23px 0}.upload-box{border:1px dashed #b9c2de;background:#fafbff;border-radius:12px;padding:15px;display:grid;gap:10px}.upload-box .uploaded{font-size:.88rem;color:#14754e;overflow-wrap:anywhere}.file-list{display:grid;gap:8px}.file-list .file{display:flex;align-items:center;gap:10px;background:#f8fafc;border-radius:10px;padding:12px}.file .grow{overflow-wrap:anywhere}.file-list button{margin-right:auto}
dialog{border:0;border-radius:22px;padding:0;width:min(720px,calc(100% - 28px));max-height:90vh;box-shadow:0 30px 100px #0f172a44;color:var(--ink)}dialog::backdrop{background:#15203966;backdrop-filter:blur(3px)}dialog.wide{width:min(960px,calc(100% - 28px))}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-body{padding:24px 26px}.modal-head h2{font-size:1.2rem}.modal-head .icon-btn{border:0;background:#f5f7fb}.question-editor{background:#f8f9fd;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px;display:grid;gap:15px}.question-editor .field textarea{min-height:75px}.option-editor{display:flex;gap:9px;align-items:center}.option-editor input[type=checkbox],.option-editor input[type=radio]{width:20px;height:20px}.question-card{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:18px}.question-num{width:32px;height:32px;border-radius:9px;background:#eef2ff;color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-left:10px}.answer-option{border:1px solid var(--line);border-radius:11px;padding:13px 16px;margin-top:10px;display:flex;align-items:center;gap:12px;cursor:pointer}.answer-option:has(input:checked){border-color:#a5a0f0;background:#f5f3ff}.answer-option:hover{background:#fafbff}.exam-header{position:sticky;top:0;z-index:10;background:#fff;border:1px solid var(--line);padding:18px 24px;border-radius:16px;margin-bottom:22px;box-shadow:var(--shadow)}.timer{font-size:1.3rem;font-weight:700;direction:ltr;color:var(--brand)}.timer.urgent{color:#be123c}.saved{font-size:.88rem;color:#14754e}.score-circle{width:145px;height:145px;border:9px solid #c7d2fe;background:#eef2ff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:10px auto 18px}.score-circle strong{font-size:2rem;color:var(--brand)}.score-circle span{color:var(--muted)}.result-value{background:#f8fafc;border-radius:10px;padding:16px;margin-top:15px}.grade-box{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:16px;margin-top:16px}.plan-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:25px}.plan-card.selected{border:2px solid var(--brand);padding:24px}.plan-price{font-size:2.2rem;font-weight:700;margin:18px 0 2px;direction:ltr;text-align:right}.plan-price small{font-size:1rem;font-weight:400;color:var(--muted)}.plan-features{display:grid;gap:11px;margin:20px 0 24px;color:#64748b}.plan-features>div{display:flex;align-items:center;gap:9px}.plan-features svg{color:#0d9488;width:17px;height:17px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.center-url{padding:14px;background:#f5f7fb;border-radius:10px;overflow-wrap:anywhere;direction:ltr;font-size:.9rem}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.video-frame{position:relative;border-radius:18px;background:#0f172a;overflow:hidden;min-height:220px;isolation:isolate}.video-frame video,.video-frame iframe{width:100%;display:block;aspect-ratio:16/9;border:0}.watermark-grid{position:absolute;inset:0;pointer-events:none;z-index:3;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:10px;align-items:center;justify-items:center;overflow:hidden}.watermark-grid span{color:#ffffff70;font-size:14px;transform:rotate(-20deg);text-shadow:0 1px 3px #0008;white-space:nowrap;direction:ltr;max-width:100%;overflow:hidden;padding:4px}.focus-shield{position:absolute;inset:0;background:#111827;z-index:8;color:white;display:none;align-items:center;justify-content:center;text-align:center;padding:24px}.protected.blurred .focus-shield{display:flex}.video-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.pdf-view{background:#e9edf4;border-radius:15px;padding:18px;max-height:78vh;overflow:auto;text-align:center;position:relative}.pdf-sheet{position:relative;display:inline-block;max-width:100%;box-shadow:0 8px 22px #17213b18;background:white}.pdf-sheet canvas{display:block;max-width:100%;height:auto}.pdf-sheet .watermark-grid span{color:#66708550;text-shadow:none;font-size:15px}.pdf-toolbar{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:16px;flex-wrap:wrap}.pdf-modal-body{padding:16px}.pdf-view .focus-shield{position:sticky;top:0;min-height:300px}.student-protected{user-select:none;-webkit-user-select:none}.student-protected textarea,.student-protected input{user-select:text;-webkit-user-select:text}.live-box{background:#eaf8f4;border:1px solid #c6e9df;padding:20px;border-radius:16px}.live-box .lesson-symbol{background:#daf2e9;color:#148668}.boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:20px;color:var(--muted)}#toasts{position:fixed;bottom:24px;left:24px;z-index:100;display:grid;gap:10px;max-width:min(420px,calc(100vw - 40px))}.toast{padding:15px 20px;background:#152039;color:#fff;border-radius:13px;box-shadow:0 10px 30px #17213b25;display:flex;align-items:center;gap:10px;animation:toast-in .2s ease-out}.toast.error{background:#a7284c}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-visual{background:#27245b;color:white;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.auth-visual .brand{margin:0}.auth-visual .brand-mark{background:#7065e9}.auth-visual .brand small{color:#c4c2e7}.auth-visual h1{font-size:2.7rem;max-width:520px;margin:32px 0 20px;line-height:1.5}.auth-visual p{color:#d0ceeb;max-width:470px;font-size:1.1rem}.auth-preview{margin:35px 0;background:#ffffff0e;border:1px solid #ffffff20;border-radius:20px;padding:24px;max-width:500px}.auth-preview .line{padding:17px 0;border-bottom:1px solid #ffffff18;display:flex;gap:12px;align-items:center}.auth-preview .line:last-child{border:0}.auth-preview .lesson-symbol{background:#ffffff16;color:#dcd9ff}.auth-footer{color:#b2aed5;font-size:.9rem}.auth-form-area{display:flex;align-items:center;justify-content:center;padding:45px 40px}.auth-form{width:100%;max-width:440px}.auth-form h2{font-size:1.8rem;margin-bottom:8px}.auth-form>p{color:var(--muted);margin-bottom:30px}.auth-form form{display:grid;gap:19px}.auth-form .btn{width:100%;margin-top:6px}.auth-switch{text-align:center;margin-top:22px;color:var(--muted);font-size:.93rem}.auth-note{font-size:.85rem;text-align:center;color:#94a3b8;margin-top:30px}.auth-logo{margin-bottom:24px;display:flex;align-items:center;gap:12px}.auth-logo img{width:54px;height:54px;border-radius:14px;object-fit:contain}.link-button{background:none;border:0;padding:0;color:var(--brand);font-weight:700}.checklist{display:grid;gap:12px;max-height:310px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:10px}.checklist .check{border-bottom:1px solid var(--line);padding-bottom:9px}.mobile-scrim{display:none}.upload-progress{font-size:.9rem;color:var(--brand)}.subtle-tag{border:1px solid #d9dde8;border-radius:8px;padding:4px 9px;color:var(--muted);font-size:.85rem}
@media(min-width:1600px){.main{padding-top:40px}.topbar{padding-left:55px;padding-right:55px}}
@media(max-width:1150px){:root{--sidebar:224px}.main{padding:25px}.topbar{padding:0 25px}.stats{gap:12px}.stat{padding:17px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1.5fr 1fr}.content-layout{grid-template-columns:minmax(0,1fr)}.content-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-visual{padding:40px}.auth-visual h1{font-size:2.2rem}}
@media(max-width:850px){.sidebar{transform:translateX(105%);transition:transform .2s}.sidebar.open{transform:none}.mobile-scrim.show{display:block;position:fixed;inset:0;background:#15203966;z-index:25}.workspace{width:100%;margin:0}.mobile-toggle{display:inline-flex}.topbar{height:74px;padding:0 20px}.top-date{display:none}.main{padding:24px 20px}.columns,.settings-grid{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-area{padding:40px 24px;min-height:100vh}.welcome{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{gap:15px}.page-head{align-items:flex-start}.page-head h1{font-size:1.6rem}}
@media(max-width:560px){body{font-size:16px}.main{padding:20px 15px}.topbar{padding:0 15px}.crumb{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome{padding:22px;display:block}.welcome h1{font-size:1.6rem}.welcome .btn{margin-top:20px}.stats{gap:10px;margin:18px 0}.stat{padding:16px;border-radius:14px}.stat-value{font-size:1.8rem;margin-top:12px}.stat-note{display:none}.cards,.cards.two{grid-template-columns:1fr}.panel{padding:19px}.page-head{flex-wrap:wrap;gap:15px}.page-head .btn{font-size:.9rem}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal-head{padding:18px}.modal-body{padding:20px 18px}.question-editor{padding:15px}.question-card{padding:20px}.content-aside{grid-template-columns:1fr}.exam-header{padding:15px}.exam-header .between{align-items:flex-start;flex-wrap:wrap}.watermark-grid{grid-template-columns:1fr}.watermark-grid span:nth-child(n+4){display:none}.video-controls .btn{font-size:.85rem;padding:9px 12px}.tabs button{padding:12px 14px}.pdf-view{padding:8px}.btn{min-height:45px}.auth-form h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body:has(.student-protected){visibility:hidden}dialog:has(.student-protected){visibility:hidden}}
.activity-item strong{display:block}.activity-item>small{flex:none}
.pdf-view .focus-shield{position:absolute;inset:0;min-height:0}