.officeTabs{flex-wrap:wrap}.liveBadge{border-radius:30px;background:#dcf6ed;color:#10654e;padding:9px 14px;font-size:12px;font-weight:700}.attendanceNotice{background:#edf4ff;border-left:4px solid #6293eb;padding:12px 16px;border-radius:8px;color:#385579;font-size:13px;line-height:1.7}.classSummary{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:#f4f7fc;border:1px solid #e2eaf5;border-radius:16px;margin:20px 0}.classSummary span{border-left:1px solid #ccd7e8;padding-left:12px;font-size:13px}.classGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.classCard,.tutorTwin{display:flex;flex-direction:column;gap:10px;text-align:left;border:1px solid #d8e4f3;border-top:5px solid #829ec7;border-radius:18px;background:white;padding:22px;box-shadow:0 6px 18px #1d407309;color:#183656;min-width:0}.classCard:hover,.tutorTwin:hover{box-shadow:0 9px 24px #3564a522;transform:translateY(-2px)}.classCard.opened{border-top-color:#12aa83;background:linear-gradient(160deg,#effcf7,white 50%)}.classCard.awaiting_open,.classCard.awaiting_close,.tutorTwin.needsAttention{border-top-color:#e5a53a}.classCard.closed{border-top-color:#9da8bb}.classCard strong,.tutorTwin strong{font-size:18px;overflow-wrap:anywhere}.classCard small,.tutorTwin small{color:#54718e;font-size:12px}.classLocation{color:#255ba7;font-size:13px;font-weight:700}.classPhase{font-size:12px;font-weight:600;background:#edf3fb;padding:7px 10px;border-radius:8px;align-self:flex-start}.opened .classPhase{color:#087357;background:#dcf4eb}.awaiting_close .classPhase,.awaiting_open .classPhase{color:#875b08;background:#fff2d6}.classAttendance{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e0e9f3;padding:13px 0 5px;margin-top:auto}.classAttendance b{font-size:25px;color:#213c60;display:flex;flex-direction:column;gap:3px}.classAttendance small{font-size:11px;font-weight:400}.tutorTwin{text-align:center;align-items:center;background:linear-gradient(160deg,#eff5ff,white 70%)}.tutorTwin svg{width:180px;max-width:100%;height:110px}.tutorTwin .classAttendance{width:100%;justify-content:space-evenly}.tutorTwin .classPhase{align-self:center}#classroomDialog,#tutorTwinDialog{width:min(960px,calc(100% - 28px))}.studentSeats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:20px 0}.studentSeat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:15px 10px;border:1px solid #dce5ef;background:#f6f8fc;border-radius:14px;overflow-wrap:anywhere;min-width:0}.studentSeat small{font-size:11px;color:#5e718c}.studentSeat.checked{background:#eefaf5;border-color:#8dd7b9}.studentSeat.late{border-color:#e3bc67}.studentSeat.absent{background:#fff2f2;border-color:#edaaaa}.studentAvatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e2e9f3;color:#6c819d;font-size:23px}.checked .studentAvatar{background:#c9eedf;color:#09815a}#rosterError{color:#9f3434}#classroomActions>a{display:inline-block;padding:12px;font-size:12px}.classCard span,.tutorTwin span{overflow-wrap:anywhere}#tutorTwinDetail .classGrid{margin:16px 0 24px}#officeFresh{display:inline-block;margin:0 0 15px}@media(max-width:600px){.classGrid{grid-template-columns:1fr}.studentSeats{grid-template-columns:repeat(2,minmax(0,1fr))}.classCard,.tutorTwin{padding:16px}.classSummary{gap:9px;padding:13px}.classSummary strong{width:100%}.classSummary span{border:0;padding-left:0}.officeTabs button{font-size:12px}.classClose{flex-shrink:0}#classroomDialog,#tutorTwinDialog{padding:18px}.attendanceNotice{font-size:12px}}