@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.student-info-form{display:flex;flex-direction:column;gap:.5rem}.student-info-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 768px){.student-info-form__grid{grid-template-columns:1fr;gap:1rem}}.student-info-form__group{display:flex;flex-direction:column;gap:.5rem}.student-info-form__group--full-width{grid-column:1/-1}.student-info-form__group label{font-size:.875rem;font-weight:500;color:var(--headline-color);margin-bottom:.25rem}.student-info-form__input{width:100%;padding:.75rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background-primary);font-size:1rem;transition:all .3s ease;color:var(--headline-color)}.student-info-form__input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px #20aab233}.student-info-form__input::placeholder{color:var(--paragraph-color);opacity:.7}.student-info-form__input:hover{border-color:var(--highlight-color)}.student-info-form__actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem;margin-bottom:1rem}@media (max-width: 480px){.student-info-form__actions{flex-direction:column;gap:.75rem}}.profile-picture-upload{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border:2px dashed var(--border-color);border-radius:var(--border-radius);background-color:var(--main-color);transition:all .3s ease}.profile-picture-upload:hover{border-color:var(--highlight-color);background-color:var(--background-secondary)}.profile-picture-preview{width:120px;height:120px;border-radius:50%;border:3px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;background-color:var(--background-primary);position:relative}.profile-picture-preview:hover{border-color:var(--highlight-color);transform:scale(1.05);box-shadow:0 8px 25px #20aab233}.profile-picture-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-picture-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--paragraph-color);text-align:center;padding:1rem}.profile-picture-placeholder span{font-size:.875rem;font-weight:500}.profile-picture-placeholder svg{opacity:.7}.language-selector{display:flex;width:100%;border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden;background-color:var(--background-primary)}.language-selector__button{flex:1;background-color:transparent;color:var(--headline-color);border:none;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;position:relative}.language-selector__button:hover:not(.active){background-color:var(--main-color)}.language-selector__button.active{background-color:var(--button-bg);color:var(--button-text);font-weight:600}.language-selector__button:first-child{border-right:1px solid var(--border-color)}.language-selector__button:focus{outline:none;box-shadow:inset 0 0 0 2px var(--highlight-color)}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:.5rem}@media (max-width: 768px){.subjects-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}}.subject-tag{padding:.6rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500;text-align:center;position:relative}.subject-tag:hover:not(.selected){background-color:var(--main-color);border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 12px #20aab226}.subject-tag.selected{background-color:var(--button-bg);color:var(--button-text);border-color:var(--button-bg);transform:translateY(-2px);box-shadow:0 4px 12px #20aab24d}.subject-tag.selected svg{margin-left:.5rem}.subject-tag:active{transform:translateY(0)}.btn-text{background:none;border:none;color:var(--paragraph-color);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem .75rem;transition:all .2s ease;border-radius:var(--border-radius)}.btn-text:hover{color:var(--highlight-color);background-color:var(--main-color)}.btn-secondary{padding:.75rem 1.25rem;border-radius:var(--border-radius);border:1px solid var(--border-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--background-primary);color:var(--headline-color);min-width:100px}.btn-secondary:hover{background-color:var(--main-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color);border-color:var(--highlight-color)}.btn-secondary:active{transform:translateY(0)}.btn-secondary--with-icon{display:flex;align-items:center;gap:.5rem}.btn-primary{padding:.75rem 1.25rem;border-radius:var(--border-radius);border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--button-bg);color:var(--button-text);min-width:100px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 12px #20aab24d}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary .spin{animation:spin 1s linear infinite}.dark-mode .language-selector__button:hover:not(.active){color:var(--headline-color)}.dark-mode .subject-tag:hover:not(.selected){color:var(--headline-color)}.dark-mode .btn-secondary:hover{color:var(--headline-color)}.dark-mode .profile-picture-upload{background-color:var(--background-secondary)}.dark-mode .profile-picture-upload:hover{background-color:var(--main-color)}.dark-mode .profile-picture-preview{border-color:var(--border-color);background-color:var(--background-secondary)}.dark-mode .profile-picture-preview:hover{border-color:var(--highlight-color);box-shadow:0 8px 25px #7f5af033}@media (max-width: 768px){.student-info-form{gap:1rem}.student-info-form__actions{margin-top:1rem}.profile-picture-upload{padding:.75rem}.profile-picture-preview{width:100px;height:100px}.subjects-grid{gap:.5rem}.subject-tag{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 480px){.btn-primary,.btn-secondary{padding:.8rem 1rem;font-size:.9rem;min-width:auto}.profile-picture-preview{width:80px;height:80px}.language-selector__button{padding:.6rem .75rem;font-size:.85rem}}.phase-progress{margin-bottom:1.5rem;text-align:center}.phase-progress__steps{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.phase-progress__step-wrapper{display:flex;align-items:center}.phase-progress__step{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background-color:var(--background-primary);color:var(--paragraph-color);border:2px solid var(--border-color);transition:all .3s ease}.phase-progress__step.active{background-color:var(--button-bg);color:var(--button-text);border-color:var(--button-bg);transform:scale(1.1)}.phase-progress__step.completed{background-color:var(--button-bg);border-color:var(--button-bg);color:var(--button-text)}.phase-progress__line{width:2.5rem;height:2px;background-color:var(--border-color);margin:0 .25rem;transition:all .3s ease}.phase-progress__line.completed{background-color:var(--button-bg)}.phase-progress__text{font-size:.875rem;color:var(--paragraph-color);font-weight:500}.student-info-form__phases{min-height:280px;display:flex;flex-direction:column}.student-info-form__phase{display:flex;flex-direction:column;gap:1.25rem;animation:fadeInSlide .4s ease-out}.student-info-form__actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;margin-bottom:1rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.student-info-form__actions{flex-direction:column;gap:.75rem}}.student-info-form__actions-left{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.student-info-form__actions-left{order:2;width:100%;justify-content:center}}.student-info-form__actions-right{display:flex;align-items:center}@media (max-width: 768px){.student-info-form__actions-right{order:1;width:100%;justify-content:center}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.phone-input-wrapper{position:relative;width:100%}.phone-input-wrapper.focused .PhoneInput{border-color:var(--highlight-color);box-shadow:0 0 0 3px #20aab233}.phone-input-wrapper .PhoneInput{display:flex;align-items:center;width:100%;padding:.75rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background-primary);transition:all .3s ease}.phone-input-wrapper .PhoneInput:hover{border-color:var(--highlight-color)}.phone-input-wrapper .PhoneInputCountry{display:flex;align-items:center;margin-right:.5rem}.phone-input-wrapper .PhoneInputCountry .PhoneInputCountryIcon{width:1.5rem;height:1.5rem;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #0000001a}.phone-input-wrapper .PhoneInputCountry .PhoneInputCountrySelectArrow{display:none}.phone-input-wrapper .PhoneInputInput{flex:1;border:none;background:none;font-size:1rem;color:var(--headline-color);padding:0;margin:0;outline:none}.phone-input-wrapper .PhoneInputInput::placeholder{color:var(--paragraph-color);opacity:.7}.dark-mode .phone-input-wrapper .PhoneInput{background-color:var(--background-secondary)}.dark-mode .phone-input-wrapper .PhoneInput:hover{border-color:var(--highlight-color)}.dark-mode .phone-input-wrapper .PhoneInputInput{color:var(--headline-color)}.dark-mode .phone-input-wrapper .PhoneInputInput::placeholder{color:var(--paragraph-color)}@media (max-width: 768px){.phone-input-wrapper .PhoneInput{padding:.6rem .75rem}.phone-input-wrapper .PhoneInputCountry .PhoneInputCountryIcon{width:1.25rem;height:1.25rem}.phone-input-wrapper .PhoneInputInput{font-size:.9rem}}.device-settings-hint{display:block;font-size:.75rem;color:var(--paragraph-color);margin-top:.25rem;font-style:italic;opacity:.8}.auth-page__form-area.full-width{width:100%;max-width:800px;margin:0 auto;padding:2rem}.auth-page{display:flex;height:100vh;width:100%;overflow:hidden;position:relative;padding:0;margin:0}.auth-page:before{content:"";position:absolute;width:100%;height:100%;z-index:-1;opacity:.03;background-image:radial-gradient(var(--headline-color) 1px,transparent 1px),radial-gradient(var(--headline-color) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px;animation:moveBackground 60s linear infinite}@keyframes moveBackground{0%{background-position:0 0,20px 20px}to{background-position:100px 100px,120px 120px}}.auth-page__branding{width:55%;background:none;display:flex;flex-direction:column;justify-content:center;border-radius:0;align-items:center;padding:0;position:relative;overflow:hidden}.auth-page__branding:before{display:none}.auth-page__testimonial-grid{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:800px;z-index:2}.auth-page__testimonial-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;min-height:0}.testimonial-card{background-color:#ffffffe6;padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 8px 30px #0000001f;color:var(--headline-color);transition:transform .3s ease;height:100%;aspect-ratio:1/1;display:flex;flex-direction:column}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-card__text{font-size:1rem;margin-bottom:1rem;line-height:1.6;direction:rtl;flex-grow:1;font-family:var(--font-tajawal);overflow:auto}.testimonial-card__author{display:flex;align-items:center;gap:1rem}.testimonial-card__avatar{width:40px;height:40px;border-radius:50%;background-color:var(--secondary-color)}.testimonial-card__author-info{direction:rtl;text-align:right}.testimonial-card__author-info h4{font-size:1rem;font-weight:600;font-family:var(--font-tajawal);margin:0 0 .25rem}.testimonial-card__author-info p{font-size:.8rem;color:var(--paragraph-color);font-family:var(--font-tajawal);margin:0}.dark-mode .testimonial-card{background-color:#1e1e1ee6}.dark-mode .testimonial-card .testimonial-card__text,.dark-mode .testimonial-card .testimonial-card__author-info h4,.dark-mode .testimonial-card .testimonial-card__author-info p{color:var(--headline-color)}.image-tile{border-radius:var(--border-radius);overflow:hidden;box-shadow:0 8px 30px #0003;aspect-ratio:1/1}.image-tile__wrapper{width:100%;height:100%;position:relative;overflow:hidden}.image-tile__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.image-tile:hover .image-tile__image{transform:scale(1.05)}.auth-page__form-area{width:45%;display:flex;flex-direction:column;padding:2rem;position:relative;height:100vh;overflow-y:auto;overflow-x:hidden}@media (max-width: 1024px){.auth-page__form-area{width:100%}}.auth-page__theme-toggle{position:absolute;top:2rem;right:2rem;width:40px;height:40px;border-radius:50%;background-color:var(--main-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px var(--shadow-color);transition:all .3s ease;z-index:10;color:var(--headline-color)}.auth-page__theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-color)}.dark-mode .auth-page__theme-toggle{background-color:var(--background-secondary);color:var(--button-text);box-shadow:0 2px 10px #0000004d}.dark-mode .auth-page__theme-toggle:hover{box-shadow:0 4px 15px #0006;background-color:var(--highlight-color)}.auth-page__form-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100%;max-width:450px;margin:0 auto;padding:2rem 0;width:100%}.auth-header{text-align:center;margin-bottom:2.5rem;width:100%}.auth-header__logo-wrapper{width:80px;height:80px;margin:0 auto 1rem;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 8px 30px #20aab24d;background-color:var(--highlight-color);display:flex;align-items:center;justify-content:center}.auth-header__name{font-family:var(--font-tajawal);font-size:1.7rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(45deg,var(--secondary-color),var(--highlight-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.auth-header__tagline{font-size:.95rem;color:var(--paragraph-color);line-height:1.6;text-align:center}.auth-header__tagline p{margin:.25rem 0}.auth-header__tagline--en{font-style:italic;opacity:.8}.dark-mode .auth-header__logo-wrapper{box-shadow:0 8px 30px #7f5af033}.auth-form-container{width:100%}.auth-form-container__title{text-align:center;margin-bottom:1.75rem;font-weight:600;font-family:var(--font-tajawal);color:var(--headline-color)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form__group{display:flex;flex-direction:column;gap:.5rem}.auth-form__label{font-size:.875rem;font-weight:500}.auth-form__label--checkbox{font-size:.875rem;cursor:pointer;font-weight:400}.auth-form__input,.auth-form__select{width:100%;padding:.75rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background-primary);font-size:1rem;transition:border-color .3s,box-shadow .3s;color:var(--headline-color)}.auth-form__input:focus,.auth-form__select:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px #20aab233}.auth-form__input.error,.auth-form__select.error{border-color:var(--error-color)}.auth-form__input.error:focus,.auth-form__select.error:focus{box-shadow:0 0 0 3px #e5393533}.auth-form__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:.9rem}.auth-form__extras{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.auth-form__remember-me{display:flex;align-items:center;gap:.5rem}.auth-form__checkbox{width:16px;height:16px;cursor:pointer}.auth-form__forgot-password a{color:var(--highlight-color);font-size:.875rem;text-decoration:none}.auth-form__forgot-password a:hover{text-decoration:underline}.auth-form__error-block{background-color:#e539351a;padding:.75rem 1rem;border-radius:var(--border-radius);border-left:3px solid var(--error-color)}.auth-form__error-message{margin:0;font-size:.85rem;color:var(--error-color);display:block;margin-top:.25rem}.auth-form__button{padding:.9rem 1.5rem;border-radius:var(--border-radius);border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-form__button:disabled{opacity:.7;cursor:not-allowed}.auth-form__button--submit{background-color:var(--button-bg);color:var(--button-text)}.auth-form__button--submit:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 5px 15px #20aab24d}.auth-form__button--submit .spin{animation:spin 1s linear infinite}.auth-form__button--google{background-color:var(--background-primary);color:var(--headline-color);border:1px solid var(--border-color)}.auth-form__button--google:hover:not(:disabled){background-color:var(--main-color);transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-color)}.auth-form__separator{display:flex;align-items:center;text-align:center;margin:1rem 0}.auth-form__separator:before,.auth-form__separator:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-form__separator span{padding:0 .75rem;font-size:.875rem;color:var(--paragraph-color)}.auth-form__google-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#fff;border-radius:50%;font-size:1.25rem}.auth-page__switch{margin-top:1.5rem;text-align:center;margin-bottom:1rem}.auth-page__switch p{font-size:.9rem;color:var(--paragraph-color);margin:0}.auth-page__switch-button{background:none;border:none;color:var(--highlight-color);font-weight:600;cursor:pointer;padding:0;font-size:inherit}.auth-page__switch-button:hover{text-decoration:underline}.tab-selector{display:flex;width:100%;border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.tab-selector__button{flex:1;background-color:var(--background-primary);color:var(--headline-color);border:none;padding:.75rem;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tab-selector__button:hover:not(.active){background-color:var(--main-color)}.tab-selector__button.active{background-color:var(--button-bg);color:var(--button-text)}.tab-selector__button:first-child{border-right:1px solid var(--border-color)}.dark-mode .tab-selector__button:hover:not(.active){color:#000}.birthdate-selector{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:.5rem;width:100%}.select-wrapper{position:relative}.select-wrapper:after{content:"";position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--paragraph-color);pointer-events:none}@media (max-width: 768px){.auth-page__form-area{padding:1.5rem}.auth-page__theme-toggle{top:1.5rem;right:1.5rem}.auth-header__logo-wrapper{width:100px;height:100px}.auth-header__name{font-size:1.75rem}.auth-header__tagline{font-size:.85rem}.auth-form-container__title{font-size:1.25rem}.auth-form__extras{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width: 480px){.auth-page__form-area{padding:1rem}.auth-page__theme-toggle{top:1rem;right:1rem;width:36px;height:36px}.auth-header{margin-top:2rem}.auth-header__logo-wrapper{width:80px;height:80px}.auth-header__name{font-size:1.5rem}.auth-form__button{padding:.8rem 1rem}.birthdate-selector{grid-template-columns:1fr;gap:.75rem}}.dark-mode .auth-form__button--google:hover:not(:disabled){color:#000}.testimonial-hero{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.testimonial-hero__image-wrapper{width:100%;height:100%;position:relative;border-radius:0;overflow:hidden;box-shadow:none;display:flex;align-items:center;justify-content:center;background:#000;aspect-ratio:16/9;max-width:none;max-height:none;margin:0}.testimonial-hero__image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s ease;filter:brightness(.85);opacity:1}.testimonial-hero__image.transitioning{opacity:0}.testimonial-hero__quote-icon{position:absolute;top:1.5rem;left:1.5rem;color:#fff;background:#16161a;border-radius:8px;width:3em;height:3em;display:flex;align-items:center;justify-content:center;z-index:2;padding:0}.testimonial-hero__quote-icon svg{width:1.4em;height:1.4em}.testimonial-hero__content{position:absolute;left:0;bottom:0;width:100%;padding:0 2.2rem 2.2rem;display:flex;flex-direction:column;align-items:flex-start;z-index:2;color:#fff;text-align:left;background:linear-gradient(to top,#000c,#0000);pointer-events:none;transition:opacity .5s ease}.testimonial-hero__quote{font-size:1.25rem;font-weight:500;line-height:1.7;margin-bottom:1.1rem;font-family:var(--font-tajawal, "Tajawal", sans-serif);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18);direction:ltr;text-align:left;transition:opacity .5s ease,transform .5s ease}.testimonial-hero__author{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;font-size:1rem;font-family:var(--font-tajawal, "Tajawal", sans-serif);color:#fff;opacity:.95;direction:ltr;text-align:left;transition:opacity .5s ease,transform .5s ease}.testimonial-hero__name{font-weight:600;font-size:1.1rem}.testimonial-hero__role{font-size:.9em;opacity:.8;font-weight:400}.testimonial-hero__progress{margin-top:1.5rem;display:flex;gap:.5rem;width:100%;justify-content:center}.testimonial-hero__progress .dot{width:30px;height:3px;border-radius:2px;background:#ffffff4d;transition:all .3s ease;cursor:pointer}.testimonial-hero__progress .dot.active{background:#fff;transform:scaleX(1.2)}.testimonial-hero__quote.transitioning,.testimonial-hero__author.transitioning{opacity:0;transform:translateY(10px)}.testimonial-hero__quote:not(.transitioning),.testimonial-hero__author:not(.transitioning){opacity:1;transform:translateY(0)}@media (max-width: 1024px){.auth-page__branding{display:none}}.dashboard-page{padding:1rem;max-width:1200px;margin:0 auto}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--background-primary)}.dashboard-content-wrapper{flex:1;display:flex;flex-direction:column;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (min-width: 993px){.dashboard-content-wrapper.sidebar-open{margin-left:calc(280px + 2rem)}}@media (min-width: 993px){.dashboard-content-wrapper.sidebar-collapsed{margin-left:calc(80px + 2rem)}}@media (max-width: 992px){.dashboard-content-wrapper{margin-left:0;padding-top:70px;padding-bottom:80px}.dashboard-content-wrapper.messaging-page{padding-top:0;padding-bottom:0}}@media (max-width: 768px){.dashboard-content-wrapper{padding-top:60px;padding-bottom:70px}}@media (max-width: 576px){.dashboard-content-wrapper{padding-top:50px;padding-bottom:60px}}.dashboard-main{flex:1;padding:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:140}@media (min-width: 993px){.sidebar-overlay{display:none}}.global-onboarding-alert{display:flex;justify-content:space-between;align-items:center;background-color:rgba(var(--highlight-color-rgb),.15);border-left:4px solid var(--highlight-color);padding:.75rem 1rem;border-radius:var(--border-radius);margin:1rem 1.5rem}.global-onboarding-alert .alert-content{display:flex;align-items:center;gap:.75rem;color:var(--headline-color)}.global-onboarding-alert .alert-content svg{color:var(--highlight-color)}.global-onboarding-alert .alert-actions .complete-profile-btn{background-color:var(--highlight-color);color:var(--button-text);border:none;padding:.5rem 1rem;border-radius:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.global-onboarding-alert .alert-actions .complete-profile-btn:hover{filter:brightness(1.1)}.global-onboarding-alert .alert-actions .dismiss-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:all .2s ease}.global-onboarding-alert .alert-actions .dismiss-btn:hover{background-color:#0000001a;color:var(--headline-color)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.dashboard-loading .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-loading h2{color:var(--headline-color);margin-bottom:.5rem}.page-header .dashboard-actions{display:flex;gap:.75rem;align-items:center}.page-header .dashboard-actions .view-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.page-header .dashboard-actions .view-toggle button{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--paragraph-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.page-header .dashboard-actions .view-toggle button.active{background-color:var(--main-color);color:var(--highlight-color)}.page-header .dashboard-actions .view-toggle button:hover:not(.active){background-color:var(--background-secondary)}.page-header .dashboard-actions .filter-button,.page-header .dashboard-actions .notifications-button,.page-header .dashboard-actions .settings-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--paragraph-color);transition:all .3s ease}.page-header .dashboard-actions .filter-button:hover,.page-header .dashboard-actions .notifications-button:hover,.page-header .dashboard-actions .settings-button:hover{background-color:var(--background-secondary);transform:translateY(-1px)}.page-header .dashboard-actions .filter-button span,.page-header .dashboard-actions .notifications-button span,.page-header .dashboard-actions .settings-button span{font-size:.9rem;font-weight:500}.page-header .dashboard-actions .notifications-button,.page-header .dashboard-actions .settings-button{padding:.5rem;width:36px;height:36px;justify-content:center}.onboarding-alert{display:flex;justify-content:space-between;align-items:center;background-color:rgba(var(--highlight-color-rgb),.15);border-left:4px solid var(--highlight-color);padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.onboarding-alert .alert-content{display:flex;align-items:center;gap:.75rem;color:var(--headline-color)}.onboarding-alert .alert-content svg{color:var(--highlight-color)}.onboarding-alert .alert-content span{font-weight:500}.onboarding-alert .alert-actions{display:flex;align-items:center;gap:1rem}.onboarding-alert .alert-actions .complete-profile-btn{background-color:var(--highlight-color);color:var(--button-text);border:none;padding:.5rem 1rem;border-radius:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.onboarding-alert .alert-actions .complete-profile-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.onboarding-alert .alert-actions .dismiss-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:all .2s ease}.onboarding-alert .alert-actions .dismiss-btn:hover{background-color:#0000001a;color:var(--headline-color)}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.quick-stats .stat-card{background-color:var(--background-primary);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border-color);transition:all .3s ease}.quick-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.quick-stats .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--highlight-color);color:var(--button-text);border-radius:12px;margin-bottom:1rem}.quick-stats .stat-card .stat-content h3{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--headline-color)}.quick-stats .stat-card .stat-content p{margin:0;color:var(--paragraph-color);font-size:.9rem;font-weight:500}.dashboard-main-content{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.dashboard-main-content{gap:1rem}}.content-section{background-color:var(--background-primary);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border-color)}@media (max-width: 768px){.content-section{padding:1rem}}.content-section h2{color:var(--headline-color);font-size:1.25rem;margin-top:0;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-family:var(--font-tajawal)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0}.section-header .view-all-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--highlight-color);font-weight:600;cursor:pointer;font-size:.9rem;transition:all .3s ease}.section-header .view-all-btn:hover{transform:translate(2px)}.loading-content,.no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--paragraph-color)}.loading-content .spinner,.no-content .spinner{width:32px;height:32px;border:2px solid var(--border-color);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-content p,.no-content p{margin:0;font-style:italic}.no-content{border:1px dashed var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary)}.activity-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.activity-section{grid-template-columns:1fr;gap:1rem}}.find-teachers .teachers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.find-teachers .teachers-grid.list-view{grid-template-columns:1fr}.find-teachers .teachers-grid.list-view .teacher-card{display:flex;align-items:center;gap:1rem}.find-teachers .teachers-grid.list-view .teacher-card .teacher-header{flex-shrink:0;margin-bottom:0}.find-teachers .teachers-grid.list-view .teacher-card .teacher-details{flex:1;margin-bottom:0}.find-teachers .teachers-grid.list-view .teacher-card .teacher-footer{flex-shrink:0}@media (max-width: 768px){.find-teachers .teachers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 576px){.find-teachers .teachers-grid{grid-template-columns:1fr}}.find-teachers .teacher-card{background-color:var(--background-primary);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 8px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid var(--border-color)}.find-teachers .teacher-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--shadow-color)}.find-teachers .teacher-card:hover .teacher-header h3{color:var(--highlight-color)}.find-teachers .teacher-card .teacher-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.find-teachers .teacher-card .teacher-header .teacher-avatar{position:relative;width:60px;height:60px;flex-shrink:0}.find-teachers .teacher-card .teacher-header .teacher-avatar .avatar-placeholder{width:100%;height:100%;background-color:var(--highlight-color);color:var(--button-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.find-teachers .teacher-card .teacher-header .teacher-avatar .verified-badge{position:absolute;bottom:0;right:0;background-color:#4caf50;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white}.find-teachers .teacher-card .teacher-header .teacher-info{flex:1;min-width:0}.find-teachers .teacher-card .teacher-header .teacher-info h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--headline-color);font-family:var(--font-tajawal);transition:color .2s ease}.find-teachers .teacher-card .teacher-header .teacher-info .teacher-title{margin:0 0 .5rem;font-size:.9rem;color:var(--paragraph-color)}.find-teachers .teacher-card .teacher-header .teacher-info .teacher-rating{display:flex;align-items:center;gap:.5rem}.find-teachers .teacher-card .teacher-header .teacher-info .teacher-rating .reviews-count{color:var(--paragraph-color);font-size:.8rem}.find-teachers .teacher-card .teacher-details{margin-bottom:1rem}.find-teachers .teacher-card .teacher-details .teacher-location{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;color:var(--paragraph-color)}.find-teachers .teacher-card .teacher-details .teacher-location svg{opacity:.7}.find-teachers .teacher-card .teacher-details .teacher-subjects{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.find-teachers .teacher-card .teacher-details .teacher-subjects .subject-tag{font-size:.75rem;padding:.2rem .6rem;background-color:var(--main-color);color:var(--paragraph-color);border-radius:12px}.find-teachers .teacher-card .teacher-details .teacher-subjects .subject-tag.more{background-color:var(--highlight-color);color:var(--button-text)}.find-teachers .teacher-card .teacher-details .teacher-bio{margin:0;font-size:.85rem;color:var(--paragraph-color);line-height:1.4}.find-teachers .teacher-card .teacher-footer{display:flex;justify-content:space-between;align-items:center}.find-teachers .teacher-card .teacher-footer .price-info{display:flex;align-items:baseline;gap:.25rem}.find-teachers .teacher-card .teacher-footer .price-info .price{font-size:1.2rem;font-weight:700;color:var(--headline-color)}.find-teachers .teacher-card .teacher-footer .price-info .per-hour{font-size:.85rem;color:var(--paragraph-color)}.find-teachers .teacher-card .teacher-footer .price-info .first-free{font-size:.75rem;color:#4caf50;font-weight:600;margin-left:.5rem}.find-teachers .teacher-card .teacher-footer .teacher-actions .message-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--main-color);border:none;border-radius:50%;color:var(--paragraph-color);cursor:pointer;transition:all .2s ease}.find-teachers .teacher-card .teacher-footer .teacher-actions .message-btn:hover{background-color:var(--highlight-color);color:var(--button-text);transform:scale(1.1)}.find-teachers .no-teachers{text-align:center;padding:3rem 2rem;color:var(--paragraph-color);background-color:var(--background-secondary);border-radius:var(--border-radius);border:1px dashed var(--border-color)}.find-teachers .no-teachers svg{color:var(--paragraph-color);opacity:.5;margin-bottom:1rem}.find-teachers .no-teachers h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--headline-color)}.find-teachers .no-teachers p{margin:0;color:var(--paragraph-color)}.star-rating{display:flex;align-items:center;gap:.2rem}.star-rating .rating-value{font-weight:600;color:#ffc107;margin-left:.2rem;font-size:.85rem}.lessons-list{display:flex;flex-direction:column;gap:1rem}.lesson-item{display:flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--background-primary);border:1px solid var(--border-color)}.lesson-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px var(--shadow-color)}.lesson-item:hover .play-icon{transform:scale(1.1);background-color:var(--highlight-color)}.lesson-item .lesson-thumbnail{width:120px;min-width:120px;height:80px;background-size:cover;background-position:center;position:relative}.lesson-item .lesson-thumbnail .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background-color:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;transition:all .3s ease}.lesson-item .lesson-thumbnail .lesson-duration{position:absolute;bottom:5px;right:5px;background-color:#000000b3;color:#fff;padding:2px 5px;border-radius:4px;font-size:.7rem}.lesson-item .lesson-details{padding:.75rem;flex-grow:1}.lesson-item .lesson-details h3{margin:0 0 .25rem;font-size:.95rem;color:var(--headline-color);font-family:var(--font-tajawal)}.lesson-item .lesson-details p{margin:0;color:var(--paragraph-color);font-size:.8rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-item{display:flex;align-items:center;padding:.75rem;border-radius:var(--border-radius);background-color:var(--background-secondary);transition:transform .3s ease;border:1px solid var(--border-color)}.event-item:hover{transform:translateY(-3px);background-color:var(--background-primary)}.event-item .event-icon{margin-right:.75rem;padding:.4rem;border-radius:6px;background-color:var(--main-color);color:var(--paragraph-color)}.event-item .event-icon.live{color:#f44336}.event-item .event-icon.review{color:#4caf50}.event-item .event-icon.lab{color:#2196f3}.event-item .event-details{flex-grow:1}.event-item .event-details h3{margin:0 0 .25rem;font-size:.95rem;color:var(--headline-color);font-family:var(--font-tajawal)}.event-item .event-details .event-time{display:flex;align-items:center;gap:.25rem;color:var(--paragraph-color);font-size:.8rem;margin:0}.course-progress .course-progress-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}@media (max-width: 768px){.course-progress .course-progress-container{grid-template-columns:1fr;gap:1rem}}.course-progress .course-progress-card{background-color:var(--background-primary);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.course-progress .course-progress-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-color)}@media (max-width: 768px){.course-progress .course-progress-card{padding:1.25rem}}@media (max-width: 480px){.course-progress .course-progress-card{padding:1rem}}.course-progress .course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.course-progress .course-header .course-info{flex:1;margin-right:1rem}.course-progress .course-header .course-info .course-title{font-size:1.1rem;font-weight:600;color:var(--headline-color);margin:0 0 .5rem;line-height:1.3}@media (max-width: 480px){.course-progress .course-header .course-info .course-title{font-size:1rem}}.course-progress .course-header .course-info .course-instructor{font-size:.9rem;color:var(--paragraph-color);margin:0}@media (max-width: 480px){.course-progress .course-header .course-info .course-instructor{font-size:.85rem}}.course-progress .course-header .course-level .level-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-align:center;min-width:60px}.course-progress .course-header .course-level .level-badge.level-advanced{background-color:#dbeafe;color:#1e40af}.course-progress .course-header .course-level .level-badge.level-medium{background-color:#fef3c7;color:#92400e}.course-progress .course-header .course-level .level-badge.level-beginner{background-color:#d1fae5;color:#065f46}.course-progress .course-progress-section{margin-bottom:1.5rem}.course-progress .course-progress-section .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.course-progress .course-progress-section .progress-info .progress-label{font-size:.9rem;color:var(--paragraph-color);font-weight:500}.course-progress .course-progress-section .progress-info .progress-percentage{font-size:1rem;color:var(--headline-color);font-weight:600}.course-progress .course-progress-section .progress-bar{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.course-progress .course-progress-section .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:4px;transition:width .3s ease}.course-progress .course-progress-section .progress-stats{font-size:.8rem;color:var(--paragraph-color)}.course-progress .course-next-lesson{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}@media (max-width: 480px){.course-progress .course-next-lesson{flex-direction:column;align-items:flex-start;gap:1rem}}.course-progress .course-next-lesson .next-lesson-info{flex:1}.course-progress .course-next-lesson .next-lesson-info h4{font-size:.9rem;color:var(--headline-color);margin:0 0 .5rem;font-weight:600}.course-progress .course-next-lesson .next-lesson-info .lesson-title{font-size:.85rem;color:var(--headline-color);margin:0 0 .5rem;font-weight:500}.course-progress .course-next-lesson .next-lesson-info .lesson-time{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--paragraph-color)}.course-progress .course-next-lesson .next-lesson-info .lesson-time svg{width:14px;height:14px}.course-progress .course-next-lesson .continue-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--highlight-color);color:var(--button-text);border:none;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.course-progress .course-next-lesson .continue-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width: 480px){.course-progress .course-next-lesson .continue-btn{width:100%;justify-content:center}}@media (max-width: 768px){.dashboard-page{padding:.75rem}.quick-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-stats .stat-card{padding:1rem}.quick-stats .stat-card .stat-icon{width:40px;height:40px;margin-bottom:.75rem}.quick-stats .stat-card .stat-content h3{font-size:1.25rem}.lesson-item .lesson-thumbnail{width:100px;min-width:100px}.course-progress .course-progress-container{gap:.75rem}.course-progress .course-progress-card{padding:1rem}.page-header .dashboard-actions{gap:.5rem}.page-header .dashboard-actions .filter-button span{display:none}}@media (max-width: 576px){.quick-stats{grid-template-columns:1fr}.lesson-item{flex-direction:column}.lesson-item .lesson-thumbnail{width:100%;height:120px}.lesson-item .lesson-details{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header .dashboard-actions{width:100%;justify-content:space-between}.course-progress .course-progress-card{padding:.75rem}.course-progress .course-progress-card .course-header{margin-bottom:1rem}.course-progress .course-progress-card .course-header .course-info .course-title{font-size:.95rem}.course-progress .course-progress-card .course-progress-section{margin-bottom:1rem}.course-progress .course-progress-card .course-next-lesson{padding-top:.75rem}}.dark-mode .event-item{background-color:var(--background-secondary)}.dark-mode .stat-card{background-color:var(--background-primary)}.dark-mode .course-progress .course-progress-card{background-color:var(--background-primary);border-color:var(--border-color)}.dark-mode .course-progress .level-badge.level-advanced{background-color:#3b82f633;color:#93c5fd}.dark-mode .course-progress .level-badge.level-medium{background-color:#f59e0b33;color:#fcd34d}.dark-mode .course-progress .level-badge.level-beginner{background-color:#22c55e33;color:#86efac}.dark-mode .course-progress .progress-bar{background-color:#ffffff1a}.forgot-password-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:var(--background-primary);position:relative}.forgot-password-container:before{content:"";position:absolute;width:100%;height:100%;z-index:-1;opacity:.03;background-image:radial-gradient(var(--headline-color) 1px,transparent 1px),radial-gradient(var(--headline-color) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px}.forgot-password-container .theme-toggle{position:absolute;top:2rem;right:2rem;width:40px;height:40px;border-radius:50%;background-color:var(--main-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px var(--shadow-color);transition:all .3s ease}.forgot-password-container .theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-color)}.forgot-password-card{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 8px 30px var(--shadow-color);padding:2rem;width:100%;max-width:500px}.forgot-password-card .card-header{text-align:center;margin-bottom:2rem}.forgot-password-card .card-header h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--headline-color)}.forgot-password-card .card-header p{color:var(--paragraph-color);font-size:.95rem;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.forgot-password-form .form-group label{font-size:.875rem;font-weight:500;color:var(--headline-color)}.forgot-password-form .form-group input{width:100%;padding:.75rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background-primary);font-size:1rem;transition:border-color .3s,box-shadow .3s;color:var(--headline-color)}.forgot-password-form .form-group input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color),.2)}.forgot-password-form .error-message{background-color:#e539351a;color:var(--error-color);padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.875rem}.forgot-password-form .success-message{background-color:#2cb67d1a;color:var(--success-color);padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.875rem}.forgot-password-form .reset-button{padding:.9rem 1.5rem;border-radius:var(--border-radius);border:none;background-color:var(--button-bg);color:var(--button-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.forgot-password-form .reset-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 5px 15px rgba(var(--button-bg),.3)}.forgot-password-form .reset-button:disabled{opacity:.7;cursor:not-allowed}.forgot-password-form .reset-button .spin{animation:spin 1s linear infinite}.back-to-login{margin-top:2rem;text-align:center}.back-to-login a{display:inline-flex;align-items:center;gap:.5rem;color:var(--highlight-color);text-decoration:none;font-size:.9rem;transition:all .3s ease}.back-to-login a:hover{text-decoration:underline;transform:translate(-3px)}@media (max-width: 576px){.forgot-password-container{padding:1rem}.forgot-password-card{padding:1.5rem}.theme-toggle{top:1rem;right:1rem}}.calendar-page{padding:1rem;max-width:1200px;margin:0 auto}.calendar-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.calendar-page .page-header .header-title{display:flex;align-items:center;gap:.75rem}.calendar-page .page-header .header-title h1{margin:0;font-size:1.75rem;color:var(--headline-color);font-family:var(--font-tajawal)}.calendar-page .page-header .header-title svg{color:var(--highlight-color)}.calendar-page .page-header .calendar-filters{display:flex;gap:1rem}.calendar-page .page-header .calendar-filters .view-selector{display:flex;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.calendar-page .page-header .calendar-filters .view-selector button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;cursor:pointer;color:var(--paragraph-color);border-right:1px solid var(--border-color)}.calendar-page .page-header .calendar-filters .view-selector button:last-child{border-right:none}.calendar-page .page-header .calendar-filters .view-selector button.active{background-color:var(--main-color);color:var(--highlight-color)}.calendar-page .page-header .calendar-filters .view-selector button:hover:not(.active){background-color:var(--background-secondary)}.calendar-page .page-header .calendar-filters .filter-dropdown{position:relative}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--paragraph-color)}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-btn:hover{background-color:var(--background-secondary)}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px var(--shadow-color);z-index:10;min-width:200px}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-header h3{margin:0;font-size:.9rem;color:var(--headline-color)}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-options{padding:.5rem}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-options .filter-option{margin-bottom:.5rem}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-options .filter-option .filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-options .filter-option .filter-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-options .filter-option .filter-checkbox .checkbox-custom{position:relative;height:18px;width:18px;border:2px solid var(--border-color);border-radius:3px}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-options .filter-option .filter-checkbox .checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-options .filter-option .filter-checkbox input:checked~.checkbox-custom:after{display:block}.calendar-page .page-header .calendar-filters .filter-dropdown .filter-menu .filter-options .filter-option .filter-checkbox .filter-label{font-size:.9rem;color:var(--paragraph-color)}.calendar-page .page-header .calendar-filters .add-event-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#3c3c3c;color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500}.calendar-page .page-header .calendar-filters .add-event-btn:hover{background-color:var(--highlight-color)}.calendar-page .calendar-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-page .calendar-navigation .current-date{font-size:1.2rem;color:var(--headline-color);font-weight:600;margin:0}.calendar-page .calendar-navigation .nav-btn{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem;cursor:pointer;color:var(--paragraph-color);display:flex;align-items:center;justify-content:center}.calendar-page .calendar-navigation .nav-btn:hover{background-color:var(--background-secondary);color:var(--highlight-color)}.calendar-page .calendar-container{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);overflow:hidden}.calendar-page .calendar-container .month-view .weekdays{display:grid;grid-template-columns:repeat(7,1fr);background-color:var(--background-secondary);border-bottom:1px solid var(--border-color)}.calendar-page .calendar-container .month-view .weekdays .weekday{padding:1rem 0;text-align:center;font-weight:600;color:var(--headline-color)}.calendar-page .calendar-container .month-view .days-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-page .calendar-container .month-view .days-grid .day-cell{min-height:100px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:.5rem}.calendar-page .calendar-container .month-view .days-grid .day-cell:nth-child(7n){border-right:none}.calendar-page .calendar-container .month-view .days-grid .day-cell.outside-month{background-color:var(--background-secondary);opacity:.6}.calendar-page .calendar-container .month-view .days-grid .day-cell.clickable{cursor:pointer}.calendar-page .calendar-container .month-view .days-grid .day-cell.clickable:hover{background-color:var(--background-secondary)}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-number{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:.5rem;color:var(--headline-color)}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-number .day-add-btn{visibility:hidden;width:18px;height:18px;border-radius:50%;border:none;background-color:#d6d6d6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-number .day-add-btn:hover{background-color:var(--highlight-color)}.calendar-page .calendar-container .month-view .days-grid .day-cell:hover .day-add-btn{visibility:visible}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events{display:flex;flex-direction:column;gap:.25rem}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events .event-indicator{font-size:.8rem;padding:.25rem .5rem;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;gap:.25rem;cursor:pointer}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events .event-indicator.live{background-color:#f443361a;color:#f44336;border-left:3px solid #f44336}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events .event-indicator.review{background-color:#4caf501a;color:#4caf50;border-left:3px solid #4caf50}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events .event-indicator.lab{background-color:#2196f31a;color:#2196f3;border-left:3px solid #2196f3}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events .event-indicator.deadline{background-color:#ff98001a;color:#ff9800;border-left:3px solid #ff9800}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events .event-indicator .event-time{font-weight:600}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events .more-events{font-size:.8rem;text-align:center;color:var(--paragraph-color);cursor:pointer}.calendar-page .calendar-container .month-view .days-grid .day-cell .day-events .more-events:hover{text-decoration:underline}.calendar-page .calendar-container .list-view{padding:2rem;text-align:center;color:var(--paragraph-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.event-modal{background-color:var(--background-primary);border-radius:var(--border-radius);width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}.event-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.event-modal .modal-header h2{margin:0;font-size:1.2rem;color:var(--headline-color)}.event-modal .modal-header .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--paragraph-color)}.event-modal .modal-header .close-btn:hover{color:var(--highlight-color)}.event-modal .modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.event-modal .modal-body .form-group{margin-bottom:1rem}.event-modal .modal-body .form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--headline-color)}.event-modal .modal-body .form-group input,.event-modal .modal-body .form-group select,.event-modal .modal-body .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--paragraph-color);font-size:.9rem}.event-modal .modal-body .form-group input:focus,.event-modal .modal-body .form-group select:focus,.event-modal .modal-body .form-group textarea:focus{outline:none;border-color:var(--main-color)}.event-modal .modal-body .form-group textarea{min-height:100px;resize:vertical}.event-modal .modal-body .form-row{display:flex;gap:1rem}.event-modal .modal-body .form-row .form-group{flex:1}.event-modal .modal-body .event-details h3{margin-top:0;color:var(--headline-color)}.event-modal .modal-body .event-details .event-date-time,.event-modal .modal-body .event-details .event-course{color:var(--paragraph-color);margin-bottom:.5rem}.event-modal .modal-body .event-details .event-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.8rem;margin:.5rem 0}.event-modal .modal-body .event-details .event-description{margin-top:1rem;white-space:pre-line}.event-modal .modal-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-color);gap:1rem}.event-modal .modal-footer button{padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem}.event-modal .modal-footer .cancel-btn,.event-modal .modal-footer .close-details-btn{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color)}.event-modal .modal-footer .cancel-btn:hover,.event-modal .modal-footer .close-details-btn:hover{background-color:var(--border-color)}.event-modal .modal-footer .save-btn{background-color:#343434;border:none;color:#fff}.event-modal .modal-footer .save-btn:hover{background-color:var(--highlight-color)}.event-modal .modal-footer .delete-btn{background-color:#f44336;border:none;color:#fff;margin-right:auto}.event-modal .modal-footer .delete-btn:hover{background-color:#d32f2f}.calendar-container .event-indicator:hover{filter:brightness(.95)}@media (max-width: 768px){.calendar-page .page-header{flex-direction:column;align-items:flex-start}.calendar-page .page-header .calendar-filters{width:100%;flex-direction:column}.calendar-page .days-grid .day-cell{min-height:80px}.calendar-page .days-grid .day-cell .event-indicator .event-title{display:none}}@media (max-width: 576px){.calendar-page .days-grid .day-cell{min-height:60px;padding:.25rem}.calendar-page .weekdays .weekday{padding:.5rem 0;font-size:.8rem}}.courses-page{padding:1rem;max-width:1200px;margin:0 auto}.courses-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.courses-page .page-header .header-title{display:flex;align-items:center;gap:.75rem}.courses-page .page-header .header-title h1{margin:0;font-size:1.75rem;color:var(--headline-color);font-family:var(--font-tajawal)}.courses-page .page-header .header-title svg{color:var(--highlight-color)}.courses-page .page-header .courses-actions{display:flex;gap:.75rem;align-items:center}.courses-page .page-header .courses-actions .view-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.courses-page .page-header .courses-actions .view-toggle button{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--paragraph-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.courses-page .page-header .courses-actions .view-toggle button.active{background-color:var(--main-color);color:var(--highlight-color)}.courses-page .page-header .courses-actions .view-toggle button:hover:not(.active){background-color:var(--background-secondary)}.courses-page .page-header .courses-actions .filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--paragraph-color)}.courses-page .page-header .courses-actions .filter-button:hover{background-color:var(--background-secondary)}.courses-page .page-header .courses-actions .filter-button .rotate{transform:rotate(180deg);transition:transform .3s ease}.courses-page .page-header .courses-actions .add-course-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--highlight-color);border:1px solid var(--highlight-color);border-radius:var(--border-radius);cursor:pointer;color:#fff;font-weight:500;transition:all .3s ease}.courses-page .page-header .courses-actions .add-course-button:hover{background-color:var(--highlight-hover, #0056b3);transform:translateY(-2px)}.courses-page .page-header .courses-actions .add-course-button svg{stroke-width:2.5px}.courses-page .filter-panel{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:1rem;margin-bottom:1.5rem;display:flex;gap:2rem}.courses-page .filter-panel .filter-section{flex:1}.courses-page .filter-panel .filter-section h3{font-size:1rem;margin:0 0 .75rem;color:var(--headline-color)}.courses-page .filter-panel .filter-section .filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.courses-page .filter-panel .filter-section .filter-options button{padding:.4rem .75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;font-size:.85rem}.courses-page .filter-panel .filter-section .filter-options button:hover:not(.active){background-color:var(--main-color)}.courses-page .filter-panel .filter-section .filter-options button.active{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.courses-page .filter-panel .filter-section .filter-options.tags button{display:flex;align-items:center;gap:.4rem}.courses-page .filter-panel .filter-section .filter-options.tags button svg{color:currentColor}.courses-page .filter-panel .filter-section .filter-options.sort-options{position:relative}.courses-page .filter-panel .filter-section .filter-options.sort-options .sort-direction{background-color:var(--background-primary);padding:.4rem;display:flex;align-items:center;justify-content:center}.courses-page .filter-panel .filter-section .filter-options.sort-options .sort-direction:hover{background-color:var(--main-color);color:var(--highlight-color)}.courses-page .courses-grid{display:grid;gap:1.5rem}.courses-page .courses-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.courses-page .courses-grid.grid .course-item{display:flex;flex-direction:column;height:auto}.courses-page .courses-grid.grid .course-item .course-image-container{width:100%;height:200px}.courses-page .courses-grid.grid .course-item .course-info-card{flex:1;display:flex;flex-direction:column}.courses-page .courses-grid.grid .course-item .course-info-card .info-container{flex:1;display:flex;flex-direction:column;height:100%}.courses-page .courses-grid.grid .course-item .course-info-card .info-container .course-header{flex:1}.courses-page .courses-grid.grid .course-item .course-info-card .info-container .course-footer{margin-top:auto}.courses-page .courses-grid.list{grid-template-columns:1fr}.courses-page .courses-grid.list .course-item{display:flex;flex-direction:row;align-items:flex-start;min-height:auto;gap:1.5rem}.courses-page .courses-grid.list .course-item .course-image-container{width:280px;min-width:280px;height:200px;flex-shrink:0}.courses-page .courses-grid.list .course-item .course-info-card{flex:1;display:flex}.courses-page .courses-grid.list .course-item .course-info-card .info-container{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:100%}.courses-page .courses-grid.list .course-item .course-info-card .info-container .course-header{flex:1;display:flex;flex-direction:column}.courses-page .courses-grid.list .course-item .course-info-card .info-container .course-header .course-title{margin-bottom:.5rem}.courses-page .courses-grid.list .course-item .course-info-card .info-container .course-header .course-instructor{margin-bottom:.75rem}.courses-page .courses-grid.list .course-item .course-info-card .info-container .course-header .course-info{margin-bottom:1rem}.courses-page .courses-grid.list .course-item .course-info-card .info-container .course-header .course-tags{margin-top:auto;margin-bottom:1rem}.courses-page .courses-grid.list .course-item .course-info-card .info-container .course-footer{margin-top:0;flex-shrink:0}.courses-page .courses-grid .course-item{border-radius:var(--card-border-radius);overflow:visible;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;gap:1rem}.courses-page .courses-grid .course-item:before{display:none}.courses-page .courses-grid .course-item:hover{transform:translateY(-8px) scale(1.02)}.courses-page .courses-grid .course-item:hover .course-image-container{transform:scale(1.05)}.courses-page .courses-grid .course-item:hover .course-info-card{transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a,0 0 0 1px rgba(var(--highlight-color-rgb),.1)}.courses-page .courses-grid .course-item:hover .course-overlay{opacity:.8}.courses-page .courses-grid .course-item .course-image-container{position:relative;overflow:hidden;border-radius:var(--card-border-radius);box-shadow:0 8px 16px #0000001a;transition:transform .4s cubic-bezier(.4,0,.2,1)}.courses-page .courses-grid .course-item .course-image-container .course-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:var(--card-border-radius)}.courses-page .courses-grid .course-item .course-image-container .course-image .img-container{position:absolute;top:0;left:0;width:100%;height:100%}.courses-page .courses-grid .course-item .course-image-container .course-image .course-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#0006,#000000b3);opacity:.4;transition:opacity .4s ease;z-index:1}.courses-page .courses-grid .course-item .course-image-container .course-image .course-level{position:absolute;top:1rem;right:1rem;background:rgba(var(--highlight-color-rgb),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--button-text);padding:.5rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:2;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}.courses-page .courses-grid .course-item .course-image-container .course-image .featured-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,var(--success-color, #22c55e),#16a34a);color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.3rem;z-index:2;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}.courses-page .courses-grid .course-item .course-image-container .course-image .featured-badge svg{color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.courses-page .courses-grid .course-item .course-image-container .course-image .draft-badge{position:absolute;bottom:1rem;right:1rem;background:linear-gradient(135deg,var(--warning-color, #f59e0b),#d97706);color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.3rem;z-index:2;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}.courses-page .courses-grid .course-item .course-info-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--card-shadow);border-radius:var(--card-border-radius);padding:1.5rem;position:relative;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1)}.courses-page .courses-grid .course-item .course-info-card .info-container{width:100%}.courses-page .courses-grid .course-item .course-info-card .info-container .course-header .course-title{margin:0 0 .75rem;color:var(--headline-color);font-size:1.2rem;font-weight:700;line-height:1.3;font-family:var(--font-tajawal)}.courses-page .courses-grid .course-item .course-info-card .info-container .course-header .course-instructor{margin:0 0 1rem;color:var(--paragraph-color);font-size:.95rem;font-weight:500;opacity:.8}.courses-page .courses-grid .course-item .course-info-card .info-container .course-header .course-info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--paragraph-color);margin-bottom:1.25rem;opacity:.7;font-weight:500}.courses-page .courses-grid .course-item .course-info-card .info-container .course-header .course-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.courses-page .courses-grid .course-item .course-info-card .info-container .course-header .course-tags .course-tag{padding:.4rem .75rem;background:rgba(var(--highlight-color-rgb),.1);border:1px solid rgba(var(--highlight-color-rgb),.2);border-radius:20px;font-size:.75rem;color:var(--highlight-color);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;transition:all .3s ease}.courses-page .courses-grid .course-item .course-info-card .info-container .course-header .course-tags .course-tag:hover{background:rgba(var(--highlight-color-rgb),.15);transform:translateY(-1px)}.courses-page .courses-grid .course-item .course-info-card .info-container .course-header .course-tags .more-tags{padding:.4rem .75rem;background:rgba(var(--paragraph-color),.1);border:1px solid rgba(var(--paragraph-color),.2);border-radius:20px;font-size:.75rem;color:var(--paragraph-color);font-weight:500}.courses-page .courses-grid .course-item .course-info-card .info-container .course-footer .course-progress .progress-label{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.5rem;color:var(--paragraph-color);font-weight:600}.courses-page .courses-grid .course-item .course-info-card .info-container .course-footer .course-progress .progress-bar{height:8px;background:rgba(var(--highlight-color-rgb),.1);border-radius:4px;overflow:hidden;position:relative}.courses-page .courses-grid .course-item .course-info-card .info-container .course-footer .course-progress .progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(var(--highlight-color-rgb),.1),rgba(var(--highlight-color-rgb),.2));border-radius:4px}.courses-page .courses-grid .course-item .course-info-card .info-container .course-footer .course-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--highlight-color) 0%,rgba(var(--highlight-color-rgb),.8) 100%);border-radius:4px;position:relative;z-index:1;transition:width .6s cubic-bezier(.4,0,.2,1)}.courses-page .no-courses{grid-column:1/-1;text-align:center;padding:3rem;color:var(--paragraph-color);background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.courses-page .loading-container,.courses-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);margin-top:1rem}.courses-page .loading-container p,.courses-page .error-container p{margin-top:1rem;color:var(--paragraph-color);font-size:1rem}.courses-page .error-container p{color:var(--error-color, #dc2626)}.courses-page .spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(var(--highlight-color-rgb, 0, 123, 255),.2);border-radius:50%;border-top-color:var(--highlight-color);animation:spin 1s linear infinite}@media (max-width: 992px){.courses-page .courses-page .page-header{flex-direction:column;align-items:flex-start}.courses-page .courses-page .page-header .courses-actions{width:100%;justify-content:space-between}.courses-page .courses-page .page-header .courses-actions .add-course-button{padding:.5rem}.courses-page .courses-page .page-header .courses-actions .add-course-button span{display:none}.courses-page .courses-page .filter-panel{flex-direction:column;gap:1rem}.courses-page .courses-page .courses-grid.list .course-item{flex-direction:column;min-height:auto;gap:1rem}.courses-page .courses-page .courses-grid.list .course-item .course-image-container{width:100%;height:200px}.courses-page .courses-page .courses-grid.list .course-item .course-info-card .info-container .course-header .course-tags{margin-top:0}}@media (max-width: 576px){.courses-page .courses-page .page-header .courses-actions{flex-wrap:wrap;gap:.5rem}.courses-page .courses-page .courses-grid.list .course-item .course-image-container{width:100%;min-width:auto}}.session-type-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.session-type-modal{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;overflow-y:auto;animation:slideUp .3s ease-out;display:flex;flex-direction:column;width:100%;max-width:690px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--headline-color);font-size:1.4rem}.modal-header .close-button{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-header .close-button:hover{background-color:var(--background-secondary);color:var(--highlight-color)}.modal-content-session-type{padding:1.5rem;flex:1;width:100%;box-sizing:border-box}.modal-content-session-type .modal-description{color:var(--paragraph-color);margin-top:0;margin-bottom:1.5rem}.modal-content-session-type .session-types{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}.modal-content-session-type .session-types .session-type-card{background-color:var(--background-secondary);border:2px solid var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.modal-content-session-type .session-types .session-type-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.modal-content-session-type .session-types .session-type-card.selected{border-color:var(--highlight-color);background-color:var(--background-primary);position:relative;box-shadow:0 0 0 2px var(--highlight-color)}.modal-content-session-type .session-types .session-type-card.selected:after{content:"";position:absolute;top:-4px;right:-4px;width:16px;height:16px;background-color:var(--highlight-color);border-radius:50%;border:2px solid var(--background-primary)}.modal-content-session-type .session-types .session-type-card .card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;margin-bottom:1rem}.modal-content-session-type .session-types .session-type-card .card-icon.live{background-color:#f443361a;color:#f44336}.modal-content-session-type .session-types .session-type-card .card-icon.upcoming{background-color:#4caf501a;color:#4caf50}.modal-content-session-type .session-types .session-type-card .card-icon.recorded{background-color:#2196f31a;color:#2196f3}.modal-content-session-type .session-types .session-type-card h3{margin:0 0 .5rem;color:var(--headline-color);font-size:1.1rem}.modal-content-session-type .session-types .session-type-card p{margin:0;color:var(--paragraph-color);font-size:.9rem;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);gap:1rem}.modal-footer button{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease}.modal-footer .cancel-button{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color)}.modal-footer .cancel-button:hover{background-color:var(--background-hover)}.modal-footer .continue-button{background-color:var(--highlight-color);border:1px solid var(--highlight-color);color:#fff}.modal-footer .continue-button:hover:not(:disabled){background-color:var(--highlight-hover, #0056b3)}.modal-footer .continue-button:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-content-session-type .session-types{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.modal-content-session-type .session-types{grid-template-columns:1fr}}.live-sessions-page{padding:1rem;max-width:1200px;margin:0 auto}.live-sessions-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.live-sessions-page .page-header .header-title{display:flex;align-items:center;gap:.75rem}.live-sessions-page .page-header .header-title h1{margin:0;font-size:1.75rem;color:var(--headline-color);font-family:var(--font-tajawal)}.live-sessions-page .page-header .header-title svg{color:var(--highlight-color)}.live-sessions-page .page-header .sessions-actions{display:flex;gap:.75rem;align-items:center}.live-sessions-page .page-header .sessions-actions .view-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.live-sessions-page .page-header .sessions-actions .view-toggle button{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--paragraph-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.live-sessions-page .page-header .sessions-actions .view-toggle button.active{background-color:var(--main-color);color:var(--highlight-color)}.live-sessions-page .page-header .sessions-actions .view-toggle button:hover:not(.active){background-color:var(--background-secondary)}.live-sessions-page .page-header .sessions-actions .filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--paragraph-color)}.live-sessions-page .page-header .sessions-actions .filter-button:hover{background-color:var(--background-secondary)}.live-sessions-page .page-header .sessions-actions .filter-button .rotate{transform:rotate(180deg);transition:transform .3s ease}.live-sessions-page .page-header .sessions-actions .add-session-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--highlight-color);border:1px solid var(--highlight-color);border-radius:var(--border-radius);cursor:pointer;color:#fff;font-weight:500;transition:all .3s ease}.live-sessions-page .page-header .sessions-actions .add-session-button:hover{background-color:var(--highlight-hover, #0056b3);transform:translateY(-2px)}.live-sessions-page .page-header .sessions-actions .add-session-button svg{stroke-width:2.5px}.live-sessions-page .filter-panel{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:1rem;margin-bottom:1.5rem;display:flex;gap:2rem}.live-sessions-page .filter-panel .filter-section{flex:1}.live-sessions-page .filter-panel .filter-section h3{font-size:1rem;margin:0 0 .75rem;color:var(--headline-color)}.live-sessions-page .filter-panel .filter-section .filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.live-sessions-page .filter-panel .filter-section .filter-options button{padding:.4rem .75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;font-size:.85rem}.live-sessions-page .filter-panel .filter-section .filter-options button:hover:not(.active){background-color:var(--main-color)}.live-sessions-page .filter-panel .filter-section .filter-options button.active{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.live-sessions-page .sessions-list{display:flex;flex-direction:column;gap:1.5rem}.live-sessions-page .sessions-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.live-sessions-page .sessions-list.grid .session-card{display:flex;flex-direction:column;height:auto;gap:1rem}.live-sessions-page .sessions-list.grid .session-card .session-image-container{width:100%;height:200px}.live-sessions-page .sessions-list.grid .session-card .session-info-card{flex:1;display:flex;flex-direction:column;height:200px;overflow-y:auto}.live-sessions-page .sessions-list.list .session-card{display:flex;flex-direction:row;align-items:stretch;min-height:auto;gap:1.5rem}.live-sessions-page .sessions-list.list .session-card .session-image-container{width:280px;min-width:280px;height:280px;flex-shrink:0}.live-sessions-page .sessions-list.list .session-card .session-info-card{flex:1;display:flex;flex-direction:column;height:280px;overflow-y:auto}.live-sessions-page .sessions-list .session-card{border-radius:var(--card-border-radius);overflow:visible;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.live-sessions-page .sessions-list .session-card:hover{transform:translateY(-8px) scale(1.02)}.live-sessions-page .sessions-list .session-card:hover .session-image-container{transform:scale(1.05)}.live-sessions-page .sessions-list .session-card:hover .session-info-card{transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a,0 0 0 1px rgba(var(--highlight-color-rgb),.1)}.live-sessions-page .sessions-list .session-card:hover .session-overlay{opacity:.8}.live-sessions-page .sessions-list .session-card.live .session-image-container .live-badge{background:linear-gradient(135deg,#f44336,#d32f2f);animation:pulse 1.5s infinite}.live-sessions-page .sessions-list .session-card.live .session-info-card{border-left:4px solid #f44336}.live-sessions-page .sessions-list .session-card.upcoming .session-image-container .upcoming-badge{background:linear-gradient(135deg,#4caf50,#388e3c)}.live-sessions-page .sessions-list .session-card.upcoming .session-info-card{border-left:4px solid #4caf50}.live-sessions-page .sessions-list .session-card.completed .session-image-container .completed-badge{background:linear-gradient(135deg,#2196f3,#1976d2)}.live-sessions-page .sessions-list .session-card.completed .session-info-card{border-left:4px solid #2196f3}.live-sessions-page .sessions-list .session-card .session-image-container{position:relative;overflow:hidden;border-radius:var(--card-border-radius);box-shadow:0 8px 16px #0000001a;transition:transform .4s cubic-bezier(.4,0,.2,1)}.live-sessions-page .sessions-list .session-card .session-image-container .session-image{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--card-border-radius)}.live-sessions-page .sessions-list .session-card .session-image-container .session-image .session-img{width:100%;height:100%}.live-sessions-page .sessions-list .session-card .session-image-container .session-image .session-img .img-container,.live-sessions-page .sessions-list .session-card .session-image-container .session-image .session-img .img-container .lazy-load-image-background{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.live-sessions-page .sessions-list .session-card .session-image-container .session-image .session-img .img-container .lazy-load-image-background img{width:100%!important;height:100%!important;object-fit:cover!important}.live-sessions-page .sessions-list .session-card .session-image-container .session-image .session-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#0006,#000000b3);opacity:.4;transition:opacity .4s ease;z-index:1}.live-sessions-page .sessions-list .session-card .session-image-container .session-image .live-badge,.live-sessions-page .sessions-list .session-card .session-image-container .session-image .upcoming-badge,.live-sessions-page .sessions-list .session-card .session-image-container .session-image .completed-badge{position:absolute;top:1rem;right:1rem;color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:2;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-sessions-page .sessions-list .session-card .session-image-container .session-image .live-badge{background:linear-gradient(135deg,#f44336,#d32f2f);animation:pulse 1.5s infinite}.live-sessions-page .sessions-list .session-card .session-image-container .session-image .upcoming-badge{background:linear-gradient(135deg,#4caf50,#388e3c)}.live-sessions-page .sessions-list .session-card .session-image-container .session-image .completed-badge{background:linear-gradient(135deg,#2196f3,#1976d2)}.live-sessions-page .sessions-list .session-card .session-info-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--card-shadow);border-radius:var(--card-border-radius);padding:1.5rem;position:relative;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem;overflow-y:auto;box-sizing:border-box}.live-sessions-page .sessions-list .session-card .session-info-card::-webkit-scrollbar{width:4px}.live-sessions-page .sessions-list .session-card .session-info-card::-webkit-scrollbar-track{background:transparent}.live-sessions-page .sessions-list .session-card .session-info-card::-webkit-scrollbar-thumb{background:rgba(var(--highlight-color-rgb),.3);border-radius:2px}.live-sessions-page .sessions-list .session-card .session-info-card::-webkit-scrollbar-thumb:hover{background:rgba(var(--highlight-color-rgb),.5)}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-title{margin:0 0 .5rem;color:var(--headline-color);font-size:1.25rem;font-weight:700;line-height:1.3;font-family:var(--font-tajawal);word-wrap:break-word;overflow-wrap:break-word}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-instructor{margin:0;color:var(--paragraph-color);font-size:.95rem;font-weight:500;opacity:.8;word-wrap:break-word;overflow-wrap:break-word}.live-sessions-page .sessions-list .session-card .session-info-card .session-info{display:flex;gap:1.5rem;flex-wrap:wrap}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.85rem;font-weight:500}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item svg{color:var(--highlight-color);stroke-width:2px}.live-sessions-page .sessions-list .session-card .session-info-card .session-description p{margin:0;color:var(--paragraph-color);font-size:.9rem;line-height:1.5;opacity:.9;word-wrap:break-word;overflow-wrap:break-word}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics h4{margin:0 0 .75rem;color:var(--headline-color);font-size:.9rem;font-weight:600}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list{display:flex;flex-wrap:wrap;gap:.5rem;max-height:60px;overflow-y:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list .topic-badge{padding:.4rem .75rem;background:rgba(var(--highlight-color-rgb),.1);border:1px solid rgba(var(--highlight-color-rgb),.2);border-radius:20px;font-size:.75rem;color:var(--highlight-color);font-weight:500;transition:all .3s ease;flex-shrink:0}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list .topic-badge:hover{background:rgba(var(--highlight-color-rgb),.15);transform:translateY(-1px)}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button{padding:.6rem 1.2rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background-primary);color:var(--paragraph-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button.join{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border-color:#f44336}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button.join:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button.remind{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border-color:#4caf50}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button.remind:hover{background:linear-gradient(135deg,#388e3c,#2e7d32)}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button.watch{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-color:#2196f3}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button.watch:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button.details:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color)}.live-sessions-page .sessions-list .no-sessions{text-align:center;padding:3rem;color:var(--paragraph-color);background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--paragraph-color);background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.loading-container .spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--highlight-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.loading-container p{font-size:.95rem}.error-container{padding:2rem;background-color:var(--background-primary);border-radius:var(--border-radius);text-align:center;margin-bottom:1.5rem;border-left:4px solid #f44336}.error-container p{margin:0 0 1rem;color:var(--paragraph-color)}.error-container button{padding:.5rem 1rem;background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500}.error-container button:hover{background-color:var(--highlight-hover, #0056b3)}@media (max-width: 992px){.live-sessions-page{padding:.75rem}.live-sessions-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.live-sessions-page .page-header .header-title h1{font-size:1.5rem}.live-sessions-page .page-header .sessions-actions{width:100%;justify-content:space-between;gap:.75rem}.live-sessions-page .page-header .sessions-actions .view-toggle button{width:36px;height:36px}.live-sessions-page .page-header .sessions-actions .filter-button{padding:.5rem .75rem;font-size:.9rem}.live-sessions-page .page-header .sessions-actions .add-session-button{padding:.5rem .75rem}.live-sessions-page .page-header .sessions-actions .add-session-button span{display:none}.live-sessions-page .filter-panel{flex-direction:column;gap:1rem;padding:1rem}.live-sessions-page .filter-panel .filter-section .filter-options{gap:.5rem}.live-sessions-page .filter-panel .filter-section .filter-options button{padding:.4rem .75rem;font-size:.85rem}.live-sessions-page .sessions-list{gap:1rem}.live-sessions-page .sessions-list.grid{grid-template-columns:1fr;gap:1rem}.live-sessions-page .sessions-list.list .session-card{flex-direction:column;gap:1rem}.live-sessions-page .sessions-list.list .session-card .session-image-container{width:100%;min-width:auto;height:180px;flex-shrink:0}.live-sessions-page .sessions-list .session-card .session-image-container{width:100%;height:180px}.live-sessions-page .sessions-list .session-card .session-info-card{padding:1rem;height:180px;overflow-y:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-title{font-size:1rem;margin-bottom:.4rem;line-height:1.2}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-instructor{font-size:.85rem;margin-bottom:.5rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info{gap:.75rem;margin-bottom:.5rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item{font-size:.8rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item svg{width:14px;height:14px}.live-sessions-page .sessions-list .session-card .session-info-card .session-description{margin-bottom:.5rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-description p{font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics{margin-bottom:.5rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics h4{font-size:.85rem;margin-bottom:.4rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list{gap:.3rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list .topic-badge{padding:.25rem .5rem;font-size:.7rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions{gap:.4rem;margin-top:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button{padding:.4rem .75rem;font-size:.8rem;min-height:36px}.live-sessions-page .sessions-list .session-card.live .session-info-card,.live-sessions-page .sessions-list .session-card.upcoming .session-info-card,.live-sessions-page .sessions-list .session-card.completed .session-info-card{border-left:none;border-top:4px solid}.live-sessions-page .sessions-list .session-card.live .session-info-card{border-top-color:#f44336}.live-sessions-page .sessions-list .session-card.upcoming .session-info-card{border-top-color:#4caf50}.live-sessions-page .sessions-list .session-card.completed .session-info-card{border-top-color:#2196f3}}@media (max-width: 768px){.live-sessions-page{padding:.5rem}.live-sessions-page .page-header .header-title h1{font-size:1.25rem}.live-sessions-page .page-header .sessions-actions{flex-wrap:wrap;gap:.5rem}.live-sessions-page .page-header .sessions-actions .view-toggle{order:1}.live-sessions-page .page-header .sessions-actions .filter-button{order:2;flex:1;justify-content:center}.live-sessions-page .page-header .sessions-actions .add-session-button{order:3;width:100%;justify-content:center}.live-sessions-page .filter-panel{padding:.75rem}.live-sessions-page .filter-panel .filter-section .filter-options{justify-content:center}.live-sessions-page .filter-panel .filter-section .filter-options button{flex:1;text-align:center;min-width:80px}.live-sessions-page .sessions-list.grid{grid-template-columns:1fr}.live-sessions-page .sessions-list.list .session-card{flex-direction:column;gap:1rem}.live-sessions-page .sessions-list.list .session-card .session-image-container{width:100%;min-width:auto;height:160px;flex-shrink:0}.live-sessions-page .sessions-list .session-card .session-image-container{height:160px}.live-sessions-page .sessions-list .session-card .session-info-card{padding:.75rem;height:160px;overflow-y:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-title{font-size:.95rem;margin-bottom:.3rem;line-height:1.2}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-instructor{font-size:.8rem;margin-bottom:.4rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info{flex-direction:column;gap:.4rem;margin-bottom:.4rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item{font-size:.75rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item svg{width:12px;height:12px}.live-sessions-page .sessions-list .session-card .session-info-card .session-description{margin-bottom:.4rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-description p{font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics{margin-bottom:.4rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics h4{font-size:.8rem;margin-bottom:.3rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list{gap:.25rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list .topic-badge{padding:.2rem .4rem;font-size:.65rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions{flex-direction:column;gap:.3rem;margin-top:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button{width:100%;padding:.5rem .75rem;font-size:.8rem;text-align:center;min-height:40px}}@media (max-width: 576px){.live-sessions-page{padding:.5rem}.live-sessions-page .page-header .header-title h1{font-size:1.1rem}.live-sessions-page .page-header .sessions-actions{flex-wrap:wrap;gap:.4rem}.live-sessions-page .page-header .sessions-actions .view-toggle{order:1}.live-sessions-page .page-header .sessions-actions .filter-button{order:2;flex:1;justify-content:center}.live-sessions-page .page-header .sessions-actions .add-session-button{order:3;width:100%;justify-content:center}.live-sessions-page .filter-panel{padding:.5rem}.live-sessions-page .filter-panel .filter-section .filter-options{justify-content:center}.live-sessions-page .filter-panel .filter-section .filter-options button{flex:1;text-align:center;min-width:80px}.live-sessions-page .sessions-list.grid{grid-template-columns:1fr}.live-sessions-page .sessions-list.list .session-card{flex-direction:column;gap:1rem}.live-sessions-page .sessions-list.list .session-card .session-image-container{width:100%;min-width:auto;height:140px;flex-shrink:0}.live-sessions-page .sessions-list .session-card .session-image-container{height:140px}.live-sessions-page .sessions-list .session-card .session-info-card{padding:.5rem;height:140px;overflow-y:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-title{font-size:.9rem;margin-bottom:.25rem;line-height:1.2}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-instructor{font-size:.75rem;margin-bottom:.3rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info{flex-direction:column;gap:.3rem;margin-bottom:.3rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item{font-size:.7rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item svg{width:10px;height:10px}.live-sessions-page .sessions-list .session-card .session-info-card .session-description{margin-bottom:.3rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-description p{font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics{margin-bottom:.3rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics h4{font-size:.75rem;margin-bottom:.25rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list{gap:.2rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list .topic-badge{padding:.15rem .3rem;font-size:.6rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions{gap:.25rem;margin-top:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button{padding:.4rem .5rem;font-size:.75rem;min-height:36px}}@media (max-width: 480px){.live-sessions-page{padding:.25rem}.live-sessions-page .page-header .header-title h1{font-size:1rem}.live-sessions-page .page-header .sessions-actions{gap:.25rem}.live-sessions-page .page-header .sessions-actions .view-toggle button{width:32px;height:32px}.live-sessions-page .page-header .sessions-actions .filter-button,.live-sessions-page .page-header .sessions-actions .add-session-button{padding:.4rem .5rem;font-size:.8rem}.live-sessions-page .filter-panel{padding:.5rem}.live-sessions-page .filter-panel .filter-section h3{font-size:.9rem;margin-bottom:.5rem}.live-sessions-page .filter-panel .filter-section .filter-options{gap:.25rem}.live-sessions-page .filter-panel .filter-section .filter-options button{padding:.3rem .5rem;font-size:.75rem;min-width:60px}.live-sessions-page .sessions-list{gap:.75rem}.live-sessions-page .sessions-list.grid{grid-template-columns:1fr}.live-sessions-page .sessions-list.list .session-card{flex-direction:column;gap:.75rem}.live-sessions-page .sessions-list.list .session-card .session-image-container{width:100%;min-width:auto;height:120px;flex-shrink:0}.live-sessions-page .sessions-list .session-card .session-image-container{height:120px}.live-sessions-page .sessions-list .session-card .session-info-card{padding:.4rem;height:120px;overflow-y:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-title{font-size:.85rem;margin-bottom:.2rem;line-height:1.2}.live-sessions-page .sessions-list .session-card .session-info-card .session-header .session-instructor{font-size:.7rem;margin-bottom:.25rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info{gap:.2rem;margin-bottom:.25rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item{font-size:.65rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-info .info-item svg{width:8px;height:8px}.live-sessions-page .sessions-list .session-card .session-info-card .session-description{margin-bottom:.25rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-description p{font-size:.7rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics{margin-bottom:.25rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics h4{font-size:.7rem;margin-bottom:.2rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list{gap:.15rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-topics .topics-list .topic-badge{padding:.1rem .25rem;font-size:.55rem}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions{gap:.2rem;margin-top:auto}.live-sessions-page .sessions-list .session-card .session-info-card .session-actions .action-button{padding:.3rem .4rem;font-size:.7rem;min-height:32px}}.profile-page{padding:1rem;max-width:1200px;margin:0 auto}.profile-page .profile-header{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:2rem;margin-bottom:1.5rem}.profile-page .profile-header .profile-info{display:flex;align-items:center;gap:1.5rem}.profile-page .profile-header .profile-info .profile-avatar{width:120px;height:120px;position:relative}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload{width:100%;height:100%;position:relative}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-input{display:none}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;overflow:hidden;background-color:var(--background-secondary);border:2px solid var(--border-color);transition:all .3s ease}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label:hover{border-color:var(--highlight-color)}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label:hover .avatar-placeholder .upload-icon{opacity:1;transform:translateY(0)}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label:hover:after{opacity:1}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label:after{content:"Change Photo";position:absolute;bottom:0;left:0;right:0;border-radius:10px;padding:8px;background:#1c1c1ce7;color:#fff;font-size:12px;text-align:center;opacity:0;transition:opacity .3s ease}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label.uploading{cursor:not-allowed;opacity:.7}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label.uploading:after{content:none}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label img,.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label .lazy-load-image-background{width:100%!important;height:100%!important;object-fit:cover}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label img.blur,.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label .lazy-load-image-background.blur{filter:blur(10px)}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label img.lazy-load-image-loaded,.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label .lazy-load-image-background.lazy-load-image-loaded{filter:none;transition:filter .3s ease-in-out}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:var(--highlight-color);background-color:var(--main-color);position:relative}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label .avatar-placeholder .upload-icon{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:8px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(100%);transition:all .3s ease}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label .avatar-loading{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label .avatar-loading .avatar-spinner{width:30px;height:30px;border:3px solid rgba(var(--highlight-color-rgb),.2);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite}.profile-page .profile-header .profile-info .profile-avatar .avatar-upload .avatar-label .avatar-loading span{font-size:12px;color:var(--paragraph-color)}.profile-page .profile-header .profile-info .profile-details{flex:1}.profile-page .profile-header .profile-info .profile-details h1{margin:0 0 .5rem;font-size:1.8rem;color:var(--headline-color);font-family:var(--font-tajawal)}.profile-page .profile-header .profile-info .profile-details .profile-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.profile-page .profile-header .profile-info .profile-details .profile-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.9rem}.profile-page .profile-header .profile-info .profile-details .profile-meta .meta-item svg{color:var(--highlight-color)}.profile-page .profile-navigation{margin-bottom:1.5rem}.profile-page .profile-navigation .profile-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.profile-page .profile-navigation .profile-tabs button{padding:.75rem 1.25rem;background:none;border:none;font-size:1rem;color:var(--paragraph-color);cursor:pointer;border-radius:var(--border-radius);transition:all .3s ease}.profile-page .profile-navigation .profile-tabs button:hover:not(.active){background-color:var(--main-color);color:var(--highlight-color)}.profile-page .profile-navigation .profile-tabs button.active{background-color:var(--highlight-color);color:#fff}.profile-page .profile-content{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:2rem}.profile-page .profile-content .overview-tab .profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.profile-page .profile-content .overview-tab .profile-stats .stat-card{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.profile-page .profile-content .overview-tab .profile-stats .stat-card:hover{transform:translateY(-5px)}.profile-page .profile-content .overview-tab .profile-stats .stat-card .stat-icon{padding:1rem;background-color:var(--main-color);color:var(--highlight-color);border-radius:50%}.profile-page .profile-content .overview-tab .profile-stats .stat-card h3{margin:0 0 .25rem;font-size:1.75rem;color:var(--headline-color)}.profile-page .profile-content .overview-tab .profile-stats .stat-card p{margin:0;color:var(--paragraph-color);font-size:.9rem}.profile-page .profile-content .overview-tab .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.profile-page .profile-content .overview-tab .section-header h3{margin:0;font-size:1.25rem;color:var(--headline-color);font-family:var(--font-tajawal)}.profile-page .profile-content .overview-tab .section-header button{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--highlight-color);font-size:.9rem;cursor:pointer}.profile-page .profile-content .overview-tab .section-header button:hover{text-decoration:underline}.profile-page .profile-content .overview-tab .recent-activity{margin-bottom:2rem}.profile-page .profile-content .overview-tab .recent-activity .activity-list{display:flex;flex-direction:column;gap:.75rem}.profile-page .profile-content .overview-tab .certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.profile-page .profile-content .overview-tab .certificates-grid.expanded{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card:hover{transform:translateY(-5px)}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card.expanded{flex-direction:column;align-items:flex-start;padding:2rem}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card.expanded .certificate-icon{margin-bottom:1rem}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card.expanded .certificate-details{margin-bottom:1.5rem}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-icon{padding:1rem;background-color:var(--main-color);color:var(--highlight-color);border-radius:50%}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-details{flex:1}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-details h4{margin:0 0 .25rem;color:var(--headline-color);font-size:1.1rem}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-details p{margin:0 0 .25rem;color:var(--paragraph-color);font-size:.9rem}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-details .certificate-date{font-size:.8rem;color:var(--paragraph-color);opacity:.8}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-actions{display:flex;gap:.75rem}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-actions button{padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.85rem;cursor:pointer;transition:all .3s ease}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-actions button.view-certificate{background-color:var(--highlight-color);color:var(--button-text);border:none}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-actions button.view-certificate:hover{filter:brightness(1.1)}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-actions button.download-certificate{background-color:var(--background-primary);color:var(--paragraph-color);border:1px solid var(--border-color)}.profile-page .profile-content .overview-tab .certificates-grid .certificate-card .certificate-actions button.download-certificate:hover{background-color:var(--main-color);color:var(--highlight-color)}.profile-page .profile-content .teacher-highlight{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem}.profile-page .profile-content .teacher-highlight .highlight-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0}.profile-page .profile-content .teacher-highlight .highlight-item:not(:last-child){border-bottom:1px solid var(--border-color)}.profile-page .profile-content .teacher-highlight .highlight-item svg{color:var(--highlight-color);background-color:var(--main-color);padding:.5rem;border-radius:50%}.profile-page .profile-content .teacher-highlight .highlight-item h4{margin:0 0 .25rem;font-size:1rem;color:var(--headline-color)}.profile-page .profile-content .teacher-highlight .highlight-item p{margin:0;color:var(--paragraph-color);font-size:.9rem}.profile-page .profile-content .teacher-highlight .teacher-highlight-items{margin-top:1rem}.profile-page .profile-content .teacher-tab .teacher-profile-sections{display:flex;flex-direction:column;gap:2rem}.profile-page .profile-content .teacher-tab .teacher-section{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 8px #0000000d}.profile-page .profile-content .teacher-tab .teacher-section .section-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.profile-page .profile-content .teacher-tab .teacher-section .section-header h4{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--headline-color)}.profile-page .profile-content .teacher-tab .teacher-section .section-header h4 svg{color:var(--highlight-color)}.profile-page .profile-content .teacher-tab .teacher-section .teacher-section-content .info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.profile-page .profile-content .teacher-tab .teacher-section .teacher-section-content .info-row:last-child{margin-bottom:0}.profile-page .profile-content .teacher-tab .teacher-section .teacher-section-content .info-row .info-group.full-width{grid-column:1/-1}.profile-page .profile-content .teacher-tab .teacher-section .teacher-section-content .info-row .info-group label{display:block;font-size:.9rem;color:var(--paragraph-color);margin-bottom:.5rem}.profile-page .profile-content .teacher-tab .teacher-section .teacher-section-content .info-row .info-group p{margin:0;font-size:1rem;color:var(--headline-color)}.profile-page .profile-content .teacher-tab .teacher-section .teacher-section-content .info-row .info-group p.bio-text{line-height:1.6;white-space:pre-line}.profile-page .profile-content .teacher-tab .teacher-section .teacher-section-content .info-row .info-group .tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.profile-page .profile-content .teacher-tab .teacher-section .teacher-section-content .info-row .info-group .tags-container .tag{display:inline-block;padding:.35rem .75rem;background-color:var(--main-color);color:var(--highlight-color);border-radius:30px;font-size:.85rem;font-weight:500}.profile-page .profile-content .empty-state-small{padding:1rem;text-align:center;color:var(--paragraph-color);background-color:var(--background-secondary);border-radius:var(--border-radius);margin-top:.5rem}.profile-page .profile-content .empty-state-small p{margin:0;font-size:.9rem}.profile-page .profile-content .activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--background-secondary);border-radius:var(--border-radius)}.profile-page .profile-content .activity-item.expanded{margin-bottom:1rem}.profile-page .profile-content .activity-item .activity-icon{padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-page .profile-content .activity-item .activity-icon.progress{background-color:#2196f31a;color:#2196f3}.profile-page .profile-content .activity-item .activity-icon.lesson{background-color:#4caf501a;color:#4caf50}.profile-page .profile-content .activity-item .activity-icon.quiz,.profile-page .profile-content .activity-item .activity-icon.certificate{background-color:#ffc1071a;color:#ffc107}.profile-page .profile-content .activity-item .activity-icon.session{background-color:#f443361a;color:#f44336}.profile-page .profile-content .activity-item .activity-details{flex:1}.profile-page .profile-content .activity-item .activity-details h4{margin:0 0 .25rem;color:var(--headline-color);font-size:1rem}.profile-page .profile-content .activity-item .activity-details p{margin:0;color:var(--paragraph-color);font-size:.9rem}.profile-page .profile-content .activity-item .activity-details p strong{color:var(--headline-color)}.profile-page .profile-content .activity-item .activity-details .activity-date{display:block;font-size:.8rem;color:var(--paragraph-color);opacity:.7;margin-top:.5rem}.profile-page .profile-content .activity-item .activity-details .progress-bar{height:6px;background-color:#0000001a;border-radius:3px;margin-top:.5rem;overflow:hidden}.profile-page .profile-content .activity-item .activity-details .progress-bar .progress-fill{height:100%;background-color:#2196f3;border-radius:3px}.profile-page .profile-content .personal-tab .section-header,.profile-page .profile-content .activity-tab .section-header,.profile-page .profile-content .certificates-tab .section-header,.profile-page .profile-content .settings-tab .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.profile-page .profile-content .personal-tab .section-header h3,.profile-page .profile-content .activity-tab .section-header h3,.profile-page .profile-content .certificates-tab .section-header h3,.profile-page .profile-content .settings-tab .section-header h3{margin:0;font-size:1.25rem;color:var(--headline-color);font-family:var(--font-tajawal)}.profile-page .profile-content .personal-tab .section-header .edit-button,.profile-page .profile-content .activity-tab .section-header .edit-button,.profile-page .profile-content .certificates-tab .section-header .edit-button,.profile-page .profile-content .settings-tab .section-header .edit-button{display:flex;align-items:center;gap:.5rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem;color:var(--paragraph-color);font-size:.9rem;cursor:pointer}.profile-page .profile-content .personal-tab .section-header .edit-button:hover,.profile-page .profile-content .activity-tab .section-header .edit-button:hover,.profile-page .profile-content .certificates-tab .section-header .edit-button:hover,.profile-page .profile-content .settings-tab .section-header .edit-button:hover{background-color:var(--main-color);color:var(--highlight-color)}.profile-page .profile-content .personal-tab .section-header.danger-section h3,.profile-page .profile-content .activity-tab .section-header.danger-section h3,.profile-page .profile-content .certificates-tab .section-header.danger-section h3,.profile-page .profile-content .settings-tab .section-header.danger-section h3{color:#f44336}.profile-page .profile-content .personal-tab .edit-form .form-row,.profile-page .profile-content .activity-tab .edit-form .form-row,.profile-page .profile-content .certificates-tab .edit-form .form-row,.profile-page .profile-content .settings-tab .edit-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.profile-page .profile-content .personal-tab .edit-form .form-group label,.profile-page .profile-content .activity-tab .edit-form .form-group label,.profile-page .profile-content .certificates-tab .edit-form .form-group label,.profile-page .profile-content .settings-tab .edit-form .form-group label{display:block;margin-bottom:.5rem;color:var(--headline-color);font-size:.9rem}.profile-page .profile-content .personal-tab .edit-form .form-group input,.profile-page .profile-content .personal-tab .edit-form .form-group select,.profile-page .profile-content .activity-tab .edit-form .form-group input,.profile-page .profile-content .activity-tab .edit-form .form-group select,.profile-page .profile-content .certificates-tab .edit-form .form-group input,.profile-page .profile-content .certificates-tab .edit-form .form-group select,.profile-page .profile-content .settings-tab .edit-form .form-group input,.profile-page .profile-content .settings-tab .edit-form .form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--headline-color);font-size:.95rem}.profile-page .profile-content .personal-tab .edit-form .form-group input:focus,.profile-page .profile-content .personal-tab .edit-form .form-group select:focus,.profile-page .profile-content .activity-tab .edit-form .form-group input:focus,.profile-page .profile-content .activity-tab .edit-form .form-group select:focus,.profile-page .profile-content .certificates-tab .edit-form .form-group input:focus,.profile-page .profile-content .certificates-tab .edit-form .form-group select:focus,.profile-page .profile-content .settings-tab .edit-form .form-group input:focus,.profile-page .profile-content .settings-tab .edit-form .form-group select:focus{outline:none;border-color:var(--highlight-color)}.profile-page .profile-content .personal-tab .edit-form .form-group input:disabled,.profile-page .profile-content .personal-tab .edit-form .form-group select:disabled,.profile-page .profile-content .activity-tab .edit-form .form-group input:disabled,.profile-page .profile-content .activity-tab .edit-form .form-group select:disabled,.profile-page .profile-content .certificates-tab .edit-form .form-group input:disabled,.profile-page .profile-content .certificates-tab .edit-form .form-group select:disabled,.profile-page .profile-content .settings-tab .edit-form .form-group input:disabled,.profile-page .profile-content .settings-tab .edit-form .form-group select:disabled{opacity:.7;cursor:not-allowed}.profile-page .profile-content .personal-tab .edit-form .form-actions,.profile-page .profile-content .activity-tab .edit-form .form-actions,.profile-page .profile-content .certificates-tab .edit-form .form-actions,.profile-page .profile-content .settings-tab .edit-form .form-actions{display:flex;gap:1rem;margin-top:2rem}.profile-page .profile-content .personal-tab .edit-form .form-actions button,.profile-page .profile-content .activity-tab .edit-form .form-actions button,.profile-page .profile-content .certificates-tab .edit-form .form-actions button,.profile-page .profile-content .settings-tab .edit-form .form-actions button{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:.95rem;cursor:pointer}.profile-page .profile-content .personal-tab .edit-form .form-actions .save-button,.profile-page .profile-content .activity-tab .edit-form .form-actions .save-button,.profile-page .profile-content .certificates-tab .edit-form .form-actions .save-button,.profile-page .profile-content .settings-tab .edit-form .form-actions .save-button{background-color:var(--highlight-color);color:var(--button-text);border:none}.profile-page .profile-content .personal-tab .edit-form .form-actions .save-button:hover,.profile-page .profile-content .activity-tab .edit-form .form-actions .save-button:hover,.profile-page .profile-content .certificates-tab .edit-form .form-actions .save-button:hover,.profile-page .profile-content .settings-tab .edit-form .form-actions .save-button:hover{filter:brightness(1.1)}.profile-page .profile-content .personal-tab .edit-form .form-actions .cancel-button,.profile-page .profile-content .activity-tab .edit-form .form-actions .cancel-button,.profile-page .profile-content .certificates-tab .edit-form .form-actions .cancel-button,.profile-page .profile-content .settings-tab .edit-form .form-actions .cancel-button{background-color:var(--background-secondary);color:var(--paragraph-color);border:1px solid var(--border-color)}.profile-page .profile-content .personal-tab .edit-form .form-actions .cancel-button:hover,.profile-page .profile-content .activity-tab .edit-form .form-actions .cancel-button:hover,.profile-page .profile-content .certificates-tab .edit-form .form-actions .cancel-button:hover,.profile-page .profile-content .settings-tab .edit-form .form-actions .cancel-button:hover{background-color:#f5f5f5}.profile-page .profile-content .personal-tab .info-display,.profile-page .profile-content .activity-tab .info-display,.profile-page .profile-content .certificates-tab .info-display,.profile-page .profile-content .settings-tab .info-display{margin-bottom:2rem}.profile-page .profile-content .personal-tab .info-display .info-row,.profile-page .profile-content .activity-tab .info-display .info-row,.profile-page .profile-content .certificates-tab .info-display .info-row,.profile-page .profile-content .settings-tab .info-display .info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.profile-page .profile-content .personal-tab .info-display .info-group label,.profile-page .profile-content .activity-tab .info-display .info-group label,.profile-page .profile-content .certificates-tab .info-display .info-group label,.profile-page .profile-content .settings-tab .info-display .info-group label{display:block;font-size:.9rem;color:var(--paragraph-color);margin-bottom:.25rem}.profile-page .profile-content .personal-tab .info-display .info-group p,.profile-page .profile-content .activity-tab .info-display .info-group p,.profile-page .profile-content .certificates-tab .info-display .info-group p,.profile-page .profile-content .settings-tab .info-display .info-group p{margin:0;font-size:1rem;color:var(--headline-color)}.profile-page .profile-content .settings-tab .settings-section{margin-bottom:2rem}.profile-page .profile-content .settings-tab .settings-section .setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.profile-page .profile-content .settings-tab .settings-section .setting-item:last-child{border-bottom:none}.profile-page .profile-content .settings-tab .settings-section .setting-item .setting-info h4{margin:0 0 .25rem;color:var(--headline-color);font-size:1rem}.profile-page .profile-content .settings-tab .settings-section .setting-item .setting-info p{margin:0;color:var(--paragraph-color);font-size:.9rem}.profile-page .profile-content .settings-tab .settings-section .setting-item .switch{position:relative;display:inline-block;width:50px;height:26px}.profile-page .profile-content .settings-tab .settings-section .setting-item .switch input{opacity:0;width:0;height:0}.profile-page .profile-content .settings-tab .settings-section .setting-item .switch input:checked+.slider{background-color:var(--highlight-color)}.profile-page .profile-content .settings-tab .settings-section .setting-item .switch input:checked+.slider:before{transform:translate(24px)}.profile-page .profile-content .settings-tab .settings-section .setting-item .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s;border-radius:34px}.profile-page .profile-content .settings-tab .settings-section .setting-item .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.profile-page .profile-content .settings-tab .settings-section .setting-select{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.profile-page .profile-content .settings-tab .settings-section .setting-select label{color:var(--headline-color);font-size:.95rem}.profile-page .profile-content .settings-tab .settings-section .setting-select select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--headline-color);width:100%;max-width:300px}.profile-page .profile-content .settings-tab .settings-section .setting-select select:focus{outline:none;border-color:var(--highlight-color)}.profile-page .profile-content .settings-tab .settings-section .setting-danger{padding:1rem;background-color:#f443360d;border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.profile-page .profile-content .settings-tab .settings-section .setting-danger .danger-button{padding:.75rem 1.5rem;background-color:#f44336;color:#fff;border:none;border-radius:var(--border-radius);font-size:.95rem;cursor:pointer}.profile-page .profile-content .settings-tab .settings-section .setting-danger .danger-button:hover{background-color:#d32f2f}.profile-page .profile-content .settings-tab .settings-section .setting-danger p{margin:0;color:var(--paragraph-color);font-size:.9rem}.profile-page .error-message{background-color:#f443361a;color:#f44336;border-left:4px solid #f44336;padding:1rem;margin-bottom:1rem;border-radius:var(--border-radius)}.profile-page .success-message{background-color:#4caf501a;color:#4caf50;border-left:4px solid #4caf50;padding:1rem;margin-bottom:1rem;border-radius:var(--border-radius)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.loading-container .loading-spinner{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.loading-container .loading-spinner .spinner{width:50px;height:50px;border:4px solid var(--main-color);border-radius:50%;border-top-color:var(--highlight-color);animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container .loading-text{color:var(--paragraph-color);font-size:1.1rem;text-align:center;margin:0}@media (max-width: 992px){.profile-page .profile-header .profile-info{flex-direction:column;align-items:center;text-align:center}.profile-page .profile-header .profile-info .profile-details .profile-meta{justify-content:center}}@media (max-width: 768px){.profile-page .profile-navigation .profile-tabs{justify-content:center}.profile-page .profile-navigation .profile-tabs button{padding:.5rem 1rem;font-size:.9rem}.profile-page .profile-content{padding:1.5rem 1rem}.profile-page .personal-tab .info-row,.profile-page .personal-tab .form-row,.profile-page .settings-tab .info-row,.profile-page .settings-tab .form-row{grid-template-columns:1fr}.profile-page .teacher-tab .teacher-section{padding:1.25rem 1rem}.profile-page .teacher-tab .teacher-section .teacher-section-content .info-row{grid-template-columns:1fr;gap:1rem}.profile-page .teacher-tab .teacher-highlight .highlight-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 0}.profile-page .teacher-tab .teacher-highlight .highlight-item svg{margin-bottom:.5rem}}@media (max-width: 576px){.profile-page .section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.profile-page .activity-item{flex-wrap:wrap}.profile-page .activity-item .activity-icon{margin-bottom:.5rem}.profile-page .certificates-card{flex-direction:column;align-items:flex-start}.profile-page .certificates-card .certificate-icon{margin-bottom:1rem}}.save-button,.danger-button{display:flex;align-items:center;justify-content:center;gap:.5rem}.save-button .button-spinner,.danger-button .button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinner-rotate .8s linear infinite}.avatar-loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#fff;animation:spinner-rotate .8s linear infinite}.tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.tab-loading .tab-spinner{width:40px;height:40px;border:3px solid var(--main-color);border-radius:50%;border-top-color:var(--highlight-color);animation:spinner-rotate 1s linear infinite;margin-bottom:1rem}.tab-loading p{color:var(--paragraph-color);font-size:1rem;margin:0}.empty-tab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.empty-tab-state svg{font-size:3rem;color:var(--main-color);margin-bottom:1rem;opacity:.5}.empty-tab-state h3{color:var(--headline-color);margin:0 0 .5rem}.empty-tab-state p{color:var(--paragraph-color);margin:0;max-width:500px}.file-preview-container{position:relative;width:100%;height:100%;background:var(--background-primary);border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.file-preview-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;border-radius:0}.file-preview-container .no-file{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--paragraph-color);text-align:center;padding:2rem}.file-preview-container .no-file svg{opacity:.5;margin-bottom:1rem}.file-preview-container .no-file p{font-size:1.1rem;margin:0}.preview-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--background-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.preview-controls .control-left .file-name{font-size:1.1rem;font-weight:600;color:var(--headline-color);margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-controls .control-right{display:flex;gap:.5rem}.preview-controls .control-right .control-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease}.preview-controls .control-right .control-button:hover{background:var(--highlight-color);color:#fff;border-color:var(--highlight-color);transform:translateY(-1px)}.preview-controls .control-right .control-button.close:hover{background:#dc3545;border-color:#dc3545}.preview-content{flex:1;overflow:hidden;position:relative}.loading-overlay,.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-overlay .spinner,.error-overlay .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-overlay p,.error-overlay p{color:var(--paragraph-color);font-size:.95rem;margin:0}.error-overlay{background:#dc35451a}.error-overlay p{color:#dc3545}.image-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-secondary)}.image-preview .preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius)}.video-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-secondary)}.video-preview .preview-video{max-width:100%;max-height:100%;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a}.audio-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-secondary);padding:2rem}.audio-preview .audio-icon{color:var(--paragraph-color);opacity:.7;margin-bottom:2rem}.audio-preview .preview-audio{width:100%;max-width:400px}.pdf-preview{width:100%;height:100%;background:var(--background-secondary)}.pdf-preview .preview-pdf{width:100%;height:100%;border:none;border-radius:var(--border-radius)}.file-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-secondary);padding:2rem;text-align:center}.file-preview .file-icon{color:var(--paragraph-color);opacity:.7;margin-bottom:1.5rem}.file-preview .file-info h3{font-size:1.2rem;color:var(--headline-color);margin:0 0 .5rem;word-break:break-word}.file-preview .file-info .file-type{color:var(--paragraph-color);font-size:.9rem;margin:0 0 .5rem;opacity:.8}.file-preview .file-info .file-size{color:var(--paragraph-color);font-size:.85rem;margin:0;opacity:.7}@media (max-width: 768px){.file-preview-container .preview-controls{padding:.75rem 1rem}.file-preview-container .preview-controls .control-left .file-name{max-width:200px;font-size:1rem}.file-preview-container .preview-controls .control-right .control-button{width:32px;height:32px}.audio-preview,.file-preview{padding:1rem}}@media (max-width: 480px){.file-preview-container .preview-controls{flex-direction:column;gap:.75rem;align-items:flex-start}.file-preview-container .preview-controls .control-left .file-name{max-width:none}.file-preview-container .preview-controls .control-right{width:100%;justify-content:flex-end}}.edit-modal-overlay{z-index:1002!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.edit-review-modal{background:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 20px 40px #0003;width:90%;max-width:700px;max-height:90vh;overflow:hidden;z-index:1002}.edit-review-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-secondary)}.edit-review-modal .modal-header h3{font-size:1.3rem;color:var(--headline-color);margin:0}.edit-review-modal .modal-header .close-button{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.edit-review-modal .modal-header .close-button:hover{background:var(--background-primary);color:var(--headline-color)}.edit-review-modal .modal-content{padding:1.5rem;max-height:calc(90vh - 80px);overflow-y:auto}.edit-review-modal .modal-content .form-section{margin-bottom:2rem}.edit-review-modal .modal-content .form-section h4{font-size:1.1rem;color:var(--headline-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.edit-review-modal .modal-content .form-section .form-group{margin-bottom:1.5rem}.edit-review-modal .modal-content .form-section .form-group label{display:block;font-weight:600;color:var(--headline-color);margin-bottom:.5rem;font-size:.9rem}.edit-review-modal .modal-content .form-section .form-group input,.edit-review-modal .modal-content .form-section .form-group textarea,.edit-review-modal .modal-content .form-section .form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-secondary);color:var(--headline-color);font-size:.95rem;transition:all .3s ease}.edit-review-modal .modal-content .form-section .form-group input:focus,.edit-review-modal .modal-content .form-section .form-group textarea:focus,.edit-review-modal .modal-content .form-section .form-group select:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.edit-review-modal .modal-content .form-section .form-group input.error,.edit-review-modal .modal-content .form-section .form-group textarea.error,.edit-review-modal .modal-content .form-section .form-group select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.edit-review-modal .modal-content .form-section .form-group input::placeholder,.edit-review-modal .modal-content .form-section .form-group textarea::placeholder,.edit-review-modal .modal-content .form-section .form-group select::placeholder{color:var(--paragraph-color);opacity:.7}.edit-review-modal .modal-content .form-section .form-group textarea{resize:vertical;min-height:80px}.edit-review-modal .modal-content .form-section .form-group .error-message{color:#dc3545;font-size:.85rem;margin-top:.25rem;display:block}.edit-review-modal .modal-content .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.edit-review-modal .modal-content .form-section .form-row{grid-template-columns:1fr}}.edit-review-modal .modal-content .form-section .tags-input .tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.edit-review-modal .modal-content .form-section .tags-input .tags-list .tag{display:flex;align-items:center;gap:.5rem;background:var(--main-color);color:var(--highlight-color);padding:.5rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.edit-review-modal .modal-content .form-section .tags-input .tags-list .tag .remove-tag{background:none;border:none;color:var(--highlight-color);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.edit-review-modal .modal-content .form-section .tags-input .tags-list .tag .remove-tag:hover{background:rgba(var(--highlight-color-rgb),.1)}.edit-review-modal .modal-content .form-section .tags-input .add-tag{display:flex;gap:.5rem}.edit-review-modal .modal-content .form-section .tags-input .add-tag input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-secondary);color:var(--headline-color);font-size:.95rem;transition:all .3s ease}.edit-review-modal .modal-content .form-section .tags-input .add-tag input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.edit-review-modal .modal-content .form-section .tags-input .add-tag input::placeholder{color:var(--paragraph-color);opacity:.7}.edit-review-modal .modal-content .form-section .tags-input .add-tag .add-tag-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.edit-review-modal .modal-content .form-section .tags-input .add-tag .add-tag-btn:hover{background:var(--highlight-hover-color, #0056b3);transform:translateY(-1px)}.edit-review-modal .modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--border-color)}.edit-review-modal .modal-content .modal-actions .cancel-button{padding:.75rem 1.5rem;background:var(--background-secondary);color:var(--headline-color);border:1px solid var(--border-color);border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.edit-review-modal .modal-content .modal-actions .cancel-button:hover{background:var(--main-color);border-color:var(--highlight-color)}.edit-review-modal .modal-content .modal-actions .save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.edit-review-modal .modal-content .modal-actions .save-button:hover{background:var(--highlight-hover-color, #0056b3);transform:translateY(-2px)}@media (max-width: 768px){.edit-review-modal{width:95%;margin:1rem}.edit-review-modal .modal-content{padding:1rem}.edit-review-modal .modal-content .form-section{margin-bottom:1.5rem}}@media (max-width: 480px){.edit-review-modal .modal-header{padding:1rem}.edit-review-modal .modal-header h3{font-size:1.2rem}.edit-review-modal .modal-content .modal-actions{flex-direction:column}.edit-review-modal .modal-content .modal-actions .cancel-button,.edit-review-modal .modal-content .modal-actions .save-button{width:100%;justify-content:center}}.reviews-page{padding:1rem;max-width:1200px;margin:0 auto}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-state .spinner,.error-state .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state h2,.error-state h2{color:var(--headline-color);margin-bottom:.5rem}.loading-state p,.error-state p{color:var(--paragraph-color);margin-bottom:1.5rem}.loading-state button,.error-state button{background:var(--highlight-color);color:var(--button-text);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.loading-state button:hover,.error-state button:hover{background:var(--highlight-hover-color, #0056b3);transform:translateY(-2px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header .header-title{display:flex;align-items:center;gap:.75rem}.page-header .header-title h1{margin:0;font-size:1.75rem;color:var(--headline-color);font-family:var(--font-tajawal)}.page-header .header-title svg{color:var(--highlight-color)}.page-header .reviews-actions{display:flex;gap:.75rem;align-items:center}.page-header .reviews-actions .view-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.page-header .reviews-actions .view-toggle button{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--paragraph-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.page-header .reviews-actions .view-toggle button.active{background-color:var(--main-color);color:var(--highlight-color)}.page-header .reviews-actions .view-toggle button:hover:not(.active){background-color:var(--background-secondary)}.page-header .reviews-actions .filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--paragraph-color)}.page-header .reviews-actions .filter-button:hover{background-color:var(--background-secondary)}.page-header .reviews-actions .filter-button .rotate{transform:rotate(180deg);transition:transform .3s ease}.page-header .reviews-actions .upload-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--highlight-color);border:1px solid var(--highlight-color);border-radius:var(--border-radius);cursor:pointer;color:#fff;font-weight:500;transition:all .3s ease}.page-header .reviews-actions .upload-button:hover{background-color:var(--highlight-hover, #0056b3);transform:translateY(-2px)}.page-header .reviews-actions .upload-button svg{stroke-width:2.5px}.filter-panel{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:1rem;margin-bottom:1.5rem;display:flex;gap:2rem}.filter-panel .filter-section{flex:1}.filter-panel .filter-section h3{font-size:1rem;margin:0 0 .75rem;color:var(--headline-color)}.filter-panel .filter-section .filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-panel .filter-section .filter-options button{padding:.4rem .75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;font-size:.85rem}.filter-panel .filter-section .filter-options button:hover:not(.active){background-color:var(--main-color)}.filter-panel .filter-section .filter-options button.active{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.reviews-content{position:relative}.reviews-grid{display:grid;gap:1.5rem}.reviews-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reviews-grid.grid .review-card{display:flex;flex-direction:column;height:auto;gap:1rem}.reviews-grid.grid .review-card .review-preview{width:100%;height:200px}.reviews-grid.grid .review-card .review-info-card{flex:1;display:flex;flex-direction:column;height:200px;overflow-y:auto}.reviews-grid.list-view{grid-template-columns:1fr}.reviews-grid.list-view .review-card{display:flex;flex-direction:row;align-items:stretch;min-height:auto;gap:1.5rem}.reviews-grid.list-view .review-card .review-preview{width:280px;min-width:280px;height:280px;flex-shrink:0}.reviews-grid.list-view .review-card .review-info-card{flex:1;display:flex;flex-direction:column;height:280px;overflow-y:auto}.review-card{border-radius:var(--card-border-radius);overflow:visible;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.review-card:hover{transform:translateY(-8px) scale(1.02)}.review-card:hover .review-preview{transform:scale(1.05)}.review-card:hover .review-info-card{transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a,0 0 0 1px rgba(var(--highlight-color-rgb),.1)}.review-card:hover .review-overlay{opacity:.8}.review-card .review-preview{position:relative;overflow:hidden;border-radius:var(--card-border-radius);box-shadow:0 8px 16px #0000001a;transition:transform .4s cubic-bezier(.4,0,.2,1)}.review-card .review-preview .review-image{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--card-border-radius)}.review-card .review-preview .review-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.review-card .review-preview .file-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--paragraph-color);gap:.4rem;background:var(--background-secondary)}.review-card .review-preview .file-preview svg{opacity:.7}.review-card .review-preview .file-preview span{font-size:.85rem;text-align:center;padding:0 1rem;word-break:break-word}.review-card .review-preview .video-preview-card{position:relative;width:100%;height:100%}.review-card .review-preview .video-preview-card .review-video{width:100%;height:100%;object-fit:cover;background:var(--background-secondary)}.review-card .review-preview .video-preview-card .video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#fff;background:#0009;padding:.75rem;border-radius:50%;width:60px;height:60px;justify-content:center}.review-card .review-preview .video-preview-card .video-overlay svg{opacity:.9}.review-card .review-preview .pdf-preview-card{position:relative;width:100%;height:100%}.review-card .review-preview .pdf-preview-card .review-pdf{width:100%;height:100%;border:none;background:#fff}.review-card .review-preview .pdf-preview-card .pdf-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--headline-color);background:#ffffffe6;padding:1rem;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a}.review-card .review-preview .pdf-preview-card .pdf-overlay svg{opacity:.7}.review-card .review-preview .pdf-preview-card .pdf-overlay span{font-size:.8rem;font-weight:600}.review-card .review-preview .pdf-preview-card .pdf-overlay.fallback{display:none;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.review-card .review-preview .pdf-preview-card .pdf-overlay.fallback small{font-size:.7rem;opacity:.8;margin-top:.25rem}.review-card .review-preview .pdf-preview-card .pdf-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--paragraph-color);background:#fffffff2;padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a}.review-card .review-preview .pdf-preview-card .pdf-loading .spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite}.review-card .review-preview .pdf-preview-card .pdf-loading span{font-size:.85rem;font-weight:500}.review-card .review-preview .audio-preview-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--paragraph-color);gap:.6rem;background:var(--background-secondary)}.review-card .review-preview .audio-preview-card .audio-icon{opacity:.7}.review-card .review-preview .audio-preview-card span{font-size:.85rem;text-align:center;padding:0 1rem}.review-card .review-preview .document-preview-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--paragraph-color);gap:.6rem;background:var(--background-secondary)}.review-card .review-preview .document-preview-card .document-icon{opacity:.7}.review-card .review-preview .document-preview-card span{font-size:.85rem;text-align:center;padding:0 1rem;font-weight:500}.review-card .review-preview .archive-preview-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--paragraph-color);gap:.6rem;background:var(--background-secondary)}.review-card .review-preview .archive-preview-card .archive-icon{opacity:.7}.review-card .review-preview .archive-preview-card span{font-size:.85rem;text-align:center;padding:0 1rem;font-weight:500}.review-card .review-preview .review-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#0006,#000000b3);opacity:.4;transition:opacity .4s ease;z-index:1}.review-card .review-preview .review-overlay .view-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--highlight-color);color:#fff;border:none;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d}.review-card .review-preview .review-overlay .view-button-overlay:hover{background:var(--highlight-hover-color, #0056b3);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px #0006}.review-card .review-preview .review-overlay .view-button-overlay svg{width:20px;height:20px}.review-card .review-preview:hover .review-overlay{opacity:1}.review-card .review-preview:hover .review-image img,.review-card .review-preview:hover .review-video{transform:scale(1.05)}.review-card .review-info-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--card-shadow);border-radius:var(--card-border-radius);padding:1.5rem;position:relative;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem;overflow-y:auto;box-sizing:border-box}.review-card .review-info-card::-webkit-scrollbar{width:4px}.review-card .review-info-card::-webkit-scrollbar-track{background:transparent}.review-card .review-info-card::-webkit-scrollbar-thumb{background:rgba(var(--highlight-color-rgb),.3);border-radius:2px}.review-card .review-info-card::-webkit-scrollbar-thumb:hover{background:rgba(var(--highlight-color-rgb),.5)}.review-card .review-info-card .review-header .review-title{margin:0 0 .5rem;color:var(--headline-color);font-size:1.25rem;font-weight:700;line-height:1.3;font-family:var(--font-tajawal);word-wrap:break-word;overflow-wrap:break-word}.review-card .review-info-card .review-header .review-author{margin:0;color:var(--paragraph-color);font-size:.95rem;font-weight:500;opacity:.8;word-wrap:break-word;overflow-wrap:break-word}.review-card .review-info-card .review-description p{margin:0;color:var(--paragraph-color);font-size:.9rem;line-height:1.5;opacity:.9;word-wrap:break-word;overflow-wrap:break-word}.review-card .review-info-card .review-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.review-card .review-info-card .review-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.85rem;font-weight:500}.review-card .review-info-card .review-meta .meta-item svg{color:var(--highlight-color);stroke-width:2px}.review-card .review-info-card .review-tags h4{margin:0 0 .75rem;color:var(--headline-color);font-size:.9rem;font-weight:600}.review-card .review-info-card .review-tags .tags-list{display:flex;flex-wrap:wrap;gap:.5rem;max-height:60px;overflow-y:auto}.review-card .review-info-card .review-tags .tags-list .tag{padding:.4rem .75rem;background:rgba(var(--highlight-color-rgb),.1);border:1px solid rgba(var(--highlight-color-rgb),.2);border-radius:20px;font-size:.75rem;color:var(--highlight-color);font-weight:500;transition:all .3s ease;flex-shrink:0}.review-card .review-info-card .review-tags .tags-list .tag:hover{background:rgba(var(--highlight-color-rgb),.15);transform:translateY(-1px)}.review-card .review-info-card .review-tags .tags-list .tag.more{background:rgba(var(--paragraph-color),.1);border:1px solid rgba(var(--paragraph-color),.2);color:var(--paragraph-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--background-primary);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.empty-state svg{color:var(--paragraph-color);opacity:.5;margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;color:var(--headline-color);margin-bottom:.5rem}.empty-state p{color:var(--paragraph-color);margin-bottom:2rem;max-width:400px}.empty-state .upload-button{display:flex;align-items:center;gap:.75rem;background:var(--highlight-color);color:#fff;border:none;padding:1rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-state .upload-button:hover{background:var(--highlight-hover-color, #0056b3);transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.upload-modal{background:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 20px 40px #0003;width:90%;max-width:600px;max-height:80vh;overflow:hidden}.upload-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.upload-modal .modal-header h3{font-size:1.3rem;color:var(--headline-color);margin:0}.upload-modal .modal-header .close-button{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.upload-modal .modal-header .close-button:hover{background:var(--background-secondary);color:var(--headline-color)}.upload-modal .modal-content{padding:1.5rem}.upload-modal .modal-content .upload-area .file-input{display:none}.upload-modal .modal-content .upload-area .upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:var(--border-radius);background:var(--background-secondary);cursor:pointer;transition:all .3s ease}.upload-modal .modal-content .upload-area .upload-dropzone:hover{border-color:var(--highlight-color);background:rgba(var(--highlight-color-rgb),.05)}.upload-modal .modal-content .upload-area .upload-dropzone svg{color:var(--paragraph-color);margin-bottom:1rem}.upload-modal .modal-content .upload-area .upload-dropzone h4{font-size:1.2rem;color:var(--headline-color);margin-bottom:.5rem}.upload-modal .modal-content .upload-area .upload-dropzone p{color:var(--paragraph-color);text-align:center}.upload-modal .modal-content .upload-progress{margin-top:1.5rem}.upload-modal .modal-content .upload-progress h4{color:var(--headline-color);margin-bottom:1rem}.upload-modal .modal-content .upload-progress .upload-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.upload-modal .modal-content .upload-progress .upload-item span{flex:1;color:var(--paragraph-color);font-size:.9rem}.upload-modal .modal-content .upload-progress .upload-item .progress-bar{width:100px;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.upload-modal .modal-content .upload-progress .upload-item .progress-bar .progress-fill{height:100%;background:var(--highlight-color);border-radius:3px;animation:progress 2s ease-in-out infinite}.file-preview-panel{position:fixed;top:2rem;left:2rem;bottom:2rem;width:calc(100vw - 500px - 4rem);max-width:calc(100vw - 500px - 4rem);background:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 10px 40px #00000026;border:1px solid var(--border-color);z-index:1002;transform:translate(-100%);transition:transform .3s ease;cursor:default}.file-preview-panel.open{transform:translate(0)}.file-preview-panel .standalone-preview{height:100%}.file-preview-panel .standalone-preview .preview-controls{display:none}.file-preview-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius);pointer-events:none;transition:box-shadow .3s ease}.file-preview-panel:hover:after{box-shadow:inset 0 0 0 2px var(--highlight-color)}.panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.panel-backdrop:before{content:"";position:absolute;top:2rem;left:2rem;bottom:2rem;width:calc(100vw - 500px - 4rem);max-width:calc(100vw - 500px - 4rem);background:transparent;pointer-events:none}.review-detail-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:500px;background:var(--background-primary);box-shadow:-5px 0 20px #0000001a;z-index:1001;transform:translate(100%);transition:transform .3s ease}.review-detail-panel.open{transform:translate(0)}.review-detail-panel .panel-header{display:flex;justify-content:flex-end;padding:1rem;border-bottom:1px solid var(--border-color)}.review-detail-panel .panel-header .close-panel{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.review-detail-panel .panel-header .close-panel:hover{background:var(--background-secondary);color:var(--headline-color)}.review-detail-panel .panel-content{height:calc(100% - 60px);overflow-y:auto}.review-detail-panel .panel-content .detail-info{padding:1.5rem}.review-detail-panel .panel-content .detail-info h2{font-size:1.5rem;color:var(--headline-color);margin-bottom:.5rem}.review-detail-panel .panel-content .detail-info .detail-description{color:var(--paragraph-color);line-height:1.6;margin-bottom:1.5rem}.review-detail-panel .panel-content .detail-info .detail-meta{margin-bottom:1.5rem}.review-detail-panel .panel-content .detail-info .detail-meta .meta-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.review-detail-panel .panel-content .detail-info .detail-meta .meta-row:last-child{border-bottom:none}.review-detail-panel .panel-content .detail-info .detail-meta .meta-row .meta-label{font-weight:600;color:var(--headline-color)}.review-detail-panel .panel-content .detail-info .detail-meta .meta-row .meta-value{color:var(--paragraph-color)}.review-detail-panel .panel-content .detail-info .detail-tags{margin-bottom:1.5rem}.review-detail-panel .panel-content .detail-info .detail-tags h4{color:var(--headline-color);margin-bottom:.75rem}.review-detail-panel .panel-content .detail-info .detail-tags .tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.review-detail-panel .panel-content .detail-info .detail-tags .tags-list .tag{background:var(--main-color);color:var(--highlight-color);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.review-detail-panel .panel-content .detail-info .detail-notes{margin-bottom:1.5rem}.review-detail-panel .panel-content .detail-info .detail-notes h4{color:var(--headline-color);margin-bottom:.75rem}.review-detail-panel .panel-content .detail-info .detail-notes p{color:var(--paragraph-color);line-height:1.6;background:var(--background-secondary);padding:1rem;border-radius:var(--border-radius);border-left:3px solid var(--highlight-color)}.review-detail-panel .panel-content .detail-info .detail-actions{display:flex;gap:1rem}.review-detail-panel .panel-content .detail-info .detail-actions .action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.review-detail-panel .panel-content .detail-info .detail-actions .action-button.primary{background:var(--highlight-color);color:#fff;border:none}.review-detail-panel .panel-content .detail-info .detail-actions .action-button.primary:hover{background:var(--highlight-hover-color, #0056b3);transform:translateY(-2px)}.review-detail-panel .panel-content .detail-info .detail-actions .action-button.secondary{background:var(--background-secondary);color:var(--headline-color);border:1px solid var(--border-color)}.review-detail-panel .panel-content .detail-info .detail-actions .action-button.secondary:hover{background:var(--main-color);border-color:var(--highlight-color)}.review-detail-panel .panel-content .detail-info .detail-admin-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.review-detail-panel .panel-content .detail-info .detail-admin-actions .action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.review-detail-panel .panel-content .detail-info .detail-admin-actions .action-button.edit{background:var(--background-primary);color:var(--headline-color);border:1px solid var(--border-color)}.review-detail-panel .panel-content .detail-info .detail-admin-actions .action-button.edit:hover{background:var(--main-color);border-color:var(--highlight-color)}.review-detail-panel .panel-content .detail-info .detail-admin-actions .action-button.delete{background:#dc3545;color:#fff;border:none}.review-detail-panel .panel-content .detail-info .detail-admin-actions .action-button.delete:hover{background:#c82333;transform:translateY(-2px)}.delete-modal-overlay{z-index:1002!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete-confirm-modal{background:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 20px 40px #0003;width:90%;max-width:500px;overflow:hidden}.delete-confirm-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-secondary)}.delete-confirm-modal .modal-header h3{font-size:1.3rem;color:var(--headline-color);margin:0}.delete-confirm-modal .modal-header .close-button{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.delete-confirm-modal .modal-header .close-button:hover{background:var(--background-primary);color:var(--headline-color)}.delete-confirm-modal .modal-content{padding:1.5rem}.delete-confirm-modal .modal-content .delete-warning{text-align:center;margin-bottom:2rem}.delete-confirm-modal .modal-content .delete-warning svg{color:#dc3545;margin-bottom:1rem}.delete-confirm-modal .modal-content .delete-warning h4{font-size:1.2rem;color:var(--headline-color);margin-bottom:.5rem}.delete-confirm-modal .modal-content .delete-warning p{color:var(--paragraph-color);line-height:1.6}.delete-confirm-modal .modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end}.delete-confirm-modal .modal-content .modal-actions .cancel-button{padding:.75rem 1.5rem;background:var(--background-secondary);color:var(--headline-color);border:1px solid var(--border-color);border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.delete-confirm-modal .modal-content .modal-actions .cancel-button:hover{background:var(--main-color);border-color:var(--highlight-color)}.delete-confirm-modal .modal-content .modal-actions .delete-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#dc3545;color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.delete-confirm-modal .modal-content .modal-actions .delete-button:hover{background:#c82333;transform:translateY(-2px)}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}@media (max-width: 1200px){.reviews-page{padding:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.page-header .reviews-actions{width:100%;justify-content:space-between}.filter-panel{flex-direction:column;gap:1rem}}@media (max-width: 768px){.reviews-page{padding:1rem}.page-header .header-title h1{font-size:1.5rem}.page-header .reviews-actions{flex-wrap:wrap;gap:.5rem}.reviews-grid,.reviews-grid.list-view .review-card{grid-template-columns:1fr}.reviews-grid.list-view .review-card .review-preview{height:200px}.upload-modal{width:95%;margin:1rem}.file-preview-panel{top:1.5rem;left:1.5rem;bottom:1.5rem;width:calc(100vw - 300px - 3rem);max-width:calc(100vw - 300px - 3rem)}.review-detail-panel{width:100%;max-width:300px}.panel-backdrop:before{top:1.5rem;left:1.5rem;bottom:1.5rem;width:calc(100vw - 300px - 3rem);max-width:calc(100vw - 300px - 3rem)}}@media (max-width: 480px){.page-header .header-title h1{font-size:1.5rem}.page-header .reviews-actions{flex-direction:column;width:100%}.page-header .reviews-actions .upload-button{width:100%;justify-content:center}.review-card .review-info-card{padding:1rem}.file-preview-panel{top:1rem;left:1rem;bottom:1rem;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);z-index:1002}.review-detail-panel{display:none}.panel-backdrop:before{top:1rem;left:1rem;bottom:1rem;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem)}}.book-lesson-modal{background-color:var(--background-primary);border-radius:var(--border-radius);width:100%;max-width:600px;max-height:90vh;box-shadow:0 8px 32px #0000004d;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}.book-lesson-modal .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary)}.book-lesson-modal .modal-header h2{margin:0;font-size:1.2rem;color:var(--headline-color);font-weight:600}.book-lesson-modal .modal-header .close-modal-btn{background:none;border:none;cursor:pointer;color:var(--paragraph-color);font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s ease}.book-lesson-modal .modal-header .close-modal-btn:hover{background-color:var(--main-color);color:var(--headline-color);transform:rotate(90deg)}.book-lesson-modal .modal-content{padding:1.5rem;overflow-y:auto}.book-lesson-modal .modal-content .teacher-summary{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.book-lesson-modal .modal-content .teacher-summary .teacher-avatar-small{width:50px;height:50px}.book-lesson-modal .modal-content .teacher-summary .teacher-avatar-small .avatar-placeholder-small{width:100%;height:100%;background-color:var(--highlight-color);color:var(--button-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.book-lesson-modal .modal-content .teacher-summary .teacher-summary-info h3{margin:0 0 .2rem;font-size:1rem;color:var(--headline-color);font-weight:600}.book-lesson-modal .modal-content .teacher-summary .teacher-summary-info p{margin:0 0 .5rem;font-size:.9rem;color:var(--paragraph-color)}.book-lesson-modal .modal-content .teacher-summary .teacher-summary-info .summary-rate{font-size:.9rem;color:var(--paragraph-color)}.book-lesson-modal .modal-content .teacher-summary .teacher-summary-info .summary-rate .price{font-weight:700;font-size:1rem;color:var(--headline-color)}.book-lesson-modal .modal-content .error-message{background-color:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.3);border-radius:var(--border-radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.book-lesson-modal .modal-content form .form-group{margin-bottom:1.5rem}.book-lesson-modal .modal-content form .form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--headline-color);font-weight:500}.book-lesson-modal .modal-content form .form-group input,.book-lesson-modal .modal-content form .form-group select,.book-lesson-modal .modal-content form .form-group textarea{width:100%;padding:.9rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--paragraph-color);font-size:.95rem;transition:all .2s ease}.book-lesson-modal .modal-content form .form-group input:focus,.book-lesson-modal .modal-content form .form-group select:focus,.book-lesson-modal .modal-content form .form-group textarea:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.book-lesson-modal .modal-content form .form-group textarea{min-height:120px;resize:vertical}.book-lesson-modal .modal-content form .form-row{display:flex;gap:1rem}.book-lesson-modal .modal-content form .form-row .form-group{flex:1}.book-lesson-modal .modal-content form .price-summary{margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--background-secondary)}.book-lesson-modal .modal-content form .price-summary .summary-row{display:flex;justify-content:space-between;padding:.9rem 1.2rem;font-size:.95rem;transition:all .2s ease}.book-lesson-modal .modal-content form .price-summary .summary-row:not(:last-child){border-bottom:1px solid var(--border-color)}.book-lesson-modal .modal-content form .price-summary .summary-row.highlight{background-color:#4caf501a;color:#4caf50;font-weight:600}.book-lesson-modal .modal-content form .price-summary .summary-row.total{background-color:var(--highlight-color);color:var(--button-text);font-weight:700;font-size:1.05rem}.book-lesson-modal .modal-content form .submit-request-btn{width:100%;padding:1rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.3);display:flex;align-items:center;justify-content:center;gap:.5rem}.book-lesson-modal .modal-content form .submit-request-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--highlight-color-rgb),.4)}.book-lesson-modal .modal-content form .submit-request-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.book-lesson-modal .modal-content form .submit-request-btn .spinner.small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.book-lesson-modal .modal-content form .form-row{flex-direction:column;gap:0}}@media (max-width: 576px){.book-lesson-modal{margin:1rem;max-height:calc(100vh - 2rem)}.book-lesson-modal .modal-header{padding:1rem}.book-lesson-modal .modal-header h2{font-size:1.1rem}.book-lesson-modal .modal-content{padding:1rem}}.teachers-page{padding:1rem;max-width:1200px;margin:0 auto}.teachers-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.teachers-page .page-header .header-title{display:flex;align-items:center;gap:.75rem}.teachers-page .page-header .header-title h1{margin:0;font-size:1.75rem;color:var(--headline-color);font-family:var(--font-tajawal)}.teachers-page .page-header .header-title svg{color:var(--highlight-color)}.teachers-page .page-header .teachers-actions{display:flex;gap:.75rem;align-items:center}.teachers-page .page-header .teachers-actions .filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease}.teachers-page .page-header .teachers-actions .filter-button:hover{background-color:var(--background-secondary)}.teachers-page .page-header .teachers-actions .filter-button .rotate{transform:rotate(180deg);transition:transform .3s ease}.teachers-page .page-header .teachers-actions .become-teacher-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--highlight-color);border:1px solid var(--highlight-color);border-radius:var(--border-radius);cursor:pointer;color:#fff;font-weight:500;transition:all .3s ease}.teachers-page .page-header .teachers-actions .become-teacher-btn:hover{background-color:var(--highlight-hover, #0056b3);transform:translateY(-2px)}.teachers-page .page-header .teachers-actions .become-teacher-btn svg{stroke-width:2.5px}.teachers-page .filter-panel{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:1rem;margin-bottom:1.5rem;display:flex;gap:2rem}.teachers-page .filter-panel .filter-section{flex:1}.teachers-page .filter-panel .filter-section h3{font-size:1rem;margin:0 0 .75rem;color:var(--headline-color)}.teachers-page .filter-panel .filter-section .filter-options select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-secondary);color:var(--headline-color);font-size:.95rem;cursor:pointer;transition:all .3s ease}.teachers-page .filter-panel .filter-section .filter-options select:focus{outline:none;border-color:var(--highlight-color)}.teachers-page .teachers-list{display:flex;flex-direction:column;gap:1.5rem}.teachers-page .teachers-list .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px #00000014}.teachers-page .teachers-list .loading-container .loading-spinner{width:50px;height:50px;border:3px solid rgba(var(--highlight-color-rgb),.2);border-top:3px solid var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.teachers-page .teachers-list .loading-container p{color:var(--paragraph-color);font-size:1rem}.teachers-page .teachers-list .teacher-card{border-radius:var(--card-border-radius);overflow:visible;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:row;gap:1.5rem;align-items:flex-start}.teachers-page .teachers-list .teacher-card:before{display:none}.teachers-page .teachers-list .teacher-card:hover{transform:translateY(-4px) scale(1.01)}.teachers-page .teachers-list .teacher-card:hover .teacher-avatar-container{transform:scale(1.05)}.teachers-page .teachers-list .teacher-card:hover .teacher-info-card{transform:translateY(-2px);box-shadow:0 15px 20px -5px #0000001f,0 8px 8px -5px #00000014,0 0 0 1px rgba(var(--highlight-color-rgb),.08)}.teachers-page .teachers-list .teacher-card:hover .teacher-info .teacher-header h3{color:var(--highlight-color)}.teachers-page .teachers-list .teacher-card .teacher-avatar-container{position:relative;overflow:hidden;border-radius:var(--card-border-radius);box-shadow:0 6px 12px #0000001a;transition:transform .4s cubic-bezier(.4,0,.2,1);width:120px;height:120px;flex-shrink:0}.teachers-page .teachers-list .teacher-card .teacher-avatar-container .teacher-avatar{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--card-border-radius)}.teachers-page .teachers-list .teacher-card .teacher-avatar-container .teacher-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--highlight-color) 0%,rgba(var(--highlight-color-rgb),.8) 100%);color:var(--button-text);border-radius:var(--card-border-radius);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;text-transform:uppercase}.teachers-page .teachers-list .teacher-card .teacher-avatar-container .teacher-avatar .verified-badge{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #00000026;z-index:2}.teachers-page .teachers-list .teacher-card .teacher-info-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--card-shadow);border-radius:var(--card-border-radius);padding:1.25rem;position:relative;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1);flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header .teacher-name-section{flex:1}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header .teacher-name-section h3{margin:0 0 .25rem;font-size:1.2rem;color:var(--headline-color);font-weight:700;line-height:1.3;font-family:var(--font-tajawal)}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header .teacher-name-section .teacher-title{margin:0;font-size:.9rem;color:var(--paragraph-color);font-weight:500;opacity:.8}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header .teacher-rating{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header .teacher-rating .reviews-count{color:var(--paragraph-color);font-size:.85rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;font-size:.85rem;color:var(--paragraph-color)}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-details div{display:flex;align-items:center;gap:.4rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-details div svg{opacity:.7}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-subjects{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-subjects .subject-tag{font-size:.75rem;padding:.3rem .6rem;background:rgba(var(--highlight-color-rgb),.1);border:1px solid rgba(var(--highlight-color-rgb),.2);border-radius:16px;color:var(--highlight-color);font-weight:500;transition:all .3s ease}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-subjects .subject-tag:hover{background:rgba(var(--highlight-color-rgb),.15);transform:translateY(-1px)}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-bio-preview{margin:0 0 1rem;font-size:.9rem;color:var(--paragraph-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:rgba(var(--highlight-color-rgb),.05);border-radius:var(--border-radius);border:1px solid rgba(var(--highlight-color-rgb),.1)}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .price-container{text-align:center}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .price-container .hourly-rate{display:flex;align-items:baseline;justify-content:center;margin-bottom:.25rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .price-container .hourly-rate .price{font-size:1.4rem;font-weight:700;color:var(--headline-color)}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .price-container .hourly-rate .per-hour{font-size:.85rem;color:var(--paragraph-color);margin-left:.2rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .price-container .first-lesson-free{font-size:.8rem;color:#4caf50;font-weight:600}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .success-rate{text-align:center}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .success-rate .success-percentage{display:block;font-size:1.1rem;font-weight:700;color:var(--headline-color)}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .success-rate .success-label{font-size:.8rem;color:var(--paragraph-color)}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-actions{display:flex;gap:.5rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-actions .request-lesson-btn{background:linear-gradient(135deg,var(--highlight-color) 0%,rgba(var(--highlight-color-rgb),.9) 100%);color:var(--button-text);border:none;border-radius:var(--border-radius);padding:.6rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-actions .request-lesson-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(var(--highlight-color-rgb),.3)}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-actions .contact-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.6rem 1rem;font-size:.9rem;color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;flex:1}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-actions .contact-btn:hover{background-color:var(--main-color);color:var(--headline-color);border-color:var(--highlight-color);transform:translateY(-1px)}.teachers-page .teachers-list .no-teachers{text-align:center;padding:3rem;color:var(--paragraph-color);background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.teachers-page .teachers-list .no-teachers svg{color:var(--paragraph-color);opacity:.5;margin-bottom:1rem}.teachers-page .teachers-list .no-teachers h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--headline-color)}.teachers-page .teachers-list .no-teachers p{margin:0;color:var(--paragraph-color)}.star-rating .star{color:var(--paragraph-color);opacity:.5}.star-rating .star.filled{opacity:1}.star-rating .star.half-filled{opacity:.8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.contact-modal{background-color:var(--background-primary);border-radius:var(--border-radius);width:100%;max-width:600px;max-height:90vh;box-shadow:0 4px 20px #0003;overflow:hidden;display:flex;flex-direction:column}.contact-modal .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.contact-modal .modal-header h2{margin:0;font-size:1.2rem;color:var(--headline-color)}.contact-modal .modal-header .close-modal-btn{background:none;border:none;cursor:pointer;color:var(--paragraph-color);display:flex;align-items:center;justify-content:center}.contact-modal .modal-header .close-modal-btn:hover{color:var(--highlight-color)}.contact-modal .modal-content .teacher-profile-summary{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.contact-modal .modal-content .teacher-profile-summary .teacher-avatar{width:60px;height:60px}.contact-modal .modal-content .teacher-profile-summary .teacher-avatar .avatar-placeholder{width:100%;height:100%;background-color:var(--highlight-color);color:var(--button-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.contact-modal .modal-content .teacher-profile-summary .teacher-summary-info h3{margin:0 0 .2rem;font-size:1.1rem;color:var(--headline-color)}.contact-modal .modal-content .teacher-profile-summary .teacher-summary-info p{margin:0 0 .5rem;font-size:.9rem;color:var(--paragraph-color)}.contact-modal .modal-content .teacher-profile-summary .teacher-summary-info .summary-rate{font-size:.9rem;color:var(--paragraph-color)}.contact-modal .modal-content .teacher-profile-summary .teacher-summary-info .summary-rate .price{font-weight:700;font-size:1.1rem;color:var(--headline-color)}.contact-modal .modal-content form .form-group input,.contact-modal .modal-content form .form-group select,.contact-modal .modal-content form .form-group textarea{width:100%;padding:.9rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--paragraph-color);font-size:.95rem}.contact-modal .modal-content form .form-group input:focus,.contact-modal .modal-content form .form-group select:focus,.contact-modal .modal-content form .form-group textarea:focus{outline:none;border-color:var(--highlight-color)}.contact-modal .modal-content form .price-summary{margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.contact-modal .modal-content form .price-summary .summary-row{display:flex;justify-content:space-between;padding:.9rem 1.2rem;font-size:.95rem}.contact-modal .modal-content form .price-summary .summary-row.total{background-color:var(--background-secondary);font-weight:700;font-size:1.05rem}.contact-modal .modal-content form .submit-request-btn{width:100%;padding:1rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.contact-modal .modal-content form .submit-request-btn:hover{filter:brightness(1.1)}@media (max-width: 1200px){.teachers-page{padding:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.page-header .teachers-actions{width:100%;justify-content:space-between}.filter-panel{flex-direction:column;gap:1rem}}@media (max-width: 992px){.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header{flex-direction:column;align-items:flex-start;gap:.5rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header .teacher-rating{align-self:flex-start}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats{flex-direction:column;gap:.75rem;text-align:center}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-actions{flex-direction:column;gap:.5rem}}@media (max-width: 768px){.teachers-page{padding:1rem}.teachers-page .page-header .header-title h1{font-size:1.5rem}.teachers-page .page-header .teachers-actions{flex-wrap:wrap;gap:.5rem}.teachers-page .teachers-list .teacher-card{flex-direction:column;gap:1rem}.teachers-page .teachers-list .teacher-card .teacher-avatar-container{width:100%;height:160px}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header{flex-direction:row;align-items:flex-start;gap:1rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header .teacher-rating{align-self:flex-start}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats{flex-direction:row;gap:1rem;text-align:center}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-actions{flex-direction:row;gap:.5rem}.contact-modal .modal-content form .form-row{flex-direction:column;gap:0}}@media (max-width: 576px){.teachers-page .page-header .header-title h1{font-size:1.5rem}.teachers-page .page-header .teachers-actions{flex-direction:column;width:100%}.teachers-page .page-header .teachers-actions .become-teacher-btn{width:100%;justify-content:center}.teachers-page .teachers-list .teacher-card .teacher-avatar-container{height:140px}.teachers-page .teachers-list .teacher-card .teacher-info-card{padding:1rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-header .teacher-name-section h3{font-size:1.1rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats{padding:.75rem;flex-direction:column;gap:.75rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .price-container .hourly-rate .price{font-size:1.3rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-stats .success-rate .success-percentage{font-size:1rem}.teachers-page .teachers-list .teacher-card .teacher-info-card .teacher-actions{flex-direction:column;gap:.5rem}}.session-icon svg{width:18px;height:18px}.session-meta svg{width:14px;height:14px}.legal-page{padding:2rem 1rem;max-width:900px;margin:0 auto;font-family:var(--font-tajawal);color:var(--paragraph-color)}.legal-page h1{font-size:2.5rem;color:var(--headline-color);margin-bottom:2rem;font-weight:700;text-align:center;border-bottom:2px solid var(--highlight-color);padding-bottom:1rem}.legal-page .legal-content{margin-bottom:3rem}.legal-page .legal-section{margin-bottom:2.5rem}.legal-page .legal-section h2{color:var(--headline-color);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.legal-page .legal-section p{margin-bottom:1rem;line-height:1.7;font-size:1rem}.legal-page .legal-section ul,.legal-page .legal-section ol{margin-bottom:1rem;padding-left:1.5rem}.legal-page .legal-section ul li,.legal-page .legal-section ol li{margin-bottom:.75rem;line-height:1.7}.legal-page .legal-section strong{font-weight:600;color:var(--headline-color)}.legal-page .terms-footer{text-align:right;font-size:.9rem;color:var(--subtle-color);border-top:1px solid var(--border-color);padding-top:1rem}.dark-mode .legal-page h1{border-bottom-color:var(--secondary-color)}.navbar-wrapper{position:relative;z-index:100;padding:.75rem 1.5rem;font-family:var(--font-tajawal);width:100%;transition:all .3s ease}@media (max-width: 992px){.navbar-wrapper{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}}@media (min-width: 993px){.navbar-wrapper{display:block;visibility:visible;opacity:1;padding:.75rem 1.5rem}}.dashboard-navbar{position:relative;display:flex;height:var(--navbar-height, 60px);width:100%;max-width:1200px;margin:0 auto;align-items:center;justify-content:space-between;border-radius:1rem;background-color:var(--background-primary);padding:.75rem 1rem;transition:box-shadow .3s,background-color .3s,border-color .3s;box-shadow:0 2px 8px var(--shadow-color)}@media (max-width: 992px){.dashboard-navbar{display:none!important}}@media (min-width: 993px){.dashboard-navbar{display:flex;padding:.75rem 1rem;border-radius:1rem}}.navbar-container{display:flex;width:100%;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.navbar-container{gap:.5rem}}.navbar-left{display:flex;align-items:center;flex-shrink:0;gap:1rem}.sidebar-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--paragraph-color);padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease}.sidebar-toggle:hover{background-color:var(--main-color);color:var(--highlight-color)}@media (max-width: 992px){.sidebar-toggle{display:flex}}.welcome-message{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--border-radius);background-color:var(--background-secondary);transition:all .3s ease}.welcome-message .wave-emoji{font-size:1.2rem;animation:wave 2s infinite;display:inline-block}.welcome-message .greeting-text{color:var(--headline-color);font-weight:600;font-size:.95rem;white-space:nowrap}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}@media (max-width: 768px){.welcome-message{display:none}}@media (max-width: 1200px){.welcome-message .greeting-text{font-size:.9rem}}.navbar-center{flex:1;max-width:300px;margin:0 2rem}@media (max-width: 768px){.navbar-center{margin:0 1rem;max-width:250px}}@media (max-width: 576px){.navbar-center{margin:0 .5rem;max-width:200px}}.search-form{width:100%}.search-container{position:relative;display:flex;align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:25px;padding:.5rem 1rem;transition:all .3s ease}.search-container:focus-within{border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.search-container .search-icon{color:var(--paragraph-color);margin-right:.75rem;flex-shrink:0}.search-container .search-input{flex:1;border:none;background:none;color:var(--headline-color);font-size:.95rem;outline:none}.search-container .search-input::placeholder{color:var(--paragraph-color)}.search-container .clear-search{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:all .3s ease}.search-container .clear-search:hover{background-color:var(--main-color);color:var(--highlight-color)}.search-container .search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 8px 25px #00000026;z-index:1000;margin-top:.5rem;max-height:400px;overflow-y:auto}.search-container .search-dropdown .search-section{padding:1rem;border-bottom:1px solid var(--border-color)}.search-container .search-dropdown .search-section:last-child{border-bottom:none}.search-container .search-dropdown .search-section .section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:600;color:var(--headline-color);text-transform:uppercase;letter-spacing:.5px}.search-container .search-dropdown .search-section .section-header svg{color:var(--highlight-color)}.search-container .search-dropdown .search-section .search-suggestions{display:flex;flex-direction:column;gap:.25rem}.search-container .search-dropdown .search-section .suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:none;border:none;border-radius:var(--border-radius);color:var(--headline-color);cursor:pointer;transition:all .3s ease;text-align:left;font-size:.9rem}.search-container .search-dropdown .search-section .suggestion-item svg{color:var(--paragraph-color);flex-shrink:0}.search-container .search-dropdown .search-section .suggestion-item span{flex:1}.search-container .search-dropdown .search-section .suggestion-item:hover{background-color:var(--main-color);color:var(--highlight-color);transform:translate(5px)}.search-container .search-dropdown .search-section .suggestion-item:hover svg{color:var(--highlight-color)}.navbar-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.notification-container,.user-menu-container{position:relative}.navbar-divider{width:1px;height:24px;background-color:var(--border-color);opacity:.6;border-radius:15px;margin:0 .5rem}@media (max-width: 768px){.navbar-divider{display:none}}.notification-btn{position:relative;background:none;border:none;color:var(--paragraph-color);padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.notification-btn:hover{background-color:var(--main-color);color:var(--highlight-color)}.notification-btn .notification-badge{position:absolute;top:0;right:0;background-color:var(--error-color);color:#fff;font-size:.7rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-menu-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#9c9c9c;padding:.5rem;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.user-menu-btn:hover{background-color:var(--main-color)}.user-menu-btn:hover .user-name{color:var(--highlight-color)}.user-menu-btn .user-avatar{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:var(--background-secondary);display:flex;align-items:center;justify-content:center}.user-menu-btn .user-avatar .lazy-load-image-background{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.user-menu-btn .user-avatar .lazy-load-image-background img{width:100%;height:100%;object-fit:cover}.user-menu-btn .user-name{color:var(--headline-color);font-weight:500;transition:color .3s ease}@media (max-width: 768px){.user-menu-btn .user-name{display:none}}.notification-dropdown,.user-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 4px 12px var(--shadow-color);z-index:100;min-width:300px;animation:dropdownFade .3s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown{width:320px;max-width:90vw}.notification-dropdown .notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.notification-dropdown .notification-header h3{margin:0;font-size:1rem;color:var(--headline-color)}.notification-dropdown .notification-header .close-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-dropdown .notification-header .close-btn:hover{background-color:var(--main-color);color:var(--highlight-color)}.notification-dropdown .notification-list{max-height:350px;overflow-y:auto}.notification-dropdown .notification-list .notification-item{display:flex;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .3s ease}.notification-dropdown .notification-list .notification-item:hover{background-color:var(--main-color)}.notification-dropdown .notification-list .notification-item.unread{background-color:rgba(var(--highlight-color-rgb),.05)}.notification-dropdown .notification-list .notification-item.unread h4{font-weight:600}.notification-dropdown .notification-list .notification-item .notification-content h4{margin:0 0 .25rem;font-size:.9rem;color:var(--headline-color)}.notification-dropdown .notification-list .notification-item .notification-content p{margin:0 0 .25rem;font-size:.8rem;color:var(--paragraph-color)}.notification-dropdown .notification-list .notification-item .notification-content .notification-time{font-size:.75rem;color:var(--paragraph-color);opacity:.8}.notification-dropdown .notification-list .no-notifications{padding:2rem 1rem;text-align:center;color:var(--paragraph-color);font-size:.9rem}.notification-dropdown .notification-footer{display:flex;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--border-color)}.notification-dropdown .notification-footer button{background:none;border:none;font-size:.8rem;cursor:pointer;transition:color .3s ease}.notification-dropdown .notification-footer button.mark-read-btn{color:var(--paragraph-color)}.notification-dropdown .notification-footer button.mark-read-btn:hover{color:var(--highlight-color)}.notification-dropdown .notification-footer button.view-all-btn{color:var(--highlight-color);font-weight:500}.notification-dropdown .notification-footer button.view-all-btn:hover{text-decoration:underline}.user-dropdown{min-width:220px;padding:.5rem;right:0}.user-dropdown .dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.user-dropdown .dropdown-header .user-avatar-large{width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:var(--background-secondary)}.user-dropdown .dropdown-header .user-avatar-large .menu-avatar-image{width:100%;height:100%;object-fit:cover}.user-dropdown .dropdown-header .user-info .user-name-large{margin:0;font-weight:600;font-size:.95rem;color:var(--headline-color)}.user-dropdown .dropdown-header .user-info .user-email{margin:0;font-size:.8rem;color:var(--paragraph-color)}.user-dropdown .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--border-radius);color:var(--headline-color);text-decoration:none;cursor:pointer;transition:background-color .3s ease,color .3s ease;width:100%;text-align:left;background:none;border:none;font-size:.9rem}.user-dropdown .dropdown-item:hover{background-color:var(--main-color);color:var(--highlight-color)}.user-dropdown .dropdown-item.signout-item,.user-dropdown .dropdown-item.signout-item:hover{color:var(--error-color)}.notification-avatar{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--background-secondary)}.notification-avatar .lazy-load-image-background{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.notification-avatar .lazy-load-image-background img{width:100%;height:100%;object-fit:cover}.user-avatar-large{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:var(--background-secondary)}.user-avatar-large .lazy-load-image-background{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.user-avatar-large .lazy-load-image-background img{width:100%;height:100%;object-fit:cover}.dark-mode .dashboard-navbar.scrolled{box-shadow:0 2px 20px #ffffff13}.dark-mode .search-container{background-color:var(--background-secondary);border-color:#ffffff1a}@media (min-width: 993px) and (max-width: 1200px){.navbar-wrapper{padding:.5rem 1rem}.navbar-center{margin:0 1rem}}.theme-toggle-item{border-bottom:1px solid var(--border-color);margin-bottom:.5rem;padding-bottom:.75rem}.sidebar{position:fixed;left:1rem;top:1rem;height:calc(100vh - 2rem);width:280px;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:1rem;z-index:180;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--shadow-color)}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-content{padding:1rem .5rem}.sidebar.collapsed .nav-item,.sidebar.collapsed .settings-btn{padding:.75rem;justify-content:center}.sidebar.collapsed .nav-item span,.sidebar.collapsed .settings-btn span{display:none}.sidebar.collapsed .logo-container{margin:0 auto}.sidebar.collapsed .course-progress-section{display:none}.sidebar.transitioning .sidebar-content{opacity:.5}.sidebar.transitioning .hidden{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}@media (min-width: 993px){.sidebar:not(.open){transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (max-width: 992px){.sidebar{left:0;top:0;height:100vh;border-radius:0;transform:translate(-100%);z-index:150;overflow-y:auto}.sidebar.open{transform:translate(0);z-index:150}}.sidebar-content{padding:1.5rem;height:100%;display:flex;flex-direction:column;gap:1.5rem;transition:padding .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar-content>*{flex-shrink:0}.collapse-toggle{position:absolute;top:50%;right:-20px;transform:translateY(-50%);background-color:var(--background-primary);border:1px solid var(--border-color);color:var(--paragraph-color);cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:200;width:40px;height:40px;box-shadow:0 2px 4px var(--shadow-color)}@media (max-width: 992px){.collapse-toggle{display:none}}.collapse-toggle svg{width:18px;height:18px;min-width:18px;min-height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.collapse-toggle:hover{background-color:var(--highlight-color);color:var(--button-text);transform:translateY(-50%) scale(1.1)}.collapse-toggle:active{transform:translateY(-50%) scale(.95)}.sidebar.collapsed .collapse-toggle{right:-18px}.sidebar-section-title{font-size:.875rem;font-weight:600;color:var(--paragraph-color);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-family:var(--font-tajawal);transition:opacity .3s ease}.sidebar-logo{padding-bottom:1rem;border-bottom:1px solid var(--border-color);transition:padding .3s cubic-bezier(.4,0,.2,1);width:100%;flex-shrink:0}.sidebar-logo .logo-link{display:flex;align-items:center;text-decoration:none;gap:.75rem;width:100%}.sidebar-logo .logo-link .logo-container{width:40px;height:40px;min-width:40px;border-radius:10px;background-color:var(--highlight-color);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:4px;transition:margin .3s cubic-bezier(.4,0,.2,1)}.sidebar-logo .logo-link .logo-container .sidebar-logo-img{width:32px;height:32px;min-width:32px;filter:brightness(0) invert(1)}.sidebar-logo .logo-link .brand-name{font-size:1.25rem;font-weight:600;color:var(--headline-color);font-family:var(--font-tajawal);background:linear-gradient(45deg,var(--secondary-color),var(--highlight-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .3s ease,visibility .3s ease;white-space:nowrap}.sidebar-nav{width:100%;flex-shrink:0}.sidebar-nav .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;width:100%}.sidebar-nav .nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:none;color:var(--paragraph-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;width:100%;text-align:left;font-size:.95rem;font-weight:500;position:relative}.sidebar-nav .nav-item svg{min-width:20px}.sidebar-nav .nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav .nav-item:hover{background-color:#0000000d;color:var(--headline-color)}.sidebar-nav .nav-item.active{background-color:#00000014;color:var(--headline-color)}.sidebar-nav .nav-item.active .active-indicator{margin-left:auto;min-width:16px}.theme-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:1rem 0}.theme-section .theme-toggle-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background-color:var(--main-color);color:var(--headline-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;width:100%;text-align:left;font-size:.95rem;font-weight:500}.theme-section .theme-toggle-btn:hover{background-color:var(--highlight-color);color:var(--button-text)}.course-progress-section{flex:1;min-height:160px;max-height:280px;display:flex;flex-direction:column}.course-progress-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.course-progress-section .section-header .sidebar-section-title{margin:0;font-size:.75rem;font-weight:700;color:var(--headline-color);text-transform:uppercase;letter-spacing:1px}.course-progress-section .section-header .view-all-btn{background:transparent;border:none;color:var(--button-text);font-size:.65rem;font-weight:600;cursor:pointer;padding:.3rem .6rem;border-radius:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.course-progress-section .section-header .view-all-btn:hover{color:var(--highlight-color)}.course-progress-section .recent-courses{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.course-progress-section .recent-courses::-webkit-scrollbar{width:4px}.course-progress-section .recent-courses::-webkit-scrollbar-track{background:transparent}.course-progress-section .recent-courses::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.course-progress-section .recent-courses::-webkit-scrollbar-thumb:hover{background-color:var(--paragraph-color)}.course-progress-section .recent-course-item{background:linear-gradient(135deg,var(--background-secondary),rgba(var(--highlight-color-rgb),.05));border:1px solid rgba(var(--highlight-color-rgb),.1);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.course-progress-section .recent-course-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--highlight-color),var(--secondary-color));transform:scaleX(0);transition:transform .3s ease}.course-progress-section .recent-course-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--highlight-color-rgb),.15);border-color:rgba(var(--highlight-color-rgb),.3)}.course-progress-section .recent-course-item:hover:before{transform:scaleX(1)}.course-progress-section .recent-course-item .course-content{padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.course-progress-section .recent-course-item .course-content .course-info{flex:1;min-width:0}.course-progress-section .recent-course-item .course-content .course-info .course-title{margin:0 0 .5rem;font-size:.85rem;color:var(--headline-color);font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-progress-section .recent-course-item .course-content .course-info .course-stats{display:flex;align-items:center;gap:.5rem}.course-progress-section .recent-course-item .course-content .course-info .course-stats .progress-label{font-size:.65rem;color:var(--paragraph-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.course-progress-section .recent-course-item .course-content .course-info .course-stats .progress-value{font-size:.7rem;color:var(--highlight-color);font-weight:700}.course-progress-section .recent-course-item .course-content .course-actions{flex-shrink:0}.course-progress-section .recent-course-item .course-content .course-actions .progress-ring{position:relative;width:32px;height:32px}.course-progress-section .recent-course-item .course-content .course-actions .progress-ring svg{transform:rotate(-90deg)}.course-progress-section .recent-course-item .course-content .course-actions .progress-ring svg circle{transition:stroke-dashoffset .5s ease}.course-progress-section .recent-course-item .course-content .course-actions .progress-ring .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700;color:var(--highlight-color)}.course-progress-section .recent-course-item .course-footer{padding:.5rem 1rem;background:rgba(var(--highlight-color-rgb),.05);border-top:1px solid rgba(var(--highlight-color-rgb),.1)}.course-progress-section .recent-course-item .course-footer .last-accessed{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:var(--paragraph-color);opacity:.8;font-weight:500}.course-progress-section .loading-recent-courses{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--paragraph-color);min-height:120px}.course-progress-section .loading-recent-courses .loading-spinner{width:24px;height:24px;border:2px solid rgba(var(--highlight-color-rgb),.2);border-top:2px solid var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}.course-progress-section .loading-recent-courses p{margin:0;font-size:.75rem;font-weight:500}.course-progress-section .no-recent-courses{display:flex;align-items:center;justify-content:center;min-height:120px}.course-progress-section .no-recent-courses .empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.course-progress-section .no-recent-courses .empty-state .empty-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,rgba(var(--highlight-color-rgb),.1),rgba(var(--secondary-color-rgb),.1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--highlight-color)}.course-progress-section .no-recent-courses .empty-state h4{margin:0 0 .5rem;font-size:.9rem;color:var(--headline-color);font-weight:700}.course-progress-section .no-recent-courses .empty-state p{margin:0 0 1rem;font-size:.75rem;color:var(--paragraph-color);line-height:1.4;max-width:200px}.course-progress-section .no-recent-courses .empty-state .browse-courses-btn{background:var(--highlight-color);color:var(--button-text);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.course-progress-section .no-recent-courses .empty-state .browse-courses-btn:hover{background:var(--secondary-color);transform:translateY(-1px)}.settings-section{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:auto;width:100%;flex-shrink:0}.settings-section .settings-buttons{display:flex;flex-direction:column;gap:.25rem;width:100%}.settings-section .settings-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:none;color:var(--paragraph-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;width:100%;text-align:left;font-size:.95rem;font-weight:500}.settings-section .settings-btn svg{min-width:20px}.settings-section .settings-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section .settings-btn:hover{background-color:#0000000d;color:var(--headline-color)}.dark-mode .sidebar{border-right-color:#ffffff1a}.dark-mode .sidebar-logo{border-bottom-color:#ffffff1a}.dark-mode .recent-course-item{background-color:var(--background-secondary);border-color:#ffffff1a}.dark-mode .recent-course-item:hover{border-color:var(--highlight-color)}.dark-mode .settings-section{border-top-color:#ffffff1a}.dark-mode .nav-item:hover{background-color:#ffffff1a;color:var(--headline-color)}.dark-mode .nav-item.active{background-color:#ffffff26;color:var(--headline-color)}.dark-mode .settings-btn:hover{background-color:#ffffff1a;color:var(--headline-color)}@media (max-width: 992px){.sidebar{width:100%;max-width:320px;box-shadow:2px 0 10px var(--shadow-color)}.sidebar.collapsed{width:80px}.course-progress-section{min-height:140px;max-height:220px}.course-progress-section .recent-course-item .course-content{padding:.75rem}.course-progress-section .recent-course-item .course-content .course-info .course-title{font-size:.8rem}.course-progress-section .recent-course-item .course-content .course-info .course-stats .progress-label,.course-progress-section .recent-course-item .course-content .course-info .course-stats .progress-value{font-size:.6rem}.course-progress-section .recent-course-item .course-content .course-actions .progress-ring{width:28px;height:28px}.course-progress-section .recent-course-item .course-content .course-actions .progress-ring .progress-text{font-size:.55rem}.course-progress-section .recent-course-item .course-footer{padding:.375rem .75rem}.course-progress-section .recent-course-item .course-footer .last-accessed{font-size:.6rem}}@media (max-height: 700px){.course-progress-section{min-height:120px;max-height:200px}.course-progress-section .recent-course-item .course-content{padding:.5rem}.course-progress-section .recent-course-item .course-footer{padding:.25rem .5rem}}.hidden{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.brand-name,.sidebar-section-title,.nav-item span,.settings-btn span,.course-progress-section{transition:opacity .2s ease,visibility .2s ease}.footer-wrapper{width:100%;background-color:var(--background-primary);border-top:1px solid var(--border-color);padding:3rem 1.5rem 1.5rem;font-family:var(--font-tajawal);margin-top:3rem}@media (max-width: 768px){.footer-wrapper{padding:2rem 1rem 1rem}}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.footer-content{grid-template-columns:1fr 2fr}}.footer-section{margin-bottom:1.5rem}.footer-section h3{color:var(--headline-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.footer-section h3 .toggle-icon{transition:transform .3s ease}@media (min-width: 768px){.footer-section h3 .toggle-icon{display:none}}.footer-section h3.expanded .toggle-icon{transform:rotate(180deg)}.footer-section ul{list-style-type:none;padding:0;margin:0;overflow:hidden;max-height:0;transition:max-height .3s ease}@media (min-width: 768px){.footer-section ul{max-height:none!important}}.footer-section ul.expanded{max-height:200px}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:var(--paragraph-color);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-section ul li a:hover{color:var(--highlight-color)}.about-section .footer-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.about-section .footer-brand .logo-container{width:36px;height:36px;border-radius:8px;background-color:var(--highlight-color);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative;padding:4px}.about-section .footer-brand .logo-container .footer-logo-image{width:28px;height:28px;filter:brightness(0) invert(1)}.about-section .footer-brand .brand-name{font-size:1.25rem;font-weight:600;color:var(--headline-color);background:linear-gradient(45deg,var(--secondary-color),var(--highlight-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section .about-text{color:var(--paragraph-color);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.footer-links-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width: 768px){.footer-links-container{grid-template-columns:repeat(4,1fr)}}.social-links{display:flex;align-items:center;gap:1rem}.social-links .social-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--paragraph-color);transition:all .3s ease}.social-links .social-icon:hover{background-color:var(--highlight-color);color:#fff;transform:translateY(-3px)}.footer-divider{width:100%;height:1px;background-color:var(--border-color);margin:1.5rem 0}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom .copyright{color:var(--paragraph-color);font-size:.85rem;text-align:center}@media (min-width: 768px){.footer-bottom .copyright{text-align:left}}.footer-bottom .bottom-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-bottom .bottom-links .bottom-link{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.85rem;text-decoration:none;transition:color .2s ease}.footer-bottom .bottom-links .bottom-link:hover{color:var(--highlight-color)}.footer-bottom .bottom-links .logout-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.85rem;font-family:inherit;transition:color .2s ease}.footer-bottom .bottom-links .logout-button:hover{color:var(--highlight-color)}.dark-mode .social-icon:hover{box-shadow:0 0 10px #ffffff1a}:root:not(.dark-mode) .social-icon:hover{box-shadow:0 0 10px #0000001a}.mobile-tab-bar{position:fixed;top:0;left:0;right:0;z-index:110;display:flex;flex-direction:column}.mobile-tab-bar.messaging-page .mobile-bottom-tabs{margin-top:0}.mobile-tab-bar.conversation-page .mobile-bottom-tabs{display:none!important}.mobile-top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--background-primary);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);padding-top:calc(.75rem + env(safe-area-inset-top))}.mobile-top-bar .top-bar-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;border-radius:50%;color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;width:40px;height:40px}.mobile-top-bar .top-bar-btn:hover{background-color:var(--main-color);color:var(--highlight-color)}.mobile-top-bar .top-bar-btn:active{transform:scale(.95)}.mobile-top-bar .top-bar-actions{display:flex;align-items:center;gap:.5rem}.mobile-top-bar .top-bar-actions .notification-btn{position:relative}.mobile-top-bar .top-bar-actions .notification-btn .notification-badge{position:absolute;top:-2px;right:-2px;background-color:var(--highlight-color);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid var(--background-primary)}.mobile-bottom-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background-color:var(--background-primary);border-top:1px solid var(--border-color);box-shadow:0 -2px 8px var(--shadow-color);padding:.5rem 0;z-index:110;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.mobile-bottom-tabs .tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:.5rem .25rem;cursor:pointer;transition:all .3s ease;position:relative;min-height:60px;overflow:visible}.mobile-bottom-tabs .tab-item .tab-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;color:var(--paragraph-color);transition:all .3s ease;transform:scale(1)}.mobile-bottom-tabs .tab-item .tab-label{font-size:.7rem;color:var(--paragraph-color);font-weight:500;transition:all .3s ease;text-align:center;line-height:1}.mobile-bottom-tabs .tab-item .active-indicator{position:absolute;top:0;left:0;right:0;margin:0 auto;width:24px;height:3px;background-color:var(--highlight-color);border-radius:0 0 3px 3px;animation:slideDown .3s ease;will-change:transform,opacity}.mobile-bottom-tabs .tab-item:hover:not(.active) .tab-icon{color:var(--headline-color);transform:scale(1.1)}.mobile-bottom-tabs .tab-item:hover:not(.active) .tab-label{color:var(--headline-color)}.mobile-bottom-tabs .tab-item.active .tab-icon{color:var(--highlight-color);transform:scale(1.1)}.mobile-bottom-tabs .tab-item.active .tab-label{color:var(--highlight-color);font-weight:600}.mobile-bottom-tabs .tab-item:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dark-mode .mobile-top-bar,.dark-mode .mobile-bottom-tabs{background-color:var(--background-primary);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}.dark-mode .mobile-bottom-tabs{box-shadow:0 -2px 8px #0000004d}@media (max-width: 360px){.mobile-bottom-tabs .tab-item{padding:.4rem .1rem;min-height:55px}.mobile-bottom-tabs .tab-item .tab-label{font-size:.65rem}.mobile-bottom-tabs .tab-item .tab-icon svg{width:18px;height:18px}.mobile-top-bar{padding:.5rem .75rem}.mobile-top-bar .top-bar-btn{padding:.4rem}.mobile-top-bar .top-bar-btn svg{width:18px;height:18px}}.mobile-search-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}@media (min-width: 993px){.mobile-search-modal{display:none}}.search-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;animation:fadeIn .3s ease}.search-modal-content{position:relative;background-color:var(--background-primary);height:100vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.search-modal-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--background-primary)}.search-modal-header .search-form{flex:1}.search-modal-header .search-input-container{position:relative;display:flex;align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:25px;padding:.75rem 1rem;transition:all .3s ease}.search-modal-header .search-input-container:focus-within{border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.search-modal-header .search-input-container .search-icon{color:var(--paragraph-color);margin-right:.75rem;flex-shrink:0}.search-modal-header .search-input-container .search-input{flex:1;border:none;background:none;color:var(--headline-color);font-size:1rem;outline:none}.search-modal-header .search-input-container .search-input::placeholder{color:var(--paragraph-color)}.search-modal-header .search-input-container .clear-search-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:all .3s ease}.search-modal-header .search-input-container .clear-search-btn:hover{background-color:var(--main-color);color:var(--highlight-color)}.search-modal-header .close-modal-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.search-modal-header .close-modal-btn:hover{background-color:var(--main-color);color:var(--highlight-color)}.search-modal-body{flex:1;overflow-y:auto;padding:1rem}.search-modal-body .search-section{margin-bottom:2rem}.search-modal-body .search-section .section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.search-modal-body .search-section .section-header svg{color:var(--highlight-color)}.search-modal-body .search-section .section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--headline-color);font-family:var(--font-tajawal)}.search-modal-body .search-section .search-suggestions{display:flex;flex-direction:column;gap:.5rem}.search-modal-body .search-section .suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--background-secondary);border:none;border-radius:var(--border-radius);color:var(--headline-color);cursor:pointer;transition:all .3s ease;text-align:left}.search-modal-body .search-section .suggestion-item svg{color:var(--paragraph-color);flex-shrink:0}.search-modal-body .search-section .suggestion-item span{font-size:.95rem}.search-modal-body .search-section .suggestion-item:hover{background-color:var(--main-color);color:var(--highlight-color);transform:translate(5px)}.search-modal-body .search-section .suggestion-item:hover svg{color:var(--highlight-color)}.search-modal-body .search-section .suggestion-item.trending svg{color:#ff6b35}.search-modal-body .search-section .suggestion-item.trending:hover svg{color:#ff6b35}.search-modal-body .search-results{padding:2rem 0;text-align:center}.search-modal-body .search-results .search-results-text{color:var(--paragraph-color);font-size:1rem;margin:0}.dark-mode .search-modal-content{background-color:var(--background-primary)}.dark-mode .search-modal-header{background-color:var(--background-primary);border-color:var(--border-color)}.dark-mode .search-input-container{background-color:var(--background-secondary);border-color:var(--border-color)}.dark-mode .suggestion-item{background-color:var(--background-secondary)}.dark-mode .suggestion-item:hover{background-color:var(--main-color)}@media (max-width: 360px){.search-modal-header{padding:.75rem}.search-modal-header .search-input-container{padding:.6rem .8rem}.search-modal-header .search-input-container .search-input{font-size:.9rem}.search-modal-body{padding:.75rem}.search-modal-body .suggestion-item{padding:.6rem}.search-modal-body .suggestion-item span{font-size:.9rem}}.mobile-notifications-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}@media (min-width: 993px){.mobile-notifications-modal{display:none}}.notifications-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;animation:fadeIn .3s ease}.notifications-modal-content{position:relative;background-color:var(--background-primary);height:100vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.notifications-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--background-primary)}.notifications-modal-header .header-title{display:flex;align-items:center;gap:.75rem}.notifications-modal-header .header-title svg{color:var(--highlight-color)}.notifications-modal-header .header-title h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--headline-color);font-family:var(--font-tajawal)}.notifications-modal-header .header-title .unread-count{background-color:var(--error-color);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center}.notifications-modal-header .header-actions{display:flex;align-items:center;gap:.5rem}.notifications-modal-header .header-actions .mark-all-read-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--highlight-color);cursor:pointer;padding:.5rem;border-radius:var(--border-radius);font-size:.85rem;font-weight:500;transition:all .3s ease}.notifications-modal-header .header-actions .mark-all-read-btn:hover{background-color:var(--main-color)}@media (max-width: 360px){.notifications-modal-header .header-actions .mark-all-read-btn span{display:none}}.notifications-modal-header .header-actions .close-modal-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notifications-modal-header .header-actions .close-modal-btn:hover{background-color:var(--main-color);color:var(--highlight-color)}.notifications-modal-body{flex:1;overflow-y:auto}.notifications-modal-body .notifications-list .notification-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.notifications-modal-body .notifications-list .notification-item:hover{background-color:var(--main-color)}.notifications-modal-body .notifications-list .notification-item.unread{background-color:rgba(var(--highlight-color-rgb),.05)}.notifications-modal-body .notifications-list .notification-item.unread .notification-header h4{font-weight:600}.notifications-modal-body .notifications-list .notification-item .notification-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:var(--background-secondary);flex-shrink:0}.notifications-modal-body .notifications-list .notification-item .notification-avatar .notification-user-avatar{width:100%;height:100%;object-fit:cover}.notifications-modal-body .notifications-list .notification-item .notification-content{flex:1;min-width:0}.notifications-modal-body .notifications-list .notification-item .notification-content .notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.notifications-modal-body .notifications-list .notification-item .notification-content .notification-header h4{margin:0;font-size:.95rem;color:var(--headline-color);line-height:1.3;flex:1}.notifications-modal-body .notifications-list .notification-item .notification-content .notification-header .unread-indicator{width:8px;height:8px;background-color:var(--highlight-color);border-radius:50%;flex-shrink:0;margin-left:.5rem;margin-top:.25rem}.notifications-modal-body .notifications-list .notification-item .notification-content .notification-message{margin:0 0 .75rem;font-size:.85rem;color:var(--paragraph-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notifications-modal-body .notifications-list .notification-item .notification-content .notification-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--paragraph-color)}.notifications-modal-body .notifications-list .notification-item .notification-content .notification-meta .notification-sender{font-weight:500;color:var(--headline-color)}.notifications-modal-body .notifications-list .notification-item .notification-content .notification-meta .notification-time{display:flex;align-items:center;gap:.25rem;opacity:.8}.notifications-modal-body .no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;height:100%}.notifications-modal-body .no-notifications svg{color:var(--paragraph-color);opacity:.5;margin-bottom:1rem}.notifications-modal-body .no-notifications h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--headline-color);font-family:var(--font-tajawal)}.notifications-modal-body .no-notifications p{margin:0;color:var(--paragraph-color);line-height:1.5;max-width:300px}.notifications-modal-footer{padding:1rem;border-top:1px solid var(--border-color);background-color:var(--background-primary)}.notifications-modal-footer .view-all-btn{width:100%;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);padding:.75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.notifications-modal-footer .view-all-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.dark-mode .notifications-modal-content{background-color:var(--background-primary)}.dark-mode .notifications-modal-header,.dark-mode .notifications-modal-footer{background-color:var(--background-primary);border-color:var(--border-color)}.dark-mode .notification-item.unread{background-color:#7f5af01a}.dark-mode .notification-item:hover{background-color:var(--main-color)}.dark-mode .notification-avatar{background-color:var(--background-secondary)}@media (max-width: 360px){.notifications-modal-header{padding:.75rem}.notifications-modal-header .header-title{gap:.5rem}.notifications-modal-header .header-title h2{font-size:1.1rem}.notification-item{padding:.75rem;gap:.75rem}.notification-item .notification-avatar{width:40px;height:40px}.notification-item .notification-content .notification-header h4{font-size:.9rem}.notification-item .notification-content .notification-message{font-size:.8rem}.notification-item .notification-content .notification-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.notifications-modal-footer{padding:.75rem}}.teacher-onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.teacher-onboarding{display:flex;width:90%;max-width:1100px;max-height:85vh;border-radius:var(--card-border-radius);overflow:hidden;position:relative;background-color:var(--background-primary);box-shadow:var(--card-shadow);animation:modalFadeIn .3s ease}.teacher-onboarding__sidebar{width:30%;min-width:300px;background:linear-gradient(135deg,var(--highlight-color),var(--secondary-color));padding:2.5rem 2rem;display:flex;flex-direction:column;position:relative;z-index:2;color:#fff;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.teacher-onboarding__sidebar::-webkit-scrollbar{display:none}.teacher-onboarding__sidebar-logo{display:flex;align-items:center;margin-bottom:2.5rem}.teacher-onboarding__sidebar-logo .logo-container{width:40px;height:40px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #3333335a;margin-right:12px}.teacher-onboarding__sidebar-logo .logo-container img{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(0)}.teacher-onboarding__sidebar-logo .brand-name{font-size:1.25rem;font-weight:700;font-family:var(--font-tajawal);-webkit-text-fill-color:white;color:#fff;text-shadow:0 2px 4px rgba(51,51,51,.508);letter-spacing:.5px}.teacher-onboarding__sidebar-content{margin-bottom:2rem}.teacher-onboarding__sidebar-content h2{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#fff}.teacher-onboarding__sidebar-content p{color:#ffffffd9;line-height:1.6;font-size:1rem}.teacher-onboarding__sidebar-skip{display:flex;align-items:center;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;margin-top:1.5rem;opacity:.9;transition:opacity .2s ease}.teacher-onboarding__sidebar-skip:hover{opacity:1}.teacher-onboarding__sidebar-skip .info-icon{width:24px;height:24px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.teacher-onboarding__sidebar-footer{margin-top:auto;padding-top:2rem}.teacher-onboarding__sidebar-footer .powered-by{text-align:center;font-size:.8rem;color:#ffffffb3}.teacher-onboarding__sidebar-footer .powered-by span{font-weight:600}.teacher-onboarding__content{flex:1;padding:2.5rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.teacher-onboarding__content::-webkit-scrollbar{display:none}.teacher-onboarding__content .status-message,.teacher-onboarding__content .error-message{display:flex;align-items:center;padding:.9rem 1.2rem;border-radius:var(--border-radius);margin-bottom:1.5rem;font-size:.95rem}.teacher-onboarding__content .status-message svg,.teacher-onboarding__content .error-message svg{margin-right:.5rem;flex-shrink:0}.teacher-onboarding__content .status-message{background-color:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color);border:1px solid rgba(var(--highlight-color-rgb),.2)}.teacher-onboarding__content .status-message svg{color:var(--highlight-color)}.teacher-onboarding__content .error-message{background-color:#e12f391a;color:#e12f39;border:1px solid rgba(225,47,57,.2)}.teacher-onboarding__content .error-message svg{color:#e12f39}.teacher-onboarding__form-container{max-width:720px;margin:0 auto}.teacher-onboarding__form-header{margin-bottom:2rem}.teacher-onboarding__form-header h1{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:var(--headline-color);background:linear-gradient(45deg,var(--secondary-color),var(--highlight-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.teacher-onboarding__form-header p{color:var(--paragraph-color);font-size:1.1rem}.teacher-onboarding__close-btn{position:absolute;top:1.5rem;right:1.5rem;width:32px;height:32px;background:#0000001a;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:all .2s ease}.teacher-onboarding__close-btn:hover{background:#0003;transform:rotate(90deg)}.teacher-onboarding__form{width:100%}.teacher-onboarding__card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"specialization education" "experience experience" "bio bio";gap:1.5rem;margin-bottom:2rem}.teacher-onboarding__card-grid>div:nth-child(1){grid-area:specialization}.teacher-onboarding__card-grid>div:nth-child(2){grid-area:education}.teacher-onboarding__card-grid>div:nth-child(3){grid-area:experience}.teacher-onboarding__card-grid>div:nth-child(4){grid-area:bio}.teacher-onboarding__card-grid .full-width{grid-column:1/-1}.teacher-onboarding__card{background:var(--background-primary);border-radius:16px;padding:1.25rem;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);transition:all .3s ease}.teacher-onboarding__card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:var(--highlight-color)}.teacher-onboarding__card label{display:block;font-size:.925rem;font-weight:500;margin-bottom:.75rem;color:var(--headline-color)}.teacher-onboarding__card .hint{font-size:.8rem;color:var(--paragraph-color);margin-top:.5rem;display:flex;align-items:center}.teacher-onboarding__card .hint svg{margin-right:.25rem;color:var(--highlight-color)}.teacher-onboarding__card .checkbox-container{margin-top:.5rem}.teacher-onboarding__card .checkbox-container .checkbox-label{display:flex;align-items:center;font-size:.95rem;cursor:pointer}.teacher-onboarding__card .checkbox-container .checkbox-label input[type=checkbox]{margin-right:.5rem;width:16px;height:16px;accent-color:var(--highlight-color)}.teacher-onboarding__buttons{display:flex;justify-content:space-between;margin-top:1rem}.teacher-onboarding__buttons button{min-width:140px;height:48px;font-weight:500;border-radius:12px;transition:all .2s ease-in-out}.step-progress{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.step-progress__line{flex:1;height:3px;background-color:#ffffff4d;position:relative;overflow:hidden;border-radius:3px}.step-progress__line:not(:last-child){margin-right:.5rem}.step-progress__line.active:before,.step-progress__line.completed:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff}.step-progress__line.active:before{width:50%}.step-progress__dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff4d}.step-progress__dot.active,.step-progress__dot.completed{background-color:#fff;transform:scale(1.25)}.teacher-onboarding__select{position:relative}.teacher-onboarding__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.9rem 1.2rem;background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;font-size:1rem;color:var(--headline-color);cursor:pointer;transition:all .3s ease}.teacher-onboarding__select select:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.15)}.teacher-onboarding__select:after{content:"";position:absolute;top:50%;right:1.2rem;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--paragraph-color);pointer-events:none;opacity:.5}.onboarding-input{width:100%;padding:.9rem 1.2rem;border-radius:12px;font-size:1rem;box-shadow:none;transition:all .2s ease-in-out;border:1px solid var(--border-color);background-color:var(--background-primary)}.onboarding-input:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.15);border-color:var(--highlight-color)}.onboarding-input.textarea{min-height:120px;resize:vertical;line-height:1.5}.profile-photo-container .profile-photo-upload{display:flex;align-items:center;margin-top:.5rem}.profile-photo-container .profile-photo-upload .photo-preview{width:60px;height:60px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:1.5rem;color:var(--paragraph-color);background-size:cover;background-position:center;transition:all .2s ease;border:1px dashed var(--border-color)}.profile-photo-container .profile-photo-upload .photo-preview svg{width:20px;height:20px}.profile-photo-container .profile-photo-upload .photo-preview:hover{opacity:.9;border-color:var(--highlight-color)}.profile-photo-container .profile-photo-upload .photo-preview.loading{cursor:not-allowed;position:relative}.profile-photo-container .profile-photo-upload .photo-preview.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0003;border-radius:50%}.profile-photo-container .profile-photo-upload .photo-preview.loading svg.spin{animation:spin 1.5s linear infinite;color:var(--highlight-color)}.profile-photo-container .profile-photo-upload .upload-instructions p{font-size:.925rem;font-weight:500;margin-bottom:.25rem;color:var(--headline-color)}.profile-photo-container .profile-photo-upload .upload-instructions span{font-size:.8rem;color:var(--paragraph-color)}.multi-select-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.multi-select-container .multi-select-item{padding:.5rem 1rem;border-radius:25px;border:1px solid var(--border-color);font-size:.9rem;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.multi-select-container .multi-select-item svg{margin-left:.5rem}.multi-select-container .multi-select-item:hover{border-color:var(--highlight-color)}.multi-select-container .multi-select-item.selected{background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spin{animation:spin 1.5s linear infinite}.dark-mode .teacher-onboarding__card{background:var(--background-primary);border-color:var(--border-color)}.dark-mode .teacher-onboarding__card:hover{border-color:var(--highlight-color)}@media (max-width: 1024px){.teacher-onboarding{flex-direction:column;width:95%;max-height:90vh}.teacher-onboarding__sidebar{width:100%;min-width:0;padding:2rem;max-height:40vh;overflow-y:auto}.teacher-onboarding__content{flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem}.teacher-onboarding__close-btn{right:1rem;top:1rem}}@media (max-width: 768px){.teacher-onboarding-overlay{padding:1rem}.teacher-onboarding{width:100%;max-height:95vh}.teacher-onboarding__sidebar{padding:1.5rem}.teacher-onboarding__sidebar-logo{margin-bottom:1.5rem}.teacher-onboarding__sidebar-logo .brand-name{font-size:1.1rem}.teacher-onboarding__sidebar-content h2{font-size:1.2rem}.teacher-onboarding__content{padding:1.5rem}.teacher-onboarding__content .status-message,.teacher-onboarding__content .error-message{padding:.75rem 1rem;font-size:.85rem}.teacher-onboarding__form-header h1{font-size:1.5rem}.teacher-onboarding__form-header p{font-size:1rem}.teacher-onboarding__card-grid{grid-template-columns:1fr}.teacher-onboarding__buttons{flex-direction:column;gap:1rem}.teacher-onboarding__buttons button{width:100%}.teacher-onboarding .profile-photo-container .profile-photo-upload{flex-direction:column;align-items:center;text-align:center}.teacher-onboarding .profile-photo-container .profile-photo-upload .photo-preview{margin-right:0;margin-bottom:1rem}.multi-select-container{justify-content:center}}.application-success-container{max-width:900px;margin:4rem auto;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.application-success-container .application-success-card{width:100%;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:3rem 2.5rem;text-align:center}.application-success-container .application-success-card .success-icon{width:80px;height:80px;background-color:rgba(var(--highlight-color-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.application-success-container .application-success-card .success-icon svg{color:var(--highlight-color)}.application-success-container .application-success-card h1{font-size:2rem;margin-bottom:2rem;color:var(--headline-color);font-weight:700}.application-success-container .application-success-card .success-message{max-width:700px;margin:0 auto 3rem}.application-success-container .application-success-card .success-message p{font-size:1.05rem;line-height:1.6;color:var(--paragraph-color);margin-bottom:1rem}.application-success-container .application-success-card .next-steps{margin-bottom:3rem}.application-success-container .application-success-card .next-steps h2{font-size:1.4rem;margin-bottom:1.5rem;color:var(--headline-color)}.application-success-container .application-success-card .next-steps .steps-list{list-style:none;padding:0;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.application-success-container .application-success-card .next-steps .steps-list li{display:flex;align-items:flex-start;text-align:left;padding:1rem 1.5rem;background-color:var(--background-secondary);border-radius:var(--border-radius);transition:transform .2s ease}.application-success-container .application-success-card .next-steps .steps-list li:hover{transform:translateY(-2px)}.application-success-container .application-success-card .next-steps .steps-list li .step-number{width:28px;height:28px;border-radius:50%;background-color:var(--highlight-color);color:var(--button-text);display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:1rem;flex-shrink:0}.application-success-container .application-success-card .next-steps .steps-list li .step-text{font-size:1rem;color:var(--paragraph-color);line-height:1.5;padding-top:.25rem}.application-success-container .application-success-card .action-buttons .primary-button{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.75rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease}.application-success-container .application-success-card .action-buttons .primary-button svg{transition:transform .2s ease}.application-success-container .application-success-card .action-buttons .primary-button:hover{filter:brightness(1.1)}.application-success-container .application-success-card .action-buttons .primary-button:hover svg{transform:translate(3px)}@media screen and (max-width: 768px){.application-success-container{margin:2rem auto}.application-success-container .application-success-card{padding:2rem 1.5rem}.application-success-container .application-success-card h1{font-size:1.6rem}.application-success-container .application-success-card .success-message p{font-size:1rem}.application-success-container .application-success-card .next-steps h2{font-size:1.2rem}.application-success-container .application-success-card .steps-list li{padding:.75rem 1rem}}.tabs-navigation{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.tabs-navigation .tab-btn{padding:1rem 1.5rem;background:none;border:none;color:var(--paragraph-color);font-size:1rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tabs-navigation .tab-btn:hover{color:var(--headline-color)}.tabs-navigation .tab-btn.active{color:var(--highlight-color);border-bottom-color:var(--highlight-color)}@media (max-width: 768px){.tabs-navigation{flex-wrap:wrap}.tabs-navigation .tab-btn{flex:1;min-width:120px}}.overview-tab{display:flex;flex-direction:column;gap:2rem}.overview-tab .bio-section h3,.overview-tab .teaching-style-section h3{font-size:1.3rem;color:var(--headline-color);margin:0 0 1rem}.overview-tab .bio-section p,.overview-tab .teaching-style-section p{color:var(--paragraph-color);line-height:1.6;font-size:1rem}.overview-tab .subjects-section h3{font-size:1.3rem;color:var(--headline-color);margin:0 0 1rem}.overview-tab .subjects-section .subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.overview-tab .subjects-section .subjects-grid .subject-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:var(--background-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .2s ease}.overview-tab .subjects-section .subjects-grid .subject-card:hover{background-color:var(--main-color);border-color:var(--highlight-color)}.overview-tab .subjects-section .subjects-grid .subject-card svg{color:var(--highlight-color)}.overview-tab .subjects-section .subjects-grid .subject-card span{font-weight:500;color:var(--headline-color)}.overview-tab .education-section h3{font-size:1.3rem;color:var(--headline-color);margin:0 0 1rem}.overview-tab .education-section .education-list{display:flex;flex-direction:column;gap:.75rem}.overview-tab .education-section .education-list .education-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:var(--background-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.overview-tab .education-section .education-list .education-item svg{color:var(--highlight-color)}.overview-tab .education-section .education-list .education-item span{color:var(--paragraph-color)}@media (max-width: 576px){.overview-tab .subjects-section .subjects-grid{grid-template-columns:1fr}}.reviews-tab .reviews-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;background-color:var(--background-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.reviews-tab .reviews-summary .overall-rating{display:flex;align-items:center;gap:2rem}.reviews-tab .reviews-summary .overall-rating .rating-display{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(var(--highlight-color-rgb),.05),rgba(var(--highlight-color-rgb),.02));border-radius:var(--border-radius);border:1px solid rgba(var(--highlight-color-rgb),.1)}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-main{display:flex;align-items:baseline;gap:.5rem}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-main .rating-number{font-size:2.5rem;font-weight:700;color:var(--highlight-color);line-height:1}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-main .rating-max{font-size:1.2rem;color:var(--paragraph-color);opacity:.7}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-divider{width:1px;height:40px;background-color:rgba(var(--highlight-color-rgb),.2)}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-details{display:flex;flex-direction:column;gap:.5rem}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-details .stars-display{display:flex;align-items:center;gap:.25rem}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-details .review-count{font-size:.95rem;color:var(--paragraph-color);font-weight:500}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-details .success-rate{color:#4caf50;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-details .success-rate:before{content:"✓";font-weight:700}.reviews-tab .reviews-summary .write-review-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reviews-tab .reviews-summary .write-review-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.reviews-tab .reviews-loading{text-align:center;padding:3rem;color:var(--paragraph-color)}.reviews-tab .reviews-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--highlight-color-rgb),.2);border-top:3px solid var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.reviews-tab .reviews-loading p{margin:0;font-size:.95rem}.reviews-tab .reviews-list{display:flex;flex-direction:column;gap:1.5rem}.reviews-tab .reviews-list .review-item{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--border-color);transition:all .2s ease}.reviews-tab .reviews-list .review-item:hover{box-shadow:0 4px 12px #00000014;border-color:var(--highlight-color)}.reviews-tab .reviews-list .review-item .review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.reviews-tab .reviews-list .review-item .review-header .reviewer-info{display:flex;align-items:center;gap:1rem}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-avatar img{width:100%;height:100%;object-fit:cover}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-avatar .avatar-placeholder{width:100%;height:100%;background-color:var(--highlight-color);color:var(--button-text);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-details h4{margin:0 0 .25rem;color:var(--headline-color);font-size:1rem;font-weight:600}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-details .review-meta{display:flex;align-items:center;gap:1rem}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-details .review-meta .review-date{color:var(--paragraph-color);font-size:.85rem}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-details .review-meta .review-date .edited-indicator{color:var(--paragraph-color);opacity:.7;font-style:italic}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-details .review-meta .review-rating{display:flex;align-items:center}.reviews-tab .reviews-list .review-item .review-header .review-actions{display:flex;align-items:center;gap:1rem}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-recommendation .recommend-badge{display:flex;align-items:center;gap:.25rem;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-recommendation .recommend-badge.positive{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-recommendation .recommend-badge.negative{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu{position:relative}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-trigger{background:none;border:none;cursor:pointer;color:var(--paragraph-color);padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-trigger:hover{background-color:var(--main-color);color:var(--headline-color)}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown{position:absolute;top:100%;right:0;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;z-index:10;min-width:150px;overflow:hidden}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown .menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;transition:all .2s ease}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown .menu-item:hover:not(:disabled){background-color:var(--main-color)}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown .menu-item:disabled{opacity:.5;cursor:not-allowed}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown .menu-item.edit{color:var(--highlight-color)}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown .menu-item.edit:hover:not(:disabled){background-color:rgba(var(--highlight-color-rgb),.1)}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown .menu-item.delete{color:#f44336}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown .menu-item.delete:hover:not(:disabled){background-color:#f443361a}.reviews-tab .reviews-list .review-item .review-title{margin:0 0 .75rem;color:var(--headline-color);font-size:1.1rem;font-weight:600}.reviews-tab .reviews-list .review-item .review-comment{color:var(--paragraph-color);line-height:1.6;margin:0;font-size:.95rem}.reviews-tab .reviews-placeholder{text-align:center;padding:3rem;color:var(--paragraph-color)}.reviews-tab .reviews-placeholder svg{margin-bottom:1rem;opacity:.5}.reviews-tab .reviews-placeholder h3{margin:0 0 .5rem;color:var(--headline-color)}.reviews-tab .reviews-placeholder p{margin:0 0 1.5rem}.reviews-tab .reviews-placeholder .write-review-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reviews-tab .reviews-placeholder .write-review-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.review-modal{background-color:var(--background-primary);border-radius:var(--border-radius);width:100%;max-width:600px;max-height:90vh;box-shadow:0 4px 20px #0003;overflow:hidden;display:flex;flex-direction:column}.review-modal .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.review-modal .modal-header h2{margin:0;font-size:1.2rem;color:var(--headline-color)}.review-modal .modal-header .close-modal-btn{background:none;border:none;cursor:pointer;color:var(--paragraph-color);font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.review-modal .modal-header .close-modal-btn:hover{background-color:var(--main-color);color:var(--headline-color)}.review-modal .modal-content{padding:1.5rem;overflow-y:auto}.review-modal .modal-content form .form-group{margin-bottom:1.5rem}.review-modal .modal-content form .form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--headline-color);font-weight:500}.review-modal .modal-content form .form-group input,.review-modal .modal-content form .form-group textarea{width:100%;padding:.9rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--paragraph-color);font-size:.95rem}.review-modal .modal-content form .form-group input:focus,.review-modal .modal-content form .form-group textarea:focus{outline:none;border-color:var(--highlight-color)}.review-modal .modal-content form .form-group textarea{min-height:120px;resize:vertical}.review-modal .modal-content form .form-group .rating-input{display:flex;align-items:center;gap:.5rem}.review-modal .modal-content form .form-group .rating-input .star-btn{background:none;border:none;cursor:pointer;color:var(--paragraph-color);opacity:.5;transition:all .2s ease}.review-modal .modal-content form .form-group .rating-input .star-btn:hover{opacity:1;transform:scale(1.1)}.review-modal .modal-content form .form-group .rating-input .star-btn.active{color:#ffc107;opacity:1}.review-modal .modal-content form .form-group .rating-input .rating-text{margin-left:1rem;color:var(--paragraph-color);font-size:.9rem}.review-modal .modal-content form .form-group .char-count{display:block;text-align:right;font-size:.8rem;color:var(--paragraph-color);margin-top:.25rem}.review-modal .modal-content form .form-group .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--paragraph-color);position:relative}.review-modal .modal-content form .form-group .checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0}.review-modal .modal-content form .form-group .checkbox-label .checkmark{width:18px;height:18px;border:2px solid var(--border-color);border-radius:3px;position:relative;flex-shrink:0}.review-modal .modal-content form .form-group .checkbox-label .checkmark:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.review-modal .modal-content form .form-group .checkbox-label input[type=checkbox]:checked+.checkmark:after{opacity:1}.review-modal .modal-content form .form-group .checkbox-label input[type=checkbox]:checked+.checkmark{border-color:var(--highlight-color);background-color:var(--highlight-color)}.review-modal .modal-content form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.review-modal .modal-content form .form-actions .cancel-btn,.review-modal .modal-content form .form-actions .submit-btn{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.review-modal .modal-content form .form-actions .cancel-btn{background-color:transparent;color:var(--paragraph-color);border:1px solid var(--border-color)}.review-modal .modal-content form .form-actions .cancel-btn:hover{background-color:var(--main-color);color:var(--headline-color)}.review-modal .modal-content form .form-actions .submit-btn{background-color:var(--highlight-color);color:var(--button-text)}.review-modal .modal-content form .form-actions .submit-btn:hover:not(:disabled){filter:brightness(1.1)}.review-modal .modal-content form .form-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.reviews-tab .reviews-summary{flex-direction:column;gap:1.5rem;text-align:center}.reviews-tab .reviews-summary .overall-rating{flex-direction:column;gap:1rem}.reviews-tab .reviews-summary .overall-rating .rating-display{flex-direction:column;gap:1rem;text-align:center}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-divider{width:60px;height:1px;align-self:center}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-details{align-items:center}.reviews-tab .reviews-list .review-item .review-header{flex-direction:column;gap:1rem;align-items:flex-start}.reviews-tab .reviews-list .review-item .review-header .review-actions{align-self:flex-end;flex-direction:column;gap:.5rem}.review-modal .modal-content form .form-actions{flex-direction:column}.review-modal .modal-content form .form-actions .cancel-btn,.review-modal .modal-content form .form-actions .submit-btn{width:100%}}@media (max-width: 576px){.reviews-tab .reviews-summary{padding:1.5rem}.reviews-tab .reviews-summary .overall-rating .rating-display{padding:1rem}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-main .rating-number{font-size:2rem}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-main .rating-max{font-size:1rem}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-details .review-count{font-size:.9rem}.reviews-tab .reviews-summary .overall-rating .rating-display .rating-details .success-rate{font-size:.85rem}.reviews-tab .reviews-list .review-item{padding:1rem}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-avatar{width:40px;height:40px}.reviews-tab .reviews-list .review-item .review-header .reviewer-info .reviewer-details .review-meta{flex-direction:column;gap:.5rem;align-items:flex-start}.reviews-tab .reviews-list .review-item .review-header .review-actions .review-menu .menu-dropdown{right:-50px;min-width:120px}}.schedule-tab .availability-info{margin-bottom:2rem}.schedule-tab .availability-info h3{font-size:1.3rem;color:var(--headline-color);margin:0 0 1rem}.schedule-tab .availability-info .availability-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.schedule-tab .availability-info .availability-details .availability-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:var(--background-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.schedule-tab .availability-info .availability-details .availability-item svg{color:var(--highlight-color)}.schedule-tab .availability-info .availability-details .availability-item h4{margin:0 0 .25rem;color:var(--headline-color);font-size:1rem}.schedule-tab .availability-info .availability-details .availability-item p{margin:0;color:var(--paragraph-color);font-size:.9rem}.schedule-tab .schedule-placeholder{text-align:center;padding:3rem;color:var(--paragraph-color)}.schedule-tab .schedule-placeholder svg{margin-bottom:1rem;opacity:.5}.schedule-tab .schedule-placeholder h3{margin:0 0 .5rem;color:var(--headline-color)}.schedule-tab .schedule-placeholder p{margin:0}.schedule-tab .bookings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.schedule-tab .bookings-header h3{font-size:1.3rem;color:var(--headline-color);margin:0}.schedule-tab .bookings-header .bookings-stats{display:flex;gap:1rem}.schedule-tab .bookings-header .bookings-stats .stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--background-secondary);border-radius:var(--border-radius);font-size:.9rem;color:var(--paragraph-color)}.schedule-tab .bookings-header .bookings-stats .stat svg{color:var(--highlight-color)}.schedule-tab .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.schedule-tab .loading-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--highlight-color-rgb),.2);border-top:3px solid var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.schedule-tab .loading-container p{color:var(--paragraph-color);margin:0}.schedule-tab .bookings-list{display:flex;flex-direction:column;gap:1.5rem}.schedule-tab .bookings-list .booking-card{background-color:var(--background-primary);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.schedule-tab .bookings-list .booking-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.schedule-tab .bookings-list .booking-card.pending{border-left:4px solid #f59e0b}.schedule-tab .bookings-list .booking-card.accepted{border-left:4px solid #10b981}.schedule-tab .bookings-list .booking-card.declined{border-left:4px solid #ef4444}.schedule-tab .bookings-list .booking-card.cancelled{border-left:4px solid #6b7280}.schedule-tab .bookings-list .booking-card .booking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.schedule-tab .bookings-list .booking-card .booking-header .student-info{display:flex;align-items:center;gap:1rem}.schedule-tab .bookings-list .booking-card .booking-header .student-info .student-avatar{width:50px;height:50px}.schedule-tab .bookings-list .booking-card .booking-header .student-info .student-avatar .avatar-placeholder{width:100%;height:100%;background-color:var(--highlight-color);color:var(--button-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.schedule-tab .bookings-list .booking-card .booking-header .student-info .student-details h4{margin:0 0 .25rem;color:var(--headline-color);font-size:1.1rem}.schedule-tab .bookings-list .booking-card .booking-header .student-info .student-details .subject{margin:0;color:var(--paragraph-color);font-size:.9rem}.schedule-tab .bookings-list .booking-card .booking-header .booking-status .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid}.schedule-tab .bookings-list .booking-card .booking-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.schedule-tab .bookings-list .booking-card .booking-details .detail-row{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.9rem}.schedule-tab .bookings-list .booking-card .booking-details .detail-row svg{color:var(--highlight-color)}.schedule-tab .bookings-list .booking-card .booking-details .detail-row.price{font-weight:600;color:var(--headline-color);font-size:1rem}.schedule-tab .bookings-list .booking-card .booking-message{background-color:var(--background-secondary);padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem}.schedule-tab .bookings-list .booking-card .booking-message p{margin:0;color:var(--paragraph-color);font-size:.9rem;line-height:1.5}.schedule-tab .bookings-list .booking-card .meeting-details{background-color:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.schedule-tab .bookings-list .booking-card .meeting-details h5{margin:0 0 .75rem;color:#10b981;font-size:.95rem}.schedule-tab .bookings-list .booking-card .meeting-details .meeting-info p{margin:0 0 .5rem;font-size:.9rem;color:var(--paragraph-color)}.schedule-tab .bookings-list .booking-card .meeting-details .meeting-info p:last-child{margin-bottom:0}.schedule-tab .bookings-list .booking-card .meeting-details .meeting-info p a{color:var(--highlight-color);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.schedule-tab .bookings-list .booking-card .meeting-details .meeting-info p a:hover{text-decoration:underline}.schedule-tab .bookings-list .booking-card .booking-actions{display:flex;gap:.75rem;flex-wrap:wrap}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn:disabled{opacity:.6;cursor:not-allowed}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn.accept{background-color:#10b981;color:#fff}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn.accept:hover:not(:disabled){background-color:#059669}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn.decline{background-color:#ef4444;color:#fff}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn.decline:hover:not(:disabled){background-color:#dc2626}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn.message{background-color:var(--highlight-color);color:var(--button-text)}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn.message:hover:not(:disabled){filter:brightness(1.1)}.schedule-tab .no-bookings{text-align:center;padding:3rem;color:var(--paragraph-color)}.schedule-tab .no-bookings svg{margin-bottom:1rem;opacity:.5}.schedule-tab .no-bookings h3{margin:0 0 .5rem;color:var(--headline-color)}.schedule-tab .no-bookings p{margin:0}.meeting-form-modal{background-color:var(--background-primary);border-radius:var(--border-radius);width:100%;max-width:500px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.meeting-form-modal .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary)}.meeting-form-modal .modal-header h3{margin:0;font-size:1.1rem;color:var(--headline-color)}.meeting-form-modal .modal-header .close-btn{background:none;border:none;cursor:pointer;color:var(--paragraph-color);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s ease}.meeting-form-modal .modal-header .close-btn:hover{background-color:var(--main-color);color:var(--headline-color)}.meeting-form-modal form{padding:1.5rem}.meeting-form-modal form .form-group{margin-bottom:1.5rem}.meeting-form-modal form .form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--headline-color);font-weight:500}.meeting-form-modal form .form-group input,.meeting-form-modal form .form-group select,.meeting-form-modal form .form-group textarea{width:100%;padding:.9rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--paragraph-color);font-size:.95rem}.meeting-form-modal form .form-group input:focus,.meeting-form-modal form .form-group select:focus,.meeting-form-modal form .form-group textarea:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.meeting-form-modal form .form-group textarea{resize:vertical;min-height:80px}.meeting-form-modal form .form-actions{display:flex;gap:1rem;justify-content:flex-end}.meeting-form-modal form .form-actions .cancel-btn{padding:.75rem 1.5rem;border:1px solid var(--border-color);background-color:transparent;color:var(--paragraph-color);border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:all .2s ease}.meeting-form-modal form .form-actions .cancel-btn:hover{background-color:var(--main-color);color:var(--headline-color)}.meeting-form-modal form .form-actions .submit-btn{padding:.75rem 1.5rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.meeting-form-modal form .form-actions .submit-btn:hover:not(:disabled){filter:brightness(1.1)}.meeting-form-modal form .form-actions .submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.schedule-tab .bookings-header{flex-direction:column;gap:1rem;align-items:flex-start}.schedule-tab .bookings-header .bookings-stats{width:100%;justify-content:space-between}.schedule-tab .bookings-list .booking-card .booking-header{flex-direction:column;gap:1rem;align-items:flex-start}.schedule-tab .bookings-list .booking-card .booking-actions{flex-direction:column}.schedule-tab .bookings-list .booking-card .booking-actions .action-btn{width:100%;justify-content:center}.meeting-form-modal{margin:1rem}.meeting-form-modal form .form-actions{flex-direction:column}.meeting-form-modal form .form-actions .cancel-btn,.meeting-form-modal form .form-actions .submit-btn{width:100%}}@media (max-width: 576px){.schedule-tab .availability-info .availability-details{grid-template-columns:1fr}}.teacher-details-page{min-height:100vh;background-color:var(--background-primary)}.teacher-details-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.teacher-details-page .loading-container .loading-spinner{width:50px;height:50px;border:3px solid rgba(var(--highlight-color-rgb),.2);border-top:3px solid var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.teacher-details-page .loading-container p{color:var(--paragraph-color);font-size:1rem}.teacher-details-page .page-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background-color:var(--background-secondary);box-shadow:0 2px 8px #0000000d}.teacher-details-page .page-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--paragraph-color);font-size:1rem;cursor:pointer;padding:.75rem 1rem;border-radius:var(--border-radius);transition:all .2s ease}.teacher-details-page .page-header .back-button:hover{background-color:var(--main-color);color:var(--headline-color);transform:translate(-2px)}.teacher-details-page .page-header .header-actions{display:flex;gap:.75rem}.teacher-details-page .page-header .header-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--paragraph-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.teacher-details-page .page-header .header-actions .action-btn:hover{background-color:var(--main-color);color:var(--headline-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.teacher-details-page .page-header .header-actions .action-btn.secondary{background-color:transparent}.teacher-details-page .hero-section{background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-primary) 100%);padding:3rem 2rem;border-bottom:1px solid var(--border-color);position:relative}.teacher-details-page .hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(var(--highlight-color-rgb),.02) 0%,transparent 100%);pointer-events:none}.teacher-details-page .hero-section .hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:start;position:relative;z-index:1}.teacher-details-page .hero-section .hero-content .teacher-profile{display:flex;gap:2rem}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-avatar{width:120px;height:120px;position:relative;flex-shrink:0}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--highlight-color),rgba(var(--highlight-color-rgb),.8));color:var(--button-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600;box-shadow:0 4px 16px rgba(var(--highlight-color-rgb),.3)}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-avatar .verified-badge{position:absolute;bottom:0;right:0;background-color:#4caf50;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 2px 8px #00000026;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info{flex:1}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header{margin-bottom:1rem}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header h1{font-size:2.5rem;margin:0 0 .5rem;color:var(--headline-color);font-weight:700;font-family:var(--font-tajawal);line-height:1.2}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header .teacher-badges{display:flex;gap:.75rem;flex-wrap:wrap}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header .teacher-badges .badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;transition:all .2s ease}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header .teacher-badges .badge.verified{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header .teacher-badges .badge.verified:hover{background-color:#4caf5026}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header .teacher-badges .badge.member{background-color:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color);border:1px solid rgba(var(--highlight-color-rgb),.3)}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header .teacher-badges .badge.member:hover{background-color:rgba(var(--highlight-color-rgb),.15)}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-title{font-size:1.2rem;color:var(--paragraph-color);margin:0 0 1.5rem;font-weight:500}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-stats{display:flex;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-stats .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:rgba(var(--highlight-color-rgb),.05);border-radius:var(--border-radius);border:1px solid rgba(var(--highlight-color-rgb),.1);transition:all .2s ease}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-stats .stat-item:hover{background-color:rgba(var(--highlight-color-rgb),.1);transform:translateY(-1px)}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-stats .stat-item .stat-label{color:var(--paragraph-color);font-size:.9rem;font-weight:500}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-location{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:1rem;padding:.5rem 0}.teacher-details-page .hero-section .hero-content .hero-actions{display:flex;flex-direction:column;gap:1.5rem;min-width:280px}.teacher-details-page .hero-section .hero-content .hero-actions .price-section{text-align:center;padding:1.5rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 4px 16px #0000001a;border:1px solid var(--border-color);transition:all .2s ease}.teacher-details-page .hero-section .hero-content .hero-actions .price-section:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.teacher-details-page .hero-section .hero-content .hero-actions .price-section .hourly-rate{display:flex;align-items:baseline;justify-content:center;margin-bottom:.75rem}.teacher-details-page .hero-section .hero-content .hero-actions .price-section .hourly-rate .price{font-size:2.5rem;font-weight:700;color:var(--headline-color)}.teacher-details-page .hero-section .hero-content .hero-actions .price-section .hourly-rate .per-hour{font-size:1.1rem;color:var(--paragraph-color);margin-left:.3rem}.teacher-details-page .hero-section .hero-content .hero-actions .price-section .first-lesson-free{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:#4caf50;font-weight:600;padding:.5rem;background-color:#4caf501a;border-radius:var(--border-radius);border:1px solid rgba(76,175,80,.2)}.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons{display:flex;flex-direction:column;gap:.75rem}.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons .primary-btn,.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons .secondary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons .primary-btn{background-color:var(--highlight-color);color:var(--button-text);box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.3)}.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons .primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--highlight-color-rgb),.4)}.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons .secondary-btn{background-color:transparent;color:var(--paragraph-color);border:1px solid var(--border-color)}.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons .secondary-btn:hover{background-color:var(--main-color);color:var(--headline-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.teacher-details-page .main-content{max-width:1200px;margin:0 auto;padding:2rem}.teacher-details-page .main-content .content-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem}.teacher-details-page .main-content .content-layout .content-main .content-sidebar{order:-1}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card h3{font-size:1.1rem;color:var(--headline-color);margin:0 0 1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card h3:before{content:"";width:4px;height:20px;background-color:var(--highlight-color);border-radius:2px}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .info-list{display:flex;flex-direction:column;gap:1rem}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .info-list .info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:var(--border-radius);background-color:rgba(var(--highlight-color-rgb),.02);border:1px solid rgba(var(--highlight-color-rgb),.1);transition:all .2s ease}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .info-list .info-item:hover{background-color:rgba(var(--highlight-color-rgb),.05);border-color:rgba(var(--highlight-color-rgb),.2)}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .info-list .info-item .info-label{color:var(--paragraph-color);font-size:.9rem;font-weight:500}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .info-list .info-item .info-value{color:var(--headline-color);font-weight:600;font-size:.9rem}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .contact-info{display:flex;flex-direction:column;gap:.75rem}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .contact-info .contact-item{display:flex;align-items:center;gap:.75rem;color:var(--paragraph-color);font-size:.9rem;padding:.5rem;border-radius:var(--border-radius);transition:all .2s ease}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .contact-info .contact-item:hover{background-color:rgba(var(--highlight-color-rgb),.05)}.teacher-details-page .main-content .content-layout .content-sidebar .sidebar-card .contact-info .contact-item svg{color:var(--highlight-color)}.star-rating{display:flex;align-items:center;gap:.25rem}.star-rating .star{color:var(--paragraph-color);opacity:.5;transition:all .2s ease}.star-rating .star.filled{opacity:1;color:#ffc107}.star-rating .star.half-filled{opacity:.8;color:#ffc107}.star-rating .rating-value{font-weight:600;color:#ffc107;margin-left:.2rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-modal{background-color:var(--background-primary);border-radius:var(--border-radius);width:100%;max-width:600px;max-height:90vh;box-shadow:0 8px 32px #0000004d;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-modal .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary)}.contact-modal .modal-header h2{margin:0;font-size:1.2rem;color:var(--headline-color);font-weight:600}.contact-modal .modal-header .close-modal-btn{background:none;border:none;cursor:pointer;color:var(--paragraph-color);font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s ease}.contact-modal .modal-header .close-modal-btn:hover{background-color:var(--main-color);color:var(--headline-color);transform:rotate(90deg)}.contact-modal .modal-content{padding:1.5rem;overflow-y:auto}.contact-modal .modal-content .teacher-summary{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.contact-modal .modal-content .teacher-summary .teacher-avatar-small{width:50px;height:50px}.contact-modal .modal-content .teacher-summary .teacher-avatar-small .avatar-placeholder-small{width:100%;height:100%;background-color:var(--highlight-color);color:var(--button-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.contact-modal .modal-content .teacher-summary .teacher-summary-info h3{margin:0 0 .2rem;font-size:1rem;color:var(--headline-color);font-weight:600}.contact-modal .modal-content .teacher-summary .teacher-summary-info p{margin:0 0 .5rem;font-size:.9rem;color:var(--paragraph-color)}.contact-modal .modal-content .teacher-summary .teacher-summary-info .summary-rate{font-size:.9rem;color:var(--paragraph-color)}.contact-modal .modal-content .teacher-summary .teacher-summary-info .summary-rate .price{font-weight:700;font-size:1rem;color:var(--headline-color)}.contact-modal .modal-content form .form-group{margin-bottom:1.5rem}.contact-modal .modal-content form .form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--headline-color);font-weight:500}.contact-modal .modal-content form .form-group input,.contact-modal .modal-content form .form-group select,.contact-modal .modal-content form .form-group textarea{width:100%;padding:.9rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--paragraph-color);font-size:.95rem;transition:all .2s ease}.contact-modal .modal-content form .form-group input:focus,.contact-modal .modal-content form .form-group select:focus,.contact-modal .modal-content form .form-group textarea:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.contact-modal .modal-content form .form-group textarea{min-height:120px;resize:vertical}.contact-modal .modal-content form .form-row{display:flex;gap:1rem}.contact-modal .modal-content form .form-row .form-group{flex:1}.contact-modal .modal-content form .price-summary{margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--background-secondary)}.contact-modal .modal-content form .price-summary .summary-row{display:flex;justify-content:space-between;padding:.9rem 1.2rem;font-size:.95rem;transition:all .2s ease}.contact-modal .modal-content form .price-summary .summary-row:not(:last-child){border-bottom:1px solid var(--border-color)}.contact-modal .modal-content form .price-summary .summary-row.highlight{background-color:#4caf501a;color:#4caf50;font-weight:600}.contact-modal .modal-content form .price-summary .summary-row.total{background-color:var(--highlight-color);color:var(--button-text);font-weight:700;font-size:1.05rem}.contact-modal .modal-content form .submit-request-btn{width:100%;padding:1rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.3)}.contact-modal .modal-content form .submit-request-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--highlight-color-rgb),.4)}@media (max-width: 1200px){.teacher-details-page .hero-section .hero-content{grid-template-columns:1fr;gap:2rem}.teacher-details-page .hero-section .hero-content .hero-actions{min-width:auto}.teacher-details-page .main-content .content-layout{grid-template-columns:1fr;gap:1.5rem}.teacher-details-page .main-content .content-layout .content-sidebar{order:-1}}@media (max-width: 768px){.teacher-details-page .page-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.teacher-details-page .page-header .header-actions{justify-content:center}.teacher-details-page .hero-section{padding:2rem 1rem}.teacher-details-page .hero-section .hero-content .teacher-profile{flex-direction:column;text-align:center;gap:1.5rem}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-avatar{align-self:center}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header h1{font-size:2rem}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-stats{justify-content:center}.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons{flex-direction:row}.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons .primary-btn,.teacher-details-page .hero-section .hero-content .hero-actions .action-buttons .secondary-btn{flex:1}.teacher-details-page .main-content{padding:1rem}.contact-modal .modal-content form .form-row{flex-direction:column;gap:0}}@media (max-width: 576px){.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-header h1{font-size:1.8rem}.teacher-details-page .hero-section .hero-content .teacher-profile .teacher-info .teacher-stats{flex-direction:column;gap:1rem}}.contact-page{padding:2rem 1rem;max-width:1200px;margin:0 auto;font-family:var(--font-tajawal);color:var(--paragraph-color)}.contact-page .contact-header{text-align:center;margin-bottom:3rem}.contact-page .contact-header h1{font-size:2.5rem;color:var(--headline-color);margin-bottom:1rem;font-weight:700}.contact-page .contact-header .contact-subtitle{font-size:1.1rem;color:var(--subtle-color);max-width:600px;margin:0 auto;line-height:1.6}.contact-page .contact-content .contact-info-section h2{color:var(--headline-color);font-size:1.8rem;margin-bottom:1rem;font-weight:600}.contact-page .contact-content .contact-info-section>p{margin-bottom:2rem;line-height:1.6;color:var(--subtle-color)}.contact-page .contact-content .contact-info-section .contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}@media (max-width: 768px){.contact-page .contact-content .contact-info-section .contact-info-grid{grid-template-columns:1fr}}.contact-page .contact-content .contact-info-section .contact-info-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.contact-page .contact-content .contact-info-section .contact-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--highlight-color)}.contact-page .contact-content .contact-info-section .contact-info-card .contact-info-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--highlight-color);color:#fff;border-radius:12px;flex-shrink:0}.contact-page .contact-content .contact-info-section .contact-info-card .contact-info-content{flex:1}.contact-page .contact-content .contact-info-section .contact-info-card .contact-info-content h3{color:var(--headline-color);font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.contact-page .contact-content .contact-info-section .contact-info-card .contact-info-content .contact-detail{margin-bottom:.25rem;font-weight:500;color:var(--paragraph-color)}.contact-page .contact-content .contact-info-section .contact-info-card .contact-info-content .contact-description{margin-top:.5rem;font-size:.9rem;color:var(--subtle-color);font-style:italic}.contact-page .contact-content .contact-form-section{margin-bottom:4rem}.contact-page .contact-content .contact-form-section h2{color:var(--headline-color);font-size:1.8rem;margin-bottom:1rem;font-weight:600}.contact-page .contact-content .contact-form-section .contact-form{background:var(--card-bg);padding:2rem;border:1px solid var(--border-color);border-radius:12px}.contact-page .contact-content .contact-form-section .contact-form .success-alert{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;border:none;background:#d4edda;color:#155724}.contact-page .contact-content .contact-form-section .contact-form .success-alert svg{color:#28a745}.contact-page .contact-content .contact-form-section .contact-form .form-group{margin-bottom:1.5rem}.contact-page .contact-content .contact-form-section .contact-form .form-group label{color:var(--headline-color);font-weight:600;margin-bottom:.5rem;display:block}.contact-page .contact-content .contact-form-section .contact-form .form-group .form-control,.contact-page .contact-content .contact-form-section .contact-form .form-group .form-select{border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;font-size:1rem;background:var(--input-bg);color:var(--paragraph-color);transition:all .3s ease}.contact-page .contact-content .contact-form-section .contact-form .form-group .form-control:focus,.contact-page .contact-content .contact-form-section .contact-form .form-group .form-select:focus{border-color:var(--highlight-color);box-shadow:0 0 0 .2rem rgba(var(--highlight-color-rgb),.25);outline:none}.contact-page .contact-content .contact-form-section .contact-form .form-group .form-control::placeholder,.contact-page .contact-content .contact-form-section .contact-form .form-group .form-select::placeholder{color:var(--subtle-color)}.contact-page .contact-content .contact-form-section .contact-form .form-group textarea.form-control{resize:vertical;min-height:120px}.contact-page .contact-content .contact-form-section .contact-form .submit-button{width:100%;padding:.875rem 1.5rem;background:var(--highlight-color);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.contact-page .contact-content .contact-form-section .contact-form .submit-button:hover{background:var(--highlight-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.3)}.contact-page .contact-content .contact-form-section .contact-form .submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.contact-page .contact-content .contact-form-section .contact-form .submit-button svg{width:18px;height:18px}.contact-page .contact-content .faq-section{margin-top:4rem}.contact-page .contact-content .faq-section h2{color:var(--headline-color);font-size:1.8rem;margin-bottom:1rem;font-weight:600;text-align:center}.contact-page .contact-content .faq-section>p{text-align:center;margin-bottom:2rem;color:var(--subtle-color);font-size:1.1rem}.contact-page .contact-content .faq-section .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.contact-page .contact-content .faq-section .faq-grid{grid-template-columns:1fr}}.contact-page .contact-content .faq-section .faq-item{background:var(--card-bg);padding:1.5rem;border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.contact-page .contact-content .faq-section .faq-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--highlight-color)}.contact-page .contact-content .faq-section .faq-item h3{color:var(--headline-color);font-size:1.1rem;margin-bottom:.75rem;font-weight:600}.contact-page .contact-content .faq-section .faq-item p{color:var(--paragraph-color);line-height:1.6;margin:0}.dark-mode .contact-page .contact-info-card{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.dark-mode .contact-page .contact-info-card:hover{border-color:var(--secondary-color)}.dark-mode .contact-page .contact-info-card .contact-info-icon{background:var(--secondary-color)}.dark-mode .contact-page .contact-form{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.dark-mode .contact-page .contact-form .form-control,.dark-mode .contact-page .contact-form .form-select{background:var(--input-bg-dark);border-color:var(--border-color-dark);color:var(--paragraph-color-dark)}.dark-mode .contact-page .contact-form .form-control:focus,.dark-mode .contact-page .contact-form .form-select:focus{border-color:var(--secondary-color);box-shadow:0 0 0 .2rem rgba(var(--secondary-color-rgb),.25)}.dark-mode .contact-page .contact-form .submit-button{background:var(--secondary-color)}.dark-mode .contact-page .contact-form .submit-button:hover{background:var(--secondary-color-dark);box-shadow:0 4px 12px rgba(var(--secondary-color-rgb),.3)}.dark-mode .contact-page .faq-item{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.dark-mode .contact-page .faq-item:hover{border-color:var(--secondary-color)}.course-details-page{max-width:1200px;margin:0 auto;padding:1rem}.course-details-page .course-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.course-details-page .course-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:var(--border-radius)}.course-details-page .course-header .back-button:hover{background-color:var(--background-secondary);color:var(--highlight-color)}.course-details-page .course-header .header-actions{display:flex;gap:.75rem}.course-details-page .course-header .header-actions .duplicate-button,.course-details-page .course-header .header-actions .status-button,.course-details-page .course-header .header-actions .edit-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease}.course-details-page .course-header .header-actions .duplicate-button:hover,.course-details-page .course-header .header-actions .status-button:hover,.course-details-page .course-header .header-actions .edit-button:hover{background-color:var(--main-color)}.course-details-page .course-header .header-actions .duplicate-button:disabled,.course-details-page .course-header .header-actions .status-button:disabled,.course-details-page .course-header .header-actions .edit-button:disabled{opacity:.6;cursor:not-allowed}.course-details-page .course-header .header-actions .status-button.published{background-color:var(--success-color, #22c55e);color:#fff;border-color:var(--success-color, #22c55e)}.course-details-page .course-header .header-actions .status-button.draft{background-color:var(--warning-color, #f59e0b);color:#fff;border-color:var(--warning-color, #f59e0b)}.course-details-page .course-header .header-actions .duplicate-button:hover{color:var(--highlight-color);border-color:var(--highlight-color)}.course-details-page .course-header .header-actions .edit-button.active{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.course-details-page .course-banner{position:relative;height:320px;border-radius:var(--border-radius);margin-bottom:2rem;overflow:hidden;width:100%}.course-details-page .course-banner .img-container{position:absolute;top:0;left:0;width:100%;height:100%}.course-details-page .course-banner .banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#000c);z-index:1;pointer-events:none}.course-details-page .course-banner .banner-controls{position:absolute;top:1rem;right:1rem;z-index:3;display:flex;flex-direction:column;align-items:flex-end;pointer-events:auto}.course-details-page .course-banner .banner-controls .image-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#0009;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);color:#fff;cursor:pointer;transition:all .3s ease;pointer-events:auto}.course-details-page .course-banner .banner-controls .image-button:hover{background-color:#000c}.course-details-page .course-banner .banner-controls .upload-ui{margin-top:.5rem;background-color:#000000b3;padding:1rem;border-radius:var(--border-radius);width:250px;display:flex;flex-direction:column;gap:.75rem}.course-details-page .course-banner .banner-controls .upload-ui .hidden-file-input{display:none}.course-details-page .course-banner .banner-controls .upload-ui .select-file-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem 1rem;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.course-details-page .course-banner .banner-controls .upload-ui .select-file-button:hover{background-color:#ffffff40;transform:translateY(-2px)}.course-details-page .course-banner .banner-controls .upload-ui .select-file-button svg{width:16px;height:16px}.course-details-page .course-banner .banner-controls .upload-ui .selected-file-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background-color:#ffffff1a;padding:.75rem;border-radius:var(--border-radius)}.course-details-page .course-banner .banner-controls .upload-ui .selected-file-info span{color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.course-details-page .course-banner .banner-controls .upload-ui .upload-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--highlight-color);border:none;border-radius:var(--border-radius);color:var(--button-text);cursor:pointer;transition:background-color .3s ease;font-size:.9rem;font-weight:500}.course-details-page .course-banner .banner-controls .upload-ui .upload-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.course-details-page .course-banner .banner-controls .upload-ui .upload-button:disabled{opacity:.6;cursor:not-allowed}.course-details-page .course-banner .banner-controls .upload-ui .upload-progress{margin-top:.5rem;height:6px;background-color:#fff3;border-radius:3px;overflow:hidden}.course-details-page .course-banner .banner-controls .upload-ui .upload-progress .upload-progress-bar{height:100%;background-color:var(--highlight-color);transition:width .3s ease}.course-details-page .course-banner .banner-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;color:#fff;z-index:2}.course-details-page .course-banner .banner-content .category-input,.course-details-page .course-banner .banner-content .title-input,.course-details-page .course-banner .banner-content .instructor-input{display:block;background-color:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 0;margin-bottom:1.25rem;width:100%;max-width:600px;font-family:var(--font-tajawal);transition:all .3s ease}.course-details-page .course-banner .banner-content .category-input::placeholder,.course-details-page .course-banner .banner-content .title-input::placeholder,.course-details-page .course-banner .banner-content .instructor-input::placeholder{color:#ffffffb3}.course-details-page .course-banner .banner-content .category-input:focus,.course-details-page .course-banner .banner-content .title-input:focus,.course-details-page .course-banner .banner-content .instructor-input:focus{outline:none;border-bottom-color:var(--highlight-color);box-shadow:none}.course-details-page .course-banner .banner-content .category-input{font-size:1rem;opacity:.9}.course-details-page .course-banner .banner-content .title-input{font-size:2rem;font-weight:600;padding:.5rem 0}.course-details-page .course-banner .banner-content .instructor-input{font-size:1.1rem;opacity:.9}.course-details-page .course-banner .banner-content .course-badge{display:inline-block;background-color:var(--highlight-color);color:var(--button-text);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;margin-bottom:1rem}.course-details-page .course-banner .banner-content h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.course-details-page .course-banner .banner-content .instructor{margin:0 0 1rem;font-size:1.1rem;opacity:.9}.course-details-page .course-banner .banner-content .course-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.5rem;padding:0;background-color:transparent;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.course-details-page .course-banner .banner-content .course-meta .meta-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.course-details-page .course-banner .banner-content .course-meta .meta-item svg{opacity:1;color:var(--highlight-color)}.course-details-page .course-banner .banner-content .course-meta .meta-item .level-select{width:100%;min-width:160px}.course-details-page .course-banner .banner-content .course-meta .meta-item .level-select select{width:100%;color:#fff;padding:.5rem 2rem .5rem .75rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;font-family:var(--font-tajawal);transition:all .3s ease}.course-details-page .course-banner .banner-content .course-meta .meta-item .level-select select:focus{outline:none;border-color:var(--highlight-color)}.course-details-page .course-banner .banner-content .course-meta .meta-item .level-select select option{background-color:var(--background-primary);color:var(--headline-color);padding:.75rem}.course-details-page .course-banner .banner-content .course-meta .meta-item .level-select select::-ms-expand{display:none}.course-details-page .course-banner .banner-content .course-meta .meta-item input,.course-details-page .course-banner .banner-content .course-meta .meta-item select{background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 0;border-radius:0;width:auto;min-width:120px;font-family:var(--font-tajawal);transition:all .3s ease}.course-details-page .course-banner .banner-content .course-meta .meta-item input[type=number],.course-details-page .course-banner .banner-content .course-meta .meta-item select[type=number]{-moz-appearance:textfield}.course-details-page .course-banner .banner-content .course-meta .meta-item input[type=number]::-webkit-outer-spin-button,.course-details-page .course-banner .banner-content .course-meta .meta-item input[type=number]::-webkit-inner-spin-button,.course-details-page .course-banner .banner-content .course-meta .meta-item select[type=number]::-webkit-outer-spin-button,.course-details-page .course-banner .banner-content .course-meta .meta-item select[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.course-details-page .course-banner .banner-content .course-meta .meta-item input:focus,.course-details-page .course-banner .banner-content .course-meta .meta-item select:focus{outline:none;border-bottom-color:var(--highlight-color);box-shadow:none}.course-details-page .course-banner .banner-content .course-meta .meta-item input::placeholder,.course-details-page .course-banner .banner-content .course-meta .meta-item select::placeholder{color:#ffffffb3}.course-details-page .save-bar{margin-bottom:1.5rem;display:flex;justify-content:flex-end;gap:1rem;background-color:var(--background-primary);padding:1rem;border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.course-details-page .save-bar .save-button,.course-details-page .save-bar .status-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease}.course-details-page .save-bar .save-button:disabled,.course-details-page .save-bar .status-button:disabled{opacity:.6;cursor:not-allowed}.course-details-page .save-bar .save-button{background-color:var(--highlight-color);color:var(--button-text);border:none}.course-details-page .save-bar .save-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.course-details-page .save-bar .save-button .spinner.small{width:16px;height:16px;border-width:2px}.course-details-page .save-bar .status-button{border:1px solid var(--border-color)}.course-details-page .save-bar .status-button.published{background-color:var(--success-color, #22c55e);color:#fff;border-color:var(--success-color, #22c55e)}.course-details-page .save-bar .status-button.published:hover{background-color:#1eaf54}.course-details-page .save-bar .status-button.draft{background-color:var(--warning-color, #f59e0b);color:#fff;border-color:var(--warning-color, #f59e0b)}.course-details-page .save-bar .status-button.draft:hover{background-color:#dd8e09}.course-details-page .course-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:100%;overflow-x:hidden}.course-details-page .course-content-grid.full-width{grid-template-columns:1fr}.course-details-page .course-content-grid.full-width .main-content{max-width:100%}.course-details-page .course-content-grid .main-content{width:100%;max-width:100%;overflow-x:hidden}.course-details-page .course-content-grid .main-content .course-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto;padding-bottom:1px;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.course-details-page .course-content-grid .main-content .course-tabs::-webkit-scrollbar{display:none}.course-details-page .course-content-grid .main-content .course-tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--paragraph-color);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.course-details-page .course-content-grid .main-content .course-tabs button:hover{color:var(--headline-color)}.course-details-page .course-content-grid .main-content .course-tabs button.active{color:var(--highlight-color);border-bottom-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-tabs button svg{color:currentColor}.course-details-page .course-content-grid .main-content .tab-content{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section{padding:1.5rem}.course-details-page .course-content-grid .main-content .course-section h2{margin:0 0 1rem;font-size:1.5rem;color:var(--headline-color);position:relative;padding-bottom:.75rem}.course-details-page .course-content-grid .main-content .course-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--highlight-color);border-radius:3px}.course-details-page .course-content-grid .main-content .course-section h2.mt-4{margin-top:2rem}.course-details-page .course-content-grid .main-content .course-section .description-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;line-height:1.6;margin-bottom:1rem;resize:vertical}.course-details-page .course-content-grid .main-content .course-section .description-input:focus{outline:none;border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum,.course-details-page .course-content-grid .main-content .course-section .edit-resources{display:flex;flex-direction:column;gap:.75rem}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-input-group,.course-details-page .course-content-grid .main-content .course-section .edit-objectives .topic-input-group,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .objective-input-group,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .topic-input-group,.course-details-page .course-content-grid .main-content .course-section .edit-resources .objective-input-group,.course-details-page .course-content-grid .main-content .course-section .edit-resources .topic-input-group{display:flex;gap:.5rem}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-input-group input,.course-details-page .course-content-grid .main-content .course-section .edit-objectives .topic-input-group input,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .objective-input-group input,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .topic-input-group input,.course-details-page .course-content-grid .main-content .course-section .edit-resources .objective-input-group input,.course-details-page .course-content-grid .main-content .course-section .edit-resources .topic-input-group input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-input-group input:focus,.course-details-page .course-content-grid .main-content .course-section .edit-objectives .topic-input-group input:focus,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .objective-input-group input:focus,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .topic-input-group input:focus,.course-details-page .course-content-grid .main-content .course-section .edit-resources .objective-input-group input:focus,.course-details-page .course-content-grid .main-content .course-section .edit-resources .topic-input-group input:focus{outline:none;border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-input-group .remove-button,.course-details-page .course-content-grid .main-content .course-section .edit-objectives .topic-input-group .remove-button,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .objective-input-group .remove-button,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .topic-input-group .remove-button,.course-details-page .course-content-grid .main-content .course-section .edit-resources .objective-input-group .remove-button,.course-details-page .course-content-grid .main-content .course-section .edit-resources .topic-input-group .remove-button{padding:.25rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-input-group .remove-button:hover,.course-details-page .course-content-grid .main-content .course-section .edit-objectives .topic-input-group .remove-button:hover,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .objective-input-group .remove-button:hover,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .topic-input-group .remove-button:hover,.course-details-page .course-content-grid .main-content .course-section .edit-resources .objective-input-group .remove-button:hover,.course-details-page .course-content-grid .main-content .course-section .edit-resources .topic-input-group .remove-button:hover{color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-input-group .remove-button:disabled,.course-details-page .course-content-grid .main-content .course-section .edit-objectives .topic-input-group .remove-button:disabled,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .objective-input-group .remove-button:disabled,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .topic-input-group .remove-button:disabled,.course-details-page .course-content-grid .main-content .course-section .edit-resources .objective-input-group .remove-button:disabled,.course-details-page .course-content-grid .main-content .course-section .edit-resources .topic-input-group .remove-button:disabled{opacity:.5;cursor:not-allowed}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .add-button,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .add-button,.course-details-page .course-content-grid .main-content .course-section .edit-resources .add-button{align-self:flex-start;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;margin-top:.75rem;transition:all .3s ease;font-weight:500}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .add-button svg,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .add-button svg,.course-details-page .course-content-grid .main-content .course-section .edit-resources .add-button svg{color:var(--highlight-color);transition:transform .3s ease}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .add-button:hover,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .add-button:hover,.course-details-page .course-content-grid .main-content .course-section .edit-resources .add-button:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 3px 6px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .add-button:hover svg,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .add-button:hover svg,.course-details-page .course-content-grid .main-content .course-section .edit-resources .add-button:hover svg{transform:rotate(90deg)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .add-button:active,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .add-button:active,.course-details-page .course-content-grid .main-content .course-section .edit-resources .add-button:active{transform:translateY(0)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .add-button.wide,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .add-button.wide,.course-details-page .course-content-grid .main-content .course-section .edit-resources .add-button.wide{width:100%;justify-content:center;padding:.8rem;font-weight:600;margin-top:1.25rem;background-color:var(--background-primary);box-shadow:0 2px 4px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .add-button.wide:hover,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .add-button.wide:hover,.course-details-page .course-content-grid .main-content .course-section .edit-resources .add-button.wide:hover{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .add-button.wide:hover svg,.course-details-page .course-content-grid .main-content .course-section .edit-curriculum .add-button.wide:hover svg,.course-details-page .course-content-grid .main-content .course-section .edit-resources .add-button.wide:hover svg{color:var(--button-text)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .formatted-input-container{margin-bottom:1.5rem;border:1px dashed var(--border-color);padding:1rem;border-radius:var(--border-radius);background-color:var(--background-secondary)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .formatted-input-container .formatted-objectives-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;line-height:1.6;margin-bottom:1rem;resize:vertical}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .formatted-input-container .formatted-objectives-input:focus{outline:none;border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .formatted-input-container .parse-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem .75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .formatted-input-container .parse-button:hover{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .formatted-input-container .parse-button:hover svg{color:var(--button-text);transform:rotate(90deg)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .formatted-input-container .parse-button svg{color:var(--highlight-color);transition:transform .3s ease}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group{margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group .objective-input-group{display:flex;gap:.5rem;padding:.75rem;background-color:var(--background-secondary)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group .objective-input-group .parent-objective-input{font-weight:600}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group .objective-input-group.child{background-color:var(--background-primary);border-bottom:1px solid var(--border-color);margin-bottom:0}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group .objective-input-group.child:last-of-type{border-bottom:none}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group .objective-input-group input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group .objective-input-group input:focus{outline:none;border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group .objective-children{padding:.75rem;background-color:var(--background-primary)}.course-details-page .course-content-grid .main-content .course-section .edit-objectives .objective-parent-group .objective-children .add-button.small{font-size:.9rem;padding:.4rem .6rem;margin-top:.5rem}.course-details-page .course-content-grid .main-content .course-section .objectives-hierarchy .objective-group{margin-bottom:1.5rem}.course-details-page .course-content-grid .main-content .course-section .objectives-hierarchy .objective-group:last-child{margin-bottom:0}.course-details-page .course-content-grid .main-content .course-section .objectives-hierarchy .objective-group .parent-objective{margin:0 0 .75rem;color:var(--headline-color);font-size:1.1rem;font-weight:600}.course-details-page .course-content-grid .main-content .course-section .objectives-hierarchy .objective-group .objectives-list{padding-left:1.5rem;margin:0}.course-details-page .course-content-grid .main-content .course-section .objectives-hierarchy .objective-group .objectives-list li{margin-bottom:.5rem;color:var(--paragraph-color);line-height:1.5}.course-details-page .course-content-grid .main-content .course-section .objectives-hierarchy .objective-group .objectives-list li:last-child{margin-bottom:0}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;margin-bottom:1rem;transition:box-shadow .3s ease,transform .3s ease}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item:hover{box-shadow:0 4px 8px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit{display:flex;align-items:center;padding:1rem;background-color:var(--background-secondary);gap:.75rem}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit .week-number{font-weight:600;color:var(--headline-color);min-width:70px}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit .actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit .actions .completed-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;white-space:nowrap}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit .actions .completed-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit .actions .completed-checkbox span{font-size:.85rem}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit .actions .remove-button{padding:.5rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit .actions .remove-button:hover{color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626);background-color:#dc26261a}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .curriculum-header-edit .actions .remove-button:disabled{opacity:.5;cursor:not-allowed}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit{padding:1rem;background-color:var(--background-primary)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit h4{margin:0 0 .75rem;font-size:1rem;color:var(--headline-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .topic-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .topic-input-group input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .topic-input-group input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .topic-input-group .remove-button{padding:.5rem;width:36px;height:36px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .topic-input-group .remove-button:hover{color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626);background-color:#dc26261a}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .topic-input-group .remove-button:disabled{opacity:.5;cursor:not-allowed}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .add-button{align-self:flex-start;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;margin-top:.75rem;transition:all .3s ease;font-weight:500}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .add-button svg{color:var(--highlight-color);transition:transform .3s ease}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .add-button:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 3px 6px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .add-button:hover svg{transform:rotate(90deg)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .add-button:active{transform:translateY(0)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .add-button.wide{width:100%;justify-content:center;padding:.8rem;font-weight:600;margin-top:1.25rem;background-color:var(--background-primary);box-shadow:0 2px 4px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .add-button.wide:hover{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-edit-item .topics-edit .add-button.wide:hover svg{color:var(--button-text)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1.25rem;padding:1.25rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);transition:box-shadow .3s ease,transform .2s ease}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item:hover{box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs{display:flex;flex-direction:column;gap:.75rem;flex:1}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs input,.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);margin-bottom:.5rem}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs input:focus,.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs select:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .resource-type-select{width:100%}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .resource-type-select select{width:100%;cursor:pointer;padding-right:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .file-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem;background-color:var(--background-primary);border-radius:var(--border-radius)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .file-info .file-name{font-weight:500}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .file-info .file-size{color:var(--paragraph-color);font-size:.9rem}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .file-info .remove-file-button{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;margin-left:auto;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--error-color, #dc2626);font-size:.85rem;cursor:pointer;transition:all .2s ease}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .file-info .remove-file-button:hover{background-color:#dc26261a;border-color:var(--error-color, #dc2626)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .file-info .remove-file-button:disabled{opacity:.5;cursor:not-allowed}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .resource-link-input{width:100%}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container{display:flex;flex-direction:column;gap:.5rem}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .hidden-file-input{display:none}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .select-file-button,.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-resource-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .select-file-button:hover,.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-resource-button:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .select-file-button:disabled,.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-resource-button:disabled{opacity:.5;cursor:not-allowed}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-resource-button{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-resource-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .selected-file-info{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;background-color:var(--background-primary);border-radius:var(--border-radius)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .selected-file-info span:first-child{font-weight:500}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .selected-file-info span:nth-child(2){color:var(--paragraph-color);font-size:.9rem}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-progress-container{margin-top:.5rem}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-progress-container .upload-progress{height:6px;background-color:var(--background-primary);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-progress-container .upload-progress .upload-progress-bar{height:100%;background-color:var(--highlight-color);transition:width .3s ease}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .resource-inputs .upload-resource-container .upload-progress-container .upload-percentage{font-size:.85rem;color:var(--paragraph-color)}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .remove-button{padding:.5rem;width:36px;height:36px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .remove-button:hover{color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626);background-color:#dc26261a}.course-details-page .course-content-grid .main-content .course-section .resource-edit-item .remove-button:disabled{opacity:.5;cursor:not-allowed}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background-color:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500;font-size:1rem;margin-bottom:1.5rem}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-btn:hover{background-color:var(--main-color);border-color:var(--highlight-color);color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-btn:hover svg{transform:rotate(90deg)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-btn svg{color:var(--highlight-color);transition:transform .3s ease}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section h3{margin:0 0 1.5rem;font-size:1.25rem;color:var(--headline-color);padding-bottom:.75rem;border-bottom:2px solid var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .upload-section,.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-section{margin-bottom:2rem}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .upload-section:last-child,.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-section:last-child{margin-bottom:1.5rem}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .upload-section h4,.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--headline-color);display:flex;align-items:center;gap:.5rem}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .upload-section h4:before,.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-section h4:before{content:"";width:4px;height:20px;background-color:var(--highlight-color);border-radius:2px}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-form{display:flex;flex-direction:column;gap:.75rem}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-form input{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;transition:all .3s ease}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-form input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-form input::placeholder{color:var(--paragraph-color);opacity:.7}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-form .add-link-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-form .add-link-btn:hover{background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .link-form .add-link-btn:active{transform:translateY(0)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .cancel-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .add-resource-section .cancel-add-btn:hover{background-color:var(--main-color);border-color:var(--highlight-color);color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources h3{margin:0 0 1rem;font-size:1.25rem;color:var(--headline-color);padding-bottom:.75rem;border-bottom:2px solid var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;transition:all .3s ease;position:relative}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow-color);border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-header .resource-type-badge{background-color:var(--highlight-color);color:var(--button-text);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-header .remove-resource-btn{padding:.25rem;background-color:transparent;border:none;color:var(--paragraph-color);cursor:pointer;border-radius:4px;transition:all .2s ease}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-header .remove-resource-btn:hover{background-color:#dc26261a;color:var(--error-color, #dc2626)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--headline-color);line-height:1.3}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-description{margin:0 0 .75rem;font-size:.9rem;color:var(--paragraph-color);line-height:1.4}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;color:var(--paragraph-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-meta .file-name{font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .resource-meta .external-link{display:flex;align-items:center;gap:.25rem;color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .download-resource-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500;justify-content:center}.course-details-page .course-content-grid .main-content .course-section .course-resources-edit .existing-resources .resources-grid .resource-item .download-resource-btn:hover{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .no-resources{padding:2rem;text-align:center;color:var(--paragraph-color);background-color:var(--background-secondary);border-radius:var(--border-radius);margin:1rem 0;font-style:italic}.course-details-page .course-content-grid .main-content .course-section p{margin:0;line-height:1.6;color:var(--paragraph-color)}.course-details-page .course-content-grid .main-content .course-section .objectives-list{padding-left:1.25rem;margin:0}.course-details-page .course-content-grid .main-content .course-section .objectives-list li{margin-bottom:.75rem;color:var(--paragraph-color);line-height:1.5}.course-details-page .course-content-grid .main-content .course-section .objectives-list li:last-child{margin-bottom:0}.course-details-page .course-content-grid .main-content .course-section .curriculum-list{display:flex;flex-direction:column;gap:1rem}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .2s ease}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item:hover{border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item .curriculum-header{padding:1rem;background-color:var(--background-secondary)}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item .curriculum-header .week-indicator{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:var(--paragraph-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item .curriculum-header .week-indicator .completed-badge{background-color:var(--success-color, #22c55e);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item .curriculum-header h3{margin:0;color:var(--headline-color);font-size:1.1rem}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item .topics-list{padding:1rem;margin:0;list-style-type:none}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item .topics-list li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--paragraph-color)}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item .topics-list li:before{content:"•";position:absolute;left:0;color:var(--highlight-color);font-size:1.2rem}.course-details-page .course-content-grid .main-content .course-section .curriculum-list .curriculum-item .topics-list li:last-child{margin-bottom:0}.course-details-page .course-content-grid .main-content .course-section .resources-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}@media (min-width: 993px){.course-details-page .course-content-grid .main-content .course-section .resources-list .no-resources:only-child{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:220px;width:100%}}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card:hover{border-color:var(--highlight-color);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-type{min-width:60px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--background-secondary);color:var(--highlight-color);padding:.25rem .5rem;border-radius:4px;margin-right:1rem;font-weight:600;font-size:.8rem}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info{flex:1}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info h4{margin:0 0 .25rem;color:var(--headline-color);font-size:.95rem}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info .resource-size{font-size:.8rem;color:var(--paragraph-color)}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info .file-meta{display:flex;flex-direction:column;gap:.25rem}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info .file-meta .file-name{font-size:.8rem;color:var(--paragraph-muted, #6b7280);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info .file-meta .resource-size{font-size:.8rem;color:var(--paragraph-color)}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info .link-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--highlight-color)}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info .link-meta svg{opacity:.8}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .resource-info .resource-description{margin:.5rem 0 0;font-size:.85rem;color:var(--paragraph-color);line-height:1.4;opacity:.9}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card .download-icon{margin-left:1rem;color:var(--paragraph-color);opacity:.6;transition:all .3s ease}.course-details-page .course-content-grid .main-content .course-section .resources-list .resource-card:hover .download-icon{color:var(--highlight-color);opacity:1;transform:translateY(-2px)}.course-details-page .course-content-grid .side-content .progress-card,.course-details-page .course-content-grid .side-content .next-lecture-card{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:1.5rem;margin-bottom:2rem}.course-details-page .course-content-grid .side-content .progress-card h3,.course-details-page .course-content-grid .side-content .next-lecture-card h3{margin:0 0 1rem;font-size:1.25rem;color:var(--headline-color)}.course-details-page .course-content-grid .side-content .progress-card .progress-percentage{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--highlight-color);font-size:1.1rem;font-weight:600}.course-details-page .course-content-grid .side-content .progress-card .progress-bar{height:8px;background-color:var(--background-secondary);border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.course-details-page .course-content-grid .side-content .progress-card .progress-bar .progress-fill{height:100%;background-color:var(--highlight-color);border-radius:4px}.course-details-page .course-content-grid .side-content .progress-card .continue-button{width:100%;padding:.75rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:background-color .3s ease}.course-details-page .course-content-grid .side-content .progress-card .continue-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.course-details-page .course-content-grid .side-content .next-lecture-card .lecture-details h4{margin:0 0 1rem;color:var(--headline-color);font-size:1.1rem}.course-details-page .course-content-grid .side-content .next-lecture-card .lecture-details .lecture-time{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--paragraph-color)}.course-details-page .course-content-grid .side-content .next-lecture-card .lecture-details .lecture-time .time-icon{font-size:1rem}.course-details-page .course-content-grid .side-content .next-lecture-card .lecture-details .lecture-time:last-of-type{margin-bottom:1.5rem}.course-details-page .course-content-grid .side-content .next-lecture-card .calendar-button{width:100%;padding:.75rem;background-color:var(--background-secondary);color:var(--headline-color);border:1px solid var(--border-color);border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease}.course-details-page .course-content-grid .side-content .next-lecture-card .calendar-button:hover{background-color:var(--main-color);border-color:var(--highlight-color);color:var(--highlight-color)}.course-details-page .loading-container,.course-details-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);text-align:center}.course-details-page .loading-container .spinner,.course-details-page .error-container .spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(var(--highlight-color-rgb, 0, 123, 255),.2);border-radius:50%;border-top-color:var(--highlight-color);animation:spin 1s linear infinite}.course-details-page .loading-container p,.course-details-page .error-container p{margin-top:1rem;color:var(--paragraph-color)}.course-details-page .error-container{color:var(--error-color, #dc2626)}@media (max-width: 992px){.course-details-page .course-content-grid{grid-template-columns:1fr;max-width:100%;overflow-x:hidden}.course-details-page .course-content-grid .main-content{width:100%;max-width:100%;overflow-x:hidden;margin:0 auto}.course-details-page .course-content-grid .side-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:100%}.course-details-page .course-content-grid .side-content .progress-card,.course-details-page .course-content-grid .side-content .next-lecture-card{margin-bottom:0}}@media (max-width: 768px){.course-details-page .course-banner{height:240px}.course-details-page .course-banner .banner-content{padding:1.5rem}.course-details-page .course-banner .banner-content h1{font-size:1.5rem}.course-details-page .course-banner .banner-content .course-meta{flex-wrap:wrap;gap:1rem}.course-details-page .course-content-grid .main-content .course-tabs button{padding:.75rem 1rem}.course-details-page .course-content-grid .main-content .course-tabs button span{font-size:.9rem}.course-details-page .course-content-grid .side-content{grid-template-columns:1fr}.course-details-page .course-content-grid .side-content .progress-card,.course-details-page .course-content-grid .side-content .next-lecture-card{margin-bottom:1rem}}@media (max-width: 576px){.course-details-page .course-header{flex-wrap:wrap}.course-details-page .course-header .back-button,.course-details-page .course-header .edit-button{width:100%;justify-content:center;margin-bottom:.5rem}.course-details-page .course-banner{height:auto;min-height:200px}.course-details-page .course-banner .banner-content{padding:1.25rem}.course-details-page .course-banner .banner-content h1{font-size:1.35rem}.course-details-page .course-banner .banner-content .instructor{font-size:1rem}.course-details-page .course-content-grid .main-content .course-tabs{overflow-x:auto;padding-bottom:.25rem}.course-details-page .course-content-grid .main-content .course-tabs button{padding:.5rem .75rem;white-space:nowrap}.course-details-page .course-content-grid .main-content .course-tabs button span{font-size:.85rem}.course-details-page .course-content-grid .main-content .course-section{padding:1.25rem}.course-details-page .course-content-grid .main-content .course-section .resources-list{grid-template-columns:1fr}}.progress-card .edit-progress,.progress-card .edit-next-lecture,.next-lecture-card .edit-progress,.next-lecture-card .edit-next-lecture{display:flex;flex-direction:column;gap:.75rem}.progress-card .edit-progress label,.progress-card .edit-next-lecture label,.next-lecture-card .edit-progress label,.next-lecture-card .edit-next-lecture label{font-size:.9rem;color:var(--paragraph-color)}.progress-card .edit-progress input,.progress-card .edit-next-lecture input,.next-lecture-card .edit-progress input,.next-lecture-card .edit-next-lecture input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color)}.progress-card .edit-progress input:focus,.progress-card .edit-next-lecture input:focus,.next-lecture-card .edit-progress input:focus,.next-lecture-card .edit-next-lecture input:focus{outline:none;border-color:var(--highlight-color)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.settings-grid .setting-group{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.25rem}.settings-grid .setting-group h3{margin:0 0 1rem;font-size:1.1rem;color:var(--headline-color)}.settings-grid .setting-group .setting-controls .toggle-switch{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.75rem}.settings-grid .setting-group .setting-controls .toggle-switch input[type=checkbox]{display:none}.settings-grid .setting-group .setting-controls .toggle-switch .toggle-slider{position:relative;width:40px;height:22px;background-color:var(--border-color);border-radius:11px;transition:all .3s ease}.settings-grid .setting-group .setting-controls .toggle-switch .toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:all .3s ease}.settings-grid .setting-group .setting-controls .toggle-switch input:checked+.toggle-slider{background-color:var(--highlight-color)}.settings-grid .setting-group .setting-controls .toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.settings-grid .setting-group .setting-controls .toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.settings-grid .setting-group .setting-controls .toggle-switch .toggle-label{font-size:.95rem;font-weight:500;color:var(--headline-color)}.settings-grid .setting-group .setting-controls .setting-description{font-size:.85rem;color:var(--paragraph-color);margin:0 0 .5rem}.settings-grid .setting-group .setting-controls .setting-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);margin-bottom:.75rem}.settings-grid .setting-group .setting-controls .setting-input:focus{outline:none;border-color:var(--highlight-color)}.settings-grid .setting-group .setting-controls .setting-input:disabled{opacity:.5;cursor:not-allowed}.settings-grid .setting-group .setting-controls .tags-editor .tags-input-container{display:flex;gap:.5rem;margin-bottom:.75rem}.settings-grid .setting-group .setting-controls .tags-editor .tags-input-container .tag-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color)}.settings-grid .setting-group .setting-controls .tags-editor .tags-input-container .tag-input:focus{outline:none;border-color:var(--highlight-color)}.settings-grid .setting-group .setting-controls .tags-editor .tags-input-container .add-tag-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);cursor:pointer}.settings-grid .setting-group .setting-controls .tags-editor .tags-input-container .add-tag-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.settings-grid .setting-group .setting-controls .tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.settings-grid .setting-group .setting-controls .tags-list .tag{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background-color:var(--main-color);border-radius:20px;color:var(--paragraph-color);font-size:.85rem}.settings-grid .setting-group .setting-controls .tags-list .tag .remove-tag-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:2px;border-radius:50%}.settings-grid .setting-group .setting-controls .tags-list .tag .remove-tag-button:hover{background-color:#0000001a;color:var(--error-color, #dc2626)}@media (max-width: 992px){.settings-grid{grid-template-columns:1fr}.course-header .header-actions .duplicate-button,.course-header .header-actions .status-button{padding:.5rem}.course-header .header-actions .duplicate-button span,.course-header .header-actions .status-button span{display:none}.save-bar .status-button{padding:.75rem}.save-bar .status-button span{display:none}}@media (max-width: 768px){.resource-edit-item{flex-direction:column!important}.resource-edit-item .remove-button{align-self:flex-end;margin-top:.5rem}.resources-list{grid-template-columns:1fr}}@media (max-width: 576px){.course-header{flex-wrap:wrap}.course-header .back-button{width:100%;margin-bottom:.75rem;justify-content:center}.course-header .header-actions{width:100%;justify-content:space-between}.save-bar{flex-direction:column;gap:.5rem}.save-bar .save-button,.save-bar .status-button{width:100%;justify-content:center}.save-bar .status-button span{display:inline-flex}.settings-grid .setting-group{padding:1rem}}select option{padding:12px 15px;margin:4px 0;background-color:var(--background-primary);color:var(--headline-color);border:none;cursor:pointer;font-family:var(--font-tajawal);font-size:15px}.curriculum-header-edit select,.curriculum-header-edit input[type=number]{-moz-appearance:textfield}.curriculum-header-edit select::-webkit-outer-spin-button,.curriculum-header-edit select::-webkit-inner-spin-button,.curriculum-header-edit input[type=number]::-webkit-outer-spin-button,.curriculum-header-edit input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-curriculum select,.edit-resources select,.resource-type-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2rem}.edit-curriculum select::-ms-expand,.edit-resources select::-ms-expand,.resource-type-select select::-ms-expand{display:none}.cccurriculum-section{margin-bottom:2rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.cceditor-container{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 16px #00000014}.cceditor-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;background:var(--background-secondary);border-bottom:1px solid var(--border-color);gap:1rem}.cceditor-header .cceditor-header-content .cceditor-title{margin:0 0 .5rem;color:var(--headline-color);font-size:1.5rem;font-weight:700;font-family:var(--font-tajawal)}.cceditor-header .cceditor-stats{color:var(--paragraph-color);font-size:.875rem;font-family:var(--font-tajawal);opacity:.8}.cceditor-status-indicators{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cceditor-status-indicators .cceditor-error-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#dc2626;font-size:.875rem;font-family:var(--font-tajawal)}.cceditor-status-indicators .cceditor-unsaved-indicator{display:flex;align-items:center;gap:.5rem;color:#d97706;font-size:.875rem;font-family:var(--font-tajawal)}.cceditor-status-indicators .cceditor-unsaved-indicator .cceditor-pulse-dot{width:8px;height:8px;background:#d97706;border-radius:50%;animation:cceditor-pulse 2s infinite}.cceditor-status-indicators .cceditor-saving-indicator{display:flex;align-items:center;gap:.5rem;color:var(--highlight-color);font-size:.875rem;font-family:var(--font-tajawal)}.cceditor-status-indicators .cceditor-saved-indicator{display:flex;align-items:center;gap:.5rem;color:#059669;font-size:.875rem;font-family:var(--font-tajawal)}.cceditor-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--highlight-color);border-radius:50%;animation:cceditor-spin 1s linear infinite}.cceditor-spinner.cceditor-spinner-small{width:16px;height:16px;border-width:1.5px}.cceditor-layout{display:grid;grid-template-columns:320px 1fr;min-height:600px}.cceditor-sidebar{background:var(--background-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.cceditor-sidebar .cceditor-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-primary)}.cceditor-sidebar .cceditor-sidebar-header .cceditor-sidebar-title{margin:0 0 1rem;color:var(--headline-color);font-size:1.1rem;font-weight:600;font-family:var(--font-tajawal)}.cceditor-sidebar .cceditor-sidebar-header .cceditor-add-chapter-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-family:var(--font-tajawal);transition:all .3s ease;justify-content:center;position:relative;overflow:hidden}.cceditor-sidebar .cceditor-sidebar-header .cceditor-add-chapter-btn:hover{background:var(--highlight-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cceditor-sidebar .cceditor-sidebar-header .cceditor-add-chapter-btn:hover:before{left:100%}.cceditor-sidebar .cceditor-sidebar-header .cceditor-add-chapter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cceditor-sidebar .cceditor-chapter-list{flex:1;overflow-y:auto;padding:1rem}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item{margin-bottom:.75rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;border:2px solid transparent;background:var(--background-primary)}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item:hover{border-color:var(--highlight-color);box-shadow:0 2px 8px #0000001a}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item:hover .cceditor-remove-chapter-btn{opacity:1}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item.cceditor-active{border-color:var(--highlight-color);box-shadow:0 4px 16px rgba(var(--highlight-color-rgb, 0, 123, 255),.2);background:var(--background-primary)}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content{display:flex;align-items:center;gap:.75rem;padding:1rem}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-drag-handle{color:var(--paragraph-color);opacity:.5;cursor:grab}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-drag-handle:active{cursor:grabbing}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-chapter-nav-info{flex:1;min-width:0}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-chapter-nav-info .cceditor-chapter-nav-number{font-size:.75rem;font-weight:600;color:var(--highlight-color);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-tajawal)}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-chapter-nav-info .cceditor-chapter-nav-title{font-weight:500;color:var(--headline-color);margin:.25rem 0;font-family:var(--font-tajawal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-chapter-nav-info .cceditor-chapter-nav-meta{font-size:.75rem;color:var(--paragraph-color);font-family:var(--font-tajawal)}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-remove-chapter-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.25rem;border-radius:3px;transition:all .2s;opacity:0}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-remove-chapter-btn:hover:not(:disabled){background:var(--error-color, #dc3545);color:#fff}.cceditor-sidebar .cceditor-chapter-list .cceditor-chapter-nav-item .cceditor-chapter-nav-content .cceditor-remove-chapter-btn:disabled{opacity:.3;cursor:not-allowed}.cceditor-main{overflow-y:auto;padding:2rem;background:var(--background-primary)}.cceditor-main .cceditor-chapter-content{max-width:none}.cceditor-main .cceditor-chapter-content .cceditor-chapter-header-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.cceditor-main .cceditor-chapter-content .cceditor-chapter-header-section .cceditor-chapter-badge{background:var(--highlight-color);color:var(--button-text);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem;white-space:nowrap;font-family:var(--font-tajawal)}.cceditor-main .cceditor-chapter-content .cceditor-chapter-header-section .cceditor-chapter-title-input{flex:1;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-primary);color:var(--headline-color);font-size:1.25rem;font-weight:600;font-family:var(--font-tajawal);transition:all .3s ease}.cceditor-main .cceditor-chapter-content .cceditor-chapter-header-section .cceditor-chapter-title-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.cceditor-main .cceditor-chapter-content .cceditor-chapter-header-section .cceditor-chapter-title-display{flex:1;padding:.75rem;background:var(--background-secondary);color:var(--headline-color);font-size:1.25rem;font-weight:600;font-family:var(--font-tajawal);border-radius:var(--border-radius);border:2px solid var(--border-color)}.cceditor-main .cceditor-chapter-content .cceditor-chapter-description-input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-primary);color:var(--headline-color);resize:vertical;margin-bottom:2rem;font-family:var(--font-tajawal);transition:all .3s ease;line-height:1.5}.cceditor-main .cceditor-chapter-content .cceditor-chapter-description-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.cceditor-main .cceditor-chapter-content .cceditor-chapter-description-display{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-secondary);color:var(--headline-color);margin-bottom:2rem;font-family:var(--font-tajawal);line-height:1.5}.cceditor-sections-container{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.cceditor-sections-container .cceditor-sections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cceditor-sections-container .cceditor-sections-header .cceditor-sections-title{margin:0;color:var(--headline-color);font-size:1.1rem;font-weight:600;font-family:var(--font-tajawal)}.cceditor-sections-container .cceditor-sections-header .cceditor-add-section-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--success-color, #28a745);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-family:var(--font-tajawal);transition:all .3s ease;font-size:.875rem;position:relative;overflow:hidden}.cceditor-sections-container .cceditor-sections-header .cceditor-add-section-btn:hover{background:var(--success-hover-color, #218838);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cceditor-sections-container .cceditor-sections-header .cceditor-add-section-btn:hover:before{left:100%}.cceditor-sections-container .cceditor-sections-header .cceditor-add-section-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cceditor-sections-container .cceditor-sections-list{display:flex;flex-direction:column;gap:1rem;animation:ccviewer-slideDown .3s ease-out}.cceditor-section-item{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all .2s ease}.cceditor-section-item:hover{border-color:var(--highlight-color);box-shadow:0 2px 8px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.cceditor-section-item .cceditor-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer;transition:background-color .2s}.cceditor-section-item .cceditor-section-header:hover{background:var(--background-secondary)}.cceditor-section-item .cceditor-section-header .cceditor-section-expand-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.25rem;border-radius:3px;transition:all .2s}.cceditor-section-item .cceditor-section-header .cceditor-section-expand-btn:hover{background:var(--background-secondary);color:var(--headline-color)}.cceditor-section-item .cceditor-section-header .cceditor-section-expand-btn .cceditor-expand-icon{transition:transform .2s ease}.cceditor-section-item .cceditor-section-header .cceditor-section-expand-btn .cceditor-expand-icon.cceditor-expanded{transform:rotate(90deg)}.cceditor-section-item .cceditor-section-header .cceditor-section-number-badge{background:var(--paragraph-color);color:var(--background-primary);padding:.25rem .75rem;border-radius:15px;font-size:.75rem;font-weight:600;white-space:nowrap;font-family:var(--font-tajawal)}.cceditor-section-item .cceditor-section-header .cceditor-section-title-input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-primary);color:var(--headline-color);font-weight:500;font-family:var(--font-tajawal);transition:all .3s ease}.cceditor-section-item .cceditor-section-header .cceditor-section-title-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.cceditor-section-item .cceditor-section-header .cceditor-section-title-display{flex:1;padding:.5rem;background:var(--background-secondary);color:var(--headline-color);font-weight:500;font-family:var(--font-tajawal);border-radius:var(--border-radius);border:1px solid var(--border-color)}.cceditor-section-item .cceditor-section-header .cceditor-remove-section-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:all .2s}.cceditor-section-item .cceditor-section-header .cceditor-remove-section-btn:hover{background:var(--error-color, #dc3545);color:#fff}.cceditor-section-item .cceditor-section-content{padding:1rem;border-top:1px solid var(--border-color);background:var(--background-secondary);animation:ccviewer-slideDown .3s ease-out}.cceditor-section-item .cceditor-section-content .cceditor-section-content-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-primary);color:var(--headline-color);resize:vertical;margin-bottom:1.5rem;font-family:var(--font-tajawal);transition:all .3s ease;line-height:1.5}.cceditor-section-item .cceditor-section-content .cceditor-section-content-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.cceditor-section-item .cceditor-section-content .cceditor-section-content-display{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-secondary);color:var(--headline-color);margin-bottom:1.5rem;font-family:var(--font-tajawal);line-height:1.5}.cceditor-file-sections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;overflow-x:auto}.cceditor-file-sections .cceditor-file-upload-container{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;background:var(--background-primary);min-width:0}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-section-header .cceditor-file-section-title{display:flex;align-items:center;gap:.5rem;color:var(--headline-color);font-weight:600;font-size:.9rem;font-family:var(--font-tajawal)}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-section-header .cceditor-file-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.75rem;font-family:var(--font-tajawal);transition:all .2s;text-decoration:none}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-section-header .cceditor-file-upload-btn:hover:not(.cceditor-uploading){background:var(--highlight-hover-color, #0056b3)}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-section-header .cceditor-file-upload-btn.cceditor-uploading{opacity:.7;cursor:not-allowed}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list{display:flex;flex-direction:column;gap:.5rem}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list .cceditor-file-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;color:var(--paragraph-color);font-family:var(--font-tajawal)}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list .cceditor-file-item.cceditor-file-item-viewer{cursor:pointer;transition:all .3s ease}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list .cceditor-file-item.cceditor-file-item-viewer:hover{background:var(--background-primary);border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list .cceditor-file-item .cceditor-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list .cceditor-file-item .cceditor-file-name-container{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list .cceditor-file-item .cceditor-remove-file-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.25rem;border-radius:3px;transition:all .2s}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list .cceditor-file-item .cceditor-remove-file-btn:hover{background:var(--error-color, #dc3545);color:#fff}.cceditor-file-sections .cceditor-file-upload-container .cceditor-file-list .cceditor-no-files{padding:1rem;text-align:center;color:var(--paragraph-color);font-style:italic;font-size:.875rem;font-family:var(--font-tajawal)}.ccviewer-completion-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);background-color:transparent;color:var(--paragraph-color);border-radius:var(--border-radius);font-size:.875rem;cursor:pointer;transition:all .2s ease}.ccviewer-completion-btn:hover{border-color:var(--highlight-color);color:var(--highlight-color)}.ccviewer-completion-btn.ccviewer-completed{border-color:var(--success-color);color:var(--success-color);background-color:#22c55e1a}.ccviewer-completion-btn.ccviewer-completed:hover{background-color:#22c55e33}.ccviewer-video-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--highlight-color);color:#fff;border-radius:50%;flex-shrink:0}.ccviewer-video-icon svg{width:16px;height:16px;margin-left:2px}.ccviewer-video-link{flex:1;color:var(--headline-color);text-decoration:none;font-weight:500;font-family:var(--font-tajawal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.ccviewer-video-link:hover{color:var(--highlight-color);text-decoration:underline}.ccviewer-video-duration{font-size:.875rem;color:var(--paragraph-color);font-family:var(--font-tajawal);background:var(--background-primary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color);white-space:nowrap}.ccviewer-material-link{color:var(--headline-color);text-decoration:none;font-weight:500;font-family:var(--font-tajawal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.ccviewer-material-link:hover{color:var(--highlight-color);text-decoration:underline}.ccviewer-material-size{font-size:.75rem;color:var(--paragraph-color);font-family:var(--font-tajawal)}.ccviewer-download-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;flex-shrink:0}.ccviewer-download-btn:hover{background:var(--highlight-hover-color, #0056b3);transform:scale(1.05)}.ccviewer-no-curriculum{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--paragraph-color);background:var(--background-secondary);min-height:400px;border-radius:var(--border-radius)}.ccviewer-no-curriculum .ccviewer-empty-icon{margin-bottom:1rem;opacity:.5;color:var(--paragraph-color)}.ccviewer-no-curriculum .ccviewer-empty-text{margin:0;font-size:1.1rem;font-family:var(--font-tajawal)}@keyframes cceditor-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cceditor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ccviewer-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.cceditor-layout{grid-template-columns:280px 1fr}}@media (max-width: 768px){.cceditor-layout{grid-template-columns:1fr;gap:0}.cceditor-sidebar{order:2;border-right:none;border-top:1px solid var(--border-color);max-height:300px}.cceditor-main{order:1;padding:1rem}.cceditor-header{flex-direction:column;align-items:stretch;gap:1rem}.cceditor-status-indicators{justify-content:center}.cceditor-chapter-header-section{flex-direction:column;align-items:stretch;gap:1rem}.cceditor-file-sections{grid-template-columns:1fr}.cceditor-chapter-title-display,.cceditor-section-title-display{font-size:1rem}.cceditor-file-item-viewer{flex-direction:column;align-items:stretch;text-align:center;gap:.75rem}.ccviewer-video-link,.ccviewer-material-link,.cceditor-file-name-container{text-align:center}.ccviewer-completion-btn{align-self:stretch;justify-content:center}}@media (max-width: 576px){.cceditor-main,.cceditor-sidebar-header{padding:1rem}.cceditor-chapter-header-section .cceditor-chapter-badge{font-size:.75rem;padding:.375rem .75rem}.cceditor-chapter-header-section .cceditor-chapter-title-input,.cceditor-chapter-header-section .cceditor-chapter-title-display{font-size:1.1rem}.cceditor-section-item .cceditor-section-header{padding:.75rem;flex-wrap:wrap;gap:.5rem}.cceditor-section-item .cceditor-section-header .cceditor-section-number-badge{font-size:.65rem;padding:.2rem .5rem}.cceditor-section-item .cceditor-section-content{padding:.75rem}.cceditor-file-upload-container{padding:.75rem}.cceditor-file-upload-container .cceditor-file-section-header .cceditor-file-section-title{font-size:.8rem}.cceditor-file-upload-container .cceditor-file-section-header .cceditor-file-upload-btn{font-size:.7rem;padding:.4rem .6rem}.ccviewer-video-icon,.ccviewer-download-btn{width:28px;height:28px}.ccviewer-video-icon svg,.ccviewer-download-btn svg{width:14px;height:14px}}@media (prefers-color-scheme: dark){.cceditor-chapter-nav-item:hover,.cceditor-section-item:hover{box-shadow:0 2px 8px rgba(var(--highlight-color-rgb, 0, 123, 255),.2)}.cceditor-file-item-viewer:hover{box-shadow:0 4px 12px rgba(var(--highlight-color-rgb, 0, 123, 255),.15)}.cceditor-error-indicator{background:#dc26261a;border-color:#dc26264d}.cceditor-spinner{border-color:#fff3;border-top-color:var(--highlight-color)}}.cceditor-add-chapter-btn:focus,.cceditor-add-section-btn:focus,.ccviewer-completion-btn:focus,.cceditor-file-upload-btn:focus,.ccviewer-download-btn:focus{outline:2px solid var(--highlight-color);outline-offset:2px}.cceditor-chapter-nav-item:focus-within{outline:2px solid var(--highlight-color);outline-offset:2px;border-radius:var(--border-radius)}@media (prefers-reduced-motion: reduce){.cceditor-chapter-nav-item,.cceditor-section-item,.cceditor-file-item,.ccviewer-completion-btn,.cceditor-add-chapter-btn,.cceditor-add-section-btn,.cceditor-expand-icon{transition:none}.ccviewer-slideDown,.cceditor-pulse,.cceditor-spin{animation:none}}@media (prefers-contrast: high){.cceditor-container{border-width:2px;border-color:currentColor}.cceditor-chapter-nav-item,.cceditor-section-item,.cceditor-file-item{border-width:2px}}@media print{.cceditor-container{box-shadow:none;border:1px solid #000}.cceditor-sidebar{display:none}.cceditor-layout{grid-template-columns:1fr}.cceditor-add-chapter-btn,.cceditor-add-section-btn,.cceditor-remove-chapter-btn,.cceditor-remove-section-btn,.cceditor-remove-file-btn,.cceditor-file-upload-btn,.ccviewer-download-btn,.cceditor-status-indicators{display:none}.cceditor-chapter-title-input,.cceditor-section-title-input,.cceditor-chapter-description-input,.cceditor-section-content-input,.ccviewer-completion-btn{border:1px solid #000;background:#fff;color:#000}}.cceditor-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cceditor-loading{pointer-events:none;opacity:.6}.cceditor-disabled{pointer-events:none;opacity:.4;cursor:not-allowed}.cceditor-sidebar,.cceditor-main{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.cceditor-sidebar::-webkit-scrollbar,.cceditor-main::-webkit-scrollbar{width:6px}.cceditor-sidebar::-webkit-scrollbar-track,.cceditor-main::-webkit-scrollbar-track{background:transparent}.cceditor-sidebar::-webkit-scrollbar-thumb,.cceditor-main::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.cceditor-sidebar::-webkit-scrollbar-thumb:hover,.cceditor-main::-webkit-scrollbar-thumb:hover{background-color:var(--paragraph-color)}.ccviewer-start-learning-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(45deg,var(--highlight-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px rgba(var(--highlight-color-rgb),.3)}.ccviewer-start-learning-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px rgba(var(--highlight-color-rgb),.4)}.ccviewer-start-learning-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.ccviewer-clickable-title{cursor:pointer;transition:color .2s ease}.ccviewer-clickable-title:hover{color:var(--highlight-color)!important}.cceditor-section-item .cceditor-section-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--border-radius);transition:all .2s ease}.cceditor-section-item .cceditor-section-header:hover{background-color:var(--main-color)}.cceditor-section-item .cceditor-section-header .cceditor-section-title-display{flex:1;font-weight:500;color:var(--headline-color)}.dark-mode .ccviewer-start-learning-btn{box-shadow:0 4px 10px #7f5af04d}.dark-mode .ccviewer-start-learning-btn:hover:not(:disabled){box-shadow:0 6px 15px #7f5af066}.dark-mode .ccviewer-completion-btn.ccviewer-completed{background-color:#22c55e26}.dark-mode .ccviewer-completion-btn.ccviewer-completed:hover{background-color:#22c55e40}.file-upload{position:relative}.file-upload__input{display:none}.file-upload--error .file-upload__drop-area{border-color:var(--error-color, #dc2626);background-color:#dc26260d}.file-upload--uploading{opacity:.8;pointer-events:none}.file-upload--drag-over .file-upload__drop-area{border-color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb, 79, 196, 207),.1);transform:scale(1.02)}.file-upload--default .file-upload__drop-area{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;background-color:var(--background-secondary);transition:all .3s ease;min-height:200px;display:flex;align-items:center;justify-content:center}.file-upload--default .file-upload__drop-area:hover{border-color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb, 79, 196, 207),.05)}.file-upload--default .file-upload__drop-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.file-upload--default .file-upload__drop-content svg{color:var(--text-secondary);width:48px;height:48px}.file-upload--default .file-upload__drop-content h4{margin:0;color:var(--headline-color);font-size:1.1rem;font-weight:600}.file-upload--default .file-upload__drop-content p{margin:0;color:var(--text-secondary);font-size:.9rem}.file-upload--default .file-upload__select-button{background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.file-upload--default .file-upload__select-button:hover:not(:disabled){background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.file-upload--default .file-upload__select-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-upload--avatar .file-upload__avatar-area{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color);transition:all .3s ease}.file-upload--avatar .file-upload__avatar-area:hover{border-color:var(--highlight-color)}.file-upload--avatar .file-upload__avatar-area:hover .file-upload__avatar-overlay{opacity:1}.file-upload--avatar .file-upload__avatar-preview{width:100%;height:100%;object-fit:cover}.file-upload--avatar .file-upload__avatar-placeholder{width:100%;height:100%;background-color:var(--background-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.file-upload--avatar .file-upload__avatar-placeholder svg{width:32px;height:32px}.file-upload--avatar .file-upload__avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.file-upload--avatar .file-upload__avatar-button{background:none;border:none;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:all .3s ease}.file-upload--avatar .file-upload__avatar-button:hover:not(:disabled){background-color:#fff3}.file-upload--avatar .file-upload__avatar-button:disabled{opacity:.6;cursor:not-allowed}.file-upload--banner .file-upload__banner-area{position:relative;width:100%;height:200px;border-radius:var(--border-radius);overflow:hidden;background-color:var(--background-secondary);background-image:linear-gradient(135deg,#8e8e8e,#696969)}.file-upload--banner .file-upload__banner-area:hover .file-upload__banner-overlay{opacity:1}.file-upload--banner .file-upload__banner-preview{width:100%;height:100%;object-fit:cover}.file-upload--banner .file-upload__banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.file-upload--banner .file-upload__banner-button{background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.file-upload--banner .file-upload__banner-button:hover:not(:disabled){background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.file-upload--banner .file-upload__banner-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-upload--banner .file-upload__banner-button svg{width:16px;height:16px}.file-upload--compact .file-upload__compact-area{display:inline-block}.file-upload--compact .file-upload__compact-button{background-color:var(--background-secondary);color:var(--headline-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.file-upload--compact .file-upload__compact-button:hover:not(:disabled){border-color:var(--highlight-color);color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb, 79, 196, 207),.05)}.file-upload--compact .file-upload__compact-button:disabled{opacity:.6;cursor:not-allowed}.file-upload--compact .file-upload__compact-button svg{width:16px;height:16px}.file-upload__progress{margin-top:1rem;display:flex;align-items:center;gap:.75rem}.file-upload__progress-bar{flex:1;height:8px;background-color:var(--background-secondary);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.file-upload__progress-fill{height:100%;background-color:var(--highlight-color);transition:width .3s ease;border-radius:3px}.file-upload__progress-text{font-size:.8rem;color:var(--text-secondary);font-weight:500;min-width:40px}.file-upload__error{margin-top:.5rem;padding:.5rem;background-color:#dc26261a;color:var(--error-color, #dc2626);border-radius:var(--border-radius);font-size:.8rem;border:1px solid rgba(220,38,38,.2)}.file-upload__files-list,.file-upload__uploaded-files{margin-top:1rem}.file-upload__uploaded-files h5{margin:0 0 .75rem;color:var(--headline-color);font-size:.9rem;font-weight:600}.file-upload__file-item,.file-upload__uploaded-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:.5rem;transition:all .3s ease}.file-upload__file-item:hover,.file-upload__uploaded-item:hover{border-color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb, 79, 196, 207),.02)}.file-upload__file-info{display:flex;align-items:center;gap:.75rem;flex:1}.file-upload__file-info svg{color:var(--text-secondary);width:20px;height:20px;flex-shrink:0}.file-upload__file-details{display:flex;flex-direction:column;min-width:0}.file-upload__file-name{font-size:.9rem;color:var(--headline-color);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload__file-size{font-size:.8rem;color:var(--text-secondary)}.file-upload__file-link{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--highlight-color);text-decoration:none;margin-top:.25rem;transition:color .3s ease}.file-upload__file-link:hover{color:var(--highlight-hover-color, #0056b3)}.file-upload__file-link svg{width:12px;height:12px}.file-upload__file-actions{display:flex;align-items:center;gap:.5rem}.file-upload__upload-button{background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);padding:.4rem .8rem;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .3s ease}.file-upload__upload-button:hover:not(:disabled){background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-1px)}.file-upload__upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-upload__upload-button svg{width:14px;height:14px}.file-upload__remove-button,.file-upload__delete-button{background:none;border:none;color:var(--error-color, #dc2626);cursor:pointer;padding:.4rem;border-radius:var(--border-radius);transition:all .3s ease}.file-upload__remove-button:hover:not(:disabled),.file-upload__delete-button:hover:not(:disabled){background-color:#dc26261a;transform:scale(1.1)}.file-upload__remove-button:disabled,.file-upload__delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-upload__remove-button svg,.file-upload__delete-button svg{width:14px;height:14px}.file-upload__success-icon{color:var(--success-color, #22c55e);width:14px;height:14px}.spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.file-upload--default .file-upload__drop-area{padding:1.5rem;min-height:150px}.file-upload--default .file-upload__drop-content{gap:.75rem}.file-upload--default .file-upload__drop-content svg{width:32px;height:32px}.file-upload--default .file-upload__drop-content h4{font-size:1rem}.file-upload--default .file-upload__drop-content p{font-size:.8rem}.file-upload--banner .file-upload__banner-area{height:150px}.file-upload--avatar .file-upload__avatar-area{width:100px;height:100px}.file-upload__file-item,.file-upload__uploaded-item{flex-direction:column;align-items:stretch;gap:.75rem}.file-upload__file-actions{justify-content:flex-end}}@media (prefers-color-scheme: dark){.file-upload__banner-area{background-image:linear-gradient(135deg,#4c1d95,#1e1b4b)}}.week-details-page{max-width:1200px;margin:0 auto;padding:1rem}.week-details-page .week-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.week-details-page .week-header .header-actions{display:flex;align-items:center;gap:1rem}.week-details-page .week-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:var(--border-radius);align-self:flex-start}.week-details-page .week-header .back-button:hover{background-color:var(--background-secondary);color:var(--highlight-color)}.week-details-page .week-header .edit-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:none;cursor:pointer;font-weight:500;transition:all .2s ease}.week-details-page .week-header .edit-button:hover{background-color:var(--background-secondary);border-color:var(--highlight-color)}.week-details-page .week-header .edit-button.active{background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.week-details-page .week-header .edit-button:disabled{opacity:.5;cursor:not-allowed}.week-details-page .week-header h1{margin:0;font-size:2rem;color:var(--headline-color)}.week-details-page .week-header .edit-title .title-input{width:100%;font-size:1.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.week-details-page .week-header .edit-title .title-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.week-details-page .message{margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--border-radius);display:flex;align-items:center;gap:.75rem;animation:fadeIn .3s ease-in-out}.week-details-page .message p{margin:0}.week-details-page .message.error-message{background-color:#dc26261a;color:#dc2626;border-left:4px solid #dc2626}.week-details-page .message.success-message{background-color:#22c55e1a;color:#22c55e;border-left:4px solid #22c55e}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.week-details-page .save-bar{background-color:var(--background-primary);padding:.75rem;border-radius:var(--border-radius);margin-bottom:1.5rem;display:flex;justify-content:flex-end;border:1px solid var(--border-color)}.week-details-page .save-bar .save-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500}.week-details-page .save-bar .save-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.week-details-page .save-bar .save-button:disabled{opacity:.7;cursor:not-allowed}.week-details-page .save-bar .save-button .spinner.small{width:16px;height:16px;border-width:2px}.week-details-page .loading-container,.week-details-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center}.week-details-page .loading-container .spinner,.week-details-page .error-container .spinner{width:40px;height:40px;border:3px solid rgba(var(--highlight-color-rgb),.2);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite}.week-details-page .loading-container p,.week-details-page .error-container p{color:var(--paragraph-color);font-size:1.1rem}.week-details-page .week-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:1.5rem}.week-details-page .week-content-grid .main-content .week-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.week-details-page .week-content-grid .main-content .week-tabs::-webkit-scrollbar{display:none}.week-details-page .week-content-grid .main-content .week-tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--paragraph-color);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.week-details-page .week-content-grid .main-content .week-tabs button:hover{color:var(--headline-color)}.week-details-page .week-content-grid .main-content .week-tabs button.active{color:var(--highlight-color);border-bottom-color:var(--highlight-color)}.week-details-page .week-content-grid .main-content .week-tabs button svg{color:currentColor}.week-details-page .week-content-grid .main-content .tab-content{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);overflow:hidden}.week-details-page .week-content-grid .main-content .week-section{padding:1.5rem}.week-details-page .week-content-grid .main-content .week-section h2{margin:0 0 1rem;font-size:1.5rem;color:var(--headline-color);position:relative;padding-bottom:.75rem}.week-details-page .week-content-grid .main-content .week-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--highlight-color);border-radius:3px}.week-details-page .week-content-grid .main-content .week-section h2.mt-4{margin-top:2rem}.week-details-page .week-content-grid .main-content .week-section p{margin:0;line-height:1.6;color:var(--paragraph-color)}.week-details-page .week-content-grid .main-content .week-section .topics-list{padding-left:1.25rem;margin:0}.week-details-page .week-content-grid .main-content .week-section .topics-list li{margin-bottom:.75rem;color:var(--paragraph-color);line-height:1.5}.week-details-page .week-content-grid .main-content .week-section .topics-list li:last-child{margin-bottom:0}.week-details-page .week-content-grid .main-content .week-section .assignments-list{display:flex;flex-direction:column;gap:1rem}.week-details-page .week-content-grid .main-content .week-section .assignments-list .assignment-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--background-secondary);border-radius:var(--border-radius);border-left:4px solid var(--highlight-color);transition:all .2s ease}.week-details-page .week-content-grid .main-content .week-section .assignments-list .assignment-card:hover{transform:translate(3px);box-shadow:0 2px 8px #00000014}.week-details-page .week-content-grid .main-content .week-section .assignments-list .assignment-card .assignment-info h4{margin:0 0 .5rem;color:var(--headline-color);font-size:1.1rem}.week-details-page .week-content-grid .main-content .week-section .assignments-list .assignment-card .assignment-info .assignment-meta{display:flex;flex-wrap:wrap;gap:1rem}.week-details-page .week-content-grid .main-content .week-section .assignments-list .assignment-card .assignment-info .assignment-meta .meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--paragraph-color)}.week-details-page .week-content-grid .main-content .week-section .assignments-list .assignment-card .assignment-info .assignment-meta .meta-item:last-child{margin-right:0}.week-details-page .week-content-grid .main-content .week-section .assignments-list .assignment-card .start-button{background-color:var(--highlight-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:background-color .2s ease}.week-details-page .week-content-grid .main-content .week-section .assignments-list .assignment-card .start-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.week-details-page .week-content-grid .main-content .week-section .videos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card{border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;background-color:var(--background-primary)}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card:hover .video-thumbnail .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-thumbnail{position:relative;height:160px;background-size:cover;background-position:center;cursor:pointer}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-thumbnail .video-duration{position:absolute;bottom:8px;right:8px;background-color:#000000b3;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-thumbnail .completed-indicator{position:absolute;top:8px;right:8px;background-color:var(--success-color, #22c55e);color:#fff;padding:.25rem;border-radius:50%;cursor:pointer;transition:transform .2s ease}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-thumbnail .completed-indicator:hover{transform:scale(1.1)}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-thumbnail .completed-indicator svg{display:block}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-thumbnail .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:var(--highlight-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.8;transition:all .3s ease}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-info{padding:1rem}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-info h4{margin:0 0 .5rem;color:var(--headline-color);font-size:1rem}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-info .video-status{font-size:.85rem;color:var(--paragraph-color)}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-info .video-status .mark-complete-button{background:none;border:none;color:var(--highlight-color);padding:0;cursor:pointer;font-size:.85rem;text-decoration:underline}.week-details-page .week-content-grid .main-content .week-section .videos-list .video-card .video-info .video-status .mark-complete-button:hover{color:var(--highlight-hover-color, #0056b3)}.week-details-page .week-content-grid .main-content .week-section .materials-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card:hover{border-color:var(--highlight-color);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card .material-type{min-width:60px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--background-secondary);color:var(--highlight-color);padding:.25rem .5rem;border-radius:4px;margin-right:1rem;font-weight:600;font-size:.8rem}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card .material-info{flex:1}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card .material-info h4{margin:0 0 .25rem;color:var(--headline-color);font-size:.95rem}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card .material-info .material-size{font-size:.8rem;color:var(--paragraph-color)}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card .material-info .file-meta{display:flex;flex-direction:column;gap:.25rem}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card .material-info .file-meta .file-name{font-size:.8rem;color:var(--paragraph-muted, #6b7280);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card .material-info .file-meta .material-size{font-size:.8rem;color:var(--paragraph-color)}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card .download-icon{margin-left:1rem;color:var(--paragraph-color);opacity:.6;transition:all .3s ease}.week-details-page .week-content-grid .main-content .week-section .materials-list .material-card:hover .download-icon{color:var(--highlight-color);opacity:1;transform:translateY(-2px)}.week-details-page .week-content-grid .side-content .week-progress-card{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:1.5rem;position:sticky;top:1rem}.week-details-page .week-content-grid .side-content .week-progress-card h3{margin:0 0 1.25rem;font-size:1.25rem;color:var(--headline-color);position:relative;padding-bottom:.75rem}.week-details-page .week-content-grid .side-content .week-progress-card h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--highlight-color);border-radius:3px}.week-details-page .week-content-grid .side-content .week-progress-card .progress-items{display:flex;flex-direction:column;gap:1.25rem}.week-details-page .week-content-grid .side-content .week-progress-card .progress-items .progress-item .progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;color:var(--headline-color);font-size:.9rem;font-weight:500}.week-details-page .week-content-grid .side-content .week-progress-card .progress-items .progress-item .progress-bar{height:8px;background-color:var(--background-secondary);border-radius:4px;overflow:hidden;position:relative}.week-details-page .week-content-grid .side-content .week-progress-card .progress-items .progress-item .progress-bar .progress-fill{height:100%;background-color:var(--highlight-color);border-radius:4px;transition:width .5s ease-in-out}@media (max-width: 992px){.week-details-page .week-content-grid{grid-template-columns:1fr}.week-details-page .week-content-grid .side-content .week-progress-card{margin-bottom:2rem}}@media (max-width: 768px){.week-details-page .week-header h1{font-size:1.75rem}.week-details-page .week-content-grid .main-content .week-tabs button{padding:.75rem 1rem}.week-details-page .week-content-grid .main-content .week-tabs button span{font-size:.9rem}.week-details-page .week-content-grid .main-content .week-section .videos-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 576px){.week-details-page .week-header h1{font-size:1.5rem}.week-details-page .week-content-grid .main-content .week-tabs{overflow-x:auto;padding-bottom:.25rem}.week-details-page .week-content-grid .main-content .week-tabs button{padding:.5rem .75rem;white-space:nowrap}.week-details-page .week-content-grid .main-content .week-tabs button span{font-size:.85rem}.week-details-page .week-content-grid .main-content .week-section{padding:1.25rem}.week-details-page .week-content-grid .main-content .week-section .videos-list,.week-details-page .week-content-grid .main-content .week-section .materials-list{grid-template-columns:1fr}.week-details-page .week-content-grid .main-content .week-section .assignment-card{flex-direction:column;align-items:flex-start;gap:1rem}.week-details-page .week-content-grid .main-content .week-section .assignment-card .start-button{align-self:stretch}}.hidden-file-input{display:none}.upload-material-container,.video-upload-container,.resource-file-container{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;width:100%}.upload-material-container .selected-file-info,.video-upload-container .selected-file-info,.resource-file-container .selected-file-info{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;background-color:var(--background-secondary);padding:.75rem;border-radius:var(--border-radius)}.upload-material-container .selected-file-info span,.video-upload-container .selected-file-info span,.resource-file-container .selected-file-info span{font-size:.9rem}.upload-progress-container{margin-top:.75rem;background-color:var(--background-secondary);padding:.75rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.upload-progress-container .upload-progress{height:8px;background-color:rgba(var(--highlight-color-rgb),.1);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.upload-progress-container .upload-progress .upload-progress-bar{height:100%;background-color:var(--highlight-color);transition:width .3s ease}.upload-progress-container .upload-percentage{font-size:.8rem;color:var(--paragraph-color);font-weight:500}.thumbnail-upload{margin-top:.75rem;border-top:1px solid var(--border-color);padding-top:.75rem}.thumbnail-upload h4{margin:0 0 .5rem;font-size:.95rem;color:var(--headline-color)}.thumbnail-upload .thumbnail-preview{display:flex;flex-direction:column;gap:.75rem}.thumbnail-upload .thumbnail-preview img{max-width:100%;max-height:150px;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--border-color)}.thumbnail-upload .thumbnail-preview .no-thumbnail{background-color:var(--background-secondary);height:100px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);color:var(--paragraph-color);font-size:.9rem}.thumbnail-upload .thumbnail-preview .thumbnail-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.thumbnail-upload .thumbnail-preview .thumbnail-actions button{flex:0 0 auto}.edit-materials{display:flex;flex-direction:column;gap:1.25rem}.edit-materials .material-edit-item{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.25rem;position:relative}.edit-materials .material-edit-item .remove-button{position:absolute;top:1rem;right:1rem;z-index:5}.edit-materials .material-edit-item .material-inputs{display:flex;flex-direction:column;gap:.75rem;padding-right:2rem}.edit-materials .material-edit-item .material-inputs .material-type-select select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary)}.edit-materials .material-edit-item .material-inputs .material-type-select select:focus{outline:none;border-color:var(--highlight-color)}.edit-materials .material-edit-item .material-inputs input[type=text]{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.edit-materials .material-edit-item .material-inputs input[type=text]:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.edit-videos{display:flex;flex-direction:column;gap:1.25rem}.edit-videos .video-edit-item{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.25rem;position:relative}.edit-videos .video-edit-item .remove-button{position:absolute;top:1rem;right:1rem;z-index:5}.edit-videos .video-edit-item .video-inputs{display:flex;flex-direction:column;gap:.75rem;padding-right:2rem}.edit-videos .video-edit-item .video-inputs input[type=text]{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.edit-videos .video-edit-item .video-inputs input[type=text]:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.add-button,.add-resource-button,.add-checklist-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:1px dashed var(--border-color);padding:.6rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;color:var(--highlight-color);transition:all .2s ease;margin-top:.75rem;font-weight:500}.add-button svg,.add-resource-button svg,.add-checklist-button svg{width:16px;height:16px}.add-button:hover,.add-resource-button:hover,.add-checklist-button:hover{background-color:rgba(var(--highlight-color-rgb),.05);border-color:var(--highlight-color);transform:translateY(-2px)}.add-button.wide,.add-resource-button.wide,.add-checklist-button.wide{justify-content:center;padding:.75rem;width:100%}.edit-topics{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.edit-topics .topic-input-group{display:flex;align-items:center;gap:.5rem;position:relative}.edit-topics .topic-input-group input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.edit-topics .topic-input-group input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.edit-topics .topic-input-group .remove-button{position:relative;top:auto;right:auto;width:28px;height:28px;flex-shrink:0}.edit-topics .topic-input-group .remove-button svg{width:14px;height:14px}.description-input{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical;min-height:120px;font-family:inherit;font-size:1rem;line-height:1.5}.description-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.edit-assignments{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.edit-assignments .assignment-edit-item{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.25rem;position:relative}.edit-assignments .assignment-edit-item .remove-button{position:absolute;top:1rem;right:1rem;z-index:5}.edit-assignments .assignment-edit-item .assignment-inputs{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;padding-right:2rem}@media (max-width: 768px){.edit-assignments .assignment-edit-item .assignment-inputs{grid-template-columns:1fr}}.edit-assignments .assignment-edit-item .assignment-inputs input,.edit-assignments .assignment-edit-item .assignment-inputs select{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.edit-assignments .assignment-edit-item .assignment-inputs input:focus,.edit-assignments .assignment-edit-item .assignment-inputs select:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.file-info{background-color:var(--background-secondary);padding:.75rem 1rem;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;border:1px solid var(--border-color)}.file-info .file-name{font-weight:500;color:var(--headline-color);font-size:.95rem}.file-info .file-size{color:var(--paragraph-color);font-size:.85rem}.file-info .remove-file-button{margin-left:auto;display:flex;align-items:center;gap:.4rem;background-color:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2);padding:.4rem .7rem;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.file-info .remove-file-button svg{width:14px;height:14px}.file-info .remove-file-button:hover{background-color:#dc262633;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.file-info .remove-file-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.file-info.small{padding:.6rem .75rem;font-size:.85rem}.file-info.small .file-name{font-size:.85rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info.small .remove-file-button{padding:.3rem .5rem;font-size:.75rem}.file-info.small .remove-file-button svg{width:12px;height:12px}.completed-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.completed-checkbox input[type=checkbox]{width:16px;height:16px}.remove-button{position:absolute;top:.5rem;right:.5rem;background-color:#dc26261a;color:#dc2626;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a}.remove-button svg{width:16px;height:16px}.remove-button:hover{background-color:#dc262633;transform:scale(1.05)}.remove-button:disabled{opacity:.5;cursor:not-allowed}.no-videos,.no-materials{padding:2rem;text-align:center;color:var(--paragraph-color);background-color:var(--background-secondary);border-radius:var(--border-radius);margin:1rem 0;font-style:italic}.video-source-options{margin-top:.75rem;border-top:1px solid var(--border-color);padding-top:.75rem}.video-source-options h4{margin:0 0 .5rem;font-size:.95rem;color:var(--headline-color)}.video-source-options .source-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.video-source-options .source-tabs .source-tab{padding:.5rem 1rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.85rem;cursor:pointer}.video-source-options .source-tabs .source-tab.active{background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.video-source-options .source-tabs .source-tab:hover:not(.active){border-color:var(--highlight-color);background-color:var(--background-primary)}.video-upload-container{display:flex;flex-direction:column;gap:.75rem}.video-upload-container .selected-file-info{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.video-upload-container .selected-file-info span{font-size:.9rem}.video-upload-container .upload-video-button{display:flex;align-items:center;gap:.5rem;background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.5rem 1rem;cursor:pointer;font-size:.85rem;margin-left:auto}.video-upload-container .upload-video-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.video-upload-container .upload-video-button:disabled{opacity:.7;cursor:not-allowed}.video-description,.video-resources{margin-top:.75rem}.video-description h4,.video-resources h4{margin:0 0 .5rem;font-size:.95rem;color:var(--headline-color)}.video-description textarea,.video-resources textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical;min-height:80px;font-family:inherit;font-size:.9rem;line-height:1.5}.video-description textarea:focus,.video-resources textarea:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.video-description .resource-link,.video-resources .resource-link{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.video-description .resource-link input,.video-resources .resource-link input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.video-description .resource-link input:focus,.video-resources .resource-link input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.video-description .resource-link .remove-link-button,.video-resources .resource-link .remove-link-button{background-color:#dc26261a;color:#dc2626;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.video-description .resource-link .remove-link-button:hover,.video-resources .resource-link .remove-link-button:hover{background-color:#dc262633}.video-description .add-resource-button,.video-resources .add-resource-button{display:flex;align-items:center;gap:.4rem;background:none;border:1px dashed var(--border-color);padding:.4rem .75rem;border-radius:var(--border-radius);font-size:.85rem;color:var(--highlight-color);cursor:pointer;margin-top:.5rem}.video-description .add-resource-button:hover,.video-resources .add-resource-button:hover{background-color:var(--background-secondary);border-color:var(--highlight-color)}.no-resources{padding:.75rem;background-color:var(--background-secondary);border-radius:var(--border-radius);margin:.5rem 0;font-size:.9rem;color:var(--paragraph-muted, #6b7280);text-align:center;font-style:italic}.video-description-preview{margin:.5rem 0}.video-description-preview p{font-size:.85rem;color:var(--paragraph-color);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-resources-links{margin-top:.5rem;margin-bottom:.5rem}.video-resources-links .resources-label{font-size:.8rem;font-weight:600;color:var(--paragraph-muted, #6b7280);display:block;margin-bottom:.25rem}.video-resources-links .resources-list{display:flex;flex-wrap:wrap;gap:.5rem}.video-resources-links .resources-list .resource-link-item{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:var(--background-secondary);border-radius:var(--border-radius);font-size:.75rem;color:var(--highlight-color);text-decoration:none;transition:all .2s ease}.video-resources-links .resources-list .resource-link-item:hover{background-color:rgba(var(--highlight-color-rgb),.1);transform:translateY(-1px)}.video-resources-links .resources-list .resource-link-item:before{content:"🔗";margin-right:.25rem;font-size:.7rem}.resource-type-selector{display:flex;gap:2px;margin:.5rem 0}.resource-type-selector .resource-type-btn{padding:.25rem .75rem;font-size:.8rem;background-color:var(--background-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.resource-type-selector .resource-type-btn:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.resource-type-selector .resource-type-btn:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}.resource-type-selector .resource-type-btn.active{background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.resource-type-selector .resource-type-btn:hover:not(.active){background-color:var(--background-primary)}.resource-file-container,.resource-url-input{width:100%;margin-bottom:.75rem}.file-info.small{padding:.5rem;font-size:.85rem}.file-info.small .file-name{font-size:.85rem;max-width:120px}.file-info.small .file-size{font-size:.75rem}.file-info.small .remove-file-button{padding:.25rem .5rem;font-size:.75rem}.select-file-button.small{padding:.35rem .75rem;font-size:.85rem}.upload-resource-button{display:flex;align-items:center;gap:.4rem;background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.35rem .75rem;cursor:pointer;font-size:.85rem}.upload-resource-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.upload-resource-button:disabled{opacity:.7;cursor:not-allowed}.resource-link-item.file{background-color:rgba(var(--highlight-color-rgb),.08)}.resource-link-item.file:before{content:"📄"}.assignment-description{margin:1rem 0}.assignment-description h4{margin:0 0 .5rem;font-size:.95rem;color:var(--headline-color)}.assignment-description textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical;min-height:80px;font-family:inherit;font-size:.9rem;line-height:1.5}.assignment-description textarea:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.assignment-description-preview{margin:.5rem 0}.assignment-description-preview p{font-size:.85rem;color:var(--paragraph-color);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.assignment-checklist{margin:1rem 0}.assignment-checklist h4{margin:0 0 .5rem;font-size:.95rem;color:var(--headline-color)}.assignment-checklist .checklist-items{display:flex;flex-direction:column;gap:.5rem}.assignment-checklist .checklist-items .checklist-item{display:flex;align-items:center;gap:.5rem}.assignment-checklist .checklist-items .checklist-item input[type=text]{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.assignment-checklist .checklist-items .checklist-item input[type=text]:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.assignment-checklist .checklist-items .checklist-item .remove-checklist-item{background-color:#dc26261a;color:#dc2626;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.assignment-checklist .checklist-items .checklist-item .remove-checklist-item:hover{background-color:#dc262633}.assignment-checklist .checklist-items .no-checklist{padding:.75rem;background-color:var(--background-secondary);border-radius:var(--border-radius);font-size:.9rem;color:var(--paragraph-muted, #6b7280);text-align:center;font-style:italic}.assignment-checklist .checklist-items .add-checklist-button{display:flex;align-items:center;gap:.4rem;background:none;border:1px dashed var(--border-color);padding:.4rem .75rem;border-radius:var(--border-radius);font-size:.85rem;color:var(--highlight-color);cursor:pointer;margin-top:.5rem;align-self:flex-start}.assignment-checklist .checklist-items .add-checklist-button:hover{background-color:var(--background-secondary);border-color:var(--highlight-color)}.assignment-checklist-view{margin-top:1rem}.assignment-checklist-view h5{font-size:.9rem;color:var(--headline-color);margin:0 0 .5rem}.assignment-checklist-view .checklist-items-view{display:flex;flex-direction:column;gap:.25rem}.assignment-checklist-view .checklist-items-view .checklist-item-view .checklist-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.assignment-checklist-view .checklist-items-view .checklist-item-view .checklist-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.assignment-checklist-view .checklist-items-view .checklist-item-view .checklist-label input[type=checkbox]:disabled{cursor:not-allowed}.assignment-checklist-view .checklist-items-view .checklist-item-view .checklist-label .checklist-text{font-size:.85rem;color:var(--paragraph-color);transition:all .2s ease}.assignment-checklist-view .checklist-items-view .checklist-item-view.completed .checklist-text{text-decoration:line-through;color:var(--paragraph-muted, #6b7280)}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.not-started{background-color:#64748b1a;color:#64748b}.status-badge.in-progress{background-color:#0ea5e91a;color:#0ea5e9}.status-badge.submitted{background-color:#eab3081a;color:#eab308}.status-badge.graded,.status-badge.completed{background-color:#10b9811a;color:#10b981}.assignment-card{display:flex;flex-direction:column;padding:1.25rem;background-color:var(--background-secondary);border-radius:var(--border-radius);border-left:4px solid var(--highlight-color);transition:all .2s ease}.assignment-card:hover{transform:translate(3px);box-shadow:0 2px 8px #00000014}.assignment-card .assignment-info h4{margin:0 0 .5rem;color:var(--headline-color);font-size:1.1rem}.assignment-card .assignment-info .assignment-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.assignment-card .assignment-info .assignment-meta .meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--paragraph-color)}.assignment-card .assignment-info .assignment-meta .meta-item:last-child{margin-right:0}.assignment-card .start-button{margin-top:1rem;align-self:flex-start}.select-file-button,.upload-material-button,.upload-video-button,.upload-resource-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.select-file-button svg,.upload-material-button svg,.upload-video-button svg,.upload-resource-button svg{width:16px;height:16px}.select-file-button:hover,.upload-material-button:hover,.upload-video-button:hover,.upload-resource-button:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.select-file-button:disabled,.upload-material-button:disabled,.upload-video-button:disabled,.upload-resource-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.select-file-button.small,.upload-material-button.small,.upload-video-button.small,.upload-resource-button.small{padding:.4rem .75rem;font-size:.85rem}.select-file-button.small svg,.upload-material-button.small svg,.upload-video-button.small svg,.upload-resource-button.small svg{width:14px;height:14px}.select-file-button{background-color:var(--background-secondary);color:var(--headline-color);border:1px solid var(--border-color)}.select-file-button:hover{border-color:var(--highlight-color);color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb),.05)}.upload-material-button,.upload-video-button,.upload-resource-button{background-color:var(--highlight-color);color:#fff;border:1px solid var(--highlight-color)}.upload-material-button:hover,.upload-video-button:hover,.upload-resource-button:hover{background-color:var(--highlight-hover-color, #0056b3);border-color:var(--highlight-hover-color, #0056b3)}.select-thumbnail-button,.upload-thumbnail-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.select-thumbnail-button svg,.upload-thumbnail-button svg{width:16px;height:16px}.select-thumbnail-button:hover,.upload-thumbnail-button:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.select-thumbnail-button:disabled,.upload-thumbnail-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.select-thumbnail-button{background-color:var(--background-secondary);color:var(--headline-color);border:1px solid var(--border-color)}.select-thumbnail-button:hover{border-color:var(--highlight-color);color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb),.05)}.upload-thumbnail-button{background-color:var(--highlight-color);color:#fff;border:1px solid var(--highlight-color)}.upload-thumbnail-button:hover{background-color:var(--highlight-hover-color, #0056b3);border-color:var(--highlight-hover-color, #0056b3)}.delete-thumbnail-button{display:flex;align-items:center;gap:.5rem;background-color:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.3);padding:.6rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.delete-thumbnail-button svg{width:16px;height:16px}.delete-thumbnail-button:hover{background-color:#dc262633;transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.delete-thumbnail-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.material-link-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius)}.material-link-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.live-session-details-page{max-width:1200px;margin:0 auto;padding:1rem}.live-session-details-page .session-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.live-session-details-page .session-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:var(--border-radius)}.live-session-details-page .session-header .back-button:hover{background-color:var(--background-secondary);color:var(--highlight-color)}.live-session-details-page .session-header .header-actions{display:flex;gap:.75rem}.live-session-details-page .session-header .header-actions .status-button,.live-session-details-page .session-header .header-actions .edit-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease}.live-session-details-page .session-header .header-actions .status-button:hover,.live-session-details-page .session-header .header-actions .edit-button:hover{background-color:var(--main-color)}.live-session-details-page .session-header .header-actions .status-button:disabled,.live-session-details-page .session-header .header-actions .edit-button:disabled{opacity:.6;cursor:not-allowed}.live-session-details-page .session-header .header-actions .status-button.published{background-color:var(--success-color, #22c55e);color:#fff;border-color:var(--success-color, #22c55e)}.live-session-details-page .session-header .header-actions .status-button.draft{background-color:var(--warning-color, #f59e0b);color:#fff;border-color:var(--warning-color, #f59e0b)}.live-session-details-page .session-header .header-actions .edit-button.active{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.live-session-details-page .session-banner{position:relative;height:320px;border-radius:var(--border-radius);margin-bottom:2rem;overflow:hidden}.live-session-details-page .session-banner .banner-img{position:absolute;top:0;left:0;width:100%;height:100%}.live-session-details-page .session-banner .banner-img .img-container{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.live-session-details-page .session-banner .banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#000c);z-index:1}.live-session-details-page .session-banner .banner-controls{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;flex-direction:column;align-items:flex-end}.live-session-details-page .session-banner .banner-controls .image-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#0009;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);color:#fff;cursor:pointer;transition:all .3s ease}.live-session-details-page .session-banner .banner-controls .image-button:hover{background-color:#000c}.live-session-details-page .session-banner .banner-controls .upload-ui{margin-top:.5rem;background-color:#000000b3;padding:1rem;border-radius:var(--border-radius);width:250px;display:flex;flex-direction:column;gap:.75rem}.live-session-details-page .session-banner .banner-controls .upload-ui .hidden-file-input{display:none}.live-session-details-page .session-banner .banner-controls .upload-ui .select-file-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem 1rem;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.live-session-details-page .session-banner .banner-controls .upload-ui .select-file-button:hover{background-color:#ffffff40;transform:translateY(-2px)}.live-session-details-page .session-banner .banner-controls .upload-ui .select-file-button svg{width:16px;height:16px}.live-session-details-page .session-banner .banner-controls .upload-ui .selected-file-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background-color:#ffffff1a;padding:.75rem;border-radius:var(--border-radius)}.live-session-details-page .session-banner .banner-controls .upload-ui .selected-file-info span{color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.live-session-details-page .session-banner .banner-controls .upload-ui .upload-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--highlight-color);border:none;border-radius:var(--border-radius);color:var(--button-text);cursor:pointer;transition:background-color .3s ease;font-size:.9rem;font-weight:500}.live-session-details-page .session-banner .banner-controls .upload-ui .upload-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.live-session-details-page .session-banner .banner-controls .upload-ui .upload-button:disabled{opacity:.6;cursor:not-allowed}.live-session-details-page .session-banner .banner-controls .upload-ui .upload-progress{margin-top:.5rem;height:6px;background-color:#fff3;border-radius:3px;overflow:hidden}.live-session-details-page .session-banner .banner-controls .upload-ui .upload-progress .upload-progress-bar{height:100%;background-color:var(--highlight-color);transition:width .3s ease}.live-session-details-page .session-banner .banner-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;color:#fff;z-index:5}.live-session-details-page .session-banner .banner-content .status-badge{display:inline-block;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;color:#fff;margin-bottom:1rem}.live-session-details-page .session-banner .banner-content .status-badge.live{background-color:var(--error-color, #f44336);animation:pulse 1.5s infinite}.live-session-details-page .session-banner .banner-content .status-badge.upcoming{background-color:var(--success-color, #4caf50)}.live-session-details-page .session-banner .banner-content .status-badge.completed{background-color:var(--highlight-color, #2196f3)}.live-session-details-page .session-banner .banner-content .title-input,.live-session-details-page .session-banner .banner-content .course-input,.live-session-details-page .session-banner .banner-content .instructor-input{display:block;background-color:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 0;margin-bottom:1.25rem;width:100%;max-width:600px;font-family:var(--font-tajawal);transition:all .3s ease}.live-session-details-page .session-banner .banner-content .title-input::placeholder,.live-session-details-page .session-banner .banner-content .course-input::placeholder,.live-session-details-page .session-banner .banner-content .instructor-input::placeholder{color:#ffffffb3}.live-session-details-page .session-banner .banner-content .title-input:focus,.live-session-details-page .session-banner .banner-content .course-input:focus,.live-session-details-page .session-banner .banner-content .instructor-input:focus{outline:none;border-bottom-color:var(--highlight-color);box-shadow:none}.live-session-details-page .session-banner .banner-content .instructor-input-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:15px}.live-session-details-page .session-banner .banner-content .instructor-input-wrapper .instructor-input,.live-session-details-page .session-banner .banner-content .instructor-input-wrapper .course-input{margin-bottom:0}.live-session-details-page .session-banner .banner-content .title-input{font-size:2rem;font-weight:600;padding:.5rem 0}.live-session-details-page .session-banner .banner-content .instructor-input{font-size:1.1rem;opacity:.9}.live-session-details-page .session-banner .banner-content h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.live-session-details-page .session-banner .banner-content .instructor{margin:0 0 1rem;font-size:1.1rem;opacity:.9}.live-session-details-page .session-banner .banner-content .session-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.5rem}.live-session-details-page .session-banner .banner-content .session-meta .meta-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.live-session-details-page .session-banner .banner-content .session-meta .meta-item svg{opacity:1;color:var(--highlight-color)}.live-session-details-page .session-banner .banner-content .session-meta .meta-item .today-badge{background-color:var(--warning-color, #ff9800);color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;margin-left:.5rem}.live-session-details-page .session-banner .banner-content .session-meta .meta-item input,.live-session-details-page .session-banner .banner-content .session-meta .meta-item select{background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 0;border-radius:0;width:auto;min-width:120px;font-family:var(--font-tajawal);transition:all .3s ease}.live-session-details-page .session-banner .banner-content .session-meta .meta-item input:focus,.live-session-details-page .session-banner .banner-content .session-meta .meta-item select:focus{outline:none;border-bottom-color:var(--highlight-color);box-shadow:none}.live-session-details-page .session-banner .banner-content .session-meta .meta-item input::placeholder,.live-session-details-page .session-banner .banner-content .session-meta .meta-item select::placeholder{color:#ffffffb3}.live-session-details-page .session-banner .banner-content .session-meta .meta-item .duration-input{margin-left:10px;width:120px}.live-session-details-page .session-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.live-session-details-page .session-content-grid .main-content .session-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto;padding-bottom:1px}.live-session-details-page .session-content-grid .main-content .session-tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--paragraph-color);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.live-session-details-page .session-content-grid .main-content .session-tabs button:hover{color:var(--headline-color)}.live-session-details-page .session-content-grid .main-content .session-tabs button.active{color:var(--highlight-color);border-bottom-color:var(--highlight-color)}.live-session-details-page .session-content-grid .main-content .session-tabs button svg{color:currentColor}.live-session-details-page .session-content-grid .main-content .tab-content{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.live-session-details-page .session-content-grid .side-content .action-card,.live-session-details-page .session-content-grid .side-content .instructor-card{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:1.5rem;margin-bottom:2rem}.live-session-details-page .session-content-grid .side-content .action-card .countdown-timer{text-align:center;margin-bottom:1.5rem}.live-session-details-page .session-content-grid .side-content .action-card .countdown-timer h3{margin:0 0 .75rem;font-size:1rem;color:var(--paragraph-color);font-weight:500}.live-session-details-page .session-content-grid .side-content .action-card .countdown-timer .countdown-units{display:flex;justify-content:center;gap:1.5rem}.live-session-details-page .session-content-grid .side-content .action-card .countdown-timer .countdown-units .time-unit{display:flex;flex-direction:column;align-items:center}.live-session-details-page .session-content-grid .side-content .action-card .countdown-timer .countdown-units .time-unit .time-value{font-size:1.75rem;font-weight:700;color:var(--headline-color);line-height:1}.live-session-details-page .session-content-grid .side-content .action-card .countdown-timer .countdown-units .time-unit .time-label{font-size:.75rem;color:var(--paragraph-color);text-transform:uppercase;margin-top:.25rem}.live-session-details-page .session-content-grid .side-content .action-card .primary-action{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem;border-radius:var(--border-radius);border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.live{background-color:var(--error-color, #f44336);color:#fff}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.live:hover{background-color:#ea1c0d}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.live:disabled{opacity:.7;cursor:not-allowed}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.upcoming{background-color:var(--success-color, #4caf50);color:#fff}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.upcoming:hover{background-color:#3d8b40}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.upcoming:disabled{opacity:.7;cursor:not-allowed}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.completed{background-color:var(--highlight-color, #2196f3);color:#fff}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.completed:hover{background-color:#0c7cd5}.live-session-details-page .session-content-grid .side-content .action-card .primary-action.completed:disabled{opacity:.7;cursor:not-allowed}.live-session-details-page .session-content-grid .side-content .action-card .live-indicators{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.live-session-details-page .session-content-grid .side-content .action-card .live-indicators .indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--paragraph-color);font-weight:500}.live-session-details-page .session-content-grid .side-content .action-card .live-indicators .pulse-dot{width:10px;height:10px;background-color:var(--error-color, #f44336);border-radius:50%;box-shadow:0 0 #f44336b3;animation:pulse-live 1.5s infinite cubic-bezier(.66,0,0,1)}.live-session-details-page .session-content-grid .side-content .action-card .recording-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.live-session-details-page .session-content-grid .side-content .action-card .recording-info .info-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--paragraph-color)}.live-session-details-page .session-content-grid .side-content .action-card .recording-info .info-item svg{color:var(--highlight-color);opacity:.9}.live-session-details-page .session-content-grid .side-content .action-card .secondary-actions{display:flex;gap:1rem}.live-session-details-page .session-content-grid .side-content .action-card .secondary-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);font-size:.9rem;cursor:pointer;transition:all .3s ease}.live-session-details-page .session-content-grid .side-content .action-card .secondary-actions button:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color)}.live-session-details-page .session-content-grid .side-content .instructor-card h3{margin:0 0 1rem;font-size:1.25rem;color:var(--headline-color)}.live-session-details-page .session-content-grid .side-content .instructor-card .edit-instructor-info textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;resize:vertical;line-height:1.6}.live-session-details-page .session-content-grid .side-content .instructor-card .edit-instructor-info textarea:focus{outline:none;border-color:var(--highlight-color)}.live-session-details-page .session-content-grid .side-content .instructor-card .instructor-info{display:flex;gap:1rem;margin-bottom:1rem}.live-session-details-page .session-content-grid .side-content .instructor-card .instructor-info .instructor-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden}.live-session-details-page .session-content-grid .side-content .instructor-card .instructor-info .instructor-avatar img{width:100%;height:100%;object-fit:cover}.live-session-details-page .session-content-grid .side-content .instructor-card .instructor-info .instructor-details h4{margin:.25rem 0;color:var(--headline-color);font-size:1.1rem}.live-session-details-page .session-content-grid .side-content .instructor-card .instructor-info .instructor-details p{margin:0;color:var(--paragraph-color);font-size:.9rem}.live-session-details-page .session-content-grid .side-content .instructor-card .instructor-bio{margin:0 0 1.5rem;color:var(--paragraph-color);font-size:.9rem;line-height:1.6}.live-session-details-page .session-content-grid .side-content .instructor-card .view-profile{width:100%;padding:.75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--headline-color);font-weight:500;cursor:pointer;transition:all .3s ease}.live-session-details-page .session-content-grid .side-content .instructor-card .view-profile:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color)}.live-session-details-page .loading-container,.live-session-details-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);text-align:center}.live-session-details-page .loading-container .spinner,.live-session-details-page .error-container .spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(var(--highlight-color-rgb, 0, 123, 255),.2);border-radius:50%;border-top-color:var(--highlight-color);animation:spin 1s linear infinite}.live-session-details-page .loading-container p,.live-session-details-page .error-container p{margin-top:1rem;color:var(--paragraph-color)}.live-session-details-page .error-container{min-height:300px}.live-session-details-page .error-container h2{color:var(--error-color, #f44336);margin:0 0 1rem;font-size:1.5rem}.live-session-details-page .error-container p{color:var(--paragraph-color);margin:0 0 2rem;max-width:600px;line-height:1.6}.live-session-details-page .error-container .return-button{padding:.75rem 1.5rem;background-color:var(--highlight-color);color:var(--button-text, white);border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:background-color .2s}.live-session-details-page .error-container .return-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.live-session-details-page .error-message{display:flex;align-items:center;padding:12px 16px;background-color:rgba(var(--error-color-rgb, 244, 67, 54),.1);color:var(--error-color, #f44336);border-radius:var(--border-radius);margin:10px 0}.live-session-details-page .error-message svg{margin-right:8px}.live-session-details-page .save-bar{margin-bottom:1.5rem;display:flex;justify-content:flex-end;gap:1rem;background-color:var(--background-primary);padding:1rem;border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.live-session-details-page .save-bar .save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--border-radius);font-weight:600;background-color:var(--highlight-color);color:var(--button-text);border:none;cursor:pointer;transition:all .3s ease}.live-session-details-page .save-bar .save-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.live-session-details-page .save-bar .save-button:disabled{opacity:.6;cursor:not-allowed}.live-session-details-page .save-bar .save-button .spinner.small{width:16px;height:16px;border-width:2px}.live-session-details-page .live-stats{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background-color:var(--background-secondary);border-radius:var(--border-radius);margin-bottom:1.5rem}.live-session-details-page .live-stats .stat-item{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.9rem}.live-session-details-page .live-stats .stat-item svg{color:var(--highlight-color)}.live-session-details-page .chat-container{display:flex;flex-direction:column;height:400px;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;margin-top:1rem}.live-session-details-page .chat-container .chat-messages{flex-grow:1;padding:1rem;overflow-y:auto;background-color:var(--background-secondary)}.live-session-details-page .chat-container .chat-messages .message{display:flex;gap:.75rem;margin-bottom:1rem}.live-session-details-page .chat-container .chat-messages .message .message-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--highlight-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.live-session-details-page .chat-container .chat-messages .message .message-content{background-color:var(--background-primary);padding:.75rem 1rem;border-radius:var(--border-radius);flex-grow:1}.live-session-details-page .chat-container .chat-messages .message .message-content .message-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.live-session-details-page .chat-container .chat-messages .message .message-content .message-header .message-name{font-weight:600;color:var(--headline-color);font-size:.9rem}.live-session-details-page .chat-container .chat-messages .message .message-content .message-header .message-time{font-size:.75rem;color:var(--paragraph-color);opacity:.7}.live-session-details-page .chat-container .chat-messages .message .message-content p{margin:0;color:var(--paragraph-color);line-height:1.5;font-size:.9rem}.live-session-details-page .chat-container .chat-messages .message.instructor .message-avatar{background-color:var(--main-color);border:1px solid var(--highlight-color)}.live-session-details-page .chat-container .chat-messages .message.instructor .message-content{background-color:var(--background-secondary)}.live-session-details-page .chat-container .chat-messages .message.instructor .message-header .message-name{color:var(--highlight-color)}.live-session-details-page .chat-container .chat-input{display:flex;padding:.75rem;border-top:1px solid var(--border-color);background-color:var(--background-primary)}.live-session-details-page .chat-container .chat-input input[type=text]{flex-grow:1;padding:.65rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);margin-right:.75rem;background-color:var(--background-secondary);color:var(--headline-color)}.live-session-details-page .chat-container .chat-input input[type=text]:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.live-session-details-page .chat-container .chat-input .send-button{padding:.65rem 1.25rem;background-color:var(--highlight-color);color:var(--button-text, white);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:background-color .2s ease}.live-session-details-page .chat-container .chat-input .send-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.live-session-details-page .related-sessions-list{display:flex;flex-direction:column;gap:1rem}.live-session-details-page .related-sessions-list .related-session-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.live-session-details-page .related-sessions-list .related-session-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px var(--shadow-color);border-color:var(--highlight-color)}.live-session-details-page .related-sessions-list .related-session-card.live{border-left:3px solid var(--error-color, #f44336)}.live-session-details-page .related-sessions-list .related-session-card.upcoming{border-left:3px solid var(--success-color, #4caf50)}.live-session-details-page .related-sessions-list .related-session-card.completed{border-left:3px solid var(--highlight-color, #2196f3)}.live-session-details-page .related-sessions-list .related-session-card .session-info h4{margin:0 0 .25rem;color:var(--headline-color);font-size:1rem}.live-session-details-page .related-sessions-list .related-session-card .session-info p{margin:0 0 .5rem;color:var(--paragraph-color);font-size:.9rem}.live-session-details-page .related-sessions-list .related-session-card .session-info .session-date{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.8rem}.live-session-details-page .related-sessions-list .related-session-card .status-indicator{padding:.3rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600}.live-session-details-page .related-sessions-list .related-session-card .status-indicator.live{background-color:var(--error-color, #f44336);color:#fff}.live-session-details-page .related-sessions-list .related-session-card .status-indicator.upcoming{background-color:var(--success-color, #4caf50);color:#fff}.live-session-details-page .related-sessions-list .related-session-card .status-indicator.completed{background-color:var(--highlight-color, #2196f3);color:#fff}.live-session-details-page .edit-related-sessions{margin-top:20px}.live-session-details-page .edit-related-sessions .related-session-edit-item{display:flex;align-items:center;margin-bottom:15px;padding:12px;background-color:var(--background-secondary);border-radius:var(--border-radius)}.live-session-details-page .edit-related-sessions .related-session-edit-item input,.live-session-details-page .edit-related-sessions .related-session-edit-item select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);margin-right:10px}.live-session-details-page .edit-related-sessions .related-session-edit-item input:focus,.live-session-details-page .edit-related-sessions .related-session-edit-item select:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.live-session-details-page .edit-related-sessions .related-session-edit-item input:nth-of-type(1){width:150px}.live-session-details-page .edit-related-sessions .related-session-edit-item input:nth-of-type(2){flex:2}.live-session-details-page .edit-related-sessions .related-session-edit-item input:nth-of-type(3){flex:1}.live-session-details-page .edit-related-sessions .related-session-edit-item input:nth-of-type(4){width:150px}.live-session-details-page .edit-related-sessions .related-session-edit-item select{width:120px}.live-session-details-page .edit-related-sessions .related-session-edit-item .remove-button{padding:.5rem;width:36px;height:36px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto}.live-session-details-page .edit-related-sessions .related-session-edit-item .remove-button:hover{color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626);background-color:#dc26261a}.live-session-details-page .edit-related-sessions .add-button{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;width:100%;justify-content:center;font-weight:500}.live-session-details-page .edit-related-sessions .add-button svg{color:var(--highlight-color)}.live-session-details-page .edit-related-sessions .add-button:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color)}.live-session-details-page .video-player-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.live-session-details-page .video-player-container .video-player{width:100%;background-color:var(--background-secondary);border-radius:var(--border-radius);overflow:hidden}.live-session-details-page .video-player-container .video-player .video-main{position:relative}.live-session-details-page .video-player-container .video-player .video-main .video-container{display:flex;flex-direction:column}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-element{position:relative;width:100%;padding-top:56.25%;background-color:#000}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-element .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;cursor:pointer}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-element .play-overlay svg{color:#fff;opacity:.8;transition:all .3s ease}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-element .play-overlay:hover svg{opacity:1;transform:scale(1.1)}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-title{padding:1rem 1.25rem .5rem}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-title h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--headline-color)}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-title .video-meta{display:flex;gap:1rem;align-items:center;color:var(--paragraph-color);font-size:.9rem}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-title .video-meta .instructor-name{font-weight:500}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-title .video-meta .view-count{position:relative;padding-left:.75rem}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-title .video-meta .view-count:before{content:"•";position:absolute;left:0;top:0}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls{padding:.5rem 1.25rem 1rem}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .progress-bar{height:4px;width:100%;background-color:rgba(var(--highlight-color-rgb, 33, 150, 243),.1);border-radius:2px;margin-bottom:.75rem;position:relative;cursor:pointer}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .progress-bar .progress{position:absolute;height:100%;background-color:var(--highlight-color, #f00);border-radius:2px}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .progress-bar:hover{height:6px}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .progress-bar:hover .progress{background-color:var(--error-color, #f00)}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .controls-main{display:flex;justify-content:space-between;align-items:center}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .controls-main .controls-left,.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .controls-main .controls-right{display:flex;align-items:center;gap:.5rem}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .controls-main .controls-left .time-display{margin-left:.75rem;font-size:.85rem;color:var(--paragraph-color)}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .controls-main .controls-left .volume-control{display:flex;align-items:center;margin-left:.5rem;color:var(--paragraph-color)}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .controls-main .control-button{background:none;border:none;color:var(--paragraph-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease}.live-session-details-page .video-player-container .video-player .video-main .video-container .video-controls .controls-main .control-button:hover{background-color:#ffffff1a;color:var(--headline-color)}.live-session-details-page .video-player-container .video-chapters{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.25rem}.live-session-details-page .video-player-container .video-chapters .chapters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.live-session-details-page .video-player-container .video-chapters .chapters-header h3{font-size:1.2rem;margin:0;color:var(--headline-color)}.live-session-details-page .video-player-container .video-chapters .chapters-header .video-stats{display:flex;gap:1rem}.live-session-details-page .video-player-container .video-chapters .chapters-header .video-stats .stat-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--paragraph-color)}.live-session-details-page .video-player-container .video-chapters .chapters-header .video-stats .stat-item svg{color:var(--highlight-color)}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style{display:flex;flex-direction:column;gap:.75rem}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item:hover{background-color:var(--background-primary)}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item.active{background-color:rgba(var(--highlight-color-rgb, 33, 150, 243),.1);border-left:3px solid var(--highlight-color)}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item.active h4{color:var(--highlight-color)}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item.active .chapter-thumbnail{background-color:var(--highlight-color);border-color:var(--highlight-color)}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item.active .chapter-thumbnail svg{color:#fff}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item.active .chapter-timestamp{background-color:var(--highlight-color);color:#fff}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-info{display:flex;align-items:center;gap:1rem}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-info .thumbnail-and-number{display:flex;align-items:center;gap:.5rem}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-info .thumbnail-and-number .chapter-thumbnail{width:24px;height:24px;border-radius:50%;background-color:var(--background-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-info .thumbnail-and-number .chapter-thumbnail svg{color:var(--highlight-color)}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-info .thumbnail-and-number .chapter-number{font-size:.85rem;color:var(--paragraph-color);font-weight:500}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-info .chapter-details h4{margin:0 0 .25rem;font-size:.95rem;color:var(--headline-color)}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-info .chapter-details .chapter-duration{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--paragraph-color)}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-info .chapter-details .chapter-duration svg{width:14px;height:14px}.live-session-details-page .video-player-container .video-chapters .chapters-list.youtube-style .chapter-item .chapter-timestamp{font-weight:600;font-size:.85rem;color:var(--highlight-color);padding:.25rem .5rem;background-color:var(--background-secondary);border-radius:4px}.live-session-details-page .edit-chapters{display:flex;flex-direction:column;gap:1rem}.live-session-details-page .edit-chapters .chapter-edit-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:var(--background-primary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.live-session-details-page .edit-chapters .chapter-edit-item .chapter-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--highlight-color);color:#fff;border-radius:50%;font-weight:600;font-size:.8rem}.live-session-details-page .edit-chapters .chapter-edit-item input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--headline-color)}.live-session-details-page .edit-chapters .chapter-edit-item input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 33, 150, 243),.1)}.live-session-details-page .edit-chapters .chapter-edit-item input:first-of-type{flex:2}.live-session-details-page .edit-chapters .chapter-edit-item .chapter-time-inputs{display:flex;gap:.5rem}.live-session-details-page .edit-chapters .chapter-edit-item .chapter-time-inputs input{width:120px}.live-session-details-page .edit-chapters .chapter-edit-item .remove-button{margin-left:auto;color:var(--paragraph-color)}.live-session-details-page .edit-chapters .chapter-edit-item .remove-button:hover{color:var(--error-color, #dc2626)}.live-session-details-page .edit-chapters .add-button{margin-top:.5rem;color:var(--paragraph-color)}.live-session-details-page .edit-chapters .add-button svg{color:var(--highlight-color)}.live-session-details-page .edit-chapters .add-button:hover{color:var(--highlight-color)}@media (max-width: 992px){.live-session-details-page .session-banner{height:280px}.live-session-details-page .session-banner .banner-content h1{font-size:1.75rem}.live-session-details-page .session-content-grid{grid-template-columns:1fr}.live-session-details-page .session-content-grid .side-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.live-session-details-page .session-content-grid .side-content .action-card,.live-session-details-page .session-content-grid .side-content .instructor-card{margin-bottom:0}}@media (max-width: 768px){.live-session-details-page .session-banner{height:240px}.live-session-details-page .session-banner .banner-content{padding:1.5rem}.live-session-details-page .session-banner .banner-content h1{font-size:1.5rem}.live-session-details-page .session-banner .banner-content .session-meta{flex-wrap:wrap;gap:1rem}.live-session-details-page .session-content-grid .main-content .session-tabs button{padding:.75rem 1rem}.live-session-details-page .session-content-grid .main-content .session-tabs button span{font-size:.9rem}.live-session-details-page .session-content-grid .side-content{grid-template-columns:1fr}.live-session-details-page .session-content-grid .side-content .action-card,.live-session-details-page .session-content-grid .side-content .instructor-card{margin-bottom:1rem}}@media (max-width: 576px){.live-session-details-page .session-header{flex-wrap:wrap}.live-session-details-page .session-header .back-button{width:100%;margin-bottom:.75rem;justify-content:center}.live-session-details-page .session-header .header-actions{width:100%;justify-content:space-between}.live-session-details-page .session-banner{height:auto;min-height:200px}.live-session-details-page .session-banner .banner-content{padding:1.25rem}.live-session-details-page .session-banner .banner-content h1{font-size:1.35rem}.live-session-details-page .session-banner .banner-content .instructor{font-size:1rem}.live-session-details-page .session-content-grid .main-content .session-tabs{overflow-x:auto;padding-bottom:.25rem}.live-session-details-page .session-content-grid .main-content .session-tabs button{padding:.5rem .75rem;white-space:nowrap}.live-session-details-page .session-content-grid .main-content .session-tabs button span{font-size:.85rem}.live-session-details-page .session-content-grid .main-content .session-section{padding:1.25rem}.live-session-details-page .session-content-grid .main-content .session-section .topics-grid{grid-template-columns:1fr}.live-session-details-page .save-bar{flex-direction:column;gap:.5rem}.live-session-details-page .save-bar .save-button{width:100%;justify-content:center}}.action-card .live-indicators{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.action-card .live-indicators .indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--paragraph-color);font-weight:500}.action-card .live-indicators .pulse-dot{width:10px;height:10px;background-color:var(--error-color, #f44336);border-radius:50%;box-shadow:0 0 #f44336b3;animation:pulse-live 1.5s infinite cubic-bezier(.66,0,0,1)}@keyframes pulse-live{to{box-shadow:0 0 0 12px #f4433600}}.action-card .upcoming-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.action-card .upcoming-info .indicator{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--paragraph-color);font-weight:500}.action-card .upcoming-info .indicator svg{color:var(--highlight-color);opacity:.9}.action-card .upcoming-info .indicator.today{color:var(--success-color, #4caf50);font-weight:600}.action-card .upcoming-info .indicator.today .today-dot{width:10px;height:10px;background-color:var(--success-color, #4caf50);border-radius:50%;box-shadow:0 0 #4caf50b3;animation:pulse-upcoming 1.5s infinite cubic-bezier(.66,0,0,1)}.action-card .reminder-status{font-size:.85rem;text-align:center;color:var(--paragraph-color);padding:.5rem;background-color:var(--background-secondary);border-radius:var(--border-radius);margin-bottom:1rem;min-height:38px;display:flex;align-items:center;justify-content:center}.action-card .reminder-status .setting-reminder{display:flex;align-items:center;gap:.5rem}.action-card .reminder-status .setting-reminder .small-spinner{width:16px;height:16px;border:2px solid var(--highlight-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.action-card .secondary-actions{display:flex;justify-content:space-around;gap:1rem}@keyframes pulse-upcoming{to{box-shadow:0 0 0 12px #4caf5000}}.action-card .recording-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.action-card .recording-info .indicator{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--paragraph-color)}.action-card .recording-info .indicator svg{color:var(--highlight-color);opacity:.9}.action-card .secondary-actions{display:flex;justify-content:space-between;gap:1rem}.action-card .secondary-actions button{display:flex;align-items:center;justify-content:center;flex:1;gap:.5rem;background:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color);cursor:pointer;font-size:.9rem;padding:.75rem;border-radius:var(--border-radius);transition:all .2s ease}.action-card .secondary-actions button:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color)}.action-card .secondary-actions button svg{transition:color .2s ease}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;color:#fff;margin-bottom:1rem}.status-badge svg{margin-right:.25rem}.status-badge.live{background-color:var(--error-color, #f44336);animation:pulse 1.5s infinite}.status-badge.upcoming{background-color:var(--success-color, #4caf50)}.status-badge.completed{background-color:var(--highlight-color, #2196f3)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.session-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto;padding-bottom:1px}.session-tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--paragraph-color);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.session-tabs button:hover{color:var(--headline-color);background-color:var(--background-secondary)}.session-tabs button.active{color:var(--highlight-color);border-bottom-color:var(--highlight-color)}.session-tabs button svg{color:currentColor;margin-right:.25rem}[data-media-player]{width:100%;display:inline-flex;align-items:center;position:relative;contain:style;box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-media-player] *{box-sizing:border-box}:where([data-media-player][data-view-type=video]){aspect-ratio:16 / 9}[data-media-player]:focus,[data-media-player]:focus-visible{outline:none}[data-media-player][data-view-type=video][data-started]:not([data-controls]){pointer-events:auto;cursor:none}[data-media-player] slot{display:contents}[data-media-provider]{display:flex;position:relative;box-sizing:border-box;align-items:center;border-radius:inherit;width:100%;aspect-ratio:inherit;overflow:hidden}[data-media-player]:not([data-view-type=audio]) [data-media-provider],[data-media-player][data-fullscreen] [data-media-provider]{height:100%}[data-media-player][data-view-type=audio] [data-media-provider]{display:contents;background-color:unset}[data-media-provider] audio{width:100%}:where(video:not([width]):not([height]),iframe:not([width]):not([height])){width:100%;aspect-ratio:16 / 9}:where([data-media-provider] video),:where([data-media-provider] iframe){aspect-ratio:inherit;display:inline-block;height:auto;object-fit:contain;touch-action:manipulation;border-radius:inherit;width:100%}[data-media-provider] iframe{height:100%}[data-media-player][data-view-type=audio] video,[data-media-player][data-view-type=audio] iframe{display:none}[data-media-player][data-fullscreen] video{height:100%}[data-media-provider] iframe:not([src]){display:none}iframe.vds-youtube[data-no-controls]{height:1000%}.vds-blocker{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:auto;aspect-ratio:inherit;pointer-events:auto;border-radius:inherit;z-index:1}[data-ended] .vds-blocker{background-color:#000}.vds-icon:focus{outline:none}.vds-google-cast{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dedede;font-family:sans-serif;font-weight:500}.vds-google-cast svg{--size: max(18%, 40px);width:var(--size);height:var(--size);margin-bottom:8px}.vds-google-cast-info{font-size:calc(var(--media-height) / 100 * 6)}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:var(--plyr-font-family, inherit);font-variant-numeric:tabular-nums;font-weight:var(--plyr-font-weight-regular, 400);line-height:var(--plyr-line-height, 1.7);pointer-events:none;max-width:100%;min-width:200px;text-shadow:none;transition:box-shadow .3s ease;border-radius:inherit;z-index:1}[data-media-player][data-layout=plyr]:not([data-fullscreen]){border-radius:var(--plyr-border-radius, 10px)}.plyr button,.plyr [role=button]{font:inherit;line-height:inherit;width:auto;pointer-events:auto}.plyr:focus{outline:0}.plyr{box-sizing:border-box}.plyr *,.plyr *:after,.plyr *:before{box-sizing:inherit}.plyr a,.plyr button,.plyr [role=button],.plyr input,.plyr [role=slider],.plyr label{touch-action:manipulation}.plyr__badge{background:var(--plyr-badge-background, hsl(216, 15%, 34%));border-radius:var(--plyr-badge-border-radius, 2px);color:var(--plyr-badge-text-color, #fff);font-size:var(--plyr-font-size-badge, 9px);line-height:1;padding:3px 4px}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:var(--plyr-font-size-small, 13px);left:0;padding:var(--plyr-control-spacing, 10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width: 480px){.plyr__captions{font-size:var(--plyr-font-size-base, 15px);padding:calc(var(--plyr-control-spacing, 10px) * 2)}}@media (min-width: 768px){.plyr__captions{font-size:var(--plyr-font-size-large, 18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(var(--plyr-control-spacing, 10px) * -4))}.plyr__caption{background:var(--plyr-captions-background, rgba(0, 0, 0, .8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--plyr-captions-text-color, #fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:transparent;border:0;border-radius:var(--plyr-control-radius, 4px);contain:layout style;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(var(--plyr-control-spacing, 10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:var(--plyr-control-icon-size, 18px);pointer-events:none;width:var(--plyr-control-icon-size, 18px)}.plyr :focus{outline:0}.plyr *:focus-visible,.plyr *[data-focus]{outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, hsl(198, 100%, 50%)));outline-offset:2px}a.plyr__control{text-decoration:none}a.plyr__control:after,a.plyr__control:before{display:none}.plyr__control[aria-pressed=false] .icon--pressed,.plyr__control[aria-pressed=true] .icon--not-pressed,.plyr__control[aria-pressed=false] .label--pressed,.plyr__control[aria-pressed=true] .label--not-pressed{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center;pointer-events:auto}.plyr__controls .plyr__progress__container{flex:1 1 0%;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(var(--plyr-control-spacing, 10px) / 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(var(--plyr-control-spacing, 10px) / 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(var(--plyr-control-spacing, 10px) / 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time{padding-left:0}.plyr__controls:empty{display:none}.plyr__menu{display:flex;position:relative}.plyr__menu [aria-disabled=true],.plyr__menu [role=menu][aria-hidden=true]{display:none!important}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{--media-menu-x-offset: 3px;--media-menu-y-offset: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);animation:plyr-popup .2s ease;background:var(--plyr-menu-background, rgba(255, 255, 255, .9));border-radius:var(--plyr-menu-radius, 8px);box-shadow:var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));color:var(--plyr-menu-color, hsl(216, 15%, 34%));font-size:var(--plyr-font-size-base, 15px);text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:var(--plyr-menu-arrow-size, 4px) solid transparent;border-top-color:var(--plyr-menu-background, rgba(255, 255, 255, .9));content:"";height:0;position:absolute;right:calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * .7)) - (var(--plyr-menu-arrow-size, 4px) / 2));top:100%;width:0}.plyr__menu__container>div>div{padding:calc(var(--plyr-control-spacing, 10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:var(--plyr-menu-color, hsl(216, 15%, 34%));display:flex;font-size:var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));padding:calc(calc(var(--plyr-control-spacing, 10px) * .7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:var(--plyr-menu-item-arrow-size, 4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));right:calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward[data-focus]:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:var(--plyr-font-weight-regular, 400);margin:calc(var(--plyr-control-spacing, 10px) * .7);margin-bottom:calc(calc(var(--plyr-control-spacing, 10px) * .7) / 2);padding-left:calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);position:relative;width:calc(100% - (calc(var(--plyr-control-spacing, 10px) * .7) * 2))}.plyr__menu__container .plyr__control--back:after{border-right-color:var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));left:calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);content:"";height:1px;left:0;margin-top:calc(calc(var(--plyr-control-spacing, 10px) * .7) / 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back[data-focus]:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(var(--plyr-control-spacing, 10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]:before,.plyr__menu__container .plyr__control[role=menuitemradio]:after{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:var(--plyr-control-spacing, 10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var( --plyr-control-toggle-checked-background, var(--plyr-color-main, hsl(198, 100%, 50%)) )}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio][data-focus]:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(var(--plyr-control-spacing, 10px) * .7) - 2px) * -1);padding-left:calc(calc(var(--plyr-control-spacing, 10px) * .7) * 3.5);pointer-events:none}.plyr__menu__container .plyr__control[data-open] .plyr__menu__value{display:none}.plyr .plyr__slider{--value: var(--slider-fill);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:calc(var(--plyr-range-thumb-height, 13px) * 2);contain:layout style;color:var(--plyr-range-fill-background, var(--plyr-color-main, hsl(198, 100%, 50%)));display:flex;align-items:center;justify-content:center;height:calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));min-width:0;pointer-events:auto;padding:0;transition:box-shadow .3s ease;width:100%;margin:0 calc(var(--plyr-range-thumb-height, 13px) / 2)}.plyr .plyr__slider__track{background:transparent;border:0;border-radius:calc(var(--plyr-range-track-height, 5px) / 2);height:var(--plyr-range-track-height, 5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value, 0%),transparent var(--value, 0%));width:100%;z-index:1}.plyr .plyr__slider__thumb{position:absolute;top:50%;left:var(--value);will-change:left;background:var(--plyr-range-thumb-background, #fff);border:0;border-radius:100%;box-shadow:var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2) );height:var(--plyr-range-thumb-height, 13px);-webkit-transition:all .2s ease;transition:opacity .2s ease,box-shadow .2s ease;transform:translate(-50%,-50%);width:var(--plyr-range-thumb-height, 13px);-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:2}.plyr .plyr__slider:focus{outline:0}.plyr .plyr__slider:focus-visible .plyr__slider__track,.plyr .plyr__slider[data-focus] .plyr__slider__track{outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, hsl(198, 100%, 50%)));outline-offset:2px}.plyr__volume{align-items:center;display:flex;position:relative;flex:1 1 0%;max-width:128px}.plyr__volume .plyr__slider{max-width:90px;min-width:60px;position:relative;z-index:2}.plyr__volume+.plyr__controls__item{margin-left:calc(var(--plyr-control-spacing, 10px))}.plyr__progress .plyr__tooltip{left:var(--slider-pointer);max-width:120px;overflow-wrap:break-word}.plyr__progress{left:calc(var(--plyr-range-thumb-height, 13px) * .5);margin-right:var(--plyr-range-thumb-height, 13px);position:relative}.plyr__progress .plyr__slider{position:relative;z-index:2}[data-live] .plyr__progress .plyr__slider{color:var(--plyr-progress-live-color, white)}[data-live-edge] .plyr__progress .plyr__slider{color:var(--plyr-progress-live-edge-color, var(--plyr-color-main, hsl(198, 100%, 50%)))}.plyr__slider__buffer{-webkit-appearance:none;background:transparent;border:0;border-radius:100px;height:var(--plyr-range-track-height, 5px);left:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.plyr--loading .plyr__slider__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%,var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);color:transparent}.plyr--video.plyr--loading .plyr__slider__buffer{background-color:var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))}.plyr--audio.plyr--loading .plyr__slider__buffer{background-color:var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))}.plyr__progress__marker{background-color:var(--plyr-progress-marker-background, #fff);border-radius:1px;height:var(--plyr-range-track-height, 5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--plyr-progress-marker-width, 3px);z-index:3}.plyr__progress__marker-label{color:#fff;font-size:var(--plyr-font-size-progress-marker, var(--plyr-font-size-small, 13px))}.plyr__poster{background-color:var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1;pointer-events:none}.plyr--stopped.plyr__poster-enabled .plyr__poster,.plyr__poster[data-remotion-poster][data-visible]{opacity:1}.plyr__time{font-size:var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));border-radius:var(--plyr-time-radius, 5px);pointer-events:auto}.plyr__time:focus{outline:none}.plyr__time:focus-visible{outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, hsl(198, 100%, 50%)))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:var(--plyr-control-spacing, 10px)}@media (max-width: 767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:var(--plyr-tooltip-background, #fff);border-radius:var(--plyr-tooltip-radius, 5px);bottom:100%;box-shadow:var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));color:var(--plyr-tooltip-color, hsl(216, 15%, 34%));font-size:var(--plyr-font-size-small, 13px);font-weight:var(--plyr-font-weight-regular, 400);left:50%;line-height:1.3;margin-bottom:calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);opacity:0;padding:calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:var(--plyr-tooltip-arrow-size, 4px) solid transparent;border-right:var(--plyr-tooltip-arrow-size, 4px) solid transparent;border-top:var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);bottom:calc(var(--plyr-tooltip-arrow-size, 4px) * -1);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr .plyr__control:hover .plyr__tooltip,.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr__tooltip--visible,.plyr__slider[data-active] .plyr__tooltip{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * .7));transform:translate(50%)}.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible{transform:translate(0) scale(1)}.plyr--audio{display:block;width:100%}.plyr--audio .plyr__controls{background:var(--plyr-audio-controls-background, #fff);border-radius:inherit;color:var(--plyr-audio-control-color, hsl(216, 15%, 34%));padding:var(--plyr-control-spacing, 10px);border:var(--plyr-audio-border, 1px solid #edecec)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[role=button][aria-expanded=true]{background:var( --plyr-audio-control-background-hover, var(--plyr-color-main, hsl(198, 100%, 50%)) );color:var(--plyr-audio-control-color-hover, #fff)}.plyr.plyr--audio .plyr__slider__track{background-color:var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)) )}.plyr.plyr--audio .plyr__slider:active .plyr__slider__thumb,.plyr.plyr--audio .plyr__slider[data-dragging] .plyr__slider__thumb{box-shadow:var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2) ),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))}.plyr--audio .plyr__slider__buffer{color:var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))}.plyr--video{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr--video .plyr__controls{background:var( --plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)) );border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:var(--plyr-video-control-color, #fff);left:0;padding:calc(var(--plyr-control-spacing, 10px) / 2);padding-top:calc(var(--plyr-control-spacing, 10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width: 480px){.plyr--video .plyr__controls{padding:var(--plyr-control-spacing, 10px);padding-top:calc(var(--plyr-control-spacing, 10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[data-hocus],.plyr--video .plyr__control[role=button][aria-expanded=true]{background:var( --plyr-video-control-background-hover, var(--plyr-color-main, hsl(198, 100%, 50%)) );color:var(--plyr-video-control-color-hover, #fff)}.plyr__control--overlaid{background:var( --plyr-video-control-background-hover, var(--plyr-color-main, hsl(198, 100%, 50%)) );border:0;border-radius:100%;color:var(--plyr-video-control-color, #fff);display:none;left:50%;opacity:.9;padding:calc(var(--plyr-control-spacing, 10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:hover,.plyr__control--overlaid:focus,.plyr__control--overlaid[data-hocus]{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr.plyr--video .plyr__control--overlaid{display:block}.plyr.plyr--video .plyr__slider__track{background-color:var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)) )}.plyr.plyr--video .plyr__slider:active .plyr__slider__thumb,.plyr.plyr--video .plyr__slider[data-dragging] .plyr__slider__thumb{box-shadow:var( --plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2) ),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))}.plyr--video .plyr__slider__buffer{color:var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))}.plyr.plyr--fullscreen-active{border-radius:0!important;height:100%;margin:0;width:100%}.plyr.plyr--fullscreen-active .plyr__control .icon--exit-fullscreen{display:block}.plyr.plyr--fullscreen-active .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr.plyr--fullscreen-active.plyr--hide-controls{cursor:none}@media (min-width: 1024px){.plyr.plyr--fullscreen-active .plyr__captions{font-size:var(--plyr-font-size-xlarge, 21px)}}.plyr__slider__preview{background-color:var(--plyr-tooltip-background, #fff);border-radius:var(--plyr-menu-radius, 8px);box-shadow:var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));margin-bottom:calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);opacity:0;padding:3px;pointer-events:none;transform:scale(.8);transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__slider__preview[data-visible]{opacity:1;transform:scale(1)}.plyr__slider__preview:before{border-left:var(--plyr-tooltip-arrow-size, 4px) solid transparent;border-right:var(--plyr-tooltip-arrow-size, 4px) solid transparent;border-top:var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);bottom:calc(var(--plyr-tooltip-arrow-size, 4px) * -1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr__slider__preview__thumbnail{--aspect-ratio: calc(var(--plyr-thumbnail-aspect-ratio, 16 / 9));--min-width: var(--plyr-thumbnail-min-width, 140px);--max-width: var(--plyr-thumbnail-max-width, 180px);background:#c1c8d1;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;display:block;width:var(--thumbnail-width);height:var(--thumbnail-height);contain:strict;z-index:0;min-width:var(--min-width);min-height:var(--plyr-thumbnail-min-height, calc(var(--min-width) / var(--aspect-ratio)));max-width:var(--max-width);max-height:var(--plyr-thumbnail-max-height, calc(var(--max-width) / var(--aspect-ratio)))}.plyr__slider__preview__thumbnail img,.plyr__slider__preview__thumbnail:after{max-height:none;max-width:none;object-fit:contain;will-change:width,height,transform}.plyr__slider__preview__thumbnail:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.plyr__slider__preview__time-container{background:var( --plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)) );border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__slider__preview__time{color:#fff;font-size:var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);left:0;margin:auto;opacity:0;contain:strict;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:var(--thumbnail-width);height:var(--thumbnail-height);min-width:100%;min-height:100%;z-index:1}[data-seeking] .plyr__preview-scrubbing{opacity:1}.plyr__preview-scrubbing img{max-height:none;max-width:none;object-fit:contain;will-change:width,height,transform}.plyr__gesture{contain:content;display:block;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none!important;position:absolute;visibility:hidden;width:100%;z-index:0}.plyr__live-button{background-color:unset!important;margin-left:calc(var(--plyr-control-spacing, 10px) * 1.5)!important}.plyr__live-button[data-focus]{outline-offset:-5px}.plyr__live-button[data-edge]{cursor:unset}.plyr__live-button__text{background-color:var(--plyr-live-button-bg, #8a8a8a);border-radius:var(--plyr-live-button-border-radius, 2px);color:var(--plyr-live-button-color, #161616);font-family:var(--plyr-font-family, sans-serif);font-size:var(--plyr-font-size-live-button, 12px);font-weight:var(--plyr-font-weight-live-button, 600);letter-spacing:var(--plyr-live-button-letter-spacing, 1.5px);padding:var(--plyr-live-button-padding, 1px 4px);transition:color .3s ease}.plyr__live-button[data-edge] .plyr__live-button__text{background-color:var(--plyr-live-button-edge-bg, #dc2626);color:var(--plyr-live-button-edge-color, #f5f5f5)}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden],.plyr [role][aria-hidden=true]{display:none!important}@keyframes plyr-progress{to{background-position:var(--plyr-progress-loading-size, 25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}media-player{--plyr-color-main: var(--highlight-color);--plyr-video-background: var(--background-primary);--plyr-menu-background: var(--card-bg);--plyr-menu-color: var(--headline-color);--plyr-menu-border-color: var(--border-color);--plyr-control-icon-size: 18px;--plyr-control-spacing: 10px;--plyr-control-padding: 7px;--plyr-control-radius: 6px;--plyr-range-track-height: 4px;--plyr-range-thumb-height: 16px;--plyr-range-thumb-width: 16px;--plyr-range-fill-background: var(--highlight-color);--plyr-range-track-background: rgba(255, 255, 255, .2);--plyr-tooltip-background: var(--card-bg);--plyr-tooltip-color: var(--headline-color);--plyr-tooltip-padding: 8px 12px;--plyr-tooltip-arrow-size: 6px;--plyr-tooltip-radius: 6px;--plyr-audio-control-color: var(--headline-color);--plyr-audio-control-color-hover: var(--highlight-color);--plyr-control-background-hover: rgba(var(--highlight-color-rgb), .1);border-radius:var(--card-border-radius);overflow:hidden}media-player [data-plyr=play],media-player [data-plyr=pause],media-player [data-plyr=volume],media-player [data-plyr=mute],media-player [data-plyr=fullscreen]{transition:all .2s ease}media-player [data-plyr=play]:hover,media-player [data-plyr=pause]:hover,media-player [data-plyr=volume]:hover,media-player [data-plyr=mute]:hover,media-player [data-plyr=fullscreen]:hover{background-color:rgba(var(--highlight-color-rgb),.1)!important;color:var(--highlight-color)!important}media-player .plyr__control--overlaid{background:rgba(var(--highlight-color-rgb),.9)!important;border:2px solid var(--highlight-color)!important}media-player .plyr__control--overlaid:hover{background:var(--highlight-color)!important}media-player .plyr__progress__loading{background:var(--highlight-color)}media-player .plyr__captions{background:rgba(var(--card-bg-rgb),.9);color:var(--headline-color);border-radius:4px;padding:4px 8px}.dark-mode media-player{--plyr-video-background: var(--background-primary);--plyr-menu-background: var(--card-bg);--plyr-menu-color: var(--headline-color);--plyr-range-track-background: rgba(255, 255, 255, .1)}.dark-mode media-player .plyr__control--overlaid{background:rgba(var(--highlight-color-rgb),.8)!important}.video-element{width:100%;aspect-ratio:16/9;display:block;margin:0;padding:0;line-height:0;font-size:0}.session-section{padding:1.5rem}.session-section h2{margin:0 0 1rem;font-size:1.5rem;color:var(--headline-color);position:relative;padding-bottom:.75rem}.session-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--highlight-color);border-radius:3px}.session-section h2.mt-4{margin-top:2rem}.session-section .description-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;line-height:1.6;margin-bottom:1rem;resize:vertical}.session-section .description-input:focus{outline:none;border-color:var(--highlight-color)}.session-section .session-description{margin:0;line-height:1.7;color:var(--paragraph-color);white-space:pre-line}.session-section .edit-topics,.session-section .edit-prerequisites{display:flex;flex-direction:column;gap:.75rem;margin-bottom:20px}.session-section .edit-topics .topic-input-group,.session-section .edit-topics .prerequisite-input-group,.session-section .edit-prerequisites .topic-input-group,.session-section .edit-prerequisites .prerequisite-input-group{display:flex;gap:.5rem}.session-section .edit-topics .topic-input-group input,.session-section .edit-topics .prerequisite-input-group input,.session-section .edit-prerequisites .topic-input-group input,.session-section .edit-prerequisites .prerequisite-input-group input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color)}.session-section .edit-topics .topic-input-group input:focus,.session-section .edit-topics .prerequisite-input-group input:focus,.session-section .edit-prerequisites .topic-input-group input:focus,.session-section .edit-prerequisites .prerequisite-input-group input:focus{outline:none;border-color:var(--highlight-color)}.session-section .edit-topics .topic-input-group .remove-button,.session-section .edit-topics .prerequisite-input-group .remove-button,.session-section .edit-prerequisites .topic-input-group .remove-button,.session-section .edit-prerequisites .prerequisite-input-group .remove-button{padding:.25rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.session-section .edit-topics .topic-input-group .remove-button:hover,.session-section .edit-topics .prerequisite-input-group .remove-button:hover,.session-section .edit-prerequisites .topic-input-group .remove-button:hover,.session-section .edit-prerequisites .prerequisite-input-group .remove-button:hover{color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626)}.session-section .edit-topics .topic-input-group .remove-button:disabled,.session-section .edit-topics .prerequisite-input-group .remove-button:disabled,.session-section .edit-prerequisites .topic-input-group .remove-button:disabled,.session-section .edit-prerequisites .prerequisite-input-group .remove-button:disabled{opacity:.5;cursor:not-allowed}.session-section .edit-topics .add-button,.session-section .edit-prerequisites .add-button{align-self:flex-start;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;margin-top:.75rem;transition:all .3s ease;font-weight:500}.session-section .edit-topics .add-button svg,.session-section .edit-prerequisites .add-button svg{color:var(--highlight-color);transition:transform .3s ease}.session-section .edit-topics .add-button:hover,.session-section .edit-prerequisites .add-button:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 3px 6px var(--shadow-color)}.session-section .edit-topics .add-button:hover svg,.session-section .edit-prerequisites .add-button:hover svg{transform:rotate(90deg)}.session-section .edit-topics .add-button:active,.session-section .edit-prerequisites .add-button:active{transform:translateY(0)}.session-section .topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:.5rem}.session-section .topics-grid .topic-item{background-color:var(--background-secondary);color:var(--headline-color);padding:.75rem 1rem;border-radius:var(--border-radius);display:flex;align-items:center}.session-section .topics-grid .topic-item:before{content:"•";color:var(--highlight-color);margin-right:.5rem;font-size:1.5rem;line-height:0}.session-section .prerequisites-list{padding-left:1.25rem;margin:.5rem 0 0;list-style-type:"✓"}.session-section .prerequisites-list li{margin-bottom:.75rem;color:var(--paragraph-color);line-height:1.5;padding-left:.75rem}.session-section .prerequisites-list li:last-child{margin-bottom:0}.session-section .session-video-section{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin:1.5rem 0;border:1.5px dashed var(--highlight-color)}.session-section .session-video-section h3{margin:0 0 1.5rem;font-size:1.2rem;color:var(--headline-color)}.session-section .session-video-section h3:after{display:none}.session-section .session-video-section .video-player-container{width:100%;max-width:100%;border-radius:var(--border-radius);overflow:hidden;background-color:#000;box-shadow:0 4px 12px #00000026}.session-section .session-video-section .video-missing{margin:0;color:var(--warning-color, #f59e0b);font-weight:600;padding:1rem;background-color:rgba(var(--warning-color-rgb, 245, 158, 11),.1);border-radius:var(--border-radius);text-align:center}.session-section .resources-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.session-section .resources-list .resource-card{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative}.session-section .resources-list .resource-card:hover{border-color:var(--highlight-color);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.session-section .resources-list .resource-card:hover .download-icon{opacity:1;transform:translateY(0);color:var(--highlight-color)}.session-section .resources-list .resource-card .resource-type{min-width:60px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--background-secondary);color:var(--highlight-color);padding:.25rem .5rem;border-radius:4px;margin-right:1rem;font-weight:600;font-size:.8rem}.session-section .resources-list .resource-card .resource-info{flex:1}.session-section .resources-list .resource-card .resource-info h4{margin:0 0 .25rem;color:var(--headline-color);font-size:.95rem}.session-section .resources-list .resource-card .resource-info .resource-description{font-size:.85rem;color:var(--paragraph-color);line-height:1.4;margin:0 0 .5rem}.session-section .resources-list .resource-card .resource-info .file-meta,.session-section .resources-list .resource-card .resource-info .link-meta{display:flex;align-items:center;gap:.5rem}.session-section .resources-list .resource-card .resource-info .resource-size,.session-section .resources-list .resource-card .resource-info .file-name{font-size:.8rem;color:var(--paragraph-color)}.session-section .resources-list .resource-card .resource-info .link-meta{color:var(--highlight-color)}.session-section .resources-list .resource-card .resource-info .link-meta span{font-weight:500}.session-section .resources-list .resource-card .download-icon{margin-left:1rem;color:var(--paragraph-color);opacity:.6;transition:all .3s ease;transform:translateY(5px)}.session-section .resources-view{display:flex;flex-direction:column;gap:2rem}.session-section .no-resources{padding:2rem;text-align:center;color:var(--paragraph-color);background-color:var(--background-secondary);border-radius:var(--border-radius);margin:1rem 0;font-style:italic}.session-resources-edit .session-video-upload{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;border:2px solid var(--highlight-color);box-shadow:0 4px 12px var(--shadow-color)}.session-resources-edit .session-video-upload h3{margin:0 0 1.5rem;font-size:1.25rem;color:var(--headline-color);padding-bottom:.75rem;border-bottom:2px solid var(--highlight-color);display:inline-block;padding-bottom:.5rem}.session-resources-edit .session-video-upload .video-upload-container{display:flex;flex-direction:column;gap:1.5rem}.session-resources-edit .session-video-upload .upload-section h4,.session-resources-edit .session-video-upload .link-section h4{margin:0 0 1rem;font-size:1rem;color:var(--headline-color);display:flex;align-items:center;gap:.5rem}.session-resources-edit .session-video-upload .upload-section h4:before,.session-resources-edit .session-video-upload .link-section h4:before{content:"";width:4px;height:16px;background-color:var(--highlight-color);border-radius:2px}.session-resources-edit .session-video-upload .video-link-form{display:flex;gap:.75rem}.session-resources-edit .session-video-upload .video-link-form .video-link-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;transition:all .3s ease}.session-resources-edit .session-video-upload .video-link-form .video-link-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.session-resources-edit .session-video-upload .video-link-form .video-link-input::placeholder{color:var(--paragraph-color);opacity:.7}.session-resources-edit .session-video-upload .video-link-form .add-video-link-btn{padding:.75rem 1.25rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.session-resources-edit .session-video-upload .video-link-form .add-video-link-btn:hover{background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.session-resources-edit .session-video-upload .video-link-form .add-video-link-btn:active{transform:translateY(0)}.session-resources-edit .session-video-upload .current-video-preview h4{margin:0 0 .75rem;font-size:1rem;color:var(--headline-color)}.session-resources-edit .session-video-upload .current-video-preview .video-player-container{width:100%;max-width:auto;border-radius:var(--border-radius);overflow:hidden;background-color:#000}.session-resources-edit .session-video-upload .current-video-info{margin-top:1rem;padding:1rem;background-color:var(--background-primary);border-radius:var(--border-radius);border:1px solid var(--success-color, #22c55e)}.session-resources-edit .session-video-upload .current-video-info .video-status{margin:0 0 .5rem;color:var(--success-color, #22c55e);font-weight:600}.session-resources-edit .session-video-upload .current-video-info .video-link{color:var(--highlight-color);text-decoration:none;font-weight:500}.session-resources-edit .session-video-upload .current-video-info .video-link:hover{text-decoration:underline}.session-resources-edit .add-resource-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background-color:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500;font-size:1rem;margin-bottom:1.5rem}.session-resources-edit .add-resource-btn:hover{background-color:var(--main-color);border-color:var(--highlight-color);color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.session-resources-edit .add-resource-btn:hover svg{transform:rotate(90deg)}.session-resources-edit .add-resource-btn svg{color:var(--highlight-color);transition:transform .3s ease}.session-resources-edit .add-resource-section{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color)}.session-resources-edit .add-resource-section h3{margin:0 0 1.5rem;font-size:1.25rem;color:var(--headline-color);padding-bottom:.75rem;border-bottom:2px solid var(--highlight-color);display:inline-block;padding-bottom:.5rem}.session-resources-edit .add-resource-section .upload-section,.session-resources-edit .add-resource-section .link-section{margin-bottom:2rem}.session-resources-edit .add-resource-section .upload-section:last-child,.session-resources-edit .add-resource-section .link-section:last-child{margin-bottom:1.5rem}.session-resources-edit .add-resource-section .upload-section h4,.session-resources-edit .add-resource-section .link-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--headline-color);display:flex;align-items:center;gap:.5rem}.session-resources-edit .add-resource-section .upload-section h4:before,.session-resources-edit .add-resource-section .link-section h4:before{content:"";width:4px;height:20px;background-color:var(--highlight-color);border-radius:2px}.session-resources-edit .add-resource-section .link-form{display:flex;flex-direction:column;gap:.75rem}.session-resources-edit .add-resource-section .link-form input{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;transition:all .3s ease}.session-resources-edit .add-resource-section .link-form input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.session-resources-edit .add-resource-section .link-form input::placeholder{color:var(--paragraph-color);opacity:.7}.session-resources-edit .add-resource-section .link-form .add-link-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.session-resources-edit .add-resource-section .link-form .add-link-btn:hover{background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.session-resources-edit .add-resource-section .link-form .add-link-btn:active{transform:translateY(0)}.session-resources-edit .add-resource-section .cancel-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500}.session-resources-edit .add-resource-section .cancel-add-btn:hover{background-color:var(--main-color);border-color:var(--highlight-color);color:var(--highlight-color)}.session-resources-edit .existing-resources h3{margin:0 0 1rem;font-size:1.25rem;color:var(--headline-color);padding-bottom:.75rem;border-bottom:2px solid var(--highlight-color)}.session-resources-edit .existing-resources .resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.session-resources-edit .existing-resources .resources-grid .resource-item{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.session-resources-edit .existing-resources .resources-grid .resource-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow-color);border-color:var(--highlight-color)}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-header .resource-type-badge{background-color:var(--highlight-color);color:var(--button-text);padding:.25rem .75rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:600}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-header .remove-resource-btn{padding:.25rem;background-color:transparent;border:none;color:var(--paragraph-color);cursor:pointer;border-radius:4px;transition:all .2s ease;font-weight:600;color:var(--headline-color);line-height:1.3;margin-bottom:auto}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-header .remove-resource-btn:hover{background-color:#dc26261a;color:var(--error-color, #dc2626)}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--headline-color);line-height:1.3}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-description{margin:.75rem 0;font-size:.9rem;color:var(--paragraph-color);line-height:1.4}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;color:var(--paragraph-color)}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-meta .file-name{font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-resources-edit .existing-resources .resources-grid .resource-item .resource-meta .external-link{display:flex;align-items:center;gap:.25rem;color:var(--highlight-color)}.session-resources-edit .existing-resources .resources-grid .resource-item .download-resource-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500;justify-content:center}.session-resources-edit .existing-resources .resources-grid .resource-item .download-resource-btn:hover{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.session-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.session-details .detail-group{background-color:var(--background-secondary);padding:1.25rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.session-details .detail-group h3{margin:0 0 .5rem;font-size:.9rem;color:var(--paragraph-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.session-details .detail-group p,.session-details .detail-group a{margin:0;font-size:1.1rem;color:var(--headline-color);font-weight:600}.session-details .detail-group a.meeting-link{color:var(--highlight-color);text-decoration:none;word-break:break-all}.session-details .detail-group a.meeting-link:hover{text-decoration:underline}.session-details .detail-group .meeting-link-input{width:100%;background:var(--background-primary);border:1px solid var(--border-color);color:var(--headline-color);padding:.5rem;border-radius:var(--border-radius)}.session-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.session-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:var(--border-radius)}.session-header .back-button:hover{background-color:var(--background-secondary);color:var(--highlight-color)}.session-header .header-actions{display:flex;gap:.75rem}.session-header .header-actions .status-button,.session-header .header-actions .edit-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500}.session-header .header-actions .status-button:hover,.session-header .header-actions .edit-button:hover{background-color:var(--main-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.session-header .header-actions .status-button:disabled,.session-header .header-actions .edit-button:disabled{opacity:.6;cursor:not-allowed}.session-header .header-actions .status-button.published{background-color:var(--success-color-light, #dcfce7);color:var(--success-color, #16a34a);border-color:var(--success-color, #16a34a)}.session-header .header-actions .status-button.draft{background-color:var(--warning-color-light, #fef9c3);color:var(--warning-color, #f59e0b);border-color:var(--warning-color, #f59e0b)}.session-header .header-actions .edit-button.active{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}.session-banner{position:relative;height:320px;border-radius:var(--border-radius);margin-bottom:2rem;overflow:hidden;background-size:cover;background-position:center}.session-banner .banner-img{position:absolute;top:0;left:0;width:100%;height:100%}.session-banner .banner-img .img-container{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.session-banner .banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#000c);z-index:1}.session-banner .banner-controls{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;flex-direction:column;align-items:flex-end}.session-banner .banner-controls .image-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#0009;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);color:#fff;cursor:pointer;transition:all .3s ease}.session-banner .banner-controls .image-button:hover{background-color:#000c}.session-banner .banner-controls .upload-ui{margin-top:.5rem;background-color:#000000b3;padding:1rem;border-radius:var(--border-radius);width:250px;display:flex;flex-direction:column;gap:.75rem}.session-banner .banner-controls .upload-ui .hidden-file-input{display:none}.session-banner .banner-controls .upload-ui .select-file-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem 1rem;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.session-banner .banner-controls .upload-ui .select-file-button:hover{background-color:#ffffff40;transform:translateY(-2px)}.session-banner .banner-controls .upload-ui .select-file-button svg{width:16px;height:16px}.session-banner .banner-controls .upload-ui .selected-file-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background-color:#ffffff1a;padding:.75rem;border-radius:var(--border-radius)}.session-banner .banner-controls .upload-ui .selected-file-info span{color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.session-banner .banner-controls .upload-ui .upload-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--highlight-color);border:none;border-radius:var(--border-radius);color:var(--button-text);cursor:pointer;transition:background-color .3s ease;font-size:.9rem;font-weight:500}.session-banner .banner-controls .upload-ui .upload-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.session-banner .banner-controls .upload-ui .upload-button:disabled{opacity:.6;cursor:not-allowed}.session-banner .banner-controls .upload-ui .upload-progress{margin-top:.5rem;height:6px;background-color:#fff3;border-radius:3px;overflow:hidden}.session-banner .banner-controls .upload-ui .upload-progress .upload-progress-bar{height:100%;background-color:var(--highlight-color);transition:width .3s ease}.session-banner .banner-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;color:#fff;z-index:5}.session-banner .banner-content .title-input,.session-banner .banner-content .course-input,.session-banner .banner-content .instructor-input{display:block;background-color:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 0;margin-bottom:1.25rem;width:100%;max-width:600px;font-family:var(--font-tajawal);transition:all .3s ease}.session-banner .banner-content .title-input::placeholder,.session-banner .banner-content .course-input::placeholder,.session-banner .banner-content .instructor-input::placeholder{color:#ffffffb3}.session-banner .banner-content .title-input:focus,.session-banner .banner-content .course-input:focus,.session-banner .banner-content .instructor-input:focus{outline:none;border-bottom-color:var(--highlight-color);box-shadow:none}.session-banner .banner-content .instructor-input-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:15px}.session-banner .banner-content .instructor-input-wrapper .instructor-input,.session-banner .banner-content .instructor-input-wrapper .course-input{margin-bottom:0}.session-banner .banner-content .title-input{font-size:2rem;font-weight:600;padding:.5rem 0}.session-banner .banner-content .instructor-input{font-size:1.1rem;opacity:.9}.session-banner .banner-content h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.session-banner .banner-content .instructor{margin:0 0 1rem;font-size:1.1rem;opacity:.9}.session-banner .banner-content .session-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.5rem}.session-banner .banner-content .session-meta .meta-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.session-banner .banner-content .session-meta .meta-item svg{opacity:1;color:var(--highlight-color)}.session-banner .banner-content .session-meta .meta-item .today-badge{background-color:var(--warning-color, #ff9800);color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;margin-left:.5rem}.session-banner .banner-content .session-meta .meta-item input,.session-banner .banner-content .session-meta .meta-item select{background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 0;border-radius:0;width:auto;min-width:120px;font-family:var(--font-tajawal);transition:all .3s ease}.session-banner .banner-content .session-meta .meta-item input:focus,.session-banner .banner-content .session-meta .meta-item select:focus{outline:none;border-bottom-color:var(--highlight-color);box-shadow:none}.session-banner .banner-content .session-meta .meta-item input::placeholder,.session-banner .banner-content .session-meta .meta-item select::placeholder{color:#ffffffb3}.session-banner .banner-content .session-meta .meta-item .duration-input{margin-left:10px;width:120px}.instructor-card h3{margin:0 0 1rem;font-size:1.25rem;color:var(--headline-color)}.instructor-card .edit-instructor-info textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;resize:vertical;line-height:1.6}.instructor-card .edit-instructor-info textarea:focus{outline:none;border-color:var(--highlight-color)}.instructor-card .instructor-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.instructor-card .instructor-info .instructor-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color)}.instructor-card .instructor-info .instructor-avatar img{width:100%;height:100%;object-fit:cover}.instructor-card .instructor-info .instructor-details h4{margin:.25rem 0;color:var(--headline-color);font-size:1.1rem}.instructor-card .instructor-info .instructor-details p{margin:0;color:var(--paragraph-color);font-size:.9rem}.instructor-card .instructor-bio{margin:0 0 1.5rem;color:var(--paragraph-color);font-size:.9rem;line-height:1.6;white-space:pre-line}.instructor-card .view-profile{width:100%;padding:.75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--headline-color);font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px var(--shadow-color)}.instructor-card .view-profile:hover{background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.live-session-form-page{max-width:1200px;margin:0 auto;padding:2rem;background-color:var(--background-secondary)}.live-session-form-page .form-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.live-session-form-page .form-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:var(--border-radius);width:max-content}.live-session-form-page .form-header .back-button:hover{background-color:var(--background-secondary);color:var(--highlight-color)}.live-session-form-page .form-header h1{margin:0;color:var(--headline-color);font-size:2rem}.live-session-form-page .error-message{background-color:#f443361a;border-left:4px solid #f44336;padding:1rem;margin-bottom:1.5rem;border-radius:var(--border-radius)}.live-session-form-page .error-message p{color:#d32f2f;margin:0}.live-session-form-page .session-form{display:flex;flex-direction:column;gap:2rem}.live-session-form-page .session-form .hidden-input{display:none!important}.live-session-form-page .session-form .form-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 992px){.live-session-form-page .session-form .form-grid{grid-template-columns:1fr}}.live-session-form-page .session-form .form-section{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px var(--shadow-color);padding:2rem;margin-bottom:2rem}.live-session-form-page .session-form .form-section h2{margin:0 0 2rem;color:var(--headline-color);font-size:1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.live-session-form-page .session-form .form-group{margin-bottom:1.25rem}.live-session-form-page .session-form .form-group label{display:block;margin-bottom:.5rem;color:var(--headline-color);font-weight:500;font-size:.95rem}.live-session-form-page .session-form .form-group input[type=text],.live-session-form-page .session-form .form-group input[type=number],.live-session-form-page .session-form .form-group input[type=date],.live-session-form-page .session-form .form-group input[type=time],.live-session-form-page .session-form .form-group select,.live-session-form-page .session-form .form-group textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-size:.95rem;transition:all .2s ease-in-out}.live-session-form-page .session-form .form-group input[type=text]:focus,.live-session-form-page .session-form .form-group input[type=number]:focus,.live-session-form-page .session-form .form-group input[type=date]:focus,.live-session-form-page .session-form .form-group input[type=time]:focus,.live-session-form-page .session-form .form-group select:focus,.live-session-form-page .session-form .form-group textarea:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px var(--highlight-color-transparent, rgba(0, 123, 255, .2))}.live-session-form-page .session-form .form-group input[type=text]::placeholder,.live-session-form-page .session-form .form-group input[type=number]::placeholder,.live-session-form-page .session-form .form-group input[type=date]::placeholder,.live-session-form-page .session-form .form-group input[type=time]::placeholder,.live-session-form-page .session-form .form-group select::placeholder,.live-session-form-page .session-form .form-group textarea::placeholder{color:var(--paragraph-color);opacity:.6}.live-session-form-page .session-form .form-group input[type=text]:disabled,.live-session-form-page .session-form .form-group input[type=number]:disabled,.live-session-form-page .session-form .form-group input[type=date]:disabled,.live-session-form-page .session-form .form-group input[type=time]:disabled,.live-session-form-page .session-form .form-group select:disabled,.live-session-form-page .session-form .form-group textarea:disabled{background-color:var(--background-secondary);cursor:not-allowed}.live-session-form-page .session-form .form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.live-session-form-page .session-form .form-group.session-type .session-type-buttons{display:flex;gap:1rem;margin-top:.5rem}.live-session-form-page .session-form .form-group.session-type .session-type-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--paragraph-color);font-weight:500;cursor:pointer;transition:all .2s ease}.live-session-form-page .session-form .form-group.session-type .session-type-buttons button:hover:not(.active){transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.live-session-form-page .session-form .form-group.session-type .session-type-buttons button.active{transform:translateY(-2px);box-shadow:0 4px 10px #00000026;border-color:var(--highlight-color);background-color:var(--highlight-color-transparent, rgba(0, 123, 255, .1));color:var(--highlight-color)}.live-session-form-page .session-form .form-group.session-type .session-type-buttons button:first-child.active{border-color:#f44336;background-color:#f443361a;color:#f44336}.live-session-form-page .session-form .form-group.session-type .session-type-buttons button:nth-child(2).active{border-color:#4caf50;background-color:#4caf501a;color:#4caf50}.live-session-form-page .session-form .form-group.session-type .session-type-buttons button:last-child.active{border-color:#2196f3;background-color:#2196f31a;color:#2196f3}@media (max-width: 576px){.live-session-form-page .session-form .form-group.session-type .session-type-buttons{flex-direction:column}}.live-session-form-page .session-form .form-group.video-upload-container .upload-section,.live-session-form-page .session-form .form-group.video-upload-container .link-section{margin-bottom:1.5rem}.live-session-form-page .session-form .form-group.video-upload-container .upload-section h4,.live-session-form-page .session-form .form-group.video-upload-container .link-section h4{margin:0 0 1rem;font-size:1rem;color:var(--headline-color);display:flex;align-items:center;gap:.5rem}.live-session-form-page .session-form .form-group.video-upload-container .upload-section h4:before,.live-session-form-page .session-form .form-group.video-upload-container .link-section h4:before{content:"";width:4px;height:16px;background-color:var(--highlight-color);border-radius:2px}.live-session-form-page .session-form .form-group.video-upload-container .video-link-form{display:flex;gap:.75rem}.live-session-form-page .session-form .form-group.video-upload-container .video-link-form .video-link-input{flex:1;padding:.85rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-size:.95rem;transition:all .2s ease-in-out}.live-session-form-page .session-form .form-group.video-upload-container .video-link-form .video-link-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px var(--highlight-color-transparent, rgba(0, 123, 255, .2))}.live-session-form-page .session-form .form-group.video-upload-container .video-link-form .video-link-input::placeholder{color:var(--paragraph-color);opacity:.6}.live-session-form-page .session-form .form-group.video-upload-container .video-preview{margin-top:1.5rem;padding:1rem;background-color:var(--background-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.live-session-form-page .session-form .form-group.video-upload-container .video-preview h4{margin:0 0 1rem;font-size:1rem;color:var(--headline-color)}.live-session-form-page .session-form .form-group.video-upload-container .video-preview .video-player{width:100%;max-width:100%;border-radius:var(--border-radius);background-color:#000}.live-session-form-page .session-form .form-group.video-upload-container .video-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2.5rem;text-align:center;margin-bottom:1rem;min-height:200px}.live-session-form-page .session-form .form-group.video-upload-container .video-upload-area svg{color:var(--paragraph-color);margin-bottom:1rem}.live-session-form-page .session-form .form-group.video-upload-container .video-upload-area p{color:var(--paragraph-color);margin:0 0 1.25rem;font-size:.95rem}.live-session-form-page .session-form .form-group.video-upload-container .video-upload-area .video-upload-button{background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;transition:background-color .2s}.live-session-form-page .session-form .form-group.video-upload-container .video-upload-area .video-upload-button:hover{background-color:var(--highlight-hover, #0056b3)}.live-session-form-page .session-form .form-group.video-upload-container .video-preview{margin-top:1rem}.live-session-form-page .session-form .form-group.video-upload-container .video-preview .video-player{width:100%;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.live-session-form-page .session-form .form-group.video-upload-container .video-preview .change-video-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;font-weight:500;transition:all .2s ease}.live-session-form-page .session-form .form-group.video-upload-container .video-preview .change-video-button:hover{background-color:var(--highlight-color-transparent, rgba(0, 123, 255, .1));color:var(--highlight-color);border-color:var(--highlight-color)}.live-session-form-page .session-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.live-session-form-page .session-form .topic-input-row{display:flex;gap:.75rem;margin-bottom:.75rem}.live-session-form-page .session-form .topic-input-row input{flex:1}.live-session-form-page .session-form .topic-input-row .remove-button{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 .75rem}.live-session-form-page .session-form .topic-input-row .remove-button:hover:not(:disabled){background-color:#ffebee;color:#f44336;border-color:#f44336}.live-session-form-page .session-form .topic-input-row .remove-button:disabled{opacity:.5;cursor:not-allowed}.live-session-form-page .session-form .add-button{background-color:var(--background-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius);color:var(--highlight-color);cursor:pointer;padding:.75rem;width:100%;font-weight:500;transition:all .2s ease}.live-session-form-page .session-form .add-button:hover{background-color:var(--highlight-color-transparent, rgba(0, 123, 255, .1));border-color:var(--highlight-color)}.live-session-form-page .session-form .image-upload-area .image-preview{position:relative;width:100%;border-radius:var(--border-radius);overflow:hidden;margin-bottom:1rem}.live-session-form-page .session-form .image-upload-area .image-preview img{width:100%;height:auto;display:block}.live-session-form-page .session-form .image-upload-area .image-preview .change-image-button{position:absolute;bottom:1rem;right:1rem;background-color:#000000b3;color:#fff;border:none;border-radius:var(--border-radius);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem}.live-session-form-page .session-form .image-upload-area .image-preview .change-image-button:hover{background-color:var(--highlight-color)}.live-session-form-page .session-form .image-upload-area .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease}.live-session-form-page .session-form .image-upload-area .upload-placeholder:hover{border-color:var(--highlight-color);background-color:var(--highlight-color-transparent)}.live-session-form-page .session-form .image-upload-area .upload-placeholder svg{color:var(--paragraph-color);margin-bottom:1rem}.live-session-form-page .session-form .image-upload-area .upload-placeholder p{color:var(--paragraph-color);margin:0 0 1rem}.live-session-form-page .session-form .image-upload-area .upload-placeholder .upload-button{background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.65rem 1.25rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.live-session-form-page .session-form .image-upload-area .upload-placeholder .upload-button:hover{background-color:var(--highlight-hover, #0056b3)}.live-session-form-page .session-form .image-upload-area .selected-file{margin-top:1rem}.live-session-form-page .session-form .image-upload-area .selected-file p{margin:0 0 .5rem;color:var(--paragraph-color);font-size:.9rem}.live-session-form-page .session-form .image-upload-area .selected-file:hover{background-color:var(--highlight-hover, #0056b3)}.live-session-form-page .session-form .upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;margin-bottom:1rem}.live-session-form-page .session-form .upload-area svg{color:var(--paragraph-color);margin-bottom:1rem}.live-session-form-page .session-form .upload-area p{color:var(--paragraph-color);margin:0 0 1rem}.live-session-form-page .session-form .upload-area .upload-button{background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.65rem 1.25rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.live-session-form-page .session-form .upload-area .upload-button:hover{background-color:var(--highlight-hover, #0056b3)}.live-session-form-page .session-form .video-preview{margin-bottom:1rem}.live-session-form-page .session-form .video-preview .video-player{width:100%;border-radius:var(--border-radius);margin-bottom:1rem}.live-session-form-page .session-form .video-preview .change-video-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;font-weight:500}.live-session-form-page .session-form .video-preview .change-video-button:hover{background-color:var(--highlight-color-transparent, rgba(0, 123, 255, .1));color:var(--highlight-color);border-color:var(--highlight-color)}.live-session-form-page .session-form .progress-bar{height:8px;background-color:var(--background-secondary);border-radius:4px;margin-top:.5rem;position:relative;overflow:hidden}.live-session-form-page .session-form .progress-bar .progress-fill{height:100%;background-color:var(--highlight-color);border-radius:4px}.live-session-form-page .session-form .progress-bar span{position:absolute;right:0;top:-18px;font-size:.8rem;color:var(--paragraph-color)}.live-session-form-page .session-form .visibility-toggle .toggle-switch{position:relative;display:flex;align-items:center;gap:1rem;cursor:pointer}.live-session-form-page .session-form .visibility-toggle .toggle-switch input{opacity:0;width:0;height:0}.live-session-form-page .session-form .visibility-toggle .toggle-switch input:checked+.toggle-slider{background-color:var(--highlight-color)}.live-session-form-page .session-form .visibility-toggle .toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.live-session-form-page .session-form .visibility-toggle .toggle-switch .toggle-slider{position:relative;display:inline-block;width:48px;height:26px;background-color:var(--paragraph-color);border-radius:34px;transition:.4s;flex-shrink:0}.live-session-form-page .session-form .visibility-toggle .toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s}.live-session-form-page .session-form .visibility-toggle .toggle-switch .toggle-labels{display:flex;flex-direction:column}.live-session-form-page .session-form .visibility-toggle .toggle-switch .toggle-labels .toggle-text{display:flex;align-items:center;gap:.5rem;color:var(--headline-color);font-weight:500;margin-bottom:.25rem}.live-session-form-page .session-form .visibility-toggle .toggle-switch .toggle-labels .toggle-description{color:var(--paragraph-color);font-size:.85rem;margin:0}.live-session-form-page .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.live-session-form-page .form-actions button{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.live-session-form-page .form-actions .cancel-button{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color)}.live-session-form-page .form-actions .cancel-button:hover{background-color:var(--background-hover, #f5f5f5)}.live-session-form-page .form-actions .save-button{background-color:var(--highlight-color);border:1px solid var(--highlight-color);color:#fff}.live-session-form-page .form-actions .save-button:hover:not(:disabled){background-color:var(--highlight-hover, #0056b3)}.live-session-form-page .form-actions .save-button:disabled{opacity:.6;cursor:not-allowed}.live-session-form-page .form-actions .save-button .spinner.small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.live-session-form-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.live-session-form-page .loading-container .spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--highlight-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.live-session-form-page .loading-container p{color:var(--paragraph-color)}@keyframes spin{to{transform:rotate(360deg)}}.review-details-container{max-width:1200px;margin:0 auto;padding:1.5rem}.review-details-container .back-navigation{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.review-details-container .back-navigation .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;transition:color .2s ease}.review-details-container .back-navigation .back-button:hover{color:var(--highlight-color)}.review-details-container .back-navigation .admin-actions{display:flex;gap:.75rem}.review-details-container .back-navigation .admin-actions button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--border-radius);background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color);cursor:pointer;transition:all .2s ease}.review-details-container .back-navigation .admin-actions button.edit-button:hover{background-color:var(--main-color);color:var(--highlight-color);border-color:var(--highlight-color)}.review-details-container .back-navigation .admin-actions button.delete-button:hover{background-color:#dc26261a;color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626)}.review-details-container .back-navigation .admin-actions button.delete-button.confirm{background-color:var(--error-color, #dc2626);color:#fff;border-color:var(--error-color, #dc2626)}.review-details-container .review-details-header{border-radius:var(--border-radius);background-position:center;background-size:cover;margin-bottom:2rem;overflow:hidden}.review-details-container .review-details-header .header-content{padding:3rem 2rem}@media (max-width: 768px){.review-details-container .review-details-header .header-content{padding:2rem 1.5rem}}.review-details-container .review-details-header .header-content .review-badges{display:flex;gap:.75rem;margin-bottom:1.5rem}.review-details-container .review-details-header .header-content .review-badges .type-badge,.review-details-container .review-details-header .header-content .review-badges .course-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff}.review-details-container .review-details-header .header-content .review-badges .course-badge{background-color:#fff3}.review-details-container .review-details-header .header-content h1{color:#fff;font-size:2.5rem;margin:0 0 .75rem;max-width:800px}@media (max-width: 768px){.review-details-container .review-details-header .header-content h1{font-size:1.75rem}}.review-details-container .review-details-header .header-content .instructor{color:#ffffffe6;margin:0 0 1.5rem;font-size:1.2rem}@media (max-width: 768px){.review-details-container .review-details-header .header-content .instructor{font-size:1rem}}.review-details-container .review-details-header .header-content .countdown-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#ffffff26;padding:.5rem 1rem;border-radius:20px;color:#fff;font-size:.9rem}.review-details-container .review-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.review-details-container .review-info-grid .info-card{display:flex;align-items:center;padding:1.25rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 6px var(--shadow-color)}.review-details-container .review-info-grid .info-card .icon{margin-right:1rem;color:var(--highlight-color)}.review-details-container .review-info-grid .info-card .info-content{display:flex;flex-direction:column}.review-details-container .review-info-grid .info-card .info-content .label{font-size:.9rem;color:var(--paragraph-color)}.review-details-container .review-info-grid .info-card .info-content .value{font-size:1.1rem;color:var(--headline-color);font-weight:500}.review-details-container .review-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 992px){.review-details-container .review-content{grid-template-columns:1fr}}.review-details-container .review-content .main-content>div,.review-details-container .review-content .side-content>div{background-color:var(--background-primary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 6px var(--shadow-color)}.review-details-container .review-content .main-content>div:last-child,.review-details-container .review-content .side-content>div:last-child{margin-bottom:0}.review-details-container .review-content h2{font-size:1.5rem;margin:0 0 1rem;color:var(--headline-color);position:relative;padding-bottom:.75rem}.review-details-container .review-content h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--highlight-color);border-radius:3px}.review-details-container .review-content .description-section p,.review-details-container .review-content .instructions-section p{color:var(--paragraph-color);line-height:1.7;margin:0}.review-details-container .review-content .instructions-section{margin-top:1.5rem}.review-details-container .review-content .topics-section .topics-list{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.review-details-container .review-content .topics-section .topics-list li{padding:.75rem 1rem;color:var(--paragraph-color);background-color:var(--background-secondary);border-radius:var(--border-radius);display:flex;align-items:center}.review-details-container .review-content .topics-section .topics-list li:before{content:"•";color:var(--highlight-color);margin-right:.75rem;font-size:1.5rem;line-height:0}.review-details-container .review-content .materials-section .no-materials{padding:1rem;text-align:center;color:var(--paragraph-color);background-color:var(--background-secondary);border-radius:var(--border-radius)}.review-details-container .review-content .materials-section .materials-list{display:flex;flex-direction:column;gap:.75rem}.review-details-container .review-content .materials-section .materials-list .material-card{display:flex;align-items:center;padding:1rem;background-color:var(--background-secondary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;text-align:left;border:1px solid var(--border-color)}.review-details-container .review-content .materials-section .materials-list .material-card:hover{background-color:var(--main-color);border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.review-details-container .review-content .materials-section .materials-list .material-card .material-icon{margin-right:1rem;color:var(--highlight-color);flex-shrink:0;display:flex;align-items:center;justify-content:center}.review-details-container .review-content .materials-section .materials-list .material-card .material-info{flex:1;display:flex;flex-direction:column}.review-details-container .review-content .materials-section .materials-list .material-card .material-info .material-name{font-weight:500;color:var(--headline-color);margin-bottom:.25rem}.review-details-container .review-content .materials-section .materials-list .material-card .material-info .material-description{font-size:.85rem;color:var(--paragraph-color);margin-bottom:.5rem;line-height:1.4}.review-details-container .review-content .materials-section .materials-list .material-card .material-info .material-details{display:flex;gap:1rem;font-size:.8rem;color:var(--paragraph-color)}.review-details-container .review-content .materials-section .materials-list .material-card .material-info .material-details .material-type{font-weight:500;color:var(--highlight-color)}.review-details-container .review-content .materials-section .materials-list .material-card .material-info .material-details .external-link-label{display:flex;align-items:center;gap:.25rem;color:var(--highlight-color)}.review-details-container .review-content .materials-section .materials-list .material-card .download-icon{color:var(--paragraph-color);opacity:.7;margin-left:1rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.review-details-container .review-content .materials-section .materials-list .material-card:hover .download-icon{color:var(--highlight-color);opacity:1}.review-details-container .review-content .materials-section .materials-list .material-card:disabled{opacity:.5;cursor:not-allowed}.review-details-container .review-content .materials-section .materials-list .material-card:disabled:hover{transform:none;box-shadow:none;background-color:var(--background-secondary);border-color:var(--border-color)}.review-details-container .review-content .materials-section .materials-list .material-card:disabled:hover .download-icon{color:var(--paragraph-color);opacity:.7}.review-details-container .review-content .related-materials .no-related{padding:1rem;text-align:center;color:var(--paragraph-color);background-color:var(--background-secondary);border-radius:var(--border-radius)}.review-details-container .review-content .related-materials h2{margin-bottom:1rem}.review-details-container .review-content .related-materials .related-list{display:flex;flex-direction:column;gap:.75rem}.review-details-container .review-content .related-materials .related-list .related-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--background-secondary);border:none;border-radius:var(--border-radius);text-align:left;cursor:pointer;transition:all .3s ease}.review-details-container .review-content .related-materials .related-list .related-item .related-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#fff;white-space:nowrap}.review-details-container .review-content .related-materials .related-list .related-item .related-title{flex:1;font-size:.95rem;color:var(--headline-color)}.review-details-container .review-content .related-materials .related-list .related-item:hover{transform:translate(5px);background-color:var(--main-color)}.review-details-container .review-content .questions-section{margin-bottom:2rem}.review-details-container .review-content .questions-section h2{font-size:1.5rem;margin-top:0;margin-bottom:1rem;color:var(--headline-color)}.review-details-container .review-content .questions-section .question-count{color:var(--paragraph-color);font-size:.95rem;margin-bottom:1.5rem}.review-details-container .review-content .questions-section .questions-list{display:flex;flex-direction:column;gap:1.5rem}.review-details-container .review-content .questions-section .questions-list .question-card{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);overflow:hidden}.review-details-container .review-content .questions-section .questions-list .question-card .question-header{background-color:var(--background-secondary);padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-header .question-number{font-weight:600;color:var(--headline-color);font-size:.95rem}.review-details-container .review-content .questions-section .questions-list .question-card .question-header .question-type{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--paragraph-color);padding:.25rem .75rem;background-color:var(--main-color);border-radius:100px}.review-details-container .review-content .questions-section .questions-list .question-card .question-header .question-type svg{color:var(--highlight-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-header .question-points{font-size:.85rem;color:var(--paragraph-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content{padding:1.25rem}.review-details-container .review-content .questions-section .questions-list .question-card .question-content h3{font-size:1.1rem;margin-top:0;margin-bottom:1.25rem;color:var(--headline-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .question-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .question-options .option{display:flex;align-items:center;padding:.75rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background-secondary);cursor:pointer;transition:all .2s ease}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .question-options .option:hover{border-color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb, 0, 123, 255),.05)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .question-options .option.correct{border-color:var(--success-color, #22c55e);background-color:#22c55e1a}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .question-options .option.correct .option-letter,.review-details-container .review-content .questions-section .questions-list .question-card .question-content .question-options .option.correct .option-text{color:var(--success-color, #22c55e)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .question-options .option .option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--main-color);color:var(--paragraph-color);margin-right:1rem;font-weight:600;font-size:.85rem;flex-shrink:0}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .question-options .option .option-text{color:var(--headline-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .code-question{margin-bottom:1.25rem}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .code-question .code-template h4{font-size:.95rem;margin-top:0;margin-bottom:.5rem;color:var(--headline-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .code-question .code-template .code-block{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;overflow-x:auto;font-family:monospace;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap;color:var(--headline-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .answer-explanation{margin-top:1.5rem;padding:1.25rem;background-color:var(--background-secondary);border-radius:var(--border-radius);border-left:3px solid var(--highlight-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .answer-explanation h4{margin-top:0;margin-bottom:1rem;color:var(--headline-color);font-size:1rem}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .answer-explanation .correct-answer{margin-top:0;margin-bottom:1rem;color:var(--success-color, #22c55e);font-weight:500}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .answer-explanation .expected-output{margin-bottom:1rem}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .answer-explanation .expected-output h5{margin-top:0;margin-bottom:.5rem;font-size:.9rem;color:var(--headline-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .answer-explanation .expected-output pre{background-color:var(--main-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem;font-family:monospace;font-size:.85rem;overflow-x:auto;margin:0;color:var(--headline-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .answer-explanation .explanation h5{margin-top:0;margin-bottom:.5rem;font-size:.9rem;color:var(--headline-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-content .answer-explanation .explanation p{margin:0;color:var(--paragraph-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-actions{padding:1rem 1.25rem;background-color:var(--background-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.review-details-container .review-content .questions-section .questions-list .question-card .question-actions .toggle-answer-btn{padding:.5rem 1rem;border-radius:var(--border-radius);border:none;background-color:var(--highlight-color);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.9rem}.review-details-container .review-content .questions-section .questions-list .question-card .question-actions .toggle-answer-btn:hover{background-color:var(--highlight-hover-color, #0056b3)}.review-details-container .review-content .questions-section .questions-list .question-card .question-actions .toggle-answer-btn.showing{background-color:var(--background-primary);color:var(--paragraph-color);border:1px solid var(--border-color)}.review-details-container .review-content .questions-section .questions-list .question-card .question-actions .toggle-answer-btn.showing:hover{color:var(--headline-color);border-color:var(--headline-color)}.review-details-container .review-actions{display:flex;gap:1rem}@media (max-width: 576px){.review-details-container .review-actions{flex-direction:column}}.review-details-container .review-actions button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.review-details-container .review-actions button.primary-btn{background-color:var(--highlight-color);color:var(--button-text);border:none;flex:1}.review-details-container .review-actions button.primary-btn:hover{background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-2px)}.review-details-container .review-actions button.secondary-btn{background-color:var(--background-secondary);color:var(--headline-color);border:1px solid var(--border-color)}.review-details-container .review-actions button.secondary-btn:hover{background-color:var(--background-secondary);color:var(--highlight-color);border-color:var(--highlight-color);transform:translateY(-2px)}.review-details-container .review-actions button:disabled{opacity:.5;cursor:not-allowed}.review-details-container .review-actions button:disabled:hover{transform:none;background-color:var(--highlight-color)}.review-details-container .review-actions .interactive-btn{background-color:var(--accent-color, #9c27b0)}.review-details-container .review-actions .interactive-btn:hover{background-color:var(--accent-hover-color, #7b1fa2)}.review-details-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.review-details-container .loading-container .spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.review-details-container .loading-container p{color:var(--paragraph-color);font-size:1rem}.review-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.review-not-found svg{color:var(--paragraph-color);opacity:.7;margin-bottom:1.5rem}.review-not-found h2{margin:0 0 .75rem;color:var(--headline-color);font-size:1.5rem}.review-not-found p{margin:0 0 2rem;color:var(--paragraph-color);max-width:400px}.review-not-found button{padding:.75rem 1.5rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.review-not-found button:hover{background-color:var(--highlight-hover-color, #0056b3)}@media (max-width: 992px){.review-details-container .review-details-header .header-content h1{font-size:1.8rem}}@media (max-width: 768px){.review-details-container .review-details-header .header-content h1{font-size:1.5rem}.review-details-container .review-details-header .header-content .instructor{font-size:1rem}.review-details-container .review-content .main-content .topics-section .topics-list{grid-template-columns:1fr}.review-details-container .review-content .main-content .questions-section .question-header{flex-direction:column;align-items:flex-start;gap:.5rem}.review-details-container .review-content .main-content .questions-section .question-header .question-type{margin-bottom:.5rem}.review-details-container .review-content .main-content .questions-section .question-content .question-options .option{flex-wrap:wrap}.review-details-container .review-content .main-content .questions-section .question-content .question-options .option .option-letter{margin-bottom:.5rem}}@media (max-width: 576px){.review-details-container .review-details-header .header-content{padding:1.5rem 1rem}.review-details-container .review-details-header .header-content .review-badges{flex-wrap:wrap}.review-details-container .review-details-header .header-content h1{font-size:1.25rem}.review-details-container .review-info-grid{grid-template-columns:1fr}.review-details-container .materials-section .materials-list .material-card .material-info .material-details{flex-direction:column;align-items:flex-start;gap:.25rem}}.review-form{max-width:1200px;margin:0 auto;padding:1.5rem}.review-form .review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.review-form .review-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem;color:var(--paragraph-color);cursor:pointer;transition:color .2s ease}.review-form .review-header .back-button:hover{color:var(--highlight-color)}.review-form .review-header .header-actions{display:flex;gap:1rem}.review-form .review-header .header-actions .status-button,.review-form .review-header .header-actions .save-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.review-form .review-header .header-actions .status-button{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--paragraph-color)}.review-form .review-header .header-actions .status-button.published{background-color:var(--success-color, #22c55e);color:#fff;border-color:var(--success-color, #22c55e)}.review-form .review-header .header-actions .status-button.draft{background-color:var(--warning-color, #f59e0b);color:#fff;border-color:var(--warning-color, #f59e0b)}.review-form .review-header .header-actions .save-button{background-color:var(--highlight-color);border:none;color:var(--button-text)}.review-form .review-header .header-actions .save-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.review-form .review-header .header-actions .save-button:disabled{opacity:.7;cursor:not-allowed}.review-form .review-header .header-actions .save-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--button-text);border-radius:50%;animation:spin 1s linear infinite}.review-form .loading-container,.review-form .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color)}.review-form .loading-container .spinner,.review-form .error-container .spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.review-form .loading-container p,.review-form .error-container p{color:var(--paragraph-color);font-size:1rem}.review-form .form-section{background-color:var(--background-primary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 6px var(--shadow-color)}.review-form .form-section h2{font-size:1.3rem;margin:0 0 1.5rem;color:var(--headline-color);position:relative;padding-bottom:.75rem}.review-form .form-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--highlight-color);border-radius:3px}.review-form .form-section.image-upload-section{padding:0;overflow:hidden}.review-form .form-section.image-upload-section .image-preview{position:relative;height:300px;background-size:cover;background-position:center}.review-form .form-section.image-upload-section .image-preview .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0003,#0009)}.review-form .form-section.image-upload-section .image-preview .image-controls{position:absolute;bottom:2rem;left:2rem;z-index:2}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-button,.review-form .form-section.image-upload-section .image-preview .image-controls .browse-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:#fff3;color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-button:hover,.review-form .form-section.image-upload-section .image-preview .image-controls .browse-button:hover{background-color:#ffffff4d}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-ui{margin-top:1rem;background-color:#00000080;padding:1rem;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-ui .hidden-file-input{display:none}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-ui .selected-file-info{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-top:.75rem}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-ui .selected-file-info span{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-ui .upload-progress{margin-top:.75rem}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-ui .upload-progress .progress-bar{height:6px;background-color:#fff3;border-radius:3px;overflow:hidden}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-ui .upload-progress .progress-bar .progress-fill{height:100%;background-color:var(--highlight-color);border-radius:3px}.review-form .form-section.image-upload-section .image-preview .image-controls .upload-ui .upload-progress .progress-percentage{color:#fff;font-size:.8rem;display:block;text-align:right;margin-top:.25rem}.review-form .form-section.questions-section .empty-questions{text-align:center;padding:2rem;background-color:var(--background-secondary);border-radius:var(--border-radius);color:var(--paragraph-color);font-style:italic}.review-form .form-section.questions-section .questions-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.review-form .form-section.questions-section .questions-list .question-item{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.25rem;border-left:3px solid var(--highlight-color)}.review-form .form-section.questions-section .questions-list .question-item .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.review-form .form-section.questions-section .questions-list .question-item .question-header .question-type-badge{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background-color:var(--main-color);border:1px solid var(--border-color);border-radius:100px;font-size:.85rem;color:var(--paragraph-color)}.review-form .form-section.questions-section .questions-list .question-item .question-header .question-points{font-size:.85rem;color:var(--paragraph-color);font-weight:500}.review-form .form-section.questions-section .questions-list .question-item .question-text{font-size:1.1rem;margin-bottom:1rem;color:var(--headline-color)}.review-form .form-section.questions-section .questions-list .question-item .question-options{margin-bottom:1rem}.review-form .form-section.questions-section .questions-list .question-item .question-options .question-option{display:flex;align-items:center;margin-bottom:.5rem;padding:.5rem .75rem;background-color:var(--main-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}.review-form .form-section.questions-section .questions-list .question-item .question-options .question-option.correct{background-color:#22c55e1a;border-color:var(--success-color, #22c55e)}.review-form .form-section.questions-section .questions-list .question-item .question-options .question-option.correct .option-marker,.review-form .form-section.questions-section .questions-list .question-item .question-options .question-option.correct .option-text,.review-form .form-section.questions-section .questions-list .question-item .question-options .question-option.correct .correct-marker{color:var(--success-color, #22c55e)}.review-form .form-section.questions-section .questions-list .question-item .question-options .question-option .option-marker{font-weight:600;margin-right:.75rem;color:var(--paragraph-color)}.review-form .form-section.questions-section .questions-list .question-item .question-options .question-option .option-text{flex:1;color:var(--paragraph-color)}.review-form .form-section.questions-section .questions-list .question-item .question-options .question-option .correct-marker{font-weight:600;color:var(--success-color, #22c55e)}.review-form .form-section.questions-section .questions-list .question-item .question-code{margin-bottom:1rem}.review-form .form-section.questions-section .questions-list .question-item .question-code .code-details{display:flex;flex-direction:column;gap:1rem}.review-form .form-section.questions-section .questions-list .question-item .question-code .code-details .code-preview h4,.review-form .form-section.questions-section .questions-list .question-item .question-code .code-details .code-expected h4{font-size:.95rem;margin:0 0 .5rem;color:var(--headline-color)}.review-form .form-section.questions-section .questions-list .question-item .question-code .code-details .code-preview pre,.review-form .form-section.questions-section .questions-list .question-item .question-code .code-details .code-expected pre{padding:.75rem;background-color:var(--main-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:auto;font-family:monospace;font-size:.9rem;color:var(--headline-color);white-space:pre-wrap}.review-form .form-section.questions-section .questions-list .question-item .question-explanation{background-color:var(--main-color);padding:.75rem;border-radius:var(--border-radius);margin-bottom:1rem}.review-form .form-section.questions-section .questions-list .question-item .question-explanation h4{font-size:.95rem;margin:0 0 .5rem;color:var(--headline-color)}.review-form .form-section.questions-section .questions-list .question-item .question-explanation p{font-size:.9rem;margin:0;color:var(--paragraph-color)}.review-form .form-section.questions-section .questions-list .question-item .question-actions{display:flex;gap:.75rem;justify-content:flex-end}.review-form .form-section.questions-section .questions-list .question-item .question-actions button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--border-radius);background:none;border:1px solid var(--border-color);font-size:.85rem;cursor:pointer;transition:all .3s ease}.review-form .form-section.questions-section .questions-list .question-item .question-actions button.edit-button{color:var(--highlight-color)}.review-form .form-section.questions-section .questions-list .question-item .question-actions button.edit-button:hover{background-color:var(--highlight-color);border-color:var(--highlight-color);color:var(--button-text)}.review-form .form-section.questions-section .questions-list .question-item .question-actions button.remove-button{color:var(--error-color, #dc2626)}.review-form .form-section.questions-section .questions-list .question-item .question-actions button.remove-button:hover{background-color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626);color:#fff}.review-form .form-section.questions-section .question-form{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-top:1.5rem}.review-form .form-section.questions-section .question-form h3{font-size:1.2rem;margin:0 0 1.25rem;color:var(--headline-color)}.review-form .form-section.questions-section .question-form .question-options-form{margin-bottom:1.5rem}.review-form .form-section.questions-section .question-form .question-options-form>label{display:block;margin-bottom:.75rem;color:var(--headline-color);font-weight:500}.review-form .form-section.questions-section .question-form .question-options-form>label .helper-text{font-weight:400;font-size:.85rem;color:var(--paragraph-color)}.review-form .form-section.questions-section .question-form .question-options-form .option-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.review-form .form-section.questions-section .question-form .question-options-form .option-item .option-radio{display:flex;align-items:center;gap:.4rem}.review-form .form-section.questions-section .question-form .question-options-form .option-item .option-radio input[type=radio]{margin:0}.review-form .form-section.questions-section .question-form .question-options-form .option-item .option-radio label{font-size:.85rem;color:var(--paragraph-color)}.review-form .form-section.questions-section .question-form .question-options-form .option-item .option-text-input{flex:1;padding:.6rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--main-color);color:var(--headline-color)}.review-form .form-section.questions-section .question-form .question-options-form .option-item .option-text-input:focus{outline:none;border-color:var(--highlight-color)}.review-form .form-section.questions-section .question-form .question-options-form .option-item .option-text-input:read-only{background-color:#0000000d;cursor:not-allowed}.review-form .form-section.questions-section .question-form .question-options-form .option-item .remove-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:var(--background-secondary);color:var(--paragraph-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.review-form .form-section.questions-section .question-form .question-options-form .option-item .remove-button:hover{background-color:var(--error-color, #dc2626);color:#fff}.review-form .form-section.questions-section .question-form .question-options-form .option-item .remove-button:disabled{opacity:.5;cursor:not-allowed}.review-form .form-section.questions-section .question-form .question-options-form .option-item .remove-button:disabled:hover{background-color:var(--background-secondary);color:var(--paragraph-color)}.review-form .form-section.questions-section .question-form .question-options-form .true-false-options{margin-top:.75rem}.review-form .form-section.questions-section .question-form .code-input{font-family:monospace;font-size:.95rem;letter-spacing:.5px}.review-form .form-section.questions-section .question-form .question-form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.review-form .form-section.questions-section .question-form .question-form-actions .cancel-button,.review-form .form-section.questions-section .question-form .question-form-actions .save-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.review-form .form-section.questions-section .question-form .question-form-actions .cancel-button{background-color:var(--main-color);color:var(--paragraph-color);border:1px solid var(--border-color)}.review-form .form-section.questions-section .question-form .question-form-actions .cancel-button:hover{background-color:var(--background-primary);color:var(--error-color, #dc2626)}.review-form .form-section.questions-section .question-form .question-form-actions .save-button{background-color:var(--highlight-color);color:var(--button-text);border:none}.review-form .form-section.questions-section .question-form .question-form-actions .save-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.review-form .form-section.questions-section .question-add-button{width:100%;padding:.75rem;justify-content:center}.review-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.review-form .form-group{margin-bottom:1rem}.review-form .form-group label{display:block;margin-bottom:.5rem;color:var(--headline-color);font-weight:500;font-size:.95rem}.review-form .form-group input[type=text],.review-form .form-group input[type=number],.review-form .form-group input[type=date],.review-form .form-group select,.review-form .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--headline-color);font-size:.95rem;transition:border-color .3s ease}.review-form .form-group input[type=text]:focus,.review-form .form-group input[type=number]:focus,.review-form .form-group input[type=date]:focus,.review-form .form-group select:focus,.review-form .form-group textarea:focus{outline:none;border-color:var(--highlight-color)}.review-form .form-group input[type=text]:disabled,.review-form .form-group input[type=number]:disabled,.review-form .form-group input[type=date]:disabled,.review-form .form-group select:disabled,.review-form .form-group textarea:disabled{opacity:.7;cursor:not-allowed}.review-form .form-group textarea{resize:vertical;min-height:100px}.review-form .topics-list .topic-input-group,.review-form .topics-list .material-item,.review-form .materials-list .topic-input-group,.review-form .materials-list .material-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.review-form .topics-list .topic-input-group input,.review-form .topics-list .material-item input,.review-form .materials-list .topic-input-group input,.review-form .materials-list .material-item input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--headline-color)}.review-form .topics-list .topic-input-group input:focus,.review-form .topics-list .material-item input:focus,.review-form .materials-list .topic-input-group input:focus,.review-form .materials-list .material-item input:focus{outline:none;border-color:var(--highlight-color)}.review-form .topics-list .topic-input-group .remove-button,.review-form .topics-list .material-item .remove-button,.review-form .materials-list .topic-input-group .remove-button,.review-form .materials-list .material-item .remove-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:var(--background-secondary);color:var(--paragraph-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.review-form .topics-list .topic-input-group .remove-button:hover,.review-form .topics-list .material-item .remove-button:hover,.review-form .materials-list .topic-input-group .remove-button:hover,.review-form .materials-list .material-item .remove-button:hover{background-color:var(--error-color, #dc2626);color:#fff}.review-form .topics-list .topic-input-group .remove-button:disabled,.review-form .topics-list .material-item .remove-button:disabled,.review-form .materials-list .topic-input-group .remove-button:disabled,.review-form .materials-list .material-item .remove-button:disabled{opacity:.5;cursor:not-allowed}.review-form .topics-list .topic-input-group .remove-button:disabled:hover,.review-form .topics-list .material-item .remove-button:disabled:hover,.review-form .materials-list .topic-input-group .remove-button:disabled:hover,.review-form .materials-list .material-item .remove-button:disabled:hover{background-color:var(--background-secondary);color:var(--paragraph-color)}.review-form .topics-list .material-item,.review-form .materials-list .material-item{align-items:flex-start}.review-form .topics-list .material-item .material-inputs,.review-form .materials-list .material-item .material-inputs{flex:1}.review-form .topics-list .material-item .material-input-group,.review-form .materials-list .material-item .material-input-group{display:flex;gap:.75rem;margin-bottom:.75rem}.review-form .topics-list .material-item .material-input-group input,.review-form .materials-list .material-item .material-input-group input{flex:1}.review-form .topics-list .material-item .material-input-group select,.review-form .materials-list .material-item .material-input-group select{width:150px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-secondary);color:var(--headline-color)}.review-form .topics-list .material-item .material-input-group select:focus,.review-form .materials-list .material-item .material-input-group select:focus{outline:none;border-color:var(--highlight-color)}.review-form .topics-list .material-item .file-info,.review-form .materials-list .material-item .file-info{background-color:var(--background-secondary);padding:.75rem;border-radius:var(--border-radius)}.review-form .topics-list .material-item .file-info .file-name,.review-form .materials-list .material-item .file-info .file-name{display:block;font-weight:500;color:var(--headline-color);margin-bottom:.25rem}.review-form .topics-list .material-item .file-info .file-size,.review-form .materials-list .material-item .file-info .file-size{display:block;font-size:.85rem;color:var(--paragraph-color);margin-bottom:.75rem}.review-form .topics-list .material-item .file-info .file-actions,.review-form .materials-list .material-item .file-info .file-actions{display:flex;gap:.75rem}.review-form .topics-list .material-item .file-info .file-actions button,.review-form .materials-list .material-item .file-info .file-actions button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;border-radius:var(--border-radius);font-size:.85rem;cursor:pointer;transition:all .3s ease}.review-form .topics-list .material-item .file-info .file-actions button.download-button,.review-form .materials-list .material-item .file-info .file-actions button.download-button{background-color:var(--highlight-color);color:var(--button-text)}.review-form .topics-list .material-item .file-info .file-actions button.download-button:hover,.review-form .materials-list .material-item .file-info .file-actions button.download-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.review-form .topics-list .material-item .file-info .file-actions button.delete-button,.review-form .materials-list .material-item .file-info .file-actions button.delete-button{background-color:#dc26261a;color:var(--error-color, #dc2626)}.review-form .topics-list .material-item .file-info .file-actions button.delete-button:hover,.review-form .materials-list .material-item .file-info .file-actions button.delete-button:hover{background-color:var(--error-color, #dc2626);color:#fff}.review-form .topics-list .material-item .file-info .file-actions button.delete-button:disabled,.review-form .materials-list .material-item .file-info .file-actions button.delete-button:disabled{opacity:.5;cursor:not-allowed}.review-form .topics-list .material-item .file-info .file-actions button.delete-button:disabled:hover,.review-form .materials-list .material-item .file-info .file-actions button.delete-button:disabled:hover{background-color:#dc26261a;color:var(--error-color, #dc2626)}.review-form .topics-list .material-item .file-upload-area,.review-form .materials-list .material-item .file-upload-area{background-color:var(--background-secondary);padding:.75rem;border-radius:var(--border-radius)}.review-form .topics-list .material-item .file-upload-area .hidden-file-input,.review-form .materials-list .material-item .file-upload-area .hidden-file-input{display:none}.review-form .topics-list .material-item .file-upload-area .select-file-button,.review-form .materials-list .material-item .file-upload-area .select-file-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--main-color);color:var(--highlight-color);border:1px solid var(--highlight-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;margin-bottom:.75rem}.review-form .topics-list .material-item .file-upload-area .select-file-button:hover,.review-form .materials-list .material-item .file-upload-area .select-file-button:hover{background-color:var(--highlight-color);color:var(--button-text)}.review-form .topics-list .material-item .file-upload-area .external-link-input,.review-form .materials-list .material-item .file-upload-area .external-link-input{margin-top:.75rem}.review-form .topics-list .material-item .file-upload-area .external-link-input label,.review-form .materials-list .material-item .file-upload-area .external-link-input label{display:block;margin-bottom:.5rem;color:var(--paragraph-color);font-size:.85rem}.review-form .topics-list .material-item .file-upload-area .external-link-input input,.review-form .materials-list .material-item .file-upload-area .external-link-input input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color)}.review-form .topics-list .material-item .file-upload-area .external-link-input input:focus,.review-form .materials-list .material-item .file-upload-area .external-link-input input:focus{outline:none;border-color:var(--highlight-color)}.review-form .topics-list .material-item .file-upload-area .selected-file,.review-form .materials-list .material-item .file-upload-area .selected-file{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.review-form .topics-list .material-item .file-upload-area .selected-file .file-name,.review-form .materials-list .material-item .file-upload-area .selected-file .file-name{font-weight:500;color:var(--headline-color);word-break:break-all}.review-form .topics-list .material-item .file-upload-area .selected-file .file-size,.review-form .materials-list .material-item .file-upload-area .selected-file .file-size{color:var(--paragraph-color);font-size:.85rem}.review-form .topics-list .material-item .file-upload-area .selected-file .upload-button,.review-form .materials-list .material-item .file-upload-area .selected-file .upload-button{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.review-form .topics-list .material-item .file-upload-area .selected-file .upload-button:hover,.review-form .materials-list .material-item .file-upload-area .selected-file .upload-button:hover{background-color:var(--highlight-hover-color, #0056b3)}.review-form .topics-list .material-item .file-upload-area .selected-file .upload-button:disabled,.review-form .materials-list .material-item .file-upload-area .selected-file .upload-button:disabled{opacity:.7;cursor:not-allowed}.review-form .topics-list .material-item .file-upload-area .upload-progress,.review-form .materials-list .material-item .file-upload-area .upload-progress{margin-top:.75rem}.review-form .topics-list .material-item .file-upload-area .upload-progress .progress-bar,.review-form .materials-list .material-item .file-upload-area .upload-progress .progress-bar{height:6px;background-color:var(--border-color);border-radius:3px;overflow:hidden}.review-form .topics-list .material-item .file-upload-area .upload-progress .progress-bar .progress-fill,.review-form .materials-list .material-item .file-upload-area .upload-progress .progress-bar .progress-fill{height:100%;background-color:var(--highlight-color);border-radius:3px}.review-form .topics-list .material-item .file-upload-area .upload-progress .progress-percentage,.review-form .materials-list .material-item .file-upload-area .upload-progress .progress-percentage{display:block;text-align:right;margin-top:.25rem;font-size:.8rem;color:var(--paragraph-color)}.review-form .topics-list .add-button,.review-form .materials-list .add-button{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem 1rem;background-color:var(--main-color);color:var(--highlight-color);border:1px dashed var(--highlight-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.review-form .topics-list .add-button:hover,.review-form .materials-list .add-button:hover{background-color:var(--highlight-color);color:var(--button-text);border-style:solid}.review-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.review-form .form-actions .cancel-button,.review-form .form-actions .save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease}.review-form .form-actions .cancel-button{background-color:var(--background-secondary);color:var(--paragraph-color);border:1px solid var(--border-color)}.review-form .form-actions .cancel-button:hover{background-color:var(--main-color);color:var(--error-color, #dc2626);border-color:var(--error-color, #dc2626)}.review-form .form-actions .cancel-button:disabled{opacity:.7;cursor:not-allowed}.review-form .form-actions .save-button{background-color:var(--highlight-color);color:var(--button-text);border:none}.review-form .form-actions .save-button:hover{background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.review-form .form-actions .save-button:active{transform:translateY(0)}.review-form .form-actions .save-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.review-form .review-header{flex-direction:column;align-items:flex-start;gap:1rem}.review-form .review-header .header-actions{width:100%;justify-content:space-between}.review-form .form-actions{flex-direction:column}.review-form .form-actions .cancel-button,.review-form .form-actions .save-button{width:100%;justify-content:center}.review-form .form-section.image-upload-section .image-preview{height:200px}.review-form .material-item .material-input-group{flex-direction:column;gap:.5rem}.review-form .material-item .material-input-group select{width:100%!important}.review-form .form-section.questions-section .question-code .code-details,.review-form .form-section.questions-section .question-actions{flex-direction:column}.review-form .form-section.questions-section .question-actions button{width:100%;justify-content:center}.review-form .form-section.questions-section .question-form .question-form-actions{flex-direction:column}.review-form .form-section.questions-section .question-form .question-form-actions button{width:100%;justify-content:center}.review-form .form-section.questions-section .question-form .option-item{flex-wrap:wrap}.review-form .form-section.questions-section .question-form .option-item .option-radio{width:100%;margin-bottom:.5rem}}.review-materials-edit .add-material-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background-color:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500;font-size:1rem;margin-bottom:1.5rem}.review-materials-edit .add-material-btn:hover{background-color:var(--main-color);border-color:var(--highlight-color);color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.review-materials-edit .add-material-btn:hover svg{transform:rotate(90deg)}.review-materials-edit .add-material-btn svg{color:var(--highlight-color);transition:transform .3s ease}.review-materials-edit .add-material-section{background-color:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color)}.review-materials-edit .add-material-section h3{margin:0 0 1.5rem;font-size:1.25rem;color:var(--headline-color);padding-bottom:.75rem;border-bottom:2px solid var(--highlight-color)}.review-materials-edit .add-material-section .upload-section,.review-materials-edit .add-material-section .link-section{margin-bottom:2rem}.review-materials-edit .add-material-section .upload-section:last-child,.review-materials-edit .add-material-section .link-section:last-child{margin-bottom:1.5rem}.review-materials-edit .add-material-section .upload-section h4,.review-materials-edit .add-material-section .link-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--headline-color);display:flex;align-items:center;gap:.5rem}.review-materials-edit .add-material-section .upload-section h4:before,.review-materials-edit .add-material-section .link-section h4:before{content:"";width:4px;height:20px;background-color:var(--highlight-color);border-radius:2px}.review-materials-edit .add-material-section .link-form{display:flex;flex-direction:column;gap:.75rem}.review-materials-edit .add-material-section .link-form input{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-family:inherit;transition:all .3s ease}.review-materials-edit .add-material-section .link-form input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb, 0, 123, 255),.1)}.review-materials-edit .add-material-section .link-form input::placeholder{color:var(--paragraph-color);opacity:.7}.review-materials-edit .add-material-section .link-form .add-link-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--highlight-color);color:var(--button-text);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.review-materials-edit .add-material-section .link-form .add-link-btn:hover{background-color:var(--highlight-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.review-materials-edit .add-material-section .link-form .add-link-btn:active{transform:translateY(0)}.review-materials-edit .add-material-section .cancel-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500}.review-materials-edit .add-material-section .cancel-add-btn:hover{background-color:var(--main-color);border-color:var(--highlight-color);color:var(--highlight-color)}.review-materials-edit .existing-materials h3{margin:0 0 1rem;font-size:1.25rem;color:var(--headline-color);padding-bottom:.75rem;border-bottom:2px solid var(--highlight-color)}.review-materials-edit .existing-materials .materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.review-materials-edit .existing-materials .materials-grid .material-item{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;transition:all .3s ease;position:relative}.review-materials-edit .existing-materials .materials-grid .material-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow-color);border-color:var(--highlight-color)}.review-materials-edit .existing-materials .materials-grid .material-item .material-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.review-materials-edit .existing-materials .materials-grid .material-item .material-header .material-type-badge{background-color:var(--highlight-color);color:var(--button-text);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.review-materials-edit .existing-materials .materials-grid .material-item .material-header .remove-material-btn{padding:.25rem;background-color:transparent;border:none;color:var(--paragraph-color);cursor:pointer;border-radius:4px;transition:all .2s ease}.review-materials-edit .existing-materials .materials-grid .material-item .material-header .remove-material-btn:hover{background-color:#dc26261a;color:var(--error-color, #dc2626)}.review-materials-edit .existing-materials .materials-grid .material-item .material-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--headline-color);line-height:1.3}.review-materials-edit .existing-materials .materials-grid .material-item .material-description{margin:0 0 .75rem;font-size:.9rem;color:var(--paragraph-color);line-height:1.4}.review-materials-edit .existing-materials .materials-grid .material-item .material-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;color:var(--paragraph-color)}.review-materials-edit .existing-materials .materials-grid .material-item .material-meta .file-name{font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-materials-edit .existing-materials .materials-grid .material-item .material-meta .external-link{display:flex;align-items:center;gap:.25rem;color:var(--highlight-color)}.review-materials-edit .existing-materials .materials-grid .material-item .download-material-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-weight:500;justify-content:center}.review-materials-edit .existing-materials .materials-grid .material-item .download-material-btn:hover{background-color:var(--highlight-color);color:var(--button-text);border-color:var(--highlight-color)}body.learning-page-active .navbar-wrapper,body.learning-page-active .dashboard-navbar,body.learning-page-active .mobile-tab-bar{display:none!important}body.learning-page-active .dashboard-content-wrapper{margin-left:0!important;padding-top:0!important;padding-bottom:0!important}body.learning-page-active .sidebar{display:none!important}.learning-page{min-height:100vh;background-color:var(--background-primary);color:var(--headline-color);display:flex}.learning-page .learning-sidebar-left{width:80px;background:var(--card-bg);border-right:1px solid var(--border-color);position:fixed;left:0;top:0;height:100vh;z-index:1000;display:flex;flex-direction:column}.learning-page .learning-sidebar-left .sidebar-content{display:flex;flex-direction:column;height:100%;padding:1rem 0}.learning-page .learning-sidebar-left .sidebar-content .sidebar-logo{display:flex;justify-content:center;margin-bottom:2rem}.learning-page .learning-sidebar-left .sidebar-content .sidebar-logo .logo-container{width:40px;height:40px;border-radius:8px;background-color:var(--highlight-color);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative;padding:4px;cursor:pointer;transition:all .2s ease}.learning-page .learning-sidebar-left .sidebar-content .sidebar-logo .logo-container:hover{box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.3)}.learning-page .learning-sidebar-left .sidebar-content .sidebar-logo .logo-container .sidebar-logo-img{width:28px;height:28px;filter:brightness(0) invert(1);object-fit:contain}.learning-page .learning-sidebar-left .sidebar-content .sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1;padding:0 1rem}.learning-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon{width:48px;height:48px;border:none;background:transparent;color:var(--paragraph-color);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.learning-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon:hover{background:var(--main-color);color:var(--headline-color)}.learning-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon.active{background:var(--highlight-color);color:#fff}.learning-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon.active:after{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--highlight-color);border-radius:0 2px 2px 0}.learning-page .learning-sidebar-left .sidebar-content .sidebar-settings{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;margin-top:auto}.learning-page .learning-sidebar-left .sidebar-content .sidebar-settings .nav-icon{width:48px;height:48px;border:none;background:transparent;color:var(--paragraph-color);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.learning-page .learning-sidebar-left .sidebar-content .sidebar-settings .nav-icon:hover{background:var(--main-color);color:var(--headline-color)}@media (max-width: 768px){.learning-page .learning-sidebar-left{display:none}}.learning-page .learning-main-content{flex:1;margin-left:80px}@media (max-width: 768px){.learning-page .learning-main-content{margin-left:0}}.learning-page .learning-main-content .learning-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;background-color:var(--background-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.learning-page .learning-main-content .learning-nav .nav-section{display:flex;align-items:center;gap:1rem}.learning-page .learning-main-content .learning-nav .back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:transparent;border-radius:50%;color:#323232;cursor:pointer;transition:all .2s ease}.learning-page .learning-main-content .learning-nav .back-btn:hover{color:var(--headline-color)}.learning-page .learning-main-content .learning-nav .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:.1rem;color:var(--paragraph-color)}.learning-page .learning-main-content .learning-nav .breadcrumb span{cursor:pointer;transition:color .2s ease}.learning-page .learning-main-content .learning-nav .breadcrumb span:hover{color:var(--highlight-color)}.learning-page .learning-main-content .learning-nav .breadcrumb span:last-child{color:var(--headline-color);font-weight:500}.learning-page .learning-main-content .learning-nav .breadcrumb svg{color:var(--border-color)}.learning-page .learning-main-content .learning-nav .chapter-navigation{display:flex;align-items:center;gap:1rem}.learning-page .learning-main-content .learning-nav .chapter-navigation .chapter-info{font-size:.9rem;color:var(--paragraph-color);font-weight:500}.learning-page .learning-main-content .learning-nav .chapter-navigation .chapter-nav-buttons{display:flex;gap:.25rem}.learning-page .learning-main-content .learning-nav .chapter-navigation .chapter-nav-buttons .chapter-nav-btn{width:32px;height:32px;border:1px solid var(--border-color);background:var(--background-primary);color:var(--headline-color);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.learning-page .learning-main-content .learning-nav .chapter-navigation .chapter-nav-buttons .chapter-nav-btn:hover:not(:disabled){background:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.learning-page .learning-main-content .learning-nav .chapter-navigation .chapter-nav-buttons .chapter-nav-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.learning-page .learning-main-content .learning-nav{padding:.75rem 1rem;gap:.5rem}.learning-page .learning-main-content .learning-nav .nav-section{display:flex;align-items:center;gap:.75rem;width:100%}.learning-page .learning-main-content .learning-nav .back-btn{width:32px;height:32px;background-color:transparent}.learning-page .learning-main-content .learning-nav .back-btn:hover{background-color:var(--main-color);transform:none}.learning-page .learning-main-content .learning-nav .breadcrumb{font-size:.8rem;gap:.35rem;flex:1;margin-bottom:0}.learning-page .learning-main-content .learning-nav .breadcrumb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.learning-page .learning-main-content .learning-nav .breadcrumb svg{flex-shrink:0}.learning-page .learning-main-content .learning-nav .chapter-navigation{display:none}}@media (max-width: 480px){.learning-page .learning-main-content .learning-nav{padding:.5rem .75rem}.learning-page .learning-main-content .learning-nav .nav-section{gap:.5rem}.learning-page .learning-main-content .learning-nav .back-btn{width:28px;height:28px}.learning-page .learning-main-content .learning-nav .breadcrumb span{max-width:100px}.learning-page .learning-main-content .learning-nav .chapter-navigation{display:none}}.learning-page .learning-main-content .learning-content{display:grid;grid-template-columns:1fr 350px;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.learning-page .learning-main-content .learning-content{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.learning-page .learning-main-content .learning-content .learning-main{display:flex;flex-direction:column;order:1}.learning-page .learning-main-content .learning-content .learning-main .chapter-header{order:1}.learning-page .learning-main-content .learning-content .learning-main .video-container{order:2}.learning-page .learning-main-content .learning-content .learning-main .content-tabs{order:3}.learning-page .learning-main-content .learning-content .learning-main .discussion-section{order:4}.learning-page .learning-main-content .learning-content .learning-main .section-navigation{order:5}.learning-page .learning-main-content .learning-content .learning-sidebar{order:2;display:flex;flex-direction:column}.learning-page .learning-main-content .learning-content .learning-sidebar .course-navigation{order:1}.learning-page .learning-main-content .learning-content .learning-sidebar .reviews-card{order:2}.learning-page .learning-main-content .learning-content .learning-sidebar .progress-card{order:3}}@media (max-width: 768px){.learning-page .learning-main-content .learning-content{padding:.75rem;gap:1rem}}.learning-page .learning-main{display:flex;flex-direction:column;gap:2rem}.learning-page .learning-main .chapter-header .chapter-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--headline-color);line-height:1.2}@media (max-width: 768px){.learning-page .learning-main .chapter-header .chapter-title{font-size:2rem}}.learning-page .learning-main .chapter-header .chapter-meta{display:flex;align-items:center;gap:1rem;font-size:1rem;color:var(--paragraph-color)}.learning-page .learning-main .chapter-header .chapter-meta .instructor{font-weight:500}.learning-page .learning-main .chapter-header .chapter-meta .category{background-color:var(--highlight-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.learning-page .learning-main .chapter-header .chapter-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.learning-page .learning-main .video-container{width:100%;border-radius:var(--card-border-radius);overflow:hidden;background:var(--card-bg);box-shadow:var(--card-shadow);margin-bottom:0}.learning-page .learning-main .video-container .video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;background:linear-gradient(135deg,var(--main-color),var(--background-primary));color:var(--paragraph-color);padding:0}.learning-page .learning-main .video-container .video-placeholder svg{margin-bottom:1rem;opacity:.5}.learning-page .learning-main .video-container .video-placeholder p{font-size:1.1rem;margin:0}.learning-page .learning-main .content-tabs{background:var(--card-bg);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);overflow:hidden}.learning-page .learning-main .content-tabs .tab-buttons{display:flex;border-bottom:1px solid var(--border-color)}.learning-page .learning-main .content-tabs .tab-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:none;background:transparent;color:var(--paragraph-color);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.learning-page .learning-main .content-tabs .tab-buttons button:hover{background-color:var(--main-color);color:var(--headline-color)}.learning-page .learning-main .content-tabs .tab-buttons button.active{color:var(--highlight-color);background-color:var(--main-color)}.learning-page .learning-main .content-tabs .tab-buttons button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--highlight-color)}@media (max-width: 768px){.learning-page .learning-main .content-tabs .tab-buttons button{padding:.75rem .5rem;font-size:.9rem}.learning-page .learning-main .content-tabs .tab-buttons button span{display:none}}.learning-page .learning-main .content-tabs .tab-content{padding:2rem}@media (max-width: 768px){.learning-page .learning-main .content-tabs .tab-content{padding:1.5rem}}.learning-page .learning-main .content-tabs .tab-content h3{margin:0 0 1.5rem;color:var(--headline-color);font-size:1.5rem;font-weight:600}.learning-page .learning-main .content-tabs .tab-content .section-content{line-height:1.7;color:var(--paragraph-color);font-size:1.1rem}.learning-page .learning-main .content-tabs .tab-content .content-editor{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-size:1rem;line-height:1.6;resize:vertical;min-height:200px}.learning-page .learning-main .content-tabs .tab-content .content-editor:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.learning-page .learning-main .content-tabs .tab-content .materials-list{display:flex;flex-direction:column;gap:1rem}.learning-page .learning-main .content-tabs .tab-content .materials-list .material-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--main-color);border-radius:var(--border-radius);transition:all .2s ease}.learning-page .learning-main .content-tabs .tab-content .materials-list .material-item:hover{box-shadow:0 4px 12px var(--shadow-color)}.learning-page .learning-main .content-tabs .tab-content .materials-list .material-item svg{color:var(--highlight-color);flex-shrink:0}.learning-page .learning-main .content-tabs .tab-content .materials-list .material-item .material-info{flex:1}.learning-page .learning-main .content-tabs .tab-content .materials-list .material-item .material-info .material-link{color:var(--headline-color);text-decoration:none;font-weight:500}.learning-page .learning-main .content-tabs .tab-content .materials-list .material-item .material-info .material-link:hover{color:var(--highlight-color)}.learning-page .learning-main .content-tabs .tab-content .materials-list .material-item .material-info .material-size{display:block;font-size:.875rem;color:var(--paragraph-color);margin-top:.25rem}.learning-page .learning-main .discussion-section{background:var(--card-bg);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);overflow:hidden}.learning-page .learning-main .discussion-section .discussion-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--border-color)}.learning-page .learning-main .discussion-section .discussion-header h3{margin:0;color:var(--headline-color);font-size:1.5rem;font-weight:600}.learning-page .learning-main .discussion-section .discussion-header .discussion-stats{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.9rem}.learning-page .learning-main .discussion-section .discussion-header .discussion-stats svg{color:var(--highlight-color)}@media (max-width: 768px){.learning-page .learning-main .discussion-section .discussion-header{padding:1rem 1.5rem .75rem}.learning-page .learning-main .discussion-section .discussion-header h3{font-size:1.25rem}.learning-page .learning-main .discussion-section .discussion-header .discussion-stats{font-size:.85rem}}.learning-page .learning-main .discussion-section .add-comment{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.learning-page .learning-main .discussion-section .add-comment .comment-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-size:1rem;resize:vertical;margin-bottom:.75rem}.learning-page .learning-main .discussion-section .add-comment .comment-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.1)}.learning-page .learning-main .discussion-section .add-comment .send-comment-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.learning-page .learning-main .discussion-section .add-comment .send-comment-btn:hover:not(:disabled){background-color:var(--highlight-hover-color)}.learning-page .learning-main .discussion-section .add-comment .send-comment-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.learning-page .learning-main .discussion-section .add-comment{padding:1rem 1.5rem}.learning-page .learning-main .discussion-section .add-comment .comment-input{font-size:.9rem;padding:.625rem}.learning-page .learning-main .discussion-section .add-comment .send-comment-btn{font-size:.9rem;padding:.625rem 1.25rem}.learning-page .learning-main .discussion-section .add-comment .send-comment-btn:hover:not(:disabled){transform:none}}.learning-page .learning-main .discussion-section .recent-comments{padding:1.5rem 2rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item{padding:1rem;background-color:var(--main-color);border-radius:var(--border-radius);margin-bottom:1rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item:last-child{margin-bottom:0}.learning-page .learning-main .discussion-section .recent-comments .comment-item .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item .comment-header .comment-author{font-weight:500;color:var(--headline-color);font-size:1rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item .comment-header .comment-time{font-size:.875rem;color:var(--paragraph-color)}.learning-page .learning-main .discussion-section .recent-comments .comment-item .comment-content{margin:0;color:var(--paragraph-color);font-size:1rem;line-height:1.5}@media (max-width: 768px){.learning-page .learning-main .discussion-section .recent-comments{padding:1rem 1.5rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item{padding:.75rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item .comment-header{margin-bottom:.5rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item .comment-header .comment-author{font-size:.9rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item .comment-header .comment-time{font-size:.8rem}.learning-page .learning-main .discussion-section .recent-comments .comment-item .comment-content{font-size:.9rem}}.learning-page .learning-main .discussion-section .discussion-btn{width:100%;padding:1rem 2rem;border:none;border-top:1px solid var(--border-color);background-color:var(--background-primary);color:var(--highlight-color);font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease}.learning-page .learning-main .discussion-section .discussion-btn:hover{background-color:var(--highlight-color);color:#fff}@media (max-width: 768px){.learning-page .learning-main .discussion-section .discussion-btn{padding:.875rem 1.5rem;font-size:.9rem}}.learning-page .learning-main .section-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0}@media (max-width: 768px){.learning-page .learning-main .section-navigation{flex-direction:column;gap:1rem}}.learning-page .learning-main .section-navigation .nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--border-color);background-color:var(--background-primary);color:var(--headline-color);border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease}.learning-page .learning-main .section-navigation .nav-btn:hover:not(:disabled){background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.learning-page .learning-main .section-navigation .nav-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.learning-page .learning-main .section-navigation .nav-btn{flex:1;justify-content:center;padding:.875rem 1.5rem;border-radius:25px;font-weight:600;font-size:.9rem;background-color:var(--card-bg);border:2px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.learning-page .learning-main .section-navigation .nav-btn:hover:not(:disabled){background-color:var(--main-color);border-color:var(--highlight-color);transform:none;box-shadow:0 4px 12px #00000026}.learning-page .learning-main .section-navigation .nav-btn:active{transform:scale(.98)}}.learning-page .learning-main .section-navigation .complete-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid var(--highlight-color);background-color:transparent;color:var(--highlight-color);border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease}.learning-page .learning-main .section-navigation .complete-btn:hover{background-color:var(--highlight-color);color:#fff}.learning-page .learning-main .section-navigation .complete-btn.completed{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.learning-page .learning-main .section-navigation .complete-btn.completed:hover{background-color:var(--success-color);opacity:.9}@media (max-width: 768px){.learning-page .learning-main .section-navigation .complete-btn{order:-1;width:100%;justify-content:center;padding:1rem 1.5rem;border-radius:25px;font-size:.95rem;box-shadow:0 2px 8px #0000001a}.learning-page .learning-main .section-navigation .complete-btn:hover{transform:none;box-shadow:0 4px 12px #00000026}.learning-page .learning-main .section-navigation .complete-btn:active{transform:scale(.98)}}.learning-page .learning-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 1024px){.learning-page .learning-sidebar{order:-1}}.learning-page .learning-sidebar .progress-card,.learning-page .learning-sidebar .course-navigation,.learning-page .learning-sidebar .reviews-card{background:var(--card-bg);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:1.5rem}.learning-page .learning-sidebar .progress-card .card-header,.learning-page .learning-sidebar .course-navigation .card-header,.learning-page .learning-sidebar .reviews-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.learning-page .learning-sidebar .progress-card .card-header h3,.learning-page .learning-sidebar .course-navigation .card-header h3,.learning-page .learning-sidebar .reviews-card .card-header h3{margin:0;color:var(--headline-color);font-size:1.25rem;font-weight:600}.learning-page .learning-sidebar .progress-card .card-header .card-stats,.learning-page .learning-sidebar .course-navigation .card-header .card-stats,.learning-page .learning-sidebar .reviews-card .card-header .card-stats{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.9rem;white-space:nowrap}.learning-page .learning-sidebar .progress-card .card-header .card-stats svg,.learning-page .learning-sidebar .course-navigation .card-header .card-stats svg,.learning-page .learning-sidebar .reviews-card .card-header .card-stats svg{width:16px;height:16px;flex-shrink:0}.learning-page .learning-sidebar .progress-card .card-header .card-stats .rating-display,.learning-page .learning-sidebar .course-navigation .card-header .card-stats .rating-display,.learning-page .learning-sidebar .reviews-card .card-header .card-stats .rating-display{display:flex;align-items:center;gap:.25rem}.learning-page .learning-sidebar .progress-card .card-header .card-stats .rating-display svg,.learning-page .learning-sidebar .course-navigation .card-header .card-stats .rating-display svg,.learning-page .learning-sidebar .reviews-card .card-header .card-stats .rating-display svg{width:16px;height:16px;color:#ffc107}.learning-page .learning-sidebar .progress-card .card-header .card-stats .rating-display span,.learning-page .learning-sidebar .course-navigation .card-header .card-stats .rating-display span,.learning-page .learning-sidebar .reviews-card .card-header .card-stats .rating-display span{font-size:.9rem;font-weight:600;color:var(--headline-color)}.learning-page .learning-sidebar .progress-card>h3,.learning-page .learning-sidebar .course-navigation>h3,.learning-page .learning-sidebar .reviews-card>h3{margin:0 0 1rem;color:var(--headline-color);font-size:1.25rem;font-weight:600}.learning-page .learning-sidebar .progress-card .progress-stats{display:flex;align-items:center;gap:1rem}.learning-page .learning-sidebar .progress-card .progress-stats .progress-circle{display:flex;flex-direction:column;align-items:center;gap:.25rem}.learning-page .learning-sidebar .progress-card .progress-stats .progress-circle svg{color:var(--highlight-color)}.learning-page .learning-sidebar .progress-card .progress-stats .progress-circle span{font-size:1.5rem;font-weight:700;color:var(--headline-color)}.learning-page .learning-sidebar .progress-card .progress-stats .progress-text{flex:1}.learning-page .learning-sidebar .progress-card .progress-stats .progress-text p{margin:0 0 .5rem;color:var(--paragraph-color);font-weight:500}.learning-page .learning-sidebar .progress-card .progress-stats .progress-text .progress-bar{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.learning-page .learning-sidebar .progress-card .progress-stats .progress-text .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--highlight-color),var(--secondary-color));border-radius:4px;transition:width .3s ease}.learning-page .learning-sidebar .course-navigation{max-height:600px;overflow-y:auto}.learning-page .learning-sidebar .course-navigation .chapters-list{display:flex;flex-direction:column;gap:1rem}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:0;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav:hover{background:var(--main-color);border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav.current-chapter{background:rgba(var(--highlight-color-rgb),.1);border-color:var(--highlight-color)}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav.current-chapter .chapter-number{color:var(--highlight-color);font-weight:600}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav.current-chapter h4,.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav.current-chapter .chapter-toggle{color:var(--highlight-color)}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0;overflow:hidden}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-info .chapter-number{font-size:.8rem;font-weight:500;color:var(--highlight-color);text-transform:uppercase;letter-spacing:.5px;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-info h4{margin:0;font-size:clamp(.75rem,2.5vw,.91rem);font-weight:600;color:var(--headline-color);line-height:1.3;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--main-color);color:var(--paragraph-color);transition:all .2s ease;flex-shrink:0}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-toggle:hover{background:var(--highlight-color);color:#fff}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0 0;margin-top:.75rem;border-radius:8px;padding:.75rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item{display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#f8f8f8;border:2px solid transparent}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item:hover{background:var(--card-bg);transform:translate(4px);box-shadow:0 2px 8px #00000014;border-color:var(--border-color)}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item.current{background:rgba(var(--highlight-color-rgb),.1);border-color:var(--highlight-color);transform:translate(4px);box-shadow:0 4px 16px rgba(var(--highlight-color-rgb),.2)}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item.current .section-title{color:var(--highlight-color);font-weight:600}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item.current .section-status .incomplete-icon{color:var(--highlight-color)}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item.completed .section-status .completed-icon{color:var(--success-color)}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item.completed .section-title{opacity:.8}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item .section-status{flex-shrink:0}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item .section-status .incomplete-icon{color:var(--border-color);transition:color .2s ease}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item .section-status .completed-icon{color:var(--success-color)}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item .section-info{flex:1;min-width:0;overflow:hidden}.learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item .section-info .section-title{display:block;font-size:clamp(.7rem,2.2vw,.82rem);font-weight:500;color:var(--headline-color);margin:0;line-height:1.4;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.learning-page .learning-sidebar .reviews-card .recent-reviews{margin-bottom:1rem}.learning-page .learning-sidebar .reviews-card .recent-reviews .review-item{padding:.75rem;background-color:var(--main-color);border-radius:var(--border-radius);margin-bottom:.75rem}.learning-page .learning-sidebar .reviews-card .recent-reviews .review-item:last-child{margin-bottom:0}.learning-page .learning-sidebar .reviews-card .recent-reviews .review-item .review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.learning-page .learning-sidebar .reviews-card .recent-reviews .review-item .review-header .review-rating{display:flex;gap:.125rem}.learning-page .learning-sidebar .reviews-card .recent-reviews .review-item .review-header .review-rating svg{color:#ffc107}.learning-page .learning-sidebar .reviews-card .recent-reviews .review-item .review-header .review-time{font-size:.75rem;color:var(--paragraph-color)}.learning-page .learning-sidebar .reviews-card .recent-reviews .review-item .review-content{margin:0 0 .5rem;color:var(--paragraph-color);font-size:.9rem;line-height:1.4}.learning-page .learning-sidebar .reviews-card .recent-reviews .review-item .review-author{font-size:.8rem;color:var(--paragraph-color);font-style:italic}.learning-page .learning-sidebar .reviews-card .review-btn{width:100%;padding:.75rem;border:1px solid var(--highlight-color);background-color:transparent;color:var(--highlight-color);border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease}.learning-page .learning-sidebar .reviews-card .review-btn:hover{background-color:var(--highlight-color);color:#fff}.learning-page .learning-error{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.learning-page .learning-error .error-content{text-align:center;max-width:500px}.learning-page .learning-error .error-content h2{color:var(--headline-color);margin-bottom:1rem}.learning-page .learning-error .error-content p{color:var(--paragraph-color);margin-bottom:2rem;line-height:1.6}.dark-mode .learning-page .video-container .video-placeholder{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.dark-mode .learning-page .content-tabs .tab-buttons button:hover{background-color:#ffffff0d}.dark-mode .learning-page .content-tabs .tab-buttons button.active{background-color:#ffffff1a}.dark-mode .learning-page .content-tabs .tab-content .materials-list .material-item{background-color:#ffffff0d}.dark-mode .learning-page .content-tabs .tab-content .materials-list .material-item:hover{background-color:#ffffff14;box-shadow:0 4px 12px #ffffff1a}.dark-mode .learning-page .discussion-section .add-comment .comment-input{background-color:#ffffff0d;border-color:#ffffff1a;color:var(--headline-color)}.dark-mode .learning-page .discussion-section .add-comment .comment-input:focus{background-color:#ffffff14;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.2)}.dark-mode .learning-page .discussion-section .add-comment .comment-input::placeholder{color:#ffffff80}.dark-mode .learning-page .discussion-section .recent-comments .comment-item{background-color:#ffffff0d}.dark-mode .learning-page .discussion-section .recent-comments .comment-item:hover{background-color:#ffffff14}.dark-mode .learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav:hover{background-color:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.dark-mode .learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav.current-chapter{background:rgba(var(--highlight-color-rgb),.15)}.dark-mode .learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-toggle{background:#ffffff1a}.dark-mode .learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-toggle:hover{background:var(--highlight-color);color:#fff}.dark-mode .learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item{background:#ffffff08}.dark-mode .learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item:hover{background:#ffffff14;box-shadow:0 2px 8px #ffffff1a}.dark-mode .learning-page .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item.current{background:rgba(var(--highlight-color-rgb),.2);box-shadow:0 4px 16px rgba(var(--highlight-color-rgb),.3)}.dark-mode .learning-page .learning-sidebar .reviews-card .recent-reviews .review-item{background-color:#ffffff0d}.dark-mode .learning-page .learning-sidebar .reviews-card .recent-reviews .review-item:hover{background-color:#ffffff14}.dark-mode .learning-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon:hover,.dark-mode .learning-page .learning-sidebar-left .sidebar-content .sidebar-settings .nav-icon:hover{background-color:#ffffff1a}.dark-mode .learning-page .learning-sidebar-left .sidebar-content .sidebar-logo .logo-container:hover{box-shadow:0 4px 12px #fff3}@media (max-width: 768px){.learning-page .learning-main-content .learning-content{padding:.75rem;gap:1rem}.learning-page .learning-main-content .learning-main{gap:1rem}.learning-page .learning-main-content .learning-main .chapter-header .chapter-title{font-size:1.5rem;line-height:1.3}.learning-page .learning-main-content .learning-main .chapter-header .chapter-meta{flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.learning-page .learning-main-content .learning-main .chapter-header .chapter-meta .category{align-self:auto}.learning-page .learning-main-content .learning-main .video-container{margin-bottom:.5rem}.learning-page .learning-main-content .learning-main .content-tabs .tab-content{padding:1rem}.learning-page .learning-main-content .learning-main .content-tabs .tab-content h3{font-size:1.25rem;margin-bottom:1rem}.learning-page .learning-main-content .learning-main .content-tabs .tab-content .section-content{font-size:1rem;line-height:1.6}.learning-page .learning-main-content .learning-main .content-tabs .tab-buttons button{padding:.75rem .5rem;font-size:.85rem}.learning-page .learning-main-content .learning-main .content-tabs .tab-buttons button span{display:none}.learning-page .learning-main-content .learning-main .section-navigation{flex-direction:column;gap:.75rem;padding:1rem 0}.learning-page .learning-main-content .learning-main .section-navigation .nav-btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.learning-page .learning-main-content .learning-main .section-navigation .complete-btn{order:-1;width:100%;justify-content:center;padding:.875rem 1.5rem}.learning-page .learning-main-content .learning-sidebar{gap:1rem}.learning-page .learning-main-content .learning-sidebar .progress-card,.learning-page .learning-main-content .learning-sidebar .course-navigation,.learning-page .learning-main-content .learning-sidebar .reviews-card{padding:.75rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header{margin-bottom:.5rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header h3,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header h3,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header h3{font-size:1rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats{font-size:.8rem;gap:.3rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats svg,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats svg,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats svg{width:12px;height:12px}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats .rating-display,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats .rating-display,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats .rating-display{gap:.15rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats .rating-display svg,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats .rating-display svg,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats .rating-display svg{width:12px;height:12px}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats .rating-display span,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats .rating-display span,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats .rating-display span{font-size:.8rem}.learning-page .learning-main-content .learning-sidebar .progress-card>h3,.learning-page .learning-main-content .learning-sidebar .course-navigation>h3,.learning-page .learning-main-content .learning-sidebar .reviews-card>h3{font-size:1rem;margin-bottom:.5rem}.learning-page .learning-main-content .learning-sidebar .course-navigation{max-height:400px}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list{gap:1rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav{padding:.75rem;margin-bottom:.75rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-info{gap:.35rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-info .chapter-number{font-size:.75rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-info h4{font-size:clamp(.72rem,2.8vw,.85rem);line-height:1.3}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-toggle{width:20px;height:20px}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-toggle svg{width:14px;height:14px}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list{gap:.5rem;padding:.5rem;margin-top:.5rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item{padding:.75rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item:hover,.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item.current{transform:translate(4px)}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item .section-info .section-title{font-size:clamp(.68rem,2.5vw,.78rem);line-height:1.3}.learning-page .learning-main-content .learning-sidebar .reviews-card .recent-reviews .review-item{padding:.625rem}.learning-page .learning-main-content .learning-sidebar .reviews-card .recent-reviews .review-item .review-content{font-size:.85rem}.learning-page .learning-main-content .learning-sidebar .reviews-card .recent-reviews .review-item .review-author{font-size:.75rem}}@media (max-width: 480px){.learning-page .learning-main-content .learning-content{padding:.5rem}.learning-page .learning-main-content .learning-main .chapter-header .chapter-title{font-size:1.25rem}.learning-page .learning-main-content .learning-main .content-tabs .tab-buttons button{padding:.625rem .375rem;font-size:.8rem}.learning-page .learning-main-content .learning-main .content-tabs .tab-content,.learning-page .learning-main-content .learning-sidebar .progress-card,.learning-page .learning-main-content .learning-sidebar .course-navigation,.learning-page .learning-main-content .learning-sidebar .reviews-card{padding:.75rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header{margin-bottom:.5rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header h3,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header h3,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header h3{font-size:1rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats{font-size:.8rem;gap:.3rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats svg,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats svg,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats svg{width:12px;height:12px}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats .rating-display,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats .rating-display,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats .rating-display{gap:.15rem}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats .rating-display svg,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats .rating-display svg,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats .rating-display svg{width:12px;height:12px}.learning-page .learning-main-content .learning-sidebar .progress-card .card-header .card-stats .rating-display span,.learning-page .learning-main-content .learning-sidebar .course-navigation .card-header .card-stats .rating-display span,.learning-page .learning-main-content .learning-sidebar .reviews-card .card-header .card-stats .rating-display span{font-size:.8rem}.learning-page .learning-main-content .learning-sidebar .progress-card>h3,.learning-page .learning-main-content .learning-sidebar .course-navigation>h3,.learning-page .learning-main-content .learning-sidebar .reviews-card>h3{font-size:1rem;margin-bottom:.5rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav{padding:.625rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .chapter-header-nav .chapter-info h4{font-size:clamp(.7rem,3vw,.9rem)}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item{padding:.625rem;gap:.75rem}.learning-page .learning-main-content .learning-sidebar .course-navigation .chapters-list .chapter-item .sections-list .section-item .section-info .section-title{font-size:clamp(.65rem,2.8vw,.85rem)}}.streaming-page{display:flex;height:100vh;background-color:var(--background-secondary)}.streaming-page .streaming-page__btn-web3{padding:10px 20px;background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}body.streaming-page-active .navbar-wrapper,body.streaming-page-active .dashboard-navbar,body.streaming-page-active .mobile-tab-bar{display:none!important}body.streaming-page-active .dashboard-content-wrapper{margin-left:0!important;padding-top:0!important;padding-bottom:0!important}body.streaming-page-active .sidebar{display:none!important}.streaming-page .learning-sidebar-left{width:80px;background:var(--card-bg);border-right:1px solid var(--border-color);position:fixed;left:0;top:0;height:100vh;z-index:1000;display:flex;flex-direction:column}.streaming-page .learning-sidebar-left .sidebar-content{display:flex;flex-direction:column;height:100%;padding:1rem 0}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-logo{display:flex;justify-content:center;margin-bottom:2rem}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-logo .logo-container{width:40px;height:40px;border-radius:8px;background-color:var(--highlight-color);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative;padding:4px;cursor:pointer;transition:all .2s ease}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-logo .logo-container:hover{box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.3)}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-logo .logo-container .sidebar-logo-img{width:28px;height:28px;filter:brightness(0) invert(1);object-fit:contain}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1;padding:0 1rem}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon{width:48px;height:48px;border:none;background:transparent;color:var(--paragraph-color);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon:hover{background:var(--main-color);color:var(--headline-color)}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon.active{background:var(--highlight-color);color:#fff}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon.active:after{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--highlight-color);border-radius:0 2px 2px 0}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-settings{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;margin-top:auto}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-settings .nav-icon{width:48px;height:48px;border:none;background:transparent;color:var(--paragraph-color);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.streaming-page .learning-sidebar-left .sidebar-content .sidebar-settings .nav-icon:hover{background:var(--main-color);color:var(--headline-color)}@media (max-width: 768px){.streaming-page .learning-sidebar-left{display:none}}.streaming-page__main-content{flex:1;margin-left:80px;display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 768px){.streaming-page__main-content{margin-left:0}}.streaming-page__main-content .streaming-page__nav{display:flex;align-items:center;padding:1.09rem 1.5rem;background-color:var(--background-primary);border-bottom:1px solid var(--border-color);flex-shrink:0}.streaming-page__main-content .streaming-page__nav .streaming-page__back-btn{background:none;border:1px solid transparent;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;color:var(--paragraph-color);cursor:pointer}.streaming-page__main-content .streaming-page__nav .streaming-page__back-btn:hover{background-color:var(--background-secondary);color:var(--headline-color)}.streaming-page__main-content .streaming-page__nav .streaming-page__breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--paragraph-color)}.streaming-page__main-content .streaming-page__nav .streaming-page__breadcrumb span{cursor:pointer}.streaming-page__main-content .streaming-page__nav .streaming-page__breadcrumb span:hover{color:var(--highlight-color)}.streaming-page__main-content .streaming-page__nav .streaming-page__breadcrumb svg{color:var(--paragraph-color)}.streaming-page__main-content .streaming-page__content{flex:1;display:flex;gap:1.5rem;padding:1.5rem;overflow:hidden}.streaming-page__main-content .streaming-page__main{flex:3;overflow-y:auto;padding-right:1.5rem}.streaming-page__main-content .streaming-page__main .streaming-page__chapter-header{margin-bottom:1.5rem}.streaming-page__main-content .streaming-page__main .streaming-page__chapter-header .streaming-page__chapter-title{font-size:1.75rem;color:var(--headline-color);margin:0 0 .5rem}.streaming-page__main-content .streaming-page__main .streaming-page__chapter-header .streaming-page__chapter-meta{display:flex;gap:1rem;font-size:.9rem;color:var(--paragraph-color)}.streaming-page__main-content .streaming-page__main .streaming-page__chapter-header .streaming-page__chapter-meta .streaming-page__instructor{font-weight:500}.streaming-page__main-content .streaming-page__main .streaming-page__video-container{width:100%;margin-bottom:1.5rem;background-color:#000;border-radius:var(--border-radius);overflow:hidden}.streaming-page__main-content .streaming-page__main .streaming-page__video-placeholder{width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#111;color:#fff;border-radius:var(--border-radius)}.streaming-page__main-content .streaming-page__main .streaming-page__video-placeholder svg{width:64px;height:64px;opacity:.6;margin-bottom:1rem}.streaming-page__main-content .streaming-page__main .streaming-page__video-placeholder p{color:#aaa}.streaming-page__main-content .streaming-page__main .streaming-page__content-tabs{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 1px 3px var(--shadow-color)}.streaming-page__main-content .streaming-page__main .streaming-page__content-tabs .streaming-page__tab-buttons{display:flex;border-bottom:1px solid var(--border-color);padding:0 1.5rem}.streaming-page__main-content .streaming-page__main .streaming-page__content-tabs .streaming-page__tab-buttons .streaming-page__tab-button{padding:1rem .5rem;margin-right:1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--paragraph-color);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease,color .2s ease}.streaming-page__main-content .streaming-page__main .streaming-page__content-tabs .streaming-page__tab-buttons .streaming-page__tab-button:hover{background-color:var(--main-color);color:var(--headline-color)}.streaming-page__main-content .streaming-page__main .streaming-page__content-tabs .streaming-page__tab-buttons .streaming-page__tab-button.active{color:var(--highlight-color);border-bottom-color:var(--highlight-color)}.streaming-page__main-content .streaming-page__main .streaming-page__content-tabs .streaming-page__tab-content{padding:1.5rem;min-height:200px;line-height:1.6;color:var(--paragraph-color)}.streaming-page__main-content .streaming-page__main .streaming-page__content-tabs .streaming-page__tab-content h3{margin:0 0 1rem;color:var(--headline-color)}.streaming-page__main-content .streaming-page__sidebar-right{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.streaming-page__discussion-section .streaming-page__add-comment,.streaming-page__participants-content .streaming-page__add-comment{display:flex;gap:.75rem;margin-bottom:1.5rem}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__comment-input,.streaming-page__participants-content .streaming-page__add-comment .streaming-page__comment-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__send-comment-btn,.streaming-page__participants-content .streaming-page__add-comment .streaming-page__send-comment-btn{background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);padding:0 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:filter .2s ease}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__send-comment-btn:hover:not(:disabled),.streaming-page__participants-content .streaming-page__add-comment .streaming-page__send-comment-btn:hover:not(:disabled){filter:brightness(1.1)}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__send-comment-btn:disabled,.streaming-page__participants-content .streaming-page__add-comment .streaming-page__send-comment-btn:disabled{opacity:.6;cursor:not-allowed}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item,.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item:last-child,.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item:last-child{border-bottom:none;margin-bottom:0}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header,.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header .streaming-page__comment-author,.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header .streaming-page__comment-author{font-weight:600;color:var(--headline-color)}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header .streaming-page__comment-time,.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header .streaming-page__comment-time{font-size:.8rem;color:var(--paragraph-color)}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-content,.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-content{font-size:.95rem;line-height:1.6}.streaming-page__sidebar-right .instructor-card,.streaming-page__reviews-card{background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:0 1px 3px var(--shadow-color);padding:1.5rem}.streaming-page__reviews-card .streaming-page__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.streaming-page__reviews-card .streaming-page__card-header h3{margin:0;font-size:1.1rem;color:var(--headline-color)}.streaming-page__reviews-card .streaming-page__session-details-card{display:flex;flex-direction:column;gap:.75rem}.streaming-page__reviews-card .streaming-page__session-details-card .streaming-page__detail-item{display:flex;align-items:center;gap:.75rem;color:var(--paragraph-color);font-size:.9rem}.streaming-page__reviews-card .streaming-page__session-details-card .streaming-page__detail-item svg{color:var(--highlight-color)}.streaming-page__discussion-section .discussion-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.streaming-page__discussion-section .discussion-header h3{margin:0;color:var(--headline-color);font-size:1.5rem;font-weight:600}.streaming-page__discussion-section .discussion-header .discussion-stats{display:flex;align-items:center;gap:.5rem;color:var(--paragraph-color);font-size:.9rem}.streaming-page__discussion-section .discussion-header .discussion-stats svg{color:var(--highlight-color)}.streaming-page__discussion-section .streaming-page__add-comment{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__comment-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--headline-color);font-size:1rem;resize:vertical}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__comment-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px rgba(var(--highlight-color-rgb),.1)}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__send-comment-btn{align-self:flex-end;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__send-comment-btn:hover:not(:disabled){background-color:var(--highlight-hover-color)}.streaming-page__discussion-section .streaming-page__add-comment .streaming-page__send-comment-btn:disabled{opacity:.6;cursor:not-allowed}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item{padding:1rem;background-color:var(--main-color);border-radius:var(--border-radius);margin-bottom:1rem;border-bottom:none}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item:last-child{margin-bottom:0}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header .streaming-page__comment-author{font-weight:500;color:var(--headline-color);font-size:1rem}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header .streaming-page__comment-time{font-size:.875rem;color:var(--paragraph-color)}.streaming-page__discussion-section .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-content{margin:0;color:var(--paragraph-color);font-size:1rem;line-height:1.5}.streaming-page__participants-content .streaming-page__add-comment{display:flex;gap:.75rem;margin-bottom:1.5rem}.streaming-page__participants-content .streaming-page__add-comment .streaming-page__comment-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical}.streaming-page__participants-content .streaming-page__add-comment .streaming-page__send-comment-btn{background-color:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);padding:0 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:filter .2s ease}.streaming-page__participants-content .streaming-page__add-comment .streaming-page__send-comment-btn:hover:not(:disabled){filter:brightness(1.1)}.streaming-page__participants-content .streaming-page__add-comment .streaming-page__send-comment-btn:disabled{opacity:.6;cursor:not-allowed}.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item:last-child{border-bottom:none;margin-bottom:0}.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header .streaming-page__comment-author{font-weight:600;color:var(--headline-color)}.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-header .streaming-page__comment-time{font-size:.8rem;color:var(--paragraph-color)}.streaming-page__participants-content .streaming-page__recent-comments .streaming-page__comment-item .streaming-page__comment-content{font-size:.95rem;line-height:1.6}.dark-mode .streaming-page .learning-sidebar-left .sidebar-content .sidebar-nav .nav-icon:hover,.dark-mode .streaming-page .learning-sidebar-left .sidebar-content .sidebar-settings .nav-icon:hover{background-color:#ffffff1a}.dark-mode .streaming-page .streaming-page__main-content .streaming-page__nav .streaming-page__back-btn:hover,.dark-mode .streaming-page .streaming-page__content .streaming-page__main .streaming-page__content-tabs .streaming-page__tab-buttons .streaming-page__tab-button:hover{background-color:#ffffff0d}.messages-page{height:100%;background:var(--background-primary);display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1024px){.messages-page{padding-bottom:80px}}.header-options-menu{z-index:999999!important;position:absolute!important;background:#fffffffa!important;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014!important}.dark-mode .header-options-menu{background:#1e1e22fa!important}.messages-container{display:flex;height:100%;background:var(--background-primary);border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--card-shadow);margin:1rem;border:1px solid var(--border-color)}.conversations-sidebar{width:350px;background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.conversations-sidebar .sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;align-items:center;gap:.75rem;min-height:72px;position:relative;z-index:999999}.conversations-sidebar .sidebar-header .search-container{position:relative;display:flex;align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:25px;padding:.5rem 1rem;transition:all .3s ease;flex:1;min-width:0}.conversations-sidebar .sidebar-header .search-container:focus-within{border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.conversations-sidebar .sidebar-header .search-container .search-icon{color:var(--paragraph-color);margin-right:.75rem;flex-shrink:0}.conversations-sidebar .sidebar-header .search-container .search-input{flex:1;border:none;background:none;color:var(--headline-color);font-size:.9rem;outline:none}.conversations-sidebar .sidebar-header .search-container .search-input::placeholder{color:var(--paragraph-color);opacity:.7}.conversations-sidebar .sidebar-header .search-container .clear-search{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:all .3s ease}.conversations-sidebar .sidebar-header .search-container .clear-search:hover{background-color:var(--main-color);color:var(--highlight-color)}.conversations-sidebar .sidebar-header .header-actions{display:flex;align-items:center;gap:.5rem;position:relative;z-index:999999;flex-shrink:0}.conversations-sidebar .sidebar-header .header-actions .new-chat-btn{background:linear-gradient(135deg,var(--highlight-color),var(--secondary-color));color:#fff;border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;box-shadow:0 2px 8px rgba(var(--highlight-color-rgb),.3)}.conversations-sidebar .sidebar-header .header-actions .new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.4)}.conversations-sidebar .sidebar-header .header-actions .new-chat-btn:active{transform:translateY(0)}.conversations-sidebar .sidebar-header .header-actions .settings-container{position:relative;z-index:999999}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-btn{background:var(--background-primary);color:var(--paragraph-color);border:1px solid var(--border-color);padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-btn:hover{background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color);border-color:var(--highlight-color)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a;padding:.75rem;z-index:999999;min-width:220px;max-width:280px;transform-origin:top right;animation:dropdownSlide .2s ease-out;isolation:isolate;display:flex;flex-direction:column}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#fff;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);transform:rotate(45deg);z-index:-1}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section{margin-bottom:1rem;display:flex;flex-direction:column}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section:last-child{margin-bottom:0}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section h4{font-size:.75rem;font-weight:600;color:var(--paragraph-color);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;padding:0 .5rem;opacity:.8}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;background:none;border:none;border-radius:8px;color:var(--headline-color);cursor:pointer;transition:all .2s ease;text-align:left;font-size:.85rem;font-weight:500;min-height:44px}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item:hover{background:rgba(var(--highlight-color-rgb),.08);color:var(--highlight-color);transform:translate(2px)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item:active{transform:translate(2px) scale(.98)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item.delete{color:var(--error-color)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item.delete:hover{background:rgba(var(--error-color-rgb),.08);color:var(--error-color)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item.warning{color:var(--warning-color, #f59e0b)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item.warning:hover{background:#f59e0b14;color:var(--warning-color, #f59e0b)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item svg{flex-shrink:0;width:16px;height:16px}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item span{flex:1;white-space:nowrap;text-align:left}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item .toggle-switch{width:32px;height:18px;background:var(--border-color);border-radius:9px;position:relative;transition:all .2s ease;flex-shrink:0;margin-left:auto;align-self:center;display:flex;align-items:center}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item .toggle-switch.active{background:var(--highlight-color)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item .toggle-switch.active:after{transform:translate(14px)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .settings-section .setting-item .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s ease}.conversations-sidebar .conversations-list{flex:1;overflow-y:auto;padding:.5rem}.conversations-sidebar .conversations-list .no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:var(--paragraph-color)}.conversations-sidebar .conversations-list .no-conversations svg{margin-bottom:1rem;opacity:.5}.conversations-sidebar .conversations-list .no-conversations h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--headline-color)}.conversations-sidebar .conversations-list .no-conversations p{font-size:.9rem;opacity:.7}.new-chat-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:1rem}.new-chat-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.new-chat-modal .modal-content{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;border:1px solid var(--border-color);overflow:hidden;z-index:2;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.new-chat-modal .modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.new-chat-modal .modal-content .modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--headline-color)}.new-chat-modal .modal-content .modal-header .close-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.new-chat-modal .modal-content .modal-header .close-btn:hover{background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color)}.new-chat-modal .modal-content .modal-search{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-secondary)}.new-chat-modal .modal-content .modal-search svg{color:var(--paragraph-color);margin-right:.75rem;flex-shrink:0}.new-chat-modal .modal-content .modal-search input{flex:1;border:none;background:none;color:var(--headline-color);font-size:.9rem;outline:none}.new-chat-modal .modal-content .modal-search input::placeholder{color:var(--paragraph-color);opacity:.7}.new-chat-modal .modal-content .users-list{flex:1;overflow-y:auto;padding:.5rem}.new-chat-modal .modal-content .users-list .user-item{display:flex;align-items:center;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:.25rem}.new-chat-modal .modal-content .users-list .user-item:hover{background:rgba(var(--highlight-color-rgb),.05);transform:translate(4px)}.new-chat-modal .modal-content .users-list .user-item .user-avatar{margin-right:1rem;flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);background:var(--background-secondary)}.new-chat-modal .modal-content .users-list .user-item .user-avatar .avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;display:block}.new-chat-modal .modal-content .users-list .user-item .user-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--highlight-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;border:none}.new-chat-modal .modal-content .users-list .user-item .user-info{flex:1;min-width:0}.new-chat-modal .modal-content .users-list .user-item .user-info h4{font-size:.9rem;font-weight:600;color:var(--headline-color);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-chat-modal .modal-content .users-list .user-item .user-info p{font-size:.8rem;color:var(--paragraph-color);margin:0;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-chat-modal .modal-content .users-list .no-users{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--paragraph-color)}.new-chat-modal .modal-content .users-list .no-users svg{margin-bottom:1rem;opacity:.5}.new-chat-modal .modal-content .users-list .no-users p{font-size:.9rem;opacity:.7}.conversation-item{display:flex;align-items:center;padding:1rem;margin-bottom:.5rem;border-radius:12px;cursor:pointer;transition:all var(--transition-speed);position:relative;background:transparent}.conversation-item:hover{background:rgba(var(--highlight-color-rgb),.05);transform:translate(4px)}.conversation-item.selected{background:linear-gradient(135deg,rgba(var(--highlight-color-rgb),.1),rgba(var(--secondary-color-rgb),.05));border:1px solid rgba(var(--highlight-color-rgb),.2);box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.1)}.conversation-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(45deg,var(--highlight-color),var(--secondary-color));border-radius:0 2px 2px 0}.conversation-item .conversation-avatar{position:relative;margin-right:1rem;flex-shrink:0}.conversation-item .conversation-avatar .avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:border-color var(--transition-speed);flex-shrink:0;max-width:48px;max-height:48px}.conversation-item .conversation-avatar .avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--highlight-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;border:2px solid var(--border-color);flex-shrink:0;max-width:48px;max-height:48px}.conversation-item .conversation-avatar .online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--success-color);border-radius:50%;border:2px solid var(--background-primary);animation:pulse 2s infinite}.conversation-item .conversation-avatar .unread-badge{position:absolute;top:-4px;right:-4px;background:var(--highlight-color);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid var(--background-primary);animation:pulse 2s infinite}.conversation-item .conversation-content{flex:1;min-width:0}.conversation-item .conversation-content .conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conversation-item .conversation-content .conversation-header h4{font-size:.95rem;font-weight:600;color:var(--headline-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item .conversation-content .conversation-header .last-message-time{font-size:.75rem;color:var(--paragraph-color);opacity:.7;flex-shrink:0}.conversation-item .conversation-content .last-message{font-size:.85rem;color:var(--paragraph-color);opacity:.8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.messages-area{flex:1;display:flex;flex-direction:column;background:var(--background-primary)}.messages-area .messages-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;flex-shrink:0}.messages-area .messages-header .user-info{display:flex;align-items:center;gap:.75rem}.messages-area .messages-header .user-info .back-btn{background:none;border:none;padding:.4rem;border-radius:8px;color:var(--paragraph-color);cursor:pointer;transition:color var(--transition-speed),background-color var(--transition-speed);display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:relative;transform:none}.messages-area .messages-header .user-info .back-btn:hover{background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color);transform:none}.messages-area .messages-header .user-info .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0;max-width:40px;max-height:40px}.messages-area .messages-header .user-info .user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--highlight-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;border:2px solid var(--border-color);flex-shrink:0;max-width:40px;max-height:40px}.messages-area .messages-header .user-info .user-details h3{font-size:1rem;font-weight:600;color:var(--headline-color);margin:0 0 .2rem}.messages-area .messages-header .user-info .user-details .status{font-size:.75rem;display:flex;align-items:center;gap:.25rem}.messages-area .messages-header .user-info .user-details .status.online{color:var(--success-color)}.messages-area .messages-header .user-info .user-details .status.online:before{content:"";width:8px;height:8px;background:var(--success-color);border-radius:50%;animation:pulse 2s infinite}.messages-area .messages-header .user-info .user-details .status.offline{color:var(--paragraph-color);opacity:.7}.messages-area .messages-header .header-actions{display:flex;align-items:center;justify-content:flex-end;position:relative;z-index:1000}.messages-area .messages-header .header-actions .action-btn{background:none;border:none;padding:.5rem;border-radius:8px;color:var(--paragraph-color);cursor:pointer;transition:color var(--transition-speed),background-color var(--transition-speed);display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative;transform:none}.messages-area .messages-header .header-actions .action-btn:hover{background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color);transform:none}.messages-area .messages-header .header-actions .header-options-menu{position:absolute;top:100%;right:0;background:#fffffffa!important;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;padding:.5rem;z-index:999999!important;min-width:160px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:.5rem;isolation:isolate;transform:translateZ(0);will-change:transform}.messages-area .messages-header .header-actions .header-options-menu .option-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--headline-color);font-size:.85rem}.messages-area .messages-header .header-actions .header-options-menu .option-item:hover:not(:disabled){background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color)}.messages-area .messages-header .header-actions .header-options-menu .option-item:disabled{opacity:.5;cursor:not-allowed;color:var(--paragraph-color)}.messages-area .messages-header .header-actions .header-options-menu .option-item svg{width:16px;height:16px;flex-shrink:0}.messages-area .messages-header .header-actions .header-options-menu .option-item.delete{color:var(--error-color)}.messages-area .messages-header .header-actions .header-options-menu .option-item.delete:hover:not(:disabled){background:rgba(var(--error-color-rgb),.1);color:var(--error-color)}.messages-area .messages-list{flex:1;overflow-y:auto;padding:1.5rem;background:linear-gradient(135deg,rgba(var(--highlight-color-rgb),.02),rgba(var(--secondary-color-rgb),.01))}.messages-area .messages-list .no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--paragraph-color)}.messages-area .messages-list .no-messages svg{margin-bottom:1rem;opacity:.5}.messages-area .messages-list .no-messages h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--headline-color)}.messages-area .messages-list .no-messages p{font-size:.9rem;opacity:.7}.messages-area .messages-list .message-item{display:flex;margin-bottom:1rem;align-items:flex-end}.messages-area .messages-list .message-item.own{flex-direction:row-reverse}.messages-area .messages-list .message-item.own .message-content{align-items:flex-end}.messages-area .messages-list .message-item.own .message-content .message-bubble{background:var(--card-bg);color:var(--headline-color);border:1px solid var(--border-color);border-radius:18px 18px 4px;max-width:85%;min-width:120px;box-shadow:var(--card-shadow)}.messages-area .messages-list .message-item.other .message-content{align-items:flex-start}.messages-area .messages-list .message-item.other .message-content .message-bubble{background:var(--card-bg);color:var(--headline-color);border:1px solid var(--border-color);border-radius:18px 18px 18px 4px;max-width:85%;min-width:120px;box-shadow:var(--card-shadow)}.messages-area .messages-list .message-item .message-sender-avatar{margin:0 .75rem;flex-shrink:0;display:flex;align-items:flex-end;width:32px;height:32px}.messages-area .messages-list .message-item .message-sender-avatar .message-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0;max-width:32px;max-height:32px;display:block}.messages-area .messages-list .message-item .message-sender-avatar .message-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--highlight-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;border:1px solid var(--border-color);flex-shrink:0;max-width:32px;max-height:32px}.messages-area .messages-list .message-item .message-content{display:flex;flex-direction:column;position:relative;width:100%}.messages-area .messages-list .message-item .message-content .message-bubble{padding:.75rem 1rem;word-wrap:break-word;position:relative;direction:auto;unicode-bidi:plaintext}.messages-area .messages-list .message-item .message-content .message-bubble p{margin:0 0 .5rem;line-height:1.4;font-size:.9rem;direction:auto;unicode-bidi:plaintext;text-align:start}.messages-area .messages-list .message-item .message-content .message-bubble .message-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.messages-area .messages-list .message-item .message-content .message-bubble .message-footer .message-time-container{display:flex;align-items:center;gap:.4rem;flex-shrink:0;min-width:0}.messages-area .messages-list .message-item .message-content .message-bubble .message-footer .message-time{font-size:.7rem;opacity:.7;color:var(--paragraph-color);white-space:nowrap}.messages-area .messages-list .message-item .message-content .message-bubble .message-footer .edited-tag{font-size:.7rem;opacity:.7;color:var(--paragraph-color);margin-left:.2rem;white-space:nowrap;flex-shrink:0}.messages-area .messages-list .message-item .message-content .message-content-wrapper{display:flex;flex-direction:column;position:relative}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message{display:flex;flex-direction:column;cursor:pointer;transition:all var(--transition-speed);border-radius:12px;padding:.5rem}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message:hover{background:rgba(var(--highlight-color-rgb),.05);transform:translateY(-1px)}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message .file-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message .file-preview .file-image{border-radius:8px;transition:transform var(--transition-speed)}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message .file-preview .file-image:hover{transform:scale(1.02)}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message .file-preview .file-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(var(--highlight-color-rgb),.1);border-radius:12px;color:var(--highlight-color);border:2px dashed rgba(var(--highlight-color-rgb),.3);position:relative;transition:all var(--transition-speed)}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message .file-preview .file-icon:hover{background:rgba(var(--highlight-color-rgb),.15);border-color:var(--highlight-color)}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message .file-preview .file-icon .file-size{font-size:.7rem;font-weight:600;color:var(--headline-color);margin-top:.25rem}.messages-area .messages-list .message-item .message-content .message-content-wrapper .file-message .file-preview .file-name{font-size:.75rem;color:var(--headline-color);font-weight:500;text-align:center;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.messages-area .messages-list .message-item .message-content .message-content-wrapper .message-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}.messages-area .messages-list .message-item .message-content .message-content-wrapper .message-footer .message-time{font-size:.7rem;opacity:.7;color:var(--paragraph-color)}.messages-area .messages-list .message-item .message-content .message-content-wrapper .message-footer .message-status{display:flex;align-items:center;gap:.25rem;opacity:.8}.messages-area .message-input{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.messages-area .message-input .input-actions{position:relative;display:flex;align-items:center}.messages-area .message-input .input-actions .action-btn{background:none;border:none;padding:.5rem;border-radius:8px;color:var(--paragraph-color);cursor:pointer;transition:color var(--transition-speed),background-color var(--transition-speed);display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative;transform:none}.messages-area .message-input .input-actions .action-btn:hover:not(:disabled){background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color);transform:none}.messages-area .message-input .input-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.messages-area .message-input .input-actions .attachment-menu{position:absolute;bottom:100%;left:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);padding:.5rem;margin-bottom:.5rem;z-index:10;min-width:150px}.messages-area .message-input .input-actions .attachment-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background:none;border:none;border-radius:8px;color:var(--headline-color);cursor:pointer;transition:all var(--transition-speed)}.messages-area .message-input .input-actions .attachment-menu button:hover:not(:disabled){background:rgba(var(--highlight-color-rgb),.1)}.messages-area .message-input .input-actions .attachment-menu button:disabled{opacity:.5;cursor:not-allowed}.messages-area .message-input .input-actions .attachment-menu button span{font-size:.85rem}.messages-area .message-input .input-container{flex:1;position:relative}.messages-area .message-input .input-container input{width:100%;padding:.875rem 2.5rem .875rem 1.25rem;border:1px solid var(--border-color);border-radius:25px;background:var(--background-primary);color:var(--headline-color);font-size:.9rem;transition:all var(--transition-speed);resize:none;min-height:48px;max-height:120px}.messages-area .message-input .input-container input::placeholder{color:var(--paragraph-color);opacity:.6}.messages-area .message-input .input-container input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.messages-area .message-input .input-container input:disabled{opacity:.6;cursor:not-allowed}.messages-area .message-input .input-container .emoji-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;border-radius:50%;color:var(--paragraph-color);cursor:pointer;transition:color var(--transition-speed),background-color var(--transition-speed);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.messages-area .message-input .input-container .emoji-btn:hover:not(:disabled){background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color)}.messages-area .message-input .input-container .emoji-btn:disabled{opacity:.5;cursor:not-allowed}.messages-area .message-input .send-actions{display:flex;align-items:center;gap:.5rem}.messages-area .message-input .send-actions .send-btn{background:linear-gradient(135deg,var(--highlight-color),var(--secondary-color));color:#fff;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);box-shadow:0 4px 12px rgba(var(--highlight-color-rgb),.3)}.messages-area .message-input .send-actions .send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--highlight-color-rgb),.4)}.messages-area .message-input .send-actions .send-btn:active:not(:disabled){transform:translateY(0)}.messages-area .message-input .send-actions .send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.messages-area .message-input .send-actions .send-btn svg{width:18px;height:18px}.messages-area .message-input .send-actions .voice-btn{background:var(--background-primary);color:var(--paragraph-color);border:1px solid var(--border-color);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed)}.messages-area .message-input .send-actions .voice-btn:hover:not(:disabled){background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color);border-color:var(--highlight-color)}.messages-area .message-input .send-actions .voice-btn:disabled{opacity:.5;cursor:not-allowed}.messages-area .message-input .send-actions .voice-btn.recording{background:var(--error-color);color:#fff;border-color:var(--error-color);animation:pulse 1s infinite}.messages-area .message-input .send-actions .voice-btn svg{width:18px;height:18px}.messages-area .upload-error{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--error-color);color:#fff;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;box-shadow:0 4px 12px #00000026;z-index:100;margin-bottom:.5rem}.messages-area .upload-error button{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.messages-area .upload-error button:hover{background:#fff3}.messages-area .no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--paragraph-color);padding:2rem}.messages-area .no-conversation-selected svg{margin-bottom:1.5rem;opacity:.5}.messages-area .no-conversation-selected h3{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--headline-color)}.messages-area .no-conversation-selected p{font-size:1rem;opacity:.7;max-width:300px;line-height:1.5}.conversation-view-page{height:100vh;background:var(--background-primary);display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1024px){.conversation-view-page{padding-bottom:0;height:100vh}}.conversation-view-page .messages-area{flex:1;display:flex;flex-direction:column;background:var(--background-primary);border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--card-shadow);margin:1rem;border:1px solid var(--border-color)}@media (max-width: 768px){.conversation-view-page .messages-area{margin:0;border-radius:0;height:100vh;border:none;box-shadow:none}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--paragraph-color)}.loading-container .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{font-size:1rem;opacity:.7}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.conversation-view-page{height:100vh;height:100dvh}.messages-container{flex-direction:column;margin:0;border-radius:0;height:100vh;height:100dvh}.conversations-sidebar{width:100%;height:100%;border-right:none;border-bottom:none}.conversations-sidebar .sidebar-header{padding:.75rem;gap:.5rem}.conversations-sidebar .sidebar-header .search-container{padding:.4rem .75rem}.conversations-sidebar .sidebar-header .search-container .search-input{font-size:.85rem}.conversations-sidebar .sidebar-header .header-actions{gap:.25rem}.conversations-sidebar .sidebar-header .header-actions .new-chat-btn,.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-btn{width:36px;height:36px;padding:.4rem}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown{right:0;min-width:200px;max-width:260px}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item{padding:.4rem .6rem;font-size:.8rem;gap:.5rem;min-height:40px;align-items:center}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item svg{width:14px;height:14px;flex-shrink:0}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item span{font-size:.8rem;flex:1}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item .toggle-switch{width:28px;height:16px;margin-left:auto;align-self:center;display:flex;align-items:center}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item .toggle-switch.active:after{transform:translate(12px)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item .toggle-switch:after{width:12px;height:12px}.new-chat-modal{padding:.5rem}.new-chat-modal .modal-content{max-width:100%;max-height:90vh}.new-chat-modal .modal-content .modal-header{padding:1rem}.new-chat-modal .modal-content .modal-header h3{font-size:1.1rem}.new-chat-modal .modal-content .modal-search{padding:.75rem 1rem}.new-chat-modal .modal-content .users-list .user-item{padding:.5rem}.new-chat-modal .modal-content .users-list .user-item .user-avatar{width:36px;height:36px}.new-chat-modal .modal-content .users-list .user-item .user-avatar .avatar-img{width:100%;height:100%}.new-chat-modal .modal-content .users-list .user-item .user-avatar .avatar-placeholder{width:100%;height:100%;font-size:.9rem}.new-chat-modal .modal-content .users-list .user-item .user-info h4{font-size:.85rem}.new-chat-modal .modal-content .users-list .user-item .user-info p{font-size:.75rem}.messages-area{display:none}.messages-area.desktop-only{display:none!important}.conversation-view-page .messages-area{margin:0;border-radius:0;height:100vh;height:100dvh;display:flex;flex-direction:column}.conversation-view-page .messages-area .messages-header{flex-shrink:0}.conversation-view-page .messages-area .messages-list{flex:1;overflow-y:auto;padding-bottom:0}@supports (-webkit-touch-callout: none){.conversation-view-page .messages-area .messages-list{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.conversation-view-page .messages-area .message-input{flex-shrink:0}.dashboard-content-wrapper.messaging-page .messages-page{padding-top:0;padding-bottom:80px}.dashboard-content-wrapper.messaging-page .conversation-view-page,.dashboard-content-wrapper.conversation-page .conversation-view-page{padding-top:0;padding-bottom:0}.message-reactions .reaction-item{padding:.15rem .4rem}.message-reactions .reaction-item .reaction-emoji{font-size:.9rem;margin-right:.2rem}.message-reactions .reaction-item .reaction-count{font-size:.7rem}.messages-area .messages-header .header-actions .header-options-menu{right:0;min-width:140px}.messages-area .messages-header .header-actions .header-options-menu .option-item{padding:.4rem .6rem;font-size:.8rem}.messages-area .messages-header .header-actions .header-options-menu .option-item svg{width:14px;height:14px}.conversation-item{padding:.75rem}.conversation-item .conversation-avatar .avatar-img,.conversation-item .conversation-avatar .avatar-placeholder{width:40px;height:40px}.message-item .message-content .message-bubble{max-width:85%!important}.message-item .message-sender-avatar .message-avatar-img,.message-item .message-sender-avatar .message-avatar-placeholder{width:28px;height:28px;max-width:28px;max-height:28px}.message-item .message-sender-avatar .message-avatar-placeholder{font-size:.7rem}.message-input{padding:1rem;gap:.5rem;position:sticky;bottom:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color)}@supports (-webkit-touch-callout: none){.message-input{position:fixed;bottom:0;left:0;right:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.message-input .input-container input{padding:.75rem 2.25rem .75rem 1rem;font-size:16px!important;-webkit-appearance:none;border-radius:25px;border:1px solid var(--border-color);background:var(--background-primary);color:var(--headline-color);transition:all var(--transition-speed);resize:none;min-height:48px;max-height:120px}.message-input .input-container input::placeholder{color:var(--paragraph-color);opacity:.6}.message-input .input-container input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.message-input .input-container input:disabled{opacity:.6;cursor:not-allowed}.message-input .send-actions .send-btn,.message-input .send-actions .voice-btn{width:44px;height:44px}}@media (max-width: 480px){.conversations-sidebar .sidebar-header{padding:.5rem;gap:.4rem}.conversations-sidebar .sidebar-header .search-container{padding:.35rem .6rem}.conversations-sidebar .sidebar-header .search-container .search-input{font-size:.8rem}.conversations-sidebar .sidebar-header .search-container .search-icon{margin-right:.5rem}.conversations-sidebar .sidebar-header .header-actions{gap:.2rem}.conversations-sidebar .sidebar-header .header-actions .new-chat-btn,.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-btn{width:32px;height:32px;padding:.35rem}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown{right:0;min-width:180px;max-width:240px}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item{padding:.35rem .5rem;font-size:.75rem;gap:.4rem;min-height:36px;align-items:center}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item svg{width:12px;height:12px;flex-shrink:0}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item span{font-size:.75rem;flex:1}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item .toggle-switch{width:26px;height:14px;margin-left:auto;align-self:center;display:flex;align-items:center}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item .toggle-switch.active:after{transform:translate(10px)}.conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item .toggle-switch:after{width:10px;height:10px}.new-chat-modal{padding:.25rem}.new-chat-modal .modal-content .modal-header{padding:.75rem}.new-chat-modal .modal-content .modal-header h3{font-size:1rem}.new-chat-modal .modal-content .modal-search{padding:.6rem .75rem}.new-chat-modal .modal-content .users-list .user-item{padding:.4rem}.new-chat-modal .modal-content .users-list .user-item .user-avatar{width:32px;height:32px}.new-chat-modal .modal-content .users-list .user-item .user-avatar .avatar-img{width:100%;height:100%}.new-chat-modal .modal-content .users-list .user-item .user-avatar .avatar-placeholder{width:100%;height:100%;font-size:.8rem}.new-chat-modal .modal-content .users-list .user-item .user-info h4{font-size:.8rem}.new-chat-modal .modal-content .users-list .user-item .user-info p{font-size:.7rem}.messages-area .messages-header{padding:.5rem .75rem;position:sticky;top:0;z-index:100;flex-shrink:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.messages-area .messages-header .user-info{gap:.4rem}.messages-area .messages-header .user-info .back-btn{width:28px;height:28px;padding:.25rem}.messages-area .messages-header .user-info .user-avatar,.messages-area .messages-header .user-info .user-avatar-placeholder{width:44px;height:44px;max-width:44px;max-height:44px;font-size:1.1rem}.messages-area .messages-header .user-info .user-details h3{font-size:.85rem;margin:0 0 .1rem}.messages-area .messages-header .user-info .user-details .status{font-size:.65rem}.messages-area .messages-header .header-actions{gap:.25rem}.messages-area .messages-header .header-actions .action-btn{padding:.375rem}.messages-area .messages-header .header-actions .header-options-menu{right:0;min-width:120px}.messages-area .messages-header .header-actions .header-options-menu .option-item{padding:.35rem .5rem;font-size:.75rem}.messages-area .messages-header .header-actions .header-options-menu .option-item svg{width:12px;height:12px}.messages-area .messages-list{padding:1rem}.messages-area .messages-list .message-item .message-sender-avatar .message-avatar-img,.messages-area .messages-list .message-item .message-sender-avatar .message-avatar-placeholder{width:24px;height:24px;max-width:24px;max-height:24px}.messages-area .messages-list .message-item .message-sender-avatar .message-avatar-placeholder{font-size:.6rem}.messages-area .message-input{padding:.75rem;position:sticky;bottom:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color)}@supports (-webkit-touch-callout: none){.messages-area .message-input{position:fixed;bottom:0;left:0;right:0;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}}.messages-area .message-input .input-container input{font-size:16px!important;-webkit-appearance:none}.messages-area .message-input .input-actions .attachment-menu{min-width:120px}}.dark-mode .messages-container{border-color:var(--border-color)}.dark-mode .conversations-sidebar .sidebar-header{background:#1e1e22cc}.dark-mode .conversations-sidebar .sidebar-header .search-container{background-color:var(--background-secondary);border-color:#ffffff1a}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-btn{background:var(--background-secondary);border-color:#ffffff1a}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-btn:hover{background:rgba(var(--highlight-color-rgb),.15)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown{background:#1e1e22;border-color:var(--border-color)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown:before{background:#1e1e22;border-color:var(--border-color)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item{color:var(--headline-color)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item:hover{background:rgba(var(--highlight-color-rgb),.15)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item.delete{color:var(--error-color)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item.delete:hover{background:rgba(var(--error-color-rgb),.15)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item.warning{color:var(--warning-color, #f59e0b)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item.warning:hover{background:#f59e0b26}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item .toggle-switch{background:var(--border-color)}.dark-mode .conversations-sidebar .sidebar-header .header-actions .settings-container .settings-dropdown .setting-item .toggle-switch.active{background:var(--highlight-color)}.dark-mode .new-chat-modal .modal-content{background:#1e1e22;border-color:var(--border-color)}.dark-mode .new-chat-modal .modal-content .modal-header{background:#1e1e22f2}.dark-mode .new-chat-modal .modal-content .modal-search{background:#1e1e22cc}.dark-mode .new-chat-modal .modal-content .user-item:hover{background:rgba(var(--highlight-color-rgb),.15)}.dark-mode .messages-area .messages-header{background:#1e1e22f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;flex-shrink:0}.dark-mode .messages-area .messages-header .user-info .user-avatar,.dark-mode .messages-area .messages-header .user-info .user-avatar-placeholder{width:48px;height:48px;max-width:48px;max-height:48px;font-size:1.2rem}.dark-mode .messages-area .messages-header .user-info .user-details h3{font-size:.9rem}.dark-mode .messages-area .messages-header .user-info .user-details .status{font-size:.7rem}.dark-mode .messages-area .messages-header .header-actions .header-options-menu{background:#1e1e22fa!important;border-color:var(--border-color)}.dark-mode .messages-area .messages-header .header-actions .header-options-menu .option-item{color:var(--headline-color)}.dark-mode .messages-area .messages-header .header-actions .header-options-menu .option-item:hover:not(:disabled){background:rgba(var(--highlight-color-rgb),.15)}.dark-mode .messages-area .messages-header .header-actions .header-options-menu .option-item.delete{color:var(--error-color)}.dark-mode .messages-area .messages-header .header-actions .header-options-menu .option-item.delete:hover:not(:disabled){background:rgba(var(--error-color-rgb),.15)}.dark-mode .messages-area .message-input{background:#1e1e22f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color)}.dark-mode .messages-area .message-input .input-container input{background:var(--background-primary);border-color:var(--border-color);color:var(--headline-color)}.dark-mode .messages-area .message-input .input-container input::placeholder{color:var(--paragraph-color);opacity:.6}.dark-mode .messages-area .message-input .input-container input:focus{border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(var(--highlight-color-rgb),.1)}.dark-mode .messages-area .message-input .input-actions .attachment-menu{background:var(--card-bg);border-color:var(--border-color)}.dark-mode .messages-area .message-input .send-actions .voice-btn{background:var(--background-primary);border-color:var(--border-color)}.dark-mode .messages-area .message-input .send-actions .voice-btn:hover,.dark-mode .conversation-item:hover{background:rgba(var(--highlight-color-rgb),.1)}.dark-mode .conversation-item.selected{background:linear-gradient(135deg,rgba(var(--highlight-color-rgb),.15),rgba(var(--secondary-color-rgb),.1));border-color:rgba(var(--highlight-color-rgb),.3)}.message-input.editing .input-container input{border-color:var(--highlight-color);background:rgba(var(--highlight-color-rgb),.05)}.message-reactions{display:flex;gap:.2rem;margin-top:.5rem;align-items:center;flex-wrap:wrap}.message-reactions .reaction-item{display:flex;align-items:center;background:rgba(var(--highlight-color-rgb),.08);border-radius:12px;padding:.2rem .5rem;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none;border:1px solid rgba(var(--highlight-color-rgb),.1)}.message-reactions .reaction-item:hover{background:rgba(var(--highlight-color-rgb),.15);border-color:rgba(var(--highlight-color-rgb),.2)}.message-reactions .reaction-item .reaction-emoji{font-size:1rem;margin-right:.3rem}.message-reactions .reaction-item .reaction-count{font-size:.75rem;font-weight:600;color:var(--headline-color);min-width:12px;text-align:center}.reply-preview{display:flex;align-items:center;background:var(--card-bg);border-left:4px solid var(--highlight-color);padding:.5rem 1rem;margin:0 1rem .5rem;border-radius:8px;gap:.5rem;font-size:.95rem;position:relative;max-width:calc(100% - 2rem)}.reply-preview .reply-label{font-weight:600;color:var(--highlight-color);margin-right:.5rem}.reply-preview .reply-text{color:var(--headline-color);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview .cancel-reply-btn{background:none;border:none;color:var(--paragraph-color);cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:.5rem}.reply-preview .cancel-reply-btn:hover{background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color)}.message-reply-preview{background:rgba(var(--highlight-color-rgb),.05);border-left:3px solid var(--highlight-color);border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem;font-size:.85rem;cursor:pointer;transition:background-color var(--transition-speed)}.message-reply-preview:hover{background:rgba(var(--highlight-color-rgb),.08)}.message-reply-preview .reply-indicator{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.message-reply-preview .reply-indicator .reply-arrow{color:var(--highlight-color);font-size:.8rem;font-weight:700}.message-reply-preview .reply-indicator .reply-sender{color:var(--highlight-color);font-weight:600;font-size:.8rem}.message-reply-preview .reply-content{color:var(--paragraph-color);opacity:.8;font-size:.8rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-quick-actions{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:row;gap:.3rem;opacity:0;transition:all .3s ease}.message-item.own .message-quick-actions{left:-80px}.message-item.other .message-quick-actions{right:-80px}.message-quick-actions .quick-action-btn{background:#ffffffe6;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--paragraph-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;z-index:10}.message-quick-actions .quick-action-btn:hover{background:#fff;color:var(--highlight-color);transform:scale(1.1)}.message-quick-actions .quick-action-btn.react-btn:hover{color:#e74c3c}.message-quick-actions .quick-action-btn.reply-btn:hover{color:var(--highlight-color)}.message-quick-actions .quick-action-btn svg{width:14px;height:14px}.message-options-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;color:var(--paragraph-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;z-index:10}.message-item.own .message-options-btn{left:-120px}.message-item.other .message-options-btn{right:-120px}.message-options-btn:hover{background:#fff;color:var(--headline-color);transform:translateY(-50%) scale(1.1)}.message-options-btn svg{width:14px;height:14px}.message-options-menu{position:absolute;top:50%;transform:translateY(-50%);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);padding:.5rem;z-index:9999;min-width:160px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-item.own .message-options-menu{left:-260px}.message-item.other .message-options-menu{right:-260px}.message-options-menu .option-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--headline-color);font-size:.85rem}.message-options-menu .option-item:hover:not(:disabled){background:rgba(var(--highlight-color-rgb),.1);color:var(--highlight-color)}.message-options-menu .option-item:disabled{opacity:.5;cursor:not-allowed;color:var(--paragraph-color)}.message-options-menu .option-item svg{width:16px;height:16px;flex-shrink:0}.message-options-menu .option-item.delete{color:var(--error-color)}.message-options-menu .option-item.delete:hover:not(:disabled){background:rgba(var(--error-color-rgb),.1);color:var(--error-color)}.messages-list .message-item{position:relative}.messages-list .message-item:hover .message-quick-actions,.messages-list .message-item:hover .message-options-btn{opacity:1}.dark-mode .message-quick-actions .quick-action-btn{background:#1e1e22e6;color:var(--paragraph-color)}.dark-mode .message-quick-actions .quick-action-btn:hover{background:#1e1e22}.dark-mode .message-options-btn{background:#1e1e22e6;color:var(--paragraph-color)}.dark-mode .message-options-btn:hover{background:#1e1e22;color:var(--headline-color)}.dark-mode .message-options-menu{background:var(--card-bg);border-color:var(--border-color)}.dark-mode .message-options-menu .option-item{color:var(--headline-color)}.dark-mode .message-options-menu .option-item:hover:not(:disabled){background:rgba(var(--highlight-color-rgb),.15)}.dark-mode .message-options-menu .option-item.delete{color:var(--error-color)}.dark-mode .message-options-menu .option-item.delete:hover:not(:disabled){background:rgba(var(--error-color-rgb),.15)}.emoji-picker-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;z-index:9999}.emoji-picker-portal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;z-index:99999}.emoji-picker-portal .EmojiPickerReact{background:var(--card-bg)!important;border:none!important;border-radius:12px!important}.emoji-picker-portal .EmojiPickerReact .epr-header{background:var(--card-bg)!important;border-bottom:1px solid var(--border-color)!important}.emoji-picker-portal .EmojiPickerReact .epr-header .epr-search{background:var(--background-primary)!important;border:1px solid var(--border-color)!important;color:var(--headline-color)!important}.emoji-picker-portal .EmojiPickerReact .epr-header .epr-search::placeholder{color:var(--paragraph-color)!important}.emoji-picker-portal .EmojiPickerReact .epr-body{background:var(--card-bg)!important}.emoji-picker-portal .EmojiPickerReact .epr-body .epr-emoji-category .epr-emoji-category-label{background:var(--card-bg)!important;color:var(--headline-color)!important}.emoji-picker-portal .EmojiPickerReact .epr-body .epr-emoji:hover{background:rgba(var(--highlight-color-rgb),.1)!important}.emoji-picker-portal .EmojiPickerReact .epr-footer{background:var(--card-bg)!important;border-top:1px solid var(--border-color)!important}@media (max-width: 768px){.emoji-picker-container,.emoji-picker-portal{left:-280px!important}.emoji-picker-container .EmojiPickerReact,.emoji-picker-portal .EmojiPickerReact{width:260px!important;height:300px!important}.message-quick-actions{gap:.3rem}.message-item.own .message-quick-actions{left:-70px}.message-item.other .message-quick-actions{right:-70px}.message-quick-actions .quick-action-btn{width:24px;height:24px}.message-quick-actions .quick-action-btn svg{width:12px;height:12px}.message-options-btn{width:24px;height:24px}.message-item.own .message-options-btn{left:-100px}.message-item.other .message-options-btn{right:-100px}.message-options-btn svg{width:12px;height:12px}.message-options-menu{min-width:140px}.message-item.own .message-options-menu{left:-200px}.message-item.other .message-options-menu{right:-200px}.message-options-menu .option-item{padding:.4rem .6rem;font-size:.8rem}.message-options-menu .option-item svg{width:14px;height:14px}}@media (max-width: 480px){.emoji-picker-container,.emoji-picker-portal{left:-240px!important}.emoji-picker-container .EmojiPickerReact,.emoji-picker-portal .EmojiPickerReact{width:220px!important;height:280px!important}.message-quick-actions{gap:.25rem}.message-item.own .message-quick-actions{left:-60px}.message-item.other .message-quick-actions{right:-60px}.message-quick-actions .quick-action-btn{width:22px;height:22px}.message-quick-actions .quick-action-btn svg{width:11px;height:11px}.message-options-btn{width:22px;height:22px}.message-item.own .message-options-btn{left:-85px}.message-item.other .message-options-btn{right:-85px}.message-options-btn svg{width:11px;height:11px}.message-options-menu{min-width:120px}.message-item.own .message-options-menu{left:-170px}.message-item.other .message-options-menu{right:-170px}.message-options-menu .option-item{padding:.35rem .5rem;font-size:.75rem}.message-options-menu .option-item svg{width:12px;height:12px}}:root{--background-primary: #fffffe;--headline-color: #181818;--paragraph-color: #2e2e2e;--button-bg: #4fc4cf;--button-text: #181818;--illustration-stroke: #181818;--main-color: #f2eef5;--highlight-color: #4fc4cf;--highlight-color-rgb: 79, 196, 207;--secondary-color: #994ff3;--secondary-color-rgb: 153, 79, 243;--tertiary-color: #fbdd74;--shadow-color: rgba(0, 0, 0, .08);--border-color: #e0e0e0;--error-color: #e53935;--success-color: #2cb67d;--transition-speed: .3s;--border-radius: 12px;--font-tajawal: "Tajawal", sans-serif;--font-geist-sans: "Geist", system-ui, -apple-system, sans-serif;--font-geist-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;--card-bg: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .85));--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .03);--card-border-radius: 24px;--step-inactive-color: #e0e0e0;--step-active-color: var(--highlight-color);--step-completed-color: var(--success-color);--onboarding-width: 600px}.dark-mode{--background-primary: #16161a;--headline-color: #fffffe;--paragraph-color: #94a1b2;--button-bg: #7f5af0;--button-text: #fffffe;--illustration-stroke: #010101;--main-color: #fffffe;--highlight-color: #7f5af0;--highlight-color-rgb: 127, 90, 240;--secondary-color: #72757e;--secondary-color-rgb: 114, 117, 126;--tertiary-color: #2cb67d;--shadow-color: rgba(0, 0, 0, .3);--border-color: #383838;--card-bg: linear-gradient(145deg, rgba(30, 30, 34, .9), rgba(26, 26, 30, .85));--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .05);--step-inactive-color: #383838}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}input,textarea,select{font-size:16px!important;-webkit-appearance:none;border-radius:0}input:focus,textarea:focus,select:focus{outline:none}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}*::-webkit-scrollbar{display:none}html,body{overflow-x:hidden;font-family:var(--font-geist-sans);color:var(--headline-color);background-color:var(--background-primary);transition:background-color var(--transition-speed),color var(--transition-speed);line-height:1.5;width:100%;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;font-size:1.5rem;color:var(--paragraph-color)}.error-message{color:var(--error-color);font-size:.75rem;margin-top:.25rem}.btn-web3{background:var(--button-bg);color:var(--button-text);border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-web3:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;filter:brightness(1.05)}.btn-web3:active{transform:translateY(1px)}.btn-web3:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.btn-web3.btn-secondary{background:var(--background-primary);color:var(--headline-color);border:1px solid var(--border-color)}.btn-web3.btn-secondary:hover{background:var(--main-color)}.teacher-onboarding .btn-web3{background:linear-gradient(45deg,var(--highlight-color),var(--secondary-color));color:#fff;font-weight:600;box-shadow:0 4px 10px rgba(var(--highlight-color-rgb),.3)}.teacher-onboarding .btn-web3:hover{box-shadow:0 6px 15px rgba(var(--highlight-color-rgb),.4)}.teacher-onboarding .btn-web3.btn-secondary{background:#fff3;color:var(--headline-color);border:1px solid var(--border-color);box-shadow:none}.teacher-onboarding .btn-web3.btn-secondary:hover{background:#ffffff4d;border-color:var(--highlight-color)}.dark-mode .teacher-onboarding .btn-web3.btn-secondary{color:#fff;border-color:#fff3}.dark-mode .teacher-onboarding .btn-web3.btn-secondary:hover{background:#ffffff1a}.slide-enter{opacity:0;transform:translate(20px)}.slide-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.slide-exit{opacity:1;transform:translate(0)}.slide-exit-active{opacity:0;transform:translate(-20px);transition:opacity .3s,transform .3s}.onboarding-input{width:100%;padding:.8rem 1rem;background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;font-size:1rem;color:var(--headline-color);transition:all .3s ease}.onboarding-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px #4fc4cf33}.onboarding-input.textarea{min-height:100px;resize:vertical}#root{min-height:100vh;width:100%}.step-indicator{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.step-indicator:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-color:var(--step-inactive-color);transform:translateY(-50%);z-index:1}.step-indicator__progress{position:absolute;top:50%;left:0;height:2px;background-color:var(--step-active-color);transform:translateY(-50%);transition:width .3s ease;z-index:2}.step-indicator__step{width:30px;height:30px;border-radius:50%;background-color:var(--background-primary);border:2px solid var(--step-inactive-color);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--paragraph-color);position:relative;z-index:3;transition:all .3s ease}.step-indicator__step.active{border-color:var(--step-active-color);color:var(--step-active-color)}.step-indicator__step.completed{background-color:var(--step-completed-color);border-color:var(--step-completed-color);color:#fff}.global-onboarding-alert{display:flex;justify-content:space-between;align-items:center;background-color:var(--highlight-color);color:#fff;padding:.75rem 2rem}.global-onboarding-alert .alert-content{display:flex;align-items:center;gap:.75rem}.global-onboarding-alert .alert-content svg{color:#fff}.global-onboarding-alert .alert-content span{font-weight:500}.global-onboarding-alert .alert-actions{display:flex;align-items:center;gap:1rem}.global-onboarding-alert .alert-actions .complete-profile-btn{background-color:#fff;color:var(--highlight-color);border:none;padding:.5rem 1rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s ease}.global-onboarding-alert .alert-actions .complete-profile-btn:hover{filter:brightness(.95);transform:translateY(-2px)}.global-onboarding-alert .alert-actions .dismiss-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:all .2s ease}.global-onboarding-alert .alert-actions .dismiss-btn:hover{background-color:#fff3}@media (max-width: 768px){.global-onboarding-alert{flex-direction:column;gap:.75rem;padding:1rem}.global-onboarding-alert .alert-content{text-align:center;justify-content:center;flex-direction:column}.global-onboarding-alert .alert-actions{width:100%;justify-content:center}}.search-results-page{padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.search-results-page{padding:1rem}}.no-search{text-align:center;padding:4rem 2rem;color:var(--paragraph-color)}.no-search svg{color:var(--paragraph-color);opacity:.5;margin-bottom:1rem}.no-search h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--headline-color)}.no-search p{font-size:1rem;opacity:.8}.search-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.search-header{flex-direction:column;gap:1rem}}.search-header .search-info h1{font-size:2rem;font-weight:700;color:var(--headline-color);margin-bottom:.5rem;font-family:var(--font-tajawal)}.search-header .search-info .search-query{font-size:1rem;color:var(--paragraph-color);margin:0}.search-header .clear-search-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-size:.9rem}.search-header .clear-search-btn:hover{background:var(--main-color);color:var(--headline-color);border-color:var(--highlight-color)}.search-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}@media (max-width: 768px){.search-filters{flex-direction:column;align-items:stretch}}.search-filters .filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.search-filters .filter-tabs .filter-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.search-filters .filter-tabs .filter-tab:hover{background:var(--main-color);color:var(--headline-color)}.search-filters .filter-tabs .filter-tab.active{background:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.search-filters .filter-tabs .filter-tab .count{font-size:.8rem;opacity:.8}.search-filters .advanced-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--paragraph-color);cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.search-filters .advanced-filters-btn:hover{background:var(--main-color);color:var(--headline-color)}.search-filters .advanced-filters-btn svg.rotate{transform:rotate(180deg);transition:transform .3s ease}.advanced-filters-panel{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.advanced-filters-panel .filter-group label{display:block;font-size:.9rem;font-weight:600;color:var(--headline-color);margin-bottom:.5rem}.advanced-filters-panel .filter-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-primary);color:var(--headline-color);font-size:.9rem}.advanced-filters-panel .filter-group select:focus{outline:none;border-color:var(--highlight-color)}.search-results .loading-results{text-align:center;padding:3rem;color:var(--paragraph-color)}.search-results .loading-results .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.search-results .search-error{text-align:center;padding:3rem;color:var(--error-color)}.search-results .search-error button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.search-results .search-error button:hover{background:var(--highlight-color-dark)}.search-results .no-results{text-align:center;padding:4rem 2rem;color:var(--paragraph-color)}.search-results .no-results svg{color:var(--paragraph-color);opacity:.5;margin-bottom:1rem}.search-results .no-results h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--headline-color)}.search-results .no-results p{margin-bottom:1.5rem;opacity:.8}.search-results .no-results button{padding:.75rem 1.5rem;background:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.search-results .no-results button:hover{background:var(--highlight-color-dark)}.search-results .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.search-results .results-grid{grid-template-columns:1fr;gap:1rem}}.search-results .load-more{text-align:center;margin-top:3rem}.search-results .load-more .load-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--highlight-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600}.search-results .load-more .load-more-btn:hover:not(:disabled){background:var(--highlight-color-dark)}.search-results .load-more .load-more-btn:disabled{opacity:.6;cursor:not-allowed}.search-results .load-more .load-more-btn .spinner{animation:spin 1s linear infinite}.search-result-item{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:var(--card-shadow)}.search-result-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--highlight-color)}.search-result-item .result-image{position:relative;height:200px;overflow:hidden}.search-result-item .result-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-result-item .result-image .result-type-badge{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.search-result-item .result-image .result-type-badge.course{background:var(--highlight-color)}.search-result-item .result-image .result-type-badge.session{background:#ff6b35}.search-result-item .result-image .result-type-badge.teacher{background:#4ecdc4}.search-result-item .result-image .result-type-badge.review{background:#45b7d1}.search-result-item .result-content{padding:1.5rem}.search-result-item .result-content .result-title{font-size:1.2rem;font-weight:700;color:var(--headline-color);margin-bottom:.5rem;font-family:var(--font-tajawal);line-height:1.3}.search-result-item .result-content .result-description{color:var(--paragraph-color);font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-item .result-content .result-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-result-item .result-content .result-meta span{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--paragraph-color)}.search-result-item .result-content .result-meta span svg{opacity:.7}.search-result-item .result-content .result-meta span.instructor,.search-result-item .result-content .result-meta span.author{color:var(--highlight-color);font-weight:600}.search-result-item .result-content .result-meta span.rating{color:gold;font-weight:600}.search-result-item .result-content .result-meta span.rate{color:#4caf50;font-weight:600}.search-result-item .result-content .result-tags{display:flex;flex-wrap:wrap;gap:.5rem}.search-result-item .result-content .result-tags .tag{padding:.25rem .75rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:15px;font-size:.8rem;color:var(--paragraph-color);transition:all .3s ease}.search-result-item .result-content .result-tags .tag:hover{background:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.search-result-item .result-content .session-status{margin-top:.5rem}.search-result-item .result-content .session-status .status{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase}.search-result-item .result-content .session-status .status.upcoming{background:#e3f2fd;color:#1976d2}.search-result-item .result-content .session-status .status.live{background:#e8f5e8;color:#2e7d32}.search-result-item .result-content .session-status .status.completed{background:#f3e5f5;color:#7b1fa2}.dark-mode .search-result-item{background:var(--background-primary);border-color:var(--border-color)}.dark-mode .search-result-item:hover{border-color:var(--highlight-color)}.dark-mode .filter-tab,.dark-mode .advanced-filters-btn{background:var(--background-secondary);border-color:var(--border-color)}.dark-mode .filter-tab:hover,.dark-mode .advanced-filters-btn:hover{background:var(--main-color)}.dark-mode .advanced-filters-panel{background:var(--background-secondary);border-color:var(--border-color)}.data-injection-panel{max-width:800px;margin:2rem auto;padding:2rem;background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:Tajawal,sans-serif}.data-injection-panel .panel-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.data-injection-panel .panel-header svg{color:var(--primary-color, #8b5cf6);margin-bottom:.5rem}.data-injection-panel .panel-header h2{color:var(--headline-color, #111827);margin:.5rem 0;font-size:1.8rem;font-weight:700}.data-injection-panel .panel-header p{color:var(--paragraph-color, #6b7280);margin:0;font-size:1rem}.data-injection-panel .status-message{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.data-injection-panel .status-message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.data-injection-panel .status-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.data-injection-panel .status-message.info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.data-injection-panel .status-message .spinning{animation:spin 1s linear infinite}.data-injection-panel .section{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px}.data-injection-panel .section h3{color:var(--headline-color, #111827);margin:0 0 1rem;font-size:1.3rem;font-weight:600}.data-injection-panel .section.danger-zone{border-color:#fca5a5;background:#fef2f2}.data-injection-panel .section.danger-zone h3{color:#991b1b}.data-injection-panel .section.danger-zone p{color:#7f1d1d;margin:.5rem 0 1rem}.data-injection-panel .courses-list{margin-top:1rem;max-height:200px;overflow-y:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:6px}.data-injection-panel .courses-list .course-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.data-injection-panel .courses-list .course-item:last-child{border-bottom:none}.data-injection-panel .courses-list .course-item .course-info{display:flex;flex-direction:column;gap:.25rem}.data-injection-panel .courses-list .course-item .course-info strong{color:var(--headline-color, #111827);font-weight:600}.data-injection-panel .courses-list .course-item .course-info span{color:var(--paragraph-color, #6b7280);font-size:.875rem}.data-injection-panel .courses-list .course-item .course-id{color:var(--paragraph-color, #6b7280);font-family:monospace;font-size:.75rem;background:var(--background-secondary, #f9fafb);padding:.25rem .5rem;border-radius:4px}.data-injection-panel .injection-buttons{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 640px){.data-injection-panel .injection-buttons{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.data-injection-panel .injection-buttons{grid-template-columns:2fr 1fr 1fr}}.data-injection-panel .btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.data-injection-panel .btn:disabled{opacity:.6;cursor:not-allowed}.data-injection-panel .btn.primary{background:var(--primary-color, #8b5cf6);color:#fff}.data-injection-panel .btn.primary:hover:not(:disabled){background:var(--primary-dark, #7c3aed);transform:translateY(-1px)}.data-injection-panel .btn.secondary{background:var(--background-secondary, #f9fafb);color:var(--headline-color, #111827);border:1px solid var(--border-color, #e5e7eb)}.data-injection-panel .btn.secondary:hover:not(:disabled){background:var(--background-tertiary, #f3f4f6);transform:translateY(-1px)}.data-injection-panel .btn.danger{background:#dc2626;color:#fff}.data-injection-panel .btn.danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.data-injection-panel .confirm-cleanup p{color:#991b1b;font-weight:500;margin:.5rem 0 1rem}.data-injection-panel .confirm-cleanup .confirm-buttons{display:flex;gap:.75rem}.data-injection-panel .instructions{background:var(--background-secondary, #f9fafb)}.data-injection-panel .instructions ol{margin:0 0 1.5rem;padding-left:1.5rem}.data-injection-panel .instructions ol li{margin-bottom:.5rem;color:var(--paragraph-color, #374151)}.data-injection-panel .instructions ol li strong{color:var(--headline-color, #111827)}.data-injection-panel .instructions .console-info h4{color:var(--headline-color, #111827);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.data-injection-panel .instructions .console-info p{color:var(--paragraph-color, #6b7280);margin:0 0 .75rem}.data-injection-panel .instructions .console-info code{display:block;background:var(--background-primary, #ffffff);color:var(--primary-color, #8b5cf6);padding:.5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;margin-bottom:.5rem;border:1px solid var(--border-color, #e5e7eb)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-mode .data-injection-panel{background:var(--background-primary-dark, #1f2937);color:var(--text-primary-dark, #f9fafb)}.dark-mode .data-injection-panel .section{border-color:var(--border-color-dark, #374151)}.dark-mode .data-injection-panel .section.danger-zone{background:#dc26261a;border-color:#dc2626}.dark-mode .data-injection-panel .courses-list{border-color:var(--border-color-dark, #374151);background:var(--background-secondary-dark, #111827)}.dark-mode .data-injection-panel .instructions{background:var(--background-secondary-dark, #111827)}.dark-mode .data-injection-panel .console-info code{background:var(--background-primary-dark, #1f2937);border-color:var(--border-color-dark, #374151)}@media (max-width: 640px){.data-injection-panel{margin:1rem;padding:1rem}.data-injection-panel .panel-header h2{font-size:1.5rem}.data-injection-panel .section{padding:1rem}.data-injection-panel .injection-buttons{grid-template-columns:1fr}.data-injection-panel .confirm-buttons{flex-direction:column}}.admin-panel-page{min-height:100vh;background:var(--background-secondary, #f9fafb);padding:2rem 1rem;font-family:Tajawal,sans-serif}.admin-panel-page .admin-header{display:flex;align-items:center;gap:1rem;max-width:800px;margin:0 auto 2rem;padding:1.5rem;background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 2px 10px #0000001a}.admin-panel-page .admin-header svg{color:var(--primary-color, #8b5cf6);flex-shrink:0}.admin-panel-page .admin-header h1{color:var(--headline-color, #111827);margin:0;font-size:1.8rem;font-weight:700}.admin-panel-page .admin-header p{color:var(--paragraph-color, #6b7280);margin:.25rem 0 0;font-size:1rem}.admin-panel-page .admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:500px;margin:4rem auto;padding:3rem 2rem;background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 4px 20px #0000001a}.admin-panel-page .admin-access-denied svg{color:var(--paragraph-color, #6b7280);margin-bottom:1rem}.admin-panel-page .admin-access-denied h2{color:var(--headline-color, #111827);margin:0 0 1rem;font-size:1.5rem;font-weight:600}.admin-panel-page .admin-access-denied p{color:var(--paragraph-color, #6b7280);margin:0;font-size:1rem;line-height:1.6}.admin-panel-page .admin-warning{max-width:800px;margin:0 auto;padding:2rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:1.5rem}.admin-panel-page .admin-warning svg{color:#d97706;flex-shrink:0;margin-top:.25rem}.admin-panel-page .admin-warning h3{color:#92400e;margin:0 0 1rem;font-size:1.3rem;font-weight:600}.admin-panel-page .admin-warning p{color:#78350f;margin:0 0 1rem;line-height:1.6}.admin-panel-page .admin-warning p strong{font-weight:600}.admin-panel-page .admin-warning .btn-proceed{background:#d97706;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.admin-panel-page .admin-warning .btn-proceed:hover{background:#b45309;transform:translateY(-1px)}.admin-panel-page .admin-content{max-width:1000px;margin:0 auto}.admin-panel-page .admin-footer{max-width:800px;margin:2rem auto 0;padding:1.5rem;background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center}.admin-panel-page .admin-footer p{color:var(--paragraph-color, #6b7280);margin:0 0 1rem;line-height:1.6}.admin-panel-page .admin-footer p strong{color:var(--headline-color, #111827);font-weight:600}.admin-panel-page .admin-footer p a{color:var(--primary-color, #8b5cf6);text-decoration:none;font-weight:500}.admin-panel-page .admin-footer p a:hover{text-decoration:underline}.admin-panel-page .admin-footer .btn-secondary{background:var(--background-secondary, #f9fafb);color:var(--headline-color, #111827);border:1px solid var(--border-color, #e5e7eb);padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-panel-page .admin-footer .btn-secondary:hover{background:var(--background-tertiary, #f3f4f6);transform:translateY(-1px)}.dark-mode .admin-panel-page{background:var(--background-secondary-dark, #111827)}.dark-mode .admin-panel-page .admin-header,.dark-mode .admin-panel-page .admin-access-denied{background:var(--background-primary-dark, #1f2937);color:var(--text-primary-dark, #f9fafb)}.dark-mode .admin-panel-page .admin-warning{background:#f59e0b1a;border-color:#f59e0b}.dark-mode .admin-panel-page .admin-footer{background:var(--background-primary-dark, #1f2937);color:var(--text-primary-dark, #f9fafb)}@media (max-width: 768px){.admin-panel-page{padding:1rem .5rem}.admin-panel-page .admin-header{flex-direction:column;text-align:center;gap:.5rem}.admin-panel-page .admin-header h1{font-size:1.5rem}.admin-panel-page .admin-warning{flex-direction:column;padding:1.5rem;text-align:center}.admin-panel-page .admin-warning svg{margin:0 auto 1rem}.admin-panel-page .admin-warning h3{font-size:1.2rem}.admin-panel-page .admin-access-denied{margin:2rem auto;padding:2rem 1.5rem}.admin-panel-page .admin-access-denied h2{font-size:1.3rem}.admin-panel-page .admin-footer{padding:1rem}.admin-panel-page .admin-footer p{font-size:.9rem}}@media (max-width: 480px){.admin-panel-page .admin-header h1{font-size:1.3rem}.admin-panel-page .admin-warning{padding:1rem}.admin-panel-page .admin-warning h3{font-size:1.1rem}.admin-panel-page .admin-warning p{font-size:.9rem}}