.sidebar{width:250px;background:#015865;color:#fff;padding:18px 16px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.sidebar__brand{display:flex;gap:10px;align-items:center;margin-bottom:30px}.sidebar__logoCircle{width:44px;height:44px;border-radius:50%;object-fit:cover}.sidebar__title{font-size:16px;font-weight:700}.sidebar__tagline{font-size:10px;opacity:.9}.sidebar__nav{display:flex;flex-direction:column;gap:14px}.sidebar__link{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:10px 12px;border-radius:10px;opacity:.85;font-size:13px;font-weight:600}.sidebar__icon{font-size:16px;display:grid;place-items:center}.sidebar__link:hover{background:#ffffff21;opacity:1}.sidebar__link.active{background:#ffffff2e;opacity:1}.sidebar__subMenu{margin-left:20px;margin-top:4px;display:flex;flex-direction:column;gap:8px}.sidebar__subLink{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:12px;opacity:.85;padding:8px 12px;border-radius:10px;width:100%;transition:.2s ease}.sidebar__subLink:hover{opacity:1;background:#ffffff26}.sidebar__subLink.active{opacity:1;background:#fff3}.sidebar__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar__closeBtn{display:none;border:none;background:transparent;color:#fff;font-size:24px;cursor:pointer;padding:4px;line-height:1}.sidebar__closeBtn:hover{opacity:.8}.sidebar__bottom{margin-top:auto;padding-top:20px}.sidebar__homeBtn{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:12px;font-weight:600;padding:10px 12px;border-radius:10px;opacity:.7;border:1px solid rgba(255,255,255,.25);transition:.2s ease}.sidebar__homeBtn:hover{opacity:1;background:#ffffff21}@media(max-width:768px){.sidebar__closeBtn{display:block}}.header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative;z-index:10}.header__left{display:flex;flex-direction:column;gap:2px}.header__title{font-size:18px;font-weight:800;color:#1a1a1a}.header__subtitle{font-size:12px;color:#666}.header__courseWrap{position:absolute;left:50%;transform:translate(-50%);top:18px}.header__btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#0a4d55;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:700;font-size:12px;min-width:140px}.header__chevron{display:flex;align-items:center;transition:transform .2s ease}.header__chevron--up{transform:rotate(180deg)}.header__dropdown{margin-top:6px;width:100%;background:#0a808a;border-radius:6px;overflow:hidden;box-shadow:0 4px 10px #00000026}.header__dropdownItem{padding:8px 12px;font-size:13px;font-weight:700;color:#fff;cursor:pointer}.header__dropdownItem:hover{background:#ffffff26}.header__right{display:flex;align-items:center;gap:12px;position:relative;margin-left:auto}.header__avatar{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:16px;cursor:pointer;overflow:hidden}.header__avatarImg{width:100%;height:100%;object-fit:cover}.header__avatarEmoji{font-size:20px;line-height:1}.header__profileDropdown{position:absolute;top:50px;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:100;overflow:hidden}.header__profileHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.header__profileName{font-size:14px;font-weight:500;color:#333}.header__profileImgWrap{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.header__profileImg{width:100%;height:100%;border-radius:50%;object-fit:cover}.header__profileEmoji{font-size:28px;line-height:1}.header__profileDivider{height:1px;background:#e0e0e0;margin:0 16px}.header__profileMenu{padding:12px 0}.header__profileItem{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;font-size:14px;color:#333}.header__profileItem:hover{background:#f5f5f5}.header__profileArrow{display:flex;align-items:center;color:#666}.header__profileLogout{color:#333}.header__logoutIcon{font-size:16px;color:#666}.header__hamburger{display:none;cursor:pointer}@media(max-width:768px){.header__left{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.header{background-color:#015865;color:#fff}.header__title{color:#fff}.header__subtitle{color:#ffffffe0}.header__hamburger{display:block;color:#fff}.header__hamburger svg{color:#fff;fill:#fff;stroke:#fff}.header__courseWrap{display:none}}@media(max-width:768px){.header__hamburger,.header__hamburger *{color:#fff!important}}.studentLayout{display:flex;height:100vh;overflow:hidden}.studentLayout__sidebar{width:250px;flex-shrink:0;background:#015865;transition:.3s ease}.studentLayout__right{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0;background:#a3c5cc}.studentLayout__page{flex:1;padding:0 20px 20px;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.mobileOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:99}@media(max-width:768px){.studentLayout{display:block;height:auto;overflow:visible}.studentLayout__sidebar{position:fixed;left:-260px;top:0;height:100vh;width:250px;background:#015865;z-index:100}.studentLayout__sidebar.showSidebar{left:0}.studentLayout__right{width:100%;height:auto;overflow:visible;background:none}.studentLayout__page{overflow-y:visible;padding:14px 16px 16px}}.sessionCard{background:linear-gradient(135deg,#0a808a,#015865);border-radius:14px;color:#fff;width:100%;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;min-height:80px;cursor:pointer}.sessionCard *{pointer-events:none}.sessionCard__top{display:flex;flex-direction:column;gap:3px}.sessionCard__subject{font-size:15px;font-weight:700;line-height:1.2;margin:0}.sessionCard__topic{font-size:12px;opacity:.85;margin:0}.sessionCard__teacher{font-size:13px;font-weight:600;margin:8px 0 0}.sessionCard__bottom{display:flex;flex-direction:column;align-items:flex-end;margin-top:14px;gap:2px}.sessionCard__startsIn{font-size:11px;opacity:.85;margin:0;font-style:italic}.sessionCard__timing{font-size:13px;font-weight:700;text-align:right;margin:0}@media(max-width:480px){.sessionCard{flex-direction:column;padding:16px;border-radius:16px;width:85%;max-width:500px;margin-left:auto;margin-right:auto}.sessionCard__subject{font-size:17px}.sessionCard__teacher,.sessionCard__timing{font-size:14px}}.listItem{position:relative;display:flex;align-items:flex-start;border-radius:10px;padding:10px 14px 10px 18px;margin-bottom:8px;cursor:pointer;box-shadow:0 2px 6px #00000017;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;min-height:72px}.listItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:2px 0 0 2px}.listItem:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000021}.listItem *{pointer-events:none}.listItem--red{background:linear-gradient(100deg,#ffcdd2,#ffebee 55%,#fff5f5)}.listItem--red:before{background:#ef5350}.listItem--yellow{background:linear-gradient(100deg,#fff9c4,#fffde7 55%,#fffff8)}.listItem--yellow:before{background:#fdd835}.listItem--green{background:linear-gradient(100deg,#c8e6c9,#e8f5e9 55%,#f1fbf2)}.listItem--green:before{background:#43a047}.listItem__badge{position:absolute;top:8px;right:10px;background:#4a4a4a;color:#fff;font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.3px;white-space:nowrap}.listItem__left{flex:1;padding-right:52px}.listItem__title{font-weight:600;font-size:13px;margin-bottom:4px;line-height:1.3;color:#111}.listItem__sub{font-size:11px;color:#333;margin-top:2px}.notifItem{position:relative;display:flex;gap:10px;background:#fff;border-radius:10px;padding:8px 10px 8px 14px;margin-bottom:10px;cursor:pointer;box-shadow:0 1px 4px #00000014;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.notifItem:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.notifItem *{pointer-events:none}.notifItem__bar{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px}.notifItem--assignments .notifItem__bar{background:#4caf50}.notifItem--livesessions .notifItem__bar{background:#0a808a}.notifItem--quiz .notifItem__bar{background:#ff9800}.notifItem__badge{position:absolute;top:8px;right:10px;background:#666;color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap}.notifItem__content{display:flex;flex-direction:column;gap:2px;flex:1;padding-right:50px}.notifItem__title{font-weight:700;font-size:13px;color:#111}.notifItem__sub{font-size:11px;color:#444}.notifItem__time2{font-size:12px;font-weight:700;color:#222;margin-top:2px}.todayItem{background:#f1f6f6;border-radius:10px;padding:10px;margin-bottom:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.todayItem:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.todayItem *{pointer-events:none}.todayItem__date{font-size:11px;font-weight:700;opacity:.7;margin-bottom:4px}.todayItem__title{font-size:12px;font-weight:800}.todayItem__sub{font-size:11px;opacity:.8}.dd{position:relative;display:inline-block}.dd__btn{display:flex;align-items:center;gap:10px;border:1px solid #ddd;background:#f7f7f7;padding:5px 10px;border-radius:10px;cursor:pointer;font-size:11px;min-width:80px}.dd__value{font-weight:700;opacity:.9}.dd__arrow{display:flex;align-items:center;transition:transform .2s ease}.dd__arrow--up{transform:rotate(180deg)}.dd__menu{position:absolute;top:36px;right:0;width:130px;background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #0000001f;z-index:50}.dd__item{width:100%;border:none;background:#fff;text-align:left;padding:8px 10px;font-size:11px;cursor:pointer}.dd__item:hover{background:#f1f6f6}.dd__item.active{font-weight:800;background:#e7f3f3}@media(max-width:768px){.topSliderTabs{position:sticky;top:56px;z-index:20;width:100%;background:transparent}.topSingleSlider{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:35px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#015865;border-radius:0;box-sizing:border-box}.singleTitle{flex:1;text-align:center;color:#fff;font-size:15px;font-weight:600;letter-spacing:.2px}.singleArrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;transition:.2s;padding:0}.singleArrow:disabled{opacity:1;cursor:pointer}.singleArrow:hover{background:#ffffff1f}.desktopOnly{display:none!important}.mobileOnly{display:block!important;width:100%}.mobileSectionBody{width:100%;padding:2px 0 0;margin:0}.mobileSectionTopAction{display:flex;justify-content:flex-end;margin:0 0 6px}.mobileSectionContent,.topSliderTabs__content,.sessionsContainer,.upcomingClasses,.topSlider__content{display:flex;flex-direction:column;gap:10px;width:100%;margin:0}.sessionCard,.calendarBox,.whiteCard{width:100%;margin-left:0;margin-right:0}.mobileCalendarCard{margin-top:0}}.desktopOnly{display:block}.dashExact{display:flex;flex-direction:column;gap:16px;padding:24px;background:#bfd4d8;height:100vh;overflow:hidden;box-sizing:border-box}.dashExact__top{display:grid;grid-template-columns:2.2fr 1fr;gap:16px;align-items:stretch}.dashExact__bottom{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;align-items:stretch;flex:1;min-height:0}.dashExact__leftCol{display:flex;flex-direction:column;gap:16px;height:100%}.dashExact__leftCol>.whiteCard{flex:1;display:flex;flex-direction:column;min-height:0}.dashExact__bottom>.whiteCard{display:flex;flex-direction:column;height:100%;min-height:0}.whiteCard{background:#fff;border-radius:16px;margin-top:10px;padding:16px;box-shadow:0 2px 10px #00000014}.cardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cardHeader h3{font-size:14px;font-weight:800;color:#1a1a1a}.cardHeader--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.cardHeader--clickable:hover{opacity:.8}.sessionCount{font-size:13px;font-weight:700;color:#222}.arrowBtn{border:none;background:transparent;cursor:pointer;padding:4px 8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.arrowBtn:hover{background:#0000000f}.arrowBtn__chevron{display:flex;align-items:center;transition:transform .2s ease}.arrowBtn__chevron--up{transform:rotate(180deg)}.dashExact__top>.whiteCard{display:flex;flex-direction:column}.sessionsGrid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-top:4px;padding-bottom:4px;flex:1;min-height:0;align-items:stretch}.sessionsGrid::-webkit-scrollbar{display:none}.sessionsGrid>*{flex:0 0 calc((100% - 24px) / 3);scroll-snap-align:start}.listBody{flex:1;overflow-y:auto;min-height:0}.listBody::-webkit-scrollbar{display:none}.notifBody{flex:1;overflow-y:auto;min-height:0}.notifBody::-webkit-scrollbar{display:none}.calendarBox{background:#fff;border-radius:16px;margin-top:10px;padding:14px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box}.calendarHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calNavBtn{cursor:pointer;font-size:18px;color:#555;line-height:1;padding:2px 6px;border-radius:6px;-webkit-user-select:none;user-select:none}.calNavBtn:hover{background:#0000000f}.calendarHeader__mid{display:flex;gap:8px;align-items:center}.calendarSelect{border:1px solid #ddd;padding:3px 6px;border-radius:8px;font-size:11px;outline:none;background:#fff;cursor:pointer}.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-size:12px}.calDayName{text-align:center;font-weight:700;opacity:.6;font-size:11px;padding:4px 0}.calDate{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;cursor:pointer;transition:background .15s ease;font-size:11px;overflow:hidden;padding:2px}.calDate:hover{background:#0a808a14}.calToday{background:#ff5b5b!important;color:#fff;font-weight:700}.calToday:hover{background:#e53935!important}.calSelected{background:#0a808a26;color:#0a808a;font-weight:700;border:2px solid #0a808a}.calSelected:hover{background:#0a808a2e!important}.calDate.calToday.calSelected{background:#ff5b5b!important;border:none;color:#fff}.calDate__dots{display:flex;gap:2px;justify-content:center;margin-top:2px;flex-shrink:0}.calDate__dot{width:3px;height:3px;border-radius:50%;flex-shrink:0}.calRed:hover{background:#086f78!important}.calDate__dot--livesessions{background:#fdd835}.calDate__dot--assignments{background:#4caf50}.calDate__dot--quiz{background:#9c27b0}.calDate.calToday .calDate__dots,.calDate.calSelected .calDate__dots{display:none}.calLegend{display:flex;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}.calLegend__item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#5a5a5a}.calLegend__dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.scheduleList{flex:1;overflow-y:auto;min-height:0}.scheduleList::-webkit-scrollbar{display:none}.scheduleItem{position:relative;background:#f8fafb;border-radius:10px;padding:9px 10px 9px 14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;overflow:clip;margin-bottom:8px}.scheduleItem:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.scheduleItem *{pointer-events:none}.scheduleItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:10px 0 0 10px}.scheduleItem--livesessions{background:#fffde7}.scheduleItem--assignments{background:#f1f8e9}.scheduleItem--quiz{background:#f3e5f5}.scheduleItem--privatesession{background:#fbe9e7}.scheduleItem--livesessions:before{background:#fdd835}.scheduleItem--assignments:before{background:#4caf50}.scheduleItem--quiz:before{background:#9c27b0}.scheduleItem--privatesession:before{background:#ff8a65}.scheduleItem__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.scheduleBadge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:12px;color:#fff;white-space:nowrap}.scheduleBadge--livesessions{background:#0a808a}.scheduleBadge--assignments{background:#4caf50}.scheduleBadge--quiz{background:#9c27b0}.scheduleBadge--privatesession{background:#ff8a65}.scheduleDayBadge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px;background:#4a4a4a;color:#fff;white-space:nowrap;flex-shrink:0;margin-left:8px}.scheduleDate{font-size:10px;font-weight:800;color:#555}.scheduleTitle{font-size:12px;font-weight:800;color:#111}.scheduleSub{font-size:11px;color:#555;margin-top:2px}.emptyState{font-size:13px;color:#888;text-align:center;padding:20px 0}@media(min-width:769px)and (max-width:1100px){.dashExact__top{grid-template-columns:1.4fr 1fr;gap:12px}.sessionsGrid{gap:10px}.sessionsGrid>*{flex:0 0 calc((100% - 10px)/2)}.dashExact__bottom{grid-template-columns:1fr 1fr;height:auto;gap:12px}.dashExact__leftCol{grid-column:1 / -1;flex-direction:row;height:260px}.dashExact__leftCol>.whiteCard{flex:1;min-width:0}.dashExact__bottom>.whiteCard{height:300px}.whiteCard,.calendarBox{padding:11px}}@media(min-width:769px)and (max-width:908px){.dashExact__top{grid-template-columns:1fr;gap:12px}.dashExact__top>.whiteCard{height:auto}.sessionsGrid>*{flex:0 0 calc((100% - 10px)/2)}}.mobileOnly{display:none}.desktopOnly{display:flex;flex-direction:column;height:100%;min-height:0;gap:16px}.mobileSectionContent{display:flex;flex-direction:column;gap:12px}.mobileSectionTopAction{display:flex;justify-content:flex-end;margin-bottom:10px}.mobileCalendarCard{margin-top:0}@media(max-width:768px){.desktopOnly{display:none!important}.mobileOnly{display:block!important}.mobileSectionBody{width:100%;padding:0 0 8px}.mobileSectionContent{gap:10px;margin-top:10px}.mobileSectionTopAction{margin-bottom:8px}.mobileCalendarCard{padding:12px}.sessionCard,.calendarBox,.whiteCard{width:100%;margin-left:0;margin-right:0}}@media(max-width:768px){.mobileCalendarCard{margin-top:10px}}.profilePage{display:flex;flex-direction:column;gap:18px}.profileCard{background:#dadedd;border-radius:18px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between}.profileCard__content{display:flex;align-items:center;gap:30px}.profileCard__avatarWrap{position:relative}.profileCard__avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #0a4d55;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f0f0f0;position:relative}.profileCard__avatar img{width:100%;height:100%;object-fit:cover}.profileCard__avatarOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.profileCard__avatar:hover .profileCard__avatarOverlay{opacity:1}.profileCard__avatarEdit{color:#fff;font-size:12px;font-weight:600}.profileCard__emoji{font-size:48px;line-height:1}.profileCard__addImage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f0f0;cursor:pointer;transition:background .2s}.profileCard__addImage:hover{background:#e0e0e0}.profileCard__addIcon{font-size:28px;color:#0a4d55;font-weight:300;line-height:1}.profileCard__addText{font-size:9px;color:#666;margin-top:4px}.profileCard__picker{position:absolute;top:110px;left:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:16px;width:280px;z-index:100}.profileCard__pickerHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;font-size:14px}.profileCard__pickerClose{background:none;border:none;font-size:20px;cursor:pointer;color:#666}.profileCard__pickerSection{margin-bottom:16px}.profileCard__pickerLabel{font-size:12px;color:#666;margin-bottom:8px}.profileCard__uploadBtn{display:inline-block;background:#0a4d55;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.profileCard__uploadBtn:hover{background:#0a6d75}.profileCard__emojiGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:120px;overflow:auto}.profileCard__emojiGrid::-webkit-scrollbar{width:6px;height:6px}.profileCard__emojiGrid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.profileCard__emojiGrid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.profileCard__emojiGrid::-webkit-scrollbar-thumb:hover{background:#aaa}.profileCard__emojiBtn{background:none;border:none;font-size:20px;padding:4px;cursor:pointer;border-radius:4px;transition:background .2s}.profileCard__emojiBtn:hover{background:#f0f0f0}.profileCard__emojiBtn--selected{background:#0a4d55;border-radius:4px}.profileCard__pickerPreview{display:flex;justify-content:flex-start;margin-bottom:16px}.profileCard__previewCircle{width:60px;height:60px;border-radius:50%;border:2px solid #0a4d55;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.profileCard__previewEmoji{font-size:32px;line-height:1}.profileCard__previewImg{width:100%;height:100%;object-fit:cover}.profileCard__previewPlaceholder{font-size:10px;color:#999}.profileCard__pickerActions{display:flex;gap:10px;margin-top:16px}.profileCard__cancelBtn{flex:1;padding:10px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.profileCard__cancelBtn:hover{background:#f5f5f5}.profileCard__saveBtn{flex:1;padding:10px;border:none;background:#0a4d55;color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.profileCard__saveBtn:hover:not(:disabled){background:#0a6d75}.profileCard__saveBtn:disabled{background:#ccc;cursor:not-allowed}.profileCard__info{display:flex;flex-direction:column;gap:6px}.profileCard__name{font-size:22px;font-weight:600;color:#1a1a1a;letter-spacing:1px;margin-bottom:6px}.profileCard__detail{display:flex;align-items:center;gap:10px;font-size:13px;color:#333}.profileCard__icon{font-size:14px;color:#0a4d55}.profileCard__editBtn{background:transparent;border:none;color:#0a4d55;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:1px}.profileCard__editBtn:hover{text-decoration:underline}.profileCard__input{border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-size:13px;color:#333;outline:none;transition:border-color .2s;width:180px}.profileCard__input:focus{border-color:#0a4d55}.profileCard__input--name{font-size:18px;font-weight:600;padding:8px 12px;width:200px;margin-bottom:6px}.profileCard__editActions{display:flex;flex-direction:column;gap:8px}.profileCard__editCancelBtn{background:transparent;border:1px solid #ccc;color:#666;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.profileCard__editCancelBtn:hover{background:#f5f5f5;border-color:#999}.profileCard__editSaveBtn{background:#0a4d55;border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.profileCard__editSaveBtn:hover{background:#0a6d75}.coursesSection{background:#fff;border-radius:18px;padding:20px 24px}.coursesSection__table{width:100%}.coursesSection__header{display:flex;padding:0 0 12px;border-bottom:1px solid #eee}.coursesSection__headerItem{font-size:13px;font-weight:800;color:#1a1a1a}.coursesSection__headerItem:first-child{flex:1}.coursesSection__headerItem:last-child{width:200px}.coursesSection__body{display:flex;flex-direction:column}.coursesSection__row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.coursesSection__row:last-child{border-bottom:none}.coursesSection__course{font-size:13px;color:#333;flex:1}.coursesSection__batch{font-size:13px;color:#333;width:200px}@media(max-width:768px){.profileCard{flex-direction:column;align-items:center;padding:18px;gap:16px}.profileCard__content{flex-direction:column;align-items:center;gap:16px;width:100%}.profileCard__info{width:100%;align-items:center;text-align:center}.profileCard__input,.profileCard__input--name{width:100%;max-width:320px}.profileCard__editActions{flex-direction:row;justify-content:center}.profileCard__picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 40px);max-width:320px;max-height:80vh;overflow-y:auto;z-index:1000}}.changePassword{display:flex;justify-content:center;padding:20px}.changePassword__card{background:#dadedd;border-radius:18px;padding:40px 60px;width:100%;max-width:500px}.changePassword__title{font-size:14px;font-weight:800;color:#222;text-align:center;margin-bottom:30px}.changePassword__form{display:flex;flex-direction:column;gap:20px}.changePassword__field{display:flex;flex-direction:column;gap:8px}.changePassword__label{font-size:14px;font-weight:600;color:#1a1a1a}.changePassword__input{padding:12px 16px;border:none;border-radius:6px;font-size:14px;background:#fff;outline:none}.changePassword__input:focus{box-shadow:0 0 0 2px #0a4d55}.changePassword__requirements{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.changePassword__requirements li{font-size:11px;color:#999;display:flex;align-items:center;gap:6px}.changePassword__requirements li:before{content:"";width:6px;height:6px;border-radius:50%;background:#ccc;flex-shrink:0}.changePassword__requirements li.valid{color:#22c55e}.changePassword__requirements li.valid:before{background:#22c55e}.changePassword__btn{margin-top:20px;padding:14px;background:#22c55e;color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.changePassword__btn:hover{background:#16a34a}.subjectCard{display:flex;flex-direction:column;width:212px;height:234px;border-radius:8px;overflow:hidden;color:#fff;background:#0a808a;box-shadow:2px 2px 2px #0003;cursor:pointer;transition:.3s}.subjectCard__img{width:100%;height:120px;object-fit:cover}.subjectCard__body{padding:12px;flex:1}.subjectCard__title{font-size:14px;font-weight:700;margin-bottom:52px}.subjectCard__teacher{font-size:12px;opacity:.9}.subjectCard:hover{background:#086a73;transform:translateY(-3px)}@media(max-width:768px){.subjectCard{width:100%;height:108px;border-radius:14px;justify-content:center;align-items:center;text-align:center;padding:16px;box-shadow:0 4px 10px #00000026}.subjectCard__img{display:none}.subjectCard__body{padding:0}.subjectCard__title{font-size:14px;margin-bottom:6px}.subjectCard__teacher{font-size:12px}}.pageHeader{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:18px;border-bottom:2px solid #222}.pageHeaderTitle{font-size:14px;font-weight:800;color:#222;margin:0}.pageHeaderSearch{display:flex;align-items:center;gap:8px;background:#f2f2f2;padding:6px 10px;border-radius:14px;width:220px}.pageHeaderSearch input{border:none;outline:none;background:transparent;flex:1;font-size:12px}.pageHeaderSearchIcon{font-size:14px;opacity:.7}@media(max-width:768px){.pageHeader{flex-direction:column;align-items:stretch;gap:10px}.pageHeaderSearch{width:100%}}.subjectsPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.subjectsHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.subjectsHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.subjectsBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:24px}.subjectsGrid{display:grid;grid-template-columns:repeat(auto-fill,212px);gap:24px}@media(max-width:768px){.subjectsHeaderBox{padding:14px 16px;border-radius:0}.subjectsBodyBox{padding:16px;border-radius:0}.subjectsGrid{grid-template-columns:repeat(2,1fr);gap:14px}}.subjectDetailsPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.subjectDetailsBack{background:#0a808a;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start;margin-bottom:4px}.subjectDetailsBack:hover{background:#097a83}.subjectDetailsHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.subjectDetailsHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.subjectDetailsBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.topGrid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.teacherDetailsCard{background:#eef2f3;border-radius:12px;padding:14px;display:flex;justify-content:space-between;gap:14px}.teacherLeft{flex:1}.teacherRight{width:170px;display:flex;justify-content:center;align-items:center}.teacherPhoto{width:150px;height:120px;border-radius:10px;object-fit:cover}.teacherName{font-size:13px;font-weight:800;margin-bottom:10px}.teacherInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.teacherInfoRow{display:flex;gap:6px;font-size:11px}.label{font-weight:700;color:#111827}.value{color:#374151;font-weight:600}.miniStatCard{background:#eef2f3;border-radius:12px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.miniStatTitle{font-size:12px;font-weight:800;color:#111827;text-align:center}.miniStatNumber{font-size:34px;font-weight:900;color:#7bbec7;line-height:1;text-align:center;transition:transform .3s ease;cursor:pointer}.miniStatNumber:hover{transform:scale(1.15);color:#0a7c86}.miniStatText{font-size:12px;font-weight:700;color:#0a7c86;text-align:center}.secondGrid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.liveSessionsCard{background:#eef2f3;border-radius:12px;padding:14px}.cardTitleMain{font-size:12px;font-weight:800;margin-bottom:12px}.sessionsGridInside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sessionItemText{font-size:10px;color:#4b5563;margin:2px 0}.bottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.assignQuizCard{background:#eef2f3;border-radius:12px;padding:16px;text-align:center}.assignQuizCardTitle{font-size:13px;font-weight:900;color:#111827;margin-bottom:14px}.metricsRow{display:flex;justify-content:space-around}.metricCol{display:flex;flex-direction:column;gap:4px;cursor:pointer}.metricCol:hover{transform:scale(1.05)}.blueBig{color:#7bbec7;font-size:34px;font-weight:900;line-height:1;transition:transform .3s ease;cursor:pointer}.blueBig:hover{transform:scale(1.15);color:#0a7c86}.metricText{font-size:11px;font-weight:700;color:#0a7c86}@media(max-width:950px){.topGrid,.secondGrid,.bottomGrid{grid-template-columns:1fr}.teacherDetailsCard{flex-direction:column;align-items:center}.teacherInfoGrid{grid-template-columns:1fr}.teacherRight{width:100%}}@media(max-width:768px){.subjectDetailsHeaderBox,.subjectDetailsBodyBox{padding:14px}.teacherDetailsCard{display:flex;flex-direction:row!important;align-items:center;justify-content:space-between;gap:14px}.teacherInfoGrid{display:block;flex:1}.teacherRight{width:auto;display:flex;justify-content:flex-end}.teacherRight img{width:90px;height:90px;border-radius:16px;object-fit:cover}}.sessionItem{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-top:10px;background:#fff;border-radius:8px;cursor:pointer;transition:background .2s}.sessionItem:hover{background:#f0f0f0}.sessionItemTitle{font-size:14px;font-weight:600;color:#222}.sessionItemTime{font-size:12px;color:#666}.sessionBadge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px}.sessionBadge--scheduled{background:#dbeafe;color:#1d4ed8}.sessionBadge--live{background:#dcfce7;color:#16a34a}.assignmentPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.assignmentBack{background:#0a808a;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start;margin-bottom:4px}.assignmentBack:hover{background:#097a83}.assignmentHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:16px 24px 0;display:flex;flex-direction:column;gap:12px}.assignmentHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.assignmentSubjectTitle{font-size:14px;font-weight:800;color:#222;margin:0}.assignmentTabs{display:flex;gap:8px}.assignmentTab{background:#7bbec7;border:none;padding:8px 20px;border-radius:20px 20px 0 0;font-size:13px;font-weight:600;cursor:pointer;color:#fff;transition:background .2s ease}.assignmentTab--active{background:#015865;color:#fff;z-index:2;box-shadow:2px 0 8px #0003}.assignmentTab:hover:not(.assignmentTab--active){background:#6ab3bc}.assignmentSearch{display:flex;align-items:center;gap:8px;background:#f2f2f2;padding:8px 12px;border-radius:8px;width:200px;flex-shrink:0}.assignmentSearch input{border:none;outline:none;background:transparent;flex:1;font-size:12px}.assignmentSearchIcon{font-size:14px;opacity:.6}.assignmentBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px}.assignmentGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:1200px){.assignmentGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.assignmentGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.assignmentGrid{grid-template-columns:1fr}}@media(max-width:768px){.assignmentHeaderRow{flex-direction:column;align-items:stretch;gap:10px}.assignmentSubjectTitle{text-align:center}.assignmentSearch,.assignmentTabs{width:100%}.assignmentTab{flex:1;text-align:center}}.assignmentPendingCard{background:#0a808a;border-radius:10px;color:#fff;cursor:pointer;padding:14px 16px;height:145px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .18s}.assignmentPendingCard:hover{opacity:.88}.assignmentPendingCard__top{display:flex;flex-direction:column;gap:3px}.assignmentPendingCard__title{font-size:13px;font-weight:700;line-height:1.2;margin:0}.assignmentPendingCard__teacher{font-size:11px;font-weight:500;margin:0}.assignmentPendingCard__bottom{text-align:right}.assignmentPendingCard__deadline{font-size:10px;font-weight:500;margin:0}.assignmentEmpty{grid-column:1 / -1;text-align:center;color:#888;font-size:14px;padding:40px}.assignmentCompletedCard{background:#0a808a;border-radius:10px;color:#fff;cursor:pointer;padding:14px 16px;height:145px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .18s;position:relative}.assignmentCompletedCard:hover{opacity:.88}.assignmentCompletedCard__badge{position:absolute;top:10px;right:10px;background:#ffffff40;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.assignmentCompletedCard__top{display:flex;flex-direction:column;gap:3px}.assignmentCompletedCard__title{font-size:13px;font-weight:700;line-height:1.2;margin:0;padding-right:22px}.assignmentCompletedCard__teacher{font-size:11px;font-weight:500;margin:0}.assignmentCompletedCard__bottom{text-align:right}.assignmentCompletedCard__date{font-size:10px;font-weight:500;margin:0}.ca-wrapper{font-family:inherit;padding:1rem 0;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.ca-wrapper.ca-visible{opacity:1;transform:translateY(0)}.ca-topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#e8f5f0;border-radius:12px;border:1px solid #c2e8d8;margin-bottom:16px}.ca-status-pill{display:flex;align-items:center;gap:6px;background:#d0f0e4;color:#0f6e56;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;flex-shrink:0}.ca-status-dot{width:7px;height:7px;border-radius:50%;background:#1d9e75;animation:ca-pulse 2s infinite}@keyframes ca-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.ca-topbar-title{font-size:13px;color:#0f6e56;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.ca-col{background:#f2fbf7;border:1px solid #c2e8d8;border-radius:14px;padding:16px;animation:ca-fadeUp .35s ease both}@keyframes ca-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ca-subject-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;background:#d0f0e4;color:#0f6e56;padding:3px 9px;border-radius:12px;margin-bottom:10px}.ca-asn-title{font-size:17px;font-weight:600;color:#0a3d2b;margin-bottom:5px;line-height:1.3}.ca-assigned-by{font-size:12px;color:#4a8c72;margin-bottom:12px}.ca-divider{height:1px;background:#c2e8d8;margin:12px 0}.ca-col-label{font-size:11px;color:#4a8c72;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600}.ca-desc-text{font-size:13px;color:#2d6b52;line-height:1.65}.ca-read-more-btn{background:none;border:none;color:#1d9e75;font-size:12px;cursor:pointer;padding:4px 0;margin-top:4px;text-decoration:underline;transition:color .15s}.ca-read-more-btn:hover{color:#0f6e56}.ca-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.ca-meta-box{background:#fff;border:1px solid #c2e8d8;border-radius:10px;padding:8px 10px;transition:border-color .15s,transform .15s;cursor:default}.ca-meta-box:hover{border-color:#1d9e75;transform:translateY(-1px)}.ca-meta-lbl{font-size:10px;color:#4a8c72;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.ca-meta-val{font-size:13px;font-weight:600;color:#0a3d2b}.ca-file-section-label{font-size:11px;color:#4a8c72;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600}.ca-file-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #c2e8d8;border-radius:10px;padding:8px 10px;transition:border-color .15s}.ca-file-row:hover{border-color:#1d9e75}.ca-file-icon-box{width:30px;height:30px;background:#faece7;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ca-file-meta{flex:1;min-width:0}.ca-file-name{font-size:12px;font-weight:600;color:#0a3d2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-file-size{font-size:11px;color:#4a8c72}.ca-view-btn{background:none;border:1px solid #c2e8d8;border-radius:8px;padding:4px 10px;font-size:12px;color:#2d6b52;cursor:pointer;transition:all .15s;white-space:nowrap;font-weight:500}.ca-view-btn:hover{background:#d0f0e4;color:#0f6e56;border-color:#1d9e75}.ca-copy-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:#4a8c72;font-size:11px;cursor:pointer;padding:4px 0;margin-top:6px;transition:color .15s}.ca-copy-btn:hover,.ca-copy-btn.ca-copied{color:#1d9e75}.ca-submitted-hero{background:linear-gradient(135deg,#d0f0e4,#9fe1cb);border-radius:10px;padding:16px;text-align:center;margin-bottom:12px;cursor:default;transition:transform .2s}.ca-submitted-hero:hover{transform:scale(1.01)}.ca-check-ring{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #1d9e75;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.ca-hero-label{font-size:13px;font-weight:600;color:#085041}.ca-hero-sub{font-size:11px;color:#0f6e56;margin-top:3px}.ca-submission-meta{background:#fff;border:1px solid #c2e8d8;border-radius:10px;overflow:hidden}.ca-sm-row{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;transition:background .15s;cursor:default}.ca-sm-row:hover{background:#f2fbf7}.ca-sm-row+.ca-sm-row{border-top:1px solid #c2e8d8}.ca-sm-key{font-size:12px;color:#4a8c72}.ca-sm-val{font-size:12px;font-weight:600;color:#0a3d2b}.ca-sm-val.green{color:#1d9e75}.ca-sm-val.amber{color:#ba7517}.ca-action-row{display:flex;gap:8px;margin-top:12px;align-items:center}.ca-view-file-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#1d9e75;color:#fff;border:none;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.ca-view-file-btn:hover{background:#0f6e56}.ca-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #c2e8d8;border-radius:10px;background:none;cursor:pointer;color:#4a8c72;transition:all .15s;flex-shrink:0}.ca-icon-btn:hover,.ca-icon-btn.ca-copied{background:#d0f0e4;color:#1d9e75;border-color:#1d9e75}.ca-tooltip{position:relative}.ca-tooltip-text{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0a3d2b;color:#d0f0e4;font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:10}.ca-tooltip:hover .ca-tooltip-text{display:block}@media(max-width:768px){.ca-grid{grid-template-columns:1fr}.ca-topbar-title{display:none}}.assignmentDetailPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.assignmentDetailBack{background:#0a808a;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start;margin-bottom:4px}.assignmentDetailBack:hover{background:#097a83}.assignmentDetailHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.assignmentDetailHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.assignmentDetailBodyBox{flex:1;min-height:0;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px}.assignmentDetailContent{background:#eef2f3;border-radius:14px;padding:18px;display:flex;gap:18px;min-height:55vh}.assignmentDetailLeft{flex:1}.assignmentTitleRow{display:flex;justify-content:space-between;align-items:flex-start}.assignmentDetailTitle{font-size:18px;font-weight:900;color:#222}.submittedTopText{font-size:10px;color:#4b5563;font-weight:700;margin-top:4px}.assignmentDetailMeta{margin-top:6px;font-size:11px;color:#444;font-weight:600}.assignmentDetailDue{font-size:11px;color:#444;font-weight:600;margin-top:4px}.assignmentDetailDivider{height:1px;background:#cfd4d8;margin:12px 0}.assignmentDetailLabel{font-size:12px;font-weight:800;color:#222;margin-bottom:6px}.assignmentDetailDesc{font-size:11px;color:#444;font-weight:600;margin-bottom:14px}.fileStrip{display:flex;align-items:center;gap:14px;background:#d9d9d9;padding:14px 16px;border-radius:10px;max-width:420px;cursor:pointer;transition:background .2s ease}.fileStrip:hover{background:#cfcfcf}.fileStripIcon{width:48px;height:48px;background:#cfcfcf;border-radius:10px;display:grid;place-items:center}.fileStripName{font-size:11px;font-weight:700;color:#222;word-break:break-all}.assignmentDetailRight{width:220px;background:#c7e1ed;border-radius:12px;padding:16px;height:fit-content;box-shadow:0 1px 2px #00000014}.yourWorkTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.assignmentDetailWorkTitle{font-size:12px;font-weight:900;color:#222}.yourWorkDate{font-size:10px;font-weight:700;color:#6b7280}.assignmentDetailUploadBtn{width:100%;background:#f0f0f0;border:2px dashed #cfd4d8;padding:10px;border-radius:8px;font-size:11px;font-weight:700;color:#333;cursor:pointer;display:block;text-align:center;margin-bottom:12px;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignmentDetailUploadBtn:hover{background:#e7e7e7}.assignmentDetailSubmitBtn{width:100%;background:#0b7e58;border:none;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:800;color:#fff;cursor:pointer;transition:background .2s ease}.assignmentDetailSubmitBtn:hover{background:#096b4b}.assignmentDetailSubmitBtn:disabled{opacity:.9;cursor:not-allowed}.openFileBtn{width:100%;background:#e5e7eb;border:none;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:700;color:#333;cursor:pointer;margin-bottom:12px}.submittedBtn{width:100%;background:#0a7c86;border:none;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:800;color:#fff;cursor:not-allowed;opacity:.8}@media(max-width:768px){.assignmentDetailHeaderBox,.assignmentDetailBodyBox{padding:14px}.assignmentDetailContent{flex-direction:column;min-height:auto}.assignmentDetailRight{width:100%}.fileStrip{max-width:100%}}@media(max-width:460px){.assignmentTitleRow{flex-direction:column;align-items:flex-start;gap:4px}.assignmentDetailTitle{font-size:16px}.submittedTopText{margin-top:0}}@media(min-width:769px)and (max-width:945px){.assignmentTitleRow{flex-direction:column;align-items:flex-start;gap:4px}.assignmentDetailTitle{font-size:16px}.submittedTopText{margin-top:0}}.completedGrid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:16px;width:100%}.completedCard{background:#1f2937;color:#f9fafb;border-radius:14px;padding:16px;box-shadow:0 6px 14px #00000026;transition:transform .2s ease,box-shadow .2s ease}.completedCard:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0003}.completedCard--center{background:#111827}.completedBadge{font-size:11px;font-weight:700;color:#86efac;margin-bottom:6px}.completedTitle{font-size:16px;font-weight:900;margin-bottom:4px}.completedMeta{font-size:12px;color:#9ca3af;margin-bottom:10px}.completedDesc{font-size:12px;color:#d1d5db}.completedSectionTitle{font-size:13px;font-weight:800;margin-bottom:10px}.completedDetailsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.completedDetailsGrid span{font-size:10px;color:#9ca3af}.completedDetailsGrid p{font-size:12px;font-weight:700}.completedFileRow{display:flex;align-items:center;justify-content:space-between;background:#374151;padding:10px;border-radius:10px;cursor:pointer;transition:background .2s ease}.completedFileRow:hover{background:#4b5563}.fileIcon{margin-right:8px}.fileName{flex:1;font-size:12px;font-weight:600;color:#f3f4f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewBtn{background:transparent;border:1px solid #9ca3af;color:#f9fafb;font-size:11px;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.viewBtn:hover{background:#f9fafb;color:#111827}.submissionDate{font-size:12px;color:#d1d5db;margin-bottom:6px}.submissionStatus{font-size:12px;font-weight:700;color:#4ade80;margin-bottom:10px}.openFileBtn{transition:all .2s ease}.openFileBtn:hover{background:#d1d5db}@media(max-width:900px){.completedGrid{grid-template-columns:1fr}}.quizListPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.quizBackHeader{background:#0a808a;border:none;padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;font-weight:600;color:#fff;align-self:flex-start;margin-bottom:4px}.quizBackHeader:hover{background:#097a83}.quizListHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:16px 24px 0;display:flex;flex-direction:column;gap:12px}.quizListHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.quizListTitle{font-size:14px;font-weight:800;color:#222;margin:0}.quizListBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px}.quizTabs{display:flex;gap:8px}.quizTab{border:none;background:#7bbec7;padding:8px 20px;border-radius:20px 20px 0 0;font-size:13px;font-weight:700;color:#fff;cursor:pointer}.quizTabActive{background:#015865;box-shadow:2px 0 8px #0003}.quizSearch{display:flex;align-items:center;gap:8px;background:#eef2f3;padding:6px 12px;border-radius:14px;width:200px}.quizSearch input{border:none;outline:none;background:transparent;flex:1;font-size:11px}.quizSearchIcon{font-size:12px;opacity:.6}.quizGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.quizCard{background:#0a808a;border-radius:10px;color:#fff;cursor:pointer;padding:14px 16px;height:145px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .18s}.quizCard:hover{opacity:.88}.quizCard--completed{background:#0a808a;position:relative}.quizCard__badge{position:absolute;top:10px;right:10px;background:#ffffff40;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.quizCard__top{display:flex;flex-direction:column;gap:3px}.quizCard__title{font-size:13px;font-weight:700;line-height:1.2;margin:0;padding-right:22px}.quizCard__teacher{font-size:11px;font-weight:500;margin:0}.quizCard__bottom{text-align:right}.quizCard__deadline{font-size:10px;font-weight:500;margin:0}@media(max-width:1200px){.quizGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.quizGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.quizGrid{grid-template-columns:1fr}}.quizResultPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.quizResultBack{background:#0a808a;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start;margin-bottom:4px}.quizResultBack:hover{background:#097a83}.quizResultHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.quizResultHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.quizResultBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.quizDetailInfo{padding-bottom:16px;border-bottom:1px solid #cfd4d8}.quizDetailInfo--result{display:flex;justify-content:space-between;align-items:flex-start}.quizDetailInfoTitle{font-size:18px;font-weight:700;color:#333;margin:0 0 8px}.quizDetailInfoMeta{font-size:13px;color:#555;margin:0 0 4px}.quizDetailInfoDue{font-size:13px;color:#555;margin:0}.quizDetailInfoRight{text-align:right}.quizDetailInfoSubmitted{font-size:13px;color:#555;margin:0}.quizDetailQuestions{display:flex;flex-direction:column;gap:16px}.quizDetailQuestion{padding:16px;background:#f5f7f8;border-radius:8px}.quizDetailQuestion--result .quizDetailQuestionRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quizDetailQuestionText{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.quizDetailQuestion--result .quizDetailQuestionText{margin:0}.quizDetailQuestionAnswer{font-size:13px;color:#555;margin:0}.quizDetailOptions{display:flex;flex-wrap:wrap;gap:16px}.quizDetailOptions--disabled{pointer-events:none}.quizDetailOption{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:120px}.quizDetailOption input[type=radio]{display:none}.quizDetailOptionRadio{width:16px;height:16px;border:2px solid #ccc;border-radius:50%;position:relative;transition:border-color .2s ease}.quizDetailOption input[type=radio]:checked+.quizDetailOptionRadio{border-color:#0a808a}.quizDetailOption input[type=radio]:checked+.quizDetailOptionRadio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#0a808a;border-radius:50%}.quizDetailOptionText{font-size:13px;color:#555}.quizDetailOption--selected .quizDetailOptionText{font-weight:600;color:#0a808a}.quizDetailSubmitWrap{display:flex;justify-content:flex-end;margin-top:24px}.quizDetailSubmit{background:#0a808a;color:#fff;border:none;padding:10px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.quizDetailSubmit:hover{background:#097a83}.quizDetailSubmit:disabled{background:#10b981;cursor:not-allowed}.quizDetailScore{display:flex;justify-content:center;padding-top:16px;border-top:1px solid #cfd4d8}.quizDetailScoreText{font-size:16px;font-weight:700;color:#333;margin:0}.quizPendingPage{width:100%;display:flex;flex-direction:column;gap:4px;min-height:100%}.quizPendingHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.quizPendingHeaderTitle{font-size:14px;font-weight:800;color:#222;margin:0}.quizPendingBodyBox{flex:1;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px;display:flex;flex-direction:column;min-height:72vh}.quizPendingContent{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:60px 0}.quizPendingCard{background:#f9f5f0;border-radius:16px;padding:36px 64px;text-align:center;display:flex;flex-direction:column;gap:6px;min-width:300px}.quizPendingCardId{font-size:16px;font-weight:700;color:#333;margin:0}.quizPendingCardTeacher{font-size:13px;color:#666;margin:0}.quizPendingCardDue{font-size:13px;font-weight:700;color:#333;margin:0}.quizPendingCardSpacer{height:12px}.quizPendingCardQuestions{font-size:14px;font-weight:700;color:#333;margin:0}.quizPendingCardDuration{font-size:13px;color:#555;margin:0}.quizPendingStartBtn{background:#0a808a;color:#fff;border:none;padding:10px 44px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.quizPendingStartBtn:hover{background:#097a83}.quizActivePage{width:100%;display:flex;flex-direction:column;gap:4px;min-height:100%}.quizActiveHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.quizActiveBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px;display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.quizListHeaderRow{flex-direction:column;align-items:stretch;gap:10px}.quizListTitle{text-align:center}.quizSearch{width:100%}.quizTabs{width:100%;display:flex}.quizTab{flex:1;text-align:center}.quizResultHeaderBox,.quizResultBodyBox{padding:14px}.quizPendingHeaderBox{flex-direction:column;align-items:stretch;padding:14px;gap:10px}.quizPendingHeaderTitle{text-align:center}.quizPendingBodyBox{padding:14px;min-height:auto}.quizPendingContent{padding:24px 0;gap:20px}.quizPendingCard{padding:28px 24px;min-width:unset;width:100%;box-sizing:border-box}.quizPendingStartBtn{width:auto;padding:9px 32px;font-size:13px}.quizActiveHeaderBox{flex-direction:column;align-items:stretch;padding:14px;gap:10px}.quizActiveBodyBox{padding:14px}.quizDetailOptions{gap:10px}.quizDetailOption{min-width:90px}}@media(min-width:769px)and (max-width:1024px){.quizPendingHeaderBox{padding:14px 18px}.quizPendingBodyBox{padding:18px;min-height:auto}.quizPendingContent{padding:36px 0}.quizPendingCard{padding:32px 40px}.quizPendingStartBtn{padding:9px 36px;font-size:13px}.quizActiveHeaderBox{padding:14px 18px}.quizActiveBodyBox{padding:18px}}.quizModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;z-index:9999}.quizModalBox{background:#1e1e1e;color:#fff;padding:20px 25px;border-radius:10px;width:350px;box-shadow:0 8px 20px #0006;animation:fadeIn .2s ease-in-out}.quizModalBox h3{margin-bottom:10px}.quizModalBox p{font-size:14px;line-height:1.5}.quizModalActions{margin-top:15px;display:flex;justify-content:flex-end;gap:10px}.startBtn{background:#2f7d84;color:#fff;padding:6px 14px;border:none;border-radius:5px;cursor:pointer}.cancelBtn{background:transparent;color:#ccc;border:none;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.quizSearchWrapper{display:flex;align-items:center;gap:15px}.quizTimer{display:flex;align-items:center;gap:5px;font-weight:700;color:#ff4d4f;white-space:nowrap}.quizTimerIcon,.quizTimerText{font-size:16px}.quizResultSummary{display:flex;gap:12px;flex-wrap:wrap}.quizResultSummaryCard{flex:1 1 100px;background:#f5f7f8;border-radius:10px;padding:12px 16px;text-align:center;border-top:3px solid transparent}.quizResultSummaryCard--score{border-top-color:#0a808a}.quizResultSummaryCard--correct{border-top-color:#22c55e}.quizResultSummaryCard--incorrect{border-top-color:#ef4444}.quizResultSummaryCard--accuracy{border-top-color:#f59e0b}.quizResultSummaryValue{font-size:20px;font-weight:800}.quizResultSummaryCard--score .quizResultSummaryValue{color:#0a808a}.quizResultSummaryCard--correct .quizResultSummaryValue{color:#22c55e}.quizResultSummaryCard--incorrect .quizResultSummaryValue{color:#ef4444}.quizResultSummaryCard--accuracy .quizResultSummaryValue{color:#f59e0b}.quizResultSummaryLabel{font-size:12px;color:#666;margin-top:2px}.quizDetailQuestion--correct{border-left:4px solid #22c55e}.quizDetailQuestion--wrong{border-left:4px solid #ef4444}.quizResultBadge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;margin-right:8px;flex-shrink:0}.quizResultBadge--correct{background:#22c55e}.quizResultBadge--wrong{background:#ef4444}.quizResultCorrectChip{font-size:12px;font-weight:600;background:#e6f7f8;color:#0a808a;padding:3px 10px;border-radius:20px;white-space:nowrap}.quizResultAnswerPill{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;margin-bottom:10px}.quizResultAnswerPill--correct{background:#dcfce7;color:#166534}.quizResultAnswerPill--wrong{background:#fee2e2;color:#991b1b}.quizResultExplainBtn{background:transparent;color:#0a808a;border:1px solid #0a808a;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.quizResultExplainBtn--open,.quizResultExplainBtn:hover{background:#0a808a;color:#fff}.quizResultExplainBox{margin-top:8px;padding:10px 14px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;font-size:13px;color:#134e4a;line-height:1.6;animation:fadeIn .2s ease}.quizResultExplainBox p{margin:4px 0 0}.quizResultFooter{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #cfd4d8;flex-wrap:wrap;gap:12px}.quizResultFooterBtns{display:flex;gap:10px}.quizResultBackBtn{padding:8px 18px;background:transparent;color:#0a808a;border:1px solid #0a808a;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.quizResultBackBtn:hover{background:#e6f7f8}.quizResultReattemptBtn{padding:8px 18px;background:#0a808a;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.quizResultReattemptBtn:hover{background:#097a83}.reattemptModal{background:#1a2332;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 28px 24px;width:360px;text-align:center;animation:reattemptSlideIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes reattemptSlideIn{0%{opacity:0;transform:translateY(-28px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reattemptModal__icon{font-size:36px;margin-bottom:12px;animation:reattemptIconPop .35s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes reattemptIconPop{0%{transform:scale(.4) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.reattemptModal__title{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px}.reattemptModal__body{font-size:13px;line-height:1.6;color:#aab4c4;margin:0}.reattemptModal__warn{color:#ef4444}.reattemptModal__divider{height:1px;background:#ffffff14;margin:20px 0 16px}.reattemptModal .quizModalActions{justify-content:center;gap:12px}.reattemptModal__cancel{padding:8px 22px;border-radius:8px;border:1px solid rgba(255,255,255,.15)!important;color:#aab4c4!important;font-size:13px;font-weight:600;background:transparent;cursor:pointer;transition:background .18s ease,color .18s ease,transform .1s ease}.reattemptModal__cancel:hover{background:#ffffff12;color:#fff!important}.reattemptModal__cancel:active{transform:scale(.97)}.reattemptModal__confirm{padding:8px 22px;border-radius:8px;background:#0a808a;color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .1s ease}.reattemptModal__confirm:hover{background:#0d9aa5;box-shadow:0 4px 14px #0a808a73}.reattemptModal__confirm:active{transform:scale(.97)}*{box-sizing:border-box;margin:0;padding:0}.quiz-page{font-family:Segoe UI,Arial,sans-serif;min-height:100vh;background:#1b3a38;display:flex;flex-direction:column}.quiz-center{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff}.quiz-top-bar{display:flex;align-items:center;gap:14px;background:#1b3a38;color:#fff;padding:10px 20px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.quiz-back-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:5px;padding:5px 14px;cursor:pointer;font-size:13px;white-space:nowrap;transition:background .2s}.quiz-back-btn:hover{background:#ffffff1f}.quiz-title{font-weight:700;font-size:15px;color:#fff}.quiz-body{display:flex;flex:1;padding:14px;gap:14px;overflow:hidden}.quiz-q-panel{flex:1;background:#fff;border-radius:12px;padding:28px 32px;overflow-y:auto;display:flex;flex-direction:column}.quiz-error-box{background:#fdecea;color:#c62828;border:1px solid #f5c6cb;border-radius:6px;padding:8px 14px;margin-bottom:14px;font-size:13px}.quiz-q-heading{font-size:17px;font-weight:700;color:#1b3a38;margin-bottom:10px}.quiz-q-text{font-size:14px;line-height:1.7;color:#333;margin-bottom:20px}.quiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.quiz-opt-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:6px;border:1px solid #ddd;background:#fafafa;cursor:pointer;font-size:14px;transition:background .15s,border .15s}.quiz-opt-row:hover{background:#f0f4ff;border-color:#90a4ae}.quiz-opt-row.selected{background:#e0f2e9;border-color:#43a047}.quiz-opt-letter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#d0ece4;color:#1b3a38;font-weight:700;font-size:12px;flex-shrink:0}.quiz-opt-row.selected .quiz-opt-letter{background:#43a047;color:#fff}.quiz-opt-row input{display:none}.quiz-opt-row.correct{background:#c8e6c9;border-color:#4caf50}.quiz-opt-row.wrong{background:#ffcdd2;border-color:#e53935}.quiz-opt-row.correct .quiz-opt-letter{background:#43a047;color:#fff}.quiz-opt-row.wrong .quiz-opt-letter{background:#e53935;color:#fff}.quiz-explanation{background:#f9f9f9;border:1px solid #e0e0e0;border-left:4px solid #2e8b6e;border-radius:6px;padding:12px 16px;font-size:13px;color:#444;margin-bottom:20px;line-height:1.6}.quiz-action-bar{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;flex-wrap:wrap}.quiz-btn-mark{background:#6a1b9a;color:#fff;border:none;border-radius:6px;padding:9px 16px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.quiz-btn-mark:hover{background:#7b1fa2}.quiz-btn-clear{background:#fff;color:#333;border:1px solid #bbb;border-radius:6px;padding:9px 16px;cursor:pointer;font-size:13px;transition:background .2s}.quiz-btn-clear:hover{background:#f5f5f5}.quiz-nav-btns{display:flex;gap:8px;margin-left:auto}.quiz-btn-prev,.quiz-btn-next{border-radius:6px;padding:9px 20px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.quiz-btn-prev{background:#fff;color:#333;border:1px solid #bbb}.quiz-btn-prev:hover:not(:disabled){background:#f5f5f5}.quiz-btn-next{background:#1b3a38;color:#fff;border:none}.quiz-btn-next:hover:not(:disabled){background:#264d4a}.quiz-btn-prev:disabled,.quiz-btn-next:disabled{opacity:.4;cursor:not-allowed}.quiz-sidebar{width:210px;background:#2e4e4c;border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex-shrink:0}.quiz-timer{background:#2e8b6e;border-radius:10px;padding:14px 10px;text-align:center;color:#fff}.quiz-timer-label{font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:4px}.quiz-timer-value{font-size:26px;font-weight:700;line-height:1.1}.quiz-timer-sub{font-size:11px;opacity:.75;margin-top:3px}.quiz-palette-grid{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.quiz-pal-btn{width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700;border:none;transition:transform .1s}.quiz-pal-btn:hover{transform:scale(1.1)}.quiz-pal-btn.active{outline:3px solid #fff;outline-offset:1px}.quiz-pal-btn.not-visited{background:#546e7a;color:#fff}.quiz-pal-btn.not-answered{background:#eceff1;color:#333;border:1px solid #bbb}.quiz-pal-btn.answered{background:#43a047;color:#fff}.quiz-pal-btn.marked{background:#6a1b9a;color:#fff}.quiz-pal-btn.marked-answered{background:#6a1b9a;color:#fff;box-shadow:inset 0 0 0 3px #43a047}.quiz-pal-btn.wrong{background:#e57373;color:#fff}.quiz-score-box{text-align:center;color:#fff;margin-top:auto}.quiz-score-label{font-size:20px;font-weight:700}.quiz-score-value{font-size:28px;font-weight:700;color:#80cbc4}.quiz-submit-btn{background:#e53935;color:#fff;border:none;border-radius:8px;padding:12px;cursor:pointer;font-weight:700;font-size:14px;width:100%;transition:background .2s}.quiz-submit-btn:hover{background:#c62828}.quiz-submit-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.quiz-modal-box{background:#fff;padding:28px 24px;border-radius:12px;width:340px;text-align:center;animation:popup .2s ease}.quiz-modal-box h3{font-size:18px;color:#1b3a38;margin-bottom:12px}.quiz-modal-box p{font-size:14px;color:#555;line-height:1.6}.quiz-modal-actions{margin-top:22px;display:flex;gap:12px}.quiz-btn-cancel{flex:1;background:#eceff1;color:#333;border:none;border-radius:6px;padding:10px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.quiz-btn-cancel:hover{background:#cfd8dc}.quiz-btn-exit{flex:1;background:#e53935;color:#fff;border:none;border-radius:6px;padding:10px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.quiz-btn-exit:hover{background:#c62828}@keyframes popup{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.recordingsPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:6px}.recordingsHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.recordingsHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.recordingsBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px}.recordingsBack{background:#0a808a;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start}.recordingsBack:hover{background:#097a83}.recordingsSubjectTitle{font-size:16px;font-weight:700;text-align:center;margin-bottom:24px;color:#333}.recordingsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:1200px){.recordingsGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.recordingsGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.recordingsGrid{grid-template-columns:1fr}}.recordingCard{background:#0a808a;border-radius:10px;color:#fff;cursor:pointer;padding:14px 16px;height:145px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .18s}.recordingCard:hover{opacity:.88}.recordingCard__top{display:flex;flex-direction:column;gap:3px}.recordingCard__subject{font-size:13px;font-weight:700;line-height:1.2;margin:0}.recordingCard__session{font-size:10px;font-weight:400;opacity:.88;margin:0}.recordingCard__teacher{font-size:11px;font-weight:500;margin:0}.recordingCard__bottom{text-align:right}.recordingCard__date{font-size:10px;font-weight:500;margin:0}.recordingDetailPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.recordingDetailBack{background:#0a808a;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start;margin-bottom:4px}.recordingDetailBack:hover{background:#097a83}.recordingDetailHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.recordingDetailHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.recordingDetailBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px}.recordingDetailPlayer{width:100%;max-width:800px;margin:0 auto 24px}.recordingDetailVideo{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.recordingDetailVideoElement{width:100%;height:100%;object-fit:cover}.recordingDetailInfo{display:flex;justify-content:space-between;max-width:800px;margin:0 auto;padding:16px 0}.recordingDetailInfoLeft{text-align:left}.recordingDetailInfoRight{text-align:right}.recordingDetailInfoTitle{font-size:14px;font-weight:600;color:#333;margin-bottom:16px}.recordingDetailInfoTeacher{font-size:13px;color:#555;line-height:1.5}.recordingDetailInfoDate{font-size:13px;color:#555;line-height:1.5;margin-bottom:16px}.recordingDetailInfoDuration{font-size:13px;color:#555;line-height:1.5}@media(max-width:768px){.recordingDetailHeaderBox,.recordingDetailBodyBox{padding:14px}}.studyMaterialPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:6px}.studyMaterialHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.studyMaterialHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.studyMaterialBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:20px 24px}.studyMaterialBack{background:#0a808a;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start;transition:background .2s,transform .15s}.studyMaterialBack:hover{background:#097a83;transform:translate(-2px)}.studyMaterialBack:active{transform:translate(0) scale(.97)}.studyMaterialContent{background:#e8f4f4;border-radius:12px;padding:24px}.studyMaterialTableWrap{width:100%;overflow-x:auto}.studyMaterialTable{width:100%;border-collapse:separate;border-spacing:0 12px}.studyMaterialTable th{padding:10px 16px;text-align:left;font-size:12px;font-weight:600;color:#4a8c72;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s}.studyMaterialTable th:last-child{cursor:default}.studyMaterialTable th:hover:not(:last-child){color:#0a808a}.studyMaterialTable th.sorted{color:#0a808a}.sortArrow{display:inline-block;margin-left:4px;font-size:11px;opacity:.4;transition:opacity .2s}.studyMaterialTable th.sorted .sortArrow{opacity:1}.studyMaterialTable th:nth-child(1),.studyMaterialTable td:nth-child(1){width:28%}.studyMaterialTable th:nth-child(2),.studyMaterialTable td:nth-child(2){width:30%}.studyMaterialTable th:nth-child(3),.studyMaterialTable td:nth-child(3){width:16%;white-space:nowrap}.studyMaterialTable th:nth-child(4),.studyMaterialTable td:nth-child(4){width:8%;text-align:center}.studyMaterialTable th:nth-child(5),.studyMaterialTable td:nth-child(5){width:18%;text-align:right}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studyMaterialRow{background:#fff;border-radius:10px;cursor:pointer;animation:rowFadeIn .35s ease both;transition:transform .15s,box-shadow .15s,background .2s}.studyMaterialRow:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0a808a1f}.studyMaterialRow.highlighted{background:#f0fbf8}.studyMaterialTable td{padding:14px 16px;font-size:13px;color:#2d6b52;vertical-align:middle}.studyMaterialTable td:first-child{border-radius:10px 0 0 10px;font-weight:500;color:#0a3d2b}.studyMaterialTable td:last-child{border-radius:0 10px 10px 0}.newBadge{display:inline-block;background:#fff3cd;color:#856404;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;letter-spacing:.03em}.filesBadgeCell{text-align:center}.filesBadge{display:inline-flex;align-items:center;justify-content:center;background:#e8f4f4;color:#0f6e56;font-size:12px;font-weight:600;border-radius:20px;padding:3px 10px;min-width:28px}.studyMaterialActions{display:flex;justify-content:flex-end}.studyMaterialViewBtn{background:#1d9e75;color:#fff;border:none;padding:6px 18px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,opacity .2s}.studyMaterialViewBtn:hover{background:#0f6e56;transform:translateY(-1px)}.studyMaterialViewBtn:active{transform:scale(.96)}.studyMaterialViewBtn.loading{background:#085041;opacity:.8;cursor:default;transform:none}.emptyRow td{background:transparent!important}.emptyState{text-align:center;padding:36px 0;color:#4a8c72}.emptyIcon{font-size:32px;margin-bottom:8px;opacity:.5}.emptyState p{font-size:14px}.studyMaterialMobile{display:none}@media(max-width:768px){.studyMaterialTableWrap{display:none}.studyMaterialMobile{display:block}.studyMaterialMobileHeader{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#4a8c72;text-transform:uppercase;letter-spacing:.04em;padding:0 4px 8px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.studyMaterialCard{background:#177e86;color:#fff;padding:14px;border-radius:14px;margin-bottom:12px;animation:cardFadeIn .35s ease both}.studyMaterialCardTop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.studyMaterialCardTitle{font-size:13px;font-weight:600}.studyMaterialCardDate{font-size:12px;opacity:.8;white-space:nowrap}.studyMaterialCardChapter{font-size:11px;opacity:.7;margin-bottom:10px}.studyMaterialCardActions{display:flex;align-items:center;justify-content:space-between}.filesBadgeMobile{font-size:11px;opacity:.8}.viewBtn{background:#2ecc71;border:none;padding:6px 16px;border-radius:14px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.viewBtn:active{background:#27ae60}.viewBtn.loading{background:#1e8449;cursor:default}}.smd-page{padding:24px 28px;background:#c8d0d3;height:100vh;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;gap:0}.smd-back{display:inline-flex;align-items:center;background:#2e7d8a;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;width:fit-content;transition:background .2s,transform .15s}.smd-back:hover{background:#245f6b;transform:translate(-2px)}.smd-back:active{transform:translate(0) scale(.97)}.smd-header{background:#eceff0;padding:14px 22px;border-radius:12px;margin-top:12px}.smd-header h2{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.smd-wrapper{display:flex;gap:32px;margin-top:16px;background:#fff;padding:32px 28px;border-radius:22px;align-items:flex-start;flex:1;min-height:0;overflow:hidden}.smd-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.smd-topic{font-size:22px;font-weight:700;margin:0;color:#111}.smd-chapter{color:#555;font-size:14px;margin:0}.smd-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.smd-meta-pill{display:inline-flex;align-items:center;gap:5px;background:#f0f5f5;border:1px solid #d0e4e4;color:#2e7d8a;font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px}.smd-note{display:flex;flex-direction:column;gap:6px}.smd-note-label-row{display:flex;align-items:center;justify-content:space-between}.smd-note-label{font-weight:600;font-size:15px;margin:0;color:#222}.smd-copy-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid #c8dede;color:#2e7d8a;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.smd-copy-btn:hover{background:#eaf4f4}.smd-copy-btn.copied{background:#d4edda;color:#155724;border-color:#c3e6cb}.smd-note-box{background:#f8f8f8;border:1px solid #bbb;border-radius:8px;padding:14px 16px;font-size:13.5px;color:#333;line-height:1.55;max-width:460px}.smd-files-panel{width:340px;flex-shrink:0;background:#1e5f6c;border-radius:14px;padding:18px 16px;color:#fff;height:310px;display:flex;flex-direction:column}.smd-files-header{text-align:center;font-weight:600;font-size:15px;margin-bottom:14px;flex-shrink:0}.smd-files-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.smd-files-list::-webkit-scrollbar{width:4px}.smd-files-list::-webkit-scrollbar-track{background:transparent}.smd-files-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}@keyframes fileCardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.smd-file-card{border:1.5px dashed rgba(255,255,255,.45);padding:10px 12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:56px;cursor:pointer;animation:fileCardIn .3s ease both;transition:background .2s,border-color .2s,transform .15s}.smd-file-card:hover{background:#ffffff14;border-color:#fff9;transform:translateY(-1px)}.smd-file-card.active{background:#ffffff24;border-style:solid;border-color:#ffffffb3}.smd-file-info{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.smd-file-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px}.smd-file-ext{font-size:9px;font-weight:800;letter-spacing:.03em}.smd-file-text{min-width:0}.smd-file-name{font-size:13px;font-weight:500;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.smd-file-size{font-size:11px;opacity:.65}.smd-file-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.smd-view-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:0;opacity:.9;transition:opacity .15s;white-space:nowrap}.smd-view-btn:hover{opacity:1;text-decoration:underline}.smd-view-btn.loading{opacity:.6;cursor:default;font-size:11px}.smd-download-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.85;text-decoration:none;transition:opacity .15s,transform .15s}.smd-download-btn:hover{opacity:1;transform:translateY(-1px)}.smd-download-btn:active{transform:scale(.93)}.smd-download-btn.done{opacity:1}.smd-no-files{text-align:center;color:#ffffff80;font-size:13px;padding:24px 0}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.smd-skeleton{border-radius:10px;background:linear-gradient(90deg,#b8c4c8 25%,#a8b8bc,#b8c4c8 75%);background-size:500px 100%;animation:shimmer 1.4s infinite}.smd-skeleton-back{height:30px;width:80px;margin-bottom:12px}.smd-skeleton-header{height:52px;margin-bottom:16px}.smd-skeleton-body{flex:1;border-radius:22px}.smd-error{background:#fff0f0;color:#a33;border-radius:10px;padding:20px;font-size:14px;text-align:center;margin-top:12px}@media(max-width:768px){.smd-wrapper{flex-direction:column;overflow-y:auto}.smd-files-panel{width:100%;height:auto;max-height:320px}.smd-note-box{max-width:100%}.smd-file-name{max-width:160px}}:root{--ls-bg: #0d1117;--ls-surface: #161b22;--ls-surface2: #1c2230;--ls-border: rgba(255,255,255,.08);--ls-brand: #1a9e9e;--ls-brand-dim: rgba(26,158,158,.15);--ls-text: #e6edf3;--ls-muted: rgba(230,237,243,.5);--ls-red: #f85149;--ls-red-dim: rgba(248,81,73,.15);--ls-green: #3fb950;--ls-yellow: #d29922;--ls-radius: 16px;--ls-radius-sm: 10px;--ls-shadow: 0 8px 32px rgba(0,0,0,.4);--ls-shadow-sm: 0 4px 16px rgba(0,0,0,.25)}.studentLayout__right{height:100vh;display:flex;flex-direction:column;overflow:hidden}.studentLayout__page:has(.classroom-layout){flex:1;min-height:0;overflow:hidden!important;display:flex!important;padding:12px!important;background:var(--ls-bg)}.lk-room-container{flex:1;min-height:0;display:flex}.classroom-layout{flex:1;min-height:0;display:grid;grid-template-columns:1fr 340px;gap:12px;align-items:stretch}.main-stage{min-height:0;position:relative;border-radius:var(--ls-radius);overflow:hidden;background:var(--ls-surface);box-shadow:var(--ls-shadow)}.main-stage.full-width{grid-column:1 / -1}.main-stage video{width:100%;height:100%;min-height:0;object-fit:cover;background:var(--ls-bg);display:block}.main-stage video.lk-screen-share{object-fit:contain}.pip-camera{position:absolute;bottom:90px;right:16px;width:180px;height:120px;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #00000059;border:2px solid rgba(255,255,255,.25);z-index:25;transition:transform .15s}.pip-camera:hover{transform:scale(1.04)}.pip-camera video{width:100%;height:100%;object-fit:cover;border-radius:0!important}.toggle-sidebar-btn{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);background:#0000008c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .15s,transform .15s;padding:0}.toggle-sidebar-btn:hover{background:#000000bf;transform:scale(1.08)}.right-sidebar{min-height:0;background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:var(--ls-radius);box-shadow:var(--ls-shadow-sm);overflow:hidden;display:flex;flex-direction:column}.right-sidebar>:first-child{padding:12px;max-height:220px;overflow:auto;border-bottom:1px solid var(--ls-border);flex-shrink:0}.right-sidebar>:last-child{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.waiting-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ls-bg)}.waiting-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:var(--ls-radius);padding:40px 48px;box-shadow:var(--ls-shadow);text-align:center}.waiting-pulse{width:52px;height:52px;border-radius:50%;background:var(--ls-brand-dim);border:2px solid var(--ls-brand);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.6}}.waiting-card h2{font-size:18px;font-weight:700;color:var(--ls-text);margin:0}.waiting-card p{font-size:13px;color:var(--ls-muted);margin:0}.control-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;background:#161b22d9;border:1px solid var(--ls-border);border-radius:999px;padding:10px 16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--ls-shadow)}.ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:999px;border:1px solid var(--ls-border);background:var(--ls-surface2);color:var(--ls-text);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.3px;transition:background .15s,border-color .15s,transform .1s,color .15s;white-space:nowrap;min-width:64px}.ctrl-btn:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-2px)}.ctrl-btn:active{transform:translateY(0)}.ctrl-btn--off{background:#f851491f;border-color:#f851494d;color:var(--ls-red)}.ctrl-btn--off:hover{background:#f8514933}.ctrl-btn--active{background:var(--ls-brand-dim);border-color:var(--ls-brand);color:var(--ls-brand)}.ctrl-btn--active:hover{background:#1a9e9e40}.ctrl-btn--leave{background:var(--ls-red-dim);border-color:#f851494d;color:var(--ls-red)}.ctrl-btn--leave:hover{background:#f8514940;border-color:var(--ls-red)}.chat-panel{height:100%;display:flex;flex-direction:column;min-height:0}.chat-header{padding:10px 14px;border-bottom:1px solid var(--ls-border);font-size:12px;font-weight:700;color:var(--ls-muted);text-transform:uppercase;letter-spacing:.6px;flex-shrink:0}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--ls-border) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--ls-border);border-radius:4px}.chat-empty{font-size:13px;color:var(--ls-muted);text-align:center;margin-top:20px}.chat-row{display:flex}.chat-row.me{justify-content:flex-end}.chat-row.other{justify-content:flex-start}.chat-bubble{max-width:82%;background:var(--ls-surface2);border:1px solid var(--ls-border);border-radius:14px;padding:8px 12px;color:var(--ls-text);box-shadow:0 2px 8px #00000026}.chat-bubble.me-bubble{background:var(--ls-brand);color:#fff;border-color:transparent}.chat-bubble.teacher-bubble{background:#0369a1;color:#fff;border-color:transparent}.chat-name{display:block;font-size:10px;font-weight:800;color:var(--ls-muted);margin-bottom:3px;letter-spacing:.2px}.chat-bubble.me-bubble .chat-name,.chat-bubble.teacher-bubble .chat-name{color:#ffffffbf}.chat-text{font-size:13px;line-height:1.45;word-break:break-word}.chat-time{font-size:10px;opacity:.55;margin-top:4px;text-align:right}.chat-input-area{display:flex;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--ls-border);background:var(--ls-surface);flex-shrink:0}.chat-input-area input{flex:1;padding:9px 14px;border-radius:999px;border:1px solid var(--ls-border);background:var(--ls-surface2);color:var(--ls-text);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.chat-input-area input::placeholder{color:var(--ls-muted)}.chat-input-area input:focus{border-color:var(--ls-brand);box-shadow:0 0 0 3px var(--ls-brand-dim)}.chat-send-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--ls-brand);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0;padding:0}.chat-send-btn:hover{background:#1db8b8;transform:scale(1.08)}.chat-send-btn:active{transform:scale(.97)}.participants-wrapper{display:flex;flex-direction:column;gap:8px}.participants-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--ls-radius-sm);background:var(--ls-surface2);border:1px solid var(--ls-border);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;color:var(--ls-muted);text-transform:uppercase;letter-spacing:.5px;transition:background .15s}.participants-header:hover{background:#ffffff0f}.participants-count{background:var(--ls-brand-dim);color:var(--ls-brand);font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;border:1px solid rgba(26,158,158,.2)}.participants-chevron{color:var(--ls-muted);transition:transform .2s}.participants-chevron.open{transform:rotate(180deg)}.participants-row{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ls-border) transparent}.participants-row::-webkit-scrollbar{width:3px}.participants-row::-webkit-scrollbar-track{background:transparent}.participants-row::-webkit-scrollbar-thumb{background:var(--ls-border);border-radius:3px}.participant-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--ls-radius-sm);background:var(--ls-surface2);border:1px solid var(--ls-border);transition:background .15s}.participant-card.hand-raised{border-color:#d2992259;background:#d2992214}.participant-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:var(--ls-brand);flex-shrink:0}.participant-card.hand-raised .participant-avatar{background:var(--ls-yellow)}.participant-name{font-size:13px;font-weight:600;color:var(--ls-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.raised-hand-icon{font-size:14px}.raise-hand-btn{position:fixed;bottom:100px;right:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(210,153,34,.35);background:#d299221a;color:var(--ls-yellow);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:90;box-shadow:var(--ls-shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s,transform .15s,box-shadow .15s}.raise-hand-btn:hover{background:#d2992233;transform:translateY(-2px);box-shadow:0 8px 24px #d2992233}.raise-hand-btn:active{transform:translateY(0)}.raise-hand-btn.raised{background:#d2992240;border-color:var(--ls-yellow);box-shadow:0 0 0 4px #d2992226,var(--ls-shadow-sm)}.classroom-layout.fs-mode{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;background:#0f172a;padding:0;margin:0;gap:0}.classroom-layout.fs-mode .main-stage video{border-radius:0}.fullscreen-btn{position:absolute;top:14px;right:60px;z-index:20;background:#0009;color:#fff;border:none;border-radius:50%;width:38px;height:38px;cursor:pointer}.toggle-sidebar-btn{position:absolute;top:14px;right:14px;z-index:20;background:#0009;color:#fff;border:none;border-radius:50%;width:38px;height:38px;cursor:pointer}@media(max-width:900px){.classroom-layout{grid-template-columns:1fr}.right-sidebar{position:fixed;right:12px;top:60px;width:min(360px,92vw);height:calc(100vh - 80px);z-index:50}.control-bar{bottom:16px;padding:8px 12px;gap:8px}.ctrl-btn{padding:8px 12px;min-width:54px;font-size:10px}}.liveSessionsPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.liveBackBtnHeader{background:#0a808a;border:none;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;font-weight:600;color:#fff;align-self:flex-start}.liveSessionsHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.liveSessionsHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.liveSessionsBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:24px}.liveGrid{display:grid;grid-template-columns:repeat(auto-fill,212px);gap:24px}.liveCard{display:flex;flex-direction:column;width:212px;height:234px;background:#0a808a;border-radius:8px;overflow:hidden;color:#fff;cursor:pointer;box-shadow:2px 2px 2px #0003;transition:.3s}.liveCard:hover{background:#086a73;transform:translateY(-3px)}.liveCardImg{width:100%;height:120px;object-fit:cover}.liveCardBody{padding:12px;flex:1;display:flex;flex-direction:column;gap:4px}.liveCardText{font-size:10px;font-weight:500;opacity:.95;line-height:1.15}@media(max-width:768px){.liveSessionsHeaderBox{padding:14px 16px;border-radius:0}.liveSessionsBodyBox{padding:16px;border-radius:0}.liveGrid{grid-template-columns:repeat(2,1fr);gap:14px}.liveCard{width:100%;height:auto;min-height:108px;border-radius:14px;justify-content:center;align-items:center;text-align:center;padding:16px;box-shadow:0 4px 10px #00000026}.liveCardImg{display:none}.liveCardBody{padding:0;align-items:center;gap:5px}.liveCardText{font-size:12px}.liveCardText:first-child{font-size:14px;font-weight:700}}:root{--ps-primary: #015865;--ps-primary-dark: #013d47;--ps-accent: #0a808a;--ps-accent-light: #e4f2f3;--ps-teal-mid: #2a9da8;--ps-text-dark: #1a1a2e;--ps-text-muted: #6b7280;--ps-border: #d1d5db;--ps-success: #16a34a;--ps-danger: #dc2626;--ps-warning: #d97706}.ps__page{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.ps__headerBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.ps__headerBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.ps__bodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:24px}.ps__tabs{display:flex;gap:3px;background:#d8e8e9;border-radius:10px;padding:4px;width:fit-content;margin-bottom:20px}.ps__tab{padding:7px 22px;border-radius:7px;border:none;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;background:transparent;color:var(--ps-text-muted);transition:all .2s;white-space:nowrap;font-family:inherit}.ps__tab--active{background:var(--ps-primary);color:#fff}.ps__tabLabelWrap{position:relative;display:inline-flex;align-items:center;gap:6px}.ps__tabBadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1}.ps__tab--active .ps__tabBadge{background:#fff;color:var(--ps-primary)}.ps__tabContent{min-height:200px}.ps__cardGrid{display:grid;grid-template-columns:repeat(auto-fill,212px);gap:16px}.psCard{display:flex;flex-direction:column;width:212px;background:var(--ps-accent);border-radius:8px;padding:16px;color:#fff;cursor:pointer;box-shadow:2px 2px 2px #0003;transition:.3s}.psCard:hover{background:#086a73;transform:translateY(-3px)}.psCard__badge{font-size:10px;padding:3px 9px;border-radius:20px;font-weight:600;display:inline-block;margin-bottom:8px;width:fit-content}.psCard__badge--approved{background:#16a34a40;color:#86efac}.psCard__badge--pending{background:#d9770647;color:#fcd34d}.psCard__badge--ongoing{background:#3b82f640;color:#93c5fd}.psCard__badge--needs_reconfirmation{background:#dc262640;color:#fca5a5}.psCard__subject{font-weight:700;font-size:14px;margin-bottom:2px}.psCard__topic{font-size:11px;opacity:.78;margin-bottom:6px}.psCard__teacher{font-size:12px;opacity:.88;margin-top:auto}.psCard__footer{border-top:1px solid rgba(255,255,255,.18);padding-top:8px;margin-top:8px;font-size:11px;opacity:.78;display:flex;flex-direction:column;gap:2px}.psCard__enterBtn{width:100%;margin-top:10px;padding:8px;border:none;border-radius:6px;background:var(--ps-success);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.psCard__enterBtn:hover{background:#15803d;transform:translateY(-1px)}.psCard__enterBtn--live{background:var(--ps-danger);animation:psPulse 1.5s ease-in-out infinite}.psCard__enterBtn--live:hover{background:#b91c1c}@keyframes psPulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.ps__reconfirmBanner{background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;padding:16px 20px;margin-bottom:16px;display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.ps__reconfirmIcon{font-size:22px;flex-shrink:0}.ps__reconfirmText{flex:1;min-width:180px}.ps__reconfirmText strong{font-size:14px;color:var(--ps-text-dark);display:block;margin-bottom:4px}.ps__reconfirmText p{font-size:12px;color:var(--ps-text-muted);line-height:1.6}.ps__reconfirmActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ps__confirmBtn{padding:8px 16px;background:var(--ps-success);color:#fff;border:none;border-radius:7px;font-size:13px;cursor:pointer;font-weight:600;min-height:40px}.ps__declineBtn{padding:8px 16px;background:#fff;color:var(--ps-danger);border:1.5px solid var(--ps-danger);border-radius:7px;font-size:13px;cursor:pointer;font-weight:600;min-height:40px}.ps__reqHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.ps__reqCount{font-size:13px;color:var(--ps-text-muted)}.ps__requestBtn{background:var(--ps-primary);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-size:13px;cursor:pointer;font-weight:500;transition:background .2s;white-space:nowrap;font-family:inherit}.ps__requestBtn:hover{background:var(--ps-primary-dark)}.ps__reqGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ps__reqCard{background:var(--ps-accent);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative;overflow:hidden}.ps__reqCard:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0a808a59;background:#098a95}.ps__reqCardTop{display:flex;justify-content:space-between;align-items:center}.ps__reqBadge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:#a78bfa40;color:#e9d5ff}.ps__reqStatus{font-size:11px;color:#fcd34d;font-weight:500}.ps__reqSubject{font-size:16px;font-weight:700;color:#fff}.ps__reqTopic{font-size:12px;color:#ffffffb8}.ps__reqTeacher{font-size:13px;color:#ffffffe6;font-weight:500}.ps__reqMeta{font-size:12px;color:#ffffffb3}.ps__reqTimeRow{display:flex;gap:12px;font-size:12px;color:#ffffffc7;flex-wrap:wrap;margin-top:2px}.ps__reqNote{font-size:12px;color:#ffffffbf;font-style:italic;background:#0000001f;padding:8px 10px;border-radius:6px;border-left:3px solid rgba(255,255,255,.4);line-height:1.5}.ps__reqActions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}.ps__reqCancelBtn{padding:7px 14px;border-radius:7px;border:1.5px solid rgba(252,165,165,.45);background:#dc262626;color:#fca5a5;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .15s}.ps__reqCancelBtn:hover{background:#dc2626bf;color:#fff;transform:translateY(-1px)}.ps__detail{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 14px #00000012}.ps__sidebarBack{padding:12px 20px 0}.ps__backBtn{background:none;border:none;padding:6px 10px;border-radius:6px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:var(--ps-primary);display:inline-flex;align-items:center;gap:4px;font-family:inherit;transition:background .2s,color .2s}.ps__backBtn:hover{background:var(--ps-accent-light);color:var(--ps-primary-dark)}.ps__statusBar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:13px;font-weight:700;gap:12px}.ps__statusBar--upcoming{background:#f0fdf4;color:var(--ps-success);border-bottom:1px solid #bbf7d0}.ps__statusBar--live{background:#fef2f2;color:var(--ps-danger);border-bottom:1px solid #fecaca}.ps__joinBtn{padding:7px 20px;border-radius:8px;border:none;background:var(--ps-danger);color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.ps__joinBtn:hover{background:#b91c1c}.ps__cancelBtn{padding:7px 16px;border-radius:8px;border:1.5px solid var(--ps-danger);background:#fff;color:var(--ps-danger);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.ps__cancelBtn:hover{background:#fef2f2}.ps__detailLabel{font-size:14px;font-weight:700;color:var(--ps-text-dark);padding:16px 20px 8px}.ps__detailBody{display:flex;gap:24px;padding:0 20px 24px;align-items:stretch;flex-wrap:wrap}.ps__detailLeft{flex:1;display:flex;flex-direction:column;gap:10px;min-width:220px}.ps__detailRow{display:flex;align-items:baseline;gap:8px;font-size:13px}.ps__detailKey{color:var(--ps-text-muted);font-weight:600;min-width:90px;flex-shrink:0}.ps__detailVal{color:var(--ps-text-dark);font-weight:500}.ps__noteBlock{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:12px}.ps__noteBox{font-size:12px;color:var(--ps-text-dark);background:#f9fafb;border:1px solid var(--ps-border);border-radius:8px;padding:10px 12px;line-height:1.6;min-height:70px}.ps__detailRight{min-width:180px;flex-shrink:0}.ps__groupHeader{font-size:13px;color:var(--ps-text-muted);margin-bottom:10px;font-weight:500}.ps__groupHeader strong{color:var(--ps-text-dark);font-weight:700}.ps__studentList{background:var(--ps-primary);border-radius:10px;overflow:hidden}.ps__studentItem{font-size:12px;color:#fff;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:500;text-align:center}.ps__studentItem:last-child{border-bottom:none}.ps__modalOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.ps__modal{background:#fff;border-radius:14px;padding:28px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000040;animation:psModalIn .2s ease}@keyframes psModalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ps__modalTitle{font-size:17px;font-weight:800;color:var(--ps-text-dark);margin-bottom:16px}.ps__modalInfo{background:#f9fafb;border-radius:8px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.ps__modalInfoRow{font-size:12px;color:var(--ps-text-dark)}.ps__modalInfoRow strong{font-weight:700}.ps__modalLabel{font-size:12px;font-weight:600;color:var(--ps-text-dark);display:block;margin-bottom:6px}.ps__modalInput{width:100%;padding:9px 12px;border:1.5px solid var(--ps-border);border-radius:8px;font-size:13px;color:var(--ps-text-dark);outline:none;font-family:inherit;margin-bottom:12px}.ps__modalInput:focus{border-color:var(--ps-primary)}.ps__modalNote{font-size:11px;color:var(--ps-text-muted);line-height:1.6;margin-bottom:18px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:10px 12px}.ps__modalNote strong{color:var(--ps-text-dark)}.ps__modalActions{display:flex;gap:10px;justify-content:flex-end}.ps__modalBack{padding:8px 20px;border-radius:8px;border:1.5px solid var(--ps-border);background:#fff;font-size:13px;cursor:pointer;color:var(--ps-text-dark);font-family:inherit}.ps__modalConfirm{padding:8px 20px;border-radius:8px;border:none;background:var(--ps-danger);color:#fff;font-size:13px;cursor:pointer;font-weight:600;font-family:inherit}.ps__modalConfirm:disabled{opacity:.5;cursor:not-allowed}.ps__formWrap{background:#fff;border-radius:14px;padding:0}.ps__formTitle{font-size:19px;font-weight:700;color:var(--ps-text-dark);margin-bottom:16px}.ps__stepper{display:flex;align-items:center;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.ps__stepGroup{display:flex;align-items:center;flex-shrink:0}.ps__stepCircle{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;border:2px solid var(--ps-border);background:#fff;color:var(--ps-text-muted);transition:all .3s}.ps__stepCircle.active{background:var(--ps-primary);border-color:var(--ps-primary);color:#fff}.ps__stepCircle.done{background:var(--ps-success);border-color:var(--ps-success);color:#fff}.ps__stepLabel{font-size:12px;margin-left:7px;color:var(--ps-text-muted);white-space:nowrap}.ps__stepLabel.active{color:var(--ps-primary);font-weight:600}.ps__stepLine{width:32px;height:2px;background:var(--ps-border);margin:0 6px;flex-shrink:0}.ps__stepLine.done{background:var(--ps-success)}.ps__formBody{margin-bottom:20px}.ps__fieldRow{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap}.ps__fieldLabel{font-size:13px;font-weight:600;color:var(--ps-text-dark);min-width:70px;flex-shrink:0}.ps__fieldVal{font-size:13px;color:var(--ps-text-muted)}.ps__select{padding:9px 12px;border:1.5px solid var(--ps-border);border-radius:8px;font-size:13px;color:var(--ps-text-dark);background:#fff;outline:none;cursor:pointer;max-width:300px;font-family:inherit}.ps__select:focus{border-color:var(--ps-accent)}.ps__sectionLabel{font-size:14px;font-weight:700;color:var(--ps-text-dark);margin-bottom:14px;margin-top:18px}.ps__teacherGrid{display:flex;flex-direction:column;gap:10px}.ps__teacherCard{display:flex;align-items:center;gap:14px;padding:13px 16px;border:2px solid var(--ps-border);border-radius:10px;cursor:pointer;transition:all .2s;background:#fff;flex-wrap:wrap}.ps__teacherCard:hover{border-color:var(--ps-accent);background:var(--ps-accent-light)}.ps__teacherCard.selected{border-color:var(--ps-primary);background:var(--ps-accent-light)}.ps__teacherAvatar{border-radius:50%;background:var(--ps-teal-mid);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.ps__teacherInfo{flex:1;min-width:120px}.ps__teacherName{font-size:14px;font-weight:600;color:var(--ps-text-dark)}.ps__teacherMeta{font-size:12px;color:var(--ps-text-muted);margin-top:2px;display:flex;gap:8px;align-items:center}.ps__teacherAvail{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500;white-space:nowrap}.ps__teacherAvail.available{background:#dcfce7;color:#16a34a}.ps__teacherAvail.unavailable{background:#fef3c7;color:#d97706}.ps__stars{color:#f59e0b;font-size:12px}.ps__groupRow{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ps__groupCtrl{display:flex;align-items:center;border:1.5px solid var(--ps-border);border-radius:8px;overflow:hidden}.ps__groupBtn{width:28px;height:30px;background:var(--ps-accent-light);border:none;font-size:15px;font-weight:700;color:var(--ps-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.ps__groupBtn:hover{background:var(--ps-primary);color:#fff}.ps__groupInput{width:44px;border:none;border-left:1.5px solid var(--ps-border);border-right:1.5px solid var(--ps-border);text-align:center;font-weight:700;font-size:14px;height:30px;outline:none;background:#fff;color:var(--ps-text-dark)}.ps__studentInputs{display:flex;flex-direction:column;gap:8px}.ps__studentRow{display:flex;align-items:center;gap:8px}.ps__slotNum{font-size:12px;color:var(--ps-text-muted);width:18px;text-align:right;flex-shrink:0}.ps__studentInput{flex:1;padding:9px 12px;border:1.5px solid var(--ps-border);border-radius:8px;font-size:13px;outline:none;color:var(--ps-text-dark);background:#fff;min-width:0;font-family:inherit}.ps__studentInput::placeholder{color:#9ca3af}.ps__studentInput:focus{border-color:var(--ps-accent)}.ps__studentInput--you{background:#f9fafb;color:var(--ps-text-muted);cursor:not-allowed}.ps__studentInput--valid{background:var(--ps-accent-light);border-color:var(--ps-accent);color:var(--ps-primary);font-weight:500}.ps__studentInput--invalid{border-color:#fca5a5;background:#fef2f2}.ps__youTag{font-size:11px;background:var(--ps-primary);color:#fff;padding:3px 9px;border-radius:12px;white-space:nowrap;flex-shrink:0}.ps__validTag{font-size:11px;color:var(--ps-success);font-weight:600;white-space:nowrap;flex-shrink:0}.ps__clearBtn{width:28px;height:28px;border-radius:50%;border:1.5px solid #fecaca;background:#fef2f2;color:var(--ps-danger);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.ps__clearBtn:hover{background:var(--ps-danger);color:#fff;border-color:var(--ps-danger)}.ps__slotBtns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.ps__slotBtn{padding:8px 14px;border-radius:8px;border:1.5px solid var(--ps-border);background:#fff;font-size:12px;cursor:pointer;color:var(--ps-text-dark);transition:all .2s;font-weight:500;font-family:inherit}.ps__slotBtn:hover{border-color:var(--ps-accent);color:var(--ps-primary)}.ps__slotBtn.selected{background:var(--ps-primary);color:#fff;border-color:var(--ps-primary)}.ps__noteArea{width:100%;padding:12px;border:1.5px solid var(--ps-border);border-radius:8px;font-size:13px;resize:vertical;min-height:88px;outline:none;color:var(--ps-text-dark);font-family:inherit;background:#fff}.ps__noteArea::placeholder{color:#9ca3af}.ps__noteArea:focus{border-color:var(--ps-accent)}.ps__summaryLabel{font-size:15px;font-weight:700;color:var(--ps-text-dark);margin-bottom:12px}.ps__summaryTable{background:var(--ps-accent-light);border-radius:10px;padding:18px 20px}.ps__summaryRow{display:flex;justify-content:space-between;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:13px;gap:12px}.ps__summaryRow:last-child{border-bottom:none}.ps__summaryKey{color:var(--ps-text-muted);font-weight:500;min-width:90px;flex-shrink:0}.ps__summaryVal{color:var(--ps-text-dark);font-weight:600;text-align:right;flex:1}.ps__formActions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;border-top:1px solid var(--ps-border)}.ps__formBackBtn{padding:9px 20px;border-radius:8px;border:1.5px solid var(--ps-border);background:#fff;font-size:13px;cursor:pointer;color:var(--ps-text-dark);font-weight:500;font-family:inherit}.ps__formBackBtn:hover{background:#f3f4f6}.ps__formNextBtn{padding:9px 22px;border-radius:8px;border:none;background:var(--ps-primary);color:#fff;font-size:13px;cursor:pointer;font-weight:600;font-family:inherit}.ps__formNextBtn:hover{background:var(--ps-primary-dark)}.ps__formNextBtn:disabled{opacity:.5;cursor:not-allowed}.ps__formSubmitBtn{padding:9px 26px;border-radius:8px;border:none;background:var(--ps-success);color:#fff;font-size:13px;cursor:pointer;font-weight:600;font-family:inherit}.ps__formSubmitBtn:hover{background:#15803d}.ps__historyList{display:flex;flex-direction:column;gap:12px}.ps__historyCard{display:flex;justify-content:space-between;align-items:flex-start;background:#f9fafb;border-radius:10px;padding:16px 20px;border:1px solid var(--ps-border);gap:20px;flex-wrap:wrap;height:auto;min-height:0}.ps__historyLeft{flex:1;min-width:180px}.ps__historyBadge{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600;display:inline-block;margin-bottom:8px}.ps__historyBadge--completed{background:#dcfce7;color:#16a34a}.ps__historyBadge--cancelled{background:#fef2f2;color:#dc2626}.ps__historySubject{font-size:15px;font-weight:700;color:var(--ps-text-dark)}.ps__historyTopic{font-size:12px;color:var(--ps-text-muted);margin-bottom:4px}.ps__historyTeacher{font-size:13px;color:var(--ps-text-dark);font-weight:500}.ps__historyRight{display:flex;flex-direction:column;gap:4px;text-align:right}.ps__historyMeta{font-size:12px;color:var(--ps-text-muted)}.ps__empty{text-align:center;padding:60px 20px;color:var(--ps-text-muted)}.ps__emptyIcon{font-size:38px;margin-bottom:12px}.ps__empty p{font-size:14px}@media(max-width:768px){.ps__headerBox{padding:14px 16px;border-radius:0}.ps__bodyBox{padding:16px;border-radius:0}.ps__tabs{width:100%}.ps__tab{flex:1;text-align:center;padding:8px 6px;font-size:12px}.ps__cardGrid{grid-template-columns:repeat(2,1fr);gap:14px}.psCard{width:100%;height:auto;min-height:108px;border-radius:14px;justify-content:center;align-items:center;text-align:center;padding:16px;box-shadow:0 4px 10px #00000026}.ps__reconfirmBanner{flex-direction:column;padding:14px}.ps__reconfirmActions{width:100%;flex-direction:row}.ps__confirmBtn,.ps__declineBtn{flex:1;text-align:center}.ps__reqGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ps__detailBody{flex-direction:column}.ps__detailRight{width:100%}.ps__teacherCard{flex-wrap:wrap}.ps__select{max-width:100%}.ps__formActions{flex-direction:column-reverse;gap:8px}.ps__formBackBtn,.ps__formNextBtn,.ps__formSubmitBtn{width:100%;text-align:center}}@media(max-width:480px){.ps__cardGrid,.ps__reqGrid{grid-template-columns:1fr;gap:10px}.ps__summaryRow{flex-direction:column;gap:4px}.ps__summaryVal{text-align:left}.ps__historyCard{flex-direction:column}.ps__historyRight{text-align:left}.ps__stepper{gap:0}.ps__stepLabel{display:none}.ps__stepLine{width:16px}.ps__slotBtns{gap:6px}.ps__slotBtn{padding:8px 10px;font-size:11px;min-height:40px}}.tps__live-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.tps__live-loading p{color:#64748b;font-size:15px}.tps__live-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b5c7c;border-radius:50%;animation:tps-spin .8s linear infinite}@keyframes tps-spin{to{transform:rotate(360deg)}}.tps__live-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.tps__live-error h2{color:#1e293b;margin:0 0 8px;font-size:20px}.tps__live-error p{color:#64748b;margin:0 0 24px;max-width:400px}.ps__statusBar--pending{background:#fffbeb;color:#d97706;border-bottom:1px solid #fcd34d}.ps__statusBar--completed{background:#f0fdf4;color:#16a34a;border-bottom:1px solid #bbf7d0}.ps__statusBar--cancelled,.ps__statusBar--declined{background:#fef2f2;color:#dc2626;border-bottom:1px solid #fecaca}.ps__statusBar--expired,.ps__statusBar--withdrawn{background:#f9fafb;color:#6b7280;border-bottom:1px solid #d1d5db}.ps__statusBar--noshow{background:#fffbeb;color:#d97706;border-bottom:1px solid #fcd34d}.ps__reschedBanner{display:flex;align-items:flex-start;gap:14px;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:10px;padding:16px 20px;margin:0 20px 16px}.ps__reschedBannerIcon{font-size:22px;flex-shrink:0}.ps__reschedBannerText{flex:1}.ps__reschedBannerText strong{font-size:14px;color:var(--ps-text-dark);display:block;margin-bottom:4px}.ps__reschedBannerText p{font-size:12px;color:var(--ps-text-muted);line-height:1.6}.ps__modalInfoLabel{color:var(--ps-text-muted);font-weight:500;min-width:80px;display:inline-block}.ps__historyCard--clickable{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.ps__historyCard--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;border-color:var(--ps-accent)}.ps__historyBadge--declined{background:#fef2f2;color:#dc2626}.ps__historyBadge--expired{background:#f9fafb;color:#6b7280}.ps__historyBadge--withdrawn{background:#f3f4f6;color:#6b7280}.ps__historyBadge--noshow{background:#fffbeb;color:#d97706}.ps__historyFilterRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.ps__historyFilter{padding:7px 12px;border:1.5px solid var(--ps-border);border-radius:8px;font-size:13px;color:var(--ps-text-dark);background:#fff;outline:none;cursor:pointer;font-family:inherit}.ps__historyFilter:focus{border-color:var(--ps-accent)}.ps__searchWrap{position:relative;margin-bottom:16px;max-width:420px}.ps__searchIcon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.ps__searchInput{width:100%;padding:9px 14px 9px 36px;border:1.5px solid var(--ps-border);border-radius:8px;font-size:13px;color:var(--ps-text-dark);outline:none;font-family:inherit;background:#fff;transition:border-color .2s}.ps__searchInput::placeholder{color:#9ca3af}.ps__searchInput:focus{border-color:var(--ps-accent)}.ps__historyLeft{flex:1;min-width:180px;word-wrap:break-word;overflow-wrap:break-word}.ps__historyRight{display:flex;flex-direction:column;gap:4px;text-align:right;white-space:normal}.ps__historySubject{font-size:15px;font-weight:700;color:var(--ps-text-dark);word-wrap:break-word}.ps__historyMeta{font-size:12px;color:var(--ps-text-muted);white-space:normal}.pvt-room{display:flex;flex-direction:column;height:100vh;width:100%;background:#0d1117;color:#e8eaf2;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.pvt-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#161b27;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:12px}.pvt-topbar-left{display:flex;flex-direction:column}.pvt-session-name{font-size:14px;font-weight:700;color:#e8eaf2}.pvt-session-sub{font-size:11px;color:#6b7591;margin-top:1px}.pvt-topbar-right{display:flex;align-items:center;gap:10px}.pvt-timer{font-size:13px;font-weight:600;color:#a0aec0;font-variant-numeric:tabular-nums;background:#ffffff0f;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.pvt-count{font-size:12px;color:#e8eaf2;font-weight:600;background:#ffffff1f;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.22)}.pvt-main{display:flex;flex:1;overflow:hidden}.pvt-video-area{flex:1;display:flex;flex-direction:column;padding:14px;gap:10px;overflow:hidden;min-width:0}.pvt-video-grid{flex:1;display:grid;gap:8px;overflow:hidden;align-content:center;justify-content:center;width:100%;height:100%}.pvt-grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.pvt-grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.pvt-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pvt-grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.pvt-grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.pvt-grid-many{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr}.pvt-tile{background:#1a2035;border-radius:12px;position:relative;overflow:hidden;border:1.5px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}.pvt-tile video{width:100%;height:100%;object-fit:contain;background:#111827}.pvt-tile-sm{width:100%;height:130px;flex-shrink:0;border-radius:8px}.pvt-tile-label{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:6px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#e8eaf2}.pvt-host-badge{font-size:10px;background:#4f7ef7;color:#fff;padding:1px 6px;border-radius:4px;font-weight:600;margin-left:4px}.pvt-placeholder{width:100%;height:100%;background:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pvt-placeholder-avatar{width:64px;height:64px;border-radius:50%;background:#2a9da8;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff}.pvt-placeholder-name{font-size:12px;color:#6b7591}.pvt-tile-screenshare video{object-fit:contain}.pvt-screen-layout{flex:1;display:flex;gap:6px;overflow:hidden;height:100%}.pvt-screen-main{flex:1;min-width:0;height:100%;border-radius:10px;overflow:hidden;border:2px solid #4f7ef7;background:#0d1117}.pvt-screen-main video{width:100%;height:100%;object-fit:contain}.pvt-screen-strip{display:flex;flex-direction:column;gap:6px;width:180px;flex-shrink:0;overflow-y:auto}.pvt-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#161b27;border-radius:14px;border:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:10px}.pvt-ctrl-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.pvt-ctrl-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s;background:#ffffff1a;color:#e8eaf2;flex-shrink:0}.pvt-ctrl-btn:hover{background:#ffffff29}.pvt-ctrl-off{background:#f56565;color:#fff}.pvt-ctrl-off:hover{background:#e04040}.pvt-ctrl-active{background:#4f7ef733;color:#4f7ef7;border:1px solid rgba(79,126,247,.3)}.pvt-ctrl-active:hover{background:#4f7ef74d}.pvt-leave-btn{display:flex;align-items:center;gap:6px;padding:0 20px;height:48px;border-radius:24px;border:none;cursor:pointer;background:#f5656526;color:#f56565;border:1px solid rgba(245,101,101,.3);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:all .15s}.pvt-leave-btn:hover{background:#f56565;color:#fff}.pvt-sidebar{width:300px;background:#161b27;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.pvt-sidebar-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.pvt-sidebar-tab{flex:1;padding:12px 8px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:#6b7591;border-bottom:2px solid transparent;transition:all .15s;font-family:inherit}.pvt-sidebar-tab.active{color:#4f7ef7;border-bottom-color:#4f7ef7}.pvt-sidebar-body{flex:1;overflow-y:auto;overflow-x:hidden}.pvt-sidebar-body::-webkit-scrollbar{width:4px}.pvt-sidebar-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.pvt-participants-list{display:flex;flex-direction:column}.pvt-participant-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.pvt-participant-avatar{width:34px;height:34px;border-radius:50%;background:#2a9da8;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.pvt-participant-info{flex:1;min-width:0}.pvt-participant-name{font-size:13px;font-weight:500;color:#e8eaf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pvt-participant-role{font-size:11px;color:#6b7591;margin-top:1px}.pvt-participant-icons{display:flex;align-items:center;gap:6px;font-size:14px}.pvt-tile-speaking{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e4d}.pvt-tile-pinned{border-color:#4f7ef7;box-shadow:0 0 0 2px #4f7ef74d}.pvt-speaking-dot{color:#22c55e;font-size:8px;animation:pvt-pulse 1.2s ease-in-out infinite}@keyframes pvt-pulse{0%,to{opacity:1}50%{opacity:.4}}.pvt-pin-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;border:none;background:#00000073;color:#a0aec0;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;z-index:10}.pvt-tile:hover .pvt-pin-btn{opacity:1}.pvt-pin-active{opacity:1;background:#4f7ef74d;color:#4f7ef7}.pvt-muted-bar{position:absolute;top:10px;left:10px;background:#f56565d9;color:#fff;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;z-index:5}.pvt-hand-indicator{position:absolute;top:10px;right:42px;font-size:22px;animation:pvt-hand-wave .6s ease-in-out infinite alternate;z-index:5}@keyframes pvt-hand-wave{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.pvt-hand-banner{background:#eab30826;color:#eab308;padding:8px 20px;font-size:13px;font-weight:600;text-align:center;border-bottom:1px solid rgba(234,179,8,.2);flex-shrink:0}.pvt-end-btn{background:#f5656533}.pvt-ctrl-left,.pvt-ctrl-right{display:flex;align-items:center;gap:8px}.pvt-toast-wrap{position:fixed;top:70px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:500;pointer-events:none}.pvt-toast{background:#1e2435;border:1px solid rgba(255,255,255,.1);padding:10px 18px;border-radius:10px;font-size:13px;font-weight:500;color:#e8eaf2;box-shadow:0 8px 24px #0006;animation:pvt-toast-in .25s ease}.pvt-toast-warn{border-color:#f565654d;color:#f56565}@keyframes pvt-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.pvt-sidebar{display:none}.pvt-ctrl-btn{width:42px;height:42px;font-size:16px}.pvt-controls{padding:10px 12px;gap:6px}.pvt-topbar{padding:10px 14px}.pvt-video-area{padding:10px;gap:8px}.pvt-leave-btn{padding:0 14px;font-size:12px}}@media(max-width:480px){.pvt-ctrl-btn{width:38px;height:38px;font-size:15px}.pvt-grid-2{grid-template-columns:1fr}.pvt-timer{display:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}button,[role=button],[role=tab],.tab,.tabs a,a,label,summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:focus,[role=button]:focus,[role=tab]:focus{outline:none}body{background:#e9e0df}