.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}.student-xray-drawer__header{border-bottom:1px solid #f2f2f2;justify-content:space-between;align-items:center;padding:8px;display:flex}.student-xray-drawer__student-info{align-items:center;gap:8px;display:flex}.student-xray-drawer__student-text{flex-direction:column;display:flex}.student-xray-drawer__student-name{font-family:var(--font-first-semi);color:#333;font-size:16px;font-weight:600;line-height:26px}.student-xray-drawer__student-class{font-family:var(--font-second);color:#767676;font-size:14px;font-weight:500;line-height:20px}.student-xray-drawer__close-btn{cursor:pointer;color:#767676;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.student-xray-drawer__close-btn:hover{color:#333}.student-xray-drawer__body{flex-direction:column;gap:24px;padding:8px 16px;display:flex;overflow-y:auto}.student-xray-drawer__stats{gap:8px;display:flex}.student-xray-drawer__stat-card{border:1px solid #e0e0e0;border-radius:8px;flex:1;padding:8px 16px}.student-xray-drawer__stat-label{font-family:var(--font-second);color:#4e4e4e;font-size:14px;font-weight:500;line-height:20px}.student-xray-drawer__stat-value-row{align-items:baseline;gap:4px;display:flex}.student-xray-drawer__stat-value{font-family:var(--font-second);color:#333;font-size:18px;font-weight:700;line-height:26px}.student-xray-drawer__stat-unit{font-family:var(--font-second);color:#767676;font-size:14px;font-weight:500;line-height:20px}.student-xray-drawer__quality-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.student-xray-drawer__quality-label{font-family:var(--font-second);color:#333;font-size:16px;font-weight:500;line-height:24px}.student-xray-drawer__quality-percentage{font-family:var(--font-second);color:#6b0a6b;font-size:14px;font-weight:700;line-height:17px}.student-xray-drawer__quality-bar{background-color:#f2f2f2;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.student-xray-drawer__quality-bar-fill{background-color:#e047e0;border-radius:4px;height:100%}.student-xray-drawer__quality-description{font-family:var(--font-second);color:#4e4e4e;font-size:14px;font-weight:500;line-height:20px}.student-xray-drawer__intent-section-title{font-family:var(--font-second);color:#333;margin-bottom:8px;font-size:16px;font-weight:500;line-height:24px}.student-xray-drawer__intent-list{flex-direction:column;gap:16px;display:flex}.student-xray-drawer__intent-row{flex-direction:column;gap:8px;display:flex}.student-xray-drawer__intent-header{justify-content:space-between;align-items:center;display:flex}.student-xray-drawer__intent-label{font-family:var(--font-second);color:#4e4e4e;font-size:14px;font-weight:500;line-height:20px}.student-xray-drawer__intent-percentage{font-family:var(--font-second);font-size:14px;font-weight:700;line-height:17px}.student-xray-drawer__intent-bar{background-color:#f2f2f2;border-radius:4px;height:8px;overflow:hidden}.student-xray-drawer__intent-bar-fill{border-radius:4px;height:100%}.student-xray-drawer__intent-row--color-1 .student-xray-drawer__intent-percentage{color:#6b0a6b}.student-xray-drawer__intent-row--color-1 .student-xray-drawer__intent-bar-fill{background-color:#e047e0}.student-xray-drawer__intent-row--color-2 .student-xray-drawer__intent-percentage{color:#70022e}.student-xray-drawer__intent-row--color-2 .student-xray-drawer__intent-bar-fill{background-color:#e3366f}.student-xray-drawer__intent-row--color-3 .student-xray-drawer__intent-percentage{color:#662014}.student-xray-drawer__intent-row--color-3 .student-xray-drawer__intent-bar-fill{background-color:#ff7450}.student-xray-drawer__intent-row--color-4 .student-xray-drawer__intent-percentage{color:#664306}.student-xray-drawer__intent-row--color-4 .student-xray-drawer__intent-bar-fill{background-color:#ffb233}.student-xray-drawer__intent-row--color-5 .student-xray-drawer__intent-percentage{color:#305001}.student-xray-drawer__intent-row--color-5 .student-xray-drawer__intent-bar-fill{background-color:#91d432}.student-xray-drawer__intent-row--color-6 .student-xray-drawer__intent-percentage{color:#05490b}.student-xray-drawer__intent-row--color-6 .student-xray-drawer__intent-bar-fill{background-color:#36c03c}.student-xray-drawer__intent-row--color-7 .student-xray-drawer__intent-percentage{color:#014d5c}.student-xray-drawer__intent-row--color-7 .student-xray-drawer__intent-bar-fill{background-color:#3ce4f1}.student-xray-drawer__intent-row--color-8 .student-xray-drawer__intent-percentage{color:#0a3366}.student-xray-drawer__intent-row--color-8 .student-xray-drawer__intent-bar-fill{background-color:#4eabff}.tutor-usage-section{flex-direction:column;gap:24px;display:flex}.tutor-usage-section__title{font-family:var(--font-first);color:#333;margin:0;font-size:18px;font-weight:700;line-height:28px}.tutor-usage-section__stats{gap:16px;margin:0;padding:0;list-style:none;display:flex}.tutor-usage-section__stat-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;flex:1;gap:8px;padding:8px 16px;display:flex}.tutor-usage-section__stat-header{justify-content:space-between;align-items:center;display:flex}.tutor-usage-section__stat-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tutor-usage-section__stat-icon--purple{background-color:#fff1ff}.tutor-usage-section__stat-icon--purple .icon--color-default.icon--lib-core path{fill:#8e0d8e}.tutor-usage-section__stat-icon--blue{background-color:#d6f6ff}.tutor-usage-section__stat-icon--blue .icon--color-default.icon--lib-skin path{fill:#0f4f99}.tutor-usage-section__stat-icon--orange{background-color:#ffebe2}.tutor-usage-section__stat-icon--orange .icon--color-default.icon--lib-skin path{fill:#992e19}.tutor-usage-section__stat-icon--green{background-color:#d7fedb}.tutor-usage-section__stat-icon--green .icon--color-default.icon--lib-skin path{fill:#0a6910}.tutor-usage-section__stat-info-icon{cursor:help;opacity:.5;align-items:center;display:flex}.tutor-usage-section__stat-info-icon:hover{opacity:.8}.tutor-usage-section__stat-label{font-family:var(--font-second);color:#4e4e4e;margin:8px 0 0;font-size:14px;font-weight:500;line-height:20px}.tutor-usage-section__stat-value{font-family:var(--font-second);color:#333;margin:0;font-size:18px;font-weight:700;line-height:26px}.tutor-usage-section__stat-subtitle{font-family:var(--font-second);color:#767676;margin:0;font-size:14px;font-weight:500;line-height:20px}.tutor-usage-section__stat-trend{font-family:var(--font-second);align-items:center;gap:2px;margin:8px 0 0;font-size:12px;font-weight:600;line-height:18px;display:flex}.tutor-usage-section__stat-trend .icon__wrapper{margin-right:8px}.tutor-usage-section__stat-trend .icon__wrapper svg{width:16px;height:16px}.tutor-usage-section__stat-trend--positive{color:#135f3e}.tutor-usage-section__stat-trend--positive .icon--color-success.icon--lib-core{fill:#135f3e}.tutor-usage-section__stat-trend--positive .tutor-usage-section__stat-trend-text{color:#135f3e}.tutor-usage-section__stat-trend--negative{color:#ba1f33}.tutor-usage-section__stat-trend--negative .icon--color-red.icon--lib-core{fill:#ba1f33}.tutor-usage-section__stat-trend--negative .tutor-usage-section__stat-trend-text{color:#ba1f33}.tutor-usage-section__stat-trend-text{font-family:var(--font-second);color:#767676;margin-left:2px;font-size:12px;font-weight:400}.tutor-usage-section__chart{border-top:1px solid #e0e0e0;flex-direction:column;gap:16px;padding-top:24px;display:flex}.tutor-usage-section__chart-header{justify-content:space-between;align-items:flex-start;display:flex}.tutor-usage-section__chart-header-text{flex-direction:column;gap:4px;display:flex}.tutor-usage-section__chart-title{font-family:var(--font-first);color:#333;margin:0;font-size:18px;font-weight:700;line-height:24px}.tutor-usage-section__chart-description{font-family:var(--font-second);color:#767676;margin:0;font-size:14px;font-weight:400;line-height:20px}.tutor-usage-section__chart-filter{flex-shrink:0;min-width:180px}.tutor-usage-section__chart-container{margin-top:16px}.tutor-usage-section__chart-legend{align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.tutor-usage-section__chart-legend-item{font-family:var(--font-second);color:#4e4e4e;align-items:center;gap:4px;font-size:14px;font-weight:500;line-height:20px;display:flex}.tutor-usage-section__chart-legend-color{flex-shrink:0;width:28px;height:12px}.tutor-usage-section__empty{font-family:var(--font-second);color:#767676;text-align:center;margin:0;padding:24px 0;font-size:14px}.learning-block-content{flex-direction:column;gap:16px;padding:16px;display:flex}.learning-block-content__header{flex-direction:column;display:flex}.learning-block-content__label-row{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.learning-block-content__label-group{align-items:center;gap:4px;display:flex}.learning-block-content__kc-info{flex-direction:column;gap:2px;display:flex}.learning-block-content__kc-statement{font-family:var(--font-second);color:#333;margin:0;font-size:18px;font-weight:500;line-height:26px}.learning-block-content__locations{flex-direction:column;gap:2px;margin:0;padding-left:16px;list-style:disc;display:flex}.learning-block-content__location{font-family:var(--font-second);color:#767676;margin:0;font-size:14px;line-height:20px}.learning-block-content__stats{flex-direction:column;gap:8px;display:flex}.learning-block-content__stat-card{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:16px;padding:8px 16px;display:flex}.learning-block-content__stat-card--expandable{flex-direction:column;align-items:stretch}.learning-block-content__stat-row{align-items:center;gap:16px;width:100%;display:flex}.learning-block-content__stat-icon{--stat-icon-size:36px;width:var(--stat-icon-size);height:var(--stat-icon-size);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.learning-block-content__stat-icon--success{color:#28a773;background-color:#e6fbfc}.learning-block-content__stat-icon--success .icon--color-default.icon--lib-skin path{fill:#02788a}.learning-block-content__stat-icon--rollback{color:#e04949;background-color:#ffeaed}.learning-block-content__stat-icon--rollback .icon--color-default.icon--lib-skin path{fill:#97033a}.learning-block-content__stat-icon--timeline{color:#8e0d8e;background-color:#fff1ff}.learning-block-content__stat-icon--timeline .icon--color-default.icon--lib-core path{fill:#8e0d8e}.learning-block-content__stat-info{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.learning-block-content__stat-value{font-family:var(--font-second);color:#333;flex-shrink:0;font-size:18px;font-weight:700;line-height:26px}.learning-block-content__stat-label{font-family:var(--font-second);color:#4e4e4e;font-size:14px;line-height:20px}.learning-block-content__stat-toggle{cursor:pointer;color:#767676;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:transform .4s;display:flex}.learning-block-content__stat-toggle svg{width:24px;height:24px}.learning-block-content__stat-toggle--expanded{transform:rotate(180deg)}.learning-block-content__rollback-info{background-color:#f9f9f9;border-radius:8px;padding:8px}.learning-block-content__rollback-info-text{font-family:var(--font-second);color:#4e4e4e;margin:0;font-size:14px;line-height:20px}.learning-block-content__rollback-info-text strong{font-family:var(--font-second-bold)}.learning-block-content__prerequisites{padding:0 16px}.learning-block-content__prerequisite-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.learning-block-content__prerequisite{flex-direction:column;gap:4px;display:flex}.learning-block-content__prerequisite:not(:last-child){border-bottom:1px solid #e0e0e0;padding-bottom:8px}.learning-block-content__prerequisite-name{font-family:var(--font-second);color:#333;font-size:16px;font-weight:500;line-height:24px}.learning-block-content__prerequisite-bar-wrapper{padding-top:16px;position:relative}.learning-block-content__prerequisite-marker{color:#ababab;line-height:0;position:absolute;top:-1px;transform:translate(-50%)}.learning-block-content__prerequisite-marker .icon__wrapper svg{width:12px;height:12px}.learning-block-content__prerequisite-bar{--bar-height:6px;--bar-radius:3px;height:var(--bar-height);border-radius:var(--bar-radius);background-color:#e0e0e0;overflow:hidden}.learning-block-content__prerequisite-bar-fill{height:100%;transition:width .3s}.learning-block-content__prerequisite--mastered .learning-block-content__prerequisite-bar-fill{background-color:#28a773}.learning-block-content__prerequisite--reviewing .learning-block-content__prerequisite-bar-fill{background-color:#d18436}.learning-block-content__prerequisite-footer{justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}.learning-block-content__prerequisite-status{font-family:var(--font-second);color:#333;border-radius:16px;padding:2px 8px;font-size:14px;font-weight:500;line-height:24px}.learning-block-content__prerequisite-status--mastered{background-color:#f3fffb}.learning-block-content__prerequisite-status--reviewing{background-color:#fffaea}.learning-block-content__prerequisite-mastery{font-family:var(--font-second);color:#4e4e4e;font-size:14px;line-height:20px}.learning-block-content__prerequisite-mastery strong{font-family:var(--font-second-bold);color:#333}.learning-block-content__timeline{--timeline-marker-width:16px;--timeline-dot-size:12px;--timeline-line-width:1px;background-color:#f9f9f9;border-radius:8px;flex-direction:column;gap:16px;margin:0;padding:8px;list-style:none;display:flex}.learning-block-content__timeline-item{grid-template-columns:auto var(--timeline-marker-width)1fr;min-height:var(--timeline-dot-size);align-items:center;gap:8px;display:grid;position:relative}.learning-block-content__timeline-date{text-align:right;font-family:var(--font-second);color:#4e4e4e;flex-direction:column;align-items:flex-end;min-width:111px;font-size:12px;line-height:18px;display:flex}.learning-block-content__timeline-item--last .learning-block-content__timeline-date{font-family:var(--font-second-bold)}.learning-block-content__timeline-marker{width:var(--timeline-marker-width);justify-content:center;align-self:stretch;align-items:center;height:100%;display:flex;position:relative}.learning-block-content__timeline-dot{width:var(--timeline-dot-size);height:var(--timeline-dot-size);z-index:1;background-color:#e875e6;border-radius:50%}.learning-block-content__timeline-item--last .learning-block-content__timeline-dot{background-color:#b00fb0;box-shadow:0 0 0 3px rgba(209,22,218,.15)}.learning-block-content__timeline-marker:after{content:"";width:var(--timeline-line-width);background-color:#8e0d8e;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%)}.learning-block-content__timeline-item:not(.learning-block-content__timeline-item--last) .learning-block-content__timeline-marker:after{height:calc(100% + 16px)}.learning-block-content__timeline-item:first-child .learning-block-content__timeline-marker:before{content:"";width:var(--timeline-line-width);background-color:#8e0d8e;height:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.learning-block-content__timeline-status-label{font-family:var(--font-second);color:#333;font-size:16px;line-height:24px}.learning-block-content__timeline-item--last .learning-block-content__timeline-status-label{font-family:var(--font-second-bold)}.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}}