body{font-family:var(--font-tajawal),"Tajawal",sans-serif}html[dir=ltr] body{font-family:var(--font-ubuntu),var(--font-tajawal),"Ubuntu","Tajawal",sans-serif}html[dir=rtl] body{font-family:var(--font-tajawal),"Tajawal",sans-serif}html{scroll-behavior:smooth;overflow-x:clip}html,body{text-size-adjust:100%}.fa-solid,.fa-regular,.fa-brands,.fas,.far,.fab,[class^=fa-],[class*=\ fa-]{text-align:center;font-display:swap;justify-content:center;align-items:center;width:1em;min-width:1em;height:1em;line-height:1;display:inline-flex}:root{--primary-color:#469791;--black-light-color:#303030;--light-black-color:#f5f5f5;--semi-black-light-color:#6b7280;--border-color:#0e0e0e40;--grad1:#56b3ae;--grad2:#103f57;--mainText:#469791;--mainP:#ffffffbf;--yellow:#e49a00;--bg-yellow:#e49a0033;--btn-color:#0e3344;--btn-record:#6b7280;--bg-footer:#e49a0012;--bg-color:#fff;--bg-color-inverse:#1e1e1e;--nav-link-color:#303030;--nav-bg-color:#f5f5f5;--teacher-profile-bg:#1118200d;--teacher-Profile-color-black:#000;--bg-card-jobs:#fff;--bg-recorded-students:#f8f8f8;--input-border:#6b7280;--input-text-color:#1e1e1e;--Login-heading-color:#1e1e1e;--Login-message:#6b7280;--footer-text-color:#111820;--Register-heading-color:#1e1e1e;--Register-message:#6b7280;--form-heading-color:var(--primary-color);--form-message:var(--Login-message)}.dark{--bg-color:#1e1e1e;--bg-color-inverse:#f5f5f5;--black-light-color:#f5f5f5;--light-black-color:#303030;--semi-black-light-color:#ffffff80;--border-color:#a0a0a040;--teacher-profile-bg:#000;--teacher-Profile-color-black:#fff;--nav-link-color:#f5f5f5;--nav-bg-color:#1e1e1e;--bg-card-jobs:#272727;--bg-recorded-students:#272727;--input-border:var(--primary-color);--input-text-color:#f5f5f5;--Login-heading-color:#f5f5f5;--Login-message:#eeeff0a7;--Register-heading-color:#f5f5f5;--Register-message:#eeeff0a7;--footer-text-color:#f5f5f5}.skip-to-content{background-color:var(--primary-color);color:#fff;z-index:10000;border-radius:0 0 8px 8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:top .3s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-to-content:focus{outline:3px solid var(--yellow);outline-offset:2px;top:0}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only,.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{color:var(--second-color);background-color:var(--bg-color);width:100%;margin:0;padding:0;overflow-x:clip}#__next,main{flex-direction:column;min-height:100vh;display:flex}section{flex-grow:1}a{text-decoration:none}button{transition-duration:.3s;transition-timing-function:ease-in-out;transition-property:background-color,color,scale!important}button:active{scale:.9}.btn-web-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-web-primary:hover{color:var(--primary-color);background-color:#0000}.btn-web-secondary{background-color:var(--yellow);color:#fff;border:1px solid var(--yellow)}.btn-web-secondary:hover{color:var(--yellow);background-color:#0000}.btn-web{cursor:pointer;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:10px 20px}.btn-web:active{background-color:var(--primary-color)!important;color:#fff!important}.btn-web:disabled{border:1px solid var(--primary-color);color:var(--primary-color);cursor:not-allowed;background-color:#0000}::selection{background-color:var(--mainText);color:#fff}::-webkit-scrollbar{z-index:10000;width:5px;position:fixed;top:0;right:0;height:5px!important}::-webkit-scrollbar-thumb{background-color:var(--grad1);-ms-border-radius:10px;-o-border-radius:10px;-o-transition:all .5s ease-in-out;border-radius:10px;transition:all .5s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:var(--grad1)}::-webkit-scrollbar-thumb:active{background-color:var(--grad1)}::-webkit-scrollbar-track{background-color:var(--bg-color);-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;margin:-10px 0}.swal2-confirm{color:#fff;background-color:var(--primary-color)!important;border:none!important}.no-data{color:#313030;text-align:center;margin-top:20px;font-size:1.5rem}@media screen and (max-width:992px){.no-data{font-size:1rem}}p{margin-bottom:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin{will-change:transform;animation:1s linear infinite spin!important}.loading-container{contain:layout;min-height:200px}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.smooth-transition{transition-property:transform,opacity,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #46979126}.hover-glow{transition:box-shadow .4s}.hover-glow:hover{box-shadow:0 0 30px #4697914d,0 0 60px #4697911a}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.dark .glass{background:#1e1e1e99;border:1px solid #ffffff1a}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--yellow));-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.animated-gradient{background:linear-gradient(-45deg,var(--grad1),var(--grad2),var(--primary-color),var(--yellow));background-size:400% 400%;animation:8s infinite gradient-shift}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4697914d}50%{box-shadow:0 0 40px #46979180}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:3s ease-in-out infinite float}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fadeInUp{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fadeInDown{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInDown}.animate-fadeInLeft{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInLeft}.animate-fadeInRight{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInRight}.animate-scaleIn{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.animate-fadeInUp,.animate-fadeInDown,.animate-fadeInLeft,.animate-fadeInRight,.animate-scaleIn{opacity:0}.press-effect{transition:transform .15s}.press-effect:active{transform:scale(.95)}.border-glow{position:relative}.border-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--primary-color),var(--yellow));z-index:-1;opacity:0;transition:opacity .3s;position:absolute;inset:-2px}.border-glow:hover:before{opacity:1}.animated-underline{position:relative}.animated-underline:after{content:"";background:linear-gradient(90deg,var(--primary-color),var(--yellow));transform-origin:100%;width:100%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.animated-underline:hover:after{transform-origin:0;transform:scaleX(1)}