@keyframes slideIn{0%{opacity:0;transform:translate(100%)}60%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(-15%)}to{opacity:1;transform:translate(0)}}.chatbot-button{cursor:pointer;z-index:100;transition:opacity .5s linear;animation:.6s ease-out forwards slideIn;display:flex;position:fixed;bottom:7em;right:2em}.chatbot-button__image{background-image:var(--tangerine-ai-bot);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100px;height:100px}.chatbot-button:focus{outline:none}.chat-audio-recorder{background:var(--color-tangerine-ai,#bc3ebc);border-radius:24px;width:100%;min-height:40px;position:relative;overflow:hidden}.chat-audio-recorder__content{z-index:1;color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:4px 12px;display:flex;position:relative}.chat-audio-recorder__waves{flex:1;align-items:center;gap:3px;height:30px;margin-right:8px;display:inline-flex}.chat-audio-recorder__waves span{background:rgba(255,255,255,.95);border-radius:2px;width:4px;height:4px}.chat-audio-recorder__actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.chat-audio-recorder__icon-btn{cursor:pointer;background:#f9f9f9;border:1px solid #f2f2f2;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:all .2s ease-in-out;display:grid}.chat-audio-recorder__icon-btn--white{background:#fff;border:1px solid #f2f2f2;box-shadow:0 1px 2px rgba(0,0,0,.08)}.chat-audio-recorder__icon-btn svg{width:16px;height:16px}.chat-audio-recorder__icon-btn:not(:disabled):hover{background:#f2f2f2;border:1px solid #e0e0e0}.chat-audio-recorder__icon-btn:not(:disabled):active{background:#f9f9f9;transform:translateY(0);box-shadow:inset 0 3px rgba(224,224,224,.7)}.chat-audio-recorder__icon-btn:disabled{cursor:not-allowed;background:#f2f2f2;transform:none;box-shadow:0 1px 2px rgba(0,0,0,.05)}.diagram-mermaid{width:100%;height:100%;position:relative}.diagram-mermaid svg{max-width:100%;height:auto;margin:0 auto;display:block}.diagram-mermaid__download-btn{position:absolute;top:8px;right:8px}.diagram-mermaid__download-btn svg path{fill:var(--color-tangerine-ai,#bc3ebc)}.diagram-mermaid-error__container{flex-direction:row;gap:8px;display:flex}.diagram-mermaid-error__icon{margin-bottom:.5rem;font-size:2rem}.diagram-mermaid-error__message{color:#333;font-size:18px}.diagram-mermaid-error__details{font-size:14px}.diagram-mermaid-error__code{color:#333;max-width:280px;overflow:auto}.chat-mermaid-modal-container{border-radius:var(--border-radius-01);justify-content:center;align-items:center;width:100%;min-height:300px;padding:20px;display:flex}.chat-mermaid-modal-container .chat-mermaid-modal__diagram{text-align:center}.chat-mermaid-modal-container .chat-mermaid-modal__diagram svg{max-width:100%;height:auto}.report-modal__content{flex-direction:column;gap:16px;display:flex}.report-modal__subtitle{font-family:var(--font-second);color:#4e4e4e;margin:0;font-size:14px;font-weight:400;line-height:1.5}.report-modal__options{flex-direction:column;gap:16px;display:flex}.report-modal__options .input-radio .input-radio__icon-container{align-items:center;display:flex}.report-modal__option{padding:0}.report-modal__comment{flex-direction:column;gap:8px;margin-top:8px;display:flex}.report-modal .dialog__actions .footer-buttons .button{color:#fff;background:var(--color-first)}.report-modal .dialog__actions .footer-buttons .button.button--color-transparent{color:var(--color-first);background:0 0}.report-modal .dialog__actions .footer-buttons .button.button--color-transparent .button__text{color:var(--color-first)}.report-modal .dialog__actions .footer-buttons .button:disabled{opacity:.4}.report-modal .dialog__title{font-family:var(--font-second);font-size:15px;font-weight:600}.typing-indicator{justify-content:center;align-items:center;gap:7px;margin-top:0;display:flex}.typing-indicator--inline{background-color:transparent;border:none;justify-content:flex-start;width:auto;margin-top:8px;padding:8px 0 0}.typing-indicator span{border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-pulse;display:inline-block}.typing-indicator span:first-child{background-color:var(--color-tangerine-ai,#bc3ebc);animation-delay:0s}.typing-indicator span:nth-child(2){background-color:var(--color-tangerine-ai-dark,#741571);animation-delay:.2s}.typing-indicator span:nth-child(3){background-color:var(--color-tangerine-ai-light,#f0c0f0);animation-delay:.4s}@keyframes typing-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.chat-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;animation:.2s ease-out slideDown;display:flex;box-shadow:0 5px 20px rgba(169,155,144,.2)}.chat-dropdown__header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:flex-start;padding:8px 16px;display:flex}.chat-dropdown__header-content{flex:1}.chat-dropdown__title{color:#333;font-size:18px;font-weight:600;line-height:28px;font-family:var(--font-first);letter-spacing:normal;margin:0}.chat-dropdown__subtitle{color:#767676;font-size:18px;font-weight:500;line-height:24px;font-family:var(--font-second);letter-spacing:normal;margin:0}.chat-dropdown__content{flex:1;min-height:60px;max-height:60vh;padding:0 8px;overflow-x:hidden;overflow-y:auto}.chat-dropdown__footer{border-top:1px solid #e0e0e0;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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{color:#135f3e}.unit-metrics-card__recommendation-tag--all-good svg path{fill:#135f3e!important}.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}.lesson-recommendation-item{align-items:center;gap:16px;padding:0;display:flex}.lesson-recommendation-item__alert{background-color:#fff0f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lesson-recommendation-item__content{flex:1}.lesson-recommendation-item__title{color:#333;font-family:Lato Bold,sans-serif;font-size:16px;font-weight:600;line-height:24px}.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;display:flex;overflow:hidden}.teacher-layout-wrapper__nav-item .icon{flex-shrink:0}.teacher-layout-wrapper__nav-item .icon__wrapper svg path{fill:#767676;transition:fill .2s}.teacher-layout-wrapper__nav-item:hover{background:rgba(255,255,255,.5)}.teacher-layout-wrapper__nav-item:hover .icon__wrapper svg path{fill:var(--color-tangerine-ai-dark,#741571)}.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 .teacher-layout-wrapper__nav-text{color:var(--color-tangerine-ai,#bc3ebc);font-family:var(--font-first)}.teacher-layout-wrapper__nav-item--active .icon__wrapper svg path{fill:var(--color-tangerine-ai,#bc3ebc)}.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__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__mobile-menu-button,.teacher-layout-wrapper__mobile-menu-backdrop{display:none}