@layer utilities{.content-auto{content-visibility:auto}}body::before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse 55% 40% at 12% 15%,rgba(255,255,255,0.5),transparent),radial-gradient(ellipse 45% 35% at 88% 82%,rgba(255,255,255,0.3),transparent),linear-gradient(135deg,#eef2ff 0,#e0e7ff 40%,#c7d2fe 75%,#a5b4fc 100%);background-repeat:no-repeat;z-index:-1}body{min-height:100vh;margin:0;padding:0;overflow-x:hidden}#teacherClass,#editTeacherClass{caret-color:#374151!important}#teacherClass:focus,#editTeacherClass:focus{outline:2px solid rgba(59,130,246,0.5)}.main-content{padding-bottom:80px;margin-left:16rem;min-height:100vh}#navbar-container{width:256px;height:calc(100vh - 72px);position:fixed;top:0;left:0;z-index:99;overflow-y:auto;background-color:rgba(255,255,255,0.5);box-shadow:0 0 10px rgba(0,0,0,0.1)}@media(max-width:768px){#navbar-container{width:56px!important}.main-content{margin-left:56px!important}#navbar-container .text-xl,#navbar-container span:not(.icon){display:none}}body>main,main.flex-grow{min-width:0}table td button,.row-actions button{min-height:28px;padding:4px 6px}header .hdr-actions{flex-basis:100%;justify-content:flex-end}header>div{flex-wrap:wrap}header .hdr-actions #currentUser,header .hdr-actions #changePwdBtn,header .hdr-actions #logoutBtn,header .hdr-actions #backToStudent,header .hdr-actions #backToReview,header .hdr-actions #usersBtn{display:none!important}#navUserPill{display:inline-flex!important;align-items:center;gap:5px;white-space:nowrap}#navUserPill .nv-ava{width:20px;height:20px;min-width:20px;max-width:20px;flex:none;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;display:block}#roleNav a,header a,.btn,a.btn,.sm-tab,.la-tab,.pa-btn,.rbtn,.m-nav a,.mobile-nav a{text-decoration:none!important}#roleNav a:hover,header a:hover{text-decoration:none!important}select,input[type=text],input[type=number],input[type=date],input[type=datetime-local],input[type=file],textarea{border:1px solid #cbd5e1;border-radius:8px;background-color:#fff;font-family:inherit}select:focus,input:focus,textarea:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}@media(max-width:768px){#roleNav{top:6px!important;right:6px!important;max-width:calc(100vw - 12px);flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px}#roleNav ~ main{padding-top:3.5rem!important}header>div{flex-wrap:wrap!important;gap:8px}main .grid-cols-4,main .grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}table{font-size:12px}table th,table td{padding:.4rem .5rem!important}#detailBody section>div.grid,#detailBody div.grid{grid-template-columns:1fr!important}#detailBody,#addStudentModal .p-6,#editStudentModal .p-6{padding:12px!important}.fixed.inset-0>div{max-width:100%!important;width:100%!important;margin:0!important}.fixed.inset-0>div.max-h-\[90vh\],.fixed.inset-0>div.max-h-\[88vh\]{max-height:100vh!important;height:100vh!important;border-radius:0!important}.hide-sm{display:none!important}.flex-wrap>input[type="text"],.flex-wrap>select{min-width:100%}}@media(max-width:480px){#roleNav>span:first-child{display:none!important}main .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}h1{font-size:1.05rem!important}}@media(max-width:768px){#studentsTable{overflow-x:visible!important}#studentsTable table,#studentsTable thead,#studentsTable tbody,#studentsTable tr,#studentsTable td{display:block;width:100%}#studentsTable thead{display:none}#studentsTable tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:0 0 12px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}#studentsTable td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0!important;white-space:normal!important;text-align:right;border:0;font-size:13px}#studentsTable td::before{content:attr(data-label);flex:0 0 auto;color:#6b7280;font-size:12px;font-weight:600}#studentsTable td.card-primary{font-size:16px;font-weight:700;color:#111827;border-bottom:1px dashed #e5e7eb;padding-bottom:8px!important;margin-bottom:4px}#studentsTable td.cell-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding-top:10px!important;margin-top:6px;border-top:1px dashed #e5e7eb;text-align:left}#studentsTable td.cell-actions::before{content:none}#studentsTable td.cell-actions button{background:#f3f4f6;border-radius:8px;padding:6px 10px;margin:0!important;font-size:13px}#studentsTable td.cell-actions button span.hide-sm{display:inline!important}#studentsTable tr:has(td[colspan]){border:0;box-shadow:none;padding:0}}.rec-card{border:1px solid #eef1f5;border-left:3px solid #cbd5e1;border-radius:10px;background:#fff;padding:10px 12px;margin-bottom:8px}.rec-card:last-child{margin-bottom:0}.rec-blue-100{border-left-color:#93c5fd;background:#fafcff}.rec-green-100{border-left-color:#86efac;background:#f9fdfa}.rec-amber-100{border-left-color:#fcd34d;background:#fffdf7}.rec-att-img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;display:block}.rec-att-img:hover{opacity:.88}@media(max-width:640px){.rec-card{padding:9px 10px;border-radius:9px}.rec-att-img{width:64px;height:64px}}.pager-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:#6b7280;padding:6px 2px}.pg-num{min-width:30px;height:28px;padding:0 8px;border:1px solid #e5e7eb;background:#fff;border-radius:7px;color:#374151;font-size:12.5px;cursor:pointer;line-height:1}.pg-num:hover:not(:disabled){border-color:#93c5fd;background:#f8faff;color:#1d4ed8}.pg-num.cur{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:700}.pg-num:disabled{opacity:.45;cursor:default}.pg-jump{width:62px;padding:3px 6px;border:1px solid #d1d5db;border-radius:7px;text-align:center;font-size:12.5px}.pg-size{border:1px solid #d1d5db;border-radius:8px;padding:3px 6px;font-size:12.5px;background:#fff}.b-draft{background:#fef3c7;color:#b45309}.b-fail{background:#fee2e2;color:#b91c1c}.b-ok{background:#dcfce7;color:#15803d}.b-run{background:#e0e7ff;color:#4338ca}.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}.cm-help{font-size:12px;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.cm-lv{border:1px solid #d1d5db;border-radius:8px;padding:4px 6px;font-size:13px;background:#fff}.cm-lv.done{background:#f0fdf4;border-color:#86efac;color:#15803d}.cm-mem{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;border-top:1px dashed #f3f4f6;font-size:13px}.cm-post{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;margin-bottom:12px;background:#fff}.cm-post-hd{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cm-post-hd .nm{font-size:15px;font-weight:700;color:#111827}.cm-sm{font-size:12px;color:#6b7280}.cm-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.cm-tag.cnt{background:#f3f4f6;color:#4b5563}.cm-tag.full{background:#fef3c7;color:#92400e}.cm-tag.max{background:#eff6ff;color:#1d4ed8}.ev-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.hint{font-size:12px;color:#6b7280}.kb-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.kb-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80;display:none}.kb-modal.open{display:flex;align-items:center;justify-content:center;padding:10px}.kb-panel{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.kb-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.kb-tab{padding:6px 12px;border-radius:8px 8px 0 0;font-size:13px;cursor:pointer;border:1px solid transparent;background:#f3f4f6;color:#4b5563}.kb-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal{position:fixed;inset:0;z-index:90;display:none}.modal-body{padding:12px 14px;overflow-y:auto;flex:1}.modal-foot{padding:10px 14px;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.modal-head{padding:12px 14px;border-bottom:1px solid #e5e7eb}.modal-mask{position:absolute;inset:0;background:rgba(17,24,39,.55)}.qb-cell{border:1px solid #e5e7eb;border-radius:8px;padding:6px 8px;background:#fff}.qb-cell .cn{font-size:11px;color:#6b7280}.qb-cell .sj{font-weight:700;color:#111827;font-size:14px}.qb-cell .tc{font-size:11px;color:#6b7280}.rl-b{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}.rl-b.b-off{background:#e5e7eb;color:#6b7280}.rl-b.b-on{background:#dcfce7;color:#15803d}.rl-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;overflow:hidden}.rl-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:9px 12px;background:#f8fafc;cursor:pointer;user-select:none;border-bottom:1px solid #eef2f7}.rl-card-head .rl-chev{color:#94a3b8;font-size:13px;transition:transform .15s}.rl-card-head b{font-size:14px;color:#1f2937}.rl-card-other .rl-card-head{background:#f5f3ff;border-bottom-color:#ddd6fe}.rl-card.rl-card-over{box-shadow:0 0 0 2px #93c5fd inset}.rl-cat-cap{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:2px 9px}.rl-cat-cap-in{width:54px;text-align:center;font-size:12px;padding:1px 3px;min-width:0;border:1px solid #fcd34d;border-radius:4px;background:#fff;color:#92400e}.rl-cat-n{font-size:12px;color:#9ca3af}.rl-empty-cat{padding:14px;text-align:center;font-size:12px;color:#9ca3af}.rl-grip{cursor:grab;color:#cbd5e1;user-select:none;text-align:center;font-size:13px}.rl-head-row{padding:6px 12px;background:#fbfcfe;border-bottom:1px solid #eef2f7;font-size:11px;font-weight:600;color:#94a3b8}.rl-head-row,.rl-row{display:grid;grid-template-columns:20px minmax(0,1.6fr) minmax(112px,.7fr) minmax(118px,1fr) 78px minmax(0,1.4fr) auto;column-gap:10px;align-items:center}.rl-link{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;vertical-align:1px;white-space:nowrap}.rl-name{font-weight:600;min-width:0;overflow-wrap:anywhere}.rl-name .rl-empty{color:#c4c9d4;font-weight:400;font-style:normal}.rl-note{font-size:12px;color:#6b7280;min-width:0;overflow-wrap:anywhere}.rl-op{border:1px solid #e5e7eb;background:#fff;border-radius:5px;height:26px;min-width:26px;padding:0 6px;font-size:12px;color:#4b5563;line-height:1}.rl-op.rl-add{color:#2563eb;border-color:#bfdbfe;background:#eff6ff;margin-left:auto}.rl-op.rl-del{color:#dc2626;border-color:#fecaca}.rl-op.rl-edit{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.rl-op:disabled{opacity:.3;cursor:not-allowed}.rl-ops{display:flex;gap:4px;flex:0 0 auto}.rl-roles{font-size:12px;color:#6b7280}.rl-row{padding:8px 12px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151}.rl-row.rl-dropafter{box-shadow:inset 0 -2px 0 0 #3b82f6}.rl-row.rl-dropbefore{box-shadow:inset 0 2px 0 0 #3b82f6}.rl-sec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:15px;font-weight:700;color:#374151;margin:0 2px 8px}.rl-sec-head small{font-weight:400;font-size:12px;color:#9ca3af}.rl-val{font-weight:700;white-space:nowrap}.rl-val em{font-style:normal;font-weight:400;font-size:11px;color:#9ca3af;margin-left:3px}.rv-nophoto{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#9ca3af;font-size:13px;padding:16px;text-align:center}.stu.on-ABSENT{border-color:#dc2626;background:#fef2f2}.stu.on-LONG{border-color:#059669;background:#ecfdf5}.stu.on-TEMP{border-color:#d97706;background:#fffbeb}.subtab.active{background:#3b82f6;color:#fff;box-shadow:0 1px 4px rgba(59,130,246,.35)}.tab{background:#f3f4f6;color:#374151}.tab-active{background:#3b82f6;color:white}table.ev thead th{background:#f9fafb;font-weight:600;color:#374151}table.kb{border-collapse:collapse;width:100%;font-size:13px}table.kb td.blank{background:#fafafa;color:#d1d5db}table.kb th,table.kb td{border:1px solid #e5e7eb;padding:5px 3px;text-align:center;vertical-align:middle}table.kb thead th{background:#f9fafb;font-weight:600;color:#374151;white-space:nowrap}@media(max-width:768px){.modal-panel{margin:0;width:100%;max-width:none;max-height:100vh;height:100vh;border-radius:0}}body>header{position:sticky;top:0;z-index:40}@supports(overflow-x:clip){body{overflow-x:clip}}.ask-wrap{position:relative;display:inline-block;vertical-align:middle}.ask-q{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:10.5px;font-weight:800;font-style:normal;line-height:1;cursor:pointer;margin-left:5px;vertical-align:1px;-webkit-tap-highlight-color:transparent;user-select:none}.ask-q:hover,.ask-q:focus{background:#2563eb;border-color:#2563eb;color:#fff}.ask-q:focus{outline:2px solid #bfdbfe;outline-offset:1px}.ask-pop{position:fixed;z-index:2100;width:min(470px,88vw);max-height:62vh;overflow:auto;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;color:#334155;font-size:12.5px;line-height:1.8;text-align:left;font-weight:400;box-shadow:0 16px 40px rgba(15,23,42,.22);-webkit-overflow-scrolling:touch}.ask-pop[hidden]{display:none}.ask-pop b{color:#0f172a}.ask-pop code{background:#f1f5f9;padding:1px 5px;border-radius:4px;color:#b45309}.ask-pop p{margin:0 0 6px}.ask-pop p:last-child{margin:0}