.learning-hub{margin-bottom:24px}.learn-tabs{white-space:nowrap;max-width:100%;overflow-x:auto}.learn-tabs small{margin-left:6px}.learn-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;display:flex}.learn-list{gap:14px;margin-top:20px;display:grid}.learn-record{border:1px solid #ebe6f2;border-radius:14px;padding:20px}.learn-record>small{color:#897c99;margin-top:8px;display:block}.learn-record p{margin:12px 0;line-height:1.7}.learn-record-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.learning-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:110;background:#30253e60;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.learning-dialog{background:#fff;border-radius:22px;width:min(800px,100%);max-height:90dvh;padding:28px;overflow-y:auto;box-shadow:0 18px 65px #30253e20}.learning-dialog .panel-head{padding:0 0 20px}.learning-editor{background:#f8f5fc;border-radius:16px;margin-top:20px;padding:20px}.learning-dialog .form-grid{gap:16px}.learn-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.learn-chart{background:#faf8fd;border-radius:14px;margin-bottom:20px;padding:20px}.learn-chart h3{margin-top:20px}.score-history{align-items:flex-end;gap:14px;margin:14px 0 22px;display:flex;overflow:auto}.score-history>div{flex-direction:column;align-items:center;gap:5px;min-width:45px;display:flex}.score-bar{background:#ac96da;border-radius:6px 6px 0 0;width:24px}.score-history small{color:#84778f;font-size:10px}.report-sheet pre{white-space:pre-wrap;margin-top:25px;font-family:inherit;font-size:14px;line-height:1.9}.report-overlay{z-index:120}.session-learning{margin-bottom:24px}.session-learning details{margin:14px 0}.session-scope{gap:8px;margin:24px 0 14px;display:flex;overflow:auto}.session-scope button{white-space:nowrap;color:#77648c;background:#fff;border:1px solid #e8e1f1;border-radius:10px;padding:10px 15px}.session-scope button.active{color:#7055af;background:#eee8f8;border-color:#b8a2dd}.scope-label{background:#f6f2fb;border-radius:9px;margin-bottom:18px;padding:10px 14px}.enrollment-management{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.enrollment-management form{background:#f8f5fc;border-radius:12px;width:100%;padding:15px}.draft-status{color:#84718e;margin:10px 0;font-size:12px}.session-learning .learning-hub{box-shadow:none;margin-top:16px}.learning-hub select{max-width:100%}@media (max-width:650px){.learning-overlay{align-items:flex-end;padding:10px}.learning-dialog{border-radius:20px 20px 10px 10px;max-height:94dvh;padding:20px}.learn-record-heading{align-items:flex-start}.learning-hub .panel-head{flex-wrap:wrap}.learn-score-grid{grid-template-columns:1fr 1fr}}@media print{body *{visibility:hidden}.report-overlay,.report-overlay *{visibility:visible}.report-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;padding:0;display:block;position:absolute;inset:0}.report-sheet{width:100%;max-height:none;box-shadow:none;border-radius:0;padding:20px;overflow:visible}.report-sheet .no-print,.report-sheet .no-print *{display:none!important}@page{size:A4;margin:16mm}}.learn-chart>div{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.learn-chart>div>h3{grid-column:1/-1}.learning-hub .learn-tabs button{padding-left:12px;padding-right:12px}.learning-native{color:#483d59;background:#fff;border:0;border-radius:22px;width:min(850px,95vw);max-height:92dvh;padding:0;box-shadow:0 24px 80px #30253e30}.learning-native::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30253e60}.learning-native>.learning-dialog{width:100%;max-height:none;box-shadow:none}.learning-native:has(.lesson-picker-list){padding:24px}.learning-native audio,.learning-native video,.learn-record audio,.learn-record video{width:100%;max-width:100%;margin:12px 0}.target-progress{background:#f6f3fb;border-radius:14px;margin:18px 0;padding:22px}.target-progress p{font-size:20px}.target-progress small{color:#82738f}.class-inline-color{color:#82738f;align-items:center;gap:8px;font-size:12px;display:flex}.class-inline-color input{background:0 0;border:0;width:30px;height:26px;padding:2px}.lesson-fieldset{border:0;min-width:0;margin:0;padding:0}.lesson-desk{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:20px;display:grid}.lesson-people{position:sticky;top:90px}.lesson-people nav,.lesson-picker-list{gap:8px;margin-top:18px;display:grid}.lesson-people button,.lesson-picker-list button{text-align:left;color:#685578;background:0 0;border:1px solid #0000;border-radius:12px;padding:15px 16px;font-weight:600}.lesson-people button.active,.lesson-picker-list button.active{color:#6e50ab;background:#eee7fa;border-color:#d8c6ee}.lesson-people small,.lesson-picker-list small{margin-top:6px;font-size:11px;font-weight:400;display:block}.lesson-content{min-width:0}.lesson-content details{margin:20px 0}.lesson-continuity{background:#f8f6fc;border-radius:12px;padding:15px}.attendance-compact{margin:20px 0}.attendance-compact>label{border-bottom:1px solid #f0ebf5;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;display:flex}.attendance-compact select{width:auto;max-width:190px}.lesson-footer{z-index:15;background:#fffefef5;border:1px solid #e9e2f2;border-radius:16px;justify-content:flex-end;align-items:center;gap:12px;margin:20px 0;padding:14px 20px;display:flex;position:sticky;bottom:10px;box-shadow:0 8px 30px #38294a10}.lesson-footer>span{margin-right:auto;font-size:12px}.mobile-student-picker{display:none}.next-lesson{background:linear-gradient(120deg,#f4effc,#f2fbf8);justify-content:space-between;align-items:center;margin-bottom:22px;padding:24px;display:flex}.next-lesson small{letter-spacing:.08em;color:#847292}.next-lesson h2{margin:10px 0}.session-cta{color:#7955b5;white-space:nowrap;font-size:12px}.error-occurrence{border-left:2px solid #ded1f0;margin:15px 0;padding-left:15px}.media-field{min-width:0}.media-field input{width:100%}@media (max-width:760px){.lesson-desk{display:block}.lesson-people{display:none}.mobile-student-picker{width:100%;margin-bottom:20px;display:block}.lesson-footer{border-radius:16px 16px 0 0;flex-wrap:wrap;margin-left:-12px;margin-right:-12px;padding:12px;position:sticky;bottom:0}.lesson-footer>span{width:100%;font-size:11px}.lesson-footer .btn{flex:1;padding:12px 8px;font-size:12px}.lesson-content{padding:18px}.learning-native:has(.lesson-picker-list){border-radius:20px 20px 0 0;width:100%;max-width:100%;margin:0;position:fixed;top:auto;bottom:0}.next-lesson{gap:12px;padding:18px}.next-lesson h2{font-size:18px}.session-cta{font-size:11px}.learn-tabs{flex-wrap:nowrap}.learn-record{padding:15px}}@media print{.learning-native:has(.report-sheet){width:100%;max-width:none;max-height:none;box-shadow:none;border:0;margin:0;position:absolute;inset:0;overflow:visible}.learning-native .report-sheet,.learning-native .report-sheet *{visibility:visible}.learning-native::backdrop{background:#fff}.learning-native .report-sheet .no-print{display:none!important}}.curriculum-course{border-top:1px solid #eee8f5;padding:18px 0}.curriculum-unit{border:1px solid #eae5f2;border-radius:16px;margin:14px 0;overflow:hidden}.curriculum-unit>summary{cursor:pointer;background:#f8f5fc;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.curriculum-item{border-top:1px solid #eee8f5;padding:18px}.curriculum-item p{white-space:pre-wrap}.curriculum-item small{color:#85778e}.history-homework{border-top:1px solid #eee8f5;margin-top:12px;padding-top:12px}.history-homework details{margin:8px 0}.history-homework summary{cursor:pointer}.history-homework .badge{margin-left:8px}.course-overview .next-course-session{text-align:left;color:#57437d;cursor:pointer;background:#f3eefc;border:1px solid #e8def9;border-radius:16px;gap:8px;width:100%;margin:15px 0;padding:20px;display:grid}.course-overview .learn-score-grid{margin:20px 0}.filter-disclosure{position:relative}.filter-disclosure>summary{cursor:pointer;background:#fff;border:1px solid #e5dff0;border-radius:12px;padding:10px 14px;list-style:none}.filter-disclosure>div{z-index:20;background:#fff;border:1px solid #e5dff0;border-radius:14px;gap:12px;min-width:210px;padding:16px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 10px 30px #35234c18}.learning-dialog details>summary{cursor:pointer;color:#6e558a;padding:10px 0}.learning-dialog details>.form-grid{padding:10px 0}.class-inline-color{align-items:center;gap:8px;font-size:12px;display:flex}.class-inline-color input{border:1px solid #e5dff0;border-radius:8px;width:30px;height:30px;padding:2px}.history-session>div{flex:1;min-width:0}.history-homework a{overflow-wrap:anywhere}@media (max-width:650px){.curriculum-unit>summary{flex-wrap:wrap;align-items:flex-start}.curriculum-item{padding:14px}.curriculum-item .learn-record-heading{flex-wrap:wrap}.course-overview .panel-head{align-items:flex-start}.filter-disclosure>div{max-width:calc(100vw - 40px);right:0}}.score-point{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:54px;padding:5px}:is(.score-point:hover,.score-point:focus-visible){background:#eee8f8;outline:2px solid #b8a2dd}.score-point .score-bar{margin-inline:auto}.goal-table-link{text-align:left;white-space:normal;max-width:220px;display:block}.change-line{overflow-wrap:anywhere;margin-top:6px;display:block}.payment-history{margin-top:22px}.modal-body details>summary{cursor:pointer;color:#7055af;padding:10px 0}.modal-body details>.form-grid{padding-top:12px}.score-history>.score-point{flex-direction:column;align-items:center;gap:5px;display:flex}.payment-history details{border-top:1px solid #eee8f5;padding:14px 0}.payment-history summary{cursor:pointer;color:#57437d}.payment-history details p{margin-top:10px}.modal-body .change-line{font-size:13px}.attendance-panel{min-width:0;padding:18px}.attendance-panel .toolbar{flex-wrap:wrap;margin:0 0 16px}.attendance-month{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.attendance-month .field{margin:0}.attendance-totals{flex-wrap:wrap;gap:24px;padding:12px 0 18px;display:flex}.attendance-totals>span{color:#786888;font-size:13px}.attendance-totals b{color:#493b5a;margin-left:7px;font-size:19px}.attendance-totals small{margin-top:4px;font-size:11px;display:block}.attendance-scroll{overscroll-behavior:contain;border:1px solid #e8e2ef;border-radius:12px;max-height:65vh;overflow:auto}.attendance-matrix{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}.attendance-matrix th,.attendance-matrix td{vertical-align:top;border-bottom:1px solid #ece7f2;border-right:1px solid #f0ebf5;min-width:110px;padding:8px}.attendance-matrix thead th{z-index:3;background:#f5f0fb;font-weight:600;position:sticky;top:0}.attendance-matrix tbody tr:nth-child(2n){background:#fcfbfe}.attendance-matrix .attendance-fixed{z-index:2;text-align:left;overflow-wrap:anywhere;background:#fff;min-width:175px;max-width:210px;position:sticky;left:0}.attendance-matrix thead .attendance-fixed{z-index:4;background:#f5f0fb}.attendance-matrix tbody tr:nth-child(2n) .attendance-fixed{background:#fcfbfe}.attendance-matrix th small{color:#82758d;margin-top:4px;font-weight:400;display:block}.attendance-fixed button{text-align:left;white-space:normal}.attendance-slot{gap:3px;margin:2px 0 7px;display:grid}.attendance-chip{text-align:left;cursor:pointer;border:0;border-radius:7px;gap:3px;width:100%;padding:7px 8px;font-size:11px;display:grid}.attendance-chip b{font-weight:600}.attendance-chip small{font-size:10px}.attendance-chip:hover{outline:1px solid #b9a5d5}.attendance-chip.mint,.attendance-legend .mint{color:#287863;background:#e4f5ed}.attendance-chip.amber,.attendance-legend .amber{color:#916b1e;background:#fff3d8}.attendance-chip.purple,.attendance-legend .purple{color:#7151a0;background:#f0e8fc}.attendance-chip.rose,.attendance-legend .rose{color:#ab5962;background:#fbe7e8}.attendance-chip.neutral{color:#80758c;background:#f1eff5}.attendance-outside{color:#aaa0b3;font-size:11px}.attendance-legend{color:#85768e;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:11px;display:flex}.attendance-legend>span{border-radius:5px;padding:4px 7px}.attendance-legend>small{width:100%;font-size:11px}.attendance-empty{color:#86758f;padding:24px 0;font-size:13px}.attendance-today{box-shadow:inset 0 -2px #9975cc}.makeup-origin{text-align:left;font-size:10px!important}.attendance-compact .table-wrap table{min-width:520px}.attendance-compact .table-wrap th,.attendance-compact .table-wrap td{padding:9px 10px}.attendance-compact .table-wrap input{border:1px solid #e7dff0;border-radius:8px;width:100%;min-width:150px;padding:7px 9px}.attendance-compact .table-wrap select{width:100%;min-width:145px}.attendance-compact .table-wrap td:first-child{width:25%}.roster-notice{background:#fff4df;border-radius:10px;margin:12px 0;padding:12px}.roster-notice label{align-items:center;gap:8px;display:flex}.roster-notice details{margin:10px 0;font-size:12px}.secondary-settings>summary{cursor:pointer;color:#7055a4;padding:18px 0;font-weight:600}.enrollment-history>summary{cursor:pointer;color:#85748d;padding:14px 0}.learn-more{align-self:center}.learn-more>summary{cursor:pointer;padding:8px 12px}.learn-more>div{flex-wrap:wrap;gap:8px;padding:8px;display:flex}.attendance-panel .field.inline select{max-width:280px}@media (max-width:650px){.attendance-panel{padding:12px}.attendance-matrix .attendance-fixed{min-width:140px;max-width:160px}.attendance-matrix th,.attendance-matrix td{min-width:100px;padding:6px}.attendance-totals{gap:16px}.attendance-scroll{max-height:62dvh}.attendance-panel .field.inline select{max-width:240px}}.session-table-panel{min-width:0;padding:16px}.session-table-panel .toolbar{margin:0 0 12px}.lesson-summary-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:880px}.lesson-summary-table th,.lesson-summary-table td{vertical-align:top;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #ece6f2;padding:12px 14px;font-size:13px;line-height:1.5}.lesson-summary-table thead th{z-index:3;color:#756189;background:#f5f0fb;position:sticky;top:0}.lesson-summary-table tbody tr:nth-child(2n){background:#fcfbfe}.lesson-summary-table td{height:90px}.lesson-summary-table td>small,.session-cell-item>small{color:#85768e;margin:3px 0;font-size:11px;display:block}.lesson-summary-table p{margin:5px 0}.lesson-summary-table .badge{margin:6px 0;font-size:10px}.session-cell-item{margin-bottom:9px}.session-cell-item:last-child{margin-bottom:0}.session-cell-item a{color:#7855b3;margin:3px 0;font-size:12px;display:block}.session-cell-expand{margin:4px 0}.session-cell-expand summary{cursor:pointer;color:#655476;white-space:pre-wrap;font-size:12px}.session-cell-expand summary span{color:#7954b6;white-space:nowrap}.session-open{display:block;margin-top:8px!important;font-size:11px!important}.lesson-summary-table th:first-child,.lesson-summary-table td:first-child{z-index:2;background:#fff;position:sticky;left:0}.lesson-summary-table tbody tr:nth-child(2n) td:first-child{background:#fcfbfe}.lesson-summary-table thead th:first-child{z-index:4;background:#f5f0fb}.session-cell-item small b{color:#78678c;font-weight:600}.lesson-summary-table td:first-child b{white-space:nowrap}@media (max-width:650px){.session-table-panel{padding:10px}.lesson-summary-table{min-width:800px}.lesson-summary-table th,.lesson-summary-table td{padding:10px}.lesson-summary-table td:first-child{box-shadow:2px 0 5px #4c36520b}}
