@import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:1rem}.auth-layout__container{width:100%;max-width:400px}.auth-layout__card{width:100%;background:#fff;padding:2rem;box-shadow:var(--shadow);border-radius:16px;position:relative;z-index:2;animation:fadeInUp .6s ease-out}.auth-layout__header{margin-bottom:2rem}.auth-layout__title{font-size:22px;color:#6c6a5d;margin-bottom:12px}.auth-layout__subtitle{font-size:15px;color:#7d7b6b;margin-bottom:16px}.auth-layout__content{width:100%}@media (max-width: 768px){.auth-layout{align-items:flex-start;padding:0}.auth-layout__container{max-width:100%}.auth-layout__card{min-height:100vh;border-radius:0;box-shadow:none;padding:3rem 1.5rem;animation:none;display:flex;flex-direction:column;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none}.button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.6}.button--small{padding:.5rem .875rem;font-size:.875rem;min-height:2rem}.button--medium{padding:.75rem 1.5rem;font-size:14px;min-height:2.75rem}.button--large{padding:1rem 2rem;font-size:1.125rem;min-height:3.5rem}.button--primary{background-color:var(--primary-color);color:var(--text-border-text)}.button--primary:hover:not(:disabled){background-color:var(--primary-color-hover);transform:translateY(-1px)}.button--secondary{background-color:var(--bg-secondary);color:var(--text-border-text);border:1px solid var(--border-color)}.button--secondary:hover:not(:disabled){background-color:var(--bg-color);border-color:var(--primary-color)}.button--outline{background-color:transparent;color:var(--text-secondary);border:2px solid var(--primary-color)}.button--outline:hover:not(:disabled){background-color:var(--primary-color);color:var(--text-secondary)}.button--loading{pointer-events:none}.button__spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.button__content{transition:opacity .2s ease}.button__content--loading{opacity:.7}.input-wrapper{width:100%}.input-wrapper:not(:last-child){margin-bottom:1rem}.input-wrapper--small{font-size:.875rem}.input-wrapper--medium{font-size:1rem}.input-wrapper--large{font-size:1.125rem}.input{width:100%;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:inherit;color:#333;background-color:var(--card-color);transition:all .2s ease}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3182ce1a}.input:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.6}.input::placeholder{color:#b7b5be}.input--small{padding:.5rem .75rem;min-height:2rem}.input--medium{padding:.75rem 1rem;min-height:2.75rem}.input--large{padding:1rem 1.25rem;min-height:3.5rem}.input--default{background-color:#fff}.input--filled{background-color:var(--card-color);border:1px solid transparent}.input--filled:focus{background-color:var(--card-color);border-color:var(--accent-primary)}.input--error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.input--error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.input__label{display:block;font-weight:500;color:#7d7b6b;margin-bottom:.5rem}.input__required{color:#e53e3e;margin-left:.25rem}.input__container{position:relative}.input__error{display:block;color:#e53e3e;font-size:.875rem;margin-top:.25rem}.input__hint{display:block;color:#7d7b6b;font-size:.875rem;margin-top:.25rem}.card{background-color:var(--bg-color);border-radius:12px;transition:all .2s ease}.card--default{border:1px solid var(--border-color)}.card--elevated{border:1px solid var(--border-color);box-shadow:var(--shadow)}.card--elevated:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.card--outlined{border:2px solid var(--border-color)}.card--padding-none{padding:0}.card--padding-small{padding:1rem}.card--padding-medium{padding:1.5rem}.card--padding-large{padding:2rem}.breadcrumbs{padding:1rem 0;color:var(--text-primary);font-size:22px;margin-top:36px}.breadcrumb-item:not(:last-child):after{content:"/";margin:0 .3em;color:var(--text-disabled)}.breadcrumb-item--link{cursor:pointer;text-decoration:none;color:var(--text-primary);transition:color .2s ease}.breadcrumb-item--link:hover{color:var(--primary-color-hover)}.breadcrumb-item--active{font-weight:500;color:var(--text-secondary)}.lesson-card{background-color:var(--card-color);border-radius:16px;display:flex;flex-direction:column;gap:24px;padding:28px 24px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:1px solid var(--border-color, transparent)}.lesson-card__image-container{position:relative;aspect-ratio:16/9;background-color:#eee;border-radius:16px;overflow:hidden}.lesson-card .image-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0000000a,#00000014);animation:shimmer 1.4s infinite;border-radius:16px}.lesson-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lesson-card__content{display:flex;flex-direction:column;flex-grow:1}.lesson-card__title-on-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--primary-color);font-size:2.25rem;font-weight:800;text-align:center;text-shadow:1px 1px 6px rgba(0,0,0,.6)}.lesson-card__title-on-image--placeholder{color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.45);padding:0 1rem;line-height:1.2}.lesson-card__title{font-size:22px;color:var(--text-secondary);font-weight:500;margin:0 0 12px;line-height:1.3}.lesson-card__title:first-letter{text-transform:uppercase}.lesson-card__description{font-size:14px;color:var(--text-primary);line-height:1.5;flex-grow:1;font-weight:400;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card__actions{display:grid;grid-auto-flow:column;gap:18px;grid-auto-columns:1fr}.lesson-card__actions .button{border-radius:40px}.lesson-card__stats{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-primary);opacity:.7;margin:.5rem 0}.lesson-card__actions{display:flex;gap:.75rem;margin-top:auto}.lesson-card__actions button{flex:1}@media (max-width: 640px){.lesson-card{padding:24px 20px}}@keyframes shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.theme-toggle-container{position:relative}.theme-switcher{position:absolute;top:calc(100% + 21px);left:-20px;background-color:var(--card-color);border-radius:16px;padding:16px 24px;display:flex;flex-direction:column;gap:5px;z-index:10}.theme-option{display:flex;align-items:center;gap:10px;padding:.5rem .75rem;border-radius:6px;width:100%;text-align:left;background-color:transparent;border:none;cursor:pointer;color:var(--text-primary);font-size:.9rem}.theme-option:hover{background-color:#7d7b6b1a}.theme-option--active{background-color:var(--primary-color);color:#000}.theme-option__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.theme-option__label{font-size:14px;color:var(--text-primary);white-space:nowrap}.icon-container{position:relative;width:100%;height:100%}.icon{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}.theme--light .icon--light{opacity:1}.theme--light .icon--dark,.theme--dark .icon--light{opacity:0}.theme--dark .icon--dark{opacity:1}.login-form{width:100%}.login-form__error{background-color:#fed7d7;color:#c53030;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1.5rem;border:1px solid #feb2b2}.login-form__options{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.login-form__checkbox{display:flex;align-items:center;cursor:pointer;color:#555;font-size:.875rem}.login-form__checkbox input[type=checkbox]{margin-right:.5rem;width:16px;height:16px}.login-form__checkbox span{-webkit-user-select:none;user-select:none}.login-form__actions{margin-top:1.5rem;margin-bottom:2rem}.login-form__submit{width:100%}.login-form__footer{text-align:center;padding-top:1.5rem}.login-form__text{margin:0 0 1rem;font-size:.875rem;color:#555}.login-form__link{color:#e7d804;background:none;border:none;cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.login-form__forgot{color:#e7d804;background:none;border:none;cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0}.register-form{width:100%}.register-form__error{background-color:#fed7d7;color:#c53030;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-bottom:1.5rem;border:1px solid #feb2b2}.register-form__role{margin-bottom:1rem}.register-form__role-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.register-form__role-options{display:flex;gap:1rem}.register-form__role-error{display:block;color:#e53e3e;font-size:.875rem;margin-top:.25rem}.register-form__radio{display:flex;align-items:center;cursor:pointer;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;flex:1;transition:all .2s ease}.register-form__radio:hover{border-color:var(--accent-primary);background-color:var(--bg-secondary)}.register-form__radio input[type=radio]{margin-right:.5rem;accent-color:var(--accent-primary)}.register-form__radio span{font-size:.875rem;color:var(--text-primary)}.register-form__actions{margin-top:1.5rem;margin-bottom:2rem}.register-form__submit{width:100%}.register-form__footer{text-align:center;border-top:1px solid var(--border-color);padding-top:1.5rem}.register-form__text{margin:0;font-size:.875rem;color:var(--text-secondary)}.register-form__link{color:var(--accent-primary);background:none;border:none;cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.register-form__link:hover{color:var(--accent-secondary)}.profile-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:100;width:300px;background-color:var(--card-color);color:var(--text-secondary);border-radius:12px;padding:1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem}.profile-menu__user-info{display:flex;align-items:center;gap:1rem}.profile-menu .avatar-container .header__user-avatar.large{width:48px;height:48px;font-size:1.5rem;position:relative}.profile-menu .online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:#28c76f;border-radius:50%;border:2px solid var(--card-color)}.profile-menu__details{display:flex;flex-direction:column}.profile-menu__name{font-weight:600}.profile-menu__email{font-size:.875rem;color:var(--text-primary)}.profile-menu__separator{border-top:1px solid var(--border-color, #eee);margin:.5rem 0}.profile-menu .logout-button{display:flex;align-items:center;gap:.75rem;background:none;border:none;color:inherit;width:100%;padding:.5rem .25rem;font-size:1rem;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.profile-menu .logout-button:hover{background-color:var(--bg-color)}.profile-menu .logout-button img{width:20px;height:20px}.header{margin-bottom:36px;margin-top:16px}.header--sticky{position:sticky;z-index:900}.header .theme-toggle__button{position:relative;width:24px;height:24px;background:none;border:none;cursor:pointer}.header .theme-toggle__icon{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease,transform .3s ease}.header .theme-toggle.theme--light .theme-toggle__icon--light{opacity:1;transform:scale(1)}.header .theme-toggle.theme--light .theme-toggle__icon--dark,.header .theme-toggle.theme--dark .theme-toggle__icon--light{opacity:0;transform:scale(.5)}.header .theme-toggle.theme--dark .theme-toggle__icon--dark{opacity:1;transform:scale(1)}.header__content{background:var(--card-color);display:flex;justify-content:space-between;align-items:center;padding:18px 16px;border-radius:16px}.header__content button{background:transparent;border:none;cursor:pointer}.header__user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--bg-profile);color:var(--profile-color);font-size:1.2rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.header .profile-container{position:relative}@media (max-width: 768px){.header{margin:0}.header .container{padding:0}.header__content{border-radius:0 0 16px 16px}}body.navbar-hidden .page-content{padding-top:0}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;background-color:var(--sidebar-bg-color, var(--card-color));color:var(--sidebar-text-color, var(--text-secondary));padding:24px 20px;display:flex;flex-direction:column;transition:max-width .3s ease,transform .3s ease;overflow:hidden}.sidebar--open{max-width:260px;width:100%}.sidebar--closed{max-width:88px;align-items:center}.sidebar--closed .nav-link__label,.sidebar--closed .sidebar__logo{opacity:0;pointer-events:none}.sidebar__header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:2rem;flex-shrink:0}.sidebar--open .sidebar__header{justify-content:space-between}.sidebar__logo{width:120px;height:30px;transition:opacity .2s ease}.sidebar__toggle{border:none;outline:none;background:none;cursor:pointer;width:18px;height:18px}.sidebar__nav{flex-grow:1;width:100%;display:flex;flex-direction:column;gap:.5rem}.sidebar .nav-link{display:flex;align-items:center;padding:8px 13px;border-radius:4px;cursor:pointer;text-decoration:none;color:inherit;white-space:nowrap;transition:background-color .2s ease;width:100%}.sidebar .nav-link__icon{width:20px;height:20px;flex-shrink:0}.sidebar .nav-link__label{transition:opacity .2s ease;margin-left:12px;font-size:16px}.sidebar .nav-link:not(.sidebar .nav-link--active):hover{background-color:var(--sidebar-hover-bg, var(--bg-color))}.sidebar .nav-link--active{background-color:var(--primary-color);color:#2f3349}.sidebar .icon-container{position:relative;display:flex;align-items:center;justify-content:center}.sidebar .icon{position:absolute;top:0;left:0;transition:opacity .3s ease;width:100%;height:100%}.sidebar .icon-logo{position:absolute;top:0;left:0;transition:opacity .3s ease}.sidebar.theme--light .icon--light{opacity:1}.sidebar.theme--light .icon--dark,.sidebar.theme--dark .icon--light{opacity:0}.sidebar.theme--dark .icon--dark{opacity:1}@media (max-width: 768px){.sidebar--closed{display:none;border-right:none!important}}.template-customizer{position:fixed;right:0;top:20%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.template-customizer__toggle{width:44px;height:44px;border-radius:12px 0 0 12px;background-color:#fe0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.template-customizer__toggle:hover{transform:translate(-2px)}.template-customizer__toggle img{width:20px;height:20px}.template-customizer__line{width:100%;height:1px;background:#e6e6e6}.template-customizer__backdrop{position:fixed;inset:0;background:#0f0f1959}.template-customizer__panel{position:relative;width:min(400px,90vw);max-height:calc(100vh - 80px);overflow-y:auto;background:var(--card-color);color:var(--text-secondary);display:flex;flex-direction:column}.template-customizer__panel.theme--dark{background:#2f3349;color:#f4f4f4}.template-customizer__panel::-webkit-scrollbar{width:6px}.template-customizer__panel::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.template-customizer__header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px}.template-customizer__header h4{font-size:18px;font-weight:500;margin-bottom:12px}.template-customizer__header p{font-size:14px;font-weight:500;color:var(--text-primary)}.template-customizer__actions{display:inline-flex;align-items:center;gap:8px}.template-customizer__icon-button{width:34px;height:34px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;background:transparent}.template-customizer__icon-button img{width:18px;height:18px}.template-customizer__section{display:flex;flex-direction:column;padding:24px 28px}.template-customizer__tag{align-self:flex-start;padding:4px 12px;border-radius:4px;margin-bottom:20px;background:#ffee0026;color:#fe0;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.template-customizer__group{display:flex;flex-direction:column;padding-bottom:20px}.template-customizer__title{font-size:16px;font-weight:500;margin-bottom:14px}.template-customizer__option-group span{margin-top:14px;font-weight:500;font-size:14px;display:block}.template-customizer__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.template-customizer__option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.template-customizer__option-style{border:1px solid #DDDDDD;padding:14px 37px!important}.template-customizer__option-style img{width:25px!important;height:24px!important}.template-customizer__option img{width:100px;object-fit:contain}.template-customizer__option.is-active{border-color:#fe0}.template-customizer--open{top:50%}.template-customizer--open .template-customizer__toggle{display:none}@media (max-width: 768px){.template-customizer{bottom:24px;transform:none;top:20%}.template-customizer__backdrop{background:#0f0f1980}}@media (max-width: 576px){.template-customizer{gap:0}.template-customizer--open{inset:0;align-items:stretch}.template-customizer--open .template-customizer__panel{width:100vw;height:100vh;max-height:none;max-width:none;border-radius:0}}.layout-wrapper{display:flex;min-height:100vh}.main-content{display:flex;flex-direction:column;flex:1}.page-content{flex:1}.layout-wrapper.sidebar-open .main-content{margin-left:220px}.layout-wrapper.sidebar-closed .main-content{margin-left:88px}@media (max-width: 768px){.layout-wrapper.sidebar-open .main-content,.layout-wrapper.sidebar-closed .main-content{margin-left:0}}.home{padding:4rem 0;min-height:75vh}.home__content{display:flex;flex-direction:column;align-items:center;text-align:center}.home .btn-home{padding:10px 55px;font-size:15px;color:var(--text-border-text);background:var(--primary-color);border:none;outline:none;border-radius:20px;cursor:pointer;transition:all .2s ease}.home .btn-home:hover{background:var(--primary-color-hover)}.home .btn-home--outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.home .btn-home--outline:hover{background:var(--primary-color);color:var(--text-secondary)}.home__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.home img{max-width:300px;width:100%;height:auto;padding-bottom:16px}.home h3{font-size:28px;margin-bottom:16px;color:var(--text-secondary)}.home h4{padding-bottom:16px;font-size:20px}@media (max-width: 768px){.home{padding:3rem 0;min-height:87vh}.home h3{font-size:24px}.home h4{font-size:18px}}.lessons-page{padding:20px 0}.lessons-page .page-header{margin-bottom:30px}.lessons-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.lessons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.loader{text-align:center;padding:3rem;font-size:1.2rem}@media (max-width: 1024px){.lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.lessons-grid{grid-template-columns:1fr}}.lesson-viewer{display:flex;justify-content:center;padding:2.5rem 0 4rem;min-height:calc(100vh - 140px)}.lesson-viewer__container{max-width:1400px;width:100%;display:flex;flex-direction:column;gap:2rem}.lesson-viewer__card{width:100%;background:var(--card-color);border-radius:8px 8px 0 0;border:1px solid var(--surface-border-color, rgba(255, 255, 255, .08));padding:24px;display:flex;flex-direction:column;gap:clamp(1.5rem,2.5vw,2rem)}.lesson-viewer__preview-wrapper{border-radius:16px;padding:6px;background:#d9d9d9}.lesson-viewer__preview{position:relative;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:default}.lesson-viewer__preview--pannable{cursor:grab}.lesson-viewer__preview--dragging{cursor:grabbing}.lesson-viewer__slide{width:100%;height:100%;object-fit:contain;transition:transform .32s ease;pointer-events:none}.lesson-viewer__toolbar{position:absolute;top:clamp(.75rem,1.2vw,1.15rem);left:clamp(.75rem,1.4vw,1.25rem);display:flex;align-items:center;width:300px;height:38px;padding:9px 8px;border-radius:6px;background:#fff9;color:#333;z-index:3}.lesson-viewer__toolbar-group{display:inline-flex;align-items:center}.lesson-viewer__toolbar-group--zoom,.lesson-viewer__toolbar-group--modes{flex-shrink:0}.lesson-viewer__toolbar-counter-group{display:inline-flex;align-items:center;flex:1;justify-content:center}.lesson-viewer__toolbar-counter{font-size:16px;font-weight:500;min-width:64px;text-align:center;color:#333}.lesson-viewer__toolbar-button{width:38px;height:38px;border-radius:6px;border:none;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,color .16s ease}.lesson-viewer__toolbar-button img{width:20px;height:20px;pointer-events:none}.lesson-viewer__toolbar-button:hover:not(:disabled){background:#3333331f}.lesson-viewer__toolbar-button:disabled{opacity:.35;cursor:default}.lesson-viewer__toolbar-button--active{background:#33333329}.lesson-viewer__toolbar-button--compact{width:28px;height:28px;border-radius:6px}.lesson-viewer__toolbar-button--compact svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.lesson-viewer__body{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.lesson-viewer__meta{display:flex;flex-direction:column;gap:.4rem}.lesson-viewer__meta-title{margin:0;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:600;color:var(--text-secondary)}.lesson-viewer__meta-type{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.lesson-viewer__meta-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary, rgba(255, 255, 255, .6))}.lesson-viewer__progress{padding:.85rem 1.1rem;border-radius:16px;border:1px dashed rgba(255,255,255,.16);background:#ffffff0f;color:var(--text-secondary);text-align:center;font-size:.92rem}.lesson-viewer__thumbnails{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(128px,1fr);gap:1rem;overflow-x:auto;padding-bottom:.4rem;margin:0 -.5rem;padding-left:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent;cursor:grab}.lesson-viewer__thumbnails--dragging{cursor:grabbing}.lesson-viewer__thumbnails::-webkit-scrollbar{height:6px}.lesson-viewer__thumbnails::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.lesson-viewer__thumbnail{border:none;background:transparent;display:flex;flex-direction:column;gap:.6rem;cursor:pointer;opacity:.78;transition:transform .2s ease,opacity .2s ease;padding:0}.lesson-viewer__thumbnail-frame{width:100%;aspect-ratio:16/10;border-radius:4px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.lesson-viewer__thumbnail-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#80808066}.lesson-viewer__thumbnail-image-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s ease;pointer-events:none}.lesson-viewer__thumbnail-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary, rgba(255, 255, 255, .62))}.lesson-viewer__thumbnail:hover{opacity:1;transform:translateY(-4px)}.lesson-viewer__thumbnail:hover .lesson-viewer__thumbnail-frame img{transform:scale(1.05)}.lesson-viewer__thumbnail--active{opacity:1}.lesson-viewer__thumbnail--active .lesson-viewer__thumbnail-frame{border-color:var(--primary-color, #ffd400)}.lesson-viewer__thumbnail--active .lesson-viewer__thumbnail-label{color:var(--primary-color, #ffd400)}.lesson-viewer__status,.lesson-viewer__error,.lesson-viewer__empty{width:min(100%,520px);margin:0 auto;background:var(--card-color);border-radius:28px;border:1px solid var(--surface-border-color, rgba(255, 255, 255, .08));padding:2.75rem 2rem;text-align:center;font-size:1.05rem;line-height:1.6;font-weight:500;color:var(--text-secondary)}.lesson-viewer__error{color:var(--danger-color, #e5484d);font-weight:600}.lesson-viewer__empty{color:var(--text-tertiary, rgba(255, 255, 255, .7))}.lesson-viewer__error-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.lesson-viewer__retry-button{padding:.75rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:var(--primary-color, #4a90e2);color:#fff;font-size:.95rem;cursor:pointer;transition:all .2s ease}.lesson-viewer__retry-button:hover{background:var(--primary-hover-color, #3a7bc8);border-color:#ffffff4d}.lesson-viewer__retry-button:active{transform:scale(.98)}.lesson-viewer__nav-zone{position:absolute;top:0;bottom:0;width:25%;max-width:200px;background:transparent;border:none;cursor:pointer;z-index:2;transition:background-color .2s ease}.lesson-viewer__nav-zone:hover{background:#0000000d}.lesson-viewer__nav-zone:active{background:#0000001a}.lesson-viewer__nav-zone--prev{left:0}.lesson-viewer__nav-zone--next{right:0}@media (max-width: 1024px){.lesson-viewer{padding:2rem 0 3.25rem}.lesson-viewer__container{padding:0 1.5rem}.lesson-viewer__card{border-radius:26px;padding:2rem 1.75rem}.lesson-viewer__toolbar{left:1rem}}@media (max-width: 768px){.lesson-viewer{padding:1.75rem 0 3rem}.lesson-viewer__preview-wrapper{padding:1px;border-radius:0}.lesson-viewer__container{padding:0 1rem}.lesson-viewer__card{border-radius:22px;padding:1.5rem 1.25rem;gap:1.5rem}.lesson-viewer__preview{aspect-ratio:4/3}.lesson-viewer__toolbar{top:.6rem;left:.6rem;width:220px}.lesson-viewer__meta{gap:.3rem}.lesson-viewer__meta-title{font-size:clamp(1.2rem,3vw,1.5rem)}.lesson-viewer__thumbnails{grid-auto-columns:minmax(104px,1fr);gap:.75rem}.lesson-viewer__status,.lesson-viewer__error,.lesson-viewer__empty{padding:2.25rem 1.5rem;border-radius:22px}}.lesson-exercise-item{display:flex;gap:1rem;padding:.75rem;background:#ffffff05;border:1px solid var(--border-color, #444);border-radius:8px}.lesson-exercise-item__preview{width:120px;height:80px;border-radius:6px;overflow:hidden;background:#0003;flex-shrink:0}.lesson-exercise-item__preview img{width:100%;height:100%;object-fit:cover}.lesson-exercise-item__loader{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-primary);opacity:.6}.lesson-exercise-item__content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.lesson-exercise-item__info{display:flex;flex-direction:column;gap:.25rem}.lesson-exercise-item__name{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.lesson-exercise-item__type{font-size:.75rem;color:var(--text-primary);opacity:.7;text-transform:uppercase}.lesson-exercise-item__actions{display:flex;gap:.5rem}.lesson-exercise-item__action-btn{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lesson-exercise-item__action-btn img{width:16px;height:16px}.lesson-exercise-item__action-btn:hover{background:#ffffff0d;border-color:#fff3}.lesson-exercise-item__action-btn--edit:hover{background:#2563eb1a;border-color:#2563eb80}.lesson-exercise-item__action-btn--delete:hover{background:#d930251a;border-color:#d9302580;color:#d93025}.add-lesson-form input[type=text]{border:1px solid #dbdade}.pdf-preview-container{position:relative;width:40%;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:#0003}.addButton,.cans-btn{width:100%;margin-bottom:10px;border-radius:16px;font-size:20px}.addButton-work{color:var(--text-secondary);background:transparent;border:1px solid var(--primary-color);transition:all .2s ease}.addButton-work:hover{opacity:.8;background-color:transparent}.pdf-preview-image{width:100%;height:100%;object-fit:contain}.pdf-preview-remove{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.pdf-preview-remove img{width:26px;height:26px}.rendering-text{font-size:.85rem;color:var(--text-primary);opacity:.7;text-align:center;margin:0}.file-upload{border:2px dashed rgba(255,255,255,.14);border-radius:12px;padding:1.75rem;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;background:var(--surface-color, rgba(255, 255, 255, .04));color:var(--text-primary, #f5f5f5)}.file-upload:hover,.file-upload.dragging{background:#ffffff14;border-color:#ffffff3d;transform:translateY(-1px)}.file-upload--disabled{cursor:default;opacity:.55;pointer-events:none}.file-upload__label{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:inherit}.file-upload__label p{margin:0;font-size:.95rem;line-height:1.4}.file-upload__icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center}.file-upload__icon img{width:100%;height:100%}.lesson-preview-upload{display:flex;flex-direction:column;gap:.75rem}.lesson-preview-upload__container{position:relative;width:100%;max-width:600px;border-radius:12px;overflow:hidden;background:#0000001a;aspect-ratio:16/9}.lesson-preview-upload__image{width:100%;height:100%;object-fit:cover}.lesson-preview-upload__remove{position:absolute;top:-5px;right:-5px;width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.lesson-preview-upload__remove:hover{transform:scale(1.1)}.lesson-preview-upload__remove:active{transform:scale(.95)}.lesson-preview-upload__remove img{width:26px;height:26px}.lesson-preview-upload__filename{font-size:.875rem;color:var(--text-primary);opacity:.8;margin:0}.create-lesson-page{padding:1rem 0}.create-lesson-page .btn{border-radius:4px;background-color:#fff56e;color:var(--text-border-text);padding:16px}.create-lesson-page .addButton{border-radius:16px;display:block;width:100%;color:var(--text-border-text)}.create-lesson-page .addButton-pres{background-color:#fff56e}.create-lesson-page .addButton-work{background-color:transparent;border:1px solid #fff56e;transition:all .2s ease}.create-lesson-page .addButton-work:hover{background-color:#fff56e}.create-lesson-page .cancel-button{background:transparent;border:1px solid var(--text-secondary)}.create-lesson-page .cancel-button:hover{background:var(--text-secondary);color:#fff}.create-lesson-wrapper{background-color:var(--card-color);padding:2rem;margin:0 auto;width:100%;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem}.create-lesson-form{max-width:1400px;margin:0 auto}.create-lesson-form .form-input{border:1px solid #dbdade;border-radius:4px}.accordion h4{margin:0;font-weight:500;color:var(--text-primary)}.add-lesson-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px;background:#ffffff05}.added-lesson-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:transparent;border:1px solid var(--border-color, #444);border-radius:8px;color:var(--text-primary)}.added-lesson-item .item-details{display:flex;align-items:center;gap:.75rem}.added-lesson-item .item-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;background:var(--primary-color, #4a90e2);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.added-lesson-item .delete-button{background:transparent;outline:none;border:none;cursor:pointer}.added-lesson-item .delete-button:hover{opacity:.8}.select-wrapper:after{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--text-primary);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' 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");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' 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");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;transition:background-color .2s ease}.form-select-group select:focus+.select-wrapper:after{background-color:var(--primary-color)}.edit-exercise-item{display:flex;gap:1rem;padding:.75rem;background:#ffffff05;border:1px solid var(--border-color, #444);border-radius:8px}.edit-exercise-item__preview{display:none}.edit-exercise-item__loader,.edit-exercise-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-primary);opacity:.6}.edit-exercise-item__content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.edit-exercise-item__info{display:flex;flex-direction:column;gap:.25rem}.edit-exercise-item__name{font-size:18px;font-weight:500;color:var(--text-secondary)}.edit-exercise-item__type{font-size:16px;color:var(--text-primary);opacity:.7;text-transform:uppercase}.edit-exercise-item__actions{display:flex;gap:.5rem}.edit-exercise-item__edit,.edit-exercise-item__delete{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-exercise-item__edit img,.edit-exercise-item__delete img{width:16px;height:16px}.edit-exercise-item__edit:hover,.edit-exercise-item__delete:hover{background:#ffffff0d;border-color:#fff3}.edit-exercise-item__edit:hover{background:#2563eb1a;border-color:#2563eb80}.edit-exercise-item__delete:hover{background:#d930251a;border-color:#d9302580;color:#d93025}.edit-lesson-page{padding:1rem 0}.edit-lesson-page__loading,.edit-lesson-page__error{text-align:center;padding:2rem;color:var(--text-primary)}.edit-lesson-page .delete-btn{font-size:20px;color:var(--text-secondary);transition:all .2s ease}.edit-lesson-page .delete-btn:hover{background-color:red;color:#fff}.edit-lesson-form{max-width:1400px;margin:0 auto}.edit-lesson-form .form-input{border:1px solid #dbdade;border-radius:4px}.edit-lesson-wrapper{background-color:var(--card-color);padding:2rem;margin:0 auto;width:100%;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem}.edit-lesson-header{display:flex;justify-content:space-between;align-items:center}.edit-lesson-header h3{margin:0;font-size:1.25rem;color:var(--text-secondary);font-weight:500}.edit-lesson-status{padding:1rem;border-radius:8px;font-size:.9rem}.edit-lesson-status--success{background:#25bb741a;color:#1f9d63}.edit-lesson-status--error{background:#d930251a;color:#d93025}.accordion{display:flex;flex-direction:column;gap:1rem}.accordion-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}.accordion-header h4{margin:0;font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.form-select-group{display:flex;flex-direction:column;gap:.5rem}.form-select-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.select-wrapper{position:relative;width:100%}.form-select-group select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;color:var(--text-primary);background-color:var(--card-color);border:1px solid var(--border-color, #dbdbdb);border-radius:8px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select-group select:hover{border-color:var(--text-secondary)}.form-select-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb, 255, 238, 0),.3)}.select-wrapper:after{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--text-primary);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' 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");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' 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");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;transition:background-color .2s ease}.btn.cancel-button{background:transparent;border:1px solid var(--text-secondary)}.btn.cancel-button:hover{background:var(--text-secondary);color:#fff}.delete-teacher-page{padding:1.5rem 0 3rem}.delete-teacher-page__container{background:var(--card-color);border-radius:12px;padding:28px 28px 54px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.delete-teacher-page__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.delete-teacher-page__title{font-size:20px;color:var(--text-secondary)}.delete-teacher-page__search{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.delete-teacher-page__search-input{min-width:240px;max-width:345px;margin-bottom:0!important}.delete-teacher-page__search-input .input{padding:10px 16px;border-radius:8px;background:#ffffff0d;background:var(--list-color)}.delete-teacher-page__search-button{background:#ffd500;color:#1b1e3c;font-weight:600;padding-inline:1.75rem}.delete-teacher-page__search-button:hover:not(:disabled){background:#f6c800;transform:translateY(-1px)}.delete-teacher-page__reset-search{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;text-decoration:underline}.delete-teacher-page__reset-search:hover{opacity:.75}.delete-teacher-page__status{padding:.75rem 1rem;border-radius:12px;font-size:.95rem;line-height:1.4}.delete-teacher-page__status--error{background:#d9302529;color:var(--danger-color, #EA5B5B)}.delete-teacher-page__status--success{background:#25bb7424;color:#2ecc71}.delete-teacher-page__list{display:flex;flex-direction:column;gap:.75rem}.delete-teacher-page__loader,.delete-teacher-page__empty{text-align:center;padding:2.5rem 1rem;border-radius:12px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);color:var(--text-primary);opacity:.8}.delete-teacher-page__item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--list-color);border-radius:14px;gap:1rem}.delete-teacher-page__user{display:flex;align-items:center;gap:1rem}.delete-teacher-page__avatar{width:48px;height:48px;border-radius:50%;background:#ffffff1f;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);font-size:1.1rem}.delete-teacher-page__name{margin:0;font-weight:600;color:var(--text-secondary)}.delete-teacher-page__email{margin:.25rem 0 0;color:var(--text-primary);opacity:.7;font-size:.9rem}.delete-teacher-page__actions{display:flex;gap:.75rem;flex-wrap:wrap}.delete-teacher-page__action-button{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:10px;padding:.6rem 1.2rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.delete-teacher-page__action-button img{width:18px;height:18px}.delete-teacher-page__action-button--delete{background:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary)}.delete-teacher-page__action-button--delete:hover{transform:translateY(-1px)}.delete-teacher-page__action-button--edit{background:#232b5fd9;color:var(--text-secondary);border:1px solid rgba(255,255,255,.06)}.delete-teacher-page__action-button--edit:hover{background:#232b5f;transform:translateY(-1px)}.delete-teacher-page__modal-backdrop{position:fixed;inset:0;background:#080a18b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.delete-teacher-page__modal{position:relative;background:var(--card-color);padding:2.5rem 2rem 2rem;max-width:540px;width:100%;text-align:center;color:var(--text-secondary)}.delete-teacher-page__modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:var(--text-secondary);color:var(--card-color);font-size:1.4rem;cursor:pointer;transition:background .2s ease}.delete-teacher-page__modal-close:hover:not(:disabled){opacity:.85}.delete-teacher-page__modal-close:disabled{opacity:.6;cursor:not-allowed}.delete-teacher-page__modal-icon{width:42px;height:42px;border-radius:50%;background:#ea5b5b33;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.delete-teacher-page__modal-icon img{width:21px;height:24px}.delete-teacher-page__modal-description{margin:.5rem 0 1.75rem;color:var(--text-secondary);line-height:1.6}.delete-teacher-page__modal-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.delete-teacher-page__modal-button{min-width:140px;border-radius:12px;padding:.75rem 1.25rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.delete-teacher-page__modal-button:disabled{opacity:.6;cursor:not-allowed}.delete-teacher-page__modal-button--secondary{background:var(--list-color);color:var(--text-secondary)}.delete-teacher-page__modal-button--secondary:hover:not(:disabled){opacity:.85}.delete-teacher-page__modal-button--danger{background:#ea5b5b;color:#fff;border-radius:8px}.delete-teacher-page__modal-button--danger:hover:not(:disabled){background:#ea5b5b;transform:translateY(-1px)}@media (max-width: 768px){.delete-teacher-page{padding:1rem 0 2rem}.delete-teacher-page__container{padding:1.25rem}.delete-teacher-page__item{flex-direction:column;align-items:flex-start}.delete-teacher-page__actions{width:100%}.delete-teacher-page__action-button{flex:1 1 45%;justify-content:center}.delete-teacher-page__modal{padding:2rem 1.5rem 1.75rem}}@media (max-width: 576px){.delete-teacher-page__header{flex-direction:column;align-items:flex-start;gap:1rem}.delete-teacher-page__search{width:100%;flex-wrap:wrap;gap:.5rem}.delete-teacher-page__search-input{flex:1 1 auto;min-width:0;max-width:none}.delete-teacher-page__search-button{width:100%;padding-inline:0}.delete-teacher-page__reset-search{font-size:.85rem}.delete-teacher-page__item{gap:.5rem}.delete-teacher-page__user{gap:.75rem}.delete-teacher-page__avatar{width:40px;height:40px;font-size:1rem}.delete-teacher-page__name{font-size:1rem}.delete-teacher-page__email{font-size:.85rem}.delete-teacher-page__actions{width:100%;gap:.5rem}.delete-teacher-page__action-button{flex:1 1 100%;justify-content:center;padding:.5rem .75rem;font-size:.85rem}.delete-teacher-page__action-button img{width:16px;height:16px}}.exercise-card{background-color:var(--card-color);border-radius:12px;overflow:hidden;display:flex;padding:28px 24px;gap:24px;flex-direction:column;transition:transform .2s ease}.exercise-card__image-container{position:relative;aspect-ratio:16/9;background-color:#eee;border-radius:16px;overflow:hidden}.exercise-card__loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-primary);opacity:.6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.exercise-card__loader span{font-size:.85rem}.exercise-card__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-color, #4a90e2);border-radius:50%;animation:spinner-rotate .8s linear infinite}.exercise-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.exercise-card__title-on-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-transform:uppercase;font-weight:700;font-size:1.25rem;color:var(--primary-color);text-shadow:0 4px 14px rgba(0,0,0,.55);background:linear-gradient(135deg,#00000059,#0000008c)}.exercise-card__content{display:flex;flex-direction:column;gap:.4rem}.exercise-card__title{font-size:22px;color:var(--text-secondary);font-weight:500;line-height:1.3}.exercise-card__title:first-letter{text-transform:uppercase}.exercise-card__level{font-size:18px;color:#7d7b6b;font:1em sans-serif}.exercise-card__level:first-letter{text-transform:uppercase}.exercise-card__subtitle{font-size:16px;color:var(--text-primary)}.exercise-card__info{display:flex;gap:4px;align-items:center}.exercise-card__button{margin-top:auto;width:100%;border-radius:16px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.exercise-card__title-on-image{font-size:1rem}}.lesson-detail-page{padding:24px 0}.lesson-detail-page .loader{text-align:center}.lesson-detail-page .exercises-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lesson-detail-page__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.lesson-detail-page__header h2{margin:0;font-size:1.75rem}.lesson-detail-page__header>div:first-child{display:flex;align-items:center;gap:1rem}.lesson-detail-page__type-badge{display:inline-block;padding:.35rem .75rem;border-radius:6px;background:var(--primary-color, #4a90e2);color:#fff;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lesson-detail-page__actions{display:flex;gap:.75rem}@media (max-width: 1024px){.lesson-detail-page .exercises-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.lesson-detail-page .exercises-grid{grid-template-columns:1fr}.lesson-detail-page__header{flex-direction:column;align-items:stretch}.lesson-detail-page__header>div:first-child{flex-direction:column;align-items:flex-start}.lesson-detail-page__actions{flex-direction:column}.lesson-detail-page__actions .button{width:100%}}@media (max-width: 600px){.lesson-detail-page__header{flex-direction:column;align-items:stretch}.lesson-detail-page__header .button{width:100%}}:root{--bg-color: #F8F7FA;--primary-color: #FFEE00;--primary-color-hover: #FFD600;--card-color: #FFFFFF;--text-primary: #7D7B6B;--text-secondary: #555555;--text-disabled: #999999;--profile-color: #FF9F43;--bg-profile: #FFF1E3;--profile-active: #28C76F;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);--sidebar-bg-color: var(--card-color);--sidebar-text-color: var(--text-secondary);--sidebar-hover-bg: var(--bg-color);--surface-border-color: transparent;--text-border-text: #555555}:root.dark{--bg-color: #25293C;--primary-color: #FFEE00;--primary-color-hover: #FFD600;--list-color: #393E59;--card-color: #2F3349;--text-primary: #F0F0F0;--text-secondary: #ffffff;--text-disabled: #EEEEEE;--profile-color: #FF9F43;--bg-profile: #402810;--profile-active: #28C76F;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);--sidebar-text-color: var(--text-secondary);--sidebar-hover-bg: rgba(255, 255, 255, .08);--text-border-text: #333333}:root.light.theme-variant-semi-dark{--bg-color: #F8F7FA;--sidebar-bg-color: #25293C;--sidebar-text-color: #F4F4F4;--sidebar-hover-bg: rgba(255, 255, 255, .08)}:root.dark.theme-variant-semi-dark{--bg-color: #25293C;--sidebar-bg-color: #F8F7FA;--sidebar-text-color: #4A4A4A;--sidebar-hover-bg: rgba(0, 0, 0, .06)}:root.light.theme-variant-bordered{--surface-border-color: #41413C}:root.dark.theme-variant-bordered{--surface-border-color: #DDDDDD}:root.theme-variant-default{--surface-border-color: transparent}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Public Sans,sans-serif;font-weight:400;background-color:var(--bg-color);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}footer{padding-bottom:32px;padding-top:64px;color:var(--text-secondary);text-align:left;max-width:1400px;font-weight:400;font-size:20px;margin:0 auto;width:100%}.container{max-width:1400px;margin:0 auto}@media (max-width: 768px){.container{padding:0 16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found{display:flex;align-items:center;justify-content:center;height:30vh}.theme-variant-bordered .header__content,.theme-variant-bordered .lesson-card,.theme-variant-bordered .exercise-card,.theme-variant-bordered .lesson-viewer__main,.theme-variant-bordered .lesson-viewer__footer,.theme-variant-bordered .lesson-viewer__status,.theme-variant-bordered .lesson-viewer__error,.theme-variant-bordered .lesson-viewer__empty,.theme-variant-bordered .create-lesson-form,.theme-variant-bordered .edit-lesson-page__form,.theme-variant-bordered .edit-lesson-page__preview,.theme-variant-bordered .edit-lesson-page__exercise-group{border:1px solid var(--surface-border-color);box-shadow:none}.theme-variant-bordered .sidebar{border-right:1px solid var(--surface-border-color)}