.learning-app a.navigation-user{color:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:3px;text-decoration:none;display:flex}.learning-app a.navigation-user:hover{background:#f4f0fb}.learning-app a.navigation-user:focus-visible{outline-offset:3px;outline:2px solid #a18bd3}.learning-app .user-profile-page .profile-hero{color:#fff;background:linear-gradient(110deg,#192d4f,#3c2d6d);border:0;border-radius:14px;align-items:center;gap:22px;padding:26px;display:flex}.learning-app .user-profile-page .profile-hero h1{letter-spacing:-.025em;color:#fff;align-items:center;gap:10px;margin:6px 0 0;font-size:27px;font-weight:700;line-height:1.3;display:flex}.learning-app .user-profile-page .profile-hero>.avatar,.learning-app .teacher-banner-identity>.avatar{color:#fff;background:#7550c7;border-radius:50%;flex:0 0 62px;width:62px;height:62px;font-size:26px}.learning-app .user-profile-page .profile-identity>span{color:#ded6f5;letter-spacing:0;font-size:14px;font-weight:500}.learning-app .user-profile-page .account-banner-meta{color:#fff;gap:10px 18px;margin-top:10px;font-size:14px;line-height:1.6}.learning-app .user-profile-page .profile-section-heading h2{color:#243049;align-items:center;gap:10px;font-size:18px;font-weight:700;line-height:1.4;display:flex}.learning-app .user-profile-page .account-section-icon{color:#7554b0;background:#f1ebfc;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.learning-app .user-profile-page .account-section-icon>svg{stroke-width:1.8px;width:19px;height:19px}.learning-app .user-profile-page .profile-section-heading h2>svg{box-sizing:content-box;color:#7554b0;stroke-width:1.8px;background:#f1ebfc;border-radius:10px;flex-shrink:0;width:19px;height:19px;padding:8.5px}.learning-app .user-profile-page .profile-record-list{background:#fff;border:1px solid #e6e4ee;border-radius:13px;margin-top:15px;padding:20px 24px;font-size:14px;box-shadow:0 1px 3px #24304906}.learning-app .user-profile-page .profile-section-heading button{color:#655080;background:#fcfaff;border:1px solid #dfd6ed;border-radius:8px;height:36px;min-height:36px;padding:0 12px;font-size:13px;font-weight:600}.learning-app .user-profile-page :is(.teacher-profile-info,.student-profile-detail){color:#243049;font-size:14px}.learning-app .user-profile-page :is(.teacher-profile-info dt,.student-profile-detail dt){color:#697386;font-size:14px}.learning-app .user-profile-page :is(.teacher-profile-info dd,.student-profile-detail dd){font-size:14px}.learning-app .user-profile-page .profile-banner-back{color:#fff;background:#ffffff0d;border:1px solid #fff5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:inline-flex}.learning-app .profile-policy-link{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #fff5;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:14px;text-decoration:none;display:inline-flex}.learning-app .user-profile-page .profile-policy-link:focus-visible{outline-offset:2px;outline:2px solid #dac4fb}@media (width<=850px){.learning-app .user-profile-page .profile-hero{flex-wrap:wrap}.learning-app .user-profile-page .profile-record-list{padding:18px}.learning-app .user-profile-page .profile-hero h1{font-size:23px}}@media (width<=500px){.learning-app .user-profile-page .profile-hero{padding:20px}.learning-app .user-profile-page .profile-hero>.avatar,.learning-app .teacher-banner-identity>.avatar{display:none}.learning-app .user-profile-page .profile-hero h1{font-size:21px}.learning-app .user-profile-page .account-banner-meta{font-size:13px}}.learning-app .user-profile-page :is(.account-banner-meta button,.account-admin-actions button){color:#fff;background:#ffffff0d;border:1px solid #fff5;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:14px;display:inline-flex}.learning-app .user-profile-page .account-admin-actions .account-admin-delete{color:#ffd3d3}.learning-app .user-profile-page .account-section-icon>svg{color:#7554b0}.learning-app .user-profile-page .account-contact-grid>article{box-shadow:none;background:0 0;border:0;padding:0}.learning-app .user-profile-page .account-contact-grid dl>div{border-top:1px solid #ecebf3;justify-content:space-between;gap:15px;padding:13px 0;font-size:14px;display:flex}.learning-app .user-profile-page .account-contact-grid dt{color:#697386;font-size:14px}.learning-app .user-profile-page .account-contact-grid dd{text-align:right;margin:0;font-size:14px}.learning-app a.navigation-user[aria-current=page]{background:#eee7f9}.smart-attendance{color:#172238;text-align:left;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;margin:16px 0;padding:16px;font-size:14px;line-height:1.5}.smart-attendance h3{margin:0 0 8px;font-size:18px}.smart-attendance p{margin:8px 0}.smart-attendance ul,.smart-attendance ol{padding-left:20px}.smart-attendance li{overflow-wrap:anywhere;padding:8px 0}.smart-attendance li span{display:block}.smart-join{flex-direction:column;gap:6px;display:inline-flex}.smart-join [role=status]{white-space:normal;max-width:300px;font-size:14px}.smart-history{max-height:320px;overflow:auto}.smart-attendance button{font-size:14px}.modal-card.session-dialog{border-radius:18px;flex-direction:column;width:min(760px,100vw - 32px);max-height:90dvh;padding:0;display:flex;overflow:hidden}.session-dialog .session-dialog-heading{border-bottom:1px solid #e5e7eb;flex:none;margin:0;padding:24px 60px 18px 24px;position:relative}.session-dialog .session-dialog-heading h2{margin:0;font-size:22px}.session-dialog .session-dialog-heading p{margin:6px 0 0}.session-dialog .modal-close{top:18px;right:18px}.session-dialog-body{flex-direction:column;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow:hidden auto}.session-dialog-body>form{flex-direction:column;gap:16px;display:flex}.session-dialog .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.session-dialog .session-value{flex-direction:column;gap:5px;min-width:0;font-size:14px;display:flex}.session-value>span{color:#667085}.session-value strong{overflow-wrap:anywhere;font-size:15px;font-weight:600}.session-value a{color:#275ed4;text-decoration:none}.session-dialog .session-value a:hover{text-decoration:underline}.session-dialog summary{cursor:pointer;font-size:14px;font-weight:600}.session-note{white-space:pre-wrap;font-size:14px}.session-dialog .event-primary-actions{gap:10px;margin:0;display:flex}.session-dialog .event-primary-actions>button,.session-dialog .event-primary-actions>.smart-join{flex:1}.session-dialog .event-primary-actions button{min-height:44px;padding:10px 16px}.session-dialog .event-links{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:12px;margin:0;padding-top:14px;display:flex}.session-dialog .modal-sticky-actions{margin:0;padding:16px 0 0;position:static}.session-dialog .session-status{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.session-dialog .attendance-quick,.session-dialog .event-form{max-height:none;overflow:visible}.session-dialog .lesson-modal-actions{margin:0;padding:16px 0 0;position:static;bottom:auto}.session-dialog .back-button{margin-bottom:10px}@media (width<=560px){.modal-card.session-dialog{width:calc(100vw - 20px);max-height:94dvh}.session-dialog .session-dialog-heading{padding-left:18px}.session-dialog-body{padding:18px}.session-dialog .modal-grid{grid-template-columns:1fr}.session-dialog .event-primary-actions{flex-wrap:wrap}}.session-record-id{color:#667085;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.session-record-id code{font-size:11px}.session-record-id button{min-height:24px!important;padding:3px 6px!important;font-size:11px!important}.session-editor-attendance{border-top:1px solid #e5e7eb;padding-top:14px}.session-editor-attendance h3{margin:0 0 12px;font-size:16px}.session-attendance-row{grid-template-columns:1fr minmax(130px,180px);align-items:center;gap:12px;margin:8px 0;display:grid!important}.session-report-view a{overflow-wrap:anywhere}.session-report-view .session-note{line-height:1.6}.session-report-view #friends-parent-heading{display:none}.shared-session-report{gap:18px;min-width:0;display:grid}.shared-session-report>section{border-top:1px solid #e8eaf0;padding-top:16px}.shared-session-report h3{margin:0 0 10px;font-size:16px;line-height:1.5}.shared-session-report p{margin:6px 0;font-size:15px;line-height:1.65}.session-report-facts{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.session-report-facts>div{flex-direction:column;gap:6px;min-width:0;display:flex}.session-report-facts span,.shared-session-report small{color:#697386;font-size:14px}.session-report-facts strong{overflow-wrap:anywhere;font-size:16px;line-height:1.5}.shared-session-report .session-report-outcome{font-size:16px;font-weight:600}.session-report-attendance>div{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0;font-size:15px;line-height:1.5;display:flex}.session-report-attendance>div:last-child{border-bottom:0}.session-report-attendance strong{overflow-wrap:anywhere;font-weight:500}.shared-session-report .lesson-photo-grid{margin-top:10px}.session-report-internal,.session-report-parent-guide{border-top:1px solid #e8eaf0;padding-top:14px}@media (width<=560px){.session-report-facts{grid-template-columns:1fr}.session-report-attendance>div{flex-wrap:wrap;gap:6px 12px}}.learning-area .lesson-live-banner{gap:10px;min-width:0;display:grid}.learning-area .lesson-live-row{align-items:center;gap:8px;min-width:0;display:flex}.learning-area .foreign-friends-player .ff-banner .lesson-live-identity h2{color:#fff;margin:0;font-size:17px;line-height:1.5}.learning-area .lesson-live-meta{flex-wrap:wrap;gap:8px 12px}.learning-area .foreign-friends-player .ff-banner .lesson-live-status,.learning-area .foreign-friends-player .ff-banner .lesson-live-teacher{letter-spacing:0;font-size:14px;line-height:1.5}.learning-area .lesson-live-status{background:#ffffff20;border-radius:6px;padding:3px 8px}.learning-area .lesson-live-teacher{opacity:.85}.learning-area .lesson-live-actions{flex-wrap:wrap;gap:6px}.learning-area .lesson-live-actions button{color:#fff;white-space:nowrap;background:0 0;border-color:#ffffff60;min-height:36px;padding:7px 9px;font-size:14px}.learning-area .lesson-live-actions .primary{color:#302064;background:#fff;border-color:#fff;min-width:0}.learning-area .lesson-live-actions .smart-join{display:contents}.learning-area .lesson-live-actions button:disabled{opacity:.4}.learning-area .foreign-friends-player .ff-banner .lesson-pilot-date{letter-spacing:0;opacity:.85;font-size:13px}@media (width<=900px){.learning-area .lesson-live-actions{gap:6px}}.learning-area .foreign-friends-player.ff-single-page .lesson-live-actions button{width:auto;min-width:0;min-height:40px;padding:8px 9px;font-size:14px}.learning-area .foreign-friends-player.ff-single-page .lesson-live-actions button.primary{color:#302064;background:#fff;border-color:#fff;min-width:0}.lesson-guidance-dialog{color:#17223b;background:#fff;border:0;border-radius:16px;width:min(560px,100vw - 32px);max-height:85vh;padding:22px;overflow:auto;box-shadow:0 25px 80px #0f172a47}.lesson-guidance-dialog::backdrop{background:#0f172a85}.lesson-guidance-dialog>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.lesson-guidance-dialog h2{margin:0 0 6px;font-size:20px}.lesson-guidance-dialog header p{color:#667085;margin:0;font-size:14px}.lesson-guidance-dialog header button{color:#566176;cursor:pointer;background:#f0f3f7;border:0;border-radius:50%;flex-shrink:0;width:34px;min-width:0;height:34px;font-size:24px}.lesson-guidance-content{gap:18px;display:grid}.lesson-guidance-content section+section{border-top:1px solid #e5e7ef;padding-top:18px}.lesson-guidance-content h3{margin:0 0 8px;font-size:16px}.lesson-guidance-content p{white-space:pre-line;margin:8px 0;font-size:15px;line-height:1.65}.lesson-guidance-content a{color:#493499;font-weight:600}.lesson-guidance-parent h2{display:none}@media (width<=600px){.lesson-guidance-dialog{padding:18px}}.learning-area .foreign-friends-player .ff-banner .lesson-live-type{letter-spacing:0;opacity:.9;font-size:14px;line-height:1.5}.learning-area .lesson-student-session{gap:8px}.learning-area .lesson-student-meet{flex-wrap:wrap;gap:6px 14px;font-size:12px;line-height:1.5}.learning-area .lesson-student-meet code{white-space:nowrap;color:inherit;font-size:12px}.learning-area .lesson-student-meet .smart-join{display:inline}.learning-area .lesson-student-meet button.lesson-student-meet-link{color:#ece3ff;overflow-wrap:anywhere;white-space:normal;background:0 0;border:0;min-width:0;min-height:0;padding:0;font-size:12px;text-decoration:underline}.learning-area .lesson-student-actions{flex-wrap:wrap;justify-content:space-between;gap:8px}.learning-area .lesson-student-state,.learning-area .lesson-student-buttons{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.learning-area .lesson-student-buttons{position:relative}.learning-area .lesson-student-buttons button{white-space:nowrap;color:#fff;background:0 0;border:1px solid #ffffff60;width:auto;min-width:0;min-height:36px;padding:7px 10px;font-size:13px}.learning-area .lesson-student-buttons button.lesson-student-join{color:#3d206b;background:#f9f5ff;border-color:#fff;font-weight:700}.learning-area .lesson-student-buttons button:disabled{opacity:.45}.learning-area .lesson-student-buttons .lesson-student-report-ready{background:#ffffff20;border-color:#ffffffa0}.lesson-student-pulse{background:#ffdb4d;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite lesson-student-pulse}.learning-area .lesson-student-buttons .smart-join>span{max-width:200px;font-size:11px}@keyframes lesson-student-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.lesson-student-pulse{opacity:1;animation:none}}.learning-area .lesson-session-shared{gap:9px}.learning-area .lesson-session-shared .lesson-live-identity{flex-wrap:wrap;gap:5px 12px}.learning-area .lesson-session-code{opacity:.8;letter-spacing:0!important;font-size:12px!important}.learning-area .lesson-session-shared .lesson-live-meta{gap:6px 12px;font-size:14px;line-height:1.5}.learning-area .lesson-session-meet{flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;font-size:13px;line-height:1.5;display:flex}.learning-area .lesson-session-meet .smart-join{display:inline}.learning-area .lesson-session-meet button.lesson-session-meet-link{white-space:normal;overflow-wrap:anywhere;text-decoration:underline;width:auto!important;min-width:0!important;min-height:0!important;color:inherit!important;background:0 0!important;border:0!important;padding:0!important;font-size:13px!important}.learning-area .lesson-session-meet code{color:inherit;font-size:13px}.learning-area .lesson-session-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.learning-area .lesson-session-buttons .smart-join{display:contents}.learning-area .lesson-session-buttons button{color:#fff;background:#ffffff0d;border:1px solid #ffffff60;border-radius:8px;width:auto!important;min-width:0!important;min-height:38px!important;padding:8px 12px!important;font-size:14px!important}.learning-area .lesson-session-buttons button.lesson-session-join{border-color:#fff;font-weight:700;color:#3d206b!important;background:#f9f5ff!important}.learning-area .lesson-session-buttons button.lesson-session-report-ready{background:#ffffff20;border-color:#ffffffa0}.learning-area .lesson-session-buttons .smart-join>span{font-size:12px;line-height:1.5}.learning-area .foreign-friends-player{color:#20294d;max-width:960px;margin:0 auto;font-size:16px;line-height:1.6}.learning-area .foreign-friends-player *{box-sizing:border-box}.learning-area .foreign-friends-player .ff-back{color:#586580;align-items:center;gap:8px;min-height:44px;margin-bottom:10px;text-decoration:none;display:inline-flex}.learning-area .foreign-friends-player .ff-banner{color:#fff;background:linear-gradient(115deg,#101a48,#342575);border-radius:16px;margin-bottom:20px;padding:20px 26px}.learning-area .foreign-friends-player .ff-banner span{letter-spacing:.1em;font-size:12px}.learning-area .foreign-friends-player .ff-banner h1{color:#fff;margin:5px 0 0;font-size:28px;line-height:1.3}.learning-area .foreign-friends-player .ff-shell{background:#fff;border:1px solid #e4e8f1;border-radius:20px;overflow:clip;box-shadow:0 10px 30px #20294d07}.learning-area .foreign-friends-player .ff-progress{z-index:3;background:#fff;border-bottom:1px solid #edf0f6;padding:20px 26px 16px;scroll-margin-top:90px;position:sticky;top:80px}.learning-area .foreign-friends-player .ff-progress>div{justify-content:space-between;font-size:15px;display:flex}.learning-area .foreign-friends-player .ff-progress progress{accent-color:#6b5ad0;border:0;border-radius:10px;width:100%;height:9px;margin-top:12px;display:block;overflow:hidden}.learning-area .foreign-friends-player progress::-webkit-progress-bar{background:#eef0f6}.learning-area .foreign-friends-player progress::-webkit-progress-value{background:linear-gradient(90deg,#516be2,#7d56cd);border-radius:10px}.learning-area .foreign-friends-player .ff-content{padding:28px}.learning-area .foreign-friends-player .ff-content h2{color:#20294d;margin:0 0 14px;font-size:25px;line-height:1.4}.learning-area .foreign-friends-player .ff-content h3{margin:0 0 8px;font-size:19px;line-height:1.45}.learning-area .foreign-friends-player .ff-content p{margin:8px 0 14px;font-size:16px;line-height:1.7}.learning-area .foreign-friends-player button{border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 16px;font-size:15px;font-weight:650;line-height:1.4;display:inline-flex}.learning-area .foreign-friends-player button:focus-visible{outline-offset:3px;outline:3px solid #a599e5}.learning-area .foreign-friends-player button.primary{color:#fff;background:#5866df;border-color:#5866df;min-width:155px}.learning-area .foreign-friends-player .ff-objective{background:#f5f3ff;border-radius:12px;padding:14px 18px}.learning-area .foreign-friends-player .ff-reading{padding:22px 0}.learning-area .foreign-friends-player .ff-reading>p{margin:12px 0 18px;font-size:21px;line-height:1.8}.learning-area .foreign-friends-player .ff-audio{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.learning-area .foreign-friends-player .ff-audio button{color:#5d4bbb;background:#f2efff;border-color:#e2dcf8}.learning-area .foreign-friends-player .ff-audio>span{color:#66599d;flex-basis:100%;font-size:13px}.learning-area .foreign-friends-player .ff-audio>span:empty{display:none}.learning-area .foreign-friends-player .ff-words{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 24px;display:grid}.learning-area .foreign-friends-player .ff-words>article{background:#fbfcff;border:1px solid #e2e6f0;border-radius:14px;min-width:0;padding:18px}.learning-area .foreign-friends-player .ff-words .ff-phonic{color:#77758c;margin:4px 0;font-size:14px}.learning-area .foreign-friends-player .ff-words .ff-meaning{color:#39486b;margin:6px 0 14px}.learning-area .foreign-friends-player .ff-words .ff-audio button{text-align:left;overflow-wrap:anywhere;padding:8px 10px;font-size:13px}.learning-area .foreign-friends-player .ff-pattern{background:#f5f3ff;border-radius:14px;padding:22px}.learning-area .foreign-friends-player .ff-pattern h2{color:#6353a6;font-size:18px}.learning-area .foreign-friends-player .ff-pattern>div{margin-top:14px}.learning-area .foreign-friends-player .ff-pattern p{margin:4px 0 0}.learning-area .foreign-friends-player .ff-eyebrow{letter-spacing:.08em;color:#7365ab;font-size:13px;font-weight:700}.learning-area .foreign-friends-player .ff-practice h2{margin:14px 0;font-size:29px}.learning-area .foreign-friends-player .ff-answers{gap:14px;margin:26px 0;display:grid}.learning-area .foreign-friends-player .ff-answers button{text-align:left;color:#25325a;background:#fff;border:2px solid #e3e7f1;justify-content:flex-start;min-height:82px;padding:18px;font-size:21px}.learning-area .foreign-friends-player .ff-answers button>span{background:#f0f1f9;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;margin-right:8px;font-size:18px;display:grid}.learning-area .foreign-friends-player .ff-answers button.is-correct{background:#f0faf4;border-color:#6bb894}.learning-area .foreign-friends-player .ff-answers button.is-wrong{background:#fff7ef;border-color:#dca271}.learning-area .foreign-friends-player .ff-feedback{min-height:55px}.learning-area .foreign-friends-player .ff-right{color:#25764d;background:#f0faf4;border-radius:10px;padding:12px}.learning-area .foreign-friends-player .ff-wrong{color:#8b592f;background:#fff7ef;border-radius:10px;padding:12px}.learning-area .foreign-friends-player .ff-speaking{gap:18px;margin:22px 0;display:grid}.learning-area .foreign-friends-player .ff-speaking article{border:1px solid #e3e6f0;border-radius:15px;padding:22px}.learning-area .foreign-friends-player .ff-speaking h3{margin-top:8px;font-size:23px}.learning-area .foreign-friends-player .ff-speaking p{color:#667085;font-size:15px}.learning-area .foreign-friends-player .ff-speaking .ff-model{color:#493a8b;background:#f5f3ff;border-radius:10px;padding:10px 14px;font-size:18px}.learning-area .foreign-friends-player .ff-speaking-actions{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:16px;display:flex}.learning-area .foreign-friends-player .ff-speaking-actions>button[aria-pressed=true]{color:#297a54;background:#eff9f3;border-color:#b8ddc9}.learning-area .foreign-friends-player .ff-parent{background:#f7f6fc;border:1px solid #e9e5f3;border-radius:15px;margin-top:25px;padding:24px}.learning-area .foreign-friends-player .ff-parent h2{align-items:center;gap:10px;font-size:21px;display:flex}.learning-area .foreign-friends-player .ff-parent ol{padding-left:24px}.learning-area .foreign-friends-player .ff-parent li{padding:5px 0 9px;font-size:16px}.learning-area .foreign-friends-player .ff-parent-note{color:#756d89;font-size:14px}.learning-area .foreign-friends-player .ff-footer{border-top:1px solid #edf0f6;justify-content:space-between;gap:14px;padding:20px 28px;display:flex}.learning-area .foreign-friends-player .ff-complete{text-align:center;color:#2a7855;background:#effaf3;border-radius:15px;margin-top:24px;padding:24px}.learning-area .foreign-friends-player .ff-complete>svg{margin:auto}@media (width<=680px){.learning-area .foreign-friends-player .ff-banner{padding:18px}.learning-area .foreign-friends-player .ff-banner h1{font-size:25px}.learning-area .foreign-friends-player .ff-progress{padding:16px 18px;scroll-margin-top:72px;top:62px}.learning-area .foreign-friends-player .ff-content{padding:20px 18px}.learning-area .foreign-friends-player .ff-words{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learning-area .foreign-friends-player .ff-words>article{padding:13px}.learning-area .foreign-friends-player .ff-words h3{font-size:17px}.learning-area .foreign-friends-player .ff-reading>p{font-size:19px}.learning-area .foreign-friends-player .ff-practice h2{font-size:26px}.learning-area .foreign-friends-player .ff-speaking article{padding:18px}.learning-area .foreign-friends-player .ff-speaking-actions{flex-wrap:wrap}.learning-area .foreign-friends-player .ff-parent{padding:18px}.learning-area .foreign-friends-player .ff-footer{gap:8px;padding:18px}.learning-area .foreign-friends-player button.primary{min-width:135px}.learning-area .foreign-friends-player .ff-answers button{font-size:19px}.learning-area .foreign-friends-player .ff-parent li{font-size:15px}}.learning-area .foreign-friends-player .ff-reading-active{color:#233a91;background:#e7eaff;border-radius:4px;box-shadow:0 2px #6b5ad0}.learning-area .foreign-friends-player .ff-practice-question{border-bottom:1px solid #edf0f6;padding:20px 0}.learning-area .foreign-friends-player .ff-reading-sentence[role=button]{cursor:pointer}.learning-area .foreign-friends-player .ff-reading-sentence[role=button]:hover{background:#f2efff}.learning-area .foreign-friends-player .ff-reading-sentence:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #a599e5}.learning-area .foreign-friends-player .ff-banner{margin-bottom:16px;padding:18px 24px}.learning-area .foreign-friends-player .ff-banner-intro{grid-template-columns:1.15fr 1fr;gap:20px;margin-top:12px;display:grid}.learning-area .foreign-friends-player .ff-banner p{color:#f0efff;margin:0;font-size:16px;line-height:1.5}.learning-area .foreign-friends-player .ff-banner strong{color:#fff;font-weight:700}.learning-area .foreign-friends-player .ff-banner .ff-banner-parent{border-top:1px solid #ffffff30;margin-top:12px;padding-top:10px;font-size:14px;line-height:1.5}@media (width<=680px){.learning-area .foreign-friends-player .ff-banner{padding:16px 18px}.learning-area .foreign-friends-player .ff-banner-intro{grid-template-columns:1fr;gap:8px;margin-top:10px}.learning-area .foreign-friends-player .ff-banner .ff-banner-parent{margin-top:10px;padding-top:8px}}.learning-area .foreign-friends-player.ff-single-page{width:100%;max-width:none;margin:0}.learning-area .foreign-friends-player.ff-single-page .ff-content{padding:28px 32px}.learning-area .foreign-friends-player.ff-single-page .ff-content>h2{margin-top:30px}.learning-area .foreign-friends-player.ff-single-page .ff-reading-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:28px;display:grid}.learning-area .foreign-friends-player.ff-single-page .ff-reading figure{margin:0}.learning-area .foreign-friends-player.ff-single-page .ff-reading img{border-radius:14px;width:100%;height:auto;display:block}.learning-area .foreign-friends-player.ff-single-page .ff-story-text{max-width:65ch;margin:0 0 16px;font-size:20px;line-height:1.8}.learning-area .foreign-friends-player.ff-single-page .ff-word-example{color:#38496e;font-size:16px}.learning-area .foreign-friends-player.ff-single-page .ff-words .ff-audio{margin-top:8px}.learning-area .foreign-friends-player.ff-single-page .ff-pattern{grid-template-columns:repeat(var(--ff-pattern-columns,3),minmax(0,1fr));gap:18px;display:grid}.learning-area .foreign-friends-player.ff-single-page .ff-pattern h2{grid-column:1/-1;margin-bottom:0}.learning-area .foreign-friends-player.ff-single-page .ff-pattern>div{margin:0}.learning-area .foreign-friends-player.ff-single-page .ff-practice{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0;display:grid}.learning-area .foreign-friends-player.ff-single-page .ff-practice>h2,.learning-area .foreign-friends-player.ff-single-page .ff-practice>p{grid-column:1/-1;margin:0}.learning-area .foreign-friends-player.ff-single-page .ff-practice-question{border:1px solid #e3e7f1;border-radius:14px;padding:18px}.learning-area .foreign-friends-player.ff-single-page .ff-answers{gap:10px;margin:16px 0 0}.learning-area .foreign-friends-player.ff-single-page .ff-answers button{min-height:58px;padding:12px;font-size:17px}.learning-area .foreign-friends-player.ff-single-page .ff-feedback{min-height:0}.learning-area .foreign-friends-player.ff-single-page .ff-feedback:empty{display:none}.learning-area .foreign-friends-player.ff-single-page .ff-feedback p{margin:12px 0 0}.learning-area .foreign-friends-player.ff-single-page .ff-speaking{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-area .foreign-friends-player.ff-single-page .ff-speaking h3{font-size:20px}.learning-area .foreign-friends-player.ff-single-page .ff-speaking article{min-width:0;padding:18px}@media (width<=900px){.learning-area .foreign-friends-player.ff-single-page .ff-reading-layout{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:20px}.learning-area .foreign-friends-player.ff-single-page .ff-speaking{grid-template-columns:1fr}}@media (width<=680px){.learning-area .foreign-friends-player.ff-single-page .ff-content{padding:20px 18px}.learning-area .foreign-friends-player.ff-single-page .ff-reading-layout{grid-template-columns:1fr;gap:18px}.learning-area .foreign-friends-player.ff-single-page .ff-reading figure{max-width:420px}.learning-area .foreign-friends-player.ff-single-page .ff-story-text{font-size:19px}.learning-area .foreign-friends-player.ff-single-page .ff-pattern,.learning-area .foreign-friends-player.ff-single-page .ff-practice,.learning-area .foreign-friends-player.ff-single-page .ff-words{grid-template-columns:1fr}}.learning-area .foreign-friends-player.ff-single-page .ff-banner-title{align-items:center;gap:10px;margin-top:5px;display:flex}.learning-area .foreign-friends-player.ff-single-page .ff-banner-title h1{margin:0}.learning-area .foreign-friends-player.ff-single-page .ff-banner-back{color:#fff;border:1px solid #ffffff40;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;display:inline-flex}.learning-area .foreign-friends-player.ff-single-page .ff-banner-back:hover{background:#ffffff15}.learning-area .foreign-friends-player.ff-single-page .ff-banner-back:focus-visible{outline-offset:3px;outline:3px solid #bcb4ff}.learning-area .foreign-friends-player.ff-single-page .ff-banner-intro{max-width:90ch;margin-top:12px;display:block}.learning-area .foreign-friends-player.ff-single-page .ff-banner .ff-banner-parent{border:0;max-width:100ch;margin-top:10px;padding:0}.learning-area .foreign-friends-player.ff-single-page .ff-reading{padding-top:0}.learning-area .foreign-friends-player.ff-single-page .ff-banner{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.learning-area .foreign-friends-player.ff-single-page .ff-banner-main{min-width:0}.learning-area .foreign-friends-player.ff-single-page .ff-banner .ff-banner-parent{background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;min-width:0;max-width:none;margin:0;padding:16px 18px}.learning-area .foreign-friends-player.ff-single-page .ff-banner-parent h2{color:#fff;margin:0 0 8px;font-size:18px;line-height:1.4}.learning-area .foreign-friends-player.ff-single-page .ff-banner-parent p{margin:0;font-size:15px;line-height:1.55}.learning-area .foreign-friends-player.ff-single-page .ff-banner-parent p+p{margin-top:8px}@media (width<=900px){.learning-area .foreign-friends-player.ff-single-page .ff-banner{grid-template-columns:1fr;gap:14px}.learning-area .foreign-friends-player.ff-single-page .ff-banner .ff-banner-parent{padding:14px 16px}}.learning-area .foreign-friends-player.ff-single-page .ff-block{background:#fafbff;border:1px solid #e5e9f3;border-left:3px solid #7b87c5;border-radius:12px;margin:0 0 24px;padding:22px;scroll-margin-top:180px}.learning-area .foreign-friends-player.ff-single-page .ff-block:nth-child(2n){background:#f7f8fd;border-left-color:#9783c4}.learning-area .foreign-friends-player.ff-single-page .ff-block:focus{outline:none}.learning-area .foreign-friends-player.ff-single-page .ff-block:focus-visible{outline-offset:3px;outline:3px solid #a599e5}.learning-area .foreign-friends-player.ff-single-page .ff-block h2{align-items:center;gap:10px;display:flex}.learning-area .foreign-friends-player.ff-single-page .ff-section-number{letter-spacing:.03em;color:#54629c;background:#e9edfb;border-radius:7px;padding:8px;font-size:14px;line-height:1}.learning-area .foreign-friends-player.ff-single-page .ff-parent,.learning-area .foreign-friends-player.ff-single-page .ff-content>h2{margin-top:0}@media (width<=680px){.learning-area .foreign-friends-player.ff-single-page .ff-block{margin-bottom:18px;padding:18px 14px}.learning-area .foreign-friends-player.ff-single-page .ff-content{padding:18px 12px}}.learning-area .foreign-friends-player.ff-single-page .ff-section-count{color:#65718b;margin:0 0 14px;font-size:14px}.learning-area .foreign-friends-player.ff-single-page .ff-block[data-current=true]{background:#edf0ff;border-color:#a4b0e0 #a4b0e0 #a4b0e0 #485ebe;box-shadow:inset 0 0 0 1px #b6c0e5}.learning-area .foreign-friends-player.ff-single-page .ff-block[data-current=true] .ff-section-number{color:#fff;background:#485ebe}.learning-area .foreign-friends-player.ff-single-page .ff-block[data-current=true]>h2{color:#2e459c}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-card{background:#fff;border:1px solid #e1e6f0;border-radius:12px;min-width:0;overflow:hidden}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-card>img{object-fit:contain;background:#f8f8fc;width:100%;height:140px;display:block}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-body{padding:14px 16px}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-heading h3{margin:0;font-size:18px}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-ipa{color:#777089;margin:4px 0;font-size:14px;line-height:1.5}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-meaning{color:#485673;margin:4px 0 12px;font-size:15px}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-example{border-top:1px solid #edf0f6;align-items:center;gap:8px;padding-top:10px;display:flex}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-example p{flex:1;margin:0;font-size:15px;line-height:1.6}.learning-area .foreign-friends-player.ff-single-page .ff-audio-compact{flex-shrink:0}.learning-area .foreign-friends-player.ff-single-page .ff-audio-compact button{width:44px;min-height:44px;padding:8px}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-intro{font-size:15px}@media (width<=760px){.learning-area .foreign-friends-player.ff-single-page .ff-vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-body{padding:10px}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-card>img{height:110px}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-heading{flex-wrap:wrap}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-heading h3{font-size:16px}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-example{flex-direction:column;align-items:flex-start}.learning-area .foreign-friends-player.ff-single-page .ff-vocab-ipa{overflow-wrap:anywhere;font-size:12px}}.learning-area .level-two-player .ff-banner{grid-template-columns:minmax(0,7fr) minmax(260px,3fr)}.learning-area .level-two-player .l2-block{background:#fff;border:1px solid #dce3ed;border-left:5px solid #c1c9db;border-radius:14px;margin:0 0 24px;padding:24px;scroll-margin-top:100px}.learning-area .level-two-player .l2-block[data-current=true]{background:#fbfaff;border-left-color:#7554b0}.learning-area .level-two-player .l2-block h2{color:#263551;align-items:center;gap:10px;margin:0 0 18px;font-size:22px;display:flex}.learning-area .level-two-player .l2-block h2>svg{color:#7b69a4;flex-shrink:0}.learning-area .level-two-player .l2-hero-image{max-width:960px;margin:0 0 22px}.learning-area .level-two-player .l2-hero-image img{border-radius:14px;width:100%;height:auto;display:block}.learning-area .level-two-player .l2-hero-image figcaption{color:#69758a;margin-top:6px;font-size:12px}.learning-area .level-two-player .l2-reading{max-width:90ch;margin:0 0 18px;font-size:18px;line-height:1.95}.learning-area .level-two-player .l2-sentence{cursor:pointer;border-radius:4px}.learning-area .level-two-player .l2-sentence:hover{background:#efedf9}.learning-area .level-two-player .l2-sentence.is-speaking{color:#342666;background:#e1d9fb}.learning-area .level-two-player .l2-sentence:focus-visible{outline:2px solid #7855b4}.learning-area .level-two-player .l2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.learning-area .level-two-player .l2-card{background:#fff;border:1px solid #e1e5ee;border-radius:12px;min-width:0;padding:20px}.learning-area .level-two-player .l2-card h3{color:#263551;margin:0 0 10px;font-size:18px;line-height:1.5}.learning-area .level-two-player .l2-card p{margin:8px 0;font-size:15px;line-height:1.65}.learning-area .level-two-player .l2-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.learning-area .level-two-player .l2-ipa{color:#6b7488;font-size:14px}.learning-area .level-two-player .l2-example{border-top:1px solid #e9edf3;margin-top:14px;padding-top:10px}.learning-area .level-two-player .l2-audio{vertical-align:middle;gap:6px;display:inline-flex}.learning-area .level-two-player .l2-audio button{color:#654791;cursor:pointer;background:#f5f1fc;border:1px solid #d6cbed;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 10px;font-size:13px;display:inline-flex}.learning-area .level-two-player .l2-audio button:disabled{opacity:.55;cursor:default}.learning-area .level-two-player .l2-audio-status:empty{display:none}.learning-area .level-two-player .l2-audio-status{color:#65738c;padding:0 24px;font-size:13px}.learning-area .level-two-player .l2-choices{gap:8px;display:grid}.learning-area .level-two-player .l2-choices button{text-align:left;color:#34415d;cursor:pointer;background:#f8f9fc;border:1px solid #dfe4ee;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:10px 12px;font-size:14px;line-height:1.5;display:flex}.learning-area .level-two-player .l2-choices button.is-correct{background:#eef8f2;border-color:#69a385}.learning-area .level-two-player .l2-choices button.is-wrong{background:#fff3ed;border-color:#ce987c}.learning-area .level-two-player .l2-correct{color:#26774d}.learning-area .level-two-player .l2-feedback{color:#945f39}.learning-area .level-two-player .l2-eyebrow{letter-spacing:.06em;color:#7b688f;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.learning-area .level-two-player .l2-hint,.learning-area .level-two-player .l2-answer{color:#687589;font-size:14px}.learning-area .level-two-player .l2-starter{color:#70539a;font-weight:600}.learning-area .level-two-player .l2-pattern{background:#f6f3fb;border:1px solid #ded5ec;border-radius:12px;padding:20px}.learning-area .level-two-player .l2-pattern>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.learning-area .level-two-player .l2-support{color:#6a5b80;font-size:14px}.learning-area .level-two-player .l2-life{padding-left:22px;line-height:1.8}.learning-area .level-two-player .l2-life li{margin-bottom:12px}.learning-area .level-two-player .l2-sources{flex-direction:column;gap:6px;margin-top:18px;font-size:12px;display:flex}.learning-area .level-two-player .l2-sources a{color:#66508c}@media (width<=1000px){.learning-area .level-two-player .l2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-area .level-two-player .ff-banner{grid-template-columns:1fr}}@media (width<=600px){.learning-area .level-two-player .l2-grid{grid-template-columns:1fr}.learning-area .level-two-player .l2-block{padding:16px}.learning-area .level-two-player .ff-content{padding:18px 10px}.learning-area .level-two-player .l2-reading{font-size:16px;line-height:1.85}.learning-area .level-two-player .l2-pattern>div{display:block}.learning-area .level-two-player .l2-block h2{font-size:19px}.learning-area .level-two-player .l2-card{padding:16px}}.learning-area .level-two-player .l2-reading-layout{grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:start;gap:26px;display:grid}.learning-area .level-two-player .l2-reading-layout .l2-hero-image{margin:0;position:sticky;top:100px}.learning-area .level-two-player .l2-reading-layout .l2-hero-image img{aspect-ratio:3/2;object-fit:cover}.learning-area .level-two-player .l2-reading-layout .l2-reading{font-size:17px;line-height:1.85}.learning-area .level-two-player .l2-live-empty h2{align-items:center;gap:8px;font-size:18px;display:flex}.learning-area .level-two-player .l2-live-empty button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #a8a2cd;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:9px 12px;font-size:14px;display:inline-flex}.learning-area .level-two-player .l2-live-notice{background:#ffffff10;border-left:3px solid #cab6fa;border-radius:6px;padding:10px 12px;font-size:13px!important}.learning-area .level-two-player .l2-live-picker{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.learning-area .level-two-player .l2-live-picker span{align-items:center;gap:6px;display:flex}.learning-area .level-two-player .l2-live-picker select{color:#fff;background:#ffffff14;border:1px solid #b0a9ce;border-radius:8px;flex:1;min-width:0;padding:7px}.learning-area .level-two-player .l2-live-picker option{color:#263551}.learning-area .level-two-player .l2-speaking-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.learning-area .level-two-player .l2-speaking-steps>div{background:#f7f4fb;border:1px solid #e0d7ed;border-radius:10px;padding:14px 16px}.learning-area .level-two-player .l2-speaking-steps span,.learning-area .level-two-player .l2-speaking-steps strong{display:block}.learning-area .level-two-player .l2-speaking-steps span{color:#736185;margin-bottom:8px;font-size:13px}.learning-area .level-two-player .l2-fill-frame{background:#f3f5f9;border-left:3px solid #927ab1;border-radius:0 10px 10px 0;margin-top:18px;padding:12px 18px}.learning-area .level-two-player .l2-fill-frame p{color:#69518f;font-weight:600}.learning-area .level-two-player .l2-fill-frame small{color:#65738a}.learning-area .level-two-player .l2-model-speech{background:#f7f5fb;border:1px solid #dcd4ec;border-radius:14px;margin-bottom:28px;padding:22px}.learning-area .level-two-player .l2-model-heading h3{margin:4px 0 18px;font-size:24px}.learning-area .level-two-player .l2-model-layout{grid-template-columns:minmax(0,65fr) minmax(0,35fr);gap:28px;display:grid}.learning-area .level-two-player .l2-model-text{margin:0 0 16px;font-size:18px;line-height:1.95}.learning-area .level-two-player .l2-model-layout aside{border-left:1px solid #ddd5e9;padding-left:22px;font-size:14px;line-height:1.7}.learning-area .level-two-player .l2-model-layout h4{color:#674f87;margin:0 0 8px;font-size:15px}.learning-area .level-two-player .l2-model-layout aside p{margin:0 0 20px}.learning-area .level-two-player .l2-model-layout ol{margin:0;padding-left:18px}.learning-area .level-two-player .l2-model-layout li{padding:0 0 12px}.learning-area .level-two-player .l2-model-layout li strong,.learning-area .level-two-player .l2-model-layout li span{display:block}.learning-area .level-two-player .l2-model-practice{border-top:1px solid #ded7eb;margin-top:20px;padding-top:16px;font-size:14px;line-height:1.7}.learning-area .level-two-player .l2-model-practice p{margin:8px 0 0}.learning-area .level-two-player .l2-answer-guide{background:#f3f5f9;border-radius:8px;padding:10px;font-size:14px!important}.learning-area .level-two-player .l2-question-meaning{color:#65738a;font-size:14px!important}.learning-area .level-two-player .l2-follow-up{color:#67577f;border-top:1px dashed #ddd4e8;padding-top:12px;font-size:14px!important}@media (width<=850px){.learning-area .level-two-player .l2-reading-layout,.learning-area .level-two-player .l2-model-layout{grid-template-columns:1fr}.learning-area .level-two-player .l2-reading-layout .l2-hero-image{max-width:620px;position:static}.learning-area .level-two-player .l2-model-layout aside{border-top:1px solid #ddd5e9;border-left:0;padding:18px 0 0}.learning-area .level-two-player .l2-model-speech{padding:18px}}@media (width<=600px){.learning-area .level-two-player .l2-speaking-steps{grid-template-columns:1fr;gap:8px}.learning-area .level-two-player .l2-model-text{font-size:16px}.learning-area .level-two-player .l2-model-heading h3{font-size:21px}}.learning-area .level-two-player .l2-model-layout{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.learning-area .level-two-player .l2-bilingual-pair{border-radius:9px;margin:0 0 8px;padding:10px 12px;transition:background-color .15s}.learning-area .level-two-player .l2-bilingual-pair.is-speaking{background:#e7dff7;box-shadow:inset 3px 0 #8a69b5}.learning-area .level-two-player .l2-model-english{font-weight:600;line-height:1.7;display:block}.learning-area .level-two-player .l2-model-vietnamese{color:#697489;margin-top:5px;font-size:14px;line-height:1.7;display:block}.learning-area .level-two-player .l2-model-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.learning-area .level-two-player .l2-meaning-toggle{color:#654791;cursor:pointer;background:#f5f1fc;border:1px solid #d6cbed;border-radius:8px;min-height:36px;padding:7px 10px;font-size:13px}@media (width<=850px){.learning-area .level-two-player .l2-model-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.learning-area .level-two-player .l2-bilingual-pair{transition:none}}.user-directory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:18px;display:grid}.learning-app .user-directory-card,.learning-area .course-directory-card{box-sizing:border-box;color:#202b43;background:#fff;border:1px solid #e1e5ee;border-radius:16px;min-width:0;text-decoration:none;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:0 2px 5px #20304e06}.learning-app .user-directory-card{flex-direction:column;min-height:218px;padding:16px;display:flex}.learning-app .user-directory-card:hover,.learning-area .course-directory-card:hover{background:#fcfbff;border-color:#bcb0e3;box-shadow:0 5px 15px #49327c0c}.learning-app .user-directory-card:focus-visible,.learning-area .course-directory-card:focus-visible{outline-offset:3px;outline:3px solid #9274db}.directory-card-top{color:#9c90b9;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.directory-avatar{color:#6342ac;background:#eee9fb;border-radius:13px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:grid}.directory-avatar.role-teacher{color:#22725e;background:#e7f3ef}.directory-avatar.role-admin,.directory-avatar.role-general_manager{color:#4b61a9;background:#e9edfc}.learning-app .user-directory-card h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:42px;margin:0 0 5px;font-size:15px;font-weight:650;line-height:1.4;display:-webkit-box;overflow:hidden}.learning-app .user-directory-card p{color:#6b7589;margin:0;font-size:12px;line-height:1.5}.directory-status{color:#737989;align-items:center;gap:6px;margin-top:10px;font-size:11px;font-weight:600;display:flex}.directory-status>span{background:#9ca3af;border-radius:50%;flex-shrink:0;width:6px;height:6px}.directory-status.is-active{color:#287a60}.directory-status.is-active>span{background:#43a57e}.learning-app .user-directory-card .directory-card-foot{text-overflow:ellipsis;white-space:nowrap;color:#837699;align-items:center;gap:5px;margin-top:auto;padding-top:14px;display:flex;overflow:hidden}.user-directory-card.is-inactive .directory-avatar{color:#7c8494;background:#f0f1f5}.learning-area .course-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.learning-area .course-directory-card{flex-direction:column;min-height:300px;padding:24px;display:flex}.course-directory-icon{color:#6943b5;background:#eee8fc;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.course-directory-icon.course-explorer{color:#4b65b9;background:#e8eefc}.learning-area .course-directory-card h2{letter-spacing:-.025em;color:#202b43;margin:8px 0 10px;font-size:23px;line-height:1.3}.learning-area .course-directory-card p{color:#738095;margin:0 0 22px;font-size:14px;line-height:1.65}.course-directory-access{color:#777c8d;background:#f3f4f7;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.course-directory-access.is-available{color:#337b5a;background:#eef8f2}.course-directory-foot{color:#716385;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.course-directory-foot>span{align-items:center;gap:6px;display:flex}.course-directory-foot>span:last-child{color:#6b4caf;font-weight:600}.learning-area .course-directory-grid.is-list{grid-template-columns:1fr;gap:12px}.learning-area .course-directory-grid.is-list .course-directory-card{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:120px;padding:20px 24px;display:grid}.course-directory-grid.is-list .directory-card-top{margin:0}.course-directory-grid.is-list .directory-card-top>svg{display:none}.course-directory-grid.is-list .course-directory-copy p{margin:0}.course-directory-grid.is-list .course-directory-card h2{margin:6px 0;font-size:20px}.course-directory-grid.is-list .course-directory-foot{border:0;flex-direction:column;align-items:flex-end;margin:0;padding:0}@media (width<=1199px){.user-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.user-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-area .course-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-area .course-directory-grid.is-list{grid-template-columns:1fr}.learning-area .course-directory-grid.is-list .course-directory-card{grid-template-columns:56px minmax(0,1fr)}.course-directory-grid.is-list .course-directory-foot{flex-direction:row;grid-column:2;justify-content:space-between;align-items:center}}@media (width<=600px){.user-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.learning-app .user-directory-card{min-height:210px;padding:14px}.learning-area .course-directory-grid{grid-template-columns:1fr;gap:14px}.learning-area .course-directory-card{min-height:270px;padding:20px}.learning-area .course-directory-grid.is-list .course-directory-card{gap:14px;padding:18px}}@media (width<=340px){.user-directory-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.learning-app .user-directory-card,.learning-area .course-directory-card{transition:none}}.course-calendar{gap:20px;display:grid}.cc-banner{color:#fff;background:linear-gradient(120deg,#151d4a,#352765);border-radius:20px;grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:center;gap:16px 24px;padding:18px 24px;display:grid}.cc-banner h1{margin:0 0 10px;font-size:24px}.cc-banner p{margin:6px 0;line-height:1.6}.cc-banner .cc-back{color:#e0dcff;margin-bottom:8px;font-size:13px;text-decoration:none;display:inline-block}.cc-eyebrow{letter-spacing:.09em;font-size:12px;font-weight:600}.cc-period{color:#dfdcf3;font-size:13px}.cc-controls{border-left:1px solid #ffffff24;justify-items:stretch;gap:10px;min-width:0;padding-left:18px;display:grid}.cc-control-row,.cc-admin-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.cc-banner button{color:#fff;background:#ffffff12;border:1px solid #ffffff40;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:13px;display:inline-flex}.cc-banner button:hover:not(:disabled){background:#ffffff25}.cc-banner button:disabled{opacity:.4}.cc-banner button.primary{background:#8060e8;border-color:#9f88f0}.cc-month-select{background:#ffffff12;border:1px solid #ffffff40;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.cc-month-select select{color:#fff;background:0 0;border:0;width:auto;min-height:0;padding:8px 2px;font-size:14px}.cc-month-select option{color:#182039;background:#fff}.cc-segment{background:#00000018;border:1px solid #ffffff30;border-radius:9px;padding:3px;display:flex}.cc-banner .cc-segment button{background:0 0;border:0;min-height:30px;padding:5px 10px}.cc-banner .cc-segment button[aria-pressed=true]{color:#34205e;background:#f0ebff}.cc-state{color:#ded9f1;font-size:12px}.cc-admin-actions{border-top:1px solid #ffffff24;padding-top:12px}.cc-banner .cc-intro{margin:0;font-size:14px;line-height:1.6}.cc-banner .cc-parent-intro{color:#e3dff5;margin-bottom:10px;font-size:13px;line-height:1.6}.cc-editor,.cc-message{grid-column:1/-1}.cc-editor{border-top:1px solid #ffffff30;padding-top:14px;font-size:13px}.cc-editor label{align-items:flex-start;gap:8px;display:flex}.cc-editor input{width:auto}.cc-grid-panel{background:#fff;border:1px solid #dedfea;border-radius:14px;overflow:hidden}.cc-weekdays,.cc-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cc-weekdays{background:#faf9fe;border-bottom:1px solid #e2e2ed}.cc-weekdays>div{text-align:center;color:#596079;padding:14px 8px;font-size:13px;font-weight:600}.cc-day{border-bottom:1px solid #e8e7ef;border-right:1px solid #e8e7ef;flex-direction:column;gap:9px;min-width:0;min-height:132px;padding:10px 8px;display:flex}.cc-day:nth-child(7n){border-right:0}.cc-day:nth-last-child(-n+7){border-bottom:0}.cc-date{color:#3c4358;align-items:center;gap:6px;min-height:24px;font-size:14px;display:flex}.cc-date time{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.cc-date b{color:#674bc1;font-size:10px}.cc-today{background:#f7f3ff}.cc-today time{color:#fff;background:#7755d6}.cc-outside{background:#fafafd}.cc-outside .cc-date{color:#9c9cad}.cc-lesson{background:#f6f3fd;border:1px solid #e4def4;border-radius:8px;overflow:hidden}.cc-lesson a,.cc-locked-title,.cc-lesson h3{color:#28204f;overflow-wrap:anywhere;align-items:flex-start;gap:6px;margin:0;padding:10px 8px;font-size:12px;font-weight:500;line-height:1.5;text-decoration:none;display:flex}.cc-lesson svg{color:#7052c2;flex-shrink:0;margin-top:2px}.cc-lesson a:hover{background:#ece5fb}.cc-lesson a:focus-visible,.cc-banner button:focus-visible{outline-offset:-3px;outline:3px solid #c0a5ff}.cc-locked-title{color:#6b647f}.cc-locked-title>span,.cc-lesson a>span{flex:1}.cc-festival{background:#f3ebff;border-color:#b898e8}.cc-occasion{color:#7356a0;align-items:flex-start;gap:5px;margin:0;padding:0 8px 8px;font-size:10px;line-height:1.5;display:flex}.cc-lesson select{width:calc(100% - 12px);min-width:0;margin:0 6px 8px;padding:5px;font-size:11px}.cc-live{color:#fff;background:linear-gradient(135deg,#7454d9,#515cd1);border-radius:8px;gap:7px;padding:10px 9px;display:grid;box-shadow:0 2px 4px #574da515}.cc-live-badge{color:#5741a1;background:#ffffffeb;border-radius:12px;justify-self:start;align-items:center;gap:4px;padding:3px 6px;font-size:9px;font-weight:600;display:inline-flex}.cc-live strong{flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.cc-live p{overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.4}.cc-week .cc-day{min-height:320px}.cc-mobile-weekday{display:none}.cc-footnote{color:#646a7d;margin:0;font-size:13px}.cc-reserve{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cc-reserve article{border-bottom:1px solid #dbe2ec;padding:12px}.cc-reserve p{color:#5a6578;font-size:14px}.course-calendar summary{cursor:pointer;font-size:18px;font-weight:700}.cc-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1050px){.cc-banner{grid-template-columns:1fr;gap:18px}.cc-controls{border-top:1px solid #ffffff24;border-left:0;justify-items:start;padding:16px 0 0}.cc-control-row,.cc-admin-actions{justify-content:flex-start}}@media (width<=700px){.cc-banner{gap:16px;padding:22px}.cc-weekdays{display:none}.cc-days{grid-template-columns:1fr}.cc-day,.cc-week .cc-day{border-right:0;min-height:76px;padding:12px 14px}.cc-day:nth-last-child(-n+7){border-bottom:1px solid #e8e7ef}.cc-day:last-child{border-bottom:0}.cc-date>time{display:none}.cc-mobile-weekday{display:inline}.cc-lesson a,.cc-locked-title,.cc-lesson h3{padding:12px;font-size:14px}.cc-occasion{font-size:12px}.cc-live strong{font-size:15px}.cc-live p{font-size:13px}.cc-reserve{grid-template-columns:1fr}.cc-month-select select{max-width:140px}.cc-date b{font-size:11px}}.cc-student-month{justify-content:center;align-items:center;min-width:120px;min-height:38px;font-size:14px;font-weight:600;display:inline-flex}.cc-student-live{background:#e6d9ff;border:1px solid #9970d6;border-left:3px solid #7443ba}.cc-student-card a.cc-student-event,.cc-student-card .cc-locked-title.cc-student-event{color:#38205f;flex-direction:column;gap:7px;padding:10px;display:flex}.cc-student-event-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;width:100%;display:flex}.cc-student-event-heading strong{align-items:center;gap:4px;font-size:12px;display:flex}.cc-student-live-badge{color:#fff;background:#7347ba;border-radius:10px;align-items:center;gap:4px;padding:3px 6px;font-size:9px;font-weight:700;display:inline-flex}.cc-student-live-badge svg{color:inherit;margin:0}.cc-student-event-title{font-size:12px;font-weight:650;line-height:1.45}.cc-student-event-status{color:#684b88;font-size:10px}.cc-student-enter{color:#61349b;font-size:11px;font-weight:600}.cc-student-now{background:#d9c3ff;border-color:#7443ba}.cc-student-done{background:#ede4f8;border-color:#b39bcf #b39bcf #b39bcf #9774bc}.cc-live-attention{background:#ffdc55;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.8s ease-in-out infinite cc-live-pulse;display:inline-block}.cc-student-live a:hover{background:#dcc9f9}.cc-student-live a:focus-visible{outline-offset:-3px;outline:3px solid #8654c4}@keyframes cc-live-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.cc-live-attention{opacity:1;animation:none}}@media (width<=700px){.cc-student-card a.cc-student-event,.cc-student-card .cc-locked-title.cc-student-event{padding:12px}.cc-student-event-title,.cc-student-event-heading strong{font-size:14px}.cc-student-event-status{font-size:12px}}.cc-banner-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cc-banner-heading h1{margin:0}.cc-banner-back{color:#fff;background:#ffffff12;border:1px solid #ffffff40;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:inline-flex}.cc-banner-back:hover{background:#ffffff25}.cc-course-info{color:#fff;background:#ffffff12;border:1px solid #ffffff40;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.cc-course-info:hover{background:#ffffff25}.learning-area .course-introduction{color:#25324a;max-width:1200px;margin:0 auto;font-size:16px}.course-introduction .ci-back{color:#59667b;align-items:center;gap:8px;margin-bottom:14px;padding:8px 0;text-decoration:none;display:inline-flex}.course-introduction .ci-hero{background:#eef2ff;border-radius:18px;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;padding:28px;display:grid}.course-introduction .ci-hero-text{display:block}.course-introduction .ci-hero-text>div{max-width:75ch}.course-introduction h1{color:#1f2850;max-width:22ch;margin:12px 0 18px;font-size:clamp(28px,3vw,40px);line-height:1.22}.course-introduction h2{color:#263355;margin:0 0 14px;font-size:25px;line-height:1.35}.course-introduction h3{margin:10px 0;font-size:18px;line-height:1.4}.course-introduction p{margin:10px 0;font-size:16px;line-height:1.75}.course-introduction .ci-eyebrow{letter-spacing:.08em;color:#59679a;margin:0;font-size:13px;font-weight:700}.course-introduction figure{margin:0}.course-introduction img{border-radius:14px;width:100%;height:auto;display:block}.course-introduction figcaption{color:#58667d;margin-top:10px;font-size:14px;line-height:1.5}.course-introduction .ci-prose{max-width:76ch;margin:40px auto}.course-introduction .ci-session{background:#fff;border:1px solid #e1e6ee;border-radius:18px;margin:32px 0;padding:28px}.course-introduction .ci-section-head{max-width:75ch}.course-introduction .ci-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0;padding:0;list-style:none;display:grid}.course-introduction .ci-sequence li{border-top:2px solid #dbe2fb;padding-top:16px}.course-introduction .ci-sequence svg{color:#5968c6}.course-introduction .ci-example{border-top:1px solid #e7ebf1;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;padding-top:24px;display:grid}.course-introduction .ci-example-card{background:#f5f6fd;border-radius:12px;padding:20px}.course-introduction .ci-example-card span,.course-introduction .ci-example-card strong{font-size:18px;line-height:1.5;display:block}.course-introduction .ci-example-card strong{color:#435396;margin:8px 0}.course-introduction .ci-two-columns{grid-template-columns:1fr 1fr;gap:32px;margin:36px 0;display:grid}.course-introduction .ci-two-columns section{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:24px}.course-introduction li{margin-bottom:8px;font-size:16px;line-height:1.75}.course-introduction .ci-note{background:#f3f5fb;border-left:3px solid #7c87c4;border-radius:0 12px 12px 0;max-width:80ch;margin:38px auto;padding:24px}.course-introduction .ci-footer{text-align:center;padding:20px 0 36px}.course-introduction .ci-footer a{color:#4b5a9a;margin:12px 16px;display:inline-block}.course-introduction .ci-access-note{color:#667085;max-width:65ch;margin:12px auto}.course-introduction button{min-height:44px}@media (width<=850px){.course-introduction .ci-hero{grid-template-columns:1fr;gap:20px;padding:22px}.course-introduction figure{max-width:560px}.course-introduction .ci-two-columns{grid-template-columns:1fr;gap:18px}}@media (width<=600px){.course-introduction .ci-hero,.course-introduction .ci-session{padding:18px}.course-introduction .ci-sequence,.course-introduction .ci-example{grid-template-columns:1fr;gap:16px}.course-introduction .ci-prose{margin:28px 0}.course-introduction h2{font-size:23px}.course-introduction .ci-two-columns section,.course-introduction .ci-note{padding:18px}.course-introduction .ci-footer button{width:100%}}.course-introduction .ci-title{align-items:center;gap:12px;display:flex}.course-introduction .ci-banner-back{color:#394775;background:#667bd010;border:1px solid #99a6d1;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:inline-flex}.course-introduction .ci-banner-back:hover{background:#667bd025}.learning-area .wild-animals-player .ff-banner p{color:#e5e7ff;max-width:640px;margin-bottom:0;font-size:16px;line-height:1.6}.learning-area .wild-animals-player .wild-word-image{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.learning-area .wild-animals-player .ff-words{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-area .wild-animals-player .ff-answers:has(img){grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.learning-area .wild-animals-player .ff-answers button:has(img){flex-direction:column;min-width:0;padding:14px}.learning-area .wild-animals-player .ff-answers img{object-fit:contain;width:100%;max-width:160px;height:auto}.learning-area .wild-animals-player .wild-speaking-image{float:right;object-fit:contain;width:110px;height:110px}.learning-area .wild-animals-player .ff-speaking article{display:flow-root}.learning-area .wild-animals-player .ff-audio button{min-height:44px}@media (width<=680px){.learning-area .wild-animals-player .ff-words{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-area .wild-animals-player .ff-answers:has(img){grid-template-columns:repeat(2,minmax(0,1fr))}.learning-area .wild-animals-player .wild-speaking-image{width:80px;height:80px}}.learning-area.student-learning .daily-routine-player{color:#18224c;max-width:980px;margin:0 auto;font-size:16px;line-height:1.55}.learning-area.student-learning .daily-routine-player *{box-sizing:border-box}.learning-area.student-learning .daily-routine-player .dr-back-link{color:#526078;align-items:center;gap:8px;min-height:44px;margin-bottom:8px;text-decoration:none;display:inline-flex}.learning-area.student-learning .daily-routine-player .dr-topic-heading{color:#fff;background:linear-gradient(115deg,#101a48,#342575);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 28px;display:flex}.learning-area.student-learning .daily-routine-player .dr-topic-heading span{letter-spacing:.1em;opacity:.8;font-size:12px;font-weight:650}.learning-area.student-learning .daily-routine-player .dr-topic-heading h1{color:#fff;margin:5px 0 0;font-size:28px;line-height:1.2}.learning-area.student-learning .daily-routine-player .dr-shell{background:#fff;border:1px solid #e5e8f0;border-radius:22px;overflow:clip;box-shadow:0 12px 36px #18224c08}.learning-area.student-learning .daily-routine-player .dr-progress{z-index:5;background:#fff;border-bottom:1px solid #eef0f5;padding:20px 28px 16px;scroll-margin-top:90px;position:sticky;top:80px}.learning-area.student-learning .daily-routine-player .dr-progress>div:first-child{justify-content:space-between;gap:10px;font-size:14px;display:flex}.learning-area.student-learning .daily-routine-player progress{accent-color:#6557d5;border:0;border-radius:10px;width:100%;height:10px;margin:12px 0;display:block;overflow:hidden}.learning-area.student-learning .daily-routine-player progress::-webkit-progress-bar{background:#edf0f6}.learning-area.student-learning .daily-routine-player progress::-webkit-progress-value{background:linear-gradient(90deg,#526ce8,#7d54cd);border-radius:10px}.learning-area.student-learning .daily-routine-player .dr-segments{gap:6px;display:flex}.learning-area.student-learning .daily-routine-player .dr-segments span{background:#eceff5;border-radius:4px;flex:1;height:3px}.learning-area.student-learning .daily-routine-player .dr-segments .active{background:#8d83df}.learning-area.student-learning .daily-routine-player .dr-screen{padding:30px 34px}.learning-area.student-learning .daily-routine-player .dr-eyebrow{color:#6662aa;letter-spacing:.1em;font-size:12px;font-weight:700}.learning-area.student-learning .daily-routine-player h2{letter-spacing:-.025em;color:#18224c;margin:8px 0 12px;font-size:32px;line-height:1.25}.learning-area.student-learning .daily-routine-player p{color:#667085;margin:8px 0 16px;font-size:16px}.learning-area.student-learning .daily-routine-player button{border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px 18px;font-size:16px;font-weight:650;line-height:1.35;display:inline-flex}.learning-area.student-learning .daily-routine-player button:focus-visible{outline-offset:3px;outline:3px solid #a79af0}.learning-area.student-learning .daily-routine-player button:disabled{opacity:.5;cursor:not-allowed}.learning-area.student-learning .daily-routine-player button.primary{color:#fff;background:#5565df;border:1px solid #5565df;min-width:170px;box-shadow:0 3px #3f4ac5}.learning-area.student-learning .daily-routine-player .dr-ready{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;display:grid}.learning-area.student-learning .daily-routine-player img{object-fit:contain;border-radius:16px;width:100%;height:auto;display:block}.learning-area.student-learning .daily-routine-player .dr-ready ul{margin:22px 0;padding:0;list-style:none}.learning-area.student-learning .daily-routine-player .dr-ready li{align-items:center;gap:10px;margin:10px 0;font-size:16px;display:flex}.learning-area.student-learning .daily-routine-player .dr-ready li svg{color:#7162cc;flex-shrink:0}.learning-area.student-learning .daily-routine-player .dr-warmup{border:0;margin:24px 0 0;padding:0}.learning-area.student-learning .daily-routine-player .dr-warmup legend{margin-bottom:14px;font-size:18px;font-weight:700}.learning-area.student-learning .daily-routine-player .dr-warmup>div{gap:12px;display:flex}.learning-area.student-learning .daily-routine-player .dr-warmup button{color:#24315d;background:#fff;border:2px solid #e7eaf2;flex:1}.learning-area.student-learning .daily-routine-player .dr-warmup button[aria-pressed=true]{background:#f4f1ff;border-color:#7461d4}.learning-area.student-learning .daily-routine-player .dr-phrase{background:#fafbfe;border:1px solid #e7eaf2;border-radius:18px;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;margin-top:24px;padding:22px;display:grid}.learning-area.student-learning .daily-routine-player .dr-phrase h3{letter-spacing:-.02em;margin:8px 0;font-size:34px;line-height:1.2}.learning-area.student-learning .daily-routine-player .dr-time{color:#6559a4;font-size:14px;font-weight:650}.learning-area.student-learning .daily-routine-player .dr-example{color:#344054;margin:18px 0 0;font-size:17px}.learning-area.student-learning .daily-routine-player .dr-audio{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.learning-area.student-learning .daily-routine-player .dr-audio>span{color:#665baa;flex-basis:100%;min-height:0;font-size:14px}.learning-area.student-learning .daily-routine-player .dr-audio>span:empty{display:none}.learning-area.student-learning .daily-routine-player .dr-audio details{flex-basis:100%}.learning-area.student-learning .daily-routine-player .dr-listen{color:#5544b9;background:#eeeaff;border:1px solid #ddd5ff}.learning-area.student-learning .daily-routine-player .dr-phrase-dots{justify-content:center;gap:9px;margin-top:22px;display:flex}.learning-area.student-learning .daily-routine-player .dr-phrase-dots span{color:#748096;background:#f0f2f7;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;display:flex}.learning-area.student-learning .daily-routine-player .dr-phrase-dots .current{color:#fff;background:#6658c8}.learning-area.student-learning .daily-routine-player .dr-phrase-dots .done{color:#6553c4;background:#eeebff}.learning-area.student-learning .daily-routine-player .dr-listening-prompt{color:#6654c1;background:#f5f3ff;border-radius:16px;justify-content:center;align-items:center;gap:18px;margin:22px 0;padding:20px;display:flex}.learning-area.student-learning .daily-routine-player .dr-picture-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.learning-area.student-learning .daily-routine-player .dr-picture-options button{text-align:left;color:#24315d;background:#fff;border:2px solid #e7eaf2;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:12px;display:flex;box-shadow:0 3px #edf0f6}.learning-area.student-learning .daily-routine-player .dr-picture-options img{aspect-ratio:480/340;border-radius:10px}.learning-area.student-learning .daily-routine-player .dr-picture-options button>span{justify-content:space-between;align-items:center;gap:8px;padding:6px 2px;font-size:18px;display:flex}.learning-area.student-learning .daily-routine-player .dr-picture-options .selected{background:#f8f6ff;border-color:#7a65db;box-shadow:0 3px #d5cdf2}.learning-area.student-learning .daily-routine-player .dr-picture-options .correct{background:#f0faf5;border-color:#51a782}.learning-area.student-learning .daily-routine-player .dr-picture-options .incorrect{background:#fff9f2;border-color:#d69b68}.learning-area.student-learning .daily-routine-player .dr-feedback{min-height:65px;margin-top:18px}.learning-area.student-learning .daily-routine-player .dr-right{color:#267856;background:#effaf4;border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.learning-area.student-learning .daily-routine-player .dr-wrong{background:#fff8ef;border-radius:12px;padding:14px}.learning-area.student-learning .daily-routine-player .dr-wrong p{color:#8c5b2b}.learning-area.student-learning .daily-routine-player .dr-footer{background:#fff;border-top:1px solid #eef0f5;justify-content:space-between;align-items:center;gap:16px;padding:20px 34px;display:flex}.learning-area.student-learning .daily-routine-player .dr-turn-grid{grid-template-columns:.85fr 1.15fr;gap:30px;margin-top:22px;display:grid}.learning-area.student-learning .daily-routine-player .dr-speaking img{max-width:290px;margin:0 auto 16px}.learning-area.student-learning .daily-routine-player .dr-spoken{margin-top:18px}.learning-area.student-learning .daily-routine-player .dr-spoken[aria-pressed=true]{color:#277d57;background:#effaf4;border-color:#b6dfcb}.learning-area.student-learning .daily-routine-player .dr-writing{font-size:18px;font-weight:650;display:block}.learning-area.student-learning .daily-routine-player textarea{width:100%;font:inherit;resize:vertical;color:#24315d;border:1px solid #d9deec;border-radius:12px;min-height:160px;margin-top:12px;padding:14px;font-size:18px;font-weight:400;line-height:1.6}.learning-area.student-learning .daily-routine-player .dr-word-count{color:#7c8498;font-size:13px}.learning-area.student-learning .daily-routine-player .dr-model{margin:16px 0;font-size:15px}.learning-area.student-learning .daily-routine-player .dr-parent{background:#f7f6fd;border:1px solid #e9e5f5;border-radius:16px;margin-top:26px;padding:20px 24px}.learning-area.student-learning .daily-routine-player .dr-parent h3{align-items:center;gap:10px;margin:0 0 12px;font-size:18px;display:flex}.learning-area.student-learning .daily-routine-player .dr-parent p{margin:8px 0;font-size:14px}.learning-area.student-learning .daily-routine-player .dr-complete{text-align:center;color:#29805b;background:#f0faf5;border-radius:16px;margin-top:24px;padding:24px}.learning-area.student-learning .daily-routine-player .dr-complete>svg{margin:auto}.learning-area.student-learning .daily-routine-player .dr-complete h3{margin:10px 0;font-size:25px}@media (width<=650px){.learning-area.student-learning .daily-routine-player .dr-topic-heading{margin-bottom:14px;padding:16px 18px}.learning-area.student-learning .daily-routine-player .dr-topic-heading h1{font-size:24px}.learning-area.student-learning .daily-routine-player .dr-topic-heading>svg{width:24px}.learning-area.student-learning .daily-routine-player .dr-shell{border-radius:17px}.learning-area.student-learning .daily-routine-player .dr-progress{padding:16px 18px 12px}.learning-area.student-learning .daily-routine-player .dr-screen{padding:22px 18px}.learning-area.student-learning .daily-routine-player h2{font-size:27px}.learning-area.student-learning .daily-routine-player .dr-ready,.learning-area.student-learning .daily-routine-player .dr-phrase,.learning-area.student-learning .daily-routine-player .dr-turn-grid{grid-template-columns:1fr;gap:18px}.learning-area.student-learning .daily-routine-player .dr-ready img{grid-row:1;max-width:230px;margin:auto}.learning-area.student-learning .daily-routine-player .dr-ready ul{margin:14px 0}.learning-area.student-learning .daily-routine-player .dr-warmup>div{flex-wrap:wrap;gap:8px}.learning-area.student-learning .daily-routine-player .dr-warmup button{flex:40%;padding:10px}.learning-area.student-learning .daily-routine-player .dr-phrase{text-align:center;margin-top:18px;padding:16px}.learning-area.student-learning .daily-routine-player .dr-phrase img{max-width:290px;margin:auto}.learning-area.student-learning .daily-routine-player .dr-phrase h3{font-size:29px}.learning-area.student-learning .daily-routine-player .dr-phrase .dr-audio{justify-content:center}.learning-area.student-learning .daily-routine-player .dr-picture-options{gap:8px}.learning-area.student-learning .daily-routine-player .dr-picture-options button{gap:5px;min-width:0;padding:7px}.learning-area.student-learning .daily-routine-player .dr-picture-options button>span{overflow-wrap:anywhere;flex-wrap:wrap;font-size:14px;line-height:1.4}.learning-area.student-learning .daily-routine-player .dr-picture-options button>span svg{width:16px;height:16px}.learning-area.student-learning .daily-routine-player .dr-listening-prompt{gap:12px;padding:16px}.learning-area.student-learning .daily-routine-player .dr-footer{gap:10px;padding:16px 18px}.learning-area.student-learning .daily-routine-player .dr-footer button.primary{min-width:140px}.learning-area.student-learning .daily-routine-player .dr-parent{padding:16px}.learning-area.student-learning .daily-routine-player .dr-speaking img{max-width:220px}.learning-area.student-learning .daily-routine-player .dr-audio button{font-size:16px}.learning-area.student-learning .daily-routine-player .dr-back-link{margin-bottom:4px}}@media (prefers-reduced-motion:no-preference){.learning-area.student-learning .daily-routine-player .dr-screen{animation:.18s ease-out dr-enter}@keyframes dr-enter{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}@media (width<=650px){.learning-area.student-learning .daily-routine-player .dr-progress{scroll-margin-top:72px;top:62px}.learning-area.student-learning .daily-routine-player .dr-picture-options{grid-template-columns:1fr;gap:10px}.learning-area.student-learning .daily-routine-player .dr-picture-options button{grid-template-columns:104px 1fr;align-items:center;gap:14px;min-height:96px;padding:10px;display:grid}.learning-area.student-learning .daily-routine-player .dr-picture-options button>span{flex-wrap:nowrap;font-size:18px}.learning-area.student-learning .daily-routine-player .dr-listening-prompt{margin:16px 0}.learning-area.student-learning .daily-routine-player .dr-screen-title p{margin-bottom:12px}}.student-learning .student-topic-filters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.student-learning .student-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.student-learning .student-topic-tile{border:1px solid #e4e7ec;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:20px;display:flex}.student-learning .student-topic-tile h3{margin:0;font-size:18px;line-height:1.4}.student-learning .student-topic-tile p{color:#667085;margin:0;font-size:14px}.student-learning .student-topic-tile button{width:100%;margin-top:auto}.student-learning .student-topic-state{color:#667085;align-items:center;gap:6px;font-size:14px;display:flex}.student-learning .student-topic-more{margin:20px auto 0;display:flex}.student-learning .student-topic-empty{text-align:center;padding:30px 0}.student-learning .student-topic-empty h3{font-size:20px}.student-learning .student-topic-steps{grid-template-columns:repeat(4,1fr);gap:8px;max-width:900px;margin:18px auto;display:grid}.student-learning .student-topic-steps a{color:#344054;background:#fff;border:1px solid #e4e7ec;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.student-learning .student-topic-steps span{justify-content:center;align-items:center;display:flex}.student-learning .student-topic-steps .is-done{color:#435be4;background:#eef2ff}.student-learning .learning-progress-head{max-width:900px;margin:20px auto}.student-learning .learning-activity{box-sizing:border-box;width:100%}.student-learning .learning-activity h2{margin:0 0 20px;font-size:24px}.student-learning .learning-section h3{margin-top:24px}.student-learning .learning-section button{min-height:48px;font-size:16px}.student-learning .learning-parent{max-width:900px;margin:24px auto}.student-learning .student-reading{grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;display:grid}.student-learning .student-reading .learning-art{margin:0}.student-learning .student-reading-copy>p{min-height:100px;font-size:20px;line-height:1.65}.student-learning .student-reading-controls{color:#667085;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:14px;display:flex}.student-learning .student-vocabulary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.student-learning .student-vocabulary>article{border:1px solid #e4e7ec;border-radius:12px;min-width:0;overflow:hidden}.student-learning .student-vocabulary .learning-art{border-radius:0;margin:0}.student-learning .student-vocabulary>article>div:not(.learning-art){padding:14px}.student-learning .student-vocabulary h4{margin:0 0 5px;font-size:20px}.student-learning .student-vocabulary details{border:0;padding:0}.student-learning .student-vocabulary summary,.student-learning .student-vocabulary p{font-size:14px}.student-learning .student-vocabulary .learning-audio{margin:8px 0}.student-learning .learning-question label{border:1px solid #e4e7ec;border-radius:9px;min-height:48px;margin:10px 0;padding:14px}.student-learning .learning-question label:has(input:checked){background:#eef2ff;border-color:#8b8cdd}.student-learning .student-picture-answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.student-learning .student-picture-answers label{flex-direction:column;align-items:flex-start;margin:0}.student-learning .student-picture-answers .learning-art{margin:0}.student-learning .student-picture-answers label>span{align-items:center;gap:8px;display:flex}.student-learning .learning-question legend{font-size:18px}.student-learning .learning-question{margin:20px 0}.student-learning .student-focused-practice .learning-question{border:0;padding:0}.student-learning .learning-back{min-height:44px}@media (width<=800px){.student-learning .student-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-learning .student-reading{grid-template-columns:1fr;gap:12px}.student-learning .student-reading-copy>p{min-height:0}.student-learning .student-vocabulary,.student-learning .student-topic-steps{grid-template-columns:1fr 1fr}.student-learning .learning-activity h2{font-size:22px}.student-learning .student-vocabulary .learning-audio button{padding:8px 10px;font-size:14px}}@media (width<=480px){.student-learning .student-topic-grid{grid-template-columns:1fr}.student-learning .student-topic-tile{grid-template-columns:46px 1fr;align-items:center;gap:10px 14px;display:grid}.student-learning .student-topic-tile .student-topic-icon{grid-row:1/3}.student-learning .student-topic-tile p,.student-learning .student-topic-tile button{grid-column:1/-1}.student-learning .student-topic-filters button{flex:40%;font-size:14px}.student-learning .student-vocabulary{gap:10px}.student-learning .student-vocabulary>article>div:not(.learning-art){padding:10px}.student-learning .student-vocabulary h4{font-size:18px}.student-learning .student-picture-answers{gap:8px}.student-learning .student-picture-answers label{padding:8px}.student-learning .learning-progress-head .learning-meter progress{flex:1;width:auto}.student-learning .learning-section>button.primary{width:100%;margin-right:0}}.learning-area .learning-icon-art{box-sizing:border-box;color:#435be4;aspect-ratio:4/3;background:#eef2ff;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:210px;padding:24px;display:flex}.learning-area .learning-icon-art span{text-align:center;font-size:18px;font-weight:600}.student-learning .student-vocabulary .learning-icon-art{min-height:140px;padding:16px}.student-learning .student-vocabulary .learning-icon-art svg{width:56px;height:56px}.student-step-player .topic-step-progress{z-index:5;background:#fff;border:1px solid #e4e7ec;border-radius:12px;align-items:center;gap:16px;max-width:900px;margin:18px auto;padding:16px;display:flex;position:sticky;top:0}.topic-step-progress progress{accent-color:#635bdf;flex:1;min-width:40px}.topic-step-progress span{color:#667085;font-size:13px}.student-step-player .learning-activity{max-width:900px;margin:0 auto;padding:28px}.student-step-player .learning-activity button{min-height:48px;font-size:16px}.student-step-player .learning-activity li{margin:12px 0;line-height:1.6}.topic-ready-grid{grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}.topic-hero-art{aspect-ratio:1;background-image:url(/learning/foundation-topics.webp);background-size:300% 200%;border-radius:18px}.topic-step-footer,.topic-question-actions{justify-content:space-between;gap:16px;margin-top:28px;display:flex}.topic-step-footer{border-top:1px solid #e4e7ec;padding-top:20px}.topic-step-footer .primary{min-width:180px}.topic-grammar,.topic-parent{background:#f5f3ff;border-radius:14px;margin-top:24px;padding:20px}.topic-speaking{padding:16px 0}.student-step-player .learning-question legend{font-size:22px;line-height:1.5}.student-step-player textarea{font-size:18px}.student-step-player .learning-feedback{background:#fff7ed;border-radius:10px;padding:14px}.student-step-player .learning-success{background:#ecfdf3;border-radius:10px;padding:14px}@media (width<=600px){.student-step-player .learning-activity{padding:18px}.topic-ready-grid{grid-template-columns:1fr;gap:12px}.topic-hero-art{width:100%;max-width:260px;margin:auto}.student-step-player .topic-step-progress{flex-wrap:wrap;gap:10px}.topic-step-progress strong{font-size:14px}.topic-step-progress span{display:none}.topic-step-footer button{flex:1;padding:10px}.topic-step-footer .primary{min-width:0}.topic-step-footer{gap:10px}.student-step-player .learning-question legend{font-size:20px}}.learning-area{min-width:0}.learning-area .learning-course{align-items:center;gap:24px;display:flex}.learning-area .learning-course>div:nth-child(2){flex:1}.learning-area .learning-course-icon{color:#5b35bd;background:#eef2ff;border-radius:12px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.learning-area h2{margin:8px 0 12px}.learning-area p{font-size:16px;line-height:1.7}.learning-area .learning-eyebrow,.learning-area .learning-session-note{color:#667085;font-size:14px}.learning-area button{cursor:pointer}.learning-area button:disabled{opacity:.5;cursor:not-allowed}.learning-area .primary,.learning-area .learning-back{align-items:center;gap:8px;display:inline-flex}.learning-area .learning-back{color:#344054;margin-bottom:14px;text-decoration:none}.learning-area .learning-steps{gap:8px;margin:0 0 20px;display:flex;overflow-x:auto}.learning-area .learning-steps button{white-space:nowrap;color:#344054;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:10px 14px}.learning-area .learning-steps button[aria-current]{color:#5b21b6;background:#f5f3ff;border-color:#7c3aed}.learning-area .learning-steps span{margin-right:8px}.learning-area .learning-activity{max-width:900px;margin:auto;padding:28px}.learning-area .learning-story{max-width:70ch}.learning-area .learning-word-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.learning-area details{border:1px solid #e4e7ec;border-radius:10px;padding:16px}.learning-area summary{cursor:pointer;font-size:18px;font-weight:650}.learning-area .learning-question{border:1px solid #e4e7ec;border-radius:10px;min-width:0;margin:24px 0;padding:16px}.learning-area legend{padding:0 6px;font-size:16px;font-weight:650}.learning-area .learning-question label{cursor:pointer;align-items:center;gap:10px;padding:10px 0;font-size:16px;display:flex}.learning-area .learning-question input{accent-color:#6d28d9;flex-shrink:0;width:18px;height:18px}.learning-area .learning-success{color:#087443;align-items:center;gap:6px;display:inline-flex}.learning-area .learning-feedback{color:#6b4700}.learning-area .learning-actions{gap:12px;display:flex}.learning-area .learning-actions>button:not(.primary){font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:9px;padding:10px 18px}.learning-area .learning-reflection{flex-direction:column;gap:10px;font-weight:600;display:flex}.learning-area textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;border:1px solid #d0d5dd;border-radius:9px;padding:14px;font-weight:400;line-height:1.6}.learning-area .learning-complete{background:#f0fdf4;border:1px solid #b9e4ce;border-radius:12px;margin-top:20px;padding:20px}.learning-area :focus-visible{outline-offset:3px;outline:3px solid #a5b4fc}@media (width<=640px){.learning-area .learning-course{flex-direction:column;align-items:flex-start;gap:16px}.learning-area .learning-activity{padding:18px}.learning-area .learning-word-grid{grid-template-columns:1fr}.learning-area .learning-actions{flex-wrap:wrap}}.learning-area .learning-subnav{flex-wrap:wrap;gap:20px;margin:0 0 18px;display:flex}.learning-area .learning-subnav a{color:#344054;padding:6px 0;font-size:14px;text-decoration:none}.learning-area .learning-art{background:#f2f4f7;border-radius:12px;width:100%;max-width:640px;margin:16px auto;position:relative;overflow:hidden}.learning-area .learning-word-grid .learning-art{margin:12px 0}.learning-area .learning-audio{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.learning-area .learning-audio span{color:#667085;flex-basis:100%;font-size:14px}.learning-area button{color:#344054;min-height:42px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:14px;display:inline-flex}.learning-area button.primary{color:#fff;background:#435be4;border-color:#435be4}.learning-area button[aria-pressed=true]{color:#4338a5;background:#eef2ff;border-color:#8b8cdd}.learning-area .learning-mode{flex-wrap:wrap;gap:8px;display:flex}.learning-area .learning-mode button{color:#fff;background:0 0;border-color:#fff6}.learning-area .learning-mode button[aria-pressed=true]{color:#242252;background:#fff}.learning-area .learning-steps{flex-wrap:wrap;overflow:visible}.learning-area .learning-progress-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:14px;display:flex}.learning-area .learning-meter{align-items:center;gap:10px;display:flex}.learning-area progress{accent-color:#6d28d9;width:180px;max-width:100%;height:10px}.learning-area .learning-story-text{font-size:19px;line-height:1.7}.learning-area .learning-scene-controls,.learning-area .learning-step-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.learning-area .learning-step-actions{border-top:1px solid #e4e7ec;margin-bottom:0;padding-top:18px}.learning-area .learning-step-actions span{color:#667085;font-size:14px}.learning-area .learning-built{background:#f5f3ff;border-radius:9px;min-height:56px;padding:16px}.learning-area .learning-actions{flex-wrap:wrap}.learning-area .learning-error{background:#fff5f5;border:1px solid #efb4b4;border-radius:10px;margin:12px 0;padding:16px}.learning-area .learning-progress-row{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.learning-area .learning-course-actions{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.learning-area li{font-size:16px;line-height:1.7}.learning-area .learning-activity fieldset{max-width:100%}.learning-area .learning-question label{overflow-wrap:anywhere}.learning-area h1,.learning-area h2,.learning-area h3{overflow-wrap:break-word}.learning-area .learning-session-note{overflow-wrap:anywhere}@media (width<=640px){.learning-area .learning-course-actions{width:100%}.learning-area .learning-progress-head,.learning-area .learning-progress-row{flex-direction:column;align-items:stretch}.learning-area .learning-steps{grid-template-columns:1fr 1fr;gap:6px;display:grid}.learning-area .learning-steps button{white-space:normal;text-align:left;justify-content:flex-start;min-width:0}.learning-area .learning-scene-controls{gap:8px}.learning-area .learning-scene-controls span{font-size:14px}.learning-area .learning-step-actions span{order:3;width:100%}.learning-area .learning-word-grid,.learning-area .learning-word-grid details{min-width:0}.learning-area .learning-art{max-width:100%}.learning-area .learning-mode button{padding:8px 10px;font-size:13px}}.learning-area .learning-section{margin:20px auto;scroll-margin-top:90px}.learning-area .learning-parent{margin:20px 0}.learning-area .learning-parent h2{font-size:18px}.learning-area .learning-parent li{font-size:16px}.learning-area .learning-topic{margin:12px 0}.learning-area .learning-plan-options{flex-wrap:wrap;gap:10px;display:flex}.learning-area .learning-plan-options span{border:1px solid #d0d5dd;border-radius:9px;padding:9px 14px;font-size:14px}.learning-area .learning-access-form{flex-direction:column;gap:16px;margin:20px 0;display:flex}.learning-area .learning-access-form label{flex-direction:column;gap:8px;min-width:0;display:flex}.learning-area .learning-access-form input,.learning-area .learning-access-form select{max-width:100%;min-height:42px;font:inherit}.learning-area .learning-access-form input[type=checkbox]{width:18px;min-height:18px}.learning-area .modal-card{max-height:calc(100dvh - 48px);overflow-y:auto}.learning-area .learning-topic .learning-progress-row>div{flex:1;min-width:0}.learning-area .learning-section>button{margin:8px 8px 8px 0}@media (width<=640px){.learning-area .learning-access-form .modal-grid{grid-template-columns:1fr}.learning-area .learning-topic{padding:12px}.learning-area .learning-section{margin:16px 0}.learning-area .learning-progress-row button{max-width:100%}}.learning-area .learning-catalog{gap:20px;display:grid}.learning-area .learning-course-actions a{text-align:center;color:#4b5a9a;padding:6px;font-size:14px;line-height:1.5;text-decoration:none}.learning-area .learning-course-actions a:hover{text-decoration:underline}.learning-banner-title{align-items:center;gap:10px;display:flex}.learning-back-icon{width:36px;height:36px;color:inherit;background:#ffffff12;border:1px solid;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;text-decoration:none;display:inline-flex}.class-session-table-scroll{background:#fff;border:1px solid #e9e5f0;border-radius:12px;min-width:0}.class-session-table{width:100%;min-width:0}.class-session-table-columns,.learning-app .class-session-table-row{grid-template-columns:minmax(0,1.15fr) minmax(0,2.35fr) minmax(0,1.25fr) minmax(0,.85fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:16px;padding:16px 18px;display:grid}.class-session-table-columns{color:#787087;background:#f8f6fc;border-bottom:1px solid #e9e5f0;border-radius:12px 12px 0 0;font-size:12px;font-weight:650}.learning-app .class-session-table-row{color:#42394e;cursor:pointer;box-sizing:border-box;background:#fff;border:0;border-bottom:1px solid #eeeaf4;max-width:100%;min-height:88px;font-size:13px;text-decoration:none}.class-session-table-row:last-child{border-bottom:0;border-radius:0 0 12px 12px}.class-session-table-row:hover{background:#faf8fd}.class-session-table-row.is-today{background:#f6f1ff}.class-session-table-row.new-draft{box-shadow:inset 3px 0 #c89b39}.class-session-table-row:focus-visible{outline-offset:-2px;outline:2px solid #8a67b4}.class-session-table-row>div,.class-session-table-columns>span{overflow-wrap:anywhere;min-width:0}.class-session-table-row>div{flex-direction:column;align-items:flex-start;gap:5px;line-height:1.45;display:flex}.class-session-table-row strong{color:#302a3d;font-weight:700}.class-session-table-row>div>span{color:#756b83;font-size:12px}.session-table-class{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.session-table-mode{color:#8060b4;align-items:center;gap:4px;font-size:10px;font-weight:650;display:inline-flex}.session-table-mode svg,.session-table-report svg{flex-shrink:0}.session-table-id{color:#8a8097;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.session-table-id span{color:#71667f}.session-table-today{color:#8762bd;font-size:10px}.session-table-report{flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;display:flex}.class-session-table-row .report-submitted{color:#30815b}.class-session-table-row .report-needed,.class-session-table-row .report-needs-completion{color:#a66d20}.class-session-table-row .state-pill{white-space:normal;font-size:11px;font-style:normal;font-weight:650}.session-table-unmarked{color:#a77528;font-size:10px}@media (width<=1050px){.class-session-table-columns{display:none}.learning-app .class-session-table-row{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);gap:16px}.class-session-table-row>div:before{content:attr(data-label);color:#91849f;font-size:10px;font-weight:600;line-height:1.2}.class-session-table-row>div{align-self:start}}@media (width<=620px){.learning-app .class-session-table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:15px}.class-session-table-row .session-table-identity{grid-area:1/1/auto/-1}.class-session-table-row .session-table-date{grid-column:auto}}@media (width<=340px){.learning-app .class-session-table-row{grid-template-columns:minmax(0,1fr)}}.class-list-range{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.class-list-range label{align-items:center;gap:6px;font-size:12px;display:flex}.class-list-range input{width:138px;min-height:34px}.class-content-tabs{gap:6px;display:flex}.class-content-tabs button[aria-pressed=true]{background:#ffffff24!important;border-color:#cab5ec!important}.class-list-banner-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.class-detail-students-disclosure{background:#fff;border:1px solid #e6e1ef;border-radius:10px;margin-top:14px;padding:12px 16px}.class-detail-students-disclosure summary{cursor:pointer;color:#78628d;font-size:13px}.class-plan-lesson-list{border:1px solid #e9e5f0;border-radius:12px;overflow:auto}.class-plan-lesson-list header,.class-plan-lesson-list a,.class-plan-lesson-list .locked-plan-lesson{grid-template-columns:150px minmax(250px,1fr) 160px;align-items:center;gap:16px;min-width:600px;padding:14px 18px;display:grid}.class-plan-lesson-list header{color:#7b718a;background:#f8f6fc;font-size:12px}.class-plan-lesson-list a,.class-plan-lesson-list .locked-plan-lesson{color:#4a3d5d;border-top:1px solid #ece7f2;font-size:13px;text-decoration:none}.class-plan-lesson-list a:hover{background:#faf8fd}.class-plan-lesson-list .today-plan-lesson{background:#f6f1ff}.session-table-wrap small{color:#8265b0;align-items:center;gap:4px;margin-bottom:3px;font-size:10px;font-weight:600;display:flex}.session-table-attendance small{color:#a77528;font-size:10px;display:block}.class-session-table-row.locked-plan-lesson{cursor:default;color:#91889e}.class-session-controls .session-create-fields label:has(input[type=date]){flex-direction:row;align-items:center;gap:6px}.class-session-controls .session-create-fields label:has(input[type=date]) input{min-height:34px}@media (width>=901px){.class-session-controls .session-create-fields:not(.single-session-fields){grid-template-columns:minmax(110px,1.3fr) minmax(80px,.85fr) minmax(120px,1.1fr) 165px 150px auto}}.class-session-table-row .session-table-id{font-variant-numeric:tabular-nums}.learning-app .class-session-table-row .session-status-select{color:#67448e;cursor:pointer;background:#f3eefb;border:1px solid #c5b6e1;border-radius:7px;width:120px;max-width:100%;height:32px;min-height:32px;margin:0;padding:0 7px;font-size:11px}.learning-app .class-session-controls .class-list-range label,.learning-app .class-detail-controls .class-list-range label{white-space:nowrap;flex-direction:row;flex:none;align-items:center;gap:6px;max-width:none;display:flex}.learning-app .class-session-controls .class-list-range input,.learning-app .class-detail-controls .class-list-range input{flex:0 0 138px;width:138px;height:36px;min-height:36px;margin:0}.learning-app .class-session-controls .session-create-fields label:has(input[type=date]){white-space:nowrap;flex-direction:row;align-items:center;display:flex}.learning-app .unified-banner.class-flat-banner{height:auto;min-height:0;max-height:none;margin-top:0;padding:16px 20px;display:block}.learning-app .class-flat-information{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding-bottom:12px;display:flex}.class-flat-information>span{color:#dddff4;font-size:12px}.class-flat-information b{color:#f2efff;font-weight:650}.learning-app .class-flat-name{color:#fff;font-size:16px;line-height:1.4}.class-flat-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.learning-app .class-flat-banner :is(button,.class-flat-info-link){color:#f2eeff;box-sizing:border-box;white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff60;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;min-height:36px;padding:0 11px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.learning-app .class-flat-banner .class-banner-action{color:#ffe5df;background:#f29f8c18;border-color:#e3b2b388}.learning-app .class-flat-banner .class-flat-back{width:34px;padding:0}.learning-app .class-flat-banner .class-session-controls{border-top:1px solid #fff2;padding-top:12px}.learning-app .class-flat-banner .session-create-fields,.learning-app .class-flat-banner .session-create-fields.single-session-fields{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.learning-app .class-flat-banner .session-create-fields>label{white-space:nowrap;flex-direction:row;flex:auto;align-items:center;gap:6px;min-width:0;max-width:none;display:flex}.learning-app .class-flat-banner .session-create-fields :is(input,select){flex:auto;width:auto;min-width:0;max-width:160px;height:36px;min-height:36px;font-size:12px}.learning-app .class-flat-banner .session-create-fields input[type=date]{flex:0 0 130px;width:130px}.learning-app .class-flat-banner .session-create-fields input[type=number]{width:58px;max-width:58px}.learning-app .class-flat-banner .session-create-filters,.learning-app .class-flat-banner .class-flat-view-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.learning-app .class-flat-banner .class-list-banner-controls{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.learning-app .class-flat-banner .class-list-range label{white-space:nowrap;flex-direction:row;flex:none;align-items:center;gap:6px;max-width:none;display:flex}.learning-app .class-flat-banner .class-list-range input{flex:0 0 130px;width:130px;max-width:130px;height:36px;min-height:36px;margin:0;font-size:12px}.class-view-dates-label{font-size:12px;font-weight:650}.learning-app .class-flat-banner .session-create-filters>div[role=group]{flex-wrap:wrap;gap:7px;display:flex}.learning-app .class-flat-banner button[aria-pressed=true]{background:#ffffff24;border-color:#c7b4e9}.class-info-page .panel{margin-top:15px}.class-info-page h2{align-items:center;gap:8px;font-size:17px;display:flex}.class-info-facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.class-info-facts dt{color:#8a7f95;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.class-info-facts dd{margin:0;font-size:14px;font-weight:650}.class-info-copy p{white-space:pre-wrap;overflow-wrap:anywhere;color:#62566f;font-size:14px;line-height:1.8}.class-info-editor label{margin:15px 0;font-size:13px;font-weight:600;display:block}.class-info-editor textarea{box-sizing:border-box;width:100%;line-height:1.6;font:inherit;resize:vertical;border:1px solid #ddd4e9;border-radius:10px;margin-top:7px;padding:12px;display:block}.class-info-editor>div{justify-content:flex-end;gap:8px;display:flex}@media (width>=1400px){.learning-app .class-flat-information{flex-wrap:nowrap}.class-flat-information>span{flex-shrink:0}.class-flat-name{overflow-wrap:anywhere;min-width:0}.learning-app .class-flat-banner .session-create-fields{flex-wrap:nowrap}}@media (width<=650px){.learning-app .unified-banner.class-flat-banner{padding:15px}.learning-app .class-flat-name{font-size:14px}.class-flat-actions{margin-left:0}.class-info-facts dl{grid-template-columns:1fr}.learning-app .class-flat-banner .session-create-fields>label{flex:100%;justify-content:space-between}.learning-app .class-flat-banner .session-create-fields :is(input,select){max-width:210px}.class-info-editor>div{flex-wrap:wrap}}.account-class-info{color:#7854bd;margin-top:5px;font-size:11px;text-decoration:none;display:inline-flex}.account-class-info:hover{text-decoration:underline}.class-flat-create-fallback{border-top:1px solid #fff2;padding:12px 0}.learning-app .schedule-add-day{float:right;color:#8060b4;cursor:pointer;background:#f6f1ff;border:1px solid #dcd1ee;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;min-height:24px;padding:0;font-size:16px;display:inline-flex}.class-welcome-row{align-items:center;gap:12px;padding:8px 0 14px;display:flex}.class-welcome-row>p{color:#e5e0f5;flex:1;margin:0;font-size:14px;line-height:1.6}.class-welcome-row>.modal-backdrop{color:#40324f}.learning-app .class-welcome-row .modal-card h2{color:#473665;white-space:normal}.learning-app .class-welcome-row .modal-card button{color:#67428f;background:#eee8f8;border-color:#d8cce9}.learning-app .class-welcome-banner .class-flat-view-row{border-top:1px solid #ffffff25;padding-top:12px}.class-info-story{max-width:1000px;margin:20px auto!important;padding:32px!important}.class-info-story h1{color:#403354;font-size:27px;line-height:1.35}.class-info-story h2{margin-top:25px}.class-info-story p{white-space:pre-wrap;color:#65596f;overflow-wrap:anywhere;font-size:15px;line-height:1.9}.class-info-story .class-info-lead{color:#614287;font-size:17px}.class-info-story footer{color:#8d7f9a;border-top:1px solid #ede7f3;flex-wrap:wrap;gap:12px;margin-top:30px;padding-top:18px;font-size:12px;display:flex}.class-calendar section{margin:15px 0}.class-calendar header,.class-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.class-calendar header span{text-align:center;background:#f7f4fc;padding:10px;font-size:12px}.class-calendar-grid>div{border:1px solid #eee9f4;min-width:0;min-height:130px;padding:10px}.class-calendar-grid>div.is-today{background:#f8f3ff}.class-calendar-grid a,.class-calendar-grid button.schedule-not-created,.class-calendar-grid>div>span{color:#614c7b;overflow-wrap:anywhere;white-space:normal;background:#faf6ff;border:1px solid #e5d9f4;border-radius:8px;margin-top:8px;padding:8px;font-size:12px;text-decoration:none;display:block}.class-calendar-grid a.class-calendar-live{background:#eee5fc;border-color:#c4a8e9}.class-calendar-grid small{align-items:center;gap:4px;margin:4px 0;font-size:10px;display:flex}.lesson-session-buttons .lesson-class-info{color:#7750a6;background:#f6f1ff;border:1px solid #d7c9e8;border-radius:8px;align-items:center;padding:7px 12px;font-size:12px;text-decoration:none;display:inline-flex}@media (width<=700px){.class-calendar-grid>div{min-height:100px;padding:4px}.class-calendar-grid a{padding:5px;font-size:10px}.class-info-story{padding:20px!important}}.class-calendar-grid .class-calendar-live{color:#614c7b;overflow-wrap:anywhere;white-space:normal;box-sizing:border-box;text-align:left;background:#eee5fc;border:1px solid #c4a8e9;border-radius:8px;width:100%;margin-top:8px;padding:8px;font-size:12px;text-decoration:none;display:block}.unified-class-editor{gap:0;width:min(760px,100vw - 32px);max-width:760px}.unified-class-editor>section{border-top:1px solid #e9e5f0;padding:18px 0}.unified-class-editor h3{color:#473665;align-items:center;gap:9px;margin:0 0 15px;font-size:15px;display:flex}.unified-class-editor h3 svg{color:#7854bd}.unified-class-editor .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 18px}.unified-class-editor label{min-width:0;font-size:13px}.unified-class-editor input,.unified-class-editor select{box-sizing:border-box;width:100%;min-height:42px}.unified-class-editor small{color:#758095;font-size:12px;font-weight:400;line-height:1.5}.class-editor-plan-note{color:#65518a;align-items:center;gap:10px;min-height:65px;display:flex}.class-editor-plan-note strong,.class-editor-plan-note small{display:block}.class-editor-plan-note strong{font-size:13px}.class-editor-days{border:0;flex-wrap:wrap;gap:7px;margin:14px 0 10px;padding:0;display:flex}.class-editor-days legend{margin-bottom:9px;font-size:13px;font-weight:600}.class-editor-days button{color:#695482;background:#fbfaff;border:1px solid #e0d8ef;border-radius:9px;min-height:36px;padding:7px 13px;font-size:13px}.class-editor-days button[aria-pressed=true]{color:#54308c;background:#ede5fc;border-color:#ac8bd8}.class-editor-days button:focus-visible{outline-offset:2px;outline:2px solid #7854bd}.class-editor-hint{margin-top:7px;display:block}.class-editor-date-range{background:#fbfaff;border:1px solid #e7e0f1;border-radius:10px;margin-top:13px;padding:10px 12px}.class-editor-date-range summary{cursor:pointer;color:#66527f;font-size:13px}.class-editor-date-range .modal-grid{margin-top:12px}.class-editor-confirm{align-items:center;gap:8px;display:flex!important}.class-editor-confirm input{width:auto;min-height:0}.unified-class-editor .modal-sticky-actions{margin-top:12px}.unified-class-editor .schedule-editor{background:#faf8fd;border:1px solid #e9e2f1;border-radius:11px;margin:14px 0;padding:12px}.unified-class-editor .schedule-slot{grid-template-columns:minmax(80px,1fr) minmax(110px,1fr) auto;gap:9px;margin:8px 0;display:grid}@media (width<=600px){.unified-class-editor .modal-grid{grid-template-columns:1fr}.unified-class-editor>section{padding:15px 0}.class-editor-days{gap:5px}.class-editor-days button{padding:7px 10px}.class-editor-plan-note{min-height:45px}}.unified-class-editor .class-editor-confirm input{width:auto!important;height:auto!important;min-height:0!important;padding:0!important}.unified-class-editor .class-editor-days{border:0;max-height:none;padding:0;overflow:visible}.unified-class-editor .class-editor-days legend{font-size:13px;font-weight:600}.unified-class-editor .modal-sticky-actions .danger{margin-right:auto}.class-editor-override{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}.class-editor-override button{flex-shrink:0;padding:7px 10px;font-size:12px}.unified-class-editor .class-editor-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.unified-class-editor .class-editor-section-head h3{margin:0}.unified-class-editor .class-editor-toggle{color:#644787;cursor:pointer;background:#faf7ff;border:1px solid #ded4ed;border-radius:9px;flex-direction:row;align-items:center;gap:8px;min-width:70px;margin:0;padding:7px 11px;font-weight:600;display:inline-flex}.unified-class-editor .class-editor-toggle input{accent-color:#7854bd;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important}.class-editor-live-fields{margin-top:15px}.student-policies{max-width:1240px;margin:auto}.policy-banner .banner-heading{flex:1!important}.policy-banner h1{font-size:30px!important}.policy-banner p{max-width:760px;line-height:1.65}.policy-eyebrow{letter-spacing:.1em;color:#d7d2ff;font-size:11px}.policy-banner-art{color:#e8dfff;justify-content:center;align-items:center;gap:14px;display:flex}.policy-banner-art span{font-size:13px}.policy-admin-actions{gap:8px;display:flex}.policy-admin-actions button{align-items:center;gap:7px;display:flex;color:#fff!important;background:#ffffff12!important;border:1px solid #ffffff50!important}.policy-section-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.policy-section{background:#fff;border:1px solid #e6e7ef;border-radius:18px;gap:16px;padding:24px;display:flex;box-shadow:0 3px 12px #20205004}.policy-section:last-child{grid-column:1/-1}.policy-section-icon{color:#7753ca;background:#f0ebff;border-radius:13px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.policy-section:nth-child(2) .policy-section-icon{color:#208479;background:#e9f8f3}.policy-section:nth-child(3) .policy-section-icon{color:#b97720;background:#fff5e4}.policy-section h2,.policy-technical h2,.policy-consent h2{margin:0 0 10px;font-size:18px}.policy-section p{color:#4a5365;white-space:pre-line;margin:0;font-size:15px;line-height:1.85}.policy-technical{background:#f4f5fa;border:1px solid #e6e7ef;border-radius:16px;margin:20px 0;padding:22px 26px}.policy-technical h2,.policy-consent h2{align-items:center;gap:10px;display:flex}.policy-technical li{color:#586174;margin:8px 0;font-size:14px;line-height:1.65}.policy-support{color:#586174;font-size:14px}.policy-consent{background:#f0ebff;border:1px solid #dcd0ff;border-radius:18px;padding:24px}.policy-checkbox{align-items:flex-start;gap:12px;line-height:1.7;display:flex!important}.policy-checkbox input{flex-shrink:0;height:18px;margin-top:5px;width:18px!important}.policy-consent>div{gap:10px;margin-top:18px;display:flex}.policy-consent button{align-items:center;gap:8px;display:flex}.policy-footer{color:#758096;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:18px 2px;font-size:12px;display:flex}.policy-accepted{color:#238360;align-items:center;gap:8px;display:flex}.policy-editor-head{background:#fff;border:1px solid #e6e7ef;border-radius:16px;margin-top:20px;padding:20px;display:block}.student-policies label{font-size:14px;display:block}.student-policies textarea,.student-policies input:not([type=checkbox]){color:#24304b;border:1px solid #dce0eb;border-radius:9px;width:100%;margin:6px 0;padding:11px;line-height:1.65}.student-policies button:disabled{opacity:.5;cursor:not-allowed}.policy-message{background:#edf7ef;border-radius:12px;padding:14px}.policy-message.error{color:#9c2929;background:#fff0f0}.policy-message button{margin-left:12px}.policy-loading{text-align:center;padding:35px}@media (width<=750px){.policy-section-grid{grid-template-columns:1fr}.policy-section{padding:20px}.policy-banner-art{display:none}.policy-admin-actions{flex-wrap:wrap}.policy-section h2{font-size:17px}.policy-consent{padding:20px}}.policy-learning-modes{background:#f1f5ff;border:1px solid #e1e6f3;border-radius:18px;margin-top:22px;padding:24px}.policy-learning-modes h2{margin:0 0 16px;font-size:19px}.policy-learning-modes>div{grid-template-columns:1fr 1fr;gap:16px;display:grid}.policy-learning-modes article{background:#fff;border:1px solid #e2e7f1;border-radius:14px;padding:20px}.policy-learning-modes article>svg{color:#7753ca}.policy-learning-modes h3{margin:9px 0;font-size:17px}.policy-learning-modes p{color:#4a5365;font-size:14px;line-height:1.8}.policy-learning-modes>p{margin:16px 0 0}@media (width<=750px){.policy-learning-modes>div{grid-template-columns:1fr}.policy-learning-modes{padding:20px}}.policy-media{margin-top:20px}.policy-media h3{margin:18px 0 9px;font-size:16px}.policy-media .policy-checkbox{margin:18px 0}.policy-media small{color:#657087;display:block}.policy-audience{gap:8px;max-width:1240px;margin:0 auto 16px;display:flex}.policy-audience button[aria-pressed=true]{color:#6342ad;background:#eee7ff;border-color:#b5a0e9}.learning-app .unified-banner.policy-banner{grid-template-columns:minmax(0,70%) minmax(0,30%);height:auto;max-height:none}.policy-banner .banner-heading p,.learning-app .policy-banner h1{white-space:normal}.policy-banner .banner-controls{max-height:none}.policy-banner .banner-right{height:auto}.policy-banner .banner-controls{gap:14px}.policy-banner-art{flex-wrap:wrap}@media (width<=750px){.learning-app .unified-banner.policy-banner{grid-template-columns:1fr;gap:16px}.policy-banner .banner-heading{padding-right:0}.policy-banner .banner-right,.policy-banner .banner-controls{justify-content:flex-start}}.learning-app .unified-banner.policy-banner .banner-heading p,.learning-app .unified-banner.policy-banner h1{white-space:normal!important}.policy-learning-modes .policy-mode-heading{align-items:center;gap:10px;min-height:28px;display:flex}.policy-learning-modes .policy-mode-heading svg{color:#7753ca;flex-shrink:0}.policy-learning-modes .policy-mode-heading h3{margin:0;font-size:17px;line-height:1.4}.policy-learning-modes article>p{margin:12px 0 0}.policy-learning-modes>div{align-items:stretch}.policy-combined-learning{grid-column:1/-1}.policy-combined-learning p+p,.policy-media p+p{margin-top:12px}.student-profile-tabs .profile-hero{flex-wrap:wrap}.student-profile-tabs .profile-identity{flex:1;min-width:180px}.student-profile-tabs .profile-banner-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:100%;display:flex}.student-profile-tabs .profile-banner-tabs{gap:6px;max-width:100%;padding:3px 0;display:flex;overflow-x:auto}.student-profile-tabs .profile-banner-tabs button{white-space:nowrap;min-height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:600}.student-profile-tabs .profile-banner-tabs button[aria-selected=true]{color:#192456;background:#fff;border-color:#fff}.student-profile-tabs .profile-banner-controls .hero-edit{white-space:nowrap;margin-left:0}.student-profile-tabs [hidden]{display:none!important}.student-profile-tabs .profile-payment-summary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.student-profile-tabs .profile-learning-panel>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-profile-tabs .profile-course-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0;display:grid}.student-profile-tabs .profile-course-card{border:1px solid #e3e8ef;border-radius:12px;padding:16px}.student-profile-tabs .profile-course-card p,.student-profile-tabs .profile-selected-class p,.student-profile-tabs .profile-class-results p{color:#657086;margin:7px 0}.student-profile-tabs .profile-selected-class,.student-profile-tabs .profile-class-results article{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-profile-tabs .profile-learning-panel input[type=checkbox]{vertical-align:middle;width:18px;height:18px;margin-right:8px}.student-profile-tabs .profile-class-search{margin-top:22px;display:block}.student-profile-tabs .profile-class-search input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #dce2eb;border-radius:9px;margin-top:8px;padding:12px;display:block}.student-profile-tabs .profile-access-preview{background:#f7faff;border:1px solid #dce6f8;border-radius:12px;margin-top:20px;padding:16px}.student-profile-tabs .profile-learning-panel footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.student-profile-tabs .profile-record-list article,.student-profile-tabs .profile-info-grid p{font-size:14px}.student-profile-tabs .profile-record-list h2,.student-profile-tabs .profile-info-grid h2{font-size:17px}.student-profile-tabs .inline-login{flex-wrap:wrap}.student-profile-tabs .profile-record-list small{color:#657086;font-size:13px}.student-profile-tabs [role=tabpanel]{min-width:0}.student-profile-tabs .profile-selected-class>div,.student-profile-tabs .profile-class-results article>div{overflow-wrap:anywhere;min-width:0}@media (width<=760px){.student-profile-tabs .profile-banner-controls{justify-content:flex-start;width:100%}.student-profile-tabs .profile-banner-tabs{flex-wrap:nowrap;width:100%}.student-profile-tabs .profile-banner-tabs button{min-height:44px}.student-profile-tabs .profile-course-cards{grid-template-columns:1fr}.student-profile-tabs .profile-learning-panel>header{flex-wrap:wrap;align-items:flex-start}.student-profile-tabs .profile-info-grid p{flex-wrap:wrap;gap:6px}.student-profile-tabs .profile-record-list article{flex-wrap:wrap}.student-profile-tabs .profile-record-list article span{text-align:left}}.student-profile-tabs .profile-identity>span{color:#bbc9ff}.student-profile-tabs .profile-identity>p{color:#d2d9ed}.student-profile-tabs .profile-page-content button:not(.primary):not(.danger){color:#253353;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:9px;padding:8px 12px;font-size:14px;font-weight:600}.student-profile-tabs .profile-page-content button:disabled{opacity:.55;cursor:default}.student-profile-tabs .profile-class-results{max-height:360px;overflow-y:auto}.student-profile-tabs button:focus-visible{outline-offset:3px;outline:2px solid #87a5ff}.student-profile-tabs .profile-hero{align-items:center;gap:12px;padding:18px 22px}.student-profile-tabs .profile-banner-controls{justify-content:space-between;gap:10px;width:100%}.student-profile-tabs .profile-banner-tabs{flex:1;min-width:0}.student-profile-tabs .profile-hero h1{margin:2px 0;font-size:25px}.student-profile-tabs .profile-hero .avatar{width:46px;height:46px;font-size:20px}.student-profile-tabs .profile-banner-tabs button{min-height:38px;padding:8px 12px}.student-profile-tabs .profile-info-grid{margin-bottom:14px}.student-profile-tabs .profile-record-list+.profile-record-list{margin-top:14px}.student-profile-tabs .profile-record-list li{margin:12px 0;line-height:1.6}@media (width<=760px){.student-profile-tabs .profile-hero{padding:16px}.student-profile-tabs .profile-banner-tabs{flex-basis:100%}.student-profile-tabs .profile-banner-controls .hero-edit{margin-left:auto}}.student-profile-tabs .profile-banner-controls{flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;width:auto;margin-left:auto}.student-profile-tabs .profile-banner-tabs{flex:0 auto}.student-profile-tabs .profile-identity{flex:180px}.student-profile-tabs .profile-internal{background:#fafbfe;border:1px solid #e3e8ef;border-radius:12px;margin-top:18px;padding:16px}.student-profile-tabs summary{cursor:pointer;font-weight:600}.student-billing .billing-heading,.billing-installment>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.student-billing .billing-heading h2,.billing-installment h3{margin:0 0 8px}.billing-summary{flex-wrap:wrap;gap:20px;padding:14px 0;display:flex}.billing-summary>span{color:#657086;gap:5px;font-size:14px;display:grid}.billing-summary strong{color:#17233d;font-size:17px}.billing-installment{border:1px solid #e3e8ef;border-radius:12px;margin:14px 0;padding:16px}.billing-actions{flex-wrap:wrap;gap:8px;display:flex}.billing-voided{opacity:.7}.billing-legacy,.billing-editor{margin:16px 0}.billing-editor select{width:100%;font:inherit;border:1px solid #dce2eb;border-radius:8px;padding:10px}@media (width<=1050px){.student-profile-tabs .profile-banner-controls{flex-wrap:wrap;max-width:100%}.student-profile-tabs .profile-banner-tabs{flex:1;min-width:0}}@media (width<=760px){.student-profile-tabs .profile-banner-controls{justify-content:flex-end;width:100%}.student-profile-tabs .profile-banner-tabs{flex-basis:auto;max-width:100%;overflow:auto}}.profile-table-wrap{overflow-x:auto}.profile-simple-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.profile-simple-table th{color:#6b7280;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #e8ebf1;padding:12px;font-size:12px;font-weight:600}.profile-simple-table td{vertical-align:top;border-bottom:1px solid #edf0f4;padding:14px 12px}.profile-simple-table small{color:#758094;margin-top:5px;font-size:12px;display:block}.profile-simple-table .money-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.study-history,.billing-row-actions{margin-top:14px}.billing-row-actions button{margin:8px 6px 0 0}.student-profile-tabs .profile-learning-panel h3{margin:22px 0 12px;font-size:16px}.account-single-page .profile-page-content{gap:18px;display:grid}.account-single-page .profile-page-content>section{background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:20px}.account-single-page .profile-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.account-single-page .profile-section-heading h2{margin:0;font-size:18px}.account-single-page .profile-section-heading button{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.account-single-page .profile-identity code{overflow-wrap:anywhere;font-size:12px}.account-single-page .profile-info-grid{gap:16px}.account-single-page .profile-info-grid article{border:0;padding:0}.account-single-page .account-pin{border-top:1px solid #edf0f4;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-size:14px;display:flex}.account-single-page .account-pin code{letter-spacing:.1em;font-size:16px}.account-single-page .account-learning-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:16px;display:grid}.account-single-page .account-learning-card{background:#fafbfe;border:1px solid #e5e8f0;border-radius:10px;min-width:0;padding:14px}.account-single-page .account-learning-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-single-page .account-learning-card h3{margin:0;font-size:15px}.account-single-page .account-learning-card p{justify-content:space-between;gap:12px;margin:10px 0;font-size:13px;line-height:1.5;display:flex}.account-single-page .account-learning-card p>span{color:#69738a}.account-single-page .account-learning-card a{font-size:13px}.account-single-page .profile-rules-panel li{margin-bottom:9px;line-height:1.6}.account-single-page .profile-rules-panel textarea{box-sizing:border-box;width:100%}.account-single-page .profile-internal{margin-top:16px}.account-single-page .student-billing .billing-heading h2{font-size:18px}@media (width<=700px){.account-single-page .profile-page-content>section{padding:16px}.account-single-page .account-learning-cards,.account-single-page .profile-info-grid{grid-template-columns:1fr}.account-single-page .profile-section-heading{align-items:flex-start}.account-single-page .profile-identity h1{font-size:22px}}.account-single-page .single-profile-content{gap:10px;max-width:1100px;margin:0 auto}.account-single-page .single-profile-content>section{border-radius:12px;padding:14px 20px}.account-single-page .profile-hero{padding:16px 24px}.account-single-page .profile-section-heading,.account-single-page .billing-heading{margin-bottom:10px}.account-single-page h2{align-items:center;gap:12px;font-size:18px;display:flex}.account-single-page .account-section-icon{color:#fff;background:#7045d4;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.account-single-page .profile-info-grid,.account-single-page .account-pin,.account-single-page .account-course-list,.account-single-page .account-class-list,.account-single-page .profile-rules-panel>ul{margin-left:46px}.account-single-page .profile-info-grid p{grid-template-columns:180px 1fr;margin:5px 0}.account-single-page .account-pin{border:0;gap:12px;margin-top:8px;padding:0}.account-single-page .account-pin>span{width:168px}.account-single-page .account-pin code{color:#7045d4;letter-spacing:3px}.account-single-page .account-learning-card{background:0 0;border:0;border-radius:0;margin:0;padding:10px 0}.account-single-page .account-course-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.account-single-page .account-course-row h3{margin:0 0 6px;font-size:17px}.account-single-page .account-granted{color:#24723b;background:#e7f5e9;border-radius:6px;padding:3px 9px;font-size:13px;display:inline-block}.account-single-page .account-course-row small{color:#667085;margin-top:5px;display:block}.account-single-page .account-row-actions{align-items:center;gap:16px;display:flex}.account-single-page .account-row-actions a{color:#6535bd;font-weight:600;text-decoration:none}.account-single-page .account-class-row{border-top:1px solid #ecebf2;grid-template-columns:minmax(110px,1fr) minmax(120px,1.2fr) minmax(220px,1.7fr) minmax(140px,1fr) auto;align-items:center;gap:12px;font-size:14px;display:grid}.account-single-page .account-class-row small{color:#667085;margin-top:4px;display:block}.account-single-page .account-slot{justify-content:space-between;align-items:center;gap:16px;margin:4px 0;display:flex}.account-single-page .account-weekdays{flex-wrap:wrap;gap:7px;display:flex}.account-single-page .account-weekdays>span{color:#5730a2;background:#ece5fb;border-radius:7px;padding:3px 10px;font-weight:500}.account-single-page .mobile-label{display:none}.account-single-page .profile-rules-panel li{margin:5px 0}@media (width<=800px){.account-single-page .account-class-row{grid-template-columns:1fr 1fr}.account-single-page .account-class-schedule{grid-column:1/-1}.account-single-page .account-slot{justify-content:flex-start}.account-single-page .mobile-label{display:inline}.account-single-page .profile-info-grid,.account-single-page .account-pin,.account-single-page .account-course-list,.account-single-page .account-class-list,.account-single-page .profile-rules-panel>ul{margin-left:0}.account-single-page .profile-info-grid p{grid-template-columns:130px 1fr}.account-single-page .account-pin>span{width:auto}.account-single-page .account-course-row{align-items:flex-start}.account-single-page .account-row-actions{flex-direction:column;align-items:flex-end;gap:8px}}.account-single-page .account-banner-meta{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:8px;font-size:14px;line-height:1.6;display:flex}.account-single-page .account-banner-meta>span{color:inherit;white-space:nowrap;font-weight:400}.account-single-page .account-banner-meta .account-status{align-items:center;gap:7px;display:inline-flex}.account-single-page .account-status:before{content:"";background:#b7becb;border-radius:50%;width:8px;height:8px}.account-single-page .account-status-active:before{background:#41d479}.account-single-page .account-status-inactive:before{background:#f1bc52}.account-single-page .account-banner-meta .account-pin{color:inherit;border:0;gap:9px;margin:0;padding:0}.account-single-page .account-banner-meta .account-pin>span{width:auto}.account-single-page .account-banner-meta .account-pin code{color:inherit;font-size:16px;font-weight:600}.account-single-page .account-banner-meta button{color:inherit;background:#ffffff14;border:1px solid #ffffff73;border-radius:7px;min-height:30px;padding:4px 10px;font-size:14px}.account-single-page .profile-hero>.profile-internal{flex-basis:100%;margin:3px 0 0 58px;font-size:14px}.account-single-page .profile-hero .profile-internal[open]{color:#1f2937;background:#fff;border-radius:9px;margin-top:8px;padding:12px}.account-single-page .profile-hero .profile-internal summary{cursor:pointer}.account-single-page .account-contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;margin-bottom:0}.account-single-page .account-contact-grid p{grid-template-columns:minmax(100px,42%) minmax(0,1fr);align-items:start;gap:10px;line-height:1.6;display:grid}.account-single-page .account-contact-grid p span{text-align:left}.account-single-page .account-contact-grid strong{overflow-wrap:anywhere;text-align:left}.account-single-page .account-unset{color:#7a8292;font-weight:400}@media (width<=700px){.account-single-page .account-contact-grid{grid-template-columns:1fr;gap:4px}.account-single-page .profile-hero>.profile-internal{margin-left:0}.account-single-page .account-banner-meta{gap:7px 14px}.account-single-page .account-contact-grid p{grid-template-columns:minmax(110px,42%) minmax(0,1fr)}}.account-single-page .account-banner-meta span{letter-spacing:normal;color:inherit;font-size:14px}.account-single-page .account-section-icon svg{display:block}.account-single-page .account-admin-actions{flex-shrink:0;grid-template-columns:repeat(2,132px);align-self:center;gap:8px;margin-left:auto;display:grid}.account-single-page .profile-hero .account-admin-button{box-sizing:border-box;color:#47317e;letter-spacing:normal;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #69638c66;border-radius:8px;justify-content:center;align-items:center;width:132px;min-height:38px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.account-single-page .profile-hero .account-admin-delete{color:#a22b37}.account-single-page .profile-hero .account-admin-button:focus-visible{outline-offset:2px;outline:2px solid #8c71bf}.account-single-page .profile-hero .account-admin-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=760px){.account-single-page .account-admin-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;margin-left:0;display:flex}.account-single-page .profile-hero .account-admin-button{flex:0 0 132px}}.account-single-page .profile-hero .account-admin-button{color:#fff;background:#ffffff14;border-color:#ffffff61}.account-single-page .profile-hero .account-admin-delete{color:#ffd6df;background:#f06e8717;border-color:#ffb4c380}.account-single-page .profile-hero .account-admin-button:hover:not(:disabled){background:#ffffff29;border-color:#ffffffa6}.account-single-page .account-note-content{margin-left:46px}.account-single-page .account-note-entry{min-width:0;padding:12px 0;display:block}.account-single-page .account-note-entry>header{color:#71798b;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;font-size:14px;display:flex}.account-single-page .account-note-entry>header span{text-align:left;font-size:14px}.account-single-page .account-note-entry small{margin-top:4px;display:block}.account-single-page .account-note-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#344054;font-size:16px;line-height:1.7}.account-single-page .account-note-text.is-collapsed{max-height:8.5em;overflow:hidden}.account-single-page .account-note-expand{color:#6738bc;cursor:pointer;font:inherit;background:0 0;border:0;margin-top:8px;padding:3px 0;font-size:14px}.account-single-page .account-note-history{border-top:1px solid #e9e8f0;margin-top:12px;padding-top:12px}.account-single-page .account-note-history>summary{color:#6738bc;cursor:pointer;font-size:14px}.account-single-page .account-note-editor textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:220px;line-height:1.6;font:inherit;padding:12px}.account-single-page .account-note-editor>small{color:#71798b;margin-top:6px;display:block}@media (width<=700px){.account-single-page .account-note-content{margin-left:0}}.teacher-profile-banner{justify-content:space-between;align-items:center;gap:22px;padding:26px!important;display:flex!important}.teacher-banner-identity{align-items:center;gap:18px;min-width:0;display:flex}.teacher-banner-meta{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:10px;font-size:14px;line-height:1.6;display:flex}.teacher-banner-meta code{color:inherit;font-size:14px}.teacher-banner-meta button,.teacher-banner-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex;color:#fff!important;background:#ffffff0d!important;border:1px solid #fff5!important;border-radius:9px!important;min-height:38px!important;padding:8px 12px!important;font-size:14px!important}.teacher-banner-actions{flex:none;grid-template-columns:repeat(2,minmax(125px,1fr));gap:8px;display:grid}.teacher-banner-actions .danger{color:#ffd3d3!important}.teacher-profile-info{grid-template-columns:1fr 1fr;gap:0 28px;margin:0;display:grid}.teacher-profile-info>div{border-top:1px solid #ecebf3;justify-content:space-between;gap:15px;padding:13px 0;font-size:14px;display:flex}.teacher-profile-info dt{color:#697386}.teacher-profile-info dd{overflow-wrap:anywhere;text-align:right;margin:0}.teacher-profile-classes>a{color:inherit;border-top:1px solid #ecebf3;grid-template-columns:minmax(140px,1.1fr) 130px minmax(180px,1.3fr) minmax(140px,1fr);align-items:center;gap:16px;padding:15px 0;font-size:14px;text-decoration:none;display:grid}.teacher-profile-classes>a:hover{background:#f6f3fc}.teacher-profile-classes>a>div{flex-direction:column;gap:4px;display:flex}.teacher-profile-classes span{color:#697386}.teacher-rate-list>article{border-top:1px solid #ecebf3;flex-wrap:wrap;gap:10px 24px;padding:14px 0;font-size:14px;display:flex}.teacher-rate-list small{font-size:13px}.teacher-profile-rates details{margin-top:12px}.teacher-profile-rates summary{cursor:pointer;color:#6442ad;font-size:14px}.teacher-profile-rates .profile-section-heading a{color:#6442ad;font-size:14px}@media (width<=850px){.teacher-profile-banner{flex-wrap:wrap}.teacher-banner-actions{flex-wrap:wrap;display:flex}.teacher-profile-classes>a{grid-template-columns:1fr 1fr}.teacher-profile-info{grid-template-columns:1fr}}@media (width<=500px){.teacher-profile-banner{padding:20px!important}.teacher-banner-identity{align-items:flex-start}.teacher-profile-banner .avatar{display:none}.teacher-profile-classes>a{flex-wrap:wrap;gap:8px 16px;display:flex}.teacher-profile-classes>a>div{flex-basis:100%}}.learning-app .teacher-profile-banner{color:#fff;background:linear-gradient(110deg,#192d4f,#3c2d6d);border:0}.learning-app .teacher-profile-banner h1{color:inherit;overflow-wrap:anywhere}.learning-app .teacher-profile-banner .teacher-banner-meta span{color:inherit;letter-spacing:0;font-size:14px;font-weight:400}.learning-app .teacher-banner-identity>div>span{color:#ded6f5;font-size:14px}.learning-app .teacher-profile-page .profile-section-heading h2{font-size:18px}.learning-app .teacher-profile-page .profile-record-list>p{font-size:14px;line-height:1.6}.teacher-profile-page .teacher-rate-list>article{font-size:14px}.teacher-profile-page .teacher-rate-list>article span{text-align:left}.learning-app .schedule-banner.unified-banner{grid-template-columns:minmax(260px,1fr) minmax(420px,1.15fr);gap:20px;height:auto;min-height:155px;max-height:none;padding:22px 26px}.schedule-banner .banner-right,.schedule-banner .banner-controls{flex-wrap:wrap;gap:10px;height:auto;max-height:none}.schedule-banner .banner-heading p{white-space:normal}.schedule-today-summary{color:#e1e7f6;flex-wrap:wrap;gap:5px 14px;margin-top:12px;font-size:12px;line-height:1.6;display:flex}.schedule-today-summary>span:first-child{color:#bfcde6;width:100%}.schedule-today-summary strong{color:#fff;font-size:13px}.schedule-banner .simple-toolbar{background:0 0;border:0;flex-wrap:wrap;justify-content:flex-start;gap:7px;width:100%;margin:0;padding:0}.schedule-banner .simple-toolbar .arrow-nav{gap:5px}.schedule-banner .arrow-nav strong{font-size:12px}.schedule-banner .simple-toolbar button,.schedule-banner .schedule-class-picker button,.schedule-banner select{height:34px;min-height:34px;font-size:12px}.schedule-banner .view-switch button{padding:5px 9px}.schedule-banner .schedule-class-picker{flex-wrap:wrap;gap:8px;width:100%;margin:0;padding:0;display:flex}.schedule-banner .schedule-class-picker label{font-size:12px}.schedule-banner .schedule-class-picker select{flex:1;width:auto;min-width:140px;max-width:250px}.schedule-banner select option{color:#253353}.learning-app .schedule-date-row{justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:28px;margin-bottom:4px;display:flex}.learning-app .schedule-date-row .date-number{flex:none;margin:0}.learning-app .schedule-date-row .schedule-add-day{color:#675087;background:#fff;border:1px solid #ded8ea;border-radius:5px;place-items:center;width:25px;height:25px;min-height:25px;margin:0 0 0 auto;padding:0;font-size:18px;line-height:1;display:grid}.learning-app .schedule-add-day:hover{background:#eee8fa}.learning-app .schedule-day-count{color:#7d748c;margin:3px 0 7px;font-size:10px;line-height:1.5;display:block}.learning-app .apple-week>article>header{align-items:flex-start;height:auto;min-height:83px;padding:9px 9px 5px}.learning-app .apple-week>article>header .schedule-date-row b{font-size:17px}.learning-app .apple-month article.today{background:#f6f2fc}.learning-app .apple-month article.today .date-number{color:#7351b2;background:0 0;outline:1px solid #c8b3e2}.learning-app .apple-month article{cursor:default}.learning-app .staff-schedule-session:is(.mini-event,.week-event,.day-event){color:#463b57;white-space:normal;background:#fcfbfe;border:1px solid #e1dcea;border-left:2px solid #a48bc8;border-radius:6px;flex-direction:column;align-items:stretch;gap:6px;margin:6px 0;padding:9px;text-decoration:none;display:flex}.learning-app .staff-card-heading{justify-content:space-between;align-items:flex-start;gap:5px;width:100%;min-width:0;display:flex}.learning-app .staff-session-time{color:#56456d;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;line-height:1.5;display:flex}.learning-app .staff-session-time svg{flex:none}.learning-app .staff-session-content>strong{font-size:12px;line-height:1.4}.learning-app .staff-session-content>span{color:#766c82;font-size:11px;font-weight:400;line-height:1.4}.learning-app .staff-session-content{gap:3px}.learning-app .staff-session-lesson{border-top:1px solid #eee9f3;padding-top:4px}.learning-app .schedule-state,.learning-app .staff-session-state{color:#6b5388;white-space:nowrap;background:#eee7f7;border:1px solid #d7c9e9;border-radius:4px;flex:none;align-self:flex-start;padding:3px 5px;font-weight:600;line-height:1.3;text-decoration:none;display:inline-block;font-size:9px!important}.learning-app .schedule-state.completed{color:#386b43;background:#e9f5ec;border-color:#badbc2}.learning-app .schedule-state.cancelled,.learning-app .schedule-state.cancelled_makeup{color:#955;background:#faecec;border-color:#eac4c4}.learning-app .schedule-state.rescheduled,.learning-app .schedule-state.not-created{color:#8b652f;background:#fff5e4;border-color:#e7c998}.learning-app .schedule-state.draft{color:#676d7e;background:#eff0f4;border-color:#d5d8e1}.learning-app .schedule-state.study{color:#4d737a;background:#eaf2f3;border-color:#c6dade}.learning-app .schedule-not-created{background:#fffdf7;border-radius:6px;padding:9px}.learning-app .schedule-not-created>span:first-child{align-items:flex-start}.learning-app .schedule-not-created strong{font-size:11px}.learning-app .schedule-not-created b{font-size:12px}.learning-app .staff-study-card{color:#3b6166;background:#f6faf9;border:1px solid #dbe5e5;border-left:2px solid #8eaeb1;border-radius:6px;flex-direction:column;gap:6px;margin:6px 0;padding:9px;text-decoration:none;display:flex}.staff-study-card .staff-card-heading>strong{align-items:center;gap:4px;min-width:0;font-size:11px;font-weight:600;display:flex}.staff-study-card>b{overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.45}.staff-study-card:hover{background:#eaf4f2}.learning-app .staff-schedule-session.day-event,.learning-app .apple-day>.staff-study-card{padding:13px 16px}.learning-app .day-event .staff-session-time,.learning-app .day-event .staff-session-content>strong{font-size:14px}.learning-app .day-event .staff-session-content>span{font-size:12px}.learning-app .class-calendar-live{padding-top:30px;position:relative}.learning-app .class-calendar-live>small:last-child{background:#eee7f7;border:1px solid #d7c9e9;border-radius:4px;padding:2px 4px;font-size:9px;position:absolute;top:6px;right:6px}.learning-app .cc-live-badge{justify-self:end}.learning-app .class-calendar-grid>div{position:relative}.learning-app .class-calendar-grid>div>.schedule-add-day{margin:0;position:absolute;top:8px;right:8px}@media (width<=1199px){.learning-app .schedule-banner.unified-banner{grid-template-columns:1fr;gap:15px}.schedule-banner .schedule-class-picker select{max-width:320px}}@media (width<=640px){.learning-app .schedule-banner.unified-banner{padding:18px}.schedule-banner .simple-toolbar button,.schedule-banner select{height:38px;min-height:38px}.schedule-banner .schedule-class-picker select{max-width:100%}.learning-app .staff-card-heading{flex-wrap:nowrap}.learning-app .staff-session-state{margin-left:auto}.learning-app .apple-day{padding:12px}.schedule-today-summary{gap:5px 10px}}.learning-app .simple-calendar .staff-schedule-session:is(.mini-event,.week-event,.day-event){background:#fcfbfe;border:1px solid #e1dcea;border-left:2px solid #a48bc8;border-radius:6px;flex-direction:column;align-items:stretch;gap:6px;padding:9px;text-decoration:none;display:flex}.learning-app .simple-calendar .staff-session-content>strong{font-size:12px}.learning-app .simple-calendar .staff-session-content>span{font-size:11px;font-weight:400}.learning-app .simple-calendar .staff-card-heading{position:relative}.learning-app .simple-calendar .schedule-not-created>span:first-child{width:100%;padding-top:0;position:relative}.learning-app .simple-calendar .schedule-not-created .schedule-state{margin-left:auto;position:static}.learning-app .simple-calendar .staff-session-time{flex-wrap:nowrap}.learning-app .simple-calendar .staff-session-time>strong{white-space:nowrap;font-size:11px}.learning-app .simple-calendar .day-event .staff-session-time>strong{font-size:14px}.learning-app .simple-calendar .staff-card-heading{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:7px;padding-top:0;display:flex}.learning-app .simple-calendar .staff-session-state{align-self:center;margin-left:auto;padding:2px 4px;position:static}.learning-app .simple-calendar .staff-session-time{white-space:nowrap;flex:none;gap:4px}.learning-app .simple-calendar .schedule-not-created>span:first-child{flex-wrap:nowrap;align-items:center;gap:7px;padding-top:0;display:flex}.learning-app .simple-calendar .staff-study-card .staff-card-heading>strong{white-space:nowrap}.learning-app .simple-calendar .apple-week{grid-template-columns:repeat(7,minmax(240px,1fr))}.learning-app .simple-calendar .apple-month{overflow-x:auto}.learning-app .simple-calendar .apple-month>header,.learning-app .simple-calendar .apple-month>main{min-width:1680px}.learning-app .simple-calendar .staff-schedule-session:is(.mini-event,.week-event,.day-event){background:#eee6f8;border-color:#ccbbdf #ccbbdf #ccbbdf #9872bb;border-left-style:solid;border-left-width:3px}.learning-app .simple-calendar .staff-schedule-session.completed{background:#e4f1e7;border-color:#b9d7c2 #b9d7c2 #b9d7c2 #6ba980}.learning-app .simple-calendar .staff-schedule-session.draft{background:#e9edf4;border-color:#c9d0de #c9d0de #c9d0de #8a98b1}.learning-app .simple-calendar .staff-schedule-session.rescheduled{background:#faefd9;border-color:#e2c995 #e2c995 #e2c995 #c29a4d}.learning-app .simple-calendar .staff-schedule-session.cancelled,.learning-app .simple-calendar .staff-schedule-session.cancelled_makeup{opacity:1;background:#f8e7e9;border-color:#e0bec4 #e0bec4 #e0bec4 #be7e89}.learning-app .simple-calendar .schedule-not-created{background:#fcf0d9;border-color:#dcc18f}.learning-app .simple-calendar .staff-study-card{background:#e4f0ed;border-color:#bdd5cf #bdd5cf #bdd5cf #7daaa0;border-left-style:solid;border-left-width:3px}.learning-app .simple-calendar .staff-session-lesson{border-top-color:#bcaad64d}.student-workspace{gap:20px;display:grid}.student-workspace-heading h1{margin:0 0 8px;font-size:30px}.student-workspace-heading p{color:#666c7e;margin:0}.student-report-list{gap:12px;display:grid}.student-report-list article{border-top:1px solid #ecebf3;justify-content:space-between;gap:20px;padding:16px 0;display:flex}.student-report-list p{color:#60687b;margin:6px 0;font-size:14px;line-height:1.6}.student-teacher-report{white-space:pre-wrap}.student-account-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.student-account-details dt{color:#646b7c;font-size:13px}.student-account-details dd{margin:5px 0 0;font-weight:600}.student-account-course{justify-content:space-between;gap:12px;padding:12px 0;display:flex}.student-course-picker{color:inherit;align-items:center;gap:10px;font-size:13px;display:flex}.student-course-picker select{color:#272042;background:#fff;max-width:180px}.student-workspace-link{color:#e0d8ff}.cc-live .smart-join button{color:#44349a;background:#fff;border:0;width:100%;min-height:0;padding:7px 9px;font-size:12px}.cc-live .smart-join button:disabled{opacity:.55}.cc-live .smart-join [role=status]{color:#fff;font-size:11px;line-height:1.5}@media (width<=650px){.student-report-list article{gap:6px;display:grid}.student-account-details{grid-template-columns:1fr}}.student-report-panel{overflow:hidden}.student-report-summary{color:#667085;margin:0 0 16px;font-size:14px;line-height:1.6}.student-report-columns,.student-report-row{grid-template-columns:100px minmax(180px,1.6fr) minmax(155px,1.1fr) minmax(140px,1fr) minmax(105px,.7fr) 18px;align-items:center;gap:16px;padding:16px 14px;display:grid}.student-report-columns{color:#697386;background:#f6f5fa;border-radius:8px;padding-top:10px;padding-bottom:10px;font-size:14px}.student-report-row{color:#293246;box-sizing:border-box;border-top:1px solid #eceaf3;min-height:76px;font-size:14px;text-decoration:none;transition:background .15s}a.student-report-row:hover{background:#f6f2fc}a.student-report-row:focus-visible{outline-offset:-2px;background:#f6f2fc;border-radius:8px;outline:2px solid #8058cc}.student-report-row>div{min-width:0}.student-report-lesson strong{overflow-wrap:anywhere;font-size:16px;line-height:1.5;display:block}.student-report-row small{color:#697386;margin-top:4px;font-size:13px;line-height:1.5;display:block}.student-report-row .report-status{line-height:1.5;display:block}.student-report-row .complete{color:#247444}.student-report-row .report-secondary{color:#848b99;font-size:14px}.student-report-live-label{color:#6738b0;align-items:center;gap:6px;margin-bottom:5px;font-weight:600;line-height:1.5;display:flex}.student-report-open{color:#8058cc}.student-report-row .student-report-attendance small{margin-top:0}@media (width<=1000px){.student-report-columns,.student-report-row{grid-template-columns:90px minmax(150px,1.4fr) minmax(125px,1fr) minmax(120px,1fr) 100px 16px;gap:10px;padding-left:8px;padding-right:8px}}@media (width<=760px){.student-report-columns{display:none}.student-report-row{grid-template-columns:1fr auto;gap:7px 10px;padding:14px 8px}.student-report-date{color:#697386;grid-area:1/1}.student-report-open{grid-area:2/2}.student-report-lesson{grid-area:2/1}.student-report-study{grid-area:3/1/auto/-1}.student-report-row .student-report-live{flex-wrap:wrap;grid-area:4/1/auto/-1;align-items:center;gap:10px;display:flex}.student-report-live-label{margin:0}.student-report-attendance{grid-area:5/1/auto/-1;align-items:center;gap:8px;display:flex}.student-report-row .student-report-attendance small{margin:0}.student-report-row:not(.has-live) .student-report-live,.student-report-row:not(.has-live) .student-report-attendance{display:none}}@media (prefers-reduced-motion:reduce){.student-report-row{transition:none}}@media (width<=760px){.student-report-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.student-report-date{flex:0 0 84px;order:0}.student-report-lesson{flex:calc(100% - 134px);order:1}.student-report-open{flex:0 0 17px;order:2}.student-report-study{order:3}.student-report-row .student-report-live{flex-wrap:wrap;order:4;gap:8px;display:flex}.student-report-attendance{order:5;gap:6px;display:flex}.student-report-row:not(.has-live) .student-report-live,.student-report-row:not(.has-live) .student-report-attendance{display:none}}.student-class-picker{align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex!important}.student-class-picker select{color:#fff;background:#242356;border:1px solid #fff6;border-radius:8px;max-width:280px;height:36px;padding:0 10px}.student-timeline-notice{color:#8a7a54;background:#fff9e9;border-radius:8px;padding:10px 12px;font-size:12px}.student-timeline .student-report-date small{margin-top:6px;display:block}.student-timeline .student-report-columns{font-size:12px}.student-timeline .cc-student-event-status small{font-size:10px}.student-outside-history{margin-top:18px}.student-outside-history summary{color:#76508c;cursor:pointer;font-size:14px;font-weight:600}.student-outside-history>p{color:#8c7d99;font-size:12px}.student-outside-history a{color:#4e3d63;border-top:1px solid #eee7f5;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;text-decoration:none;display:flex}.student-outside-history a span{color:#90829f;font-size:12px}@media (width<=650px){.student-outside-history a{flex-direction:column;align-items:flex-start;gap:5px}}.student-experience .student-today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0;display:grid}.student-experience .panel{min-width:0}.student-card-heading{align-items:center;gap:14px;display:flex}.student-topic-icon{color:#435be4;background:#eef2ff;border-radius:10px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.student-experience h2{margin:8px 0;font-size:20px;line-height:1.4}.student-experience p{color:#667085;margin:10px 0;line-height:1.6}.student-experience small{color:#667085}.student-experience .student-live-time{color:#182230;font-weight:600}.student-experience .student-live-card,.student-experience .student-recommendation{flex-direction:column;align-items:flex-start;display:flex}.student-card-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.student-experience button,.student-link{min-height:44px;font:inherit;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.student-link{color:#435be4;border:1px solid #d0d5dd;text-decoration:none}.student-experience button:disabled{opacity:.5;cursor:not-allowed}.student-course-progress{margin-top:20px}.student-course-progress a{color:inherit;padding:12px 0;text-decoration:none;display:block}.student-course-progress a>div{justify-content:space-between;gap:12px;display:flex}.student-course-progress progress{accent-color:#435be4;width:100%;height:7px;margin-top:10px}.student-enrolled article{border-bottom:1px solid #eaecf0;align-items:center;gap:14px;padding:16px 0;display:flex}.student-enrolled article:last-child{border:0}.student-enrolled article>div{flex:1;min-width:0}.student-enrolled article p{margin-bottom:0}.student-section-title{margin-top:24px!important}.student-personal{margin-top:20px}.student-personal summary{cursor:pointer;font-weight:600}.student-personal>div{border-top:1px solid #eaecf0;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.student-loading div{background:#f2f4f7;border-radius:6px;height:24px;margin:16px 0}.student-loading div:nth-child(2){width:70%}.student-loading div:nth-child(3){width:40%}.student-learning .learning-progress-row{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.student-learning .learning-progress-row p{margin:6px 0 0}.student-learning .learning-progress-row button{min-height:44px}@media (width<=700px){.student-experience .student-today-grid{grid-template-columns:1fr;gap:16px}.student-experience h2{font-size:18px}.student-enrolled article{flex-wrap:wrap}.student-enrolled article button{margin-left:60px}.student-card-actions{width:100%}.student-card-actions .smart-join{flex:1}.student-card-actions .smart-join button{width:100%}.student-learning .learning-progress-row{grid-template-columns:38px minmax(0,1fr) auto;gap:10px}.student-learning .student-topic-icon{width:38px;min-width:38px;height:38px}.student-learning .learning-progress-row button{padding:8px 12px}.student-personal>div{flex-direction:column;gap:4px}}.student-experience button:not(.primary){color:#344054;box-shadow:none;background:#fff;border:1px solid #d0d5dd}.student-experience button.primary{border:1px solid #0000}:root{color:#172033;font-synthesis:none;background:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#d9e2f2;background:#142442;flex-direction:column;height:100vh;padding:22px 15px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #2a3b5b;align-items:center;gap:11px;padding:0 8px 25px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#3777f5,#6e4ae4);border-radius:12px;place-items:center;width:39px;height:39px;font-size:20px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:16px}.brand span{color:#91a4c2;margin-top:2px;font-size:11px}.sidebar nav{flex-direction:column;gap:5px;margin-top:20px;display:flex}.sidebar button{color:#afbdd2;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;display:flex}.sidebar button span{flex:1}.sidebar button b{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;display:grid}.sidebar button:hover,.sidebar button.active{color:#fff;background:#2366e8}.side-bottom{border-top:1px solid #2a3b5b;margin-top:auto;padding-top:12px}.side-bottom>button{width:100%}.profile{background:#1b2e4e;border:1px solid #2d4264;border-radius:13px;align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.avatar{color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.profile div:nth-child(2){flex:1}.profile strong,.profile span{display:block}.profile strong{color:#fff;font-size:13px}.profile span{color:#95a8c4;margin-top:2px;font-size:11px}main{min-width:0}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.search{color:#8792a5;background:#f4f6fa;border:1px solid #e7ebf2;border-radius:10px;align-items:center;gap:9px;width:min(420px,40vw);height:40px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.top-actions{align-items:center;gap:12px;display:flex}.prototype{color:#6d39c8;background:#f2edff;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:700;display:flex}.icon-btn,.square{position:relative;color:#657086!important;background:#fff!important;border:1px solid #e1e6ef!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;display:grid!important}.icon-btn i{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.role-picker{color:#7c879a;flex-direction:column;gap:2px;font-size:11px;display:flex}.role-picker select{color:#26324a;background:#fff;border:0;outline:0;font-weight:700}.page{max-width:1500px;margin:auto;padding:30px 34px 50px}.page-title{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.page-title span{text-transform:uppercase;letter-spacing:.08em;color:#3171ea;font-size:11px;font-weight:800}.page-title h1{color:#111a2c;margin:5px 0 4px;font-size:30px}.page-title p,.panel-head p{color:#7c879a;margin:0;font-size:13px}.primary{color:#fff!important;background:#2468ec!important;border-color:#2468ec!important}.page-title button,.card-actions button,.lesson-actions button,.panel-head button,.full,.empty-state button{color:#536079;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px;display:grid}.stat{background:#fff;border:1px solid #e5e9f0;border-radius:14px;gap:12px;padding:17px;display:flex;box-shadow:0 2px 8px #18274b08}.stat-icon,.alert-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.green{color:#07955f;background:#e7f8f0}.blue{color:#2468ec;background:#e9f1ff}.amber{color:#d88a00;background:#fff4d8}.purple{color:#7044d1;background:#f1eaff}.red{color:#e14942;background:#feeceb}.stat span,.stat strong,.stat small{display:block}.stat span{color:#7f8a9e;font-size:11px;font-weight:700}.stat strong{color:#1a2437;margin:2px 0;font-size:22px}.stat small{color:#8d97a8;font-size:11px}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:18px;display:grid}.panel{background:#fff;border:1px solid #e4e8ef;border-radius:15px;padding:19px;box-shadow:0 2px 9px #18274b08}.panel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-head h2{margin:0 0 4px;font-size:17px}.panel-head button{padding:7px 10px;font-size:11px}.lesson-list{flex-direction:column;gap:9px;display:flex}.lesson-card{border:1px solid #e6eaf0;border-radius:12px;grid-template-columns:74px 1fr auto;align-items:center;gap:13px;padding:13px;display:grid}.lesson-time{border-right:1px solid #edf0f4}.lesson-time strong,.lesson-time span{display:block}.lesson-time strong{font-size:16px}.lesson-time span{color:#8b95a7;margin-top:3px;font-size:10px}.lesson-main h3{margin:6px 0 3px;font-size:14px}.lesson-main p{color:#828da0;margin:0;font-size:11px}.code{color:#285fc4;background:#edf3ff;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:800}.badge{border-radius:999px;margin-left:6px;padding:4px 7px;font-size:9px;font-weight:800}.badge.live{color:#078652;background:#e5f8ee}.badge.warn{color:#b97500;background:#fff1d3}.badge.soon{color:#2468ec;background:#edf3ff}.lesson-actions,.card-actions{gap:7px;display:flex}.lesson-actions button{padding:8px 10px}.alert-item{border-bottom:1px solid #eef1f5;align-items:center;gap:11px;padding:13px 0;display:flex}.alert-icon{width:36px;height:36px}.alert-item div:nth-child(2){flex:1}.alert-item strong,.alert-item span{display:block}.alert-item span{color:#8792a4;margin-top:3px;font-size:10px}.alert-item>b{background:#f0f3f8;border-radius:999px;place-items:center;min-width:23px;height:23px;font-size:11px;display:grid}.full{width:100%;margin-top:15px}.class-grid{grid-template-columns:repeat(3,minmax(270px,1fr));gap:17px;display:grid}.class-card{background:#fff;border:1px solid #e3e7ee;border-radius:16px;padding:19px;box-shadow:0 3px 10px #18274b0a}.class-top{justify-content:space-between;display:flex}.class-code{color:#245fcf;background:#eaf1ff;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800}.class-card h2{margin:14px 0 4px;font-size:18px}.class-card>p{color:#7f8a9d;margin:0 0 18px;font-size:11px}.class-meta{background:#f7f8fb;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;padding:13px;display:grid}.class-meta span,.class-meta strong{display:block}.class-meta span{color:#8e98a8;text-transform:uppercase;font-size:9px}.class-meta strong{margin-top:4px;font-size:12px}.schedule-line{color:#5b6679;align-items:center;gap:8px;padding:15px 2px;font-size:12px;display:flex}.progress>div{color:#7d8798;justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.progress i{background:#e9edf4;border-radius:99px;height:6px;display:block;overflow:hidden}.progress em{background:linear-gradient(90deg,#2366ea,#7653dd);border-radius:99px;height:100%;display:block}.card-actions{margin-top:17px}.card-actions button{flex:1;padding:9px 8px}.card-actions .square{flex:0 0 38px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.empty-state>div{color:#2468ec;background:#eaf1ff;border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.empty-state h1{margin:16px 0 5px}.empty-state p{color:#7d8799;max-width:440px}.empty-state button{margin-top:10px}@media (width<=1100px){.class-grid,.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.app{grid-template-columns:78px 1fr}.sidebar{padding:18px 10px}.brand>div:last-child,.sidebar nav span,.sidebar nav b,.side-bottom>button,.profile>div:nth-child(2),.profile svg{display:none}.brand{justify-content:center;padding-bottom:18px}.sidebar button{justify-content:center}.profile{justify-content:center;padding:8px}.topbar{padding:0 16px}.prototype,.search{display:none}.page{padding:22px 16px}.content-grid,.class-grid{grid-template-columns:1fr}}@media (width<=560px){.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px}.stat-icon{width:35px;height:35px}.page-title h1{font-size:25px}.page-title>button{padding:9px}.lesson-card{grid-template-columns:58px 1fr}.lesson-actions{grid-column:2}.class-meta{grid-template-columns:1fr}}.app-navigation .nav-administration{font:inherit;cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:12px 8px;display:flex}.app-navigation .nav-administration.active{color:#6d48d8}.app-navigation .navigation-popover-wrap .nav-administration+section button{align-items:center;gap:8px;display:flex}.schedule-attention{background:#fff;border:1px solid #e4e8ef;border-radius:12px;margin:0 0 16px;padding:14px 16px}.schedule-attention summary{cursor:pointer;font-size:14px;font-weight:600}.schedule-attention button{text-align:left;color:#253353;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f4;width:100%;padding:12px 0;display:block}.session-assignment{background:#faf8ff;border:1px solid #e2ddf4;border-radius:12px;margin:16px 0;padding:16px}.session-assignment p{color:#625a76;font-size:13px;line-height:1.5}.session-assignment select{width:100%}.session-assignment [role=alert]{color:#a33140}.session-calendar-card{background:#f5f2ff;border:1px solid #e5def6;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.session-calendar-card .week-event{border:0;border-radius:0;margin:0}.session-topic-link{color:#573fb0;border-top:1px solid #e5def6;padding:8px 10px;font-size:14px;line-height:1.4;text-decoration:none}.session-topic-link:hover{text-decoration:underline}.report-table article[role=button],.student-report-list article[role=button]{cursor:pointer}.report-table article[role=button]:hover{background:#f6f4fc}.learning-app .staff-schedule-session{box-sizing:border-box;text-align:left;cursor:pointer;font:inherit;min-width:0;text-decoration:none}.learning-app .staff-schedule-session.week-event{color:#43306b;background:#f3edff;border:1px solid #d9cdf4;border-radius:10px;flex-direction:column;gap:7px;width:100%;padding:12px;display:flex}.learning-app .staff-session-time{color:#673db0;align-items:center;gap:5px;font-size:14px;display:flex}.learning-app .staff-session-time>span{font-size:12px;font-weight:700}.learning-app .staff-session-content{flex-direction:column;gap:5px;min-width:0;display:flex}.learning-app .staff-session-content>strong{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.learning-app .staff-session-content>span{white-space:normal;color:#6d627f;font-size:13px;line-height:1.5}.learning-app .staff-session-state{color:#6d627f;font-size:13px;line-height:1.4}.learning-app .staff-schedule-session.completed{color:#24643c;background:#eef8f1;border-color:#c9e7d2}.learning-app .staff-schedule-session.cancelled,.learning-app .staff-schedule-session.cancelled_makeup{background:#fff3f3;border-color:#efd0d3}.learning-app .staff-schedule-session.rescheduled{background:#fff8eb;border-color:#ecd7af}.learning-app .staff-schedule-session.mini-event{white-space:normal;background:#f3edff;border:1px solid #d9cdf4;border-radius:7px;flex-direction:column;gap:4px;width:100%;padding:7px 8px;display:flex}.learning-app .staff-schedule-session.mini-event .staff-session-time{font-size:12px}.learning-app .staff-schedule-session.mini-event .staff-session-content>strong{font-size:13px}.learning-app .staff-schedule-session.mini-event .staff-session-content>span,.learning-app .staff-schedule-session.mini-event .staff-session-state{font-size:12px}.learning-app .staff-schedule-session.day-event{grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;display:grid}.learning-app a.staff-schedule-session:hover,.learning-app button.staff-schedule-session:hover{filter:brightness(.97)}.learning-app .staff-schedule-session:focus-visible,.learning-app .staff-report-row:focus-visible{outline-offset:2px;outline:2px solid #8864cb}.learning-app .staff-session-attention{color:#6d4297;padding:10px 12px;font-size:14px;text-decoration:none;display:block}.learning-app .report-table>.staff-report-row{min-height:80px;color:inherit;cursor:pointer;border-bottom:1px solid #e5e7ee;grid-template-columns:115px minmax(260px,1.5fr) minmax(130px,.7fr) 130px 70px;align-items:center;gap:13px;padding:16px 20px;text-decoration:none;display:grid}.learning-app .report-table>.staff-report-row:hover{background:#f6f4fc}.learning-app .staff-report-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.learning-app .staff-report-row>div strong{color:#344054;overflow-wrap:anywhere;font-size:14px}.learning-app .staff-report-row>span,.learning-app .staff-report-row>div span{color:#667085;font-size:14px}@media (width<=1000px){.learning-app .report-table>.staff-report-row{min-width:780px}}@media (width<=600px){.learning-app .staff-schedule-session.day-event{grid-template-columns:1fr;gap:8px}}.app-loading{color:#657086;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.login-page{background:radial-gradient(circle at 20% 10%,#e7efff,#0000 34%),radial-gradient(circle at 85% 85%,#eee7ff,#0000 30%),#f7f9fd;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e1e6ef;border-radius:22px;width:min(430px,100%);padding:30px;box-shadow:0 24px 70px #1b2a4b1f}.login-brand{border-bottom:1px solid #edf0f4;align-items:center;gap:11px;padding-bottom:24px;display:flex}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:17px}.login-brand span{color:#8994a7;margin-top:2px;font-size:11px}.login-copy{padding:24px 0 19px}.login-copy>span{color:#2468ec;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.login-copy h1{margin:6px 0;font-size:28px}.login-copy p{color:#7d8799;margin:0;font-size:13px;line-height:1.55}.login-card form label{margin-bottom:7px;font-size:12px;font-weight:700;display:block}.login-card form input{text-align:center;letter-spacing:.38em;background:#f8fafc;border:1px solid #dfe5ee;border-radius:12px;outline:none;width:100%;height:54px;padding-left:.38em;font-size:23px}.login-card form input:focus{border-color:#3473ed;box-shadow:0 0 0 3px #e8f0ff}.login-card form button{cursor:pointer;border:0;border-radius:11px;width:100%;height:46px;margin-top:12px;font-weight:800}.login-card form button:disabled{opacity:.65}.login-error{color:#d83d3d;background:#fff0f0;border-radius:8px;margin-top:9px;padding:9px 10px;font-size:11px}.admin-divider{color:#9aa4b4;text-transform:uppercase;align-items:center;gap:10px;margin:20px 0 12px;font-size:10px;font-weight:800;display:flex}.admin-divider:before,.admin-divider:after{content:"";background:#edf0f4;flex:1;height:1px}.admin-login{color:#344057;border:1px solid #dfe5ee;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:44px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.login-card>small{text-align:center;color:#98a2b2;margin-top:14px;font-size:10px;display:block}.current-role{color:#344057;background:#f1f4f8;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.logout-btn{color:#68758a;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}@media (width<=560px){.login-card{padding:24px}.current-role{display:none}.logout-btn{font-size:0}.logout-btn svg{width:19px;height:19px}}.users-layout{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:18px;display:grid}.user-form{flex-direction:column;gap:14px;display:flex}.user-form label{color:#59657a;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.user-form input,.user-form select{color:#172033;background:#fff;border:1px solid #dfe5ee;border-radius:10px;outline:none;height:43px;padding:0 12px}.user-form input:focus,.user-form select:focus{border-color:#3975ea;box-shadow:0 0 0 3px #eaf1ff}.user-form>button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:11px 14px;font-weight:750;display:flex}.form-message{color:#087c50;background:#edf8f2;border-radius:9px;padding:10px 12px;font-size:12px}.list-empty{color:#7e899b;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.list-empty strong{color:#253047;margin-top:10px}.list-empty span{margin-top:4px;font-size:12px}.user-rows{flex-direction:column;display:flex}.user-row{border-bottom:1px solid #edf0f4;grid-template-columns:42px 1fr auto auto;align-items:center;gap:11px;padding:12px 4px;display:grid}.user-row .avatar{color:#2563d9;background:#eaf1ff}.user-row strong,.user-row span{display:block}.user-row strong{font-size:13px}.user-row span{color:#8a94a6;margin-top:3px;font-size:11px}.user-row b{color:#5b48b8;background:#f1edff;border-radius:999px;padding:6px 9px;font-size:10px}.user-row i{color:#087d50;background:#e8f8f0;border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal}@media (width<=900px){.users-layout{grid-template-columns:1fr}.user-row{grid-template-columns:42px 1fr auto}.user-row i{display:none}}@media (width<=520px){.user-row b{display:none}}.class-create{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.class-create .panel-head{grid-column:1/-1;margin-bottom:0}.class-create label{color:#59657a;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.class-create input,.class-create select,.quick-assign select{color:#172033;background:#fff;border:1px solid #dfe5ee;border-radius:9px;height:41px;padding:0 10px}.class-create .wide{grid-column:span 2}.class-create>button{border:0;border-radius:9px;justify-content:center;align-self:end;align-items:center;gap:6px;height:41px;font-weight:750;display:flex}.page-message{margin-bottom:15px}.quick-assign{color:#7c8798;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:10px;font-weight:750;display:flex}.quick-assign select{max-width:190px;height:36px}.card-actions a{color:#536079;background:#fff;border:1px solid #dfe5ee;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.compact{min-height:360px}.lesson-layout{grid-template-columns:minmax(290px,390px) 1fr;align-items:start;gap:18px;display:grid}.lesson-table{flex-direction:column;display:flex}.lesson-table article{border-bottom:1px solid #edf0f4;grid-template-columns:130px 1fr auto;align-items:center;gap:15px;padding:13px 4px;display:grid}.lesson-table strong,.lesson-table span,.lesson-table b{display:block}.lesson-table strong{font-size:12px}.lesson-table span{color:#8893a5;margin-top:4px;font-size:10px}.lesson-table b{font-size:13px}.lesson-table i{color:#285fc4;background:#edf3ff;border-radius:999px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:800}@media (width<=1100px){.class-create{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.lesson-layout{grid-template-columns:1fr}}@media (width<=600px){.class-create{grid-template-columns:1fr}.class-create .wide{grid-column:auto}.lesson-table article{grid-template-columns:100px 1fr}.lesson-table i{display:none}}.schedule-builder{background:#f7f9fc;border:1px solid #e5e9f0;border-radius:11px;flex-direction:column;grid-column:1/-1;gap:8px;padding:12px;display:flex}.schedule-builder>strong{color:#59657a;font-size:11px}.schedule-slot{grid-template-columns:110px 140px auto;gap:8px;display:grid}.schedule-builder select,.schedule-builder input{background:#fff;border:1px solid #dfe5ee;border-radius:8px;height:38px;padding:0 9px}.schedule-builder button,.row-actions button,.user-form>button[type=button]{color:#536079;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.schedule-builder>button{align-self:flex-start}.lesson-layout.single{grid-template-columns:1fr}.lesson-table article{grid-template-columns:130px 1fr auto auto}.row-actions{gap:5px;display:flex}.row-actions .danger{color:#c33b35;background:#fff0ef;border-color:#ffd8d5}.user-form button:disabled{opacity:.55;cursor:not-allowed}@media (width<=650px){.schedule-slot{grid-template-columns:85px 1fr auto}.lesson-table article{grid-template-columns:100px 1fr}.row-actions{grid-column:2}.lesson-table i{display:none}}.class-card.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.class-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 22px #18274b17}.title-actions{gap:8px;display:flex}.title-actions button{color:#536079;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:750;display:flex}.class-context{color:#fff;background:linear-gradient(135deg,#173f99,#3348a9);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:17px 20px;display:flex}.class-context>div{align-items:center;gap:12px;display:flex}.class-context .class-code{color:#fff;background:#ffffff2b}.class-context h2{margin:0 0 3px;font-size:18px}.class-context p{color:#cbd8fa;margin:0;font-size:11px}.class-context dl{grid-template-columns:repeat(4,auto);gap:25px;margin:0;display:grid}.class-context dt{text-transform:uppercase;color:#b9c9ef;font-size:9px;font-weight:800}.class-context dd{max-width:180px;margin:4px 0 0;font-size:12px;font-weight:700}.class-context+.page-message{margin-top:0}.handover-note{background:#f7faff;border:1px solid #dbe4f2;border-radius:11px;align-items:flex-start;gap:12px;margin:-8px 0 14px;padding:12px 14px;display:flex}.handover-note strong{color:#1d4ed8;white-space:nowrap;font-size:13px}.handover-note span{color:#475569;font-size:13px;line-height:1.5}@media (width<=1000px){.class-context{flex-direction:column;align-items:flex-start}.class-context dl{grid-template-columns:repeat(2,1fr);width:100%}}@media (width<=560px){.class-context dl{grid-template-columns:1fr 1fr;gap:14px}.title-actions{flex-direction:column}.page-title{align-items:flex-start}.handover-note{flex-direction:column}}.row-actions .action{color:#fff;background:#2468ec;border-color:#2468ec}.lesson-action-form{background:#f7f9fd;border:1px solid #dfe6f2;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;margin:2px 0 12px;padding:14px;display:grid}.lesson-action-form>div:first-child{grid-column:1/-1}.lesson-action-form>div:first-child strong,.lesson-action-form>div:first-child span{display:block}.lesson-action-form>div:first-child span{color:#7c8799;margin-top:3px;font-size:10px}.lesson-action-form label{color:#59657a;flex-direction:column;gap:5px;font-size:10px;font-weight:750;display:flex}.lesson-action-form input,.lesson-action-form select,.lesson-action-form textarea{font:inherit;color:#172033;background:#fff;border:1px solid #dce3ee;border-radius:8px;padding:8px}.lesson-action-form input,.lesson-action-form select{height:38px}.lesson-action-form textarea{resize:vertical;min-height:72px}.lesson-action-form .wide{grid-column:span 2}.action-buttons{grid-column:1/-1;justify-content:flex-end;gap:7px;display:flex}.action-buttons button{cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:750}@media (width<=900px){.lesson-action-form{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.lesson-action-form{grid-template-columns:1fr}.lesson-action-form .wide{grid-column:auto}}.class-students{background:#fff;border:1px solid #e3e8f0;border-radius:13px;align-items:flex-start;gap:20px;margin:-7px 0 18px;padding:13px 17px;display:flex}.class-students>div:first-child{min-width:105px}.class-students strong,.class-students>div:first-child span{display:block}.class-students>div:first-child span{color:#8792a4;margin-top:3px;font-size:10px}.class-students>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.student-chip{color:#294c8c;background:#edf3ff;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.no-students{color:#8a94a5;padding:6px 0;font-size:11px}.students-layout{grid-template-columns:minmax(300px,420px) 1fr;align-items:start;gap:18px;display:grid}.student-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.student-form .panel-head,.student-form fieldset{grid-column:1/-1}.student-form>label{color:#59657a;flex-direction:column;gap:5px;font-size:10px;font-weight:750;display:flex}.student-form input,.student-form select,.student-form textarea{color:#172033;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:9px}.student-form input,.student-form select{height:40px}.student-form textarea{resize:vertical;min-height:65px}.student-form fieldset{border:1px solid #e2e7ef;border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex}.student-form legend{color:#59657a;font-size:10px;font-weight:800}.student-form fieldset label{align-items:center;gap:7px;font-size:11px;display:flex}.student-form fieldset input{height:auto}.student-form>button{cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:10px;font-weight:750}.student-list article{border-bottom:1px solid #edf0f4;grid-template-columns:40px 1fr auto auto;align-items:center;gap:11px;padding:12px 3px;display:grid}.student-avatar{color:#2862c9;text-transform:uppercase;background:#eaf1ff;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.student-list strong,.student-list span,.student-list small{display:block}.student-list strong{font-size:13px}.student-list span{color:#718096;margin-top:3px;font-size:10px}.student-list small{color:#9aa3b2;margin-top:3px;font-size:9px}.student-list article>button{cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:750}.payment{color:#647086;background:#f1f3f7;border-radius:999px;padding:6px 8px;font-size:9px}.payment.paid{color:#087e50;background:#e7f8f0}.payment.unpaid{color:#bf3c36;background:#fff0ef}.payment.partial{color:#a96d00;background:#fff4dc}@media (width<=950px){.students-layout{grid-template-columns:1fr}}@media (width<=600px){.student-form{grid-template-columns:1fr}.student-form .panel-head,.student-form fieldset{grid-column:auto}.student-list article{grid-template-columns:40px 1fr auto}.student-list article>button{grid-column:2}.class-students{flex-direction:column;gap:8px}}.users-360{grid-template-columns:minmax(300px,400px) 1fr;align-items:start;gap:18px;display:grid}.users-360 fieldset{border:1px solid #e2e7ef;border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex}.users-360 fieldset legend{color:#59657a;font-size:10px;font-weight:800}.users-360 fieldset label{align-items:center;gap:7px;font-size:11px;display:flex}.users-360 fieldset input{height:auto}.user-filters{flex-wrap:wrap;gap:5px;margin-bottom:16px;display:flex}.user-filters button{color:#667085;cursor:pointer;background:#fff;border:1px solid #e0e5ed;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:750}.user-filters button.active{color:#fff;background:#2468ec;border-color:#2468ec}.profile-link{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.profile-link:hover{background:#f7f9fc}.login-share{background:#edf8f2;border:1px solid #ced;border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:12px 15px;display:flex}.login-share>div{flex:1}.login-share strong,.login-share span{display:block}.login-share span{color:#668074;margin-top:3px;font-size:10px}.login-share code,.profile-login code{letter-spacing:.14em;font-size:18px;font-weight:850}.login-share button,.profile-login button{cursor:pointer;background:#fff;border:1px solid #bddfce;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:750}.profile-overlay{z-index:100;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.user-profile-360{background:#fff;border-radius:18px;width:min(850px,96vw);max-height:90vh;padding:22px;position:relative;overflow:auto;box-shadow:0 25px 70px #0f172a40}.close-profile{cursor:pointer;background:#f1f3f7;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:13px;right:15px}.user-profile-360 header{align-items:center;gap:12px;display:flex}.user-profile-360 header .avatar{background:#2468ec}.user-profile-360 h2{margin:0}.user-profile-360 header p{color:#7d8798;margin:4px 0 0;font-size:11px}.profile-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.profile-summary>div{background:#f7f9fc;border-radius:10px;padding:11px}.profile-summary span,.profile-summary strong{display:block}.profile-summary span{color:#8a94a5;text-transform:uppercase;font-size:9px}.profile-summary strong{margin-top:4px;font-size:12px}.profile-login{background:#eef4ff;border-radius:10px;align-items:center;gap:9px;padding:11px 13px;display:flex}.profile-login code{margin-right:auto}.profile-tabs{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.profile-tabs section{border:1px solid #e5e9f0;border-radius:11px;padding:13px}.profile-tabs h3{margin:0 0 8px;font-size:12px}.profile-tabs p{color:#657086;margin:5px 0;font-size:10px}.login-card.simplified{max-width:410px}.login-brand.centered,.login-copy.centered{text-align:center;justify-content:center}.login-copy.centered{display:block}@media (width<=900px){.users-360{grid-template-columns:1fr}}@media (width<=600px){.profile-summary,.profile-tabs{grid-template-columns:1fr 1fr}.login-share{flex-wrap:wrap;align-items:flex-start}}.people-operation-row[role=button]{cursor:pointer;transition:all .15s}.people-operation-row[role=button]:hover,.people-operation-row[role=button]:focus-visible{border-color:#9db8ef;outline:0;transform:translateY(-1px);box-shadow:0 8px 24px #234a8c1a}.person-open{color:#7a8597;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:flex}.user-profile-page{max-width:1180px;margin:0 auto}.profile-page-head{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.back-button,.profile-page-actions button,.profile-status-bar button{cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-weight:750;display:inline-flex}.profile-page-actions{gap:8px;display:flex}.danger{color:#b42318!important;background:#fff7f6!important;border-color:#f2b8b5!important}.profile-hero{background:linear-gradient(135deg,#f7faff,#eef4ff);border:1px solid #dce6f8;border-radius:16px;align-items:center;gap:16px;padding:22px;display:flex}.profile-hero .avatar{background:#2468ec;width:58px;height:58px;font-size:22px}.profile-hero span{color:#2468ec;letter-spacing:.08em;font-size:10px;font-weight:800}.profile-hero h1{margin:4px 0;font-size:25px}.profile-hero p{color:#68758a;margin:0;font-size:12px}.profile-nav{border-bottom:1px solid #e4e8ef;gap:4px;margin-top:18px;display:flex;overflow:auto}.profile-nav button{color:#657086;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 13px;font-size:11px;font-weight:750}.profile-nav button.active{color:#2468ec;border-color:#2468ec}.profile-page-content{min-height:320px;padding:20px 0}.profile-info-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.profile-info-grid article,.profile-access-card,.profile-record-list{background:#fff;border:1px solid #e3e8ef;border-radius:13px;padding:17px}.profile-info-grid h2,.profile-record-list h2,.profile-access-card h2{margin:0 0 13px;font-size:14px}.profile-info-grid p{border-top:1px solid #edf0f4;justify-content:space-between;gap:20px;margin:0;padding:11px 0;font-size:11px;display:flex}.profile-info-grid p span{color:#7d8797}.profile-record-list article{border-top:1px solid #edf0f4;justify-content:space-between;gap:16px;padding:11px 0;font-size:11px;display:flex}.profile-record-list article span{color:#6c778a;text-align:right}.profile-status-bar{border-top:1px solid #e4e8ef;gap:8px;padding-top:15px;display:flex}.profile-access-card code{margin-right:12px;font-size:18px}.center-dialog-backdrop{z-index:300;background:#1018287a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.center-dialog{background:#fff;border-radius:16px;width:min(480px,96vw);padding:22px;box-shadow:0 25px 80px #1018284d}.center-dialog h2{margin:0 0 8px}.center-dialog p{color:#677386;font-size:12px;line-height:1.6}.center-dialog label,.center-dialog textarea{width:100%;display:block}.center-dialog textarea{box-sizing:border-box;border:1px solid #d9e0e9;border-radius:9px;min-height:80px;margin-top:7px;padding:10px}.center-dialog footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dialog-error{color:#b42318;background:#fff0ef;border-radius:8px;margin-top:10px;padding:9px;font-size:11px}.clickable-metrics button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:15px}.clickable-metrics button.active{border-color:#8eb1f3;box-shadow:0 0 0 2px #e9f0ff}.class-type-cards{margin-bottom:16px}@media (width<=760px){.profile-info-grid{grid-template-columns:1fr}.profile-record-list article{display:block}.profile-record-list article span{text-align:left;margin-top:4px;display:block}}.page-message{z-index:350;box-sizing:border-box;text-align:center;width:min(520px,100vw - 32px);top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #10182833;position:fixed!important}.profile-hero{position:relative}.profile-hero>div:nth-child(2){flex:1}.profile-hero .hero-edit{color:#264b82;cursor:pointer;background:#fff;border:1px solid #b7c8e8;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;font-weight:750;display:inline-flex}.profile-nav-cards{border:0;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-top:16px;padding:2px;display:grid;overflow-x:auto}.profile-nav-cards button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;min-width:150px;padding:13px 15px;display:flex}.profile-nav-cards button strong{font-size:15px}.profile-nav-cards button span{color:#667085;font-size:12px;font-weight:600}.profile-nav-cards button.active{background:#eff4ff;border:1px solid #2970ff;box-shadow:0 0 0 2px #d1e0ff}.profile-nav-cards button.active span{color:#475467}.profile-info-grid h2,.profile-record-list h2{font-size:16px}.profile-info-grid p,.profile-record-list article{font-size:14px}.profile-record-list article span{font-size:13px}.profile-work-grid{grid-template-columns:1fr 1.35fr;gap:14px;display:grid}.profile-pay-stack{flex-direction:column;gap:16px;display:flex}.inline-login{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.inline-login code{letter-spacing:.12em;font-size:18px;font-weight:800}.inline-login button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px}.account-controls,.danger-zone{background:#fff;border:1px solid #dfe5ee;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:17px;display:flex}.account-controls h2,.danger-zone h2{margin:0 0 4px;font-size:16px}.account-controls p,.danger-zone p{color:#667085;margin:0;font-size:13px}.account-controls>div:last-child{gap:8px;display:flex}.account-controls button,.danger-zone button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:700}.danger-zone{background:snow;border-color:#f3c7c4;margin-top:20px}.section-error{color:#7a2e0e;background:#fffaeb;border:1px solid #fedf89;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:240px;display:flex}.section-error span{font-size:14px}.section-error button{cursor:pointer;background:#fff;border:1px solid #f0b15f;border-radius:8px;padding:8px 12px}.clickable-row{cursor:pointer;transition:all .15s}.clickable-row:hover,.clickable-row:focus-visible{background:#f8faff;outline:0;box-shadow:inset 3px 0 #2970ff}.row-open{color:#667085;justify-content:flex-end;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.report-type-cards{margin-bottom:16px}.report-toolbar>strong{color:#1d2939;text-transform:capitalize;font-size:16px}.my-classes{display:block}.my-classes-browser{width:100%}@media (width<=900px){.profile-work-grid{grid-template-columns:1fr}.profile-nav-cards{grid-template-columns:repeat(4,minmax(145px,1fr))}.profile-hero{flex-wrap:wrap;align-items:flex-start}.profile-hero .hero-edit{margin-left:74px}}@media (width<=600px){.account-controls,.danger-zone{flex-direction:column;align-items:flex-start}.account-controls>div:last-child{flex-wrap:wrap}.profile-hero .hero-edit{margin-left:0}.row-open{justify-content:flex-start}}.compensation-form-v2{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px 20px;padding:22px}.compensation-form-v2 .form-section-title{color:#1d2939;border-bottom:1px solid #dfe5ee;grid-column:1/-1;margin:4px 0 -4px;padding-bottom:9px;font-size:16px}.compensation-form-v2 label{gap:8px;font-size:15px}.compensation-form-v2 input,.compensation-form-v2 select{border-radius:11px;min-height:48px;padding:10px 13px!important;font-size:16px!important}.compensation-form-v2 textarea{min-height:105px;font-size:16px!important}.compensation-form-v2 label>small{font-size:13px;line-height:1.4}.rate-preview{background:#eff4ff;border:1px solid #b2ccff;border-radius:11px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;display:flex}.rate-preview span{color:#475467;font-size:13px}.rate-preview strong{color:#175cd3;font-size:15px}.browse-classes-card{border-style:dashed!important}.browse-classes-card b{font-size:22px!important}.class-operation-row.clickable-row{grid-template-columns:minmax(220px,.8fr) minmax(480px,1.8fr) auto}@media (width<=1000px){.compensation-form-v2{grid-template-columns:1fr 1fr}.class-operation-row.clickable-row{grid-template-columns:1fr}.row-open{justify-content:flex-start}}@media (width<=650px){.compensation-form-v2{grid-template-columns:1fr;padding:16px}.rate-preview{flex-direction:column;align-items:flex-start}.compensation-panel>header{align-items:flex-start;gap:12px}.compensation-panel>header p{font-size:14px;line-height:1.5}}.compensation-form-v3{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:1100px}.rate-scope-cards{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.rate-scope-cards button{text-align:left;background:#fff;border:2px solid #d0d5dd;border-radius:14px;flex-direction:column;gap:5px;min-height:82px;padding:14px 16px;display:flex}.rate-scope-cards button strong{font-size:16px}.rate-scope-cards button span{color:#667085;font-size:14px}.rate-scope-cards button.active{color:#175cd3;background:#eff4ff;border-color:#2e6be6}.intro-toggle{background:#fff;border:1px solid #d0d5dd;border-radius:12px;align-items:center;padding:15px;flex-direction:row!important;grid-column:1/-1!important;gap:12px!important;display:flex!important}.intro-toggle input{width:20px;height:20px;min-height:auto!important}.lesson-summary-cards{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin:18px 0;display:grid}.lesson-summary-cards button{text-align:left;background:#fff;border:2px solid #d0d5dd;border-radius:14px;justify-content:space-between;align-items:center;min-height:82px;padding:14px 16px;display:flex}.lesson-summary-cards b{color:#175cd3;font-size:25px}.lesson-summary-cards button.active{background:#eff4ff;border-color:#2e6be6}.lesson-period-bar{background:#fff;border:1px solid #dfe5ee;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 14px;display:flex}.period-buttons{gap:8px;display:flex}.period-buttons button{border-radius:10px;min-height:42px}.period-buttons button.active{color:#fff;background:#2e6be6;border-color:#2e6be6}.lesson-period-bar input{min-height:42px;font:inherit;border:1px solid #d0d5dd;border-radius:10px;padding:8px 11px}.date-range{gap:12px;display:flex}.date-range label{align-items:center;gap:8px;font-size:14px;display:flex}.inline-profile-editor{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:24px}.inline-profile-editor>header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.inline-profile-editor h2{margin:0 0 4px}.inline-profile-editor p{color:#667085;margin:0}.inline-edit-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.inline-edit-grid label{flex-direction:column;gap:8px;font-size:15px;font-weight:700;display:flex}.inline-edit-grid input,.inline-edit-grid textarea{min-height:48px;font:inherit;border:1px solid #d0d5dd;border-radius:11px;padding:10px 13px;font-weight:400}.inline-edit-grid textarea{min-height:96px}.inline-edit-grid .wide{grid-column:1/-1}.inline-profile-editor footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.generate-pin{color:#175cd3;border-color:#2e6be6;width:100%;min-height:44px;margin-top:12px}.center-toast{z-index:9999;color:#fff;background:#101828;border-radius:13px;align-items:center;gap:18px;padding:17px 20px;font-size:16px;font-weight:700;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 55px #10182855}.center-toast button{color:#fff;background:0 0;border:0;padding:0;font-size:22px}@media (width<=900px){.rate-scope-cards{grid-template-columns:1fr 1fr}.lesson-summary-cards{grid-template-columns:repeat(2,1fr)}.lesson-period-bar{flex-direction:column;align-items:flex-start}}@media (width<=650px){.compensation-form-v3,.inline-edit-grid,.rate-scope-cards{grid-template-columns:1fr}.lesson-summary-cards{grid-template-columns:1fr 1fr}.period-buttons,.date-range{flex-wrap:wrap;width:100%}.inline-edit-grid .wide{grid-column:auto}}.create-record-modal{border-radius:18px!important;gap:18px!important;width:min(820px,96vw)!important;padding:28px!important}.create-record-modal .modal-title,.create-record-modal .event-heading{border-bottom:1px solid #e4e7ec;margin:0 0 4px;padding:0 44px 18px 0}.create-record-modal .modal-title h2,.create-record-modal .event-heading h2{margin:0 0 6px;font-size:24px;line-height:1.25}.create-record-modal .modal-title p,.create-record-modal .event-heading p{color:#667085;font-size:14px;line-height:1.45}.create-record-modal label{line-height:1.35;gap:8px!important;font-size:15px!important;font-weight:700!important}.create-record-modal input,.create-record-modal select{min-height:50px;border-radius:11px!important;height:50px!important;padding:0 14px!important;font-size:16px!important}.create-record-modal textarea{border-radius:11px;min-height:96px;padding:12px 14px;font-size:16px}.create-record-modal .modal-grid,.create-record-modal .event-grid{grid-template-columns:1fr 1fr;gap:18px}.create-record-modal .selected-class-summary{grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;padding:14px}.create-record-modal .selected-class-summary span{font-size:13px}.create-record-modal .selected-class-summary strong{font-size:14px}.create-record-modal .schedule-editor,.create-record-modal .enrollment-section{background:#f8fafc;border-radius:12px;padding:16px}.create-record-modal .modal-sticky-actions,.create-record-modal .event-actions{z-index:3;background:#fff;border-top:1px solid #e4e7ec;justify-content:flex-end;gap:10px;margin:4px -28px -28px;padding:16px 28px;display:flex;position:sticky;bottom:-28px}.create-record-modal .modal-sticky-actions button,.create-record-modal .event-actions button{border-radius:10px;min-height:46px;padding:0 18px;font-size:15px}.lesson-directory-list .lesson-directory-row{cursor:pointer;align-items:center;min-height:88px;padding:16px 20px;transition:background .15s,border-color .15s;grid-template-columns:150px minmax(280px,1fr) 180px 140px!important}.lesson-directory-row:hover{background:#f8faff}.lesson-directory-row:focus-visible{outline-offset:-3px;outline:3px solid #b2ccff}.lesson-directory-row>div:nth-child(2) b{color:#101828;font-size:16px}.lesson-directory-row>div:nth-child(2) span,.lesson-date span{font-size:14px!important}.lesson-directory-row .state-pill{justify-self:start;font-size:13px;font-style:normal}.lesson-open{color:#475467;justify-content:flex-end;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.lesson-open svg{color:#2e6be6}@media (width<=900px){.lesson-directory-list .lesson-directory-row{grid-template-columns:120px 1fr auto!important}.lesson-open span{display:none}.create-record-modal .selected-class-summary{grid-template-columns:1fr 1fr}}@media (width<=650px){.create-record-modal{padding:20px 16px!important}.create-record-modal .modal-grid,.create-record-modal .event-grid{grid-template-columns:1fr}.create-record-modal .modal-sticky-actions,.create-record-modal .event-actions{margin:4px -16px -20px;padding:14px 16px;bottom:-20px}.lesson-directory-list .lesson-directory-row{grid-template-columns:100px 1fr!important}.lesson-directory-row .state-pill{grid-column:2}.lesson-open{display:none}}.enrollment-section-cards{max-height:none!important}.enrollment-toolbar strong{font-size:14px}.enrollment-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:250px;padding:3px;overflow:auto;display:grid!important}.enrollment-card-grid button{text-align:left;cursor:pointer;background:#fff;border:2px solid #d0d5dd;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:26px 1fr;column-gap:8px;min-height:74px;padding:11px 12px;display:grid;position:relative}.enrollment-card-grid button>span{color:#475467;background:#f2f4f7;border-radius:7px;grid-row:1/3;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.enrollment-card-grid button strong{color:#101828;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.enrollment-card-grid button small{color:#667085;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.enrollment-card-grid button.selected{background:#eff4ff;border-color:#2e6be6}.enrollment-card-grid button.selected>span{color:#fff;background:#2e6be6}.enrollment-dialog{width:min(820px,94vw)!important}.enrollment-dialog .enrollment-card-grid{max-height:360px;margin:18px 0}.selection-count{color:#175cd3;margin-top:8px;display:block}.enrollment-profile-card>header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.enrollment-profile-card>header h2{margin-bottom:4px}.enrollment-profile-card>header p{color:#667085;margin:0;font-size:14px}.enrollment-profile-card>header button{white-space:nowrap}@media (width<=700px){.enrollment-card-grid{grid-template-columns:1fr 1fr}.enrollment-profile-card>header{flex-direction:column}}@media (width<=460px){.enrollment-card-grid{grid-template-columns:1fr}}.topbar .search{position:relative}.global-search-results{z-index:100;background:#fff;border:1px solid #d0d5dd;border-radius:14px;width:min(680px,80vw);max-height:70vh;padding:12px;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 18px 45px #10182826}.global-search-results section{padding:7px}.global-search-results section>strong{color:#667085;text-transform:uppercase;letter-spacing:.05em;padding:4px 7px 8px;font-size:13px;display:block}.global-search-results button{text-align:left;background:#fff;border:0;border-radius:9px;justify-content:space-between;gap:15px;width:100%;padding:10px;display:flex}.global-search-results button:hover{background:#eff4ff}.global-search-results button span{color:#101828;font-size:15px;font-weight:750}.global-search-results button small{color:#667085;font-size:13px}.global-search-results>p{color:#667085;margin:0;padding:18px}.student-parent-details{background:#fff;border:1px solid #dfe5ee;border-radius:16px;margin-top:18px;padding:22px}.student-parent-details h2{margin:0 0 16px}.student-parent-details>div{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.student-parent-details p{border-bottom:1px solid #eaecf0;justify-content:space-between;gap:14px;margin:0;padding:12px 0;display:flex}.student-parent-details span{color:#667085}.student-parent-details strong{text-align:right}@media (width<=650px){.global-search-results{width:auto;position:fixed;top:75px;left:12px;right:12px}.student-parent-details>div{grid-template-columns:1fr}}.student-learning-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr)}.learning-list{flex-direction:column;display:flex}.learning-list article{border-top:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.learning-list article>div{gap:9px;display:flex}.learning-list article>div:first-child{flex-direction:column}.learning-list article strong{font-size:16px}.learning-list article span{color:#667085;font-size:14px}.learning-list button{min-height:42px}.learning-overview dl{margin:0;padding:4px 20px 18px}.learning-overview dl>div{border-bottom:1px solid #eaecf0;justify-content:space-between;padding:12px 0;display:flex}.learning-overview dt{color:#667085}.learning-overview dd{font-weight:800}.learning-overview>p{background:#f8fafc;border-radius:10px;margin:0 20px 20px;padding:13px}.student-attendance-status{background:#eff4ff;border:1px solid #b2ccff;border-radius:11px;flex-direction:column;gap:4px;padding:12px 15px;display:flex}.student-attendance-status span{color:#475467;font-size:13px}.student-attendance-status strong{color:#175cd3;font-size:15px}@media (width<=900px){.student-learning-grid{grid-template-columns:1fr}}@media (width<=650px){.learning-list article{flex-direction:column;align-items:flex-start}.learning-list article>div:last-child{flex-wrap:wrap;width:100%}}.list-page{width:100%;min-height:320px}.modal-backdrop{z-index:120;background:#0f172a85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:17px;width:min(500px,96vw);max-height:90vh;padding:22px;position:relative;overflow:auto;box-shadow:0 25px 80px #0f172a47}.modal-card.user-form{gap:12px}.modal-close{cursor:pointer;width:32px;height:32px;position:absolute;top:12px;right:13px;color:#566176!important;background:#f0f3f7!important;border:0!important;border-radius:50%!important;place-items:center!important;padding:0!important;font-size:20px!important;display:grid!important}.modal-title{margin-bottom:4px;padding-right:35px}.modal-title h2{margin:0 0 4px;font-size:19px}.modal-title p{color:#7f899a;margin:0;font-size:11px}.modal-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-card textarea{resize:vertical;border:1px solid #dfe5ee;border-radius:9px;min-height:80px;padding:9px}.modal-card fieldset{border:1px solid #e1e6ef;border-radius:9px;max-height:150px;padding:10px;overflow:auto}.modal-card fieldset legend{color:#59657a;font-size:10px;font-weight:800}.modal-card fieldset label{align-items:center;gap:7px;margin:5px 0;font-size:11px;display:flex}.modal-card fieldset input{height:auto}.profile-card{width:min(780px,96vw)}.profile-card header{align-items:center;gap:12px;display:flex}.profile-card header .avatar{background:#2468ec}.profile-card h2{margin:0}.profile-card header p{color:#7d8798;margin:4px 0 0;font-size:10px}.page-title>.primary{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:11px 15px;font-weight:750;display:flex}@media (width<=600px){.modal-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal-card{padding:18px 15px}.lesson-table article{grid-template-columns:95px 1fr}.row-actions{grid-column:2}}.user-create-modal{width:min(760px,96vw);padding-bottom:84px}.user-create-modal .modal-title p,.user-create-modal label,.profile-card p{font-size:14px}.user-create-modal label{color:#344054;font-weight:700}.user-create-modal input,.user-create-modal select{font-size:14px}.scope-note{color:#667085;background:#f4f7fb;border:1px solid #e1e7f0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:13px;display:flex}.scope-note strong{color:#172033;font-size:14px}.enrollment-section{grid-column:1/-1;max-height:none!important;padding:16px!important;overflow:visible!important}.enrollment-section legend{font-size:14px!important}.enrollment-toolbar{align-items:center;gap:10px;margin:2px 0 12px;display:flex}.enrollment-toolbar input{flex:1}.enrollment-toolbar span{white-space:nowrap;color:#667085;font-size:13px}.enrollment-list{border-top:1px solid #edf0f5;max-height:230px;padding-top:8px;overflow:auto}.enrollment-list label{border-radius:7px;padding:8px 6px;margin:0!important}.enrollment-list label:hover{background:#f6f8fb}.modal-sticky-actions{background:#fff;border-top:1px solid #e5e9f0;border-radius:0 0 17px 17px;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.modal-sticky-actions button{min-width:120px}.status-actions{border-top:1px solid #e6eaf0;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.status-actions span{color:#667085;margin-right:auto;font-size:13px}.status-actions .danger{color:#b42318;background:#fff5f4;border-color:#f2b8b5}.status-actions .archive{color:#5f6b7a;background:#f5f6f8}.user-row.inactive{opacity:.66}.user-row i{font-style:normal}.user-row i.active{color:#087443}.user-row i.inactive,.user-row i.archived{color:#8a5560}@media (width<=600px){.user-create-modal{padding-bottom:92px}.scope-note,.enrollment-toolbar,.status-actions{flex-direction:column;align-items:stretch}.status-actions span{margin-right:0}.modal-sticky-actions{padding:12px 15px}.modal-sticky-actions button{flex:1;min-width:0}}.compact-stats .stat{min-height:92px}.operations-directory{padding:0;overflow:hidden}.directory-toolbar{border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.directory-toolbar .user-filters{margin:0}.directory-toolbar>span{color:#667085;white-space:nowrap;font-size:14px;font-weight:700}.class-operation-list,.people-operation-list{flex-direction:column;display:flex}.class-operation-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(220px,.8fr) minmax(480px,1.8fr) auto;align-items:center;gap:24px;padding:18px 20px;display:grid}.class-operation-row:last-child,.people-operation-row:last-child{border-bottom:0}.class-operation-main,.person-main{align-items:center;gap:13px;min-width:0;display:flex}.class-operation-main h2,.person-main h2{color:#172033;margin:0;font-size:16px;line-height:1.3}.class-operation-main p,.person-main p{color:#7c879a;margin:4px 0 0;font-size:13px}.class-operation-meta{grid-template-columns:.8fr .8fr 1.4fr .7fr;align-items:center;gap:16px;display:grid}.class-operation-meta span,.person-meta span{color:#8993a4;margin-bottom:4px;font-size:12px;display:block}.class-operation-meta strong,.person-meta strong{color:#344054;font-size:14px}.state-pill{border-radius:999px;align-items:center;padding:6px 9px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.state-pill.active{color:#087a50;background:#e7f8f0}.state-pill.inactive,.state-pill.paused{color:#9a6500;background:#fff4d8}.state-pill.archived,.state-pill.completed{color:#596579;background:#eef1f5}.operation-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.operation-actions button,.operation-actions a,.profile-footer-actions button{color:#536079;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dfe5ee;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.people-operation-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(280px,1.5fr) minmax(150px,.65fr) minmax(110px,.45fr) auto;align-items:center;gap:20px;padding:15px 20px;display:grid}.people-operation-row.inactive{opacity:.68}.person-main .avatar{background:linear-gradient(135deg,#3777f5,#6e4ae4);flex:0 0 40px}.class-modal{width:min(760px,96vw);padding-bottom:84px}.class-modal label,.class-modal .schedule-editor,.class-modal input,.class-modal select{font-size:14px}.schedule-editor{border:1px solid #e1e6ef;border-radius:11px;flex-direction:column;gap:10px;padding:14px;display:flex}.schedule-editor>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.schedule-editor>div:first-child span{color:#7c879a;font-size:13px}.schedule-editor>button,.schedule-slot button{color:#536079;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-weight:700;display:inline-flex}.schedule-editor>button{align-self:flex-start}.schedule-editor .schedule-slot{grid-template-columns:1fr 1fr auto;gap:9px;display:grid}.profile-footer-actions{border-top:1px solid #e6eaf0;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;display:flex}.profile-footer-actions .danger{color:#b42318;background:#fff5f4;border-color:#f2b8b5}.handover-fields{background:#f7faff;border:1px solid #dbe4f2;border-radius:12px;flex-direction:column;gap:10px;padding:13px;display:flex}.reassign-choice{background:#fff;border:1px solid #dfe5ee;border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex!important}.reassign-choice input{width:auto!important;height:auto!important}@media (width<=1100px){.class-operation-row{grid-template-columns:1fr}.class-operation-meta{grid-template-columns:repeat(4,1fr)}.operation-actions{justify-content:flex-start}.people-operation-row{grid-template-columns:1fr 150px 110px}.people-operation-row .operation-actions{grid-column:1/-1}}@media (width<=720px){.directory-toolbar{flex-direction:column;align-items:flex-start}.class-operation-meta,.people-operation-row{grid-template-columns:1fr 1fr}.person-main,.people-operation-row .operation-actions{grid-column:1/-1}.operation-actions{flex-wrap:wrap}.schedule-editor .schedule-slot{grid-template-columns:1fr 1fr}.schedule-slot button{grid-column:1/-1}.profile-footer-actions{flex-wrap:wrap}.compact-stats .stat small{display:none}}@media (width<=520px){.class-operation-meta,.people-operation-row{grid-template-columns:1fr}.person-meta{justify-content:space-between;align-items:center;display:flex}.operation-actions>*,.profile-footer-actions button{flex:1}.class-operation-row,.people-operation-row,.directory-toolbar{padding:15px}}.lesson-actions .lesson-link{border:1px solid #2468ec;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.today-empty{color:#7c879a;text-align:center;border:1px dashed #dfe5ee;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:24px;display:flex}.today-empty strong{color:#344054;font-size:15px}.today-empty span{font-size:13px}.lesson-main p,.lesson-time span,.alert-item span{font-size:12px}.alert-item strong{font-size:14px}.alert-item>b{font-size:12px}.calendar-toolbar{align-items:center;gap:18px;margin:0 0 18px;display:flex}.calendar-toolbar>div{gap:7px;display:flex}.calendar-toolbar button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d8e0ec;border-radius:10px;padding:10px 15px;font-weight:750}.calendar-toolbar button:hover,.calendar-toolbar button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.calendar-toolbar .calendar-views{margin-left:auto}.calendar-toolbar>span{color:#64748b;font-size:14px}.calendar-toolbar>span strong{color:#172033}.week-board{grid-template-columns:repeat(7,minmax(155px,1fr));align-items:start;gap:10px;padding:2px 2px 8px;display:grid;overflow-x:auto}.schedule-day{background:#fff;border:1px solid #dce4ef;border-radius:16px;min-width:155px;overflow:hidden}.schedule-day.today{border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe}.schedule-day>header{background:#f8fafc;border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;padding:14px;display:flex}.schedule-day.today>header{background:#eff6ff}.schedule-day>header div{flex-direction:column;gap:3px;display:flex}.schedule-day>header strong{color:#172033;font-size:15px}.schedule-day>header span{color:#64748b;font-size:13px}.schedule-day>header b{color:#475569;background:#e8eef8;border-radius:8px;place-items:center;min-width:24px;height:24px;font-size:12px;display:grid}.schedule-day.today>header b{color:#fff;background:#2563eb}.day-off-banner{color:#9a6500;background:#fff4d8;border-bottom:1px solid #f4dfa6;padding:8px 10px;font-size:12px;font-weight:750;line-height:1.4}.day-lessons{flex-direction:column;gap:9px;min-height:170px;padding:9px;display:flex}.calendar-lesson{text-align:left;cursor:pointer;color:#172033;background:#fff;border:1px solid #dfe6f0;border-radius:12px;flex-direction:column;gap:5px;width:100%;padding:11px;display:flex;position:relative}.calendar-lesson:hover{border-color:#93b4f5;transform:translateY(-1px);box-shadow:0 5px 14px #2563eb17}.calendar-lesson>strong{color:#1d4ed8;padding-right:62px;font-size:14px}.calendar-lesson>span{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.35;overflow:hidden}.calendar-lesson>small{color:#64748b;font-size:12px;line-height:1.4}.calendar-lesson>em{color:#9a6500;background:#fff3cd;border-radius:999px;align-self:flex-start;padding:4px 6px;font-size:10px;font-style:normal;font-weight:800}.calendar-lesson>i{color:#64748b;text-transform:uppercase;letter-spacing:.02em;background:#eef2f7;border-radius:999px;padding:4px 6px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:8px;right:8px}.calendar-lesson>i.completed{color:#15803d;background:#dcfce7}.calendar-lesson>i.cancelled,.calendar-lesson>i.cancelled_makeup{color:#b91c1c;background:#fee2e2}.calendar-lesson>i.rescheduled{color:#a16207;background:#fef3c7}.calendar-lesson.compact{background:#eff6ff;border:0;border-radius:6px;gap:0;margin-top:5px;padding:6px 7px}.calendar-lesson.compact>strong{white-space:nowrap;text-overflow:ellipsis;padding:0 44px 0 0;font-size:11px;overflow:hidden}.calendar-lesson.compact>i{max-width:38px;padding:3px 4px;font-size:7px;top:5px;right:5px;overflow:hidden}.day-empty{color:#94a3b8;place-items:center;min-height:130px;font-size:13px;display:grid}.schedule-week-empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding:24px;display:flex}.schedule-week-empty div{flex-direction:column;gap:4px;display:flex}.schedule-week-empty strong{color:#172033}.month-board{background:#fff;border:1px solid #dce4ef;border-radius:16px;overflow:hidden}.month-board>header{background:#f8fafc;border-bottom:1px solid #e4eaf2;grid-template-columns:repeat(7,1fr);display:grid}.month-board>header strong{text-align:center;color:#64748b;padding:12px;font-size:13px}.month-board>div{grid-template-columns:repeat(7,1fr);display:grid}.month-board>div>article{border-bottom:1px solid #edf1f5;border-right:1px solid #edf1f5;min-width:0;min-height:130px;padding:8px}.month-board>div>article:nth-child(7n){border-right:0}.month-board>div>article.outside{opacity:.55;background:#fafbfc}.month-board>div>article.today{background:#f8fbff;box-shadow:inset 0 0 0 2px #2563eb}.month-date{justify-content:space-between;align-items:center;gap:4px;display:flex}.month-date>span{color:#475569;font-size:13px;font-weight:800}.month-date>i{color:#946200;background:#fff3cd;border-radius:999px;padding:3px 5px;font-size:9px;font-style:normal;font-weight:800}.more-lessons{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:5px;font-size:11px;font-weight:800}.day-view{flex-direction:column;gap:10px;max-width:900px;display:flex}.day-view-head{background:#fff;border:1px solid #dce4ef;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.day-view-head>div{flex-direction:column;gap:3px;margin-right:auto;display:flex}.day-view-head strong{color:#172033;font-size:18px}.day-view-head span{color:#64748b;font-size:14px}.day-view-head>i{color:#946200;background:#fff3cd;border-radius:999px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:800}.day-view>.calendar-lesson{grid-template-columns:130px 1fr 180px;align-items:center;padding:16px;display:grid}.day-view>.calendar-lesson>strong{font-size:16px}.day-view>.calendar-lesson>span{font-size:15px}.day-view>.calendar-lesson>small{font-size:13px}.day-view>.calendar-lesson>i{top:50%;right:14px;transform:translateY(-50%)}.schedule-modal{width:min(780px,96vw);padding-bottom:82px}.schedule-modal label,.days-off-modal label,.lesson-ops-modal label{color:#344054;font-size:14px;font-weight:700}.schedule-modal input,.schedule-modal select,.days-off-modal input,.days-off-modal select,.lesson-ops-modal input,.lesson-ops-modal select{font-size:14px}.lesson-preview-head{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.lesson-preview-head span{color:#667085;font-size:12px}.lesson-preview{border:1px solid #e1e7f0;border-radius:12px;max-height:270px;overflow:auto}.lesson-preview>label{border-bottom:1px solid #edf1f5;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:10px 12px;display:grid}.lesson-preview>label:last-child{border-bottom:0}.lesson-preview>label.blocked{opacity:.65;background:#fafafa}.lesson-preview>label input{height:auto}.lesson-preview>label span{color:#667085;flex-direction:column;gap:2px;font-weight:500;display:flex}.lesson-preview>label span strong{color:#172033}.lesson-preview>label i{color:#667085;font-size:11px;font-style:normal}.lesson-preview>label.blocked i{color:#a15c00}.days-off-modal{width:min(800px,96vw)}.days-off-modal>form{flex-direction:column;gap:12px;display:flex}.all-classes-choice{border:1px solid #dfe5ee;border-radius:10px;align-items:center;gap:8px;padding:11px;display:flex}.all-classes-choice input{height:auto}.holiday-class-list{grid-template-columns:1fr 1fr;gap:4px;display:grid}.holiday-class-list label{align-items:center;gap:8px;padding:7px;display:flex}.holiday-class-list input{height:auto}.holiday-class-list span{color:#667085;flex-direction:column;font-weight:500;display:flex}.holiday-class-list strong{color:#172033}.days-off-list{border-top:1px solid #e6eaf0;margin-top:20px;padding-top:16px}.days-off-list h3{font-size:15px}.days-off-list>article{border-bottom:1px solid #edf1f5;align-items:center;gap:12px;padding:10px 0;display:flex}.days-off-list>article>div{flex-direction:column;gap:3px;margin-right:auto;display:flex}.days-off-list>article span{color:#667085;font-size:13px}.days-off-list>article button{color:#b42318;cursor:pointer;background:0 0;border:0;font-weight:750}.lesson-ops-modal{width:min(880px,96vw)}.lesson-ops-head{align-items:flex-start;gap:16px;padding-right:36px;display:flex}.lesson-ops-head>div{margin-right:auto}.lesson-ops-head>div>span{text-transform:uppercase;color:#2563eb;letter-spacing:.08em;font-size:12px;font-weight:850}.lesson-ops-head h2{margin:5px 0;font-size:22px}.lesson-ops-head p{color:#667085;margin:0;font-size:14px}.lesson-ops-head>i{color:#596579;background:#eef2f7;border-radius:999px;padding:7px 10px;font-size:11px;font-style:normal;font-weight:850}.lesson-ops-head>i.completed{color:#15803d;background:#dcfce7}.lesson-tabs{border-bottom:1px solid #e5eaf1;gap:5px;margin:20px 0 16px;display:flex}.lesson-tabs button{color:#667085;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 13px;font-weight:750}.lesson-tabs button.active{color:#1d4ed8;border-color:#2563eb}.lesson-overview dl{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lesson-overview dl>div{background:#f6f8fb;border-radius:11px;padding:13px}.lesson-overview dt{color:#7c8798;font-size:12px}.lesson-overview dd{color:#172033;margin:5px 0 0;font-size:14px;font-weight:750}.lesson-edit-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.lesson-edit-grid label{flex-direction:column;gap:6px;display:flex}.lesson-edit-grid .wide{grid-column:span 2}.lesson-edit-grid>button{align-self:end}.overview-actions{gap:9px;margin-top:14px;display:flex}.overview-actions button,.overview-actions a,.notice-required button,.attendance-toolbar button{color:#536079;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;font-weight:750;text-decoration:none;display:inline-flex}.attendance-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.attendance-toolbar span{color:#667085;font-size:14px}.attendance-panel>article{border-bottom:1px solid #edf1f5;grid-template-columns:1fr 180px 220px;align-items:center;gap:10px;padding:10px 0;display:grid}.attendance-panel>article strong{font-size:14px}.save-attendance{margin-top:14px}.lesson-report-form{flex-direction:column;gap:12px;display:flex}.read-only-report{background:#f6f8fb;border-radius:12px;padding:16px}.lesson-history>article{border-bottom:1px solid #edf1f5;grid-template-columns:150px 180px 1fr;gap:14px;padding:11px 0;display:grid}.lesson-history span,.lesson-history p{color:#667085;margin:0;font-size:13px}.lesson-history strong{color:#172033;font-size:13px}.notice-required{background:#fff8e7;border:1px solid #f1cf86;border-radius:12px;margin:0 0 14px;padding:13px}.notice-required.sent{background:#effaf4;border-color:#a7dfc3}.notice-required>strong{color:#8a5b00;margin-bottom:8px;display:block}.notice-required.sent>strong{color:#087a50}.notice-required pre{white-space:pre-wrap;color:#344054;margin:0 0 10px;font-family:inherit;font-size:13px;line-height:1.5}.notice-required>div{justify-content:flex-end;gap:8px;display:flex}@media (width<=900px){.calendar-toolbar{flex-wrap:wrap;align-items:flex-start}.calendar-toolbar .calendar-views{margin-left:0}.week-board{grid-template-columns:1fr;overflow:visible}.schedule-day{min-width:0}.day-lessons{min-height:0}.day-empty{min-height:70px}.month-board{overflow:auto}.month-board>header,.month-board>div{min-width:760px}.attendance-panel>article{grid-template-columns:1fr 150px}.attendance-panel>article input{grid-column:1/-1}.lesson-overview dl{grid-template-columns:1fr 1fr}}@media (width<=600px){.calendar-toolbar{flex-direction:column}.calendar-toolbar>div{width:100%}.calendar-toolbar button{flex:1;padding:9px}.title-actions{flex-wrap:wrap}.title-actions>*{flex:1}.day-view>.calendar-lesson{padding:13px;display:flex}.holiday-class-list{grid-template-columns:1fr}.lesson-preview-head{flex-direction:column;align-items:flex-start}.lesson-ops-head{flex-direction:column}.lesson-tabs{overflow:auto}.lesson-tabs button{white-space:nowrap}.lesson-overview dl,.lesson-edit-grid{grid-template-columns:1fr}.lesson-edit-grid .wide{grid-column:auto}.attendance-panel>article{grid-template-columns:1fr}.attendance-panel>article input{grid-column:auto}.lesson-history>article{grid-template-columns:1fr;gap:4px}.notice-required>div,.overview-actions{flex-direction:column}}.calendar-title{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.calendar-title h1{letter-spacing:-.035em;color:#101828;margin:0;font-size:32px}.calendar-title p{color:#667085;margin:5px 0 0;font-size:14px}.simple-calendar{background:#fff;border:1px solid #e1e6ee;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #10182809}.simple-toolbar{border-bottom:1px solid #e8ecf2;align-items:center;gap:10px;height:66px;padding:0 16px;display:flex}.simple-toolbar button{color:#475467;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 11px;font-weight:700}.simple-toolbar button:hover{background:#f2f4f7}.simple-toolbar .today-btn{background:#fff;border:1px solid #d0d5dd}.arrow-nav{display:flex}.arrow-nav button{padding:8px}.simple-toolbar>strong{color:#1d2939;margin-left:4px;font-size:17px}.view-switch{background:#f2f4f7;border-radius:9px;margin-left:auto;padding:3px;display:flex}.view-switch button{padding:6px 11px;font-size:13px}.view-switch button.active{color:#175cd3;background:#fff;box-shadow:0 1px 3px #1018281f}.holiday-button{font-size:13px}.calendar-loading{text-align:center;color:#667085;padding:60px}.apple-month>header{border-bottom:1px solid #e8ecf2;grid-template-columns:repeat(7,1fr);height:34px;display:grid}.apple-month>header span{color:#667085;place-items:center;font-size:12px;font-weight:700;display:grid}.apple-month>main{grid-template-columns:repeat(7,1fr);display:grid}.apple-month article{cursor:pointer;border-bottom:1px solid #eef1f5;border-right:1px solid #eef1f5;min-height:124px;padding:7px}.apple-month article:nth-child(7n){border-right:0}.apple-month article:hover{background:#fafcff}.apple-month article.outside{color:#98a2b3;background:#fbfcfd}.apple-month article.today .date-number{color:#fff;background:#2563eb}.date-number{border-radius:50%;place-items:center;width:25px;height:25px;margin-bottom:4px;font-size:13px;font-weight:750;display:grid}.holiday-strip{color:#9a6700;white-space:nowrap;text-overflow:ellipsis;background:#fff4cc;border-radius:5px;margin-bottom:4px;padding:4px 6px;font-size:11px;font-weight:750;overflow:hidden}.mini-event{color:#1849a9;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#eaf2ff;border:0;border-radius:5px;width:100%;margin:3px 0;padding:4px 6px;font-size:11px;display:block;overflow:hidden}.mini-event.completed{color:#067647;background:#e7f8ef}.mini-event.cancelled,.mini-event.cancelled_makeup{color:#b42318;background:#feeceb;text-decoration:line-through}.event-more{color:#175cd3;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.apple-week{grid-template-columns:repeat(7,minmax(125px,1fr));min-height:520px;display:grid;overflow-x:auto}.apple-week>article{border-right:1px solid #e8ecf2}.apple-week>article:last-child{border-right:0}.apple-week>article>header{cursor:pointer;border-bottom:1px solid #e8ecf2;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:58px;display:flex}.apple-week>article>header span{text-transform:uppercase;color:#667085;font-size:11px;font-weight:750}.apple-week>article>header b{color:#344054;font-size:18px}.apple-week>article.today>header b{color:#fff;background:#2563eb;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.week-events{cursor:pointer;min-height:460px;padding:8px}.week-event{text-align:left;color:#1849a9;cursor:pointer;background:#f1f6ff;border:0;border-left:3px solid #2970ff;border-radius:7px;flex-direction:column;gap:3px;width:100%;margin-bottom:7px;padding:9px 8px;display:flex}.week-event:hover{background:#e6efff}.week-event strong{font-size:13px}.week-event span{font-size:14px;font-weight:800}.week-event small{color:#475467;font-size:11px}.week-event.completed{color:#067647;background:#ecfdf3;border-color:#12b76a}.week-event.cancelled,.week-event.cancelled_makeup{color:#b42318;opacity:.72;background:#fef3f2;border-color:#f04438}.tap-create{text-align:center;color:#98a2b3;padding:18px 4px;font-size:12px;display:block}.apple-day{max-width:820px;min-height:470px;margin:0 auto;padding:18px}.day-event{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eaecf0;grid-template-columns:80px 1fr auto;align-items:center;gap:16px;width:100%;padding:16px 10px;display:grid}.day-event:hover{background:#f9fafb}.day-event time{color:#175cd3;font-size:16px;font-weight:800}.day-event div{flex-direction:column;gap:4px;display:flex}.day-event div strong{color:#1d2939;font-size:15px}.day-event div span{color:#667085;font-size:13px}.day-event i{color:#475467;background:#f2f4f7;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal}.empty-day{color:#667085;cursor:pointer;background:#fff;border:1px dashed #d0d5dd;border-radius:12px;flex-direction:column;align-items:center;gap:7px;width:100%;padding:50px;display:flex}.empty-day strong{color:#344054}.quick-event,.event-detail{width:min(510px,94vw);max-height:90vh;overflow:auto}.quick-event label,.event-detail label{color:#344054;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.quick-event input,.quick-event select,.event-detail input,.event-detail select,.event-detail textarea{font-size:14px}.event-heading{align-items:flex-start;gap:12px;margin-bottom:18px;padding-right:30px;display:flex}.event-heading>svg{color:#2563eb;margin-top:2px}.event-heading>div{flex:1}.event-heading h2{letter-spacing:-.02em;color:#101828;margin:0 0 3px;font-size:21px}.event-heading p{color:#667085;margin:0;font-size:13px}.event-heading span{color:#175cd3;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.event-color{background:#2970ff;border-radius:6px;height:42px;flex:0 0 10px!important;width:10px!important}.event-back{cursor:pointer;background:#f2f4f7;border:0;border-radius:8px;padding:6px}.event-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.repeat-choice{background:#f2f4f7;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:4px;margin:13px 0;padding:4px;display:grid}.repeat-choice button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px;font-weight:700}.repeat-choice button.active{color:#175cd3;background:#fff;box-shadow:0 1px 3px #1018281f}.creation-summary{background:#f8fafc;border-radius:10px;flex-direction:column;gap:3px;margin-bottom:12px;padding:11px;display:flex}.creation-summary strong{color:#344054;font-size:14px}.creation-summary span{color:#667085;font-size:12px}.creation-summary>button,.more-options{color:#175cd3;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:5px 0;font-weight:700}.date-review{flex-direction:column;gap:4px;max-height:140px;margin-top:6px;display:flex;overflow:auto}.date-review span{background:#fff;border-radius:6px;padding:6px 8px}.date-review span.blocked{color:#98a2b3;text-decoration:line-through}.more-options{align-items:center;gap:6px;margin:9px 0;display:flex}.advanced-event,.event-form{flex-direction:column;gap:11px;display:flex}.event-actions{border-top:1px solid #eaecf0;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;display:flex}.event-actions button{padding:9px 14px}.event-facts{background:#f8fafc;border-radius:11px;flex-direction:column;gap:11px;padding:13px;display:flex}.event-facts>div{color:#475467;align-items:center;gap:9px;font-size:14px;display:flex}.event-facts svg{color:#667085}.event-primary-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;display:grid}.event-primary-actions button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:11px 6px;font-weight:700;display:flex}.event-primary-actions button:hover{color:#175cd3;background:#f5f8ff;border-color:#84adff}.event-links{border-top:1px solid #eaecf0;align-items:center;gap:5px;padding-top:10px;display:flex}.event-links button,.event-links a{color:#175cd3;cursor:pointer;background:0 0;border:0;padding:7px;font-size:13px;font-weight:700;text-decoration:none}.notice-compact{background:#fffaeb;border:1px solid #fedf89;border-radius:10px;margin-bottom:12px;padding:11px}.notice-compact strong{color:#93370d;font-size:13px}.notice-compact p{color:#7a2e0e;white-space:pre-wrap;font-size:12px;line-height:1.45}.notice-compact>div{justify-content:flex-end;gap:6px;display:flex}.attendance-quick{flex-direction:column;gap:7px;display:flex}.attendance-quick>label{border-bottom:1px solid #eaecf0;grid-template-columns:1fr 145px;align-items:center;padding:8px 0;display:grid}.attendance-quick .mark-all{color:#175cd3;cursor:pointer;background:0 0;border:0;align-self:flex-end;font-weight:700}.more-menu{flex-direction:column;display:flex}.more-menu button{text-align:left;color:#344054;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eaecf0;align-items:center;gap:8px;padding:13px 5px;font-weight:700;display:flex}.more-menu button:hover{color:#175cd3}.history-quick article{border-bottom:1px solid #eaecf0;grid-template-columns:125px 1fr;gap:3px 12px;padding:10px 0;display:grid}.history-quick span{color:#667085;font-size:11px}.history-quick strong{color:#344054;text-transform:capitalize;font-size:12px}.history-quick p{color:#667085;grid-column:2;margin:0;font-size:12px}@media (width<=900px){.simple-toolbar{flex-wrap:wrap;height:auto;padding:10px}.simple-toolbar>strong{order:5;width:100%;margin:4px}.apple-week{grid-template-columns:repeat(7,145px)}.calendar-title{align-items:center}.apple-month{overflow:auto}.apple-month>header,.apple-month>main{min-width:740px}}@media (width<=600px){.calendar-title h1{font-size:27px}.holiday-button{display:none}.view-switch button{padding:6px 8px}.simple-toolbar>strong{font-size:15px}.apple-week{grid-template-columns:repeat(7,138px)}.event-grid{grid-template-columns:1fr}.event-primary-actions{grid-template-columns:repeat(3,1fr)}.attendance-quick>label{grid-template-columns:1fr}.day-event{grid-template-columns:64px 1fr}.day-event i{display:none}}.calendar-title .primary:disabled{color:#98a2b3;box-shadow:none;cursor:not-allowed;background:#e4e7ec}.my-classes{align-items:center;gap:14px;margin-bottom:15px;display:flex}.my-classes-label{flex-direction:column;flex:0 0 150px;display:flex}.my-classes-label strong{color:#1d2939;font-size:15px}.my-classes-label span{color:#667085;margin-top:3px;font-size:12px;line-height:1.35}.my-classes-browser{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.my-class-list{scrollbar-width:thin;scroll-snap-type:x proximity;gap:8px;padding:2px 2px 5px;display:flex;overflow-x:auto}.my-class-list>button{text-align:left;cursor:pointer;scroll-snap-align:start;background:#fff;border:1px solid #d0d5dd;border-radius:11px;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);gap:1px 9px;min-width:215px;min-height:66px;padding:8px 11px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.my-class-list>button:hover{background:#f8faff;border-color:#84adff}.my-class-list>button.active{background:#eff4ff;border-color:#2970ff;box-shadow:0 0 0 2px #d1e0ff}.my-class-list b{color:#344054;background:#f2f4f7;border-radius:9px;grid-row:1/4;align-self:center;place-items:center;min-width:44px;height:44px;font-size:13px;display:grid}.my-class-list button.active b{color:#fff;background:#2563eb}.my-class-list span{color:#1d2939;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.my-class-list small{color:#667085;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.my-class-list i{color:#667085;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;font-weight:750;overflow:hidden}.my-class-list i.attention{color:#b54708}.my-class-list i.today{color:#175cd3}.my-class-list i.next{color:#067647}.my-class-list>.all-classes-card{grid-template-rows:auto auto;min-width:185px}.my-class-list>.all-classes-card b{grid-row:1/3}.class-search{color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;width:min(340px,100%);height:36px;padding:0 10px;display:flex}.class-search:focus-within{border-color:#84adff;box-shadow:0 0 0 3px #d1e0ff}.class-search input{background:0 0;outline:0;width:100%;height:auto;border:0!important;padding:0!important;font-size:13px!important}.class-search-empty{color:#667085;place-items:center;min-width:220px;font-size:13px;display:grid}.manual-lesson-modal{width:min(640px,95vw)}.selected-class-summary{background:#f8fafc;border:1px solid #eaecf0;border-radius:11px;grid-template-columns:2fr .8fr 1fr .8fr;gap:8px;margin-bottom:15px;padding:10px;display:grid}.selected-class-summary>div{flex-direction:column;gap:3px;min-width:0;display:flex}.selected-class-summary span{color:#667085;font-size:11px}.selected-class-summary strong{color:#344054;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.manual-lesson-modal label>small{color:#667085;margin-top:-2px;font-size:11px;font-weight:500}@media (width<=1000px){.my-classes{flex-direction:column;align-items:flex-start;gap:10px}.my-classes-label{flex-basis:auto}.my-classes-browser,.my-class-list{width:100%}}@media (width<=800px){.selected-class-summary{grid-template-columns:1fr 1fr}.my-class-list>button{min-width:210px}}@media (width<=520px){.selected-class-summary{grid-template-columns:1fr}.my-class-list>button{min-width:200px}}.event-detail{width:min(640px,95vw)}.lesson-evidence{flex-direction:column;gap:9px;margin-top:13px;display:flex}.lesson-evidence>strong{color:#344054;font-size:13px}.lesson-photo-picker{cursor:pointer;background:#f8fafc;border:1px dashed #b8c4d6;border-radius:11px;padding:13px}.lesson-photo-picker>span{align-items:center;gap:7px;display:flex}.lesson-photo-picker b{color:#b42318;background:#fff1f0;border-radius:999px;margin-left:auto;padding:3px 7px;font-size:10px}.lesson-photo-picker input{padding:8px 0}.lesson-photo-picker small{color:#667085;font-weight:500}.lesson-photo-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.lesson-photo-grid>a,.pending-photo{aspect-ratio:1;background:#eef2f6;border-radius:9px;display:block;position:relative;overflow:hidden}.lesson-photo-grid img{object-fit:cover;width:100%;height:100%}.pending-photo button{color:#fff;cursor:pointer;background:#111827c7;border:0;border-radius:50%;width:24px;height:24px;font-size:17px;position:absolute;top:4px;right:4px}@media (width<=600px){.lesson-photo-grid{grid-template-columns:repeat(3,1fr)}}.teacher-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.teacher-class-card{background:#fff;border:1px solid #e1e6ee;border-radius:16px;flex-direction:column;padding:18px;display:flex;box-shadow:0 4px 16px #10182809}.teacher-class-card>header{justify-content:space-between;align-items:center;display:flex}.teacher-class-card h2{letter-spacing:-.02em;color:#1d2939;margin:13px 0 12px;font-size:19px}.teacher-class-facts{flex-direction:column;gap:8px;display:flex}.teacher-class-facts p{color:#667085;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.teacher-class-facts svg{color:#98a2b3;flex:none}.teacher-class-summary{grid-template-columns:1.35fr .85fr .85fr;gap:7px;margin-top:16px;display:grid}.teacher-class-summary>div{background:#f8fafc;border-radius:9px;flex-direction:column;gap:4px;min-width:0;padding:10px;display:flex}.teacher-class-summary span{color:#667085;font-size:10px}.teacher-class-summary strong{color:#344054;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.teacher-class-card footer{border-top:1px solid #eaecf0;gap:8px;margin-top:16px;padding-top:13px;display:flex}.teacher-class-card footer button,.teacher-class-card footer a{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.teacher-class-card footer .primary{color:#fff;background:#2563eb;border-color:#2563eb}.teacher-class-empty{text-align:center;color:#667085;padding:35px}.hours-title{align-items:center}.month-control{background:#fff;border:1px solid #d0d5dd;border-radius:10px;align-items:center;gap:7px;padding:4px;display:flex}.month-control button{color:#475467;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid}.month-control button:hover{background:#f2f4f7}.month-control button:disabled{opacity:.35;cursor:not-allowed}.month-control strong{text-align:center;color:#344054;min-width:142px;font-size:13px}.hours-summary{grid-template-columns:1fr 2fr;gap:12px;margin-bottom:14px;display:grid}.hours-summary>div{background:#fff;border:1px solid #e1e6ee;border-radius:14px;flex-direction:column;gap:4px;padding:17px;display:flex}.hours-summary span{color:#667085;font-size:12px}.hours-summary strong{letter-spacing:-.025em;color:#1d2939;font-size:27px}.hours-summary small{color:#667085;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hours-list{padding:0;overflow:hidden}.hours-list>header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.hours-list>header strong{color:#1d2939;font-size:15px}.hours-list>header span{color:#667085;font-size:12px}.hours-list>article{border-bottom:1px solid #eaecf0;grid-template-columns:95px 1fr auto;align-items:center;gap:14px;padding:13px 18px;display:grid}.hours-list>article:last-child{border-bottom:0}.hours-list time{color:#344054;flex-direction:column;font-size:13px;font-weight:800;display:flex}.hours-list time small{color:#667085;margin-top:2px;font-size:11px;font-weight:600}.hours-list article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.hours-list article>div strong{color:#344054;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hours-list article>div span{color:#667085;font-size:11px}.hours-list article>b{color:#175cd3;font-size:14px}.hours-empty{color:#667085;flex-direction:column;align-items:center;gap:5px;padding:42px;font-size:12px;display:flex}.hours-empty strong{color:#344054;font-size:14px}@media (width<=900px){.teacher-class-grid,.hours-summary{grid-template-columns:1fr}.teacher-class-summary{grid-template-columns:1fr 1fr 1fr}}@media (width<=600px){.teacher-class-summary{grid-template-columns:1fr}.teacher-class-card footer{flex-direction:column}.month-control{margin-top:10px}.hours-list>article{grid-template-columns:70px 1fr auto;padding:12px}.hours-title{align-items:flex-start}.hours-title .month-control{justify-content:space-between;width:100%}}.reports-title{align-items:center}.report-metrics{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px;display:grid}.report-metrics>div{background:#fff;border:1px solid #e1e6ee;border-radius:13px;flex-direction:column;gap:3px;padding:15px;display:flex}.report-metrics span{color:#667085;font-size:12px}.report-metrics strong{letter-spacing:-.02em;color:#1d2939;font-size:25px}.report-metrics small{color:#667085;font-size:11px}.report-directory{padding:0;overflow:hidden}.report-toolbar{border-bottom:1px solid #eaecf0;align-items:center;gap:9px;padding:13px 15px;display:flex}.report-toolbar label{color:#667085;border:1px solid #d0d5dd;border-radius:9px;flex:1;align-items:center;gap:7px;max-width:390px;padding:0 10px;display:flex}.report-toolbar input{outline:0;width:100%;border:0!important;padding:9px 0!important;font-size:13px!important}.report-toolbar select{width:auto;height:38px;font-size:12px}.report-toolbar>span{color:#667085;margin-left:auto;font-size:12px}.report-table>header,.report-table>article{grid-template-columns:115px minmax(260px,1.5fr) minmax(130px,.7fr) 130px 70px;align-items:center;gap:13px;padding:11px 16px;display:grid}.report-table>header{background:#f8fafc;border-bottom:1px solid #eaecf0}.report-table>header span{text-transform:uppercase;color:#667085;font-size:10px;font-weight:800}.report-table>article{border-bottom:1px solid #eaecf0}.report-table>article:last-child{border-bottom:0}.report-table time{color:#344054;flex-direction:column;font-size:12px;font-weight:800;display:flex}.report-table time small{color:#667085;margin-top:2px;font-size:11px;font-weight:600}.report-table article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.report-table article>div strong{color:#344054;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.report-table article>div span,.report-table article>span{color:#667085;font-size:11px}.report-table article>b{color:#344054;font-size:12px}.report-table .state-pill{justify-self:start}.report-empty{color:#667085;flex-direction:column;align-items:center;gap:5px;padding:42px;font-size:12px;display:flex}.report-empty strong{color:#344054;font-size:14px}@media (width<=1000px){.report-metrics{grid-template-columns:1fr 1fr}.report-table{overflow-x:auto}.report-table>header,.report-table>article{min-width:780px}}@media (width<=600px){.reports-title{align-items:flex-start}.reports-title .month-control{justify-content:space-between;width:100%;margin-top:10px}.report-metrics{grid-template-columns:1fr 1fr}.report-toolbar{flex-direction:column;align-items:stretch}.report-toolbar label{max-width:none}.report-toolbar select{width:100%}.report-toolbar>span{margin-left:0}}.payroll-title{align-items:center}.payroll-summary{grid-template-columns:170px 220px 1fr;gap:11px;margin-bottom:14px;display:grid}.payroll-summary>div{background:#fff;border:1px solid #e1e6ee;border-radius:13px;flex-direction:column;gap:3px;padding:15px;display:flex}.payroll-summary span{color:#667085;font-size:11px}.payroll-summary strong{color:#1d2939;font-size:24px}.payroll-summary small{color:#667085;font-size:11px}.payroll-summary>.rate-note{background:#fffaeb;border-color:#fedf89;flex-direction:row;align-items:center;gap:11px}.rate-note>svg{color:#b54708;flex:none}.rate-note>div{flex-direction:column;gap:3px;display:flex}.payroll-summary .rate-note strong{color:#93370d;font-size:13px}.payroll-directory{padding:0;overflow:hidden}.payroll-toolbar{border-bottom:1px solid #eaecf0;align-items:center;gap:10px;padding:13px 15px;display:flex}.payroll-toolbar label{color:#667085;border:1px solid #d0d5dd;border-radius:9px;flex:1;align-items:center;gap:7px;max-width:340px;padding:0 10px;display:flex}.payroll-toolbar input{outline:0;width:100%;border:0!important;padding:9px 0!important;font-size:13px!important}.payroll-toolbar>span{color:#667085;margin-left:auto;font-size:12px}.payroll-table>header,.payroll-table>article{grid-template-columns:minmax(140px,1fr) minmax(130px,1fr) 70px 80px 70px 90px 110px;align-items:center;gap:11px;padding:12px 16px;display:grid}.payroll-table>header{background:#f8fafc;border-bottom:1px solid #eaecf0}.payroll-table>header span{text-transform:uppercase;color:#667085;font-size:10px;font-weight:800}.payroll-table>article{border-bottom:1px solid #eaecf0}.payroll-table>article:last-child{border-bottom:0}.payroll-table article strong,.payroll-table article b{color:#344054;font-size:12px}.payroll-table article span{color:#667085;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.payroll-table article b{color:#175cd3}.payroll-table article i{color:#b54708;text-align:center;background:#fffaeb;border-radius:999px;padding:5px 7px;font-size:10px;font-style:normal;font-weight:750}.payroll-empty{color:#667085;flex-direction:column;align-items:center;gap:5px;padding:42px;font-size:12px;display:flex}.payroll-empty strong{color:#344054;font-size:14px}@media (width<=1000px){.payroll-summary{grid-template-columns:1fr 1fr}.payroll-summary>.rate-note{grid-column:1/-1}.payroll-table{overflow-x:auto}.payroll-table>header,.payroll-table>article{min-width:820px}}@media (width<=600px){.payroll-title{align-items:flex-start}.payroll-title .month-control{justify-content:space-between;width:100%;margin-top:10px}.payroll-summary{grid-template-columns:1fr}.payroll-summary>.rate-note{grid-column:auto}.payroll-toolbar label{max-width:none}}.learning-app .staff-report-details>header,.learning-app .staff-report-details>.staff-report-row{grid-template-columns:100px minmax(175px,1.8fr) 75px minmax(105px,.9fr) minmax(115px,1fr) minmax(95px,.8fr) minmax(110px,.9fr);align-items:center;gap:12px;min-width:0;padding:14px 16px;display:grid}.learning-app .staff-report-details>header span{text-transform:none;font-size:14px;font-weight:600}.learning-app .staff-report-details>.staff-report-row{min-height:88px;font-size:14px}.learning-app .staff-report-details time{font-size:14px;line-height:1.5}.learning-app .staff-report-details time small,.learning-app .staff-report-details small{color:#697386;font-size:13px;line-height:1.5}.learning-app .staff-report-details .staff-report-identity{gap:4px}.learning-app .staff-report-details .staff-report-identity strong{white-space:normal;font-size:15px}.learning-app .staff-report-details .staff-report-identity small{align-items:center;gap:5px;display:flex}.learning-app .staff-report-details .staff-report-type{flex-flow:wrap;gap:5px}.learning-app .staff-report-details .report-type-pill{color:#584280;white-space:normal;background:#f6f3fc;border:1px solid #e0d8f1;border-radius:7px;padding:3px 7px;font-size:14px}.learning-app .staff-report-details .state-pill{white-space:normal;font-size:14px;line-height:1.4}.learning-app .staff-report-details .staff-report-submission.submitted{color:#26744b}.learning-app .staff-report-details .staff-report-submission:not(.submitted){color:#80652e}@media (width<=1050px){.learning-app .staff-report-details>header{display:none}.learning-app .staff-report-details>.staff-report-row{grid-template-columns:100px minmax(0,1fr) auto;gap:10px 16px}.learning-app .staff-report-details .staff-report-type,.learning-app .staff-report-details .staff-report-outcome,.learning-app .staff-report-details .staff-report-attendance,.learning-app .staff-report-details .staff-report-submission{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.learning-app .staff-report-details [data-label]:before{content:attr(data-label) ": ";color:#697386;font-size:13px}.learning-app .staff-report-details .staff-report-attendance small{flex-basis:100%}}@media (width<=600px){.learning-app .staff-report-details>.staff-report-row{flex-wrap:wrap;gap:10px 14px;padding:15px 12px;display:flex}.learning-app .staff-report-details time{flex:0 0 90px}.learning-app .staff-report-details .staff-report-identity{flex:calc(100% - 110px)}.learning-app .staff-report-details .staff-report-attendance{flex-direction:row}}.currency-total{margin:2px 0;color:#175cd3!important;display:block!important}.payroll-table article span small{color:#b54708;margin-top:3px;display:block}.payroll-state{font-size:10px!important;font-weight:800!important}.payroll-state.locked{color:#6941c6!important}.payroll-state.paid{color:#067647!important}.payroll-actions{gap:5px;display:flex!important;overflow:visible!important}.payroll-actions button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:750}.payroll-actions .primary{color:#fff;background:#2468ec;border-color:#2468ec}.payroll-details,.payment-history{margin-top:14px}.payroll-details>h2,.payment-history>h2{margin:0 0 12px;font-size:15px}.payroll-detail-table>header,.payroll-detail-table>article{border-bottom:1px solid #eaecf0;grid-template-columns:95px 1.2fr 110px 60px 1.2fr 120px;align-items:center;gap:10px;padding:10px;display:grid}.payroll-detail-table>header{text-transform:uppercase;color:#667085;background:#f8fafc;font-size:10px;font-weight:800}.payroll-detail-table article{color:#667085;font-size:11px}.payroll-detail-table article strong,.payroll-detail-table article small{display:block}.payroll-detail-table article b{color:#175cd3}.payment-history p{border-bottom:1px solid #eaecf0;justify-content:space-between;gap:12px;margin:0;padding:9px 0;font-size:11px;display:flex}.payment-history span{color:#667085}.compensation-panel{border:1px solid #dfe5ee;border-radius:12px;margin-top:14px;padding:14px}.compensation-panel>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.compensation-panel>header h3{margin:0 0 3px;font-size:14px}.compensation-panel>header p{color:#667085;margin:0;font-size:11px}.compensation-panel button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:750}.compensation-panel button.primary{color:#fff;background:#2468ec;border-color:#2468ec}.compensation-form{background:#f8fafc;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding:12px;display:grid}.compensation-form label{color:#344054;flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.compensation-form input,.compensation-form select,.compensation-form textarea{background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px;font-size:12px}.compensation-form .wide{grid-column:1/-1}.compensation-form .form-actions{flex-direction:row;justify-content:flex-end;display:flex}.rate-history{margin-top:14px}.rate-history-head,.rate-history article{border-bottom:1px solid #eaecf0;grid-template-columns:115px 105px 1fr 135px 1fr;align-items:center;gap:9px;padding:9px;display:grid}.rate-history-head{text-transform:uppercase;color:#667085;background:#f8fafc;font-size:9px;font-weight:800}.rate-history article{color:#667085;font-size:10px}.rate-history article strong,.rate-history article b{color:#344054}.rate-history article b small,.rate-history article span small{color:#667085;margin-top:2px;font-weight:500;display:block}.compensation-empty{text-align:center;color:#93370d;background:#fffaeb;border-radius:9px;margin-top:12px;padding:18px;font-size:11px}@media (width<=1000px){.payroll-detail-table{overflow-x:auto}.payroll-detail-table>header,.payroll-detail-table>article{min-width:760px}}@media (width<=700px){.compensation-form{grid-template-columns:1fr}.rate-history{overflow-x:auto}.rate-history-head,.rate-history article{min-width:680px}}.payroll-overview{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.payroll-overview>div{background:#fff;border:1px solid #e2e7ef;border-radius:14px;padding:18px}.payroll-overview span{color:#667085;margin-bottom:8px;font-size:14px;display:block}.payroll-overview strong{color:#172033;font-size:28px}.payroll-overview .needs-rate{background:#fffbeb;border-color:#f6c66b}.payroll-overview .needs-rate strong{color:#b54708}.payroll-overview .ready strong{color:#087443}.payroll-workflow{color:#475467;background:#f4f7fb;border:1px solid #e1e7ef;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding:13px;font-size:14px;display:flex}.payroll-workflow span{align-items:center;gap:7px;font-weight:700;display:flex}.payroll-workflow b{color:#175cd3;background:#dce8ff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.payroll-workflow i{color:#98a2b3;font-style:normal}.payroll-list-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px;display:flex}.payroll-list-head h2{margin:0 0 4px;font-size:20px}.payroll-list-head p{color:#667085;margin:0;font-size:14px}.payroll-list-head label{color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:10px;align-items:center;gap:8px;width:min(330px,100%);padding:0 12px;display:flex}.payroll-list-head input{outline:0;width:100%;border:0!important;padding:11px 0!important;font-size:15px!important}.payroll-card-list{flex-direction:column;gap:14px;display:flex}.payroll-teacher-card{background:#fff;border:1px solid #e1e6ee;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #10182809}.payroll-teacher-card>header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;display:flex}.payroll-person{align-items:center;gap:12px;display:flex}.payroll-person .avatar{background:#2468ec;width:42px;height:42px;font-size:17px}.payroll-person h3{color:#172033;margin:0 0 4px;font-size:17px}.payroll-person p{color:#667085;margin:0;font-size:14px}.payroll-status{color:#475467;background:#f2f4f7;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.payroll-status.reviewed{color:#175cd3;background:#eef4ff}.payroll-status.locked{color:#6941c6;background:#f4f0ff}.payroll-status.paid{color:#067647;background:#ecfdf3}.payroll-card-body{grid-template-columns:1fr minmax(190px,260px);gap:20px;padding:18px 20px;display:grid}.payroll-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.payroll-metrics>div{border-right:1px solid #eaecf0;padding-right:10px}.payroll-metrics span,.payroll-total>span{color:#667085;margin-bottom:6px;font-size:13px;display:block}.payroll-metrics strong{color:#344054;font-size:20px}.payroll-total{border-left:1px solid #e5e9ef;padding-left:20px}.payroll-total>strong{color:#175cd3;margin:3px 0;font-size:20px;display:block}.payroll-total .missing-text{color:#b54708}.payroll-total small{color:#b54708;margin-top:5px;font-size:13px;display:block}.payroll-teacher-card>footer{background:#fafbfc;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.payroll-teacher-card button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:750}.payroll-teacher-card button.primary{color:#fff;background:#2468ec;border-color:#2468ec}.payroll-teacher-card button:disabled{opacity:.45;cursor:not-allowed}.payroll-actions{align-items:center;gap:8px;display:flex!important}.paid-confirm{align-items:center;gap:7px;font-weight:750;color:#067647!important;font-size:14px!important;display:flex!important}.payroll-warning{color:#93370d;background:#fffaeb;border:1px solid #fedf89;border-radius:10px;align-items:flex-start;gap:10px;margin:0 20px 15px;padding:12px 14px;display:flex}.payroll-warning svg{flex:none}.payroll-warning strong,.payroll-warning span{display:block}.payroll-warning strong{margin-bottom:3px;font-size:14px}.payroll-warning span{font-size:13px}.payroll-lessons{border-top:1px solid #e5e9ef;padding:0 20px 15px;overflow-x:auto}.payroll-lessons>header,.payroll-lessons>div{border-bottom:1px solid #edf0f4;grid-template-columns:1.25fr 1fr 80px 1.25fr 120px;align-items:center;gap:12px;min-width:720px;padding:11px 8px;display:grid}.payroll-lessons>header{color:#667085;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:800}.payroll-lessons>div{color:#475467;font-size:14px}.payroll-lessons>div strong,.payroll-lessons>div small{display:block}.payroll-lessons>div small{color:#667085;margin-top:3px;font-size:12px}.payment-history{font-size:14px}.payment-history p{padding:12px 0!important;font-size:14px!important}@media (width<=900px){.payroll-overview{grid-template-columns:1fr 1fr}.payroll-card-body{grid-template-columns:1fr}.payroll-total{border-top:1px solid #e5e9ef;border-left:0;padding:14px 0 0}.payroll-metrics{grid-template-columns:1fr 1fr}}@media (width<=600px){.payroll-overview{grid-template-columns:1fr 1fr;gap:8px}.payroll-overview>div{padding:14px}.payroll-overview span{font-size:13px}.payroll-overview strong{font-size:23px}.payroll-workflow{justify-content:flex-start;overflow-x:auto}.payroll-workflow span{white-space:nowrap}.payroll-list-head{flex-direction:column;align-items:stretch}.payroll-teacher-card>header,.payroll-card-body,.payroll-teacher-card>footer{padding-left:14px;padding-right:14px}.payroll-person h3{font-size:16px}.payroll-person p{font-size:13px}.payroll-teacher-card>footer{flex-direction:column;align-items:stretch}.payroll-actions{justify-content:flex-end}.payroll-warning{margin-left:14px;margin-right:14px}}.user-type-cards{scroll-snap-type:x proximity;gap:10px;margin-bottom:6px;padding:2px 1px 12px;display:flex;overflow-x:auto}.user-type-cards>button{text-align:left;cursor:pointer;scroll-snap-align:start;background:#fff;border:1px solid #d0d5dd;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:38px minmax(90px,1fr) auto;align-items:center;gap:3px 9px;min-width:180px;padding:11px 12px;display:grid}.user-type-cards>button:hover{background:#f8faff;border-color:#84adff}.user-type-cards>button.active{background:#eff4ff;border-color:#2970ff;box-shadow:0 0 0 2px #d1e0ff}.user-type-icon{color:#475467;background:#f2f4f7;border-radius:9px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.user-type-cards button.active .user-type-icon{color:#fff;background:#2563eb}.user-type-cards strong{color:#1d2939;font-size:14px}.user-type-cards b{color:#175cd3;font-size:17px}.user-type-cards small{color:#667085;font-size:12px}.directory-toolbar>strong{color:#1d2939;font-size:16px}.compensation-form label>small{color:#667085;font-size:12px;font-weight:500}.profile-card{contain:layout paint}.modal-backdrop{isolation:isolate}.action-notice-backdrop{z-index:15000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.action-notice{text-align:center;background:#fff;border:1px solid #dbe3ef;border-radius:22px;width:min(480px,100%);padding:32px 30px 28px;animation:.18s ease-out action-notice-in;box-shadow:0 28px 80px #0f172a4d}.action-notice-icon{color:#087a50;background:#eaf8f1;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 18px;display:grid}.action-notice.error .action-notice-icon{color:#d92d20;background:#fff0f0}.action-notice h2{color:#101828;margin:0 0 10px;font-size:26px;line-height:1.2}.action-notice p{color:#475467;max-width:390px;margin:0 auto 24px;font-size:17px;line-height:1.55}.action-notice button{border-radius:12px;min-width:150px;min-height:50px;font-size:16px;font-weight:750}.read-only-users .generate-pin,.read-only-users .enrollment-profile-card header button{display:none!important}@keyframes action-notice-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (width<=600px){.action-notice-backdrop{padding:16px}.action-notice{border-radius:18px;padding:28px 20px 22px}.action-notice h2{font-size:23px}.action-notice p{font-size:16px}.action-notice button{width:100%}}.action-notice.info .action-notice-icon{color:#4755a4;background:#edf2ff}.lesson-workflow-modal{background:#fff;border:1px solid #e3e7ee;border-radius:18px;width:min(680px,100vw - 32px);max-height:min(88vh,820px);padding:0;overflow:hidden;box-shadow:0 24px 80px #10182838}.lesson-workflow-modal>.modal-close{color:#667085;background:#f4f5f7;border-radius:10px;width:36px;height:36px;top:18px;right:18px}.lesson-workflow-modal>.event-heading{border-bottom:1px solid #eaecf0;align-items:center;min-height:106px;margin:0;padding:22px 64px 20px 24px}.lesson-workflow-modal .event-heading h2{letter-spacing:-.025em;font-size:23px}.lesson-workflow-modal .event-heading p{margin-top:5px;font-size:14px}.lesson-workflow-modal .event-heading span{letter-spacing:.06em;font-size:12px}.lesson-workflow-modal .event-color{height:48px;flex-basis:6px!important;width:6px!important}.lesson-workflow-modal .event-back{place-items:center;width:34px;height:34px;padding:0;display:grid}.lesson-workflow-modal>.event-form,.lesson-workflow-modal>.attendance-quick,.lesson-workflow-modal>.more-menu,.lesson-workflow-modal>.event-facts,.lesson-workflow-modal>.event-primary-actions,.lesson-workflow-modal>.event-links,.lesson-workflow-modal>.lesson-evidence,.lesson-workflow-modal>.notice-compact,.lesson-workflow-modal>.student-attendance-status{margin-left:24px;margin-right:24px}.lesson-workflow-modal>.event-form,.lesson-workflow-modal>.attendance-quick{scrollbar-width:thin;max-height:calc(88vh - 106px);padding:22px 2px 24px;overflow-y:auto}.lesson-workflow-modal .event-form{gap:16px}.lesson-workflow-modal .event-grid{gap:14px}.lesson-workflow-modal label{color:#344054;gap:7px;font-size:14px;font-weight:650}.lesson-workflow-modal input,.lesson-workflow-modal select{color:#101828;background:#fff;border:1px solid #d7dce5;border-radius:9px;height:42px;min-height:42px;padding:0 12px;font-size:14px;box-shadow:0 1px 2px #10182808}.lesson-workflow-modal textarea{resize:vertical;color:#101828;min-height:104px;font:inherit;background:#fff;border:1px solid #d7dce5;border-radius:9px;padding:11px 12px;line-height:1.5}.lesson-workflow-modal input:focus,.lesson-workflow-modal select:focus,.lesson-workflow-modal textarea:focus{border-color:#528bff;outline:0;box-shadow:0 0 0 3px #2e6be61f}.lesson-report-dialog .internal-note-field{color:#667085;border-top:1px solid #eaecf0;padding-top:14px;font-size:13px;font-weight:600}.lesson-report-dialog .internal-note-field textarea{background:#f8fafc;min-height:72px}.lesson-workflow-modal .lesson-photo-picker{text-align:center;background:#f8fafc;border:1.5px dashed #b8c4d6;border-radius:12px;justify-content:center;min-height:112px;padding:18px;transition:border-color .16s,background .16s;position:relative}.lesson-workflow-modal .lesson-photo-picker:hover{background:#f3f7ff;border-color:#6f9df5}.lesson-workflow-modal .lesson-photo-picker>span{color:#344054;justify-content:center}.lesson-workflow-modal .lesson-photo-picker b{margin-left:6px}.lesson-workflow-modal .lesson-photo-picker input{width:100%;height:auto;min-height:34px;box-shadow:none;background:0 0;border:0;padding:4px}.lesson-workflow-modal .lesson-photo-picker small{color:#667085}.lesson-workflow-modal .lesson-photo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.lesson-workflow-modal .lesson-photo-grid>a,.lesson-workflow-modal .pending-photo{border:1px solid #e1e6ee;border-radius:10px}.lesson-workflow-modal .pending-photo button{place-items:center;width:26px;height:26px;padding:0;display:grid}.attendance-dialog-list{gap:8px}.attendance-dialog-list .mark-all{color:#175cd3;background:#f5f8ff;border:1px solid #cbd8f0;border-radius:9px;align-self:flex-start;min-height:38px;padding:0 12px;font-size:13px}.attendance-dialog-list>label{border:1px solid #0000;border-bottom-color:#eaecf0;border-radius:8px;grid-template-columns:minmax(0,1fr) 160px;gap:16px;min-height:58px;padding:8px 10px}.attendance-dialog-list>label:hover{background:#fafbfc;border-color:#e1e7ef}.attendance-dialog-list>label>span{color:#1d2939;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.attendance-dialog-list select{width:100%}.lesson-modal-actions{z-index:3;background:#fff;border-top:1px solid #eaecf0;justify-content:flex-end;margin:4px -2px -24px;padding:16px 2px 0;display:flex;position:sticky;bottom:-24px}.lesson-modal-actions .primary{border-radius:9px;min-width:148px;min-height:44px;padding:0 18px;font-size:14px;font-weight:750}.lesson-modal-actions .primary:disabled{opacity:.62;cursor:wait}@media (width<=600px){.lesson-workflow-modal{border-radius:15px;width:calc(100vw - 20px);max-height:94vh}.lesson-workflow-modal>.event-heading{min-height:96px;padding:18px 54px 16px 16px}.lesson-workflow-modal .event-heading h2{font-size:20px}.lesson-workflow-modal>.event-form,.lesson-workflow-modal>.attendance-quick{max-height:calc(94vh - 96px);padding-top:16px}.lesson-workflow-modal>.event-form,.lesson-workflow-modal>.attendance-quick,.lesson-workflow-modal>.more-menu,.lesson-workflow-modal>.event-facts,.lesson-workflow-modal>.event-primary-actions,.lesson-workflow-modal>.event-links,.lesson-workflow-modal>.lesson-evidence,.lesson-workflow-modal>.notice-compact,.lesson-workflow-modal>.student-attendance-status{margin-left:16px;margin-right:16px}.lesson-workflow-modal .event-grid{grid-template-columns:1fr}.attendance-dialog-list>label{grid-template-columns:1fr;gap:8px;padding:11px 8px}.lesson-workflow-modal .lesson-photo-grid{grid-template-columns:repeat(3,1fr)}.lesson-modal-actions .primary{width:100%}}.lesson-workflow-modal.mode-attendance{flex-direction:column;display:flex}.lesson-workflow-modal.mode-attendance>.event-heading{flex-shrink:0}.lesson-workflow-modal.mode-attendance>.attendance-dialog-list{min-height:0;max-height:70vh;overflow:hidden auto}.student-lesson-viewer{border:1px solid #e1e6ee;border-radius:18px;width:min(620px,100vw - 28px);max-height:90vh;padding:0;overflow:auto;box-shadow:0 24px 80px #1018283d}.student-lesson-viewer>.modal-close{color:#667085;background:#f2f4f7;border-radius:10px;width:36px;height:36px;top:18px;right:18px}.student-lesson-head{border-bottom:1px solid #eaecf0;padding:25px 66px 22px 26px}.student-lesson-head>span{color:#175cd3;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.student-lesson-head h2{color:#101828;letter-spacing:-.025em;margin:0;font-size:24px}.student-lesson-head p{color:#667085;margin:7px 0 0;font-size:14px}.student-lesson-facts{grid-template-columns:1fr 1fr;gap:10px;padding:22px 26px;display:grid}.student-lesson-facts>div{background:#fafbfc;border:1px solid #e4e7ec;border-radius:11px;grid-template-columns:24px 1fr;gap:2px 9px;min-height:72px;padding:13px;display:grid;position:relative}.student-lesson-facts svg{color:#667085;grid-row:1/3}.student-lesson-facts span{color:#667085;font-size:12px}.student-lesson-facts strong{color:#1d2939;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:14px;overflow:hidden}.student-lesson-report,.student-lesson-photos{background:#fff;border:1px solid #dfe5ee;border-radius:12px;margin:0 26px 20px;padding:17px}.student-lesson-report>span,.student-lesson-photos>span{color:#344054;margin-bottom:10px;font-size:13px;font-weight:750;display:block}.student-lesson-report p{color:#475467;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.6}.student-lesson-material{color:#175cd3;background:#eff4ff;border:1px solid #b2ccff;border-radius:10px;justify-content:center;align-items:center;min-height:44px;margin:0 26px 26px;font-size:14px;font-weight:750;text-decoration:none;display:flex}.student-lesson-loading{text-align:center;color:#667085;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:30px;display:flex}.student-lesson-loading strong{color:#344054;max-width:380px;font-size:15px;line-height:1.5}.student-lesson-loading button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:9px;min-height:40px;padding:0 18px;font-weight:700}@media (width<=600px){.student-lesson-viewer{border-radius:15px;width:calc(100vw - 18px);max-height:94vh}.student-lesson-head{padding:21px 54px 18px 18px}.student-lesson-head h2{font-size:21px}.student-lesson-facts{grid-template-columns:1fr;padding:16px 18px}.student-lesson-facts>div{min-height:66px}.student-lesson-report,.student-lesson-photos{margin:0 18px 16px}.student-lesson-material{margin:0 18px 20px}.student-lesson-viewer .lesson-photo-grid{grid-template-columns:repeat(3,1fr)}}.class-directory-controls{align-items:center;gap:14px;display:flex}.class-directory-controls>span{color:#667085;white-space:nowrap;font-size:14px;font-weight:700}.class-view-switch{background:#f6f8fb;border:1px solid #dfe5ee;border-radius:10px;gap:3px;padding:3px;display:flex}.class-view-switch button{color:#667085;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:750}.class-view-switch button.active{color:#1859d8;background:#fff;box-shadow:0 1px 3px #1018281a}.class-card-grid{background:#f7f9fc;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;display:grid}.class-directory-card{background:#fff;border:1px solid #e1e6ee;border-radius:15px;flex-direction:column;gap:18px;min-width:0;padding:19px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 1px 2px #10182809}.class-directory-card:hover{border-color:#a9c6ff;transform:translateY(-1px);box-shadow:0 8px 22px #10182812}.class-directory-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.class-card-title{align-items:flex-start;gap:12px;min-width:0;display:flex}.class-card-title .class-code{flex:none}.class-card-title h2{color:#172033;overflow-wrap:anywhere;margin:1px 0 7px;font-size:17px;line-height:1.25}.class-kind{border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.class-kind.internal{color:#245bb3;background:#edf4ff}.class-kind.partner{color:#6741c7;background:#f2edff}.class-card-details{grid-template-columns:1fr 1fr;gap:15px 18px;display:grid}.class-card-details div{min-width:0}.class-card-details span{color:#8a94a6;text-transform:uppercase;letter-spacing:.045em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.class-card-details strong{color:#344054;overflow-wrap:anywhere;font-size:13px;line-height:1.4;display:block}.class-card-details .class-card-schedule{grid-column:1/-1}.class-card-details .needs-teacher{color:#b54708}.class-card-open{color:#1859d8;width:100%;font:inherit;cursor:pointer;background:#f7faff;border:1px solid #cbd9f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.class-card-open:hover{background:#edf4ff;border-color:#76a5fb}@media (width<=1250px){.class-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.class-card-grid{grid-template-columns:1fr;gap:12px;padding:14px}.directory-toolbar{align-items:flex-start}.class-directory-controls{justify-content:space-between;width:100%}.class-directory-card{padding:16px}.class-card-details{grid-template-columns:1fr 1fr}}@media (width<=440px){.class-directory-controls{flex-direction:column;align-items:flex-start}.class-card-details{grid-template-columns:1fr}.class-card-details .class-card-schedule{grid-column:auto}}.learning-app .class-directory-grid{background:#f8f9fc;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:18px}.class-directory-grid .class-directory-card{color:#27334a;gap:12px;padding:15px;text-decoration:none}.class-directory-card-top{justify-content:space-between;align-items:center;gap:5px;display:flex}.class-directory-card-top .class-code{padding:5px 7px;font-size:11px}.class-directory-card-top .state-pill{white-space:nowrap;padding:4px 6px;font-size:10px;font-style:normal}.class-directory-card-title h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin:0 0 5px;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.class-directory-card-title p{color:#74648e;margin:0;font-size:12px}.class-directory-card-staff{color:#647086;flex-direction:column;gap:5px;font-size:12px;display:flex}.class-directory-card-staff span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-directory-card-schedule{color:#647086;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.class-directory-card-schedule svg{flex-shrink:0}.class-directory-card-schedule span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-directory-grid footer{color:#796492;border-top:1px solid #ece8f2;justify-content:space-between;padding-top:10px;font-size:12px;display:flex}.class-directory-grid footer span{align-items:center;gap:5px;display:flex}.class-directory-grid .class-directory-card:focus-visible{outline-offset:2px;outline:2px solid #8b68bf}@media (width<=1399px){.learning-app .class-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1150px){.learning-app .class-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.learning-app .class-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.learning-app .class-directory-grid{grid-template-columns:1fr}}.learning-app .schedule-not-created{color:#866539;background:#fff9ef;border:1px dashed #dec197;border-radius:9px;flex-direction:column;gap:5px;margin:6px 0;padding:9px 10px;font-size:12px;text-decoration:none;display:flex}.schedule-not-created>span:first-child{justify-content:space-between;align-items:center;gap:5px;display:flex}.schedule-not-created small{white-space:nowrap;border:1px solid #dec197;border-radius:5px;padding:2px 4px;font-size:10px}.schedule-not-created>span:last-child{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.schedule-not-created:hover{background:#fff0d9}.schedule-not-created:focus-visible{outline-offset:2px;outline:2px solid #b98639}.class-directory-card[role=button]{cursor:pointer}.class-directory-card[role=button]:focus-visible{outline-offset:3px;outline:3px solid #b2ccff}.class-lesson-viewbar{justify-content:space-between;align-items:center;gap:14px;margin:16px 0;display:flex}.class-lesson-viewbar>strong{color:#344054;font-size:14px}.class-lesson-viewbar>div{background:#f2f4f7;border:1px solid #dfe5ee;border-radius:10px;gap:3px;padding:3px;display:flex}.class-lesson-viewbar button{color:#667085;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:13px;font-weight:750}.class-lesson-viewbar button.active{color:#175cd3;background:#fff;box-shadow:0 1px 3px #1018281f}.class-detail-calendar{margin-bottom:20px}.class-detail-event{justify-content:space-between;align-items:center;gap:5px;display:flex!important}.class-detail-event span{text-transform:uppercase;text-overflow:ellipsis;font-size:9px;font-weight:800;overflow:hidden}.class-detail-week .week-event span{white-space:normal}.class-detail-week .week-event small{font-weight:750}.class-detail-week .week-event.rescheduled{color:#b54708;background:#fffaeb;border-color:#f79009}.class-detail-week .week-event.cancelled,.class-detail-week .week-event.cancelled_makeup{color:#b42318;background:#fef3f2;border-color:#f04438}.class-detail-week .week-event.completed{color:#067647;background:#ecfdf3;border-color:#12b76a}@media (width<=600px){.class-lesson-viewbar{flex-direction:column;align-items:flex-start}.class-lesson-viewbar>div{width:100%}.class-lesson-viewbar button{flex:1}.class-detail-calendar .simple-toolbar>strong{order:5;width:100%}}.class-detail-actions{justify-content:space-between;align-items:center;margin:0 0 8px;display:flex}.class-detail-actions>button,.class-detail-actions>div>button{color:#536079;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:750;display:inline-flex}.class-detail-actions>div{gap:7px;display:flex}.class-detail-actions>div>.primary{color:#fff;background:#2563eb;border-color:#2563eb}.compact-class-banner{color:#172033;background:#fff;border:1px solid #dfe5ee;border-radius:13px;min-height:72px;margin-bottom:10px;padding:12px 16px;box-shadow:0 1px 2px #10182808}.compact-class-banner>div{gap:10px}.compact-class-banner .class-code{color:#175cd3;background:#eaf2ff}.compact-class-banner h2{margin:0;font-size:20px}.compact-class-banner dl{grid-template-columns:auto minmax(220px,auto);gap:24px}.compact-class-banner dt{color:#8a94a6;font-size:10px}.compact-class-banner dd{color:#344054;margin-top:3px;font-size:13px}.compact-class-banner .state-pill{margin-left:3px}.lesson-summary-cards{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.lesson-summary-cards button{border-width:1px;border-radius:9px;justify-content:flex-start;gap:10px;min-height:38px;padding:7px 11px}.lesson-summary-cards strong{font-size:13px}.lesson-summary-cards b{font-size:14px}.lesson-period-bar{border-radius:10px;min-height:42px;margin:6px 0;padding:5px 7px}.period-buttons{gap:4px}.period-buttons button{border-radius:8px;min-height:32px;padding:6px 10px;font-size:12px}.lesson-period-bar input{min-height:32px;padding:5px 8px;font-size:12px}.date-range label{font-size:12px}.class-lesson-viewbar{margin:6px 0 8px}.class-lesson-viewbar>strong{display:none}.class-lesson-viewbar>div{padding:2px}.class-lesson-viewbar button{padding:6px 10px;font-size:12px}.class-detail-calendar{margin-top:0}.class-detail-calendar .simple-toolbar{height:54px}.class-detail-secondary{margin-top:12px}.class-detail-secondary .class-students{margin:0 0 10px}.class-detail-secondary .handover-note{margin:0}@media (width<=760px){.compact-class-banner{flex-direction:column;align-items:flex-start}.compact-class-banner dl{grid-template-columns:1fr 1.5fr;gap:12px;width:100%}.lesson-summary-cards{grid-template-columns:1fr 1fr;display:grid}.lesson-summary-cards button{width:100%}.lesson-period-bar,.class-detail-actions{align-items:flex-start}.class-detail-actions>div{flex-wrap:wrap;justify-content:flex-end}}@media (width<=460px){.compact-class-banner dl{grid-template-columns:1fr}.class-detail-actions{gap:8px}.class-detail-actions>div>button span{display:none}}.class-detail-controls{align-items:center;gap:10px;min-width:0;margin:7px 0 8px;display:flex}.class-detail-controls .lesson-summary-cards{flex-wrap:nowrap;flex:1;min-width:0;margin:0}.class-detail-control-end{align-items:center;gap:7px;margin-left:auto;display:flex}.class-detail-controls .lesson-period-bar{white-space:nowrap;min-height:38px;margin:0}.class-detail-controls .class-lesson-viewbar{margin:0}.class-detail-controls .class-lesson-viewbar>div{white-space:nowrap}.create-lesson-class-schedule{background:#f8faff;border:1px solid #dbe5f3;border-radius:12px;padding:13px 14px}.create-lesson-class-schedule>header{color:#175cd3;align-items:center;gap:8px;margin-bottom:11px;display:flex}.create-lesson-class-schedule>header strong{font-size:14px}.create-lesson-class-schedule>div{grid-template-columns:1.25fr 1.5fr 1fr .75fr;gap:12px;display:grid}.create-lesson-class-schedule>div>div{min-width:0}.create-lesson-class-schedule span{color:#7b8799;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.create-lesson-class-schedule div strong{color:#344054;overflow-wrap:anywhere;font-size:13px;line-height:1.35;display:block}@media (width<=1250px){.class-detail-controls{flex-direction:column;align-items:flex-start}.class-detail-control-end{justify-content:space-between;width:100%;margin-left:0}.class-detail-controls .lesson-summary-cards{width:100%}}@media (width<=800px){.class-detail-control-end{flex-direction:column;align-items:flex-start}.class-detail-controls .lesson-period-bar{width:100%}.create-lesson-class-schedule>div{grid-template-columns:1fr 1fr}}@media (width<=520px){.class-detail-controls .lesson-summary-cards{flex-wrap:nowrap;width:100%;padding-bottom:3px;display:flex;overflow-x:auto}.class-detail-controls .lesson-summary-cards button{flex:none}.class-detail-controls .lesson-period-bar{overflow-x:auto}.create-lesson-class-schedule>div{grid-template-columns:1fr}}.single-profile-content{flex-direction:column;gap:14px;padding-top:14px;display:flex}.single-profile-content>.profile-info-grid,.single-profile-content>.profile-work-grid{width:100%}.profile-role-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.profile-role-summary>div{background:#f8fafc;border:1px solid #e3e8ef;border-radius:12px;flex-direction:column;gap:5px;padding:13px;display:flex}.profile-role-summary span{color:#7b8798;font-size:11px;font-weight:700}.profile-role-summary strong{color:#172033;font-size:20px}.single-profile-content .student-parent-details,.single-profile-content .profile-record-list,.single-profile-content .compensation-panel{margin:0}.single-profile-content .profile-work-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.single-profile-content .profile-pay-stack{flex-direction:column;gap:14px;display:flex}.single-profile-content .profile-record-list>p{color:#7b8798;font-size:13px}.account-controls{margin-top:14px}@media (width<=820px){.profile-role-summary{grid-template-columns:1fr 1fr}.single-profile-content .profile-work-grid{grid-template-columns:1fr}}@media (width<=520px){.profile-role-summary{grid-template-columns:1fr 1fr}.profile-role-summary strong{font-size:17px}}.user-profile-page{max-width:1180px;margin:0 auto;padding-bottom:28px}.profile-page-head{margin-bottom:8px}.profile-page-head .back-button{border-radius:9px;min-height:38px;padding:7px 10px;font-size:14px}.user-profile-page .profile-hero{border-radius:14px;gap:13px;min-height:0;padding:16px 18px}.user-profile-page .profile-hero .avatar{border-radius:12px;width:48px;height:48px;font-size:20px}.user-profile-page .profile-hero h1{margin:2px 0 3px;font-size:23px;line-height:1.2}.user-profile-page .profile-hero p{font-size:13px}.user-profile-page .profile-hero>div:nth-child(2)>span{letter-spacing:.08em;font-size:11px}.user-profile-page .profile-hero .hero-edit{min-height:38px;padding:8px 12px}.single-profile-content{gap:12px;padding-top:12px}.single-profile-content .profile-info-grid{gap:12px}.single-profile-content .profile-info-grid>article,.single-profile-content .student-parent-details,.single-profile-content .profile-record-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px 16px;box-shadow:0 1px 2px #10182808}.single-profile-content .profile-info-grid h2,.single-profile-content .student-parent-details h2,.single-profile-content .profile-record-list h2{margin:0 0 11px;font-size:15px;line-height:1.3}.single-profile-content .profile-info-grid p{min-height:34px;margin:0;padding:7px 0}.single-profile-content .profile-info-grid p span{font-size:12px}.single-profile-content .profile-info-grid p strong{font-size:14px}.single-profile-content .inline-login{margin-top:5px;padding-top:10px}.single-profile-content .inline-login code{font-size:17px}.single-profile-content .generate-pin{min-height:36px;margin-top:9px}.profile-role-summary{gap:9px}.profile-role-summary>div{background:#fbfcfe;border-radius:11px;min-height:76px;padding:11px 13px}.profile-role-summary span{font-size:12px}.profile-role-summary strong{font-size:19px}.single-profile-content .profile-work-grid{gap:12px}.single-profile-content .profile-record-list article{gap:3px;padding:10px 0}.single-profile-content .profile-record-list article strong{font-size:14px}.single-profile-content .profile-record-list article span{font-size:12px;line-height:1.45}.single-profile-content .profile-work-grid .profile-record-list{max-height:390px;overflow:auto}.profile-finance-disclosure{background:#fff;border:1px solid #dbe4f0;border-radius:12px;overflow:hidden}.profile-disclosure-button{color:#172033;text-align:left;cursor:pointer;background:#fff;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 16px;display:flex}.profile-disclosure-button:hover{background:#f8fafc}.profile-disclosure-button>span{align-items:center;gap:11px;display:flex}.profile-disclosure-button>span>svg{color:#2563eb}.profile-disclosure-button>span>span{flex-direction:column;gap:2px;display:flex}.profile-disclosure-button strong{font-size:15px}.profile-disclosure-button small{color:#667085;font-size:12px}.profile-disclosure-button>svg{color:#667085;transition:transform .18s}.profile-finance-disclosure.open>.profile-disclosure-button>svg{transform:rotate(180deg)}.profile-finance-disclosure .profile-pay-stack{border-top:1px solid #eef2f6;padding:0 12px 12px}.profile-finance-disclosure .compensation-panel{box-shadow:none;border:0;border-radius:0;padding-left:4px;padding-right:4px}.user-profile-page .account-controls{margin-top:20px}.user-profile-page .danger-zone{margin-top:12px}.user-profile-page .account-controls,.user-profile-page .danger-zone{border-radius:12px;padding:15px 17px}@media (width<=820px){.user-profile-page{padding-bottom:20px}.user-profile-page .profile-hero{padding:14px}.profile-role-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.single-profile-content .profile-work-grid .profile-record-list{max-height:none}}@media (width<=560px){.user-profile-page .profile-hero .hero-edit{justify-content:center;width:100%;margin-left:61px}.single-profile-content .profile-info-grid{grid-template-columns:1fr}.profile-role-summary>div{min-height:70px}.profile-disclosure-button{padding:13px}.user-profile-page .account-controls,.user-profile-page .danger-zone{align-items:stretch}}.route-loading,.route-error{color:#667085;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:30px;display:flex}.route-loading>span{background:linear-gradient(90deg,#edf1f7 25%,#f8faff 50%,#edf1f7 75%) 0 0/200% 100%;border-radius:7px;width:min(620px,88%);height:15px;animation:1.2s infinite route-shimmer;display:block}.route-loading>span:nth-child(2){width:min(520px,74%)}.route-loading>span:nth-child(3){width:min(430px,62%)}.route-loading strong{color:#475467;margin-top:7px;font-size:14px}.route-loading-page,.route-error-page{background:#fff;border:1px solid #e3e8ef;border-radius:14px;min-height:60vh}.route-error{color:#7a2e0e;background:#fffcf5;border:1px solid #fedf89;border-radius:12px}.route-error strong{color:#7a2e0e;font-size:17px}.route-error span{font-size:14px}.route-error button{color:#7a2e0e;cursor:pointer;background:#fff;border:1px solid #e5a54f;border-radius:9px;min-height:38px;padding:8px 14px;font-weight:700}@keyframes route-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.route-loading>span{animation:none}}.lesson-load-more{border-top:1px solid #edf1f5;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.lesson-load-more button{color:#2459a9;cursor:pointer;background:#fff;border:1px solid #b8c7dc;border-radius:9px;min-height:40px;padding:8px 15px;font-size:14px;font-weight:750}.lesson-load-more button:hover{background:#f5f8ff;border-color:#7aa7ef}.lesson-load-more span{color:#667085;font-size:13px}:root{--lo-ink:#19233b;--lo-muted:#62708a;--lo-line:#e1e6ef;--lo-bg:#f5f7fb;--lo-blue:#315ee8;--lo-radius:12px;--lo-shadow:0 2px 8px #14234506;--lo-control:40px;color:var(--lo-ink);background:var(--lo-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--lo-bg);margin:0;font-size:16px}.learning-app{width:100%;max-width:100%;min-height:100dvh;overflow-x:clip;display:block!important}.learning-app>main{width:100%;min-width:0;margin:0!important;padding:0!important}.learning-app .page{min-width:0;max-width:1440px;margin:auto;padding:28px 36px 64px}.learning-app *{box-sizing:border-box}.learning-app button,.learning-app input,.learning-app select,.learning-app textarea{font-family:inherit}.learning-app button{cursor:pointer}.learning-app button:disabled{cursor:not-allowed;opacity:.55}.learning-app :is(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #9cafff}.learning-app :is(h1,h2,h3,p){overflow-wrap:anywhere}.learning-app :is(button,input,select){min-height:var(--lo-control);font-size:14px}.learning-app :is(input,select,textarea){border:1px solid var(--lo-line);border-radius:8px;max-width:100%}.learning-app .primary{box-shadow:0 2px 3px #273fa915;background:var(--lo-blue)!important;border-color:var(--lo-blue)!important}.learning-app :is(.panel,.simple-calendar,.stat,.profile-record-list){border:1px solid var(--lo-line);border-radius:var(--lo-radius);box-shadow:var(--lo-shadow)}.learning-app .panel{padding:20px}.learning-app :is(.operations-directory,.report-directory,.payroll-directory){padding:0;overflow:hidden}.learning-app :is(.panel-head,.directory-toolbar,.report-toolbar){gap:12px;min-height:64px;margin:0;padding:16px 20px}.learning-app .panel>.panel-head{padding:0 0 16px}.learning-app :is(.panel-head h2,h2){letter-spacing:-.025em;font-size:18px}.learning-app :is(.panel-head p,.page-title p){font-size:14px;line-height:1.5}.learning-app :is(.state-pill,.class-kind,.badge){white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:650;line-height:18px;display:inline-flex}.learning-app .class-code{border-radius:6px;padding:4px 8px;font-size:12px;line-height:18px}.learning-app :is(.stats,.content-grid){gap:16px}.learning-app .stat{align-items:center;min-height:102px;padding:18px}.learning-app .stat span{color:var(--lo-muted);font-size:14px}.learning-app .stat strong{letter-spacing:-.035em;font-size:26px}.learning-app .stat small{font-size:12px;line-height:1.5}.learning-app .stat-icon{flex-shrink:0}.learning-app :is(.lesson-card,.alert-item),.learning-app :is(.lesson-main h3,.lesson-main p,.lesson-time span,.alert-item strong){font-size:14px}.learning-app .lesson-card{border-radius:10px;padding:16px}.learning-app :is(.panel button,.banner-actions button,.class-detail-actions button){border-radius:8px}.learning-app :is(.list-empty,.report-empty){min-height:160px;padding:40px 20px}.learning-app :is(.list-empty span,.report-empty,.empty-state p){color:var(--lo-muted);font-size:14px}.app-navigation{z-index:60;border-bottom:1px solid var(--lo-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;align-items:center;gap:24px;min-height:80px;padding:0 32px;display:flex;position:sticky;top:0}.navigation-brand{color:var(--lo-ink);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navigation-brand .brand-mark{color:#fff;background:linear-gradient(135deg,#3268ea,#764ad7);border-radius:10px;place-items:center;width:36px;height:36px;font-size:21px;font-weight:800;display:grid}.navigation-brand strong{letter-spacing:-.025em;font-size:16px;display:block}.navigation-brand small{color:var(--lo-muted);margin-top:2px;font-size:12px;display:block}.navigation-content{flex:1;align-items:center;gap:24px;min-width:0;display:flex}.navigation-content nav{flex-shrink:0;align-items:center;gap:4px;display:flex}.navigation-content nav a{white-space:nowrap;color:#5c6780;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.navigation-content nav a:hover{color:#254ecd;background:#f3f5fb}.navigation-content nav a.active{color:#3458d5;background:#edf1ff}.navigation-content .search{border:1px solid var(--lo-line);background:#f5f7fa;border-radius:8px;flex:1;align-items:center;gap:8px;width:240px;min-width:120px;max-width:300px;height:38px;margin-left:auto;padding:0 10px;display:flex;position:relative}.navigation-content .search input{background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:36px;padding:0;font-size:13px}.navigation-content .search input::placeholder{color:#798398}.navigation-content .search svg{color:#7a869b;flex-shrink:0}.navigation-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.navigation-actions .prototype{white-space:nowrap;color:#7952b6;background:#f0ebfc;border-radius:6px;padding:6px 8px;font-size:12px;display:flex}.navigation-popover-wrap{position:relative}.navigation-icon,.account-toggle,.mobile-menu-toggle{color:#57627b;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:5px;display:flex}.navigation-icon{width:40px}.account-toggle .avatar{color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.navigation-popover{border:1px solid var(--lo-line);background:#fff;border-radius:12px;width:300px;max-width:calc(100vw - 32px);max-height:65vh;padding:18px;position:absolute;top:calc(100% + 14px);right:0;overflow:auto;box-shadow:0 12px 36px #1324441c}.navigation-popover h3{margin:0;font-size:16px}.navigation-popover p{color:var(--lo-muted);font-size:14px;line-height:1.5}.navigation-popover button{text-align:left;width:100%;color:var(--lo-ink);background:#fff;border:0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 8px;display:flex}.navigation-popover button:hover{background:#f4f6fd}.navigation-popover button small{color:var(--lo-muted);flex-basis:100%;font-size:12px;display:block}.account-menu{width:260px}.account-role{color:var(--lo-muted);margin:6px 0 16px;font-size:13px;display:block}.mobile-menu-toggle{display:none}.global-search-results{z-index:80;min-width:300px;max-width:calc(100vw - 32px)}.learning-app :is(.page-title,.simple-title,.compact-class-banner,.profile-hero){color:#fff;background:linear-gradient(115deg,#17294c 0%,#253765 60%,#443779 100%);border:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;min-height:132px;margin:0 0 22px;padding:26px 28px;display:flex;box-shadow:0 5px 16px #2134580b}.learning-app :is(.page-title,.simple-title) h1{color:#fff;letter-spacing:-.045em;margin:4px 0 6px;font-size:30px;line-height:1.2}.learning-app :is(.page-title,.simple-title)>div>span{color:#b3c5f4;letter-spacing:.09em;text-transform:uppercase;font-size:12px}.learning-app :is(.page-title,.simple-title) p{color:#c0cbe1;margin:0;font-size:14px}.learning-app :is(.page-title,.simple-title,.compact-class-banner) button{color:#fff;white-space:nowrap;background:#ffffff10;border:1px solid #ffffff35;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-weight:600;display:inline-flex}.learning-app :is(.page-title,.simple-title,.compact-class-banner) button.primary{color:#28459c!important;background:#fff!important;border-color:#fff!important}.learning-app .page-title .banner-count{color:#e2eaff;vertical-align:middle;letter-spacing:0;background:#ffffff18;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:28px;margin-left:8px;padding:0 8px;font-size:16px;display:inline-flex}.learning-app .page-title .month-control{color:#fff;background:#ffffff0c;border:1px solid #ffffff30;border-radius:9px}.learning-app .page-title .month-control strong{color:#fff;font-size:14px}.learning-app .page-title .month-control button{background:0 0;border:0;padding:6px}.learning-app .page-title input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff14;border-color:#ffffff35}.learning-app .class-detail-actions{margin:0 0 12px;padding:0}.learning-app .compact-class-banner{grid-template-columns:1fr auto;gap:16px 24px;min-height:180px;padding:28px;display:grid}.learning-app .compact-class-banner>div:first-child{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.learning-app .compact-class-banner h2{color:#fff;margin:0 0 6px;font-size:26px;line-height:1.25}.learning-app .compact-class-banner .class-code{color:#d9e4ff;background:#ffffff19}.learning-app .compact-class-banner .class-kind{color:#d7def5;background:#ffffff14}.learning-app .compact-class-banner dl{grid-row:2;gap:32px;margin:0;display:flex}.learning-app .compact-class-banner dt{color:#aebddd;margin-bottom:5px;font-size:12px}.learning-app .compact-class-banner dd{color:#fff;margin:0;font-size:14px}.learning-app .compact-class-banner .banner-actions{grid-area:1/2/3;align-items:center;gap:8px;display:flex}.filter-pills{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;display:flex}.filter-pills button,.filter-pills select{color:#59657d;border:1px solid var(--lo-line);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:550;display:inline-flex}.filter-pills button.active{color:#2f55ca;background:#eaf0ff;border-color:#b8c9fa}.filter-pills button b{text-align:center;min-width:20px;color:inherit;background:#eff2f7;border-radius:5px;font-size:12px;line-height:20px}.filter-pills button.active b{background:#dce6ff}.filter-pills select{max-width:190px}.learning-app .class-detail-controls{flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 18px;display:flex}.class-detail-controls .filter-pills{margin:0}.learning-app .class-detail-control-end{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;margin:0;display:flex}.learning-app .lesson-period-bar{white-space:normal}.learning-app .user-type-cards{gap:12px;margin-bottom:18px}.learning-app .user-type-cards button{border-radius:10px;min-height:90px}.learning-app .compact-class-list{background:#fff;flex-direction:column;gap:0;padding:0;display:flex}.learning-app .compact-class-list .class-directory-card{border:0;border-bottom:1px solid var(--lo-line);height:112px;min-height:112px;box-shadow:none;background:#fff;border-radius:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px 22px;display:grid;transform:none}.learning-app .compact-class-list .class-directory-card:last-child{border-bottom:0}.learning-app .compact-class-list .class-directory-card:hover{box-shadow:none;background:#fafbff;transform:none}.class-row-identity,.class-row-teacher{min-width:0}.class-row-labels{align-items:center;gap:7px;display:flex}.learning-app .class-row-identity h2{white-space:nowrap;text-overflow:ellipsis;color:var(--lo-ink);margin:9px 0 0;font-size:16px;font-weight:650;overflow:hidden}.class-row-teacher>span{color:var(--lo-muted);margin-bottom:3px;font-size:12px;display:block}.class-row-teacher strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.class-row-teacher small{color:var(--lo-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:13px;display:block;overflow:hidden}.class-row-open{align-items:center;gap:24px;display:flex}.class-row-open>span{color:var(--lo-muted);white-space:nowrap;align-items:center;gap:5px;font-size:14px;display:flex}.learning-app .class-row-open .class-card-open{color:#335cca;background:#fff;border:1px solid #d7dfed;border-radius:8px;align-items:center;gap:12px;width:auto;margin:0;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.learning-app .class-directory-controls{gap:16px}.learning-app .class-view-switch button{min-height:32px;font-size:12px}.learning-app :is(.report-table>article,.people-operation-row,.lesson-directory-row){border-bottom:1px solid var(--lo-line);min-height:80px;padding:16px 20px}.learning-app :is(.report-table header,.payroll-table header){color:var(--lo-muted);background:#f7f9fc;align-items:center;min-height:44px;font-size:12px}.learning-app :is(.report-table,.payroll-table) :is(strong,article>span){font-size:14px}.learning-app .report-table small{font-size:12px}.learning-app .people-operation-row{box-shadow:none;border-radius:0;margin:0}.learning-app .people-operation-list{gap:0}.learning-app .simple-calendar{overflow:hidden}.learning-app .simple-toolbar{flex-wrap:wrap;gap:10px;min-height:72px;padding:16px}.learning-app .my-class-list{gap:10px}.learning-app .my-class-list>button{border-radius:10px;min-height:100px}.learning-app :is(.apple-month,.apple-week){font-size:14px}.learning-app .mini-event{min-height:28px;font-size:12px}.learning-app .week-event{min-height:60px}.learning-app .learning-list article{gap:16px;padding:18px 0}.learning-app .learning-list strong{font-size:16px}.learning-app .learning-list span{font-size:14px;line-height:1.5}.learning-app .learning-overview dl{margin:0}.account-settings dl{margin:20px 0}.account-settings dl>div{border-bottom:1px solid var(--lo-line);justify-content:space-between;gap:20px;padding:16px 0;display:flex}.account-settings dt{color:var(--lo-muted);font-size:14px}.account-settings dd{margin:0;font-size:14px;font-weight:600}.account-settings>p{color:var(--lo-muted);font-size:14px}@media (width<=1250px){.app-navigation{gap:16px;padding:0 20px}.navigation-content{gap:12px}.navigation-content nav{gap:0}.navigation-content nav a{padding:0 8px}.navigation-brand small{display:none}.navigation-brand strong{max-width:85px;line-height:1.25}.navigation-actions .prototype{display:none}.navigation-content .search{width:150px}.learning-app .page{padding:24px}.class-row-open{gap:12px}.student-count-label{display:none}}@media (width<=1000px){.app-navigation{flex-wrap:wrap;justify-content:space-between;gap:0;min-height:68px;padding:12px 20px}.navigation-brand strong{max-width:none}.navigation-brand small{display:block}.mobile-menu-toggle{min-width:44px;min-height:44px;display:flex}.navigation-content{flex-basis:100%;gap:16px;width:100%;padding:16px 0 4px;display:none}.navigation-content.is-open{flex-direction:column;align-items:stretch;display:flex}.navigation-content nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.navigation-content nav a{justify-content:flex-start;min-height:44px;padding:10px 14px}.navigation-content .search{flex:none;width:100%;max-width:none;min-height:44px;margin:0;display:flex}.navigation-actions{border-top:1px solid var(--lo-line);justify-content:flex-end;width:100%;padding-top:12px}.navigation-actions .prototype{margin-right:auto;display:flex}.navigation-popover{top:calc(100% + 8px)}.learning-app .compact-class-banner{grid-template-columns:1fr}.learning-app .compact-class-banner .banner-actions{grid-area:3/1}.learning-app .compact-class-list .class-directory-card{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:16px}.class-row-open{flex-direction:column;gap:6px}.learning-app .class-directory-controls{flex-wrap:wrap;width:auto}.learning-app .content-grid{grid-template-columns:1fr}.learning-app .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){:root{--lo-control:44px}.app-navigation{min-height:64px;padding:8px 16px}.navigation-brand .brand-mark{width:34px;height:34px}.navigation-content nav{grid-template-columns:1fr 1fr}.navigation-content nav a{font-size:16px}.learning-app .page{padding:16px 14px 40px}.learning-app :is(.page-title,.simple-title,.compact-class-banner,.profile-hero){border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;min-height:132px;margin-bottom:16px;padding:22px 20px}.learning-app :is(.page-title,.simple-title) h1{font-size:26px}.learning-app :is(.page-title,.simple-title) p{font-size:14px;line-height:1.6}.learning-app .page-title>button{width:100%}.learning-app .page-title .month-control{justify-content:space-between;width:100%}.learning-app .compact-class-banner h2{font-size:23px}.learning-app .compact-class-banner>div:first-child{gap:10px}.learning-app .compact-class-banner dl{flex-wrap:wrap;gap:16px}.learning-app .compact-class-banner .banner-actions{flex-wrap:wrap;width:100%}.learning-app .compact-class-banner .banner-actions button{flex:1}.filter-pills{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.filter-pills button{flex:1 0 auto;min-height:44px;padding:8px 10px;font-size:13px}.filter-pills select{flex:1;max-width:100%;font-size:14px}.learning-app .compact-class-list .class-directory-card{grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;height:auto;min-height:160px;padding:18px 16px}.class-row-identity{grid-column:1/-1}.learning-app .class-row-identity h2{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:16px;line-height:1.4;display:-webkit-box}.class-row-teacher{grid-column:1}.class-row-teacher>span{display:none}.class-row-teacher strong{font-size:14px;font-weight:500}.class-row-teacher small{white-space:normal;font-size:13px;line-height:1.45}.class-row-open{flex-direction:row;grid-area:2/2;align-items:flex-end;gap:8px}.class-row-open>span{font-size:13px}.learning-app .class-row-open .class-card-open{min-height:44px;padding:8px 10px}.learning-app .class-directory-controls{justify-content:space-between;width:100%}.learning-app :is(.directory-toolbar,.report-toolbar){flex-wrap:wrap;padding:14px 16px}.learning-app .panel{padding:16px}.learning-app :is(.operations-directory,.report-directory,.payroll-directory){padding:0}.learning-app .stat{align-items:flex-start;gap:8px;min-height:108px;padding:14px}.learning-app .stat-icon{display:none}.learning-app .stat span{font-size:13px}.learning-app .stat strong{font-size:24px}.learning-app .stat small{font-size:12px}.learning-app .stats{gap:10px;margin-bottom:16px}.learning-app .learning-list article{flex-direction:column;align-items:stretch;display:flex}.learning-app .learning-list article>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.learning-app .learning-list article button{flex:1;min-height:44px;font-size:14px}.learning-app .lesson-card{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:14px}.learning-app .lesson-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}.learning-app .lesson-actions button{min-height:44px;font-size:14px}.learning-app .report-table>header{display:none}.learning-app .report-table>article{grid-template-columns:1fr auto;gap:10px;padding:16px;display:grid}.learning-app .report-table>article>div{grid-area:1/1/auto/-1}.learning-app .report-table>article>span{grid-column:1}.learning-app .report-table>article>.state-pill{justify-self:end}.learning-app .report-table>article>b{grid-column:2}.learning-app .people-operation-row{gap:12px;padding:16px}.learning-app .lesson-directory-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.learning-app .lesson-directory-row>div{min-width:0}.learning-app .lesson-directory-row small{font-size:12px}.learning-app .class-detail-control-end{flex-direction:column;align-items:stretch}.learning-app .lesson-period-bar{flex-wrap:wrap;gap:8px;width:100%;font-size:14px;overflow:visible}.learning-app .period-buttons{flex-wrap:wrap;max-width:100%;display:flex}.learning-app .period-buttons button{padding:8px 10px;font-size:13px}.learning-app .date-range{flex-wrap:wrap}.learning-app .simple-toolbar{gap:8px;padding:12px}.learning-app .simple-toolbar h2{font-size:16px}.learning-app .apple-week{grid-template-columns:repeat(7,minmax(130px,1fr));display:grid;overflow-x:auto}.learning-app .apple-month>main{min-width:560px}.learning-app .apple-month{overflow-x:auto}.learning-app .apple-month>header{min-width:560px}.learning-app .modal-card{border-radius:14px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px}.learning-app .modal-grid{grid-template-columns:1fr}.learning-app :is(.payroll-table,.payroll-details){max-width:100%;overflow-x:auto}.learning-app .payroll-table>header,.learning-app .payroll-table>.payroll-row{min-width:680px}.learning-app .account-settings dl>div{flex-direction:column;gap:6px}.learning-app .profile-hero h1{font-size:24px}.learning-app .global-search-results{width:100%;min-width:0;max-width:100%;left:0;right:0}}@media (prefers-reduced-motion:reduce){.learning-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.learning-app .schedule-class-picker{color:var(--lo-muted);align-items:center;gap:12px;margin:0 0 18px;font-size:14px;display:flex}.schedule-class-picker label{color:var(--lo-ink);font-weight:600}.schedule-class-picker select{min-width:220px;color:var(--lo-ink);background:#fff;padding:8px 12px}.schedule-class-picker>span{margin-left:auto;font-size:13px}.learning-app .next-learning-session{border-left:4px solid #4669de;align-items:center;gap:18px;margin-bottom:18px;padding:24px;display:flex}.next-session-icon{color:#4262d5;background:#eef2ff;border-radius:12px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.next-learning-session .eyebrow{color:#516cca;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:650;display:block}.learning-app .next-learning-session h2{letter-spacing:-.025em;margin:7px 0;font-size:21px}.next-learning-session p,.next-learning-session>div>span:last-child{color:var(--lo-muted);margin:4px 0;font-size:14px;line-height:1.5}.next-session-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.next-session-actions button{border:1px solid var(--lo-line);color:#345ccd;background:#fff;justify-content:center;align-items:center;gap:10px;padding:10px 14px;display:flex}.learning-app .payroll-overview{gap:16px;margin-bottom:18px}.learning-app .payroll-overview>div{border:1px solid var(--lo-line);min-height:100px;box-shadow:var(--lo-shadow);border-radius:12px;padding:18px}.learning-app .payroll-overview span{font-size:14px}.learning-app .payroll-overview strong{font-size:26px}.learning-app .payroll-teacher-card{border-color:var(--lo-line);box-shadow:var(--lo-shadow);border-radius:12px}.learning-app .payroll-teacher-card>header,.learning-app .payroll-card-body,.learning-app .payroll-teacher-card>footer{padding:16px 20px}.learning-app .payroll-person h3{font-size:16px}.learning-app .payroll-person p,.learning-app .payroll-metrics span,.learning-app .payroll-total span{font-size:13px}.learning-app .payroll-status{border-radius:6px;align-items:center;min-height:24px;font-size:12px;display:flex}.learning-app .payroll-card-list{gap:14px}.learning-app .payroll-workflow{background:0 0;border:0;padding:10px 0 18px;font-size:13px}.learning-app .payroll-list-head h2{font-size:18px}.learning-app .payroll-list-head p{font-size:14px}.learning-app .payroll-lessons{overflow-x:auto}.learning-app .payroll-lessons>header,.learning-app .payroll-lessons>div{min-width:660px;font-size:14px}.learning-app .payroll-lessons small{font-size:12px}.learning-app .class-operation-row{border:0;border-bottom:1px solid var(--lo-line);min-height:108px;box-shadow:none;border-radius:0;margin:0}.learning-app .class-operation-list{gap:0}.learning-app .class-operation-main h2{font-size:16px}.learning-app .class-operation-meta strong{font-size:14px}@media (width<=640px){.learning-app .next-learning-session{grid-template-columns:1fr;gap:10px;padding:20px;display:grid}.next-session-icon{display:none}.learning-app .next-learning-session h2{font-size:20px}.next-session-actions{flex-wrap:wrap;width:100%;margin:0}.next-session-actions button{flex:1;min-height:44px}.learning-app .schedule-class-picker{flex-wrap:wrap;gap:8px}.schedule-class-picker select{flex:1;width:100%;min-width:0;max-width:100%}.schedule-class-picker>span{flex-basis:100%;margin:0}.learning-app .payroll-overview{grid-template-columns:1fr 1fr;gap:10px}.learning-app .payroll-overview>div{min-height:96px;padding:14px}.learning-app .payroll-overview span{font-size:13px}.learning-app .payroll-card-body{flex-direction:column;align-items:stretch;gap:16px}.learning-app .payroll-metrics{grid-template-columns:1fr 1fr;gap:14px;display:grid}.learning-app .payroll-total{text-align:left;border:0;padding:0}.learning-app .payroll-teacher-card>footer{flex-direction:column;align-items:stretch;gap:12px;display:flex}.learning-app .payroll-actions{flex-wrap:wrap;justify-content:flex-start}.learning-app .payroll-actions button{flex:1}.learning-app .payroll-workflow{flex-wrap:wrap;gap:8px}.learning-app .payroll-workflow span{font-size:12px}.learning-app .class-operation-row{grid-template-columns:1fr;padding:16px}.learning-app .class-operation-meta{grid-template-columns:1fr 1fr;gap:12px}.learning-app .class-operation-meta strong{font-size:13px}.learning-app .row-open{justify-content:flex-end;min-height:44px}}.account-toggle.active{color:#3458d5;background:#edf1ff}.learning-app .calendar-title h1{color:#fff}.learning-app .navigation-content .search input{box-shadow:none}.learning-app .route-loading{border-radius:12px}.learning-app .route-error button{border-radius:8px;min-height:44px}.learning-app .banner-actions{flex-wrap:wrap}.learning-app .learning-overview dl div{padding:12px 0;font-size:14px}.learning-app .account-settings{max-width:800px}.learning-app .calendar-title{align-items:center}@media (width<=640px){.learning-app .calendar-title{align-items:stretch}.learning-app .student-learning-grid{flex-direction:column;display:flex}.learning-app .role-student .page-title>div{min-width:0}}.learning-app :is(.page-title,.compact-class-banner){background:linear-gradient(110deg,#101b48 0%,#192058 54%,#35267c 100%);border-radius:12px;margin-bottom:16px;padding:24px 28px;box-shadow:0 3px 10px #19245809}.learning-app .page-title{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 24px;min-height:140px;display:grid}.learning-app .page-title>div:first-child{grid-column:1;min-width:0}.learning-app .page-title h1{letter-spacing:-.04em;margin:0 0 8px;font-size:34px;font-weight:700;line-height:1.16}.learning-app .page-title>div>span:not(.banner-count){display:none}.learning-app .page-title p{color:#d0d7ee;font-size:14px;line-height:1.45}.learning-app .page-title .banner-count,.learning-app .compact-class-banner .banner-count{color:#fff;font-size:inherit;letter-spacing:inherit;font-weight:500;line-height:inherit;background:0 0;min-width:0;height:auto;margin-left:6px;padding:0;display:inline}.learning-app .page-title>.primary,.learning-app .compact-class-banner .banner-actions>.primary{border-radius:8px;min-width:164px;height:44px;min-height:44px;padding:0 18px;font-size:14px;box-shadow:0 3px 8px #070e3b30;color:#fff!important;background:#2468ed!important;border-color:#2468ed!important}.learning-app .page-title:has(>.filter-pills)>.primary{grid-area:2/2;justify-self:end}.learning-app .page-title>.filter-pills{flex-wrap:wrap;grid-area:2/1;gap:8px;min-width:0;margin:0;display:flex}.learning-app .page-title:not(:has(>.primary))>.filter-pills{grid-column:1/-1}.learning-app :is(.page-title,.compact-class-banner) :is(.filter-pills button,.filter-pills select,.view-switch button,.period-buttons button,.class-lesson-viewbar button){color:#e1e7fa;height:40px;min-height:40px;box-shadow:none;white-space:nowrap;background:#ffffff09;border:1px solid #818bb3;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:550;line-height:1;display:inline-flex}.learning-app :is(.page-title,.compact-class-banner) .filter-pills b{min-width:0;color:inherit;background:0 0;font-size:14px;font-weight:500}.learning-app :is(.page-title,.compact-class-banner) :is(.filter-pills button.active,.view-switch button.active,.period-buttons button.active,.class-lesson-viewbar button.active){color:#233ba4;background:#fff;border-color:#fff;box-shadow:0 2px 4px #0a123521}.learning-app :is(.page-title,.compact-class-banner) select{color:#e1e7fa;background:#ffffff0d;border:1px solid #818bb3;border-radius:7px;max-width:100%;height:40px;min-height:40px;padding:0 12px;font-size:14px}.learning-app :is(.page-title,.compact-class-banner) select option{color:#24314f;background:#fff}.learning-app .banner-view-choice{color:#c5d0ed;grid-area:1/2;justify-self:end;align-items:center;gap:8px;font-size:12px;display:flex}.learning-app .banner-view-choice select{height:32px;min-height:32px;font-size:13px}.learning-app :is(.page-title,.compact-class-banner) .simple-toolbar{color:#fff;min-height:40px;box-shadow:none;background:0 0;border:0;flex-wrap:wrap;grid-column:1/-1;gap:12px;margin:0;padding:0;display:flex}.learning-app :is(.page-title,.compact-class-banner) .simple-toolbar strong{color:#fff;white-space:nowrap;font-size:16px}.learning-app :is(.page-title,.compact-class-banner) .arrow-nav{background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.learning-app :is(.page-title,.compact-class-banner) .arrow-nav button{color:#fff;background:0 0;border:1px solid #8993b9;border-radius:50%;width:36px;height:36px;min-height:36px;padding:0}.learning-app :is(.page-title,.compact-class-banner) .today-btn{color:#202e69;background:#fff;border-color:#fff;border-radius:7px;height:40px;min-height:40px;padding:0 16px}.learning-app :is(.page-title,.compact-class-banner) .view-switch{background:0 0;border:0;gap:6px;margin-left:auto;padding:0;display:flex}.learning-app :is(.page-title,.compact-class-banner) .holiday-button{color:#e1e7fa;background:#ffffff09;border-color:#818bb3;border-radius:7px;height:40px;min-height:40px;padding:0 14px}.learning-app .page-title .schedule-class-picker{color:#c4cfea;border-top:1px solid #ffffff20;grid-column:1/-1;gap:12px;margin:0;padding-top:14px;font-size:13px;display:flex}.learning-app .page-title .schedule-class-picker label{color:#d9e1f5;font-size:13px}.learning-app .page-title .schedule-class-picker select{min-width:220px;max-width:420px}.learning-app .page-title .schedule-class-picker>span{color:#b6c3e3;font-size:12px}.learning-app .calendar-title .simple-toolbar{grid-row:2}.learning-app .calendar-title>.primary{white-space:normal;grid-area:1/2;max-width:100%}.learning-app .compact-class-banner{grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;min-height:180px}.learning-app .compact-class-banner h2{letter-spacing:-.035em;font-size:28px}.learning-app .compact-class-banner dl{grid-area:2/1;gap:28px}.learning-app .compact-class-banner .banner-actions{grid-area:2/2;place-self:end}.learning-app .compact-class-banner .class-detail-controls{border-top:1px solid #ffffff20;grid-column:1/-1;gap:14px;width:100%;margin:0;padding-top:16px;display:flex}.learning-app .compact-class-banner .class-detail-control-end{flex-wrap:wrap;align-items:center;gap:16px;width:100%}.learning-app .compact-class-banner .lesson-period-bar{background:0 0;border:0;gap:10px;min-height:40px;margin:0;padding:0}.learning-app .compact-class-banner :is(.period-buttons,.class-lesson-viewbar>div){background:0 0;border:0;gap:6px;padding:0;display:flex}.learning-app .compact-class-banner .class-lesson-viewbar{margin:0}.learning-app .compact-class-banner input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff10;border-color:#818bb3;height:40px;min-height:40px;font-size:14px}.learning-app .compact-class-banner .date-range label{color:#d2dcf5;font-size:12px}.learning-app .page-title .payroll-overview{border-top:1px solid #ffffff20;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding-top:16px;display:grid}.learning-app .page-title .payroll-overview>div{min-height:62px;box-shadow:none;background:0 0;border:0;border-right:1px solid #ffffff20;border-radius:0;padding:0 20px}.learning-app .page-title .payroll-overview>div:first-child{padding-left:0}.learning-app .page-title .payroll-overview>div:last-child{border:0}.learning-app .page-title .payroll-overview span{color:#c1ccea;font-size:13px}.learning-app .page-title .payroll-overview strong{color:#fff;font-size:25px}.learning-app .page-title .payroll-overview .needs-rate strong{color:#ffd59b}.learning-app .page-title .month-control{grid-area:1/2;height:40px;min-height:40px;margin:0}.learning-app .page-title .month-control button{height:36px;min-height:36px}.learning-app :is(.compact-class-list .class-directory-card,.class-operation-row,.people-operation-row,.lesson-directory-row,.report-table>article,.hours-list>article){min-height:96px;box-shadow:none;border-bottom:1px solid var(--lo-line);border-radius:0;padding:16px 20px}.learning-app .compact-class-list .class-directory-card{grid-template-columns:minmax(220px,1.3fr) minmax(150px,.8fr) minmax(180px,1fr) auto;gap:20px;height:96px}.learning-app .class-row-identity h2{margin-top:7px;font-size:14px;font-weight:500}.learning-app .class-row-labels{gap:6px}.learning-app .class-row-teacher>span{margin-bottom:6px;font-size:12px}.learning-app .class-row-teacher strong{font-size:14px;font-weight:600}.class-row-schedule{color:#647089;align-items:center;gap:10px;min-width:0;font-size:14px;line-height:1.5;display:flex}.class-row-schedule svg{flex-shrink:0}.class-row-schedule span{-webkit-line-clamp:2;color:#34415a;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.learning-app .class-row-open{flex-direction:row;gap:22px}.learning-app .class-card-open{height:40px;min-height:40px}.learning-app .class-row-open>span>svg{color:#9b89ce}.learning-app .class-row-open>span{font-size:14px}.learning-app .directory-toolbar{min-height:48px;padding:12px 20px}.learning-app .navigation-actions .prototype{display:flex}@media (width<=1100px){.learning-app .compact-class-list .class-directory-card{grid-template-columns:minmax(170px,1.1fr) minmax(130px,.85fr) minmax(150px,1fr) auto;gap:14px}.learning-app .class-row-open{gap:12px}.learning-app .page-title{gap:16px;padding:22px}.learning-app .page-title>.filter-pills{grid-area:2/1/auto/-1}.learning-app .page-title:has(>.filter-pills)>.primary{grid-row:1}.learning-app .page-title:has(>.primary)>.banner-view-choice{grid-area:3/1;justify-self:start}.learning-app .compact-class-banner .banner-actions{grid-area:3/1/auto/-1;justify-self:start}.learning-app .compact-class-banner dl{grid-column:1/-1}}@media (width<=760px){.learning-app .page-title,.learning-app .compact-class-banner{border-radius:10px;flex-direction:column;align-items:stretch;gap:16px;min-height:0;padding:20px;display:flex}.learning-app .page-title h1{font-size:28px}.learning-app .page-title>div:first-child{width:100%}.learning-app .page-title>.primary{order:3;width:100%;min-width:0}.learning-app .page-title>.filter-pills{flex-wrap:wrap;order:2;gap:8px;display:flex}.learning-app .page-title>.banner-view-choice{order:4;justify-content:flex-end}.learning-app :is(.page-title,.compact-class-banner) :is(.filter-pills button,.filter-pills select,.view-switch button,.period-buttons button,.class-lesson-viewbar button){height:44px;min-height:44px;padding:0 12px;font-size:13px}.learning-app :is(.page-title,.compact-class-banner) .filter-pills button{flex:1 0 auto}.learning-app :is(.page-title,.compact-class-banner) .filter-pills select{flex:1;max-width:100%}.learning-app .page-title .month-control{order:1;justify-content:space-between;width:100%;min-height:44px}.learning-app .page-title .simple-toolbar{order:1;justify-content:flex-start;gap:12px}.learning-app .page-title .schedule-class-picker{flex-wrap:wrap;order:2;gap:8px;padding-top:14px}.learning-app .page-title .schedule-class-picker select{flex:1;min-width:0;max-width:100%}.learning-app .page-title .schedule-class-picker>span{flex-basis:100%;margin:0}.learning-app :is(.page-title,.compact-class-banner) .simple-toolbar .arrow-nav{flex:1;justify-content:space-between;gap:8px}.learning-app :is(.page-title,.compact-class-banner) .simple-toolbar strong{white-space:normal;text-align:center;font-size:13px}.learning-app :is(.page-title,.compact-class-banner) .arrow-nav button{flex:0 0 36px;width:36px}.learning-app :is(.page-title,.compact-class-banner) .view-switch{flex:1;justify-content:flex-start;gap:6px;margin-left:0}.learning-app :is(.page-title,.compact-class-banner) .view-switch button{flex:1}.learning-app :is(.page-title,.compact-class-banner) .holiday-button{height:44px;min-height:44px;font-size:13px}.learning-app .compact-class-banner h2{font-size:24px}.learning-app .compact-class-banner dl{flex-wrap:wrap;gap:16px;margin:0}.learning-app .compact-class-banner .banner-actions{order:0;justify-content:flex-start;width:100%}.learning-app .compact-class-banner .class-detail-controls{gap:12px;padding-top:16px}.learning-app .compact-class-banner .class-detail-control-end{align-items:stretch}.learning-app .compact-class-banner .lesson-period-bar{flex-wrap:wrap}.learning-app .compact-class-banner .period-buttons{flex-wrap:wrap;width:100%}.learning-app .compact-class-banner .period-buttons button{flex:1}.learning-app .compact-class-banner .class-lesson-viewbar>div{width:100%}.learning-app .compact-class-banner .class-lesson-viewbar button{flex:1}.learning-app .page-title .payroll-overview{grid-template-columns:1fr 1fr;gap:16px;padding-top:16px}.learning-app .page-title .payroll-overview>div{border:0;min-height:56px;padding:0}.learning-app .compact-class-list .class-directory-card{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;height:auto;min-height:176px;padding:16px}.learning-app .class-row-identity{grid-area:1/1/auto/-1}.learning-app .class-row-identity h2{white-space:normal;font-size:15px;line-height:1.4}.learning-app .class-row-teacher{grid-area:2/1}.learning-app .class-row-teacher>span{display:none}.learning-app .class-row-schedule{grid-area:3/1;gap:7px;font-size:13px}.learning-app .class-row-schedule svg{width:16px}.learning-app .class-row-open{flex-direction:column;grid-area:2/2/4;align-items:flex-end;gap:8px;display:flex}.learning-app .class-row-open .class-card-open{height:44px;min-height:44px}.learning-app :is(.people-operation-row,.lesson-directory-row,.report-table>article,.class-operation-row,.hours-list>article){height:auto;min-height:96px;padding:16px}}.navigation-user{align-items:center;gap:8px;min-width:0;display:flex}.navigation-user .avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.navigation-user-name{white-space:nowrap;text-overflow:ellipsis;max-width:155px;color:var(--lo-ink);font-size:14px;font-weight:600;overflow:hidden}.navigation-actions .navigation-logout{color:#62429b;background:#f6f3fc;border:1px solid #e0daed;border-radius:8px;flex-shrink:0;width:38px;height:38px;min-height:38px;padding:8px}.navigation-logout:hover{background:#ede7f8}.navigation-logout:focus-visible{outline-offset:2px;outline:2px solid #8058cc}@media (width<=1100px){.app-navigation>.navigation-actions{margin-left:0}.navigation-user-name{max-width:110px}.app-navigation>.mobile-menu-toggle{margin-left:auto}.app-navigation>.navigation-actions{gap:6px}}@media (width<=600px){.app-navigation{gap:8px;padding-left:12px;padding-right:12px}.navigation-user-name{max-width:45px}.navigation-user{gap:5px}.navigation-brand strong{max-width:70px;font-size:14px}.navigation-brand .brand-mark{width:28px;height:28px}.navigation-brand small{display:none}}@media (width<=370px){.navigation-user-name{max-width:50px}.navigation-brand strong{display:none}.navigation-brand .brand-mark{width:28px;height:28px}}@media (width<=1000px){.app-navigation>.navigation-brand{order:0}.app-navigation>.mobile-menu-toggle{order:1}.app-navigation>.navigation-actions{border-top:0;order:2;width:auto;padding-top:0}.app-navigation>.navigation-content{order:3}}.learning-app .unified-banner{box-sizing:border-box;color:#fff;background:linear-gradient(110deg,#101b48 0%,#192058 54%,#35267c 100%);border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:minmax(0,37%) minmax(0,63%);align-items:center;gap:0;width:100%;height:140px;min-height:140px;max-height:140px;margin:0 0 16px;padding:24px 28px;display:grid;box-shadow:0 3px 10px #19245809}.unified-banner .banner-heading{min-width:0;padding-right:24px}.unified-banner .banner-heading>div>span:not(.class-code){display:none}.learning-app .unified-banner :is(h1,h2){color:#fff;letter-spacing:-.04em;white-space:nowrap;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.12}.unified-banner .banner-heading h1{font-size:clamp(20px,1.95vw,28px)}.unified-banner .banner-heading p{color:#d0d7ee;white-space:nowrap;letter-spacing:-.025em;margin:0;font-size:13px;line-height:1.5}.unified-banner .banner-count{font:inherit;color:inherit;background:0 0;margin-left:6px;padding:0;display:inline}.unified-banner .banner-heading dl{color:#d0d7ee;flex-wrap:nowrap;gap:14px;margin:5px 0 0;font-size:12px;display:flex}.unified-banner .banner-heading dl>div{gap:4px;min-width:0;display:flex}.unified-banner .banner-heading dt{display:none}.unified-banner .banner-heading dd{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.unified-banner .banner-heading>div:has(h2){flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unified-banner .banner-heading h2{white-space:nowrap;margin:0;font-size:22px}.unified-banner .banner-heading .class-code{color:#dce5ff;background:#ffffff18}.unified-banner .banner-heading .class-kind{display:none}.unified-banner .banner-heading .state-pill{min-height:20px;padding:1px 6px;font-size:11px}.unified-banner .banner-right{justify-content:flex-end;align-items:center;gap:10px;min-width:0;height:90px;display:flex}.unified-banner .banner-controls{flex-wrap:wrap;flex:1;place-content:center flex-end;align-items:center;gap:8px;min-width:0;max-height:90px;display:flex}.unified-banner .banner-primary-actions:empty{display:none}.unified-banner .banner-primary-actions{flex:none;justify-content:flex-end;align-items:center;display:flex}.unified-banner .banner-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.learning-app .unified-banner :is(button,select,summary){white-space:nowrap;color:#eef1ff;height:40px;min-height:40px;box-shadow:none;background:0 0;border:1px solid #ffffff60;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin:0;padding:0 12px;font-size:13px;font-weight:550;line-height:1;display:inline-flex}.learning-app .unified-banner button.primary{min-width:136px;height:40px;min-height:40px;box-shadow:none;padding:0 14px;color:#223978!important;background:#fff!important;border-color:#fff!important}.learning-app .unified-banner button svg{flex-shrink:0;width:16px;height:16px}.learning-app .unified-banner button.active{color:#223978!important;background:#fff!important;border-color:#fff!important}.learning-app .unified-banner button:hover:not(:disabled){border-color:#fff}.unified-banner .filter-pills{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:100%;margin:0;display:flex}.learning-app .unified-banner .filter-pills button{flex:none;padding:0 10px;font-size:13px}.unified-banner .filter-pills b{color:inherit;background:0 0;min-width:0;font-size:13px;font-weight:550;line-height:1;display:inline}.learning-app .unified-banner select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:100%}.learning-app .unified-banner select option{color:#253458;background:#fff}.unified-banner .banner-view-choice{color:#c5d0ed;align-items:center;gap:8px;font-size:12px;display:flex}.unified-banner .banner-view-choice select{height:32px;min-height:32px;font-size:12px}.unified-banner .simple-toolbar{background:0 0;border:0;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;width:auto;max-width:100%;min-height:40px;margin:0;display:flex;padding:0!important}.unified-banner .arrow-nav{background:0 0;border:0;align-items:center;gap:8px;display:flex}.learning-app .unified-banner .arrow-nav button{width:32px;min-width:32px;padding:0}.unified-banner .arrow-nav strong{color:#fff;white-space:nowrap;font-size:13px}.unified-banner .view-switch{background:0 0;border:0;gap:4px;margin:0;padding:0;display:flex}.unified-banner .view-switch button{padding:0 9px}.unified-banner .schedule-class-picker{border:0;align-items:center;gap:8px;font-size:12px;display:flex;margin:0!important;padding:0!important}.unified-banner .schedule-class-picker label{color:#c5d0ed;font-size:12px}.unified-banner .schedule-class-picker select{width:200px;min-width:0;height:32px;min-height:32px;font-size:12px}.unified-banner .schedule-class-picker>span{display:none}.unified-banner .month-control{background:0 0;border:0;align-items:center;gap:8px;height:40px;min-height:40px;margin:0;padding:0;display:flex}.unified-banner .month-control strong{color:#fff;white-space:nowrap;font-size:13px}.unified-banner .month-control button{width:32px;padding:0}.unified-banner :is(.stats,.payroll-overview){background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;margin:0;display:grid}.learning-app .unified-banner :is(.stat,.payroll-overview>div){box-shadow:none;background:0 0;border:0;border-right:1px solid #ffffff25;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:54px;padding:0 12px;display:flex}.learning-app .unified-banner :is(.stat:last-child,.payroll-overview>div:last-child){border:0}.learning-app .unified-banner .stat-icon,.learning-app .unified-banner .stat small{display:none}.learning-app .unified-banner :is(.stat span,.payroll-overview span){color:#c5d0ed;white-space:nowrap;font-size:12px;font-weight:500}.learning-app .unified-banner :is(.stat strong,.payroll-overview strong){color:#fff;margin:3px 0 0;font-size:24px;font-weight:650;line-height:1}.learning-app .unified-banner .stats .stat:last-child span{font-size:11px}.unified-banner .class-detail-controls{border:0;flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-height:90px;display:flex;margin:0!important;padding:0!important}.unified-banner .class-detail-controls>.filter-pills{width:100%}.unified-banner .banner-more{position:relative}.unified-banner .banner-more summary{cursor:pointer;list-style:none}.unified-banner .banner-more summary:after{content:"⌄";margin-left:6px}.unified-banner .banner-more-panel{z-index:45;background:#202957;border:1px solid #ffffff40;border-radius:10px;width:480px;max-width:calc(100vw - 40px);padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #111b4540}.unified-banner .class-detail-control-end{flex-direction:column;align-items:stretch;gap:12px;margin:0;display:flex}.unified-banner .lesson-period-bar{background:0 0;border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.unified-banner .period-buttons,.unified-banner .class-lesson-viewbar>div{background:0 0;border:0;gap:8px;padding:0;display:flex}.unified-banner .class-lesson-viewbar{margin:0}.unified-banner input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff10;border:1px solid #ffffff60;border-radius:7px;height:40px;min-height:40px;font-size:13px}.unified-banner .banner-more-panel .simple-toolbar{flex-wrap:wrap;margin-top:12px}.learning-app .banner-breadcrumb{color:#65718a;align-items:center;gap:8px;min-height:20px;margin:0 0 8px;font-size:12px;display:flex}.learning-app .banner-breadcrumb button{color:#4663b1;background:0 0;border:0;height:20px;min-height:20px;padding:0;font-size:12px}@media (width<=1199px){.learning-app .unified-banner{grid-template-columns:1fr;gap:16px;height:auto;min-height:140px;max-height:none;padding:24px 28px}.unified-banner .banner-heading{padding:0}.unified-banner .banner-right{height:auto;min-height:40px;max-height:none}.unified-banner .banner-controls{justify-content:flex-start;max-height:none}.unified-banner .banner-heading h1{font-size:26px}.unified-banner .banner-heading p{white-space:normal}.unified-banner .class-detail-controls{justify-content:flex-start;max-height:none}.unified-banner .filter-pills{justify-content:flex-start;max-width:100%;padding:1px;overflow-x:auto}.unified-banner .class-detail-controls>.filter-pills{width:auto}.unified-banner .simple-toolbar{flex-wrap:wrap}.unified-banner .banner-controls>.stats{min-width:400px}}@media (width<=640px){.learning-app .unified-banner{gap:16px;padding:20px}.unified-banner .banner-heading h1{white-space:normal;font-size:24px}.unified-banner .banner-heading h2{white-space:normal;font-size:20px}.unified-banner .banner-right{flex-wrap:wrap;gap:12px}.unified-banner .banner-controls{flex-basis:100%;max-width:100%}.unified-banner .banner-primary-actions{justify-content:flex-end;width:100%}.learning-app .unified-banner :is(button,select,summary){height:44px;min-height:44px}.learning-app .unified-banner button.primary{width:auto;height:44px;min-height:44px}.unified-banner .banner-actions{flex-direction:row;justify-content:flex-end;width:100%}.unified-banner .banner-controls>.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.learning-app .unified-banner .stat{min-height:50px;padding:0 10px}.unified-banner .payroll-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unified-banner .simple-toolbar{justify-content:flex-start;gap:8px;max-width:100%}.unified-banner .view-switch{overflow-x:auto}.unified-banner .arrow-nav strong{white-space:normal;font-size:12px}.unified-banner .banner-heading dl{flex-wrap:wrap}.unified-banner .schedule-class-picker{width:100%}.unified-banner .schedule-class-picker select{flex:1;width:100%}}html{scrollbar-gutter:stable}.learning-app .banner-breadcrumb{justify-content:flex-start}.learning-app .banner-breadcrumb>span{flex:none;margin:0}.unified-banner .filter-pills{scrollbar-width:thin;scrollbar-color:#fff5 transparent}.unified-banner .filter-pills::-webkit-scrollbar{height:5px}.unified-banner .filter-pills::-webkit-scrollbar-thumb{background:#fff5;border-radius:8px}.unified-banner .filter-pills::-webkit-scrollbar-track{background:0 0}@media (width<=1199px){.unified-banner .class-detail-controls{width:100%;position:relative}.unified-banner .class-detail-controls .banner-more{position:static}.unified-banner .class-detail-controls .banner-more-panel{box-sizing:border-box;width:min(480px,100%);max-width:100%;left:0;right:auto}.unified-banner .banner-more-panel .period-buttons{flex-wrap:wrap}.unified-banner .banner-more-panel .lesson-period-bar{overflow:visible}.unified-banner .banner-more-panel .date-range{flex-wrap:wrap}}.lesson-directory-list a.lesson-directory-row{color:inherit;text-decoration:none}.lesson-directory-list a.lesson-directory-row:focus-visible{outline-offset:-3px;outline:3px solid #b2ccff}.learning-app .class-operation-row{color:inherit;cursor:pointer;grid-template-columns:minmax(230px,1.1fr) minmax(0,3fr) 20px;gap:20px;text-decoration:none}.learning-app .class-operation-meta{grid-template-columns:minmax(90px,.65fr) minmax(110px,.8fr) minmax(120px,.9fr) minmax(180px,1.4fr) minmax(85px,.65fr);gap:16px}.learning-app .class-operation-main,.learning-app .class-operation-meta>div{min-width:0}.learning-app .class-operation-main h2,.learning-app .class-operation-meta strong{overflow-wrap:anywhere}.learning-app .class-operation-row:hover,.learning-app .class-directory-card:hover,.learning-app .class-session-row:hover{background:#f5f3fc}.learning-app .class-operation-row:focus-visible,.learning-app .class-directory-card:focus-visible,.learning-app .class-session-row:focus-visible{outline-offset:-2px;background:#f5f3fc;outline:2px solid #8864cb}.learning-app .class-row-chevron{color:#8a839d}.learning-app a.class-directory-card{color:inherit;cursor:pointer;text-decoration:none}.learning-app .class-course-label{color:#697386;font-size:12px}.learning-app .class-session-columns,.learning-app .class-session-row{grid-template-columns:110px minmax(170px,1.5fr) minmax(120px,1fr) 75px minmax(105px,.8fr) minmax(130px,1fr) 18px;align-items:center;gap:16px;padding:16px 20px;display:grid}.learning-app .class-session-columns{color:#697386;background:#fafaff;border-bottom:1px solid #e5e7ee;font-size:12px;font-weight:600}.learning-app .class-session-row{color:#344054;cursor:pointer;border-bottom:1px solid #e5e7ee;min-height:88px;font-size:14px;text-decoration:none}.learning-app .class-session-row:last-child{border-bottom:0}.learning-app .class-session-row>div,.learning-app .class-session-row time{overflow-wrap:anywhere;min-width:0}.learning-app .class-session-row small{color:#697386;margin-top:4px;font-size:12px;line-height:1.5;display:block}.learning-app .class-session-type{flex-wrap:wrap;gap:5px;display:flex}.learning-app .class-session-type span{color:#62527b;background:#f2eef9;border-radius:6px;padding:4px 7px;font-size:12px}.learning-app .class-session-row>svg{color:#8a839d}@media (width<=1150px){.learning-app .class-operation-row{grid-template-columns:minmax(180px,1fr) minmax(0,2fr) 18px;gap:14px}.learning-app .class-operation-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}.learning-app .class-session-columns{display:none}.learning-app .class-session-row{grid-template-columns:100px minmax(160px,1.5fr) minmax(100px,1fr) 18px;gap:10px 16px}.learning-app .class-session-row>svg{grid-area:1/4}.learning-app .class-session-row [data-label]:before{content:attr(data-label) ": ";color:#697386;font-size:12px}.learning-app .class-session-row .class-session-status{grid-column:3}.learning-app .class-session-status small{margin-left:6px;display:inline}}@media (width<=760px){.learning-app .class-operation-row{grid-template-columns:minmax(0,1fr) 18px;gap:12px;padding:16px}.learning-app .class-operation-main{grid-column:1}.learning-app .class-operation-meta{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learning-app .class-row-chevron{grid-area:1/2}.learning-app .class-session-row{grid-template-columns:90px minmax(0,1fr) 18px;gap:10px 12px;padding:16px}.learning-app .class-session-row>svg{grid-column:3}.learning-app .class-session-lesson{grid-column:2}.learning-app .class-session-row [data-label]{flex-wrap:wrap;grid-column:1/3;align-items:center;gap:6px;display:flex}.learning-app .class-session-row .class-session-status{grid-column:1/3}.learning-app .class-session-status small{margin:0}}.learning-app .class-draft-banner{grid-template-columns:minmax(0,27%) minmax(0,73%);gap:20px;height:auto;min-height:164px;max-height:none}.class-draft-banner .banner-right,.class-draft-banner .banner-controls{height:auto;max-height:none;display:block}.class-draft-banner .banner-heading h2{white-space:normal;line-height:1.3}.class-draft-banner .banner-heading>div{flex-wrap:wrap;gap:8px}.class-draft-banner .banner-heading dl{flex-wrap:wrap;gap:8px 14px}.class-draft-banner .banner-heading dd{white-space:normal;overflow:visible}.learning-app .class-draft-banner .class-banner-action{white-space:nowrap;height:36px;min-height:36px;box-shadow:none;border-radius:7px;padding:0 12px;font-size:12px;font-weight:600;color:#ffe2df!important;background:#eb686825!important;border:1px solid #f3a3a3!important}.learning-app .class-draft-banner .class-banner-action:hover{background:#eb68683d!important;border-color:#ffbdb5!important}.learning-app .class-draft-banner .class-edit-action{align-items:center;gap:6px;margin:0;display:inline-flex}.class-session-controls{width:100%}.class-session-controls form{margin:0}.class-session-controls .session-create-fields{grid-template-columns:minmax(110px,1.3fr) minmax(80px,.85fr) minmax(120px,1.1fr) 126px 126px auto;align-items:end;gap:8px;margin-bottom:12px;display:grid}.class-session-controls .session-create-fields.single-session-fields{grid-template-columns:minmax(105px,1.25fr) minmax(75px,.8fr) minmax(108px,1fr) 126px 90px 62px auto}.class-session-controls label{color:#d0d7ee;flex-direction:column;align-items:stretch;gap:5px;min-width:0;margin:0;font-size:12px;display:flex}.learning-app .class-session-controls :is(input,select){color:#eef1ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff60;border-radius:7px;width:100%;min-width:0;max-width:none;height:36px;min-height:36px;margin:0;padding:0 8px;font-size:12px}.class-session-controls .session-create-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.session-create-filters>div{gap:8px;display:flex}.learning-app .class-session-controls button{height:36px;min-height:36px}.learning-app .class-draft-banner .class-detail-controls{max-height:none;margin-top:8px!important}.learning-app .class-session-controls p{color:#d7efe0;margin:8px 0 0;font-size:12px;line-height:1.4}.learning-app .class-session-controls .session-batch-error{color:#ffceca}.learning-app .class-session-row.new-draft{background:#f3effc;border-left:3px solid #8662d0}.learning-app .state-pill.draft{color:#7946a9;background:#f3eafc}.learning-app .class-session-row .session-status-select{color:#67448e;cursor:pointer;background:#f3eefb;border:1px solid #c5b6e1;border-radius:7px;width:125px;max-width:100%;height:32px;min-height:32px;margin:0;padding:0 7px;font-size:12px;font-weight:600}.learning-app .class-session-row .session-status-select.scheduled,.learning-app .class-session-row .session-status-select.rescheduled{color:#345c8a;background:#eef5ff;border-color:#b5cbea}.class-session-controls .banner-more{flex:none}.learning-app .class-session-controls .banner-more-panel{color:#fff}.learning-app .class-draft-banner .class-session-controls .class-detail-control-end{display:flex}@media (width<=1300px){.learning-app .class-draft-banner{grid-template-columns:1fr;gap:16px}.class-draft-banner .banner-heading{padding:0}.class-session-controls .session-create-filters,.learning-app .class-draft-banner .class-detail-controls{justify-content:flex-start}}@media (width<=900px){.class-session-controls .session-create-fields,.class-session-controls .session-create-fields.single-session-fields{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.class-session-controls label{flex:115px;max-width:200px}.class-session-controls .session-create-fields>button{align-self:flex-end}.class-session-controls .session-create-filters,.session-create-filters>div{flex-wrap:wrap}.class-draft-banner .banner-heading dl{display:flex!important}}.learning-app .session-status-notice{color:#285940;background:#edf6f1;border-radius:8px;margin:0 0 14px;padding:10px 16px;font-size:13px}.learning-app .session-status-notice.is-error{color:#974135;background:#fff0ee}.learning-app .session-status-confirm p{color:#667085;font-size:14px;line-height:1.6}.learning-app .session-status-confirm .modal-sticky-actions{gap:8px;margin-top:20px}.class-timetable-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.class-timetable-controls .month-control{align-items:center;gap:6px;display:flex}.class-timetable-controls .month-control strong{color:#fff;text-align:center;min-width:120px;font-size:14px}.class-timetable-views{gap:6px;display:flex}.class-timetable-controls button.active{color:#fff!important;background:#ffffff25!important;border-color:#cbbafb!important}.learning-app .operations-directory:has(.class-timetable){padding:0;overflow:hidden}.learning-app .class-timetable{box-shadow:none;border:0;margin:0;padding:0}.class-timetable-caption{color:#697386;border-bottom:1px solid #e5e7ee;margin:0;padding:14px 20px;font-size:13px}.learning-app .class-timetable .apple-month main>article{min-height:150px;padding:8px;overflow:visible}.learning-app .class-timetable .date-number{align-items:center;gap:6px;margin-bottom:7px;display:flex}.class-timetable .date-number small{color:#7453bd;font-size:10px}.learning-app .class-timetable-event{color:#4b3a72;overflow-wrap:anywhere;background:#f3effb;border:1px solid #d9ccef;border-radius:8px;flex-direction:column;gap:4px;margin:0 0 7px;padding:9px 8px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.class-timetable-event:hover{background:#eae2f8;border-color:#a68acf}.class-timetable-event:focus-visible{outline-offset:2px;outline:2px solid #8864cb}.class-timetable-time{color:#7655ae;align-items:center;gap:4px;font-size:11px;display:flex}.class-timetable-event small{color:#786991;font-size:10px}.class-timetable-event>span:not(.class-timetable-time){font-size:11px}.learning-app .class-timetable .apple-week{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.class-timetable .apple-week>article{border-right:1px solid #e5e7ee;min-width:0}.class-timetable .apple-week>article:last-child{border:0}.class-timetable .apple-week header,.class-timetable-day header{color:#596579;border-bottom:1px solid #e5e7ee;flex-direction:column;align-items:center;gap:4px;padding:12px;font-size:13px;display:flex}.class-timetable .week-events{min-height:220px;padding:8px}.class-timetable .today{background:#f9f6ff}.class-timetable-empty{color:#8a8298;margin:0;padding:12px;font-size:12px}.class-timetable-day .week-events{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:10px;display:grid}@media (width<=900px){.class-timetable-controls{justify-content:flex-start}.learning-app .class-timetable .apple-month,.learning-app .class-timetable .apple-week{min-width:840px}.learning-app .class-timetable{overflow-x:auto}.class-timetable-caption{box-sizing:border-box;width:100%;position:sticky;left:0}.class-timetable .apple-month main>article{min-height:130px}.class-timetable-controls .month-control strong{min-width:110px}}.learning-app .class-timetable-banner{grid-template-columns:minmax(0,32%) minmax(0,68%)}.class-timetable-banner .banner-controls{width:100%;max-height:none}.class-timetable-banner .banner-primary-actions{display:none}.class-timetable-banner .banner-right{height:auto}.class-timetable-banner .banner-heading p{white-space:normal}.class-timetable-banner-controls{flex-direction:column;align-items:flex-end;gap:10px;width:100%;min-width:0;display:flex}.class-timetable-first-row{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:9px;width:100%;display:flex}.class-timetable-banner .class-timetable-controls{flex-wrap:nowrap;width:100%}.class-timetable-banner .class-timetable-first-row .primary{min-width:125px}.class-timetable-banner .class-timetable-controls button{height:36px;min-height:36px}.class-timetable-banner .class-timetable-views{gap:6px}.learning-app .class-timetable-event.state-not_created{color:#76552e;background:#fff8ed;border-color:#edd2a9}.class-timetable-event.state-not_created .class-timetable-time{color:#956531}.class-timetable-event.state-not_created small{color:#967e5d}.learning-app .class-timetable-event.state-draft{color:#776932;background:#fffbe9;border-color:#e8d994}.learning-app .class-timetable-event.state-completed,.learning-app .class-timetable-event.state-cancelled{color:#606b7d;background:#f4f5f7;border-color:#dce0e7}.class-timetable-event .class-timetable-state{opacity:.85;border:1px solid;border-radius:5px;align-self:flex-start;padding:2px 6px;font-weight:700;font-size:10px!important}@media (width<=1199px){.learning-app .class-timetable-banner{grid-template-columns:1fr}.class-timetable-banner-controls{align-items:flex-start}.class-timetable-first-row,.class-timetable-banner .class-timetable-controls{justify-content:flex-start}}@media (width<=640px){.class-timetable-first-row,.class-timetable-banner .class-timetable-controls{flex-wrap:wrap}.class-timetable-first-row .filter-pills{flex-basis:100%}.class-timetable-banner .banner-right{width:100%}.class-timetable-first-row .primary{margin-left:auto!important}}.learning-app .class-timetable-event{overflow-wrap:normal;gap:5px;min-width:0;padding:9px 10px;overflow:hidden}.class-timetable-event .class-timetable-top{white-space:nowrap;justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.class-timetable-event .class-timetable-time{white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.class-timetable-event .class-timetable-time svg{flex-shrink:0}.class-timetable-event .class-timetable-time strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-timetable-event .class-timetable-state{flex-shrink:0;align-self:auto;padding:1px 5px;line-height:1.5;font-size:9px!important}.class-timetable-event .class-timetable-identity,.class-timetable-event .class-timetable-people{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4;display:block;overflow:hidden}.class-timetable-event .class-timetable-identity{font-size:11px}.class-timetable-event .class-timetable-identity strong{font-size:12px}.class-timetable-event .class-timetable-people{opacity:.8;font-size:10px!important}