.school-shell.school-login-shell{place-items:center;width:100%;min-height:0;padding:28px 20px;display:grid;overflow:auto}.school-signin{color:#0b1f4b;background:#fffffffa;border:1px solid #fff;border-radius:20px;width:min(440px,100%);margin:auto;padding:36px 38px 24px;box-shadow:0 22px 70px #0b1f4b33}.school-signin-logo{object-fit:contain;width:min(294px,100%);height:94px;margin:0 auto 24px;display:block}.school-signin-heading{text-align:center;margin-bottom:26px}.school-signin-heading h1{margin:0 0 8px;font-size:27px;font-weight:800;line-height:1.25}.school-signin-heading p{color:#4c627b;margin:0;font-size:16px}.school-signin form{flex-direction:column;align-items:stretch;display:flex}.school-signin form>label{color:#263e5c;margin:0 0 8px;font-size:14px;font-weight:700}.school-signin-field{color:#59738e;background:#f8fbff;border:1px solid #bacbe0;border-radius:7px;align-items:center;gap:12px;min-height:52px;margin-bottom:20px;padding:0 13px;display:flex}.school-signin-field:focus-within{border-color:#0b5ce6;box-shadow:0 0 0 3px #0b5ce61c}.school-app .school-signin-field input{width:100%;min-width:0;min-height:50px;box-shadow:none;color:#0b1f4b;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:12px 0;font-size:16px}.school-signin-field>svg{flex-shrink:0}.school-signin-field>button{cursor:pointer;color:#526d89;background:0 0;border:0;place-items:center;min-width:32px;height:42px;padding:0;display:grid}.school-signin-submit{color:#fff;cursor:pointer;background:#0b5ce6;border:1px solid #0b5ce6;border-radius:7px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:52px;margin-top:4px;font-size:16px;font-weight:750;display:flex;box-shadow:0 4px 10px #0b5ce620}.school-signin-submit:hover:not(:disabled){background:#084bc0}.school-signin-submit:disabled{opacity:.65;cursor:wait}.school-signin-help{color:#245a97;cursor:pointer;background:0 0;border:0;min-height:40px;margin:16px auto 0;padding:5px 0;font-size:13px;display:block}.school-signin-help-text{color:#455f7b;margin:10px 0 0;font-size:14px;line-height:1.6}.school-signin-error{color:#9a2535;background:#fff0f2;border-left:3px solid #c63747;margin:0 0 16px;padding:10px 12px;font-size:14px;line-height:1.5}.school-signin>footer{text-align:center;color:#647990;border-top:1px solid #e0e8f2;margin-top:18px;padding-top:20px;font-size:12px}@media (max-height:740px){.school-shell.school-login-shell{padding:20px}.school-signin{padding:26px 34px 20px}.school-signin-logo{height:78px;margin-bottom:16px}.school-signin-heading{margin-bottom:20px}.school-signin-field{margin-bottom:16px}.school-signin-help{margin-top:10px}.school-signin>footer{margin-top:12px;padding-top:15px}}@media (max-width:500px){.school-signin{padding:28px 24px 22px}.school-signin-heading h1{font-size:25px}.school-signin-logo{height:84px}.school-shell.school-login-shell{padding:18px}}.ui-mask{width:24px;height:24px;-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background-color:currentColor;flex:none;display:inline-block}.ui-bar{background:#e4eaf3;border-radius:999px;flex:1;min-width:60px;height:10px;overflow:hidden}.ui-bar>i{border-radius:inherit;background:linear-gradient(90deg,#1565e8,#2f80ff);min-width:0;height:100%;transition:width .24s;display:block}.ui-bar.green>i{background:linear-gradient(90deg,#2fa866,#6cc791)}.ui-bar.yellow>i{background:linear-gradient(90deg,#f7b11b,#fcd36a)}.account-screen{color:#0b1f4b;flex-direction:column;gap:24px;min-height:0;display:flex;padding:28px!important}.account-screen>header{flex-shrink:0;align-items:center;gap:16px;display:flex}.account-screen h1{margin:0 0 6px;font-size:30px}.account-screen header p{color:#50657e;margin:0;font-size:16px}.account-scroll{min-height:0;padding-right:6px;overflow:auto}.account-section{border-bottom:1px solid #c7d9e7;margin:0 0 24px;padding:0 0 24px}.account-section h2{align-items:center;gap:8px;margin:0 0 18px;font-size:20px;display:flex}.account-section p{color:#405774;max-width:820px;font-size:16px;line-height:1.7}.account-section p svg{vertical-align:middle;margin-right:6px}.account-setting{border-bottom:1px solid #d5e2ed;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.account-setting>span{flex-direction:column;gap:5px;display:flex}.account-setting strong{font-size:17px}.account-setting small{color:#50657e;font-size:14px;line-height:1.5}.account-setting input{accent-color:#0b5ce6;flex-shrink:0;width:22px;height:22px;-webkit-appearance:auto!important;appearance:auto!important}.account-setting select{color:#15314b;background:#fff;border:1px solid #b7ccdf;border-radius:5px;max-width:160px;min-height:44px;padding:8px}.account-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-section-title>span{white-space:nowrap;color:#50657e;font-size:14px}.account-progress-list{margin:16px 0 0;padding:0;list-style:none}.account-progress-list li{border-bottom:1px solid #d6e2ed;align-items:center;gap:10px;padding:12px 0;font-size:16px;display:flex}.account-progress-list li>svg{color:#9bb1c6;flex-shrink:0}.account-progress-list li>svg.is-complete{color:#177a3b}.account-progress-list li>small{color:#50657e;margin-left:auto;font-size:13px}.account-faq{border-bottom:1px solid #c8d9e7;padding:16px 0}.account-faq summary{cursor:pointer;min-height:28px;font-size:17px;font-weight:700}.account-faq p{margin-bottom:0}.account-status{color:#177a3b;font-size:14px}.account-help-icons{color:#46657e;align-items:center;gap:8px;font-size:14px;display:inline-flex}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (max-width:650px){.account-screen{padding:20px!important}.account-screen h1{font-size:26px}.account-setting{gap:12px}.account-setting small{max-width:230px}}.school-app{color:#102a43;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.school-shell{z-index:1;flex-direction:column;flex:1;gap:16px;width:min(1440px,100%);min-height:0;margin:0 auto;padding:20px;display:flex;position:relative}.school-preview{z-index:1;text-align:center;color:#514211;background:#fff3b5;flex-shrink:0;padding:7px 12px;font-size:14px;position:relative}.school-top{flex-shrink:0;align-items:center;gap:24px;min-height:72px;display:flex}.school-brand{background:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:216px;height:72px;padding:8px 14px;display:grid}.school-brand img{object-fit:contain;width:100%;height:100%}.school-area{align-items:center;gap:9px;font-weight:700;display:flex}.school-account{align-items:center;gap:14px;margin-left:auto;display:flex}.school-account>span{gap:2px;display:grid}.school-account small{color:#294c65;font-size:13px}.school-icon{color:#173650;cursor:pointer;background:#fff;border:1px solid #cbdce9;border-radius:6px;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;display:inline-grid}:is(.school-app button:focus-visible,.school-app a:focus-visible){outline-offset:3px;outline:3px solid #0b5ce6}.school-app button:disabled{cursor:default;opacity:.6}.school-primary,.school-secondary{cursor:pointer;color:#173650;background:#fff;border:1px solid #b9cedf;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:650;line-height:1.3;display:inline-flex}.school-primary{color:#fff;background:#0b5ce6;border-color:#0b5ce6}.school-primary:hover:not(:disabled){background:#084bc0}.school-secondary:hover:not(:disabled),.school-icon:hover:not(:disabled){background:#f0f6fd}.school-back{color:#355268;cursor:pointer;background:0 0;align-items:center;gap:7px;padding:8px 0;font-size:14px;display:inline-flex}.school-access{background:#f8fcff;border-radius:8px;flex-direction:column;gap:16px;width:min(420px,100%);margin:auto;padding:30px;display:flex;box-shadow:0 8px 24px #17365020}.school-access h1{margin:0;font-size:28px}.school-access-icon{color:#0b5ce6}.school-access form,.school-dialog form{flex-direction:column;gap:8px;display:flex}.school-access label,.school-dialog label{margin-top:8px;font-size:14px;font-weight:650}.school-app input,.school-app select{color:#173650;min-height:44px;font:inherit;background:#fff;border:1px solid #aac3d8;border-radius:5px;min-width:0;padding:10px 12px}.school-access form .school-primary{margin-top:14px}.school-preview-link{color:#0b5ce6;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:650;display:inline-flex}.school-layout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;min-height:0;display:grid}.school-layout.with-class-nav{grid-template-columns:216px minmax(0,1fr)}.school-workspace{scrollbar-gutter:stable;background:#f1f9fff0;border:1px solid #fff;border-radius:20px;min-width:0;min-height:0;padding:28px;overflow-y:auto}.school-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.school-page-heading small{color:#326b82;font-size:12px;font-weight:700}.school-page-heading h1{overflow-wrap:anywhere;margin:6px 0 8px;font-size:30px;line-height:1.2}.school-page-heading p{color:#52677c;margin:0;font-size:15px}.school-class-list{gap:10px;display:grid}.school-class-row{text-align:left;color:#173650;background:#fff;border:1px solid #dae6ef;border-radius:8px;align-items:center;gap:16px;width:100%;min-height:92px;padding:18px;display:flex}button.school-class-row{cursor:pointer}button.school-class-row:hover{background:#fafdff;border-color:#7fa8cd}.school-class-symbol{color:#138374;background:#e7f6f3;border-radius:6px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.school-class-row>span:nth-child(2){flex:1;gap:7px;min-width:0;display:grid}.school-class-row strong{overflow-wrap:anywhere;font-size:18px}.school-class-row small,.school-class-status{color:#52677c;font-size:13px}.school-class-row>svg{flex-shrink:0}.school-class-nav{background:#f3faffed;border:1px solid #fff;border-radius:8px;min-height:0;padding:14px;overflow-y:auto}.school-class-nav .school-back{margin-bottom:12px;font-weight:650}.school-class-nav nav{flex-direction:column;gap:4px;display:flex}.school-class-nav nav button{text-align:left;color:#355268;cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:10px;min-height:44px;padding:12px 10px;font-size:14px;display:flex}.school-class-nav nav button span{overflow-wrap:anywhere;min-width:0}.school-class-nav nav button svg{flex-shrink:0}.school-class-nav nav button[aria-current]{color:#0b5ce6;background:#deebff;font-weight:700}.school-tabs{border-bottom:1px solid #d0deea;gap:4px;margin-bottom:20px;padding:0;display:flex}.school-tabs button{color:#52677c;cursor:pointer;background:0 0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;display:inline-flex}.school-tabs button[aria-selected=true]{color:#0b5ce6;border-color:#0b5ce6;font-weight:700}.school-class-content{min-width:0}.school-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.school-toolbar>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.school-search{background:#fff;border:1px solid #b9cedf;border-radius:5px;flex:1;align-items:center;gap:8px;min-width:160px;max-width:340px;padding:0 10px;display:flex}.school-search input{background:0 0;border:0;width:100%;padding-inline:0;font-size:15px}.school-search svg{color:#52677c;flex-shrink:0}.school-table-heading,.school-student-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 170px;align-items:center;gap:14px;padding:12px;display:grid}.school-table-heading{color:#52677c;border-bottom:1px solid #cbdce9;font-size:12px}.school-student-row{border-bottom:1px solid #d5e3ee;min-height:72px;font-size:15px}.school-student-row>strong,.school-student-row>span{overflow-wrap:anywhere;min-width:0}.school-student-row .school-secondary{min-height:40px;padding:8px;font-size:13px}.school-empty{text-align:center;color:#52677c;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;display:flex}.school-empty>svg{color:#1b8e99}.school-empty h2{margin:0;font-size:18px;font-weight:600}.school-error{color:#a52d3b;overflow-wrap:anywhere;background:#fff1ef;border-radius:5px;margin:0 0 12px;padding:12px;font-size:14px;line-height:1.4}.school-notice{color:#177a3b;background:#e9f7ee;border-radius:5px;align-items:center;gap:8px;margin:0 0 16px;padding:12px;font-size:14px;display:flex}.school-assignment{grid-template-columns:minmax(200px,.8fr) minmax(0,1fr);align-items:center;gap:24px;padding:12px 0;display:grid}.school-assignment-media{aspect-ratio:16/10;background:#e5f3f9;border-radius:6px;place-items:center;min-width:0;max-height:220px;display:grid}.school-assignment-media img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;max-height:240px}.school-assignment-body{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-width:0;display:flex}.school-assignment-body small{color:#52677c;font-size:13px}.school-assignment-body h2{margin:0;font-size:24px;line-height:1.25}.school-state{color:#52677c;font-size:14px}.school-state.is-open{color:#177a3b;font-weight:650}.school-checkbox{cursor:pointer;align-items:center;gap:9px;font-size:14px;line-height:1.4;display:inline-flex}.school-checkbox input{accent-color:#0b5ce6;flex-shrink:0;width:18px;height:18px;min-height:18px;padding:0}.school-dialog{color:#173650;background:#fff;border:1px solid #b9cedf;border-radius:8px;width:min(460px,100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:24px;overflow:auto}.school-dialog::backdrop{background:#102a4360}.school-dialog>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.school-dialog h2{margin:0;font-size:22px}.school-dialog footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.school-credential{border:1px dashed #aac3d8;border-radius:5px;flex-direction:column;gap:16px;padding:18px;display:flex}.school-credential>img{object-fit:contain;width:160px;height:58px}.school-credential>strong{overflow-wrap:anywhere;font-size:20px}.school-credential dl{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:14px 8px;margin:0;display:grid}.school-credential dt{color:#52677c;font-size:14px}.school-credential dd{overflow-wrap:anywhere;margin:0;font-family:monospace;font-size:17px}@media (max-width:900px){.school-layout.with-class-nav{grid-template-columns:180px minmax(0,1fr)}.school-workspace{padding:20px}.school-class-status{max-width:130px}.school-assignment{grid-template-columns:1fr}.school-assignment-media{aspect-ratio:16/7;max-height:160px}.school-assignment-media img{max-height:150px}.school-table-heading,.school-student-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.school-student-row .school-secondary span{display:none}}@media (max-width:650px){.school-shell{gap:12px;padding:12px}.school-top{flex-wrap:wrap;gap:12px}.school-brand{width:156px;height:56px}.school-area{display:none}.school-account{gap:8px;font-size:13px}.school-layout.with-class-nav{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.school-class-nav{padding:10px}.school-class-nav .school-back{margin-bottom:4px}.school-class-nav nav{flex-direction:row;overflow-x:auto}.school-class-nav nav button{flex-shrink:0}.school-workspace{border-radius:12px;padding:18px}.school-page-heading{align-items:flex-start;gap:12px}.school-page-heading h1{font-size:25px}.school-page-heading .school-primary{padding:9px;font-size:13px}.school-class-row{gap:10px;padding:13px}.school-class-row strong{font-size:16px}.school-class-status{display:none}.school-class-symbol{width:36px;height:40px}.school-toolbar{align-items:stretch}.school-search{max-width:none}.school-access{padding:24px}.school-dialog{padding:20px}.school-credential dd{font-size:15px}}@media print{body *{visibility:hidden!important}.school-credential-dialog,.school-credential-dialog *{visibility:visible!important}.school-credential-dialog{border:0;width:100%;max-height:none;margin:0;position:absolute;inset:0 auto auto 0}.school-credential-dialog>header,.school-credential-dialog>footer{display:none!important}.school-credential-dialog::backdrop{background:0 0}.school-credential{break-inside:avoid}}.school-teacher-menu{z-index:25;position:relative}.school-teacher-menu summary{cursor:pointer;align-items:center;gap:12px;min-height:48px;list-style:none;display:flex}.school-teacher-menu summary::-webkit-details-marker{display:none}.school-teacher-menu summary>span{flex-direction:column;gap:3px;font-size:15px;display:flex}.school-teacher-menu summary:focus-visible{outline-offset:3px;outline:3px solid #0b5ce6}.school-teacher-menu>div{background:#fff;border:1px solid #c9dbe9;border-radius:8px;flex-direction:column;width:210px;padding:6px;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 8px 26px #0b1f4b24}.school-teacher-menu>div button{text-align:left;color:#14314e;background:0 0;border:0;border-radius:4px;min-height:44px;padding:10px 12px;font-size:14px}.school-teacher-menu>div button:hover{background:#eaf2fd}.teacher-account-workspace{flex-direction:column;padding:16px 24px 24px;display:flex;overflow:hidden}.teacher-account-workspace>.school-back{flex-shrink:0;align-self:flex-start;margin-bottom:10px}.teacher-account-body{flex-direction:column;flex:1;min-height:0;display:flex}.teacher-account-body>.screen{background:0 0;flex:1;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0}.teacher-account-body>.account-screen{padding:12px 4px!important}.teacher-account-body .avatar-main{padding-top:0}@media (max-width:650px){.teacher-account-workspace{padding:16px}.school-teacher-menu summary>span{font-size:13px}.school-teacher-menu summary{gap:8px}}.school-view-student{color:#0b5ce6;cursor:pointer;background:#fff;border:1px solid #0b5ce6;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.school-view-student:hover:not(:disabled){background:#edf3fc}.school-view-student:focus-visible{outline-offset:2px;outline:3px solid #0b5ce6}