:root{--primary:#6256e8;--primary-dark:#4c43c7;--primary-soft:#efedff;--secondary:#13aa78;--secondary-soft:#e7f8f2;--navy:#11244b;--navy-2:#193361;--text:#5d6980;--muted:#8b95a7;--surface:#fff;--canvas:#f5f7fb;--cream:#fffaf3;--line:#e8eaf1;--danger:#e5536d;--danger-soft:#ffedf1;--warning:#ef9d21;--warning-soft:#fff4df;--info:#3b82f6;--info-soft:#eaf2ff;--shadow:0 18px 50px rgba(18,35,76,.08);--radius:22px;--sidebar:282px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Cairo",sans-serif;color:var(--navy);background:var(--surface);font-size:16px}a{text-decoration:none}img{max-width:100%}.text-brand{color:var(--primary)!important}.text-green{color:var(--secondary)!important}.bg-canvas{background:var(--canvas)}.section-space{padding:96px 0}.section-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.82rem;font-weight:800}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.4}.section-copy{color:var(--text);font-size:1.05rem;line-height:2}.btn-brand{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.82rem 1.35rem;border:1px solid var(--primary);border-radius:13px;background:linear-gradient(135deg,var(--primary),#8076ff);color:#fff;font-weight:800;box-shadow:0 11px 24px rgba(98,86,232,.2);transition:.2s}.btn-brand:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px)}.btn-soft{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.1rem;border:1px solid transparent;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-weight:800}.btn-soft:hover{background:var(--primary);color:#fff}.btn-outline-brand{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.3rem;border:1px solid var(--primary);border-radius:13px;background:#fff;color:var(--primary);font-weight:800}.btn-outline-brand:hover{background:var(--primary);color:#fff}.site-navbar{padding:1rem 0;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(232,234,241,.85);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:.7rem;color:var(--navy);font-size:1.55rem;font-weight:800}.brand:hover{color:var(--navy)}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--primary),#857cff);color:#fff;font-size:1.35rem;box-shadow:0 10px 25px rgba(98,86,232,.25)}.site-navbar .nav-link{position:relative;padding:.7rem .9rem!important;color:var(--navy);font-size:.92rem;font-weight:700}.site-navbar .nav-link:hover,.site-navbar .nav-link.active{color:var(--primary)}.hero{position:relative;overflow:hidden;padding:155px 0 95px;background:radial-gradient(circle at 90% 12%,rgba(98,86,232,.13),transparent 31%),radial-gradient(circle at 7% 90%,rgba(19,170,120,.12),transparent 27%),#fff}.hero:before{content:"";position:absolute;width:140px;height:140px;left:-55px;top:150px;border-radius:50%;background:var(--primary-soft)}.hero-title{font-size:clamp(2.6rem,5vw,4.35rem);font-weight:800;line-height:1.3}.hero-copy{max-width:650px;color:var(--text);font-size:1.12rem;line-height:2}.hero-visual{position:relative;padding:1rem}.hero-image{width:100%;height:555px;object-fit:cover;border-radius:42px 115px 42px 42px;box-shadow:var(--shadow)}.float-card{position:absolute;padding:1rem;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(18,35,76,.16)}.float-card.lesson{top:48px;right:-12px}.float-card.progress-card{bottom:26px;left:-12px}.mini-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:var(--primary-soft);color:var(--primary);font-size:1.2rem}.trust-list{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.6rem;color:var(--text);font-size:.87rem;font-weight:700}.trust-list i{color:var(--secondary)}.stat-strip{position:relative;z-index:2;margin-top:-28px}.stat-strip-inner{padding:1.6rem;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.public-stat{text-align:center}.public-stat strong{display:block;font-size:1.75rem}.public-stat span{color:var(--text);font-size:.85rem}.feature-card,.subject-card,.teacher-card,.content-card{height:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px rgba(18,35,76,.05);transition:.25s}.feature-card{padding:1.7rem}.feature-card:hover,.subject-card:hover,.teacher-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature-icon,.subject-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:1.2rem;border-radius:18px;background:var(--primary-soft);color:var(--primary);font-size:1.65rem}.feature-card p,.subject-card p{color:var(--text);line-height:1.8;font-size:.9rem}.steps{counter-reset:step}.step{position:relative;display:flex;gap:1.1rem;margin-bottom:1.6rem}.step-num{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:var(--primary);color:#fff;font-weight:800}.step p{color:var(--text);line-height:1.8;font-size:.92rem}.mock-window{padding:1rem;border:1px solid var(--line);border-radius:28px;background:#f8f9fc;box-shadow:var(--shadow)}.mock-sidebar{height:410px;padding:1rem;border-radius:18px;background:var(--navy);color:#fff}.mock-menu{padding:.7rem;border-radius:9px;color:rgba(255,255,255,.65);font-size:.75rem}.mock-menu.active{background:rgba(255,255,255,.1);color:#fff}.mock-calendar{height:410px;padding:1.5rem;border-radius:18px;background:#fff}.mock-days{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.mock-day{padding:.65rem .2rem;border-radius:9px;text-align:center;color:var(--muted);font-size:.7rem}.mock-day.active{background:var(--primary-soft);color:var(--primary);font-weight:800}.mock-lessons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.mock-lesson{padding:.75rem;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:.72rem;font-weight:700}.mock-lesson.green{background:var(--secondary-soft);color:#087b57}.teacher-card{overflow:hidden}.teacher-cover{position:relative;height:210px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary-soft),#fafaff)}.teacher-avatar-large{width:118px;height:118px;display:grid;place-items:center;border:6px solid #fff;border-radius:36px;background:var(--primary);color:#fff;font-size:2.4rem;font-weight:800;box-shadow:var(--shadow)}.teacher-body{padding:1.35rem}.teacher-body p{color:var(--text);font-size:.86rem;line-height:1.75}.rating{color:#f2a315;font-weight:800}.pill{display:inline-flex;align-items:center;padding:.38rem .75rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.72rem;font-weight:800}.subject-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;color:var(--navy)}.subject-card .subject-icon{margin:0;flex:0 0 auto}.subject-card:hover{color:var(--primary)}.cta-panel{position:relative;overflow:hidden;padding:4rem 2rem;border-radius:32px;background:linear-gradient(135deg,var(--navy),#294477);color:#fff}.cta-panel:before,.cta-panel:after{content:"";position:absolute;border-radius:50%}.cta-panel:before{width:240px;height:240px;left:-80px;top:-120px;background:rgba(98,86,232,.4)}.cta-panel:after{width:190px;height:190px;right:-70px;bottom:-100px;background:rgba(19,170,120,.28)}.cta-content{position:relative;z-index:1}.site-footer{padding:70px 0 25px;background:#0d1c3b;color:rgba(255,255,255,.68)}.site-footer h5{color:#fff;font-weight:800}.site-footer a{display:block;margin:.7rem 0;color:rgba(255,255,255,.68);font-size:.88rem}.site-footer a:hover{color:#fff}.footer-bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}.page-hero{padding:145px 0 65px;background:linear-gradient(180deg,#f3f1ff,#fff)}.filter-bar{padding:1rem;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.form-control,.form-select{min-height:47px;border-color:var(--line);border-radius:12px}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem rgba(98,86,232,.1)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--canvas)}.auth-side{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:3rem;background:linear-gradient(rgba(17,36,75,.15),rgba(17,36,75,.85)),url("../images/hero-learning.png") center/cover}.auth-card-wrap{display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:min(510px,100%);padding:2.2rem;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.role-choice{display:flex;gap:1rem;padding:1rem;border:2px solid var(--line);border-radius:16px;color:var(--navy);cursor:pointer}.role-choice:hover,.role-choice.active{border-color:var(--primary);background:var(--primary-soft)}.auth-progress{display:flex;gap:.45rem}.auth-progress span{height:5px;flex:1;border-radius:999px;background:var(--line)}.auth-progress span.active{background:var(--primary)}
/* dashboard */
.portal-body{background:var(--canvas)}.app-sidebar{position:fixed;inset:0 0 0 auto;z-index:1040;width:var(--sidebar);overflow-y:auto;background:radial-gradient(circle at 20% 0%,rgba(98,86,232,.35),transparent 34%),var(--navy);color:rgba(255,255,255,.72);transition:.25s}.side-brand{height:76px;display:flex;align-items:center;gap:.7rem;padding:0 1.3rem;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:1.35rem;font-weight:800}.side-profile{margin:1rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.06)}.avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:var(--primary);color:#fff;font-weight:800}.avatar.green{background:var(--secondary)}.avatar.orange{background:var(--warning)}.side-title{padding:.8rem 1.5rem .35rem;color:rgba(255,255,255,.35);font-size:.7rem;font-weight:800}.side-link{display:flex;align-items:center;gap:.75rem;margin:.15rem .85rem;padding:.72rem .85rem;border-radius:11px;color:rgba(255,255,255,.68);font-size:.85rem;font-weight:700}.side-link i{width:20px;font-size:1.05rem}.side-link:hover,.side-link.active{background:rgba(255,255,255,.1);color:#fff}.side-link.active{box-shadow:inset -3px 0 0 var(--secondary)}.nav-count{margin-right:auto;padding:.12rem .48rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem}.app-main{min-height:100vh;margin-right:var(--sidebar)}.topbar{position:sticky;top:0;z-index:1020;height:76px;display:flex;align-items:center;padding:0 1.6rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}.search-box{position:relative;width:min(430px,100%)}.search-box i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--muted)}.search-box input{width:100%;height:44px;padding:0 2.7rem 0 1rem;border:1px solid var(--line);border-radius:12px;background:var(--canvas);outline:none;font-size:.82rem}.top-action{position:relative;width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-size:1.05rem}.notice-dot{position:absolute;left:7px;top:7px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--danger)}.portal-content{padding:1.8rem}.page-head h1{font-size:1.65rem;font-weight:800}.page-head p{color:var(--text);font-size:.88rem}.dash-card{height:100%;padding:1.3rem;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(18,35,76,.045)}.metric{position:relative;overflow:hidden}.metric-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:var(--primary-soft);color:var(--primary);font-size:1.3rem}.metric-icon.green{background:var(--secondary-soft);color:var(--secondary)}.metric-icon.orange{background:var(--warning-soft);color:var(--warning)}.metric-icon.blue{background:var(--info-soft);color:var(--info)}.metric-label{color:var(--text);font-size:.78rem}.metric-value{font-size:1.65rem;font-weight:800}.metric-change{color:var(--secondary);font-size:.72rem;font-weight:700}.card-heading{font-size:1.05rem;font-weight:800}.card-meta{color:var(--muted);font-size:.74rem}.table{--bs-table-bg:transparent}.data-table{white-space:nowrap}.data-table th{padding:.85rem .7rem;color:var(--muted);border-bottom-color:var(--line);font-size:.72rem;font-weight:800}.data-table td{padding:.9rem .7rem;color:var(--text);border-bottom-color:var(--line);font-size:.79rem;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:.65rem}.person strong{color:var(--navy)}.status{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .65rem;border-radius:999px;font-size:.68rem;font-weight:800}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.success{background:var(--secondary-soft);color:#087b57}.status.warning{background:var(--warning-soft);color:#9a6300}.status.danger{background:var(--danger-soft);color:#b83650}.status.info{background:var(--info-soft);color:#2868ba}.table-action{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--text);background:#fff}.table-action:hover{border-color:var(--primary);background:var(--primary);color:#fff}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:.7rem;padding-top:1rem}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--line)}.bar{width:11px;border-radius:7px 7px 0 0;background:var(--primary)}.bar.alt{background:var(--secondary)}.bar-label{position:absolute;margin-top:1.2rem;color:var(--muted);font-size:.65rem}.donut{width:190px;height:190px;display:grid;place-items:center;margin:1rem auto;border-radius:50%;background:conic-gradient(var(--primary) 0 58%,var(--secondary) 58% 85%,var(--warning) 85%)}.donut:after{content:"1,284\A حصة";white-space:pre;width:125px;height:125px;display:grid;place-items:center;text-align:center;border-radius:50%;background:#fff;font-weight:800;line-height:1.7}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;color:var(--text);font-size:.72rem}.legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-left:.35rem;border-radius:50%;background:var(--primary)}.legend span:nth-child(2):before{background:var(--secondary)}.legend span:nth-child(3):before{background:var(--warning)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:.55rem;min-width:850px}.calendar-cell{min-height:125px;padding:.65rem;border:1px solid var(--line);border-radius:12px;background:#fff}.calendar-cell.today{border-color:var(--primary);background:var(--primary-soft)}.calendar-date{color:var(--muted);font-size:.75rem}.calendar-event{margin-top:.45rem;padding:.45rem;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:.66rem;font-weight:700}.calendar-event.green{background:var(--secondary-soft);color:#087b57}.timeline-item{position:relative;display:flex;gap:.8rem;padding-bottom:1.3rem}.timeline-item:not(:last-child):before{content:"";position:absolute;right:17px;top:38px;bottom:2px;width:1px;background:var(--line)}.timeline-icon{z-index:1;width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.progress-thin{height:7px;border-radius:999px}.chat-shell{display:grid;grid-template-columns:310px 1fr;height:620px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.chat-list{border-left:1px solid var(--line);overflow-y:auto}.chat-person{display:flex;gap:.65rem;padding:1rem;border-bottom:1px solid var(--line);cursor:pointer}.chat-person.active{background:var(--primary-soft)}.chat-main{display:flex;flex-direction:column}.chat-header{padding:1rem;border-bottom:1px solid var(--line)}.chat-messages{flex:1;overflow-y:auto;padding:1.2rem;background:#f8f9fc}.bubble{max-width:70%;margin-bottom:.7rem;padding:.75rem 1rem;border-radius:15px 15px 4px 15px;background:var(--primary);color:#fff;font-size:.82rem;line-height:1.7}.bubble.in{margin-right:auto;border-radius:15px 15px 15px 4px;background:#fff;color:var(--text);border:1px solid var(--line)}.chat-compose{display:flex;gap:.6rem;padding:1rem;border-top:1px solid var(--line)}.wizard-steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.wizard-step{flex:1;padding:.75rem;border-radius:12px;background:var(--canvas);color:var(--muted);text-align:center;font-size:.75rem;font-weight:800}.wizard-step.active{background:var(--primary);color:#fff}.option-card{display:block;height:100%;padding:1rem;border:2px solid var(--line);border-radius:15px;cursor:pointer}.option-card:hover,.option-card.selected{border-color:var(--primary);background:var(--primary-soft)}.profile-hero{padding:1.5rem;border-radius:22px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}.profile-avatar{width:92px;height:92px;display:grid;place-items:center;border:5px solid rgba(255,255,255,.2);border-radius:28px;background:var(--primary);font-size:2rem;font-weight:800}.empty-state{padding:3.5rem 1rem;text-align:center}.empty-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:22px;background:var(--primary-soft);color:var(--primary);font-size:2rem}.sidebar-overlay{position:fixed;inset:0;z-index:1035;display:none;background:rgba(7,17,38,.55)}.mobile-toggle{display:none}
@media(max-width:1199.98px){.app-sidebar{transform:translateX(100%)}.app-sidebar.show{transform:translateX(0)}.app-main{margin-right:0}.sidebar-overlay.show{display:block}.mobile-toggle{display:grid}}
@media(max-width:991.98px){.site-navbar .navbar-collapse{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.hero{padding-top:130px}.hero-image{height:470px}.auth-page{grid-template-columns:1fr}.auth-side{display:none}.public-stat{padding:.8rem}.chat-shell{grid-template-columns:1fr;height:auto}.chat-list{max-height:270px;border-left:0;border-bottom:1px solid var(--line)}.chat-main{height:520px}}
@media(max-width:767.98px){.section-space{padding:70px 0}.hero-title{font-size:2.55rem}.hero-image{height:390px;border-radius:28px 75px 28px 28px}.float-card{font-size:.75rem}.stat-strip{margin-top:0}.portal-content{padding:1.2rem .9rem}.topbar{padding:0 .9rem}.search-box{display:none}.page-head h1{font-size:1.4rem}.bar-chart{gap:.3rem}.bar{width:8px}.wizard-steps{overflow:auto}.wizard-step{min-width:130px}.mock-window{padding:.65rem}.mock-sidebar{display:none}.mock-calendar{height:390px}.public-stat:nth-child(odd){border-left:1px solid var(--line)}}