.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:22px 0}.portal-grid article{padding:15px;background:#111f24;border:1px solid #2b4241;border-radius:9px}.portal-grid img{width:100%;height:140px;object-fit:contain}.portal-grid h3{font-size:15px;overflow-wrap:anywhere}.portal-grid a,.portal-grid button{display:inline-block;margin:10px 10px 0 0}.portal-dialog{background:#142125;color:#d9ebe7;border:1px solid #3b6558;border-radius:12px;width:700px;max-width:94vw;max-height:85vh;padding:25px}.portal-dialog::backdrop{background:#0009}.portal-dialog>button{display:block;margin:12px 0;padding:12px;max-width:100%;overflow-wrap:anywhere}.portal-detail-body{padding:20px;text-align:left}.portal-detail-body input,.portal-detail-body textarea{display:block;width:100%;margin:12px 0;padding:9px}.portal-detail-body p{line-height:1.8}.portal-detail-body button{margin:8px}#portal-admin-link{color:#7ce8c3;font-size:13px;margin-left:14px}[data-cloud-draft]{margin:15px 0}

.school-name{display:inline-flex;align-items:center;gap:10px}.school-logo{width:36px;height:36px;object-fit:contain;flex:none}#verification-fields{margin:15px 0;padding:12px;border:1px solid #34554e;border-radius:8px}#verification-fields p{font-size:13px;line-height:1.5}#verification-fields button{width:100%;margin:8px 0}

.partner-banner{display:block;width:100%;height:auto;border-radius:10px;margin:4px 0 28px}.partner-group-title{font-size:20px;color:#65e3bd;margin:24px 0 20px}.partner-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.partner-card{display:flex;align-items:center;justify-content:center;min-width:0;height:124px;padding:14px 16px;background:#fff;border:1px solid #dfe5e6;border-radius:8px;cursor:pointer;color:#163747;transition:border-color .15s,box-shadow .15s}.partner-card:hover,.partner-card:focus-visible{border-color:#55d5b5;box-shadow:0 0 0 3px #55d5b530;outline:none}.partner-card img{width:100%;height:96px;object-fit:contain}.partner-card.partner-badge{gap:12px;justify-content:flex-start}.partner-badge img{width:74px;height:74px;flex:none}.partner-name{font-size:17px;font-weight:650;line-height:1.5;text-align:center}.partner-detail #detail-image{object-fit:contain;background:#fff;padding:20px}@media(max-width:1600px){.partner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partner-card{height:105px;padding:12px}.partner-card img{height:80px}.partner-badge img{width:50px;height:50px}.partner-name{font-size:14px}}@media(max-width:450px){.partner-grid{grid-template-columns:1fr}}
.teaching{color:#e4ecef;margin-top:12px}.teaching-tabs{display:flex;gap:14px;max-width:940px}.teaching-tabs button{position:relative;flex:1;background:#181f26;border:0;border-radius:16px 16px 0 0;padding:25px 12px;font-size:20px;color:#c4ced6}.teaching-tabs button.active{background:#10181e;color:#64debd}.teaching-tabs button.active:after{content:'';position:absolute;bottom:0;left:calc(50% - 10px);width:20px;height:9px;background:#69eacb;filter:blur(9px)}.teaching-panel{background:#10181e;padding:32px;min-height:530px}.teaching-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.teaching-new-class,.teaching-class-card{min-height:340px;border:0;border-radius:13px;background:#1d252b;overflow:hidden;color:#dce7ee}.teaching-new-class{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:19px}.teaching-new-class span{font-size:78px;line-height:1;color:#bdc7cb;font-weight:200}.teaching-class-cover{width:100%;height:200px;background:#262f35;border:0;display:grid;place-items:center}.teaching-class-cover div{font-size:90px;letter-spacing:-32px;padding-right:32px;color:#27c1ed;filter:drop-shadow(7px 4px 9px #27a7b377)}.teaching-class-details{padding:18px}.teaching-class-details h3{margin:0 0 12px}.teaching-class-details p,.teaching-class-details small{color:#8c9da6}.teaching-row-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.teaching-row-actions button,.teaching-breadcrumbs button{background:transparent;border:0;padding:8px 0;color:#58dce1;cursor:pointer}.teaching-class-details .teaching-row-actions{margin-top:16px}.teaching-action-tiles{display:flex;gap:18px;margin-bottom:32px;flex-wrap:wrap}.teaching-action-tiles>button{display:flex;align-items:center;gap:18px;min-width:220px;text-align:left;background:#242d33;border:0;border-radius:6px;color:#e5edf2;padding:16px 22px}.teaching-action-tiles strong,.teaching-action-tiles small{display:block}.teaching-action-tiles small{color:#85949e;margin-top:5px}.teaching-action-icon{font-size:42px;color:#32d6f7}.teaching-action-tiles>button:nth-child(2) .teaching-action-icon{color:#ffb20c}.teaching-action-tiles>button:nth-child(3) .teaching-action-icon{color:#6cd6c9}.teaching-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:20px 0}.teaching-controls>div{flex-basis:100%;display:flex;gap:20px}.teaching-controls>div button{background:none;border:0;border-bottom:2px solid #4eac98;padding:10px;color:#ade8db}.teaching input,.teaching select,.teaching-dialog input:not([type=radio]):not([type=checkbox]),.teaching-dialog select,.teaching-dialog textarea{background:#1d252b;color:#e2e8ea;border:1px solid #3c454b;border-radius:9px;padding:12px;min-width:0}.teaching-controls input{margin-left:auto}.teaching-breadcrumbs{display:flex;gap:10px;align-items:center;margin:24px 0 15px}.teaching-table-wrap{overflow-x:auto}.teaching table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}.teaching th{background:#1d252b;font-weight:600;padding:12px 18px}.teaching td{padding:14px 18px;border-bottom:1px solid #232d34}.teaching td:first-child{width:40%}.teaching td:first-child>button{display:block;color:#d5e3e9;background:transparent;border:0;padding:0;text-align:left}.teaching td small{display:block;color:#7d8c96;margin-top:8px}.teaching-empty{text-align:center;padding:65px 10px;color:#81939e}.teaching-empty>div{font-size:95px;line-height:1.4;color:#39434b;transform:rotate(-10deg)}.teaching-empty strong{font-size:14px;font-weight:500}.teaching-empty p{font-size:13px;margin-top:22px}.teaching-dialog{width:min(860px,calc(100vw - 32px));background:#10181e;color:#e7edf2;border:1px solid #334048;border-radius:15px;padding:30px}.teaching-dialog::backdrop{background:#000b}.teaching-dialog form>label{display:flex;flex-direction:column;gap:12px;margin:22px 0}.teaching-dialog fieldset{border:0;margin:12px 0;padding:0}.teaching-dialog fieldset>label{display:grid;grid-template-columns:24px 1fr;gap:6px 10px;margin:25px 0;align-items:center}.teaching-dialog fieldset small{grid-column:2;color:#7e8d96}.teaching-dialog input[type=radio],.teaching-dialog input[type=checkbox]{accent-color:#67ef72}.teaching-form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:28px}.teaching-dialog button{border:0;border-radius:9px;padding:12px 22px;background:#252e35;color:#e1ebef;cursor:pointer}.teaching-dialog .teaching-primary{background:linear-gradient(110deg,#42d6f4,#6bff69);color:#03201f}.teaching-class-choices{display:flex;gap:18px;flex-wrap:wrap}.teaching-class-choices label{display:flex;gap:8px;align-items:center}.teaching-class-choices[hidden]{display:none}.teaching-dropzone{border:1px solid #344149;border-radius:16px;padding:80px 20px;text-align:center;margin-top:20px;background:#0e171d}.teaching-dropzone.dragover{border:2px dashed #5cdfc6}.teaching-dropzone button{margin:8px}.teaching-member{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #334149}.teaching-upload-error{color:#f8aa9a}#class-shared-link{background:transparent;color:#a7bac6;border:0;cursor:pointer;padding:8px}.teaching button:focus-visible,.teaching-dialog button:focus-visible{outline:2px solid #6cdec0;outline-offset:3px}.teaching button:disabled,.teaching-dialog button:disabled{opacity:.5}
@media(max-width:700px){.teaching-panel{padding:15px}.teaching-tabs{gap:6px}.teaching-tabs button{font-size:16px;padding:20px 8px}.teaching-class-grid{grid-template-columns:1fr}.teaching-action-tiles>button{width:100%}.teaching-controls input{margin-left:0;width:100%}.teaching-dialog{padding:18px}.teaching-dropzone{padding:35px 10px}}
.teaching-class-cover .teaching-people{position:relative;width:150px;height:130px;filter:drop-shadow(4px 8px 10px #2dc9cf33);font-size:0;padding:0}.teaching-people span{position:absolute;bottom:10px;right:12px;width:75px;height:75px;background:linear-gradient(110deg,#2fc6e6,#2d6579);border-radius:50% 50% 35% 35%;border:1px solid #7cb7c244}.teaching-people span:before{content:'';position:absolute;width:43px;height:47px;top:-44px;left:15px;border-radius:50%;background:linear-gradient(120deg,#329abe,#315568);border:1px solid #87c8dc88}.teaching-people span:first-child{left:8px;bottom:4px;transform:scale(.78);background:linear-gradient(120deg,#34c0fd,#30d3e9)}.teaching-people span:first-child:before{background:#25b5f6}.teaching td:first-child{width:30px}.teaching td:nth-child(2){width:38%}.teaching td:nth-child(2)>button{display:block;color:#d5e3e9;background:transparent;border:0;padding:0;text-align:left}.teaching input[type=checkbox]{accent-color:#64dcbb}.teaching-controls>button{background:#26373c;border:1px solid #365152;border-radius:6px;color:#aad9d0;padding:10px}
@media(max-width:760px){body>header{height:94px;flex-wrap:wrap;align-content:center;gap:4px;padding:6px 10px}body>header .school-name{max-width:calc(100vw - 65px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>header .account{flex-basis:100%;width:100%;height:36px;overflow-x:auto;gap:12px}body>header .account>button{flex-shrink:0;white-space:nowrap}body>header .account .login{max-width:180px;overflow:hidden;text-overflow:ellipsis}body>aside{top:94px}body>main{margin-top:94px}}
.contest-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.contest-card{padding:0!important;overflow:hidden;border:1px solid #26343b;background:#10191f;border-radius:8px;text-align:left;color:#cbd5dc;cursor:pointer}.contest-card h3{font-size:16px;line-height:1.6;padding:14px 12px;margin:0;min-height:75px}.contest-cover{display:block;position:relative;overflow:hidden;aspect-ratio:1.54;background:#15303a}.contest-cover img{display:block;width:100%;height:100%;object-fit:cover}.contest-footer{display:flex;justify-content:space-between;gap:8px;padding:12px;font-size:12px}.contest-footer span:last-child{color:#64ef9c}.contest-controls{display:flex;gap:12px;margin-bottom:20px}.classroom-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.classroom-toolbar>span{margin-left:auto}.classroom-dashboard{display:grid;grid-template-columns:2fr repeat(4,1fr) 1.7fr;gap:12px}.classroom-dashboard article{background:#1c242a;padding:22px;border-radius:12px;min-width:0}.classroom-info{display:grid;gap:12px}.classroom-info small{display:block;overflow-wrap:anywhere}.classroom-metric{text-align:center;display:flex;flex-direction:column;justify-content:center}.classroom-metric>span{font-size:54px;color:#46d2d7}.classroom-metric strong{font-size:24px}.classroom-notices button{display:block;margin:8px 0;text-align:left}.classroom-post{border-bottom:1px solid #345;padding:14px 0}.classroom-post p{white-space:pre-wrap;overflow-wrap:anywhere}.classroom .teaching-panel>small{display:block;margin:12px 0;color:#8fa4ae}
@media(max-width:1600px){.contest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.classroom-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))}.classroom-info,.classroom-notices{grid-column:span 2}.classroom-info{grid-row:span 2}}
@media(max-width:700px){.contest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contest-card h3{font-size:14px;padding:10px}.contest-footer{flex-direction:column}.classroom-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-info{grid-row:auto}.classroom-toolbar>span{margin-left:0}.classroom-dashboard article{padding:16px}}

.contest-grid{margin-top:20px}.contest-footer .ended{color:#89959b}.contest-footer .upcoming{color:#55c9f2}
.classroom-toolbar button,.classroom-info button,.classroom-notices button{background:#24323a;border:1px solid #35515a;border-radius:6px;padding:8px 12px;color:#85e4d0}.classroom-toolbar button:nth-last-child(-n+4){background:linear-gradient(110deg,#46dbe7,#62ee9c);color:#05252d;border:0}.classroom .teaching-tabs button:first-child{color:#6ddcc1;background:#10191f}.contest-grid+select,#page-content>select{background:#16282f;color:#d1e4e9;padding:9px 16px;border:1px solid #37515a;border-radius:6px}
/* Classroom navigation, summary cards and member list. */
.classroom-dashboard{grid-template-columns:minmax(210px,1.6fr) minmax(0,4fr) minmax(190px,1.4fr);gap:16px}.classroom-info{grid-column:auto;grid-row:auto}.classroom-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.classroom-dashboard .classroom-metric{background:#1d2428;padding:32px 12px 38px;min-height:300px;border-radius:14px;align-items:center}.classroom-icon{display:inline-flex;width:108px;height:126px;flex:none}.classroom-icon svg{display:block;width:100%;height:100%}.classroom-metric>p{margin:16px 0 30px;color:#a2abb3;font-size:18px;line-height:1.4;white-space:nowrap}.classroom-number{display:flex;align-items:baseline;justify-content:center;gap:5px}.classroom-number strong{font-size:36px;font-weight:650;color:#f4f8fa}.classroom-number small{font-size:19px;color:#98abb9}.metric-assignment .classroom-number strong{color:#ff494e}.classroom-metric.metric-live>p{font-size:20px;font-weight:600;margin:28px 0 0}.classroom-notices{grid-column:auto}.classroom-info article{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:10px}.classroom-info h2,.classroom-info h3{margin:0}.classroom-members{margin-top:26px}.classroom-members>h3{font-size:15px;font-weight:500;color:#a9bac8;margin:0 0 14px}.classroom-member-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.classroom-member-tabs{display:flex;gap:28px}.classroom-member-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;background:transparent;color:#b8c4d0;font-size:15px;font-weight:600}.classroom-member-tabs button.active{color:#61d9bc;border-bottom-color:#61d9bc}.classroom-member-actions button{background:#242c32;border:0;border-radius:7px;padding:10px 15px;color:#bccbd7;white-space:nowrap}.classroom-member-card{display:flex;align-items:center;gap:14px;background:#1d2428;border-radius:8px;min-height:80px;padding:14px 16px;margin-bottom:12px}.classroom-member-card>strong{font-size:16px;font-weight:500;color:#e0eaf1}.classroom-member-avatar{display:grid;place-items:center;width:46px;height:46px;flex:none;background:#263f32;border-radius:50%}.classroom-member-avatar .classroom-icon{width:34px;height:34px}.classroom-self-badge{padding:4px 8px;background:#1c5963;color:#39dbe3;border-radius:4px;font-size:13px}.classroom-member-card>button{margin-left:auto;background:#29373f;color:#b8cad4;border:0;border-radius:6px;padding:8px 12px}.classroom-member-empty{background:#1d2428;border-radius:8px;color:#8c9ca9;padding:25px}.teaching-dialog{position:fixed;max-height:calc(100dvh - 40px);overflow:auto}.teaching-dialog .teaching-dialog-title{margin:0 0 24px;padding:0 48px 20px 0;border-bottom:1px solid #263038;font-size:24px}.teaching-dialog .teaching-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:0;background:transparent;color:#d6e3eb;font-size:32px;line-height:1;border-radius:8px}.teaching-dialog .teaching-close:hover{background:#29343b}.teaching-dialog .teaching-close:focus-visible{outline:2px solid #62d9bd;outline-offset:2px}
@media(max-width:1700px){.classroom-dashboard{grid-template-columns:minmax(190px,1fr) minmax(0,3fr)}.classroom-notices{grid-column:1/-1}.classroom-metric>p{font-size:15px}.classroom-icon{width:90px;height:112px}.classroom-metrics{gap:12px}.classroom-dashboard .classroom-metric{min-height:300px;padding:25px 8px}}
@media(max-width:1050px){.classroom-dashboard{grid-template-columns:1fr}.classroom-info{grid-template-columns:1fr 1fr}.classroom-metrics{grid-column:1/-1}.classroom-metric>p{white-space:normal}.classroom-number strong{font-size:32px}}
@media(max-width:600px){.classroom-info{grid-template-columns:1fr}.classroom-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-dashboard .classroom-metric{min-height:240px}.classroom-icon{width:84px;height:98px}.classroom-member-controls{align-items:flex-start;gap:8px}.classroom-member-tabs{gap:16px}.classroom-member-tabs button{font-size:13px}.classroom-member-actions button{font-size:13px;padding:10px}.classroom-member-card{gap:10px}.teaching-dialog .teaching-close{top:10px;right:10px}.teaching-dialog .teaching-dialog-title{font-size:21px}}

.teaching-action-icon{display:flex;flex:0 0 56px;width:56px;height:56px;align-items:center;justify-content:center}.teaching-action-icon svg{display:block;width:100%;height:100%}