.teacher-group-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(120deg,#0b579c,#087e8b);color:#fff;padding:18px 22px;border-radius:16px;margin-bottom:18px}.teacher-group-banner small{display:block;font-size:10px;letter-spacing:1.2px;opacity:.8}.teacher-group-banner b,.teacher-group-banner strong{display:block;font-size:19px;margin-top:5px}.teacher-group-banner strong{background:#fff;color:#07517a;border-radius:8px;padding:6px 12px;letter-spacing:1px}.master-layout{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.5fr);gap:22px;align-items:start}.master-create,.master-overview{background:#fff;border:1px solid #d9e6ef;border-radius:18px;padding:24px}.master-create{position:sticky;top:18px}.master-create h2,.master-title h2{margin-top:0}.master-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.master-title p{margin:0;color:#627d91}.master-teacher{border:1px solid #d8e5ee;border-radius:15px;overflow:hidden;margin:14px 0}.master-teacher>header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;background:#f2f8fc}.master-teacher>header>div{display:flex;gap:12px;align-items:center}.master-teacher>header span{font-size:30px}.master-teacher h3{margin:0}.master-teacher header p{margin:3px 0;font-size:12px}.master-teacher em{font-style:normal;background:#dff4ef;color:#08745f;border-radius:999px;padding:6px 11px;font-weight:800}.master-group{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;background:#fff8e8}.master-group strong{color:#0b579c;letter-spacing:.5px}.master-students>div{display:grid;grid-template-columns:minmax(160px,1.5fr) repeat(3,minmax(70px,.55fr));gap:10px;align-items:center;padding:12px 16px;border-top:1px solid #e7eef3}.master-students span:not(:first-child){text-align:center}.master-students small{display:block;color:#6a8191;font-size:11px;margin-top:3px}.master-students>p,.master-empty{padding:20px;text-align:center;color:#6a8191}
@media(max-width:1050px){.master-layout{grid-template-columns:1fr}.master-create{position:static}}
@media(max-width:650px){.teacher-group-banner,.master-title,.master-teacher>header,.master-group{align-items:stretch;flex-direction:column}.master-create,.master-overview{padding:16px}.master-students>div{grid-template-columns:1fr 1fr}.master-students span:first-child{grid-column:1/-1}.master-students span:not(:first-child){text-align:left}}
.register-gate #groupCheckForm{display:grid;gap:14px;margin-top:22px}.register-gate #groupCheckForm label{font-weight:800}.register-gate #groupCheckForm input{display:block;width:100%;margin-top:8px;text-transform:uppercase;letter-spacing:1px}.verified-group{display:flex;flex-direction:column;gap:5px;background:#e9f8f1;border:1px solid #9bd9c3;color:#125b49;border-radius:13px;padding:14px 16px;margin:18px 0}.verified-group>span{font-size:12px;font-weight:900;color:#08745f}.verified-group>b{font-size:18px}.verified-group>small{color:#4d7067}.register-form #changeGroupCode{margin-top:8px}
.danger-delete{border:1px solid #e3a3ab;background:#fff1f2;color:#a51f32;border-radius:9px;padding:8px 11px;font-weight:800;cursor:pointer;white-space:nowrap}.danger-delete:hover{background:#a51f32;color:#fff}.danger-delete:disabled{opacity:.55;cursor:wait}.danger-delete.compact{font-size:11px;padding:7px 9px}.master-teacher>header>.danger-delete{margin-left:auto}.master-students>div{grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(65px,.55fr)) auto}
.master-unassigned{border:1px solid #edbd73;border-radius:15px;overflow:hidden;margin:18px 0}.master-unassigned>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff3dc}.master-unassigned>header h3{margin:0}.master-unassigned>header em{font-style:normal;font-weight:800}.master-unassigned>p{padding:0 16px;color:#78581e}@media(max-width:650px){.master-students>div{grid-template-columns:1fr 1fr}.master-students>div>span:first-child{grid-column:1/-1}.master-unassigned>header{align-items:flex-start;flex-direction:column;gap:6px}}
.directory-summary{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:18px}.directory-summary span{display:flex;align-items:center;gap:10px}.directory-summary b{font-size:28px;color:#126fe8}.directory-summary .btn{margin-left:auto}.directory-page .student-table{min-width:650px}.directory-page [data-account-row][hidden]{display:none}@media(max-width:600px){.directory-summary{gap:14px}.directory-summary .btn{width:100%;margin:0}.directory-page .teacher-tools{display:grid;grid-template-columns:1fr}}
.directory-page .directory-group-heading th{background:#e8f3ff;color:#123f6c;padding:18px 20px;font-size:15px;text-transform:none;letter-spacing:0;border-top:3px solid #fff}.directory-group-heading small{display:block;font-size:12px;font-weight:400;margin-top:6px;color:#526e86}.directory-group-heading[hidden]{display:none}
.teacher-welcome{padding:30px;border-radius:20px;background:linear-gradient(120deg,#104d89,#087f8b);color:white;margin-bottom:24px}.teacher-welcome small{letter-spacing:2px;font-weight:800}.teacher-welcome h1{font-size:clamp(24px,3vw,34px);margin:14px 0}.teacher-welcome p{line-height:1.7}.teacher-home-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-quiz-level{margin-top:18px}.teacher-quiz-level>summary{cursor:pointer;font-size:17px;font-weight:800;line-height:1.7}.teacher-quiz-level>summary small{display:block;color:#61758b;font-size:12px}.teacher-question{border-top:1px solid #dce6ef;padding:20px 0}.teacher-question h3{line-height:1.6;font-size:16px}.teacher-question li{padding:9px 12px;margin:5px 0;line-height:1.6}.teacher-correct{background:#e5f7ee;color:#145d43;border-radius:8px}.teacher-correct b{display:block;font-size:12px}.teacher-explanation{padding:14px;background:#edf6ff;border-radius:10px;line-height:1.7}.teacher-account dt{font-weight:700;margin-top:16px}.teacher-account dd{margin:6px 0;overflow-wrap:anywhere}@media(max-width:600px){.teacher-home-menu{grid-template-columns:1fr}.teacher-welcome{padding:22px}.teacher-question ol{padding-left:22px}}
.module-policy-form{margin-top:18px}.module-policy-form fieldset{border:1px solid #d9e6ef;border-radius:10px;padding:14px;margin:16px 0}.module-policy-form .policy-check{display:flex;align-items:flex-start;gap:10px;margin:12px 0;line-height:1.6}.module-policy-form .policy-check input{width:20px;min-height:20px;height:20px;flex:0 0 20px;margin-top:3px}.module-policy-form input[type=file]{display:block;max-width:100%;margin:12px 0}.module-policy-form p{line-height:1.7}.module-policy-form>.btn{margin-top:12px}.module-policy-form .policy-status{font-weight:700;color:#14557e}
