body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f4f8ff;font-family:Poppins,sans-serif;margin:0}.login-container{display:flex;min-height:100vh}.login-left{align-items:center;background:linear-gradient(145deg,#0f2a5c,#153b8a);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px;text-align:center}.login-left img{animation:float 4s ease-in-out infinite;margin-bottom:30px;max-width:420px;width:70%}.login-left h1{font-size:32px;font-weight:700;margin-bottom:8px}.tagline{font-size:14px;margin-bottom:35px;opacity:.85}.quote-box{animation:fadeSlide 2.5s ease;color:#dbeafe;font-size:18px;font-weight:500;min-height:30px}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center}.login-box{animation:slideUp .6s ease;background:#fff;border-radius:16px;box-shadow:0 20px 45px #00000026;padding:40px 32px;width:360px}.login-box h2{color:#1e3a8a;font-size:26px;font-weight:700;margin-bottom:6px}.subtitle{color:#64748b;font-size:14px;margin-bottom:22px}.login-box input{border:1.5px solid #cbd5e1;border-radius:10px;font-size:14px;margin-bottom:16px;padding:12px 14px;transition:.25s;width:100%}.login-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.login-box button{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:.3s;width:100%}.login-box button:hover{box-shadow:0 12px 30px #2563eb66;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.login-container{flex-direction:column}.login-left{padding:30px}}.sidebar{background:linear-gradient(180deg,#f5f7fa,#e8ecf3);box-shadow:2px 0 12px #00000014;font-family:Inter,sans-serif}.logo{color:#1e3a8a;font-size:22px}.menu-item{color:#1f2937;cursor:pointer;display:flex;flex-direction:column;font-weight:500;transition:.2s ease}.menu-item:hover{background:#dbeafe;color:#1d4ed8}.logout{background:#fee2e2;color:#b91c1c;font-weight:600;margin-top:auto}.sidebar{background:#0f172a;color:#e5e7eb;display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;transition:transform .3s ease;width:240px;z-index:1001}.logo{font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:30px;text-align:center}nav{flex:1 1}.menu-item{border-radius:8px;color:#cbd5f5;display:block;font-size:15px;margin-bottom:8px;padding:12px 14px;text-decoration:none;transition:background .2s ease}.menu-item:hover{background:#ffffff14}.menu-item.active{background:#ffffff26;color:#fff;font-weight:600}.logout{border-radius:8px;color:#fca5a5;cursor:pointer;font-size:14px;padding:12px;text-align:center}.logout:hover{background:#ffffff14}.mobile-topbar{align-items:center;background:#0f172a;color:#fff;display:none;font-size:18px;gap:14px;height:56px;left:0;padding:0 16px;position:fixed;top:0;width:100%;z-index:1002}.mobile-topbar svg{cursor:pointer}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:1000}.sidebar-overlay.show{display:block}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.mobile-topbar{display:flex}}.hamburger{cursor:pointer;font-size:22px;-webkit-user-select:none;user-select:none}.brand{font-size:16px;font-weight:600}.layout{background:#f8fafc;display:flex;min-height:100vh}.main-content{box-sizing:border-box;flex:1 1;margin-left:240px;padding:30px;transition:margin-left .3s ease}@media (max-width:768px){.main-content{margin-left:0;padding-left:16px;padding-right:16px;padding-top:80px}}.att_wrap{animation:fadeIn .3s ease}.att_top{align-items:center;display:flex;gap:20px;margin-bottom:15px}.stats span{font-weight:600;margin-right:15px}.editTag{color:#b91c1c;font-weight:700}.topicInput{margin-bottom:15px;padding:10px;width:100%}.att_table{border-collapse:collapse;width:100%}.att_table td,.att_table th{border-bottom:1px solid #e5e7eb;padding:10px}.saveBtn{margin-top:20px}.topicLabel{display:block;font-weight:600;margin:10px 0 5px}.admStu_wrap{animation:fadeIn .35s ease}.admStu_header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admStu_addBtn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px;transition:.2s}.admStu_addBtn:hover{background:#1e40af}.admStu_table{border-collapse:collapse;width:100%}.admStu_table td,.admStu_table th{border-bottom:1px solid #e5e7eb;padding:12px}.admStu_table button{border:none;border-radius:6px;cursor:pointer;margin-right:8px;padding:6px 10px}.admStu_modalBack{align-items:center;animation:fadeIn .25s ease;background:#0006;display:flex;inset:0;justify-content:center;position:fixed}.admStu_modal{animation:scaleIn .25s ease;background:#fff;border-radius:12px;padding:24px;width:320px}.admStu_modal input{margin-bottom:12px;padding:10px;width:100%}.admStu_actions{display:flex;justify-content:space-between}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}.attView_wrap{animation:fadeIn .3s ease}.attView_table{border-collapse:collapse;width:100%}.attView_table td,.attView_table th{border-bottom:1px solid #e5e7eb;padding:12px}.icons span{cursor:pointer;font-size:18px;margin-right:10px}.popupBack{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed}.popupBox{background:#fff;border-radius:12px;padding:25px;width:420px}.popupCols{display:flex;justify-content:space-between;margin-top:15px}.popupCols h4{margin-bottom:8px}.popupBox button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 18px}.editTable{border-collapse:collapse;margin-top:15px;width:100%}.editTable td,.editTable th{border-bottom:1px solid #e5e7eb;padding:10px}.cancelBtn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}.staff-page{background:linear-gradient(145deg,#f4f8ff,#eef3ff);font-family:Poppins,sans-serif;min-height:100vh;padding:40px;position:relative}.date-box{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:18px;box-shadow:0 12px 30px #2563eb73;color:#fff;display:flex;flex-direction:column;height:100px;justify-content:center;position:absolute;right:30px;top:30px;width:100px}.date-box .day{font-size:36px;font-weight:700;line-height:1}.date-box .month{font-size:14px;font-weight:600;text-transform:uppercase}.date-box .year{font-size:12px;opacity:.85}.welcome{color:#1e3a8a;font-size:26px;font-weight:600;margin-bottom:40px}.welcome span{color:#2563eb}.welcome small{color:#64748b;font-size:14px}.action-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:800px}.action-card{align-items:center;background:#fff;border-radius:18px;box-shadow:0 12px 28px #0000001f;cursor:pointer;display:flex;flex-direction:column;font-size:32px;height:140px;justify-content:center;transition:all .3s ease}.action-card p{color:#1f2937;font-size:15px;font-weight:600;margin-top:10px}.action-card.blue{border-left:6px solid #2563eb}.action-card.green{border-left:6px solid #16a34a}.action-card.red{border-left:6px solid #dc2626}.action-card:hover{box-shadow:0 18px 40px #0000002e;transform:translateY(-6px)}@media (max-width:600px){.date-box{height:90px;right:15px;top:15px;width:90px}.staff-page{padding:25px}}.stuAtt_wrap{animation:fadeIn .3s ease}.stuAtt_title{font-size:20px;font-weight:700;margin-bottom:15px}.stuAtt_table{border-collapse:collapse;width:100%}.stuAtt_table td,.stuAtt_table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.stuAtt_present{background:#dcfce7;color:#166534}.stuAtt_absent,.stuAtt_present{border-radius:12px;font-weight:600;padding:4px 10px}.stuAtt_absent{background:#fee2e2;color:#991b1b}.stuAtt_empty{color:#6b7280;padding:20px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vocAdmin_wrap{font-family:Inter,sans-serif;padding:30px}.vocAdmin_title{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:20px}.vocAdmin_taskList{display:flex;flex-direction:column;gap:14px;margin-bottom:30px}.vocAdmin_taskCard{background:#fff;border-radius:14px;box-shadow:0 8px 16px #0000000f;padding:16px 20px}.taskCode{color:#64748b;font-size:12px}.createTitle{color:#0f172a;margin-bottom:10px}.vocAdmin_top{display:flex;gap:20px;margin-bottom:25px}.vocAdmin_top label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.vocAdmin_top input{border:1px solid #cbd5e1;border-radius:8px;padding:10px;width:220px}.vocAdmin_table{border-collapse:collapse;margin-bottom:20px;width:100%}.vocAdmin_table th{background:#f1f5f9;font-size:14px;padding:12px;text-align:left}.vocAdmin_table td{border-bottom:1px solid #e5e7eb;padding:10px}.vocAdmin_table input{border:1px solid #cbd5e1;border-radius:6px;padding:8px;width:100%}.vocAdmin_remove{background:#fee2e2;border:none;border-radius:6px;color:#b91c1c;cursor:pointer;padding:6px 10px}.vocAdmin_actions{display:flex;justify-content:space-between}.addBtn{background:#e0f2fe;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 16px}.saveBtn{background:#2563eb;font-weight:600;padding:12px 20px}.saveBtn:disabled{opacity:.6}.stuTask_wrap{padding:30px}.stuTask_title{font-size:24px;font-weight:700;margin-bottom:25px}.stuTask_grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stuTask_card{background:#fff;border-radius:14px;box-shadow:0 10px 20px #00000014;cursor:pointer;padding:24px;text-align:center;transition:.25s}.stuTask_card:hover{transform:translateY(-6px)}.stuTask_card h3{margin-top:10px}.stuTask_icon{font-size:40px}.stuTask_card.disabled{opacity:.5;pointer-events:none}.vocabRead_wrap{padding:30px}.vocabRead_date{color:#64748b;margin-bottom:20px}.vocabRead_list{grid-gap:12px;display:grid;gap:12px;margin-bottom:30px}.vocabRead_item{background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;padding:14px}.vocabRead_item .ta{font-weight:600}.startBtn{padding:14px 26px}.vocabTest_wrap{text-align:center}.timer{font-size:20px;margin-bottom:20px}.questionBox{background:#f1f5f9;border-radius:16px;margin-bottom:20px;padding:30px}.question{font-size:24px;margin-bottom:20px}.questionBox input{border:1px solid #cbd5e1;border-radius:8px;padding:14px;width:260px}button{background:#2563eb;border:none;border-radius:10px;color:#fff;font-weight:600;padding:12px 26px}.vocabTest_wrap{font-family:Inter,sans-serif;margin:auto;max-width:520px;padding:40px}.vocabTest_top{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.timer{background:#fee2e2;border-radius:12px;color:#991b1b;padding:6px 14px}.questionBox{margin-bottom:25px}.label{color:#64748b;font-size:13px;margin-bottom:6px}.question{color:#0f172a;font-size:26px;font-weight:700}.answerInput{border:1px solid #cbd5e1;border-radius:10px;margin-bottom:25px}.answerInput,.nextBtn{font-size:16px;padding:14px;width:100%}.nextBtn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600}.nextBtn:hover{background:#1d4ed8}.vocTask_card{border-radius:12px;margin-bottom:14px}.vocTask_title{font-size:24px;font-weight:700;margin-bottom:20px}.resultTag{margin-left:6px}.vocTask_wrap{padding:24px}.vocTask_list{display:flex;flex-direction:column;gap:14px}.vocTask_card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 8px 16px #0000000f;display:flex;gap:12px;justify-content:space-between;padding:18px}.vocTask_info h4{font-size:16px;font-weight:600;margin:0}.vocTask_date{color:#64748b;font-size:13px}.status{border-radius:14px;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.status.done{background:#dcfce7;color:#166534}.status.pending{background:#fee2e2;color:#991b1b}.status.waiting{background:#fef3c7;color:#92400e}.resultTag{border-radius:14px;font-size:13px;font-weight:600;padding:6px 12px;white-space:nowrap}.resultTag.good{background:#dcfce7;color:#166534}.resultTag.waiting{background:#fef3c7;color:#92400e}.startBtn{background:#2563eb;font-size:14px;font-weight:600;padding:8px 16px}.startBtn:active{transform:scale(.97)}@media (max-width:768px){.vocTask_wrap{padding:16px}.vocTask_card{align-items:flex-start;flex-direction:column;gap:10px}.vocTask_info h4{font-size:15px}.resultTag,.status{align-self:flex-start}.startBtn{text-align:center;width:100%}}.ringWrap{height:56px;width:56px}.ringWrap svg{transform:rotate(-90deg)}.ringText strong{font-size:13px;font-weight:700}@media (max-width:768px){.vocTask_card{align-items:flex-start;flex-direction:column;gap:10px}.ringWrap{align-self:flex-end}}.ringBlock{align-items:center;display:flex;gap:10px}.ringWrap{height:52px;position:relative;width:52px}.ringText{align-items:center;font-weight:700;inset:0;justify-content:center;position:absolute}.ringStats,.ringText{display:flex;font-size:12px}.ringStats{flex-direction:column;font-weight:600}.ringStats .ok{color:#16a34a}.ringStats .bad{color:#dc2626}@media (max-width:768px){.vocTask_card{align-items:flex-start;flex-direction:column;gap:10px}.ringBlock{align-self:flex-end}}.eval_wrap{background:#f8fafc;font-family:Inter,sans-serif;min-height:100vh;padding:30px}.eval_wrap h2{color:#0f172a;font-size:22px;font-weight:700;margin-bottom:20px}.eval_table{background:#fff;border-collapse:collapse;border-radius:14px;box-shadow:0 10px 22px #0000000f;overflow:hidden;width:100%}.eval_table th{background:#f1f5f9;color:#334155;font-size:14px;font-weight:600;padding:14px;text-align:left}.eval_table td{border-bottom:1px solid #e5e7eb;color:#1e293b;font-size:14px;padding:14px}.eval_table tr:last-child td{border-bottom:none}.eval_status{border-radius:14px;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px}.eval_status.submitted{background:#dcfce7;color:#166534}.eval_status.pending{background:#fee2e2;color:#991b1b}.evalBtn{background:#2563eb;border-radius:10px;font-weight:600;padding:8px 16px;transition:.2s ease}.evalBtn:hover{background:#1d4ed8}.eva_wrap{font-family:Inter,sans-serif;padding:30px}.eva_title{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:20px}.eva_card{background:#fff;border-radius:14px;box-shadow:0 8px 16px #0000000f;margin-bottom:16px;padding:18px;transition:.25s ease}.eva_correct{background:#f0fdf4;border-left:6px solid #22c55e}.eva_wrong{background:#fef2f2;border-left:6px solid #ef4444}.eva_qno{font-weight:700;margin-bottom:10px}.eva_tamil{font-size:16px;font-weight:600}.eva_studentAns{color:#0f172a;font-weight:600}.eva_correctAns{color:#16a34a;font-weight:700}.eva_btnGroup{display:flex;gap:12px;margin-top:12px}.eva_btnGroup button{background:#e5e7eb;border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:8px 14px;transition:.2s ease}.eva_btnGroup button.active{background:#2563eb;color:#fff}.eva_btnGroup button:hover{transform:translateY(-1px)}.eva_saveBtn{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:25px;padding:14px 26px}.eva_saveBtn:hover{background:#1d4ed8}.adminTasks_wrap{font-family:Inter,system-ui,sans-serif;margin:auto;max-width:1100px;padding:28px}.adminTasks_title{color:#0f172a;font-size:24px;font-weight:600;margin-bottom:24px}.adminTasks_grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.taskCard{border-radius:14px;box-shadow:0 8px 24px #0f172a14;cursor:pointer;padding:22px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.taskCard:hover{box-shadow:0 12px 30px #0f172a1f;transform:translateY(-4px)}.taskCard h3{color:#020617;font-size:18px;font-weight:600;margin:0 0 8px}.taskCard p{font-size:14px;line-height:1.5}.taskCard.disabled{cursor:not-allowed;opacity:.6}.taskCard.disabled:hover{box-shadow:0 8px 24px #0f172a14;transform:none}.comingSoon{background:#facc15;border-radius:10px;color:#78350f;font-size:11px;font-weight:500;padding:4px 8px;position:absolute;right:14px;top:14px}.chatAdmin_wrap{color:#0f172a;font-family:Inter,system-ui,sans-serif;margin:auto;max-width:1100px;padding:24px}.chatAdmin_title{font-size:24px;font-weight:600;margin-bottom:20px}.createTitle{font-size:18px;font-weight:500;margin:32px 0 12px}.chatAdmin_taskList{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.chatAdmin_taskCard{align-items:center;background:#fff;border-radius:10px;box-shadow:0 6px 20px #0f172a0f;display:flex;justify-content:space-between;padding:16px 18px}.chatAdmin_taskCard h4{font-size:16px;font-weight:600;margin:0 0 6px}.chatAdmin_taskCard p{color:#475569;font-size:13px;margin:2px 0}.taskCode{background:#e0f2fe;border-radius:12px;color:#0369a1;display:inline-block;font-size:11px;margin-top:6px;padding:3px 8px}.evalBtn{background:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 14px}.evalBtn:hover{background:#0284c7}.chatAdmin_form{grid-gap:16px;background:#fff;border-radius:10px;box-shadow:0 6px 20px #0f172a0f;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:16px}.chatAdmin_form label{color:#334155;display:block;font-size:13px;margin-bottom:6px}.chatAdmin_form input,.chatAdmin_form select{border:1px solid #cbd5f5;border-radius:6px;font-size:14px;outline:none;padding:8px 10px;width:100%}.chatAdmin_form input:focus,.chatAdmin_form select:focus{border-color:#0ea5e9}.chatAdmin_actions{display:flex;justify-content:flex-end;margin-top:16px}.saveBtn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px}.saveBtn:disabled{background:#94a3b8;cursor:not-allowed}.saveBtn:hover:not(:disabled){background:#16a34a}.studentChat_card{background:#fff;border-radius:14px;box-shadow:0 8px 24px #0f172a14;max-width:420px;padding:20px}.studentChat_card h3{font-size:18px;font-weight:600;margin:0 0 8px}.studentChat_card p{color:#475569;font-size:14px;margin:4px 0}.status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;margin:10px 0;padding:4px 10px}.status.LIVE{background:#dcfce7;color:#166534}.status.UPCOMING{background:#e0f2fe;color:#0369a1}.status.COMPLETED{background:#e5e7eb;color:#374151}.startBtn{border-radius:8px;margin-top:12px;padding:10px 16px}.startBtn.disabled{background:#94a3b8;cursor:not-allowed}.chat_wrap{background:#f8fafc;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;height:100vh}.centerBox{margin:auto;text-align:center}.startBtn{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:12px 22px}.chat_header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;padding:14px 18px}.liveBadge{background:#dc2626;border-radius:10px;color:#fff;font-size:11px;margin-left:8px;padding:3px 8px}.timer{font-weight:600}.chat_messages{flex:1 1;overflow-y:auto;padding:16px}.msg{border-radius:14px;font-size:14px;margin-bottom:10px;max-width:70%;padding:10px 14px}.msg.me{background:#22c55e;color:#fff;margin-left:auto}.msg.other{background:#e5e7eb;color:#111827}.chat_input{background:#fff;display:flex;gap:10px;padding:14px}.chat_input input{border:1px solid #cbd5f5;border-radius:8px;flex:1 1;padding:10px}.chat_input button{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}.loader{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#22c55e;height:36px;margin:20px auto;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.staffTasks_wrap{background:#f8fafc;font-family:Inter,system-ui,sans-serif;min-height:100vh;padding:16px}.tasksList{gap:14px}.taskCard,.tasksList{display:flex;flex-direction:column}.taskCard{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0f172a14;gap:12px;padding:16px}.taskCard h4{color:#020617;font-size:16px;font-weight:600;margin:0}.taskCard p{color:#475569;font-size:13px;margin:2px 0}.viewBtn{background:#22c55e}.viewBtn:hover{background:#16a34a}@media (min-width:768px){.staffTasks_wrap{margin:auto;max-width:900px}.taskCard{align-items:center;flex-direction:row;justify-content:space-between}.viewBtn{padding:10px 18px;width:auto}}.staffRooms_wrap{background:#f8fafc;font-family:Inter,system-ui,sans-serif;min-height:100vh;padding:16px}.pageTitle{margin-bottom:16px}.emptyText{margin-top:40px}.roomsList{gap:14px}.roomCard,.roomsList{display:flex;flex-direction:column}.roomCard{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0f172a14;gap:12px;padding:16px}.roomInfo{display:flex;flex-direction:column;gap:6px}.roomLabel{color:#334155;font-size:13px;font-weight:600}.roomMeta{color:#475569;font-size:13px}.statusBadge{border-radius:999px;font-size:11px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.statusBadge.OK{background:#dcfce7;color:#166534}.statusBadge.RETRY{background:#fee2e2;color:#991b1b}.statusBadge.PENDING{background:#e5e7eb;color:#374151}.viewBtn{background:#0ea5e9;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;width:100%}.viewBtn:hover{background:#0284c7}@media (min-width:768px){.staffRooms_wrap{margin:auto;max-width:900px}.roomCard{align-items:center;flex-direction:row;justify-content:space-between}.viewBtn{padding:10px 18px;width:auto}}.staffChat_wrap{background:#f8fafc;font-family:Inter,system-ui,sans-serif;margin:auto;max-width:900px;min-height:100vh;padding:16px}.pageTitle{color:#0f172a;font-size:20px;font-weight:600;margin-bottom:14px}.chatBox{background:#fff;border-radius:14px;box-shadow:0 6px 20px #0f172a14;max-height:55vh;overflow-y:auto;padding:14px}.chatRow{margin-bottom:12px}.studentName{color:#2563eb;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.chatBubble{background:#e5e7eb;border-radius:14px;color:#111827;font-size:14px;line-height:1.5;max-width:100%;padding:10px 14px}.emptyText{color:#64748b;font-size:14px;text-align:center}.evalBox{background:#fff;border-radius:14px;box-shadow:0 6px 20px #0f172a14;margin-top:16px;padding:14px}.evalBox select,.evalBox textarea{border:1px solid #cbd5f5;border-radius:8px;font-size:14px;margin-bottom:12px;outline:none;padding:10px;width:100%}.evalBox textarea{min-height:80px;resize:vertical}.evalBox select:focus,.evalBox textarea:focus{border-color:#0ea5e9}.evalBox button{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;width:100%}.evalBox button:disabled{background:#94a3b8;cursor:not-allowed}@media (min-width:768px){.chatBox{max-height:65vh}}
/*# sourceMappingURL=main.ed262e1a.css.map*/