.chat-button{font-family:var(--font-first);cursor:pointer;color:inherit;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:0;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;position:relative}.chat-button--large{height:40px;padding:8px 12px;font-size:18px}.chat-button--small{gap:8px;height:30px;padding:2px 8px;font-size:16px}.chat-button--icon-only{gap:0}.chat-button--icon-only.chat-button--large{padding:8px}.chat-button--icon-only.chat-button--small{padding:4px}.chat-button--icon-only .chat-button__text{display:none}.chat-button--icon-only{color:var(--ui-color-brand-fod-primary-a)}.chat-button--icon-only:active{color:var(--ui-color-brand-fod-dark)}.chat-button--brand.chat-button--contained{color:#fff;background:var(--ui-gradient-brand)}.chat-button--brand.chat-button--contained:hover:not(:disabled){background:var(--ui-gradient-brand-reverse)}.chat-button--brand.chat-button--contained:active:not(:disabled){background:var(--ui-color-brand-fod-dark)}.chat-button--brand.chat-button--outlined{color:var(--ui-color-brand-fod-primary-a);border:1px solid var(--ui-color-brand-fod-primary-a);background-color:#fff}.chat-button--brand.chat-button--outlined:hover:not(:disabled),.chat-button--brand.chat-button--outlined:active:not(:disabled){color:var(--ui-color-brand-fod-dark);background-color:var(--ui-color-brand-fod-alpha);border-color:var(--ui-color-brand-fod-dark)}.chat-button--brand.chat-button--text{color:var(--ui-color-brand-fod-primary-a);font-family:var(--font-first);background-color:transparent;border-radius:8px}.chat-button--brand.chat-button--text:hover:not(:disabled){color:var(--ui-color-brand-fod-dark);background-color:var(--ui-color-brand-fod-alpha)}.chat-button--brand.chat-button--text.chat-button--icon-only:hover:not(:disabled){background-color:var(--ui-color-brand-fod-lighter);color:var(--ui-color-brand-fod-primary-a)}.chat-button--brand.chat-button--text.chat-button--icon-only:active:not(:disabled){background-color:var(--ui-color-brand-fod-lighter);color:var(--ui-color-brand-fod-dark)}.chat-button--brand.chat-button--text:not(.chat-button--icon-only):hover:not(:disabled),.chat-button--brand.chat-button--text:not(.chat-button--icon-only):active:not(:disabled){color:var(--ui-color-brand-fod-dark);background-color:var(--ui-color-brand-fod-alpha)}.chat-button--brand.chat-button--text.chat-button--active,.chat-button--brand.chat-button--text.chat-button--active:hover:not(:disabled),.chat-button--brand.chat-button--text.chat-button--active:active:not(:disabled){background-color:var(--ui-color-brand-fod-lighter)}.chat-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.chat-button__text{font-family:var(--font-first);font-weight:700;line-height:26px}.chat-button__icon{color:inherit}.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}.feedback-status-modal{--feedback-status-modal-mascot-width:3rem;--feedback-status-modal-mascot-height:3.5rem}.feedback-status-modal__content{align-items:center;gap:var(--ui-space-sm);padding:var(--ui-space-md);text-align:center;flex-direction:column;display:flex}.feedback-status-modal__mascot{width:var(--feedback-status-modal-mascot-width);height:var(--feedback-status-modal-mascot-height);background-position:50%;background-repeat:no-repeat;background-size:contain}.feedback-status-modal__mascot--success{background-image:var(--tangerine-ai-bot-happy)}.feedback-status-modal__mascot--error{background-image:var(--tangerine-ai-bot-disconnected)}.feedback-status-modal__title{font-family:var(--ui-font-family-heading);font-size:var(--ui-font-size-22);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-32);color:var(--ui-color-neutral-grey-900);margin:0}.feedback-status-modal__description{font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-16);font-weight:var(--ui-font-weight-regular);line-height:var(--ui-line-height-24);color:var(--ui-color-neutral-grey-900);margin:0}.drawer-overlay{z-index:8000;opacity:0;visibility:hidden;background-color:rgba(16,16,16,.15);transition:opacity .3s,visibility .3s;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-overlay--open{opacity:1;visibility:visible}.drawer{z-index:8001;visibility:hidden;background-color:#fff;flex-direction:column;height:100vh;transition:transform .3s,visibility .3s;display:flex;position:fixed;top:0;transform:translate(100%);box-shadow:0 5px 20px rgba(169,155,144,.2)}.drawer--right{right:0}.drawer--left{left:0;transform:translate(-100%)}.drawer--open{visibility:visible;transform:translate(0)}.drawer__header{border-bottom:1px solid #e0e0e0;flex-shrink:0}.drawer__content{flex:1;overflow-y:auto}.drawer__footer{border-top:1px solid #e0e0e0;flex-shrink:0}.topic-ranking-item{border-radius:var(--border-radius-01);flex-direction:column;gap:4px;margin:8px 0;padding:8px;display:flex}.topic-ranking-item:hover{cursor:pointer;background-color:#f9f9f9}.topic-ranking-item:last-child{border-bottom:none}.topic-ranking-item__row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;display:flex}.topic-ranking-item__info{align-items:center;gap:16px;min-width:0;margin-right:2px;display:flex}.topic-ranking-item__name{font-family:var(--font-second);color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:20px;overflow:hidden}.topic-ranking-item__discipline-badge{font-family:var(--font-second);white-space:nowrap;background-color:#f2f2f2;border-radius:8px;padding:4px 8px;font-size:14px;font-weight:500;line-height:18px}.topic-ranking-item__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.topic-ranking-item__frequency{font-family:var(--font-first);font-size:14px;font-weight:700;line-height:20px}.topic-ranking-item__chevron{cursor:pointer;color:#767676;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}.topic-ranking-item__chevron:hover{background-color:#f2f2f2}.topic-ranking-item__chevron--expanded{transform:rotate(180deg)}.topic-ranking-item__bar{background-color:#f2f2f2;border-radius:3px;width:100%;height:8px;overflow:hidden}.topic-ranking-item__bar-fill{border-radius:3px;height:100%;transition:width .3s}.topic-ranking-item--color-1 .topic-ranking-item__frequency{color:#6b0a6b}.topic-ranking-item--color-1 .topic-ranking-item__bar-fill{background-color:#e047e0}.topic-ranking-item--color-2 .topic-ranking-item__frequency{color:#70022e}.topic-ranking-item--color-2 .topic-ranking-item__bar-fill{background-color:#e3366f}.topic-ranking-item--color-3 .topic-ranking-item__frequency{color:#662014}.topic-ranking-item--color-3 .topic-ranking-item__bar-fill{background-color:#ff7450}.topic-ranking-item--color-4 .topic-ranking-item__frequency{color:#664306}.topic-ranking-item--color-4 .topic-ranking-item__bar-fill{background-color:#ffb233}.topic-ranking-item--color-5 .topic-ranking-item__frequency{color:#305001}.topic-ranking-item--color-5 .topic-ranking-item__bar-fill{background-color:#91d432}.topic-ranking-item--color-6 .topic-ranking-item__frequency{color:#05490b}.topic-ranking-item--color-6 .topic-ranking-item__bar-fill{background-color:#36c03c}.topic-ranking-item--color-7 .topic-ranking-item__frequency{color:#014d5c}.topic-ranking-item--color-7 .topic-ranking-item__bar-fill{background-color:#3ce4f1}.topic-ranking-item--color-8 .topic-ranking-item__frequency{color:#0a3366}.topic-ranking-item--color-8 .topic-ranking-item__bar-fill{background-color:#4eabff}.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-analytics-view__loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.teacher-analytics-view__loading p{color:#767676;font-size:14px}.teacher-analytics-view__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:400px;display:flex}.teacher-analytics-view__error p{color:#dc3545;max-width:500px;font-size:14px}.teacher-analytics-view__header-container{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.teacher-analytics-view__header-container .teacher-analytics-view__class-selector{min-width:200px;max-width:300px;margin-left:auto}.teacher-analytics-view__subject-selector{min-width:200px;max-width:300px}.teacher-analytics-view__units-grid{flex-direction:column;gap:16px;width:100%;display:flex}.teacher-analytics-view__sections-container{flex-direction:column;gap:16px;display:flex}.teacher-analytics-view__section-separator{border-bottom:1px solid #eee4dc;margin:16px 0}.teacher-analytics-view__recommendations{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.teacher-analytics-view__section{display:block}.teacher-analytics-view__section-title{color:#333;font-size:22px;font-weight:700;font-family:var(--font-first);margin:0 0 24px}.teacher-analytics-view__legend{justify-content:flex-end;gap:24px;margin-top:16px;display:flex}.teacher-analytics-view__legend-item{align-items:center;gap:8px;display:flex}.teacher-analytics-view__legend-color{border-radius:4px;flex-shrink:0;width:16px;height:16px}.teacher-analytics-view__legend-color--mastered{background-color:#0095a2}.teacher-analytics-view__legend-color--in-progress{background-color:#00b4c5}.teacher-analytics-view__legend-color--not-started{background-color:#d4fbff}.teacher-analytics-view__legend-text{font-size:14px;font-weight:500;font-family:var(--font-second);color:#4e4e4e;line-height:1}.stat-card{--stat-card-icon-size:36px;--stat-card-toggle-size:24px;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:flex}.stat-card--expandable{flex-direction:column;align-items:stretch}.stat-card__row{align-items:center;gap:16px;width:100%;display:flex}.stat-card__row--clickable{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;margin:0;padding:0}.stat-card__row--clickable:hover .stat-card__toggle{color:#333}.stat-card__row--clickable:focus-visible{outline:2px solid var(--color-first);outline-offset:2px}.stat-card__icon{width:var(--stat-card-icon-size);height:var(--stat-card-icon-size);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card__icon--success{color:#28a773;background-color:#e6fbfc}.stat-card__icon--success .icon--color-default{color:#02788a}.stat-card__icon--rollback{color:#e04949;background-color:#ffeaed}.stat-card__icon--rollback .icon--color-default{color:#97033a}.stat-card__icon--timeline{color:#8e0d8e;background-color:#fff1ff}.stat-card__icon--timeline .icon--color-default{color:#8e0d8e}.stat-card__icon--time{color:#0a6910;background-color:#d7fedb}.stat-card__icon--time .icon--color-default{color:#0a6910}.stat-card__icon--group{background-color:#fffad6}.stat-card__icon--group .icon--color-default{color:#996008}.stat-card__icon--mastery{color:#8e0d8e;background-color:#fff1ff}.stat-card__icon--mastery .icon--color-default{color:#8e0d8e}.stat-card__description{font-family:var(--font-second);color:#4e4e4e;background-color:#f9f9f9;border-radius:8px;margin:0;padding:8px;font-size:14px;line-height:20px}.stat-card__info{flex:1;gap:8px;min-width:0;display:flex}.stat-card--layout-inline .stat-card__info{flex-direction:row-reverse;justify-content:flex-end;align-items:baseline}.stat-card--layout-spread{gap:0}.stat-card--layout-spread .stat-card__info{flex-direction:row;justify-content:space-between}.stat-card--layout-stacked .stat-card__info{flex-direction:column;align-items:flex-start;gap:2px}.stat-card__value{font-family:var(--font-second);color:#333;flex-shrink:0;font-weight:700}.stat-card--layout-inline .stat-card__value,.stat-card--layout-spread .stat-card__value{font-size:18px;line-height:26px}.stat-card__label{font-family:var(--font-second);color:#4e4e4e;font-size:14px;line-height:20px}.stat-card__toggle{width:var(--stat-card-toggle-size);height:var(--stat-card-toggle-size);cursor:pointer;color:#767676;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .4s;display:flex}.stat-card__toggle svg{width:var(--stat-card-toggle-size);height:var(--stat-card-toggle-size)}.stat-card__toggle--expanded{transform:rotate(180deg)}.radar-type-tag{font-family:var(--font-second);white-space:nowrap;color:#333;background-color:#f2f2f2;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:28px;padding:4px 8px;font-size:14px;font-weight:500;line-height:normal;display:flex}.radar-type-tag--inappropriate-use{color:#97033a;background-color:#ffeaed}.radar-type-tag--learning-block,.radar-type-tag--group-learning-alert{color:#996008;background-color:#fffad6}.radar-card{cursor:pointer;background-color:#fff;border:1px solid #ababab;border-radius:8px;flex-direction:column;padding:8px 16px;transition:box-shadow .4s,border-color .4s;display:flex;box-shadow:0 2px #f8f8f8}.radar-card:hover{box-shadow:0 5px 12px rgba(16,16,16,.05)}.radar-card--unread{border:2px solid #e04949}.radar-card--attended,.radar-card--dismissed{background-color:#f9f9f9}.radar-card--attended .radar-card__bubble,.radar-card--dismissed .radar-card__bubble{background-color:#f2f2f2}.radar-card__content{flex-direction:column;gap:8px;width:100%;display:flex}.radar-card__header{align-items:center;gap:8px;display:flex}.radar-card__avatar{font-family:var(--font-first);color:#4e4e4e;background-color:#f2f2f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex;position:relative}.radar-card__avatar--unread:after{content:"";background-color:#e04949;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:0;right:0}.radar-card__avatar--group{background-color:#04d5e8}.radar-card__avatar--group .icon__wrapper{justify-content:center;align-items:center;display:flex}.radar-card__avatar--group .icon{width:20px;height:20px}.radar-card__avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.radar-card__header-info{flex-direction:column;flex:1;min-width:0;display:flex}.radar-card__name-row{align-items:center;gap:8px;min-width:0;display:flex}.radar-card__student-name{font-family:var(--font-first);color:#333;white-space:nowrap;text-overflow:ellipsis;margin-right:8px;font-size:16px;font-weight:600;line-height:26px;overflow:hidden}.radar-card--attended .radar-card__student-name,.radar-card--dismissed .radar-card__student-name{color:#4e4e4e}.radar-card__subtitle{font-family:var(--font-second);color:#767676;font-size:14px;font-weight:500;line-height:20px}.radar-card__category-badge{font-family:var(--font-second);white-space:nowrap;color:#333;background-color:#f2f2f2;border-radius:16px;flex-shrink:0;align-items:center;height:28px;padding:4px 8px;font-size:14px;font-weight:500;line-height:normal;display:flex}.radar-card__menu-btn{cursor:pointer;color:#ababab;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:28px;height:28px;padding:0;display:flex}.radar-card__menu-btn:hover{color:#4e4e4e;background-color:#f9f9f9}.radar-card__body{align-items:flex-start;gap:16px;padding-bottom:8px;display:flex}.radar-card__body-left{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.radar-card__bubble{border-radius:var(--border-radius-01);background-color:#f9f9f9;width:100%;padding:8px}.radar-card__bubble--inappropriate{border:1px solid #ababab;border-bottom-right-radius:0}.radar-card__content-prefix{font-weight:700}.radar-card__bubble-text{font-family:var(--font-second);color:#333;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:500;line-height:24px;display:-webkit-box;overflow:hidden}.radar-card__locations{font-family:var(--font-second);color:#4e4e4e;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:20px;display:block;overflow:hidden}.radar-card__body-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.radar-card .severity-badge{padding-top:4px}.radar-card__date{font-family:var(--font-second);color:#4e4e4e;white-space:nowrap;font-size:12px;font-weight:500;line-height:24px}.radar-card__footer{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.radar-card__footer-left{flex:1;min-width:0}.radar-card__footer-right{flex-shrink:0;align-self:flex-start}.radar-card__reviewer{white-space:nowrap;align-items:center;gap:4px;display:flex}.radar-card__reviewer-label{font-family:var(--font-second);color:#767676;text-transform:uppercase;font-size:12px;font-weight:700;line-height:18px}.radar-card__reviewer-name{font-family:var(--font-second);color:#4e4e4e;font-size:12px;font-weight:600;line-height:18px}