.bes-supplemental-admin-workspace{color:#172033;background:#f7f9fc}.bes-supplemental-header{background:#fff;border-bottom:1px solid #e5eaf0;justify-content:space-between;gap:20px;padding:24px 28px 18px;display:flex}.bes-supplemental-header h2{margin:6px 0 4px;font-size:28px}.bes-supplemental-header p{color:#667085;margin:0}.bes-supplemental-header>button{cursor:pointer;background:#eef2f7;border:0;border-radius:50%;width:40px;height:40px;font-size:26px}.bes-supplemental-main{padding:18px 28px 36px}.bes-supplemental-class-toolbar{justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px;display:flex}.bes-supplemental-class-toolbar label{color:#475467;flex:1;gap:6px;max-width:580px;font-size:12px;font-weight:800;display:grid}.bes-supplemental-class-toolbar input,.bes-supplemental-class-form input,.bes-supplemental-class-form textarea,.bes-supplemental-add-member input,.bes-supplemental-member-actions input,.bes-supplemental-teacher-row input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:11px;width:100%;padding:10px 11px}.bes-supplemental-class-toolbar button,.bes-supplemental-class-card button,.bes-supplemental-class-editor button,.bes-supplemental-archive button{color:#263547;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 12px;font-weight:800}.bes-supplemental-class-toolbar button.is-primary,.bes-supplemental-class-card button.is-primary,.bes-supplemental-class-editor button.is-primary{color:#fff;background:#175cd3;border-color:#175cd3}.bes-supplemental-class-card button:disabled{opacity:.45;cursor:not-allowed}.bes-supplemental-class-card button.is-danger-quiet,.bes-supplemental-class-editor button.is-danger-quiet{color:#b42318;background:#fff;border-color:#fecdca}.bes-supplemental-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.bes-supplemental-class-card{background:#fff;border:1px solid #dfe6ee;border-radius:18px;gap:14px;padding:17px;display:grid;box-shadow:0 5px 18px #0f172a0b}.bes-supplemental-class-card>header{justify-content:space-between;gap:12px;display:flex}.bes-supplemental-class-card h3{margin:7px 0 3px;font-size:19px}.bes-supplemental-class-card p{color:#667085;margin:0}.bes-supplemental-status{color:#027a48;background:#ecfdf3;border-radius:999px;height:max-content;padding:5px 9px;font-size:11px;font-weight:850}.bes-supplemental-status.is-paused{color:#475467;background:#f2f4f7}.bes-supplemental-class-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bes-supplemental-class-meta span{background:#f8fafc;border-radius:11px;gap:3px;padding:9px 10px;font-size:13px;display:grid}.bes-supplemental-class-meta b{text-transform:uppercase;letter-spacing:.06em;color:#667085;font-size:10px}.bes-supplemental-next-session{border-top:1px solid #eef2f6;font-size:13px;padding-top:10px!important}.bes-supplemental-next-session.is-muted{color:#98a2b3}.bes-supplemental-class-card>footer{flex-wrap:wrap;gap:7px;display:flex}.bes-supplemental-empty-state{color:#667085;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;place-items:center;gap:6px;min-height:180px;display:grid}.bes-supplemental-empty-state strong{color:#344054}.bes-supplemental-archive{background:#fff;border:1px solid #e4e7ec;border-radius:14px;margin-top:18px;padding:12px}.bes-supplemental-archive summary{cursor:pointer;font-weight:800}.bes-supplemental-archive>div{gap:7px;margin-top:10px;display:grid}.bes-supplemental-archive article{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px;display:flex}.bes-supplemental-archive article>span{gap:2px;display:grid}.bes-supplemental-archive small{color:#667085}.bes-supplemental-editor-heading{align-items:center;gap:14px;margin-bottom:14px;display:flex}.bes-supplemental-editor-heading>button{padding:8px 10px}.bes-supplemental-editor-heading span{letter-spacing:.1em;color:#175cd3;font-size:10px;font-weight:850}.bes-supplemental-editor-heading h3{margin:3px 0 0;font-size:23px}.bes-supplemental-class-form{gap:14px;display:grid}.bes-supplemental-editor-card{background:#fff;border:1px solid #dfe6ee;border-radius:17px;padding:16px;box-shadow:0 3px 14px #0f172a09}.bes-supplemental-editor-card>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.bes-supplemental-editor-card h4{margin:0;font-size:17px}.bes-supplemental-editor-card p{color:#667085;margin:4px 0 0}.bes-supplemental-editor-card>label,.bes-supplemental-form-grid label,.bes-supplemental-add-member label,.bes-supplemental-teacher-row label{color:#475467;gap:6px;font-size:12px;font-weight:800;display:grid}.bes-supplemental-form-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;display:grid}.bes-supplemental-weekdays{border:0;margin:14px 0;padding:0}.bes-supplemental-weekdays legend{color:#475467;margin-bottom:7px;font-size:12px;font-weight:800}.bes-supplemental-day{background:#f2f4f7;border-radius:9px;align-items:center;margin:0 6px 6px 0;padding:7px 9px;gap:5px!important;display:inline-flex!important}.bes-supplemental-day input{width:auto!important}.bes-supplemental-switch{align-items:center;margin-top:12px;gap:8px!important;display:flex!important}.bes-supplemental-switch input{width:auto!important}.bes-supplemental-teacher-list{gap:8px;display:grid}.bes-supplemental-teacher-row{background:#f8fafc;border-radius:12px;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.bes-supplemental-savebar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dfe6ee;border-radius:14px;justify-content:flex-end;gap:8px;padding:12px;display:flex;position:sticky;bottom:0}.bes-supplemental-editor-card.is-disabled{opacity:.65}.bes-supplemental-students-card{margin-top:14px}.bes-supplemental-add-member{background:#f8fafc;border-radius:12px;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:8px;padding:11px;display:grid}.bes-supplemental-member-list{gap:8px;margin-top:12px;display:grid}.bes-supplemental-member-row{border:1px solid #e4e7ec;border-radius:12px;grid-template-columns:minmax(200px,1fr) auto minmax(210px,auto);align-items:center;gap:10px;padding:11px 12px;display:grid}.bes-supplemental-member-row>div:first-child{gap:2px;display:grid}.bes-supplemental-member-row small{color:#667085}.bes-supplemental-member-status{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850}.bes-supplemental-member-status.is-active{color:#027a48;background:#ecfdf3}.bes-supplemental-member-status.is-stopped{color:#667085;background:#f2f4f7}.bes-supplemental-member-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.bes-supplemental-member-actions details{position:relative}.bes-supplemental-member-actions summary{cursor:pointer;font-weight:800}.bes-supplemental-member-actions form{z-index:5;background:#fff;border:1px solid #d0d5dd;border-radius:12px;gap:6px;width:300px;padding:10px;display:grid;position:absolute;top:28px;right:0;box-shadow:0 12px 30px #0f172a24}@media (max-width:1000px){.bes-supplemental-class-grid{grid-template-columns:1fr}.bes-supplemental-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bes-supplemental-add-member,.bes-supplemental-teacher-row{grid-template-columns:1fr 1fr}.bes-supplemental-member-row{grid-template-columns:1fr auto}.bes-supplemental-member-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-width:620px){.bes-supplemental-header,.bes-supplemental-main{padding-left:15px;padding-right:15px}.bes-supplemental-class-toolbar{flex-direction:column;align-items:stretch}.bes-supplemental-class-toolbar label{max-width:none}.bes-supplemental-class-meta,.bes-supplemental-form-grid,.bes-supplemental-add-member,.bes-supplemental-teacher-row{grid-template-columns:1fr}.bes-supplemental-class-card>header{display:grid}.bes-supplemental-member-row{grid-template-columns:1fr}.bes-supplemental-member-actions{flex-wrap:wrap}.bes-supplemental-member-actions form{width:auto;position:static}.bes-supplemental-savebar{position:static}}.bes-attendance-time-settings{color:#24384f;background:#f8fbff;border-bottom:1px solid #dfe6ee;grid-template-columns:minmax(280px,1.3fr) minmax(220px,.9fr) 118px 24px 118px auto;align-items:center;gap:10px;padding:12px 18px;display:grid}.bes-attendance-time-heading{align-items:center;gap:10px;min-width:0;display:flex}.bes-attendance-time-heading>span{background:#e8f1ff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.bes-attendance-time-heading>div,.bes-attendance-time-toggle>span:first-child{gap:2px;min-width:0;display:grid}.bes-attendance-time-heading strong,.bes-attendance-time-toggle b{font-size:12px;line-height:1.25}.bes-attendance-time-heading small,.bes-attendance-time-toggle small{color:#6c7d90;font-size:9px;line-height:1.35}.bes-attendance-time-toggle{color:#24384f;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d9e2ec;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:7px 10px 7px 12px;display:inline-flex}.bes-attendance-switch{flex:none;width:36px;height:22px;position:relative}.bes-attendance-switch input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.bes-attendance-switch i{pointer-events:none;background:#c8d2de;border-radius:999px;transition:background .16s;position:absolute;top:0;bottom:0;left:0;right:0}.bes-attendance-switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #14233438}.bes-attendance-switch input:checked+i{background:#1d8d64}.bes-attendance-switch input:checked+i:after{transform:translate(14px)}.bes-attendance-switch input:focus-visible+i{outline-offset:2px;outline:3px solid #2468d833}.bes-attendance-switch input:disabled+i{opacity:.55}.bes-attendance-time-field{background:#fff;border:1px solid #d9e2ec;border-radius:11px;gap:3px;min-height:44px;padding:6px 9px;display:grid}.bes-attendance-time-field>span{color:#6c7d90;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.bes-attendance-time-field input{color:#1d3248;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:13px;font-weight:800}.bes-attendance-time-arrow{color:#7b8da1;place-items:center;font-weight:900;display:grid}.bes-attendance-time-save{color:#fff;cursor:pointer;white-space:nowrap;background:#245ca8;border:0;border-radius:11px;min-height:42px;padding:0 14px;font-size:11px;font-weight:800}.bes-attendance-time-save:disabled{opacity:.55;cursor:wait}.bes-attendance-time-admin-status{color:#6c7d90;grid-column:2/-1;min-height:14px;margin-top:-4px;font-size:9px;font-style:normal;font-weight:700}.bes-attendance-time-admin-status.is-success{color:#176e50}.bes-attendance-time-admin-status.is-error{color:#a7352d}.bes-attendance-time-admin-status.is-dirty{color:#8b611b}.bes-attendance-access-status{color:#465a70;background:#f7f9fc;border-bottom:1px solid #dfe6ee;align-items:center;gap:11px;min-height:54px;padding:10px 18px;display:flex}.bes-attendance-access-status>span{background:#fffc;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.bes-attendance-access-status>div{gap:2px;min-width:0;display:grid}.bes-attendance-access-status strong{font-size:12px}.bes-attendance-access-status small{color:inherit;opacity:.9;font-size:10px;line-height:1.35}.bes-attendance-access-status.is-allowed{color:#176e50;background:#eaf8f1;border-bottom-color:#caeadc}.bes-attendance-access-status.is-blocked{color:#a7352d;background:#fff0ee;border-bottom-color:#f1d0cc}.bes-attendance-access-status.is-bypass{color:#245ca8;background:#edf4ff;border-bottom-color:#d5e4f8}.bes-attendance-access-status.is-info{color:#8b611b;background:#fff8e8;border-bottom-color:#f1e2bd}.attendance-class-list>div>button.bes-attendance-class-locked{opacity:.52;filter:saturate(.55)}.attendance-class-list>div>button.bes-attendance-class-locked:hover{opacity:.68}.attendance-class-list>div>button.bes-attendance-class-locked:after{content:"🔒";grid-area:time;place-self:end;font-size:10px}.attendance-class-list>div>button.bes-attendance-class-locked time{display:none}.attendance-rollcall.bes-attendance-write-locked .attendance-confirm-bar,.attendance-rollcall.bes-attendance-write-locked .att-m3-proof-card{background-image:linear-gradient(#f8fafc42,#f8fafc42)}.attendance-rollcall.bes-attendance-write-locked [data-bes-time-lock=true]{cursor:not-allowed!important}.attendance-session-controls label.is-teacher select[aria-invalid=true]{background:#fff7f6;border-color:#d96b62}@media (max-width:1180px){.bes-attendance-time-settings{grid-template-columns:minmax(260px,1.2fr) minmax(200px,.8fr) 112px 18px 112px}.bes-attendance-time-save{grid-column:2/-1;justify-self:end;min-width:120px}.bes-attendance-time-admin-status{grid-column:1/-1}}@media (max-width:760px){.bes-attendance-time-settings{grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px}.bes-attendance-time-heading,.bes-attendance-time-toggle,.bes-attendance-time-admin-status{grid-column:1/-1}.bes-attendance-time-field{width:auto}.bes-attendance-time-arrow{display:none}.bes-attendance-time-save{grid-column:1/-1;width:100%}.bes-attendance-access-status{padding:9px 12px}}.attendance-tabs{position:relative;overflow:visible}.attendance-tabs>button{transition:background-color .15s,color .15s}.attendance-tabs>button:after{content:"";background:var(--att-blue);opacity:0;transform-origin:50%;pointer-events:none;border-radius:3px 3px 0 0;height:3px;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:16px;right:16px;transform:scaleX(.7)}.attendance-tabs>button.is-active:after{opacity:1;transform:scaleX(1)}.bes-attendance-time-trigger{white-space:nowrap}.bes-attendance-time-trigger:focus-visible{outline-offset:2px;outline:3px solid #2468d82e}.bes-attendance-time-trigger-icon{flex:none}.bes-attendance-time-trigger-label{font-weight:inherit}.bes-attendance-time-trigger-window{color:inherit;opacity:.7;font-size:10px;font-weight:760;line-height:1}.bes-attendance-time-trigger-dot{background:#a9b5c2;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 2px #a9b5c229}.bes-attendance-time-trigger.is-enabled .bes-attendance-time-trigger-dot{background:#1d9a6c;box-shadow:0 0 0 2px #1d9a6c24}.bes-attendance-time-settings.is-compact-popover{z-index:80;color:#24384f;background:#fff;border:1px solid #d9e2ec;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:min(430px,100vw - 32px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:12px;box-shadow:0 18px 44px #20344d2e,0 4px 12px #20344d14}.bes-attendance-time-settings.is-compact-popover[hidden],.bes-attendance-time-settings.is-compact-popover .bes-attendance-time-heading{display:none}.bes-attendance-time-settings.is-compact-popover .bes-attendance-time-toggle{grid-column:1/-1;min-height:40px;padding:6px 9px}.bes-attendance-time-settings.is-compact-popover .bes-attendance-time-toggle small{display:none}.bes-attendance-time-settings.is-compact-popover .bes-attendance-time-field{min-height:40px;padding:5px 8px}.bes-attendance-time-settings.is-compact-popover .bes-attendance-time-arrow{display:none}.bes-attendance-time-settings.is-compact-popover .bes-attendance-time-save{border-radius:10px;grid-column:1/-1;width:100%;min-height:38px}.bes-attendance-time-settings.is-compact-popover .bes-attendance-time-admin-status{grid-column:1/-1;min-height:12px;margin:-2px 2px 0}@media (max-width:760px){.bes-attendance-time-trigger-window{display:none}.bes-attendance-time-settings.is-compact-popover{grid-template-columns:1fr 1fr;width:min(360px,100vw - 24px);padding:10px;right:8px}}.attendance-quick-layout.is-class-list-collapsed{grid-template-columns:minmax(0,1fr)}.attendance-quick-layout.is-class-list-collapsed>.attendance-class-list{display:none}.attendance-class-list>header{gap:8px}.attendance-class-list-toggle,.attendance-class-list-restore{color:#4d6278;cursor:pointer;background:#fff;border:1px solid #d7e0ea;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.attendance-class-list-toggle:hover,.attendance-class-list-restore:hover{color:#2468d8;background:#edf4ff;border-color:#b8cae3}.attendance-class-list-toggle:focus-visible{outline-offset:2px;outline:3px solid #2468d833}.attendance-class-list-restore:focus-visible{outline-offset:2px;outline:3px solid #2468d833}.attendance-class-list-toggle{width:30px;height:30px;font:inherit;border-radius:9px;flex:none;margin-left:2px}.attendance-class-list-toggle>span{font-size:22px;line-height:1;transform:translateY(-1px)}.attendance-rollcall{position:relative}.attendance-class-list-restore{z-index:18;min-height:34px;font:inherit;border-radius:10px;gap:6px;padding:0 10px 0 8px;position:absolute;top:12px;left:14px;box-shadow:0 4px 14px #1d3a5b14}.attendance-class-list-restore[hidden]{display:none!important}.attendance-class-list-restore>span{font-size:21px;line-height:1}.attendance-class-list-restore>b{white-space:nowrap;font-size:11px;font-weight:850}.attendance-quick-layout.is-class-list-collapsed .attendance-rollcall-head{padding-left:150px}@media (max-width:820px){.attendance-class-list-restore{min-height:32px;padding:0 8px;top:8px;left:8px}.attendance-class-list-restore>b{font-size:10px}.attendance-quick-layout.is-class-list-collapsed .attendance-rollcall-head{padding-left:118px}}.bes-post-confirm-edit-card{color:#17324d;background:#fff;border:1px solid #d9e3ef;border-radius:16px;margin:10px 14px 12px;overflow:hidden;box-shadow:0 8px 24px #23395712}.bes-post-confirm-edit-card.is-open,.bes-post-confirm-edit-card.is-locked{grid-template-columns:minmax(0,1fr) auto minmax(180px,auto);align-items:center;gap:14px;padding:14px 16px;display:grid}.bes-post-confirm-edit-card.is-open{background:linear-gradient(135deg,#f3fbf7,#fff 62%);border-color:#bfe2cf}.bes-post-confirm-edit-card.is-locked{background:#f7f9fc;border-color:#dfe5ec}.bes-post-confirm-card-copy{align-items:center;gap:12px;min-width:0;display:flex}.bes-post-confirm-icon{color:#17764d;background:#e4f5ec;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.is-locked .bes-post-confirm-icon{color:#6b7c8e;background:#edf1f5}.bes-post-confirm-card-copy>div{gap:3px;min-width:0;display:grid}.bes-post-confirm-card-copy strong{font-size:13px;line-height:1.25}.bes-post-confirm-card-copy p,.bes-post-confirm-card-copy small{margin:0;line-height:1.35}.bes-post-confirm-card-copy p{color:#52677d;font-size:11px}.bes-post-confirm-card-copy small{color:#7b8a99;font-size:10px}.bes-post-confirm-card-summary{background:#ffffffd1;border:1px solid #e1e8ef;border-radius:12px;justify-items:center;gap:1px;min-width:86px;padding:8px 12px;display:grid}.bes-post-confirm-card-summary b{color:#16764d;font-size:18px;line-height:1}.bes-post-confirm-card-summary span,.bes-post-confirm-card-summary em{color:#738396;font-size:9px;font-style:normal}.bes-post-confirm-card-action{justify-items:end;gap:7px;display:grid}.bes-post-confirm-card-action strong{color:#27704f;white-space:nowrap;font-size:11px}.is-locked .bes-post-confirm-card-action strong{color:#68798a}.bes-post-confirm-card-action button,.bes-post-confirm-editor-footer button,.bes-post-confirm-status-toggle button{font:inherit;cursor:pointer;border:0;border-radius:10px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.bes-post-confirm-card-action button{color:#fff;background:#1f6fbd;padding:9px 13px;font-size:11px;box-shadow:0 5px 12px #1f6fbd29}.bes-post-confirm-card-action button:hover:not(:disabled),.bes-post-confirm-editor-footer button:hover:not(:disabled){transform:translateY(-1px)}.bes-post-confirm-card-action button:disabled,.bes-post-confirm-editor-footer button:disabled{cursor:wait;opacity:.58}.bes-post-confirm-notice{border-radius:9px;grid-column:1/-1;padding:8px 10px;font-size:10px;line-height:1.4}.bes-post-confirm-notice.is-success{color:#176e50;background:#eaf8f1}.bes-post-confirm-notice.is-error{color:#a7352d;background:#fff0ee}.bes-post-confirm-edit-card.is-editing{background:#f8fafc;padding:0}.bes-post-confirm-editor-head{background:#fff;border-bottom:1px solid #e0e7ef;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.bes-post-confirm-editor-head>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.bes-post-confirm-editor-head>div:first-child>span{color:#1e65aa;background:#e7f0fb;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.bes-post-confirm-editor-head strong{font-size:14px;display:block}.bes-post-confirm-editor-head p{color:#718296;margin:2px 0 0;font-size:10px}.bes-post-confirm-live-summary{color:#277157;white-space:nowrap;background:#eef7f3;border-radius:10px;align-items:baseline;gap:5px;padding:7px 10px;display:flex}.bes-post-confirm-live-summary b{font-size:16px}.bes-post-confirm-live-summary span,.bes-post-confirm-live-summary em{font-size:9px;font-style:normal}.bes-post-confirm-editor-note{color:#375d82;background:#edf5ff;border-radius:10px;margin:12px 14px 0;padding:9px 11px;font-size:10px;line-height:1.45}.bes-post-confirm-students{gap:8px;max-height:420px;padding:12px 14px;display:grid;overflow:auto}.bes-post-confirm-student{background:#fff;border:1px solid #e1e7ee;border-radius:12px;grid-template-columns:30px minmax(160px,1fr) auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.bes-post-confirm-student.is-absent{background:snow;border-color:#f0d4d0}.bes-post-confirm-index{color:#91a0af;font-size:10px;font-weight:800}.bes-post-confirm-student-name{gap:2px;min-width:0;display:grid}.bes-post-confirm-student-name b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.bes-post-confirm-student-name small,.bes-post-confirm-present-note{color:#7c8a99;font-size:9px;line-height:1.35}.bes-post-confirm-status-toggle{background:#eef2f6;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.bes-post-confirm-status-toggle button{color:#637487;background:0 0;min-width:64px;padding:7px 9px;font-size:10px}.bes-post-confirm-status-toggle button.is-active[data-status=present]{color:#16704c;background:#ddf4e8}.bes-post-confirm-status-toggle button.is-active[data-status=absent]{color:#a33d34;background:#ffe9e5}.bes-post-confirm-absence-fields{grid-column:2/-1;grid-template-columns:minmax(150px,.5fr) minmax(220px,1fr);gap:8px;display:grid}.bes-post-confirm-absence-fields label,.bes-post-confirm-editor-footer label{gap:4px;display:grid}.bes-post-confirm-absence-fields label span,.bes-post-confirm-editor-footer label span{color:#718195;font-size:9px;font-weight:700}.bes-post-confirm-absence-fields select,.bes-post-confirm-absence-fields input,.bes-post-confirm-editor-footer input{box-sizing:border-box;color:#203b55;width:100%;min-height:34px;font:inherit;background:#fff;border:1px solid #d7e0e9;border-radius:9px;outline:none;padding:7px 9px;font-size:10px}.bes-post-confirm-absence-fields select:focus,.bes-post-confirm-absence-fields input:focus,.bes-post-confirm-editor-footer input:focus{border-color:#72a7d8;box-shadow:0 0 0 3px #377ebf1a}.bes-post-confirm-present-note{color:#5d7e69;grid-column:2/-1}.bes-post-confirm-editor-footer{background:#fff;border-top:1px solid #e0e7ef;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;padding:12px 14px 14px;display:grid}.bes-post-confirm-editor-footer>div{gap:8px;display:flex}.bes-post-confirm-editor-footer button{min-height:36px;padding:8px 13px;font-size:10px}.bes-post-confirm-editor-footer button.is-secondary{color:#56697d;background:#fff;border:1px solid #d8e0e8}.bes-post-confirm-editor-footer button.is-primary{color:#fff;background:#1f6fbd;box-shadow:0 5px 12px #1f6fbd29}@media (max-width:900px){.bes-post-confirm-edit-card.is-open,.bes-post-confirm-edit-card.is-locked{grid-template-columns:minmax(0,1fr) auto}.bes-post-confirm-card-action{grid-column:1/-1;grid-template-columns:1fr auto;place-items:center stretch}.bes-post-confirm-card-action strong{white-space:normal}.bes-post-confirm-card-action button{justify-self:end}}@media (max-width:680px){.bes-post-confirm-edit-card{border-radius:13px;margin:8px 10px 10px}.bes-post-confirm-edit-card.is-open,.bes-post-confirm-edit-card.is-locked{grid-template-columns:1fr;gap:10px;padding:12px}.bes-post-confirm-card-summary{grid-template-columns:auto auto auto;justify-content:start;justify-items:start;gap:5px}.bes-post-confirm-card-action{grid-column:auto;grid-template-columns:1fr;justify-items:stretch}.bes-post-confirm-card-action button{justify-self:stretch;width:100%}.bes-post-confirm-editor-head{flex-direction:column;align-items:flex-start}.bes-post-confirm-student{grid-template-columns:24px minmax(0,1fr)}.bes-post-confirm-status-toggle{grid-column:1/-1;width:100%}.bes-post-confirm-status-toggle button{flex:1}.bes-post-confirm-absence-fields{grid-column:1/-1;grid-template-columns:1fr}.bes-post-confirm-present-note{grid-column:1/-1}.bes-post-confirm-editor-footer{grid-template-columns:1fr}.bes-post-confirm-editor-footer>div{grid-template-columns:1fr 1fr;display:grid}}.bes-post-confirm-student.is-late{background:#fff1e1}.bes-post-confirm-status-toggle{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bes-post-confirm-status-toggle button.is-late{color:#8b5000!important;background:#ffddb8!important}.ahv3__shell .ahv3__detail>.bes-history-post-confirm-bridge{box-sizing:border-box;order:99;grid-area:auto/1/auto/-1;align-self:start;width:100%;min-width:0;margin:0;padding:0 0 4px;display:block!important}.ahv3__shell .bes-history-post-confirm-bridge>[hidden]{display:none!important}.ahv3__shell .bes-history-post-confirm-bridge>.bes-post-confirm-edit-card{box-sizing:border-box;width:100%;min-width:0;margin:0;scroll-margin-block:14px}.ahv3__shell .bes-history-post-confirm-bridge>.bes-post-confirm-edit-card.is-open,.ahv3__shell .bes-history-post-confirm-bridge>.bes-post-confirm-edit-card.is-locked,.ahv3__shell .bes-history-post-confirm-bridge>.bes-post-confirm-edit-card.is-editing{grid-column:1/-1}@media (max-width:900px){.ahv3__shell .ahv3__detail>.bes-history-post-confirm-bridge{order:99;grid-column:1/-1}}.ahv3__shell .ahv3__detail:has(>.bes-history-post-confirm-bridge){overflow-anchor:none}.ahv3__shell .bes-history-post-confirm-bridge,.ahv3__shell .bes-history-post-confirm-bridge .bes-post-confirm-edit-card{overflow-anchor:none}.ahv3__shell .bes-history-post-confirm-bridge .bes-post-confirm-students{overscroll-behavior:auto;scrollbar-gutter:auto;max-height:none;overflow:visible}.attendance-tabs button[data-bes-hidden-quick-tab=true]{display:none!important}.attendance-tabs button[data-bes-calendar-entry-tab=true].bes-calendar-detail-active{color:var(--att-blue,#2468d8)}.attendance-tabs button[data-bes-calendar-entry-tab=true].bes-calendar-detail-active:after{content:"";background:var(--att-blue,#2468d8);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:16px;right:16px}.attendance-shell[data-bes-calendar-class-detail=true] .attendance-quick-layout{grid-template-columns:minmax(0,1fr)!important}.attendance-shell[data-bes-calendar-class-detail=true] .attendance-class-list,.attendance-shell[data-bes-calendar-class-detail=true] .attendance-class-list-restore{display:none!important}.bes-attendance-calendar-back{width:-moz-fit-content;width:fit-content;min-height:32px;color:var(--att-blue,#2468d8);font:inherit;cursor:pointer;white-space:nowrap;background:#f7faff;border:1px solid #d6e2f1;border-radius:10px;align-items:center;gap:7px;margin:0 0 8px 2px;padding:0 11px;display:inline-flex;box-shadow:0 1px 2px #20416c0a}.bes-attendance-calendar-back:hover{background:#edf5ff;border-color:#b9d0ee}.bes-attendance-calendar-back:focus-visible{outline-offset:2px;outline:3px solid #2468d82e}.bes-attendance-calendar-back>span{font-size:15px;line-height:1}.bes-attendance-calendar-back>b{font-size:11px;font-weight:800}@media (max-width:820px){.attendance-shell[data-bes-calendar-class-detail=true] .attendance-quick-layout{display:block}.bes-attendance-calendar-back{min-height:30px;margin-bottom:6px;padding:0 9px}.bes-attendance-calendar-back>b{font-size:10px}}.brian-nav__primary>button[data-brian-star-fx=true]{--star-x:50%;--star-y:50%;--star-energy:.18}.brian-nav-star-effect{z-index:3;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.brian-nav-star-effect__aura{border-radius:inherit;background:radial-gradient(circle 34px at calc(var(--star-x,50%) + 9px) calc(var(--star-y,50%) + 9px), #ffffffeb 0%, rgba(var(--nav-rgb,121, 217, 255), .34) 24%, rgba(var(--nav-rgb,121, 217, 255), .14) 43%, rgba(var(--nav-rgb,121, 217, 255), 0) 72%);opacity:var(--star-energy,.18);transform-origin:var(--star-x,50%) var(--star-y,50%);filter:saturate(1.05);transition:opacity .18s,transform .26s cubic-bezier(.2,.8,.2,1),filter .18s;animation:none;position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px;transform:scale(.97)}.brian-nav-star-effect__sparkle{clip-path:polygon(50% 0%,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0% 50%,38% 36%);opacity:.06;width:8px;height:8px;filter:drop-shadow(0 0 4px rgba(var(--nav-rgb,121, 217, 255), .74));transform:translate3d(var(--star-x,50%), var(--star-y,50%), 0) translate3d(var(--sparkle-x,0px), var(--sparkle-y,0px), 0) scale(.65) rotate(0deg);background:#f8fdfffa;margin:-4px 0 0 -4px;transition:opacity .16s,transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.brian-nav-star-effect__sparkle--one{--sparkle-x:-21px;--sparkle-y:-10px;animation-delay:-120ms}.brian-nav-star-effect__sparkle--two{--sparkle-x:18px;--sparkle-y:-8px;width:6px;height:6px;margin:-3px 0 0 -3px;animation-delay:-560ms}.brian-nav-star-effect__sparkle--three{--sparkle-x:13px;--sparkle-y:12px;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;animation-delay:-920ms}.brian-nav__primary>button[data-brian-star-fx=true]:hover .brian-nav-star-effect__aura{opacity:max(var(--star-energy,.18), .34);filter:saturate(1.08)brightness(1.02);transform:scale(1.02)}.brian-nav__primary>button[data-brian-star-fx=true]:focus-visible .brian-nav-star-effect__aura{opacity:max(var(--star-energy,.18), .34);filter:saturate(1.08)brightness(1.02);transform:scale(1.02)}.brian-nav__primary>button[data-brian-star-fx=true]:hover .brian-nav-star-effect__sparkle{opacity:.34}.brian-nav__primary>button[data-brian-star-fx=true]:focus-visible .brian-nav-star-effect__sparkle{opacity:.34}.brian-nav__primary>button[data-brian-star-fx=true][data-star-active=true] .brian-nav-star-effect__aura{filter:saturate(1.12)brightness(1.035);animation:1.8s ease-in-out infinite brian-nav-star-breathe;transform:scale(1.055)}.brian-nav__primary>button[data-brian-star-fx=true][data-star-active=true] .brian-nav-star-effect__sparkle{opacity:.88;animation:1.26s ease-in-out infinite brian-nav-star-twinkle}.brian-nav__primary>button[data-brian-star-fx=true].is-active .brian-nav-star-effect__aura,.brian-nav__primary>button[data-brian-star-fx=true][aria-current=page] .brian-nav-star-effect__aura{opacity:max(var(--star-energy,.18), .34)}@keyframes brian-nav-star-breathe{0%,to{transform:scale(1.01)}50%{transform:scale(1.055)}}@keyframes brian-nav-star-twinkle{0%,to{opacity:.38;transform:translate3d(var(--star-x,50%), var(--star-y,50%), 0) translate3d(var(--sparkle-x), var(--sparkle-y), 0) scale(.78) rotate(0deg)}48%{opacity:.98;transform:translate3d(var(--star-x,50%), var(--star-y,50%), 0) translate3d(var(--sparkle-x), var(--sparkle-y), 0) scale(1.12) rotate(18deg)}72%{opacity:.62;transform:translate3d(var(--star-x,50%), var(--star-y,50%), 0) translate3d(var(--sparkle-x), var(--sparkle-y), 0) scale(1) rotate(31deg)}}@media (prefers-reduced-motion:reduce){.brian-nav-star-effect__aura,.brian-nav-star-effect__sparkle{transition:opacity .12s linear!important;animation:none!important}.brian-nav__primary>button[data-brian-star-fx=true][data-star-active=true] .brian-nav-star-effect__sparkle{opacity:.44}.brian-nav__primary>button[data-brian-star-fx=true]:focus-visible .brian-nav-star-effect__sparkle{opacity:.44}}@media (min-width:700px){.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay{--bes-ws-modal-width:1040px;--bes-ws-side-width:640px;--bes-ws-pad-x:24px;--bes-ws-control-h:48px;box-sizing:border-box!important;width:min(var(--bes-ws-modal-width), calc(100vw - 32px))!important;max-width:min(var(--bes-ws-modal-width), calc(100vw - 32px))!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;border-radius:24px!important;max-height:calc(100dvh - 24px)!important;margin-inline-start:auto!important;margin-inline-end:auto!important;overflow:auto!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay,.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay *{box-sizing:border-box!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:not(.bes-compact-side-drawer){flex-direction:column!important;display:flex!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has(.bes-compact-overlay-body){overflow:hidden!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-side-drawer{--bes-ws-modal-width:var(--bes-ws-side-width);width:min(var(--bes-ws-side-width), calc(100vw - 16px))!important;max-width:min(var(--bes-ws-side-width), calc(100vw - 16px))!important;border-radius:22px!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has(table){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=table]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=grid]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=statistics]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=submission]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=filter]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay .bes-compact-overlay-header{min-width:0!important;max-width:100%!important;padding:20px var(--bes-ws-pad-x) 16px!important;flex:none!important;gap:12px!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay .bes-compact-overlay-body{min-width:0!important;max-width:100%!important;min-height:0!important;padding:18px var(--bes-ws-pad-x) 22px!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;flex:auto!important;gap:16px!important;overflow:auto!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay .bes-compact-overlay-footer{min-width:0!important;max-width:100%!important;padding:14px var(--bes-ws-pad-x) 18px!important;flex:none!important;gap:10px!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]),.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay select{width:100%!important;min-width:0!important;max-width:100%!important;min-height:var(--bes-ws-control-h)!important;height:var(--bes-ws-control-h)!important;border-radius:12px!important;padding:10px 13px!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay textarea{border-radius:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:104px!important;padding:12px 14px!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay button,.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay [role=button]{max-width:100%!important;min-height:44px!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay button[aria-label*=close i],.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay button[aria-label*=đóng i],.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay [class$=-close],.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay [class*=-close\ ]{border-radius:12px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay>*{min-width:0!important;max-width:100%!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay :where(form,fieldset,section,article,aside,nav,header,footer,main,div,ul,ol,li,table,thead,tbody,tfoot,tr,td,th){min-width:0!important;max-width:100%!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay :where([class*=filters],[class*=filter-row],[class*=filterbar],[class*=controls],[class*=toolbar],[class*=actions],[class*=form-row],[class*=fields-row],[class*=selectors]){flex-wrap:wrap!important;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))!important;min-width:0!important;max-width:100%!important;overflow-x:visible!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay :where([class*=filters],[class*=filter-row],[class*=filterbar],[class*=controls],[class*=toolbar],[class*=actions],[class*=form-row],[class*=fields-row],[class*=selectors])>*{min-width:0!important;max-width:100%!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay :where([class*=table-wrap],[class*=table-scroll],[class*=data-grid],[class*=horizontal-scroll]){-webkit-overflow-scrolling:touch;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;width:100%!important;max-width:100%!important;overflow:auto!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay table{max-width:100%!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.tth-modal,.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.tth-share-modal,.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.launcher-link-form,.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.launcher-link-manager{width:min(var(--bes-ws-modal-width), calc(100vw - 32px))!important;max-width:min(var(--bes-ws-modal-width), calc(100vw - 32px))!important;height:auto!important;max-height:calc(100dvh - 24px)!important}.shared-chatbot-drawer-v1167.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-side-drawer,.android-detail-panel.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-side-drawer{width:min(var(--bes-ws-side-width), calc(100vw - 16px))!important;max-width:min(var(--bes-ws-side-width), calc(100vw - 16px))!important}}@media (min-width:1180px) and (min-aspect-ratio:4/3){.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay{--bes-ws-modal-width:1160px;--bes-ws-side-width:700px}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has(table){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=table]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=grid]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=statistics]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=submission]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay:has([class*=filter]){--bes-ws-modal-width:1680px;width:min(1680px,100vw - 24px)!important;max-width:min(1680px,100vw - 24px)!important}}@media (max-width:699px){.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay{scrollbar-gutter:stable!important;width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:calc(100dvh - 8px)!important;overflow:auto!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay input,.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay select,.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay textarea,.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay button{max-width:100%!important}.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay.bes-compact-overlay :where([class*=filters],[class*=filter-row],[class*=filterbar],[class*=controls],[class*=toolbar],[class*=actions],[class*=form-row],[class*=fields-row],[class*=selectors]){flex-wrap:wrap!important;grid-template-columns:1fr!important;min-width:0!important;max-width:100%!important}}:root{--hrm3-primary:#0b57d0;--hrm3-primary-hover:#0842a0;--hrm3-primary-soft:#d3e3fd;--hrm3-primary-container:#e8f0fe;--hrm3-green:#137333;--hrm3-green-soft:#e6f4ea;--hrm3-red:#b3261e;--hrm3-red-soft:#fce8e6;--hrm3-ink:#1f1f1f;--hrm3-muted:#5f6368;--hrm3-bg:#f6f8fc;--hrm3-surface:#fff;--hrm3-surface-alt:#f8fafd;--hrm3-outline:#dfe3eb;--hrm3-outline-strong:#c7cdd8;--hrm3-shadow-1:0 1px 2px #3c40431a, 0 1px 3px 1px #3c40430f;--hrm3-shadow-2:0 4px 10px #3c40431a, 0 2px 6px #3c404314;--hrm3-shadow-3:0 10px 28px #3c40431f}.page.hr-page{isolation:isolate;background:0 0!important;width:min(1440px,100vw - 48px)!important;padding-top:22px!important}.page.hr-page:before,.page.hr-page:after{display:none!important}.hr-page .hr-workspace-body,.hr-page .hr-tab-stack{gap:20px!important}.hr-page .hr-hero{min-height:236px!important;box-shadow:var(--hrm3-shadow-1)!important;background:radial-gradient(circle at 72% -20%,#0b57d01f,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 55%,#eef5ff 100%)!important;border:1px solid #0b57d014!important;border-radius:28px!important;grid-template-columns:minmax(0,1.4fr) minmax(220px,.62fr) minmax(230px,.52fr)!important;gap:16px!important;margin-bottom:20px!important;padding:20px!important}.hr-page .hr-hero:before{background:#0b57d00e!important;width:270px!important;height:270px!important;top:-180px!important;right:25%!important}.hr-page .hr-hero-copy{padding:14px 18px!important}.hr-page .hr-hero-copy>p{letter-spacing:.085em!important;margin-bottom:10px!important;font-size:11px!important}.hr-page .hr-class-type-badge.hero{background:var(--hrm3-green-soft)!important;min-height:28px!important;color:var(--hrm3-green)!important;letter-spacing:.05em!important;border:0!important;border-radius:8px!important;margin-bottom:10px!important;padding:0 10px!important;font-size:10px!important;font-weight:800!important}.hr-page.is-subject-class .hr-class-type-badge.hero{background:var(--hrm3-primary-container)!important;color:#174ea6!important}.hr-page .hr-hero-copy h1{letter-spacing:-.035em!important;margin-bottom:14px!important;font-size:clamp(38px,4vw,58px)!important;font-weight:500!important;line-height:1.02!important}.hr-page .hr-hero-copy>span{background:#f7faff!important;border:1px solid #d6e3f5!important;min-height:36px!important;padding:0 14px!important}.hr-page .hr-hero-art{background:linear-gradient(#edf4ff 0%,#e3eeff 100%)!important;border:1px solid #dce7f7!important;border-radius:22px!important;min-height:196px!important}.hr-page .hr-board{border-width:8px!important;width:min(100%,230px)!important;height:112px!important;box-shadow:0 8px 18px #3c40431f!important}.hr-page .hr-board b{font-size:25px!important}.hr-page .hr-person{width:44px!important;height:66px!important;bottom:22px!important}.hr-page .hr-person:before{width:30px!important;height:30px!important;top:-20px!important;left:7px!important}.hr-page .hr-hero-meta{border:1px solid var(--hrm3-outline)!important;background:#fffffff0!important;border-radius:22px!important;padding:18px!important;box-shadow:0 1px 2px #3c40430f!important}.hr-page .hr-hero-meta>b{font-size:18px!important}.hr-page .hr-tabs{box-shadow:var(--hrm3-shadow-1)!important;background:#fffffff5!important;border:1px solid #dadce0e0!important;border-radius:18px!important;gap:2px!important;margin-bottom:20px!important;padding:6px!important;top:82px!important}.hr-page .hr-tabs button{border-radius:13px!important;min-height:42px!important;padding:0 14px!important}.hr-page .hr-tabs button.active{background:var(--hrm3-primary-soft)!important;color:#041e49!important}.hr-page .hr-panel,.hr-page .hr-loading{border:1px solid var(--hrm3-outline)!important;background:var(--hrm3-surface)!important;box-shadow:var(--hrm3-shadow-1)!important;border-radius:24px!important;padding:26px!important}.hr-page .hr-panel-head{align-items:center!important;margin-bottom:22px!important}.hr-page .hr-panel-head h2,.hr-page .hr-share-panel h2{font-size:clamp(24px,2vw,30px)!important;font-weight:500!important}.hr-page .hr-panel-head small,.hr-page .hr-panel>div>small,.hr-page .hr-share-panel>div>small{color:var(--hrm3-primary)!important;font-weight:800!important}.hr-page .hr-phase3-banner{background:linear-gradient(135deg,#fff 0%,#f4f8ff 100%)!important;border:1px solid #d9e5f7!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;padding:24px 26px!important;display:grid!important}.hr-page .hr-phase3-banner>div p{max-width:820px!important;margin:8px 0 0!important}.hr-page .hr-phase3-banner>span{color:#fff!important;text-align:left!important;background:#0f3f34!important;border-radius:16px!important;min-width:220px!important;padding:16px 18px!important;font-weight:700!important}.hr-page .hr-phase3-banner>span small{color:#b7e1cd!important;margin-top:5px!important;font-size:11px!important;font-weight:600!important;display:block!important}.hr-page .bes-teacher-class-filter{box-shadow:none!important;background:#f8fbff!important;border:1px solid #d9e5f7!important;border-radius:18px!important;grid-template-columns:minmax(260px,1fr) minmax(260px,360px) auto!important;align-items:center!important;gap:14px!important;margin-bottom:20px!important;padding:16px!important}.hr-page .bes-teacher-class-filter-copy small{color:var(--hrm3-primary)!important}.hr-page .bes-teacher-class-filter-copy strong{font-size:14px!important;font-weight:600!important}.hr-page .bes-teacher-class-filter select{border:1px solid var(--hrm3-outline-strong)!important;background:#fff!important;border-radius:12px!important;min-height:46px!important;font-weight:600!important}.hr-page .bes-teacher-class-filter-result{background:var(--hrm3-green-soft)!important;border-radius:12px!important;justify-content:center!important;min-width:170px!important;min-height:46px!important}.hr-page .hr-class-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;display:grid!important}.hr-page .hr-class-catalog>article{border:1px solid var(--hrm3-outline)!important;min-width:0!important;box-shadow:none!important;background:#fff!important;border-radius:20px!important;padding:20px!important;position:relative!important;overflow:hidden!important}.hr-page .hr-class-catalog>article:hover{box-shadow:var(--hrm3-shadow-2)!important;border-color:#a8c7fa!important}.hr-page .hr-class-catalog>article.current{border:2px solid var(--hrm3-primary)!important;background:linear-gradient(#fff 0%,#f8fbff 100%)!important;box-shadow:0 0 0 3px #0b57d014!important}.hr-page .hr-class-catalog>article.current:after{content:"ĐANG MỞ"!important;background:var(--hrm3-primary-container)!important;color:#174ea6!important;letter-spacing:.06em!important;border-radius:999px!important;padding:5px 8px!important;font-size:9px!important;font-weight:800!important;position:absolute!important;top:14px!important;right:14px!important}.hr-page .hr-class-catalog>article header{grid-template-columns:52px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;display:grid!important}.hr-page .hr-class-catalog>article header>span{background:var(--hrm3-green-soft)!important;width:52px!important;height:52px!important;color:var(--hrm3-green)!important;border-radius:16px!important;place-items:center!important;font-size:20px!important;font-weight:700!important;display:grid!important}.hr-page .hr-class-catalog>article.is-subject header>span{background:var(--hrm3-primary-container)!important;color:#174ea6!important}.hr-page .hr-class-catalog h3{letter-spacing:-.02em!important;margin:7px 0 4px!important;font-size:21px!important;font-weight:600!important}.hr-page .hr-class-catalog header small{color:var(--hrm3-muted)!important;font-size:12px!important}.hr-page .hr-class-type-badge{background:var(--hrm3-primary-container)!important;color:#174ea6!important;letter-spacing:.055em!important;border:0!important;border-radius:8px!important;align-items:center!important;min-height:26px!important;padding:0 9px!important;font-size:9px!important;font-weight:800!important;display:inline-flex!important}.hr-page .hr-class-type-badge.homeroom{background:var(--hrm3-green-soft)!important;color:var(--hrm3-green)!important}.hr-page .bes-class-teacher-assignment{margin:14px 0 0!important}.hr-page .bes-class-teacher-assignment span{border-radius:8px!important;padding:6px 9px!important;font-size:10px!important}.hr-page .hr-class-card-stats{grid-template-columns:.78fr 1.22fr!important;gap:10px!important;margin:16px 0!important;display:grid!important}.hr-page .hr-class-card-stats>b{background:var(--hrm3-surface-alt)!important;min-width:0!important;min-height:68px!important;color:var(--hrm3-ink)!important;overflow-wrap:anywhere!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;padding:12px!important;font-size:14px!important;font-weight:700!important;display:flex!important}.hr-page .hr-class-card-stats>b small{color:var(--hrm3-muted)!important;font-size:11px!important;font-weight:500!important}.hr-page .hr-class-catalog>article footer{align-items:center!important;gap:8px!important;min-height:42px!important;display:flex!important}.hr-page .hr-class-catalog>article footer strong{min-height:40px!important;color:var(--hrm3-green)!important;align-items:center!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important}.hr-page .hr-class-catalog>article footer button{border:1px solid var(--hrm3-outline)!important;min-height:40px!important;color:var(--hrm3-primary)!important;background:#fff!important;padding:0 14px!important;font-size:12px!important;font-weight:700!important}.hr-page .hr-class-catalog>article footer button:hover{background:#f5f9ff!important;border-color:#a8c7fa!important}.hr-page .hr-class-catalog>article footer button.danger{color:var(--hrm3-red)!important;background:0 0!important;border-color:#0000!important;margin-left:auto!important}.hr-page .hr-class-catalog>article footer button.danger:hover{background:var(--hrm3-red-soft)!important}.hr-page .hr-two-column{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;display:grid!important}.hr-page .hr-two-column>.hr-panel{align-self:start!important}.hr-page .hr-two-column>.hr-panel .hr-panel-head{border-bottom:1px solid var(--hrm3-outline)!important;padding-bottom:16px!important}.hr-page .hr-security-note{color:#5f4300!important;background:#fef7e0!important;border:0!important;border-radius:14px!important;margin:18px 0 0!important;padding:14px 16px!important;font-size:12px!important;line-height:1.5!important}.hr-page .hr-form-grid.two{gap:15px!important}.hr-page input,.hr-page select,.hr-page textarea{background:#f8fafd!important;border:1px solid #e0e3e7!important}.hr-page input:hover,.hr-page select:hover,.hr-page textarea:hover{background:#fff!important;border-color:#c4c7c5!important}.hr-page input:focus,.hr-page select:focus,.hr-page textarea:focus{border-color:var(--hrm3-primary)!important;background:#fff!important;box-shadow:0 0 0 3px #0b57d01a!important}.hr-page button.primary{background:var(--hrm3-primary)!important}.hr-page button.primary:hover{background:var(--hrm3-primary-hover)!important;box-shadow:0 2px 6px #0b57d038!important}.hr-page button.secondary,.hr-page .hr-row-actions button,.hr-page .text-btn{border-color:var(--hrm3-outline-strong)!important}.hr-page .hr-table-wrap,.hr-page .hr-preview-table{box-shadow:none!important;border-radius:18px!important}@media (max-width:1180px){.hr-page .hr-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)!important}.hr-page .hr-hero-meta{grid-column:1/-1!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;display:grid!important}.hr-page .hr-class-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:900px){.page.hr-page{width:min(100% - 24px,1440px)!important}.hr-page .hr-hero{grid-template-columns:1fr!important}.hr-page .hr-hero-art{min-height:180px!important}.hr-page .hr-hero-meta{grid-column:auto!important}.hr-page .hr-phase3-banner,.hr-page .hr-two-column{grid-template-columns:1fr!important}.hr-page .hr-phase3-banner>span{min-width:0!important}.hr-page .bes-teacher-class-filter{grid-template-columns:1fr!important;align-items:stretch!important}.hr-page .bes-teacher-class-filter-result{width:100%!important}}@media (max-width:680px){.page.hr-page{width:min(100% - 16px,1440px)!important;padding-top:12px!important}.hr-page .hr-hero,.hr-page .hr-panel{border-radius:20px!important;padding:18px!important}.hr-page .hr-hero-copy{padding:4px!important}.hr-page .hr-hero-copy h1{font-size:36px!important}.hr-page .hr-tabs{border-radius:15px!important;top:70px!important}.hr-page .hr-class-catalog{grid-template-columns:1fr!important}.hr-page .hr-class-catalog>article{padding:17px!important}.hr-page .hr-panel-head{align-items:flex-start!important}}