.teacher-layout-wrapper{height:100vh;display:flex;overflow:hidden}.teacher-layout-wrapper__sidebar{background:#faf7f5;flex-direction:column;flex-shrink:0;width:265px;height:100vh;transition:width .3s;display:flex;overflow-x:hidden;overflow-y:auto}.teacher-layout-wrapper__sidebar-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.teacher-layout-wrapper__collapse-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:24px;transition:background-color .2s;display:flex}.teacher-layout-wrapper__collapse-btn:hover{background-color:rgba(0,0,0,.05)}.teacher-layout-wrapper__collapse-btn .icon{color:#767676}.teacher-layout-wrapper__title-container{visibility:visible;transition:opacity .3s;overflow:hidden}.teacher-layout-wrapper__title{color:#4e4e4e;white-space:nowrap;font-size:24px;font-weight:600;font-family:var(--font-first);margin:0;padding:24px 24px 0}.teacher-layout-wrapper__navigation{flex:1;padding:24px 0 0 24px;transition:padding .3s}.teacher-layout-wrapper__nav-list{font-family:var(--font-first);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.teacher-layout-wrapper__nav-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px 0 0 8px;align-items:center;width:100%;padding:8px 15px;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.teacher-layout-wrapper__nav-item .icon{color:#767676;flex-shrink:0;transition:color .2s}.teacher-layout-wrapper__nav-item:hover{background:rgba(255,255,255,.5)}.teacher-layout-wrapper__nav-item:hover .icon,.teacher-layout-wrapper__nav-item:hover .teacher-layout-wrapper__nav-text{color:var(--color-tangerine-ai-dark,#741571)}.teacher-layout-wrapper__nav-item--active{background:#fff}.teacher-layout-wrapper__nav-item--active .icon{color:var(--color-tangerine-ai,#bc3ebc)}.teacher-layout-wrapper__nav-item--active .teacher-layout-wrapper__nav-text{color:var(--color-tangerine-ai,#bc3ebc);font-family:var(--font-first)}.teacher-layout-wrapper__nav-item--active:hover{background:#fff}.teacher-layout-wrapper__nav-text{color:#767676;white-space:nowrap;opacity:1;width:auto;margin-left:12px;font-family:Dosis Bold,sans-serif;font-size:16px;font-weight:600;line-height:24px;transition:opacity .2s,width .3s}.teacher-layout-wrapper__dev-toggle{margin-top:auto;padding:16px 20px}.teacher-layout-wrapper__dev-toggle-hint{color:#767676;margin-top:4px;font-size:11px;line-height:1.3}.teacher-layout-wrapper__main{background:#fff;flex:1;min-width:0;padding-top:36px;overflow:auto}.teacher-layout-wrapper__main--default-padding{padding-left:72px;padding-right:72px}.teacher-layout-wrapper__main--left-only-padding{padding-left:72px;padding-right:0}.teacher-layout-wrapper__main--none-padding{padding-left:0;padding-right:0}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar{width:80px}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar-header{justify-content:center;padding-left:0;padding-right:0}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar-header .back-arrow{display:none}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__title-container{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__navigation{align-items:center;padding:24px 0 0 24px}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__nav-item{justify-content:center;padding:8px}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__nav-text{opacity:0;width:0;margin-left:0;transition:opacity .2s ease-out,width .3s,margin-left .3s}.teacher-layout-wrapper--show-back-collapsed .teacher-layout-wrapper__sidebar-header .back-arrow{display:flex}.teacher-layout-wrapper__mobile-menu-button,.teacher-layout-wrapper__mobile-menu-backdrop{display:none}.distribution-bar,.distribution-bar__container{width:100%;position:relative}.distribution-bar__container--with-labels-above{margin-top:40px}.distribution-bar__segments-wrapper{width:100%;height:24px;display:flex}.distribution-bar__segment-wrapper{flex-direction:column;align-items:center;height:24px;display:flex;position:relative}.distribution-bar__segment-wrapper--with-border:after{content:"";border-right:2px dashed #0095a2;width:1px;position:absolute;top:-10px;bottom:-10px;right:0}.distribution-bar__label-container{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:-40px;left:100%;transform:translate(-50%)}.distribution-bar__label-container--last{transform:translate(-100%)}.distribution-bar__percentage-value{font-size:18px;font-weight:700;font-family:var(--font-first);color:#4e4e4e;white-space:nowrap;line-height:28px}.distribution-bar__segment{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.distribution-bar__segment--mastered{background-color:#0095a2}.distribution-bar__segment--in-progress{background-color:#00b4c5}.distribution-bar__segment--not-started{background-color:#d4fbff}.distribution-bar__segment-label{font-size:12px;font-weight:600;font-family:var(--font-first);color:#333;white-space:nowrap;z-index:1}.distribution-bar__segment--first{border-radius:8px 0 0 8px}.distribution-bar__segment--last{border-radius:0 8px 8px 0}.distribution-bar__segment--only{border-radius:8px}.distribution-bar__segment-wrapper:first-child .distribution-bar__segment{border-radius:8px 0 0 8px}.distribution-bar__segment-wrapper:last-child .distribution-bar__segment{border-radius:0 8px 8px 0}.distribution-bar__segment-wrapper:only-child .distribution-bar__segment{border-radius:8px}.distribution-bar__legend{gap:16px;margin-top:16px;display:flex}.distribution-bar__legend-item{align-items:center;gap:8px;display:flex}.distribution-bar__legend-color{border-radius:2px;flex-shrink:0;width:28px;height:12px}.distribution-bar__legend-text{color:#4e4e4e;font-family:Lato Regular,sans-serif;font-size:14px;font-weight:500;line-height:1}.distribution-bar__labels{display:none}.distribution-bar--small .distribution-bar__container--with-labels-above{margin-top:26px}.distribution-bar--small .distribution-bar__segments-wrapper,.distribution-bar--small .distribution-bar__segment-wrapper{height:8px}.distribution-bar--small .distribution-bar__label-container{top:-26px}.distribution-bar--small .distribution-bar__segment--first{border-radius:4px 0 0 4px}.distribution-bar--small .distribution-bar__segment--last{border-radius:0 4px 4px 0}.distribution-bar--small .distribution-bar__segment--only{border-radius:4px}.distribution-bar--small .distribution-bar__percentage-value{font-family:var(--font-first);color:#4e4e4e;text-align:right;font-size:14px;font-weight:500;line-height:20px}.unit-metrics-card{align-items:flex-start;gap:24px;width:100%;padding:8px 0;display:flex}.unit-metrics-card__info{flex-direction:column;flex:1;gap:8px;display:flex}.unit-metrics-card__title,.unit-metrics-card__title .text-html *{font-size:18px;font-weight:600;font-family:var(--font-first);color:#4e4e4e;margin:0;line-height:28px}.unit-metrics-card__recommendation-tag{background-color:#fff0f0;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.unit-metrics-card__recommendation-tag--all-good{background-color:#eefaf4}.unit-metrics-card__recommendation-tag--all-good .unit-metrics-card__recommendation-icon,.unit-metrics-card__recommendation-tag--all-good .unit-metrics-card__recommendation-text,.unit-metrics-card__recommendation-tag--all-good .icon{color:#135f3e}.unit-metrics-card__recommendation-icon{color:#ba1f33;font-size:20px}.unit-metrics-card__recommendation-text{font-size:16px;font-weight:500;font-family:var(--font-second);color:#ba1f33;line-height:24px}.unit-metrics-card__progress{flex:4;min-width:0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:8px 24px;display:flex}.empty-state__icon{border-radius:16px;justify-content:center;align-items:center;width:36px;height:28px;margin-bottom:16px;display:flex}.empty-state__icon--success{background-color:#d7fedb}.empty-state__icon--success .icon--color-default{color:#0a6910}.empty-state__icon--warning{background-color:#fffaea}.empty-state__icon--warning .icon--color-default{color:#d18436}.empty-state__icon--muted{background-color:#f2f2f2}.empty-state__icon--muted .icon--color-default{color:#4e4e4e}.empty-state__icon--info{background-color:#d6f6ff}.empty-state__icon--info .icon--color-default{color:#0f4f99}.empty-state__icon--error{background-color:#ffebe2}.empty-state__icon--error .icon--color-default{color:#992e19}.empty-state__title{font-family:var(--font-first);color:#333;margin:0 0 8px;font-size:16px;font-weight:600;line-height:24px}.empty-state__description{font-family:var(--font-second);color:#333;margin:0;font-size:16px}.text-input-or-lesson-selector{width:100%;position:relative}.text-input-or-lesson-selector__label{margin-bottom:8px;display:block}.text-input-or-lesson-selector__label sup{color:#e04949}.text-input-or-lesson-selector__content{width:100%}.text-input-or-lesson-selector__lessons-list{flex-direction:column;gap:8px;display:flex}.text-input-or-lesson-selector__add-more-container{direction:row;justify-content:space-between;display:flex}.text-input-or-lesson-selector__add-more{align-self:flex-start;padding:4px 0;font-size:14px}.text-input-or-lesson-selector__error-message{color:#e04949;font-family:var(--font-second);margin-top:8px;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.text-input-mode{border-radius:8px;width:100%}.text-input-mode__textarea-wrapper{border:1px solid var(--Grays-Gray-05,#e0e0e0);border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;position:relative;overflow:hidden}.text-input-mode__textarea-wrapper textarea{border-bottom-right-radius:0;border-bottom-left-radius:0}.text-input-mode__textarea-wrapper .textarea{width:100%}.text-input-mode__textarea-wrapper .textarea__input{resize:vertical;border:none;border-radius:0;min-height:58px;max-height:150px;overflow-y:auto}.text-input-mode__footer{border:1px solid var(--Grays-Gray-05,#e0e0e0);background:var(--Grays-Gray-07,#f9f9f9);border-radius:0 0 8px 8px;align-items:center;gap:36px;padding-right:8px;display:flex}.text-input-mode__choose-button{padding:0 12px;font-size:14px;text-decoration:none;transition:opacity .2s}.text-input-mode__counter{color:#4e4e4e;white-space:nowrap;font-size:14px}.text-input-mode--error .text-input-mode__textarea-wrapper{border-color:#ed6a6a}.text-input-mode--error .text-input-mode__footer{background:rgba(246,104,104,.05);border-color:#ed6a6a}.text-input-mode--error .text-input-mode__choose-button{opacity:.4;pointer-events:none}.text-input-mode--error .text-input-mode__counter{color:#ba1f33}.lesson-selected-card{border:1px solid var(--color-border);background-color:var(--color-background-light);border-radius:8px;width:100%;padding:12px;transition:all .2s}.lesson-selected-card__content{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-selected-card__content-wrapper{align-items:center;gap:12px;display:flex}.lesson-selected-card__icon-wrapper{background-color:var(--color-first);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;display:flex}.lesson-selected-card__icon-wrapper svg{width:32px;height:32px}.lesson-selected-card__icon{color:#fff;width:24px;height:24px}.lesson-selected-card__info{flex:1;min-width:0}.lesson-selected-card__title{color:#333;font-size:16px;font-weight:500;line-height:24px;font-family:var(--font-second);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;overflow:hidden}.lesson-selected-card__context{color:#767676;text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:12px;overflow:hidden}.lesson-selected-card__meta{color:#767676;margin:0;font-size:14px;font-weight:500;line-height:24px}.lesson-selected-card__remove{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.lesson-selected-card__remove:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.lesson-selected-card__remove .icon{width:16px;height:16px}.lesson-selected-card__error{background:#f9f9f9;border:1px solid #e0e0e0}.lesson-selected-card__error .lesson-selected-card__title{color:#767676}.lesson-selected-card__error-message{color:#e04949;font-family:var(--font-second);margin-top:8px;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.lesson-selection-dialog .dialog__content{max-height:400px}.lesson-selection-dialog__section{margin-bottom:20px}.lesson-selection-dialog__section:last-child{margin-bottom:0}.lesson-selection-dialog__section-label{font-family:var(--font-second);color:#767676;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:700;line-height:normal;display:block}.lesson-selection-dialog__search{border:1px solid var(--Grays-Gray-05,#e0e0e0);background:#f9f9f9;border-radius:8px 8px 0 0;padding:12px 16px;position:relative}.lesson-selection-dialog__search-input{border:1px solid var(--Grays-Gray-05,#e0e0e0);font-family:var(--font-second);color:#333;background:#fff;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 12px;font-size:14px;transition:border-color .2s}.lesson-selection-dialog__search-input::placeholder{color:#ababab}.lesson-selection-dialog__search-input:focus{border-color:var(--color-first)}.lesson-selection-dialog__search-icon{color:#ababab;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.lesson-selection-dialog__search-icon svg{width:18px;height:18px}.lesson-selection-dialog__tree{border-left:1px solid var(--Grays-Gray-05,#e0e0e0);border-right:1px solid var(--Grays-Gray-05,#e0e0e0);max-height:320px;overflow-y:auto}.lesson-selection-dialog__loading{color:#767676;justify-content:center;align-items:center;min-height:60px;padding:20px;font-size:14px;display:flex}.lesson-selection-dialog__empty{text-align:center;color:#767676;padding:20px;font-size:14px}.lesson-selection-dialog__unit{border-bottom:1px solid var(--Grays-Gray-05,#e0e0e0)}.lesson-selection-dialog__unit:last-child{border-bottom:none}.lesson-selection-dialog__unit-row{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background-color .15s;display:flex}.lesson-selection-dialog__unit-row:hover{background-color:rgba(var(--color-first),.04)}.lesson-selection-dialog__unit-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-selection-dialog__unit-name{font-family:var(--font-second);color:#4e4e4e;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:24px;overflow:hidden}.lesson-selection-dialog__unit-counter{font-family:var(--font-second);color:#767676;text-transform:uppercase;letter-spacing:.3px;font-size:14px;font-weight:700;line-height:normal}.lesson-selection-dialog__unit-chevron{color:#767676;flex-shrink:0}.lesson-selection-dialog__unit-chevron svg{width:16px;height:16px}.lesson-selection-dialog__lessons{padding:0 16px 8px}.lesson-selection-dialog__lesson-row{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;transition:background-color .15s;display:flex}.lesson-selection-dialog__lesson-row:hover{background-color:rgba(var(--color-first),.04)}.lesson-selection-dialog__lesson-row--selected{background-color:rgba(var(--color-first),.08)}.lesson-selection-dialog__lesson-name{font-family:var(--font-second);color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.lesson-selection-dialog__checkbox{cursor:pointer;background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex}.lesson-selection-dialog__checkbox svg{width:12px;height:12px}.lesson-selection-dialog__checkbox--checked{background-color:var(--color-first);border-color:var(--color-first)}.lesson-selection-dialog__checkbox--indeterminate{border-color:var(--color-first);background-color:#fff}.lesson-selection-dialog__checkbox--unchecked:hover{border-color:var(--color-first);background-color:rgba(var(--color-first),.05)}.lesson-selection-dialog__checkbox-indeterminate{background-color:var(--color-first);border-radius:1px;width:10px;height:3px}.lesson-selection-dialog__actions{border:1px solid var(--Grays-Gray-05,#e0e0e0);background:#f9f9f9;border-radius:0 0 8px 8px;justify-content:flex-end;align-items:center;gap:16px;padding:12px 8px;display:flex}.lesson-selection-dialog__actions .button:disabled,.lesson-selection-dialog__actions .button[disabled]{color:#ababab;opacity:.6;background:0 0}.lesson-selection-dialog__footer-count{font-family:var(--font-second);color:#4e4e4e;white-space:nowrap;font-size:16px;font-weight:700;line-height:26px}.lesson-selection-dialog__field{margin-bottom:20px}.lesson-selection-dialog__field:last-child{margin-bottom:0}.lesson-selection-dialog__no-lessons{text-align:center;color:var(--color-text-secondary);background-color:var(--color-background-light);border-radius:8px;padding:20px;font-size:14px}.lesson-selection-dialog__error-title{color:#e04949;font-family:var(--font-second);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.lesson-selection-dialog__error-message{color:#e04949;font-family:var(--font-second);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.teacher-tools-view__content{flex-direction:column;gap:16px;width:100%;padding:0;display:flex}.teacher-tools-view__title{font-family:var(--font-first);color:#333;margin:0;padding:8px 0;font-size:22px;font-weight:700;line-height:32px}.teacher-tools-view__description-container{align-items:center;gap:8px;display:flex}.teacher-tools-view__description{font-family:var(--font-second);color:#4e4e4e;flex:1;margin:0;font-size:16px;font-weight:500;line-height:24px}.teacher-tools-view__description-image{background-image:var(--tangerine-ai-bot-help);background-position:50%;background-size:cover;width:48px;height:56px}.teacher-tools-view__grid{grid-template-columns:repeat(3,1fr);gap:24px 16px;display:grid}@media (max-width:1023px){.teacher-tools-view__grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}}@media (max-width:575px){.teacher-tools-view__grid{grid-template-columns:1fr;gap:16px;padding:0 16px}}