.sidebar{width:250px;background:var(--nav-bg, #425f7f);color:#fff;padding:18px 16px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;font-family:var(--font-body, "Poppins", system-ui, sans-serif)}.sidebar__sep{height:1px;background:var(--nav-sep, rgba(255, 255, 255, .12));margin:10px 4px 8px}.switch-class{margin-top:4px}.switch-class-btn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:13px;color:#fff;opacity:.92;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;text-align:left;transition:background .15s ease}.switch-class-btn:hover{background:#ffffff1a}.switch-class-btn--static{cursor:default}.switch-class-btn--static:hover{background:transparent}.switch-class-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffd16666}.switch-class-btn svg{flex-shrink:0;width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.switch-class-btn__label{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch-class-btn__caret{width:14px;height:14px;transition:transform .2s ease}.switch-class-btn__caret.is-open{transform:rotate(180deg)}.class-dropdown{margin:4px 0 2px;background:#0003;border-radius:8px;overflow:hidden;max-height:0;opacity:0;transition:max-height .2s ease,opacity .2s ease}.class-dropdown.open{max-height:60vh;opacity:1;overflow-y:auto}.class-option{display:block;width:100%;text-align:left;padding:8px 14px;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:12.5px;cursor:pointer;color:#ffffffd9;background:transparent;border:none;transition:background .12s ease}.class-option:hover{background:#ffffff1a}.class-option.active{color:#ffd166;font-weight:700}.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;font-weight:700;box-shadow:inset 3px 0 #ffd166}.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}.sidebar__courseToggle{background:transparent;border:none;width:100%;cursor:pointer;font-family:inherit;text-align:left}.sidebar__courseLabel{flex:1}.sidebar__chev{font-size:14px;transition:transform .2s ease;opacity:.8}.sidebar__chev--open{transform:rotate(180deg)}.sidebar__courseItem{background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;font-weight:500}@media(max-width:768px){.sidebar__closeBtn{display:block}}.ps-root{position:relative;display:inline-block}.ps-trigger{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid #e5e8eb;border-radius:999px;background:#fff;box-shadow:0 1px 2px #0f172a0d;cursor:pointer;font-family:inherit}.ps-trigger:hover,.ps-trigger--open{background:#f5f7f8}.ps-trigger__av{width:34px;height:34px;font-size:14px;font-weight:800;flex-shrink:0}.ps-trigger__txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;max-width:118px;min-width:0}.ps-trigger__nm{font-size:12.5px;font-weight:700;color:#1a2226;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-trigger__chip{font-size:10px;font-weight:600}.ps-trigger__chevron{color:#93a0a8;font-size:15px;flex-shrink:0;transition:transform .15s}.ps-trigger--open .ps-trigger__chevron{transform:rotate(180deg)}.ps-prof{position:absolute;top:52px;right:0;width:320px;max-height:78vh;overflow-y:auto;background:#fff;border-radius:16px;border:1px solid #eceff1;box-shadow:0 18px 54px #0f172a33;z-index:80;animation:ps-pop .16s ease}@keyframes ps-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ps-scroll{scrollbar-width:thin;scrollbar-color:#d8dcdf transparent}.ps-scroll::-webkit-scrollbar{width:8px}.ps-scroll::-webkit-scrollbar-thumb{background:#d8dcdf;border-radius:8px}.ps-prof-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;background:linear-gradient(135deg,#f3f9fa,#eef4f5);border-bottom:1px solid #eceff1}.ps-prof-head__av{width:46px;height:46px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:800;flex-shrink:0;font-size:17px}.ps-prof-head__txt{min-width:0;flex:1}.ps-prof-head__nm{font-size:14.5px;font-weight:700;color:#12242a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-prof-head__em{font-size:11.5px;color:#7a858c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-prof-head__chip{font-size:10px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap}.ps-pills{display:flex;gap:6px;padding:12px 14px 4px}.ps-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:11px;border:1.5px solid #e9edee;background:#fff;color:#5b6570;cursor:pointer;font-family:inherit}.ps-pill__emoji{font-size:16px}.ps-pill__lbl{font-size:10.5px;font-weight:700}.ps-prof-sec{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#9aa4ab;padding:12px 16px 6px}.ps-prof-sec--divider{border-top:1px solid #f1f3f4;margin-top:4px}.ps-prof-item{display:flex;align-items:center;gap:11px;padding:9px 16px;font-size:13px;color:#2b343a;cursor:pointer;background:transparent;width:100%;border:none;text-align:left;font-family:inherit}.ps-prof-item:hover{background:#f5f7f8}.ps-prof-item:disabled{cursor:default}.ps-prof-item:disabled:hover{background:transparent}.ps-prof-item.active{background:#0a7d8c0f;color:#015865;font-weight:700}.ps-prof-item__txt{min-width:0;flex:1}.ps-prof-item__nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-prof-item__sub{font-size:10.5px;color:#9aa4ab}.ps-prof-item__av{width:30px;height:30px;border-radius:50%;background:#13899b21;color:#13899b;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.ps-prof-item__av--tile{border-radius:9px;font-size:15px}.ps-prof-item__lock{color:#9aa4ab;font-size:14px;flex-shrink:0}.ps-prof-item__tick{margin-left:auto;color:#2f9d42;display:flex;font-size:15px}.ps-badge{margin-left:auto;font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:999px;white-space:nowrap;flex-shrink:0}.ps-badge--approved{background:#2f9d4224;color:#1a6e2e}.ps-badge--pending{background:#eab3082e;color:#92400e}.ps-badge--active{background:#425f7f24;color:#425f7f}.ps-empty-tracks{margin:2px 14px 10px;padding:16px 14px;border:1.5px dashed #d8e0e2;border-radius:13px;background:#fafcfc;text-align:center}.ps-empty-tracks__emoji{font-size:24px;line-height:1}.ps-empty-tracks__title{font-size:13px;font-weight:700;color:#2b343a;margin-top:7px}.ps-empty-tracks__body{font-size:11px;color:#8a949b;margin:4px 0 12px;line-height:1.5}.ps-empty-tracks__cta{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:none;border-radius:10px;background:#015865;color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}.ps-empty-tracks__cta:hover{background:#013f48}.ps-qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 14px 12px}.ps-qa{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #eceff1;border-radius:11px;background:#fafcfc;cursor:pointer;text-align:left;font-family:inherit}.ps-qa:hover{background:#f1f7f8;border-color:#d7e5e7}.ps-qa__icon{color:#015865;font-size:17px;display:flex;flex-shrink:0}.ps-qa__lbl{font-size:12px;font-weight:600;color:#2b343a}.ps-prof-menu{padding:6px 0 8px}.ps-mi{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:#333;cursor:pointer;text-decoration:none;width:100%;border:none;background:none;text-align:left;font-family:inherit}.ps-mi svg{font-size:16px}.ps-mi:hover{background:#f5f5f5}.ps-mi--logout{color:#c0392b;border-top:1px solid #eee}.ps-av{border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800;color:#015865;background:#eef4f5;overflow:hidden}.ps-av--img{object-fit:cover}.ps-av--emoji{background:#f0f4ff}.ps-av--initials{background:#13899b21;color:#13899b}.ps-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.ps-modal{background:#fff;border-radius:16px;padding:32px 28px 24px;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:10px}.ps-modal__title{font-size:18px;font-weight:700;color:#111;margin:0}.ps-modal__sub{font-size:13px;color:#6b7280;margin:0;text-align:center}.ps-modal__error{font-size:12px;color:#dc2626;margin:0;text-align:center;background:#fef2f2;border-radius:6px;padding:6px 10px;width:100%;box-sizing:border-box}.ps-modal__confirm{width:100%;padding:11px;background:#015865;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px}.ps-modal__confirm:disabled{opacity:.55;cursor:not-allowed}.ps-modal__cancel{background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;padding:4px}.ps-modal__cancel:hover{color:#111}.ps-modal__link{background:none;border:none;color:#2563eb;font-size:12.5px;cursor:pointer;padding:4px;text-decoration:underline}.ps-modal__link:hover{color:#1d4ed8}.ps-pin{display:flex;gap:10px;justify-content:center;margin:6px 0}.ps-pin__cell{width:48px;height:56px;border:2px solid #d1d5db;border-radius:10px;font-size:20px;text-align:center;outline:none;caret-color:transparent;transition:border-color .15s}.ps-pin__cell:focus{border-color:#015865}.ps-pin--error .ps-pin__cell{border-color:#dc2626;animation:ps-shake .3s ease}@keyframes ps-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.ps-pw-wrap{position:relative;width:100%}.ps-pw-input{width:100%;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 40px 10px 12px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s}.ps-pw-input:focus{border-color:#015865}.ps-pw-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:15px}.sm-overlay{position:fixed;inset:0;background:#0f172a80;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px}.sm-card{background:#fff;width:100%;max-width:480px;max-height:88vh;border-radius:16px;box-shadow:0 24px 64px #00000047;display:flex;flex-direction:column;overflow:hidden;font-family:inherit}.sm-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 4px}.sm-title{margin:0;font-size:18px;font-weight:800;color:#111827}.sm-x{background:#f3f4f6;border:none;width:30px;height:30px;border-radius:8px;cursor:pointer;color:#374151;font-size:13px;display:grid;place-items:center}.sm-x:hover{background:#e5e7eb}.sm-email{padding:0 20px 10px;font-size:12px;color:#6b7280}.sm-tabs{display:flex;gap:18px;padding:0 20px;border-bottom:1px solid #eee}.sm-tab{background:none;border:none;cursor:pointer;padding:10px 0;font-size:14px;font-weight:600;color:#6b7280;border-bottom:2.5px solid transparent;font-family:inherit}.sm-tab.on{color:#0a7d8c;border-bottom-color:#0a7d8c}.sm-body{padding:16px 20px;overflow-y:auto;flex:1}.sm-sec{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#9aa0a6;margin:18px 0 8px}.sm-body>.sm-sec:first-child{margin-top:4px}.sm-sec--teacher{color:#425f7f;border-top:1px solid #e5e7eb;padding-top:14px;margin-top:22px}.sm-av{border-radius:50%;background:#0a7d8c;color:#fff;display:grid;place-items:center;font-weight:800;flex-shrink:0;object-fit:cover}.sm-av--sm{width:36px;height:36px;font-size:13px}.sm-av--lg{width:56px;height:56px;font-size:20px}.sm-editrow{display:flex;align-items:center;gap:10px}.sm-select{flex:1;padding:10px 12px;border:1.5px solid #d1d5db;border-radius:10px;font-size:13.5px;color:#111827;background:#fff;cursor:pointer;font-family:inherit;min-width:0}.sm-photorow{display:flex;align-items:center;gap:14px}.sm-photobtn{border:1.5px solid #d1d5db;background:#fff;color:#111827;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.sm-photobtn:hover{background:#f9fafb}.sm-label{display:block;font-size:12.5px;font-weight:600;color:#374151;margin:14px 0 5px}.sm-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;color:#111827;outline:none;font-family:inherit}.sm-input:focus{border-color:#0a7d8c}.sm-input[readonly]{background:#f7f8f8;color:#6b7280}.sm-textarea{resize:vertical;min-height:56px}.sm-mb{margin-bottom:8px}.sm-mt{margin-top:12px}.sm-addform{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.sm-addform .sm-input{margin:0;min-width:0;flex:1}.sm-pinrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.sm-row-actions{display:flex;gap:8px;flex-shrink:0}.sm-togglerow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.sm-togglerow:last-child{border-bottom:none}.sm-tg-title{font-size:13.5px;font-weight:600;color:#1f2937}.sm-tg-sub{font-size:11.5px;color:#9ca3af;margin-top:2px}.sm-toggle{width:42px;height:24px;border-radius:100px;background:#d1d5db;border:none;cursor:pointer;position:relative;transition:background .15s;flex-shrink:0}.sm-toggle.on{background:#0a7d8c}.sm-toggle__dot{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.sm-toggle.on .sm-toggle__dot{transform:translate(18px)}.sm-teacher-note{font-size:12px;color:#6b7280;margin-bottom:10px;line-height:1.5}.sm-track-list{display:flex;flex-direction:column;gap:8px}.sm-track-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1.5px solid #e5e7eb;background:#fafafa}.sm-track-card--approved{border-color:#0a7d8c40;background:#0a7d8c0a}.sm-track-card--pending{border-color:#eab30859;background:#fefce899}.sm-track-card--locked{opacity:.75}.sm-track-icon{font-size:22px;flex-shrink:0}.sm-track-info{flex:1;min-width:0}.sm-track-name{font-size:13.5px;font-weight:700;color:#111827}.sm-track-sub{font-size:11.5px;color:#6b7280;margin-top:2px}.sm-track-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.sm-badge{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}.sm-badge--green{background:#2f9d4224;color:#1a6e2e}.sm-badge--yellow{background:#eab3082e;color:#92400e}.sm-badge--gray{background:#f3f4f6;color:#6b7280}.sm-track-apply{font-size:12px;font-weight:700;color:#425f7f;padding:5px 10px;border:1.5px solid #425f7f;border-radius:8px;text-decoration:none;white-space:nowrap}.sm-track-apply:hover{background:#425f7f14}.sm-mini{border:1.5px solid #d1d5db;background:#fff;color:#0a7d8c;padding:7px 12px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.sm-mini:hover{background:#f9fafb}.sm-mini--danger{color:#c0392b;border-color:#c0392b66}.sm-linkbtn{display:inline-block;padding:9px 14px;border-radius:10px;border:1.5px solid #d1d5db;background:#fff;color:#0a7d8c;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;font-family:inherit}.sm-linkbtn:hover{background:#f9fafb}.sm-linkbtn--danger{color:#c0392b;border-color:#c0392b66}.sm-save--sm{padding:9px 14px;font-size:13px;white-space:nowrap}.sm-save--danger{background:#c0392b;border-color:#c0392b}.sm-mini-msg{font-size:12px;margin-top:8px}.sm-mini-msg.ok{color:#2f9d42}.sm-mini-msg.err{color:#dc2626}.sm-err{margin-top:12px;font-size:12px;color:#dc2626;background:#fef2f2;border-radius:8px;padding:8px 10px}.sm-ok{margin-top:12px;font-size:12px;color:#166534;background:#dcfce7;border-radius:8px;padding:8px 10px}.sm-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid #eee;background:#fff}.sm-cancel{background:none;border:none;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;padding:9px 14px;font-family:inherit}.sm-cancel:hover{color:#111827}.sm-save{background:#0a7d8c;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.sm-save:hover{background:#0a6e7b}.sm-save:disabled{opacity:.6;cursor:default}.trackSwitcher{display:inline-flex;background:#d9cfce;border-radius:100px;padding:3px;gap:2px;flex-shrink:0}.trackSwitcher__seg{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700;color:#6b5e5d;line-height:1;border:none;background:transparent;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}.trackSwitcher__seg:hover:not(.is-active):not(.is-locked){background:#0000000f;color:#3d3533}.trackSwitcher__seg.is-active{background:#015865;color:#fff;box-shadow:0 2px 6px #0000002e}.trackSwitcher.ctx-skill .trackSwitcher__seg.is-active{background:#ff8f01;color:#fff;box-shadow:0 2px 6px #ff8f0159}.trackSwitcher.ctx-teacher .trackSwitcher__seg.is-active{background:#425f7f;color:#fff;box-shadow:0 2px 6px #425f7f4d}.trackSwitcher__seg.is-locked{color:#9a8f8e;cursor:default}.trackSwitcher__seg.is-locked:hover{background:transparent;color:#9a8f8e}.trackSwitcher__lock{font-size:13px;opacity:.8}.trackSwitcher__badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:#9a7b182e;color:#9a7b18;padding:2px 6px;border-radius:100px}@media(max-width:600px){.trackSwitcher{margin-right:8px}.trackSwitcher__seg{padding:6px 10px;font-size:11px}.trackSwitcher__badge{display:none}}.trackSwitcher__seg.is-apply{color:#425f7f;cursor:pointer}.trackSwitcher__seg.is-apply:hover{background:#425f7f1a;color:#2f4661}.trackSwitcher__add{font-size:13px;opacity:.9}.header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;position:relative;background:#fff;border-bottom:1px solid #e5eaed}.header__left{display:flex;flex-direction:column;gap:2px}.header__title{font-family:Montserrat,system-ui,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.3px;color:#1a2c33}.header__subtitle{font-size:12px;color:#6b7c83}.header__courseWrap{position:absolute;left:50%;transform:translate(-50%);top:18px}.header__btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#425f7f;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:#425f7f;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__profileChev{color:#666;transition:transform .2s ease}.header__profileChev--open{transform:rotate(180deg)}.header__profileSubMenu{display:flex;flex-direction:column;background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee}.header__profileSubItem{display:flex;align-items:center;gap:10px;padding:10px 20px 10px 36px;cursor:pointer;font-size:13px;color:#444}.header__profileSubItem:hover{background:#f0f0f0}.header__profileSubItem.active{color:#015865;font-weight:600}.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__right{position:relative}.header__profileDropdown{position:absolute;top:calc(100% + 8px);right:8px;left:auto;min-width:220px;max-width:calc(100vw - 24px);z-index:50}}@media(max-width:768px){.header__hamburger,.header__hamburger *{color:#fff!important}}.notif-bell-wrap{position:relative;display:flex;align-items:center}.notif-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;color:#374151}.notif-bell-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notif-bell-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden}.notif-bell-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;font-size:14px;border-bottom:1px solid #f3f4f6}.notif-clear-btn{background:none;border:none;color:#6b7280;font-size:12px;cursor:pointer}.notif-bell-list{max-height:380px;overflow-y:auto}.notif-bell-seeall{display:block;width:100%;border:none;border-top:1px solid #f3f4f6;background:#fafafa;color:#b3402e;font-weight:700;font-size:12.5px;padding:11px 16px;cursor:pointer;text-align:center}.notif-bell-seeall:hover{background:#f3f4f6}.notif-bell-empty{padding:24px;text-align:center;color:#9ca3af;font-size:13px}.notif-bell-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:background .15s}.notif-bell-item:hover{background:#f9fafb}.notif-bell-icon{font-size:18px;flex-shrink:0;margin-top:2px}.notif-bell-content{flex:1}.notif-bell-title{font-size:13px;color:#111827;margin:0 0 4px;line-height:1.4}.notif-bell-time{font-size:11px;color:#9ca3af;margin:0}.header--skill{background:#f3e2da;border-bottom:1px solid rgba(67,20,7,.12)}.header--skill .header__title,.header--skill .header__subtitle{color:#431407}.ac-state{max-width:460px;margin:28px auto;background:var(--card-bg, #fff);border:1px solid var(--card-border, #e5eaed);border-radius:16px;box-shadow:var(--card-shadow, 0 1px 3px rgba(26, 44, 51, .06));padding:34px 26px;text-align:center;font-family:var(--font-body, "Poppins", system-ui, sans-serif)}.ac-state--plain{background:transparent;border:none;box-shadow:none;padding:30px 20px}.ac-state__label{font-size:13px;color:var(--ink-3, #6b7c83);margin:14px 0 0}.ac-state .ac-empty__icon{margin-bottom:16px}.ac-empty__icon--danger{background:var(--danger-soft, #fef2f2);color:var(--danger, #dc2626)}.ac-empty__icon--muted{background:#eef1f2;color:var(--ink-4, #9ca3af)}.ac-spinner{width:34px;height:34px;margin:0 auto;border-radius:50%;border:3px solid #e3e9ee;border-top-color:var(--academy, #425f7f);animation:ac-spin .7s linear infinite}@keyframes ac-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ac-spinner{animation-duration:1.6s}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ac-skel{position:relative;overflow:hidden;background:#e7edf1;border-radius:8px}.ac-skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0 0,#ffffff8c,#fff0);animation:ac-shimmer 1.3s infinite}@keyframes ac-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.ac-skel:after{animation:none}}.ac-skel--line{height:12px}.ac-skel--title{height:18px;width:60%}.ac-skel--pill{height:20px;width:72px;border-radius:999px}.ac-skel--btn{height:36px;width:120px;border-radius:10px}.ac-skel--chip{height:22px;width:64px;border-radius:999px}.ac-page{flex:1;min-height:100%;background:var(--page-bg, #eef1f2);margin:0 -20px -20px;padding:24px 26px 48px;font-family:var(--font-body, "Poppins", system-ui, sans-serif);color:var(--ink, #1a2c33)}@media(max-width:768px){.ac-page{margin:-14px -16px -16px;padding:18px 16px 40px}}.ac-page__head{margin-bottom:20px}.ac-page__headRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ac-linkbtn{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;background:#fff;color:var(--academy, #425f7f);border:1.5px solid #cdd8e3;border-radius:10px;padding:9px 15px;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease}.ac-linkbtn:hover{background:#eef2f7;border-color:var(--academy, #425f7f)}.ac-linkbtn:focus-visible{outline:none;box-shadow:var(--focus-ring, 0 0 0 3px rgba(66, 95, 127, .35))}.ac-linkbtn svg{width:15px;height:15px}.ac-page__title{font-family:var(--font-display, "Montserrat", system-ui, sans-serif);font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--ink, #1a2c33);margin:0}.ac-page__sub{font-size:13px;color:var(--ink-3, #6b7c83);margin:4px 0 0}.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px}.ac-card{display:flex;flex-direction:column;background:var(--card-bg, #fff);border:1px solid var(--card-border, #e5eaed);border-radius:16px;box-shadow:var(--card-shadow, 0 1px 3px rgba(26, 44, 51, .06));padding:18px;text-decoration:none;color:inherit}.ac-empty{max-width:560px;margin:12px auto 0;text-align:center;padding:40px 24px}.ac-empty__icon{width:72px;height:72px;border-radius:20px;margin:0 auto 20px;display:grid;place-items:center;background:var(--academy-soft, #e6edee);color:var(--academy, #425f7f)}.ac-empty__icon svg{width:34px;height:34px}.ac-empty__title{font-family:var(--font-display, "Montserrat", system-ui, sans-serif);font-size:20px;font-weight:800;color:var(--ink, #1a2c33);margin:0 0 8px}.ac-empty__text{font-size:13.5px;line-height:1.6;color:var(--ink-3, #6b7c83);margin:0 0 22px}.ac-empty__cta{display:inline-flex;align-items:center;gap:8px;background:var(--academy, #425f7f);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s ease,transform .15s ease}.ac-empty__cta:hover{background:#344d68;transform:translateY(-1px)}.ac-empty__cta:focus-visible{outline:none;box-shadow:var(--focus-ring, 0 0 0 3px rgba(66,95,127,.35))}.ac-empty__cta svg{width:15px;height:15px}.ac-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:12.5px;line-height:1.5;margin-bottom:18px}.ac-banner--error{background:var(--danger-soft, #fef2f2);border:1px solid var(--danger-border, #fca5a5);color:#991b1b}.ac-banner svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.bc{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 4px 2px;font-size:12.5px;line-height:1.4;color:inherit}.bc__id{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;color:inherit;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent)}.bc__id:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.bc__idName{font-weight:700}.bc__idKind{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.bc__seg{display:inline-flex;align-items:center;gap:6px}.bc__sep{opacity:.4}.bc__link{color:inherit;text-decoration:none;opacity:.75}.bc__link:hover{opacity:1;text-decoration:underline}.bc__cur{font-weight:600;opacity:.95}.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;scrollbar-width:thin;scrollbar-color:rgba(1,88,101,.5) transparent}.studentLayout__page::-webkit-scrollbar{width:10px}.studentLayout__page::-webkit-scrollbar-track{background:transparent}.studentLayout__page::-webkit-scrollbar-thumb{background:#01586566;border-radius:5px}.studentLayout__page::-webkit-scrollbar-thumb:hover{background:#01586599}.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}}.studentLayout--live{width:100vw;height:100vh;min-height:100vh;max-height:100vh;overflow:hidden;background:#c9dde1;display:flex;flex-direction:column}.studentLayout__page--live{flex:1;width:100%;min-height:0;padding:14px;box-sizing:border-box;display:flex;overflow:hidden}.studentLayout__page--live>.lk-room-container,.studentLayout__page--live>div{flex:1;min-height:0;min-width:0;width:100%;height:100%;display:flex}.sessionCard{width:100%;min-width:0;min-height:150px;border-radius:12px;background:linear-gradient(180deg,#0f8da2,#0b8397);color:#fff;display:flex;cursor:pointer;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 14px #04414e29;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;overflow:hidden}.sessionCard:hover{transform:translateY(-1px);box-shadow:0 10px 18px #04414e33;filter:brightness(1.02)}.sessionCard:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.sessionCard *{pointer-events:none}.sessionCard__content{width:100%;min-height:150px;padding:14px 14px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.sessionCard__top{display:flex;flex-direction:column;gap:4px}.sessionCard__subject{margin:0;color:#fff;font-size:15px;font-weight:800;line-height:1.15;letter-spacing:-.01em}.sessionCard__topic{margin:0;color:#ffffffeb;font-size:12px;font-weight:500;line-height:1.3;min-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sessionCard__teacher{margin:10px 0 0;color:#fff;font-size:12.5px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sessionCard__bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sessionCard__startsIn{margin:0;color:#fffffff5;font-size:12.5px;font-weight:700;line-height:1.2;text-align:right}.sessionCard__timing{margin:0;color:#fff;font-size:13px;font-weight:800;line-height:1.25;text-align:right}@media(max-width:1200px){.sessionCard{min-height:142px}.sessionCard__content{min-height:142px;padding:13px 13px 11px}.sessionCard__subject{font-size:14px}.sessionCard__topic{font-size:11.5px}.sessionCard__teacher,.sessionCard__startsIn{font-size:12px}.sessionCard__timing{font-size:12.5px}}.listItem{position:relative;display:flex;align-items:flex-start;border-radius:10px;padding:9px 12px 9px 16px;margin-bottom:8px;cursor:pointer;box-shadow:0 1px 4px #00000012;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;min-height:68px}.listItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px}.listItem:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000017}.listItem *{pointer-events:none}.listItem--red{background:linear-gradient(100deg,#f7d9db,#fbeff0 58%,#fff8f8)}.listItem--red:before{background:#ef5350}.listItem--yellow{background:linear-gradient(100deg,#fbf3c8,#fffbe8 58%,#fffef8)}.listItem--yellow:before{background:#f0c93c}.listItem--green{background:linear-gradient(100deg,#d8ecda,#eef7ef 58%,#f7fcf8)}.listItem--green:before{background:#43a047}.listItem__badge{position:absolute;top:8px;right:10px;background:#555;color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.2px;white-space:nowrap}.listItem__left{flex:1;padding-right:52px}.listItem__title{font-weight:700;font-size:12px;margin:0 0 3px;line-height:1.3;color:#111}.listItem__sub{font-size:10px;color:#333;margin:2px 0 0;line-height:1.3}.notifItem{position:relative;display:flex;gap:10px;background:#fff;border-radius:10px;padding:8px 10px 8px 14px;margin-bottom:8px;cursor:pointer;box-shadow:0 1px 4px #0000000f;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.notifItem:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.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:#ff5a5a}.notifItem--quiz .notifItem__bar{background:#93a1e5}.notifItem--submission .notifItem__bar{background:#2563eb}.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;min-width:0;padding-right:50px}.notifItem__title{font-weight:700;font-size:12px;color:#111;margin:0;line-height:1.3}.notifItem__sub{font-size:10px;color:#555;margin:0;line-height:1.3}.notifItem__time2{font-size:11px;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(-1px);box-shadow:0 4px 12px #00000014}.todayItem *{pointer-events:none}.todayItem__date{font-size:10px;font-weight:700;opacity:.72;margin-bottom:4px}.todayItem__title{font-size:12px;font-weight:800;line-height:1.3}.todayItem__sub{font-size:10px;opacity:.8;line-height:1.3}.quizListPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.quizBackHeader{background:#425f7f;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:#425f7f;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:#425f7f;position:relative}.quizCard__badge{position:absolute;top:10px;right:10px;background:#ffffff40;color:#fff;padding:3px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;white-space:nowrap;line-height:1}.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:#425f7f;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:#425f7f}.quizDetailOption input[type=radio]:checked+.quizDetailOptionRadio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#425f7f;border-radius:50%}.quizDetailOptionText{font-size:13px;color:#555}.quizDetailOption--selected .quizDetailOptionText{font-weight:600;color:#425f7f}.quizDetailSubmitWrap{display:flex;justify-content:flex-end;margin-top:24px}.quizDetailSubmit{background:#425f7f;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:#425f7f;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:#425f7f}.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:#425f7f}.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:#425f7f;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:#425f7f;border:1px solid #425f7f;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.quizResultExplainBtn--open,.quizResultExplainBtn:hover{background:#425f7f;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:#425f7f;border:1px solid #425f7f;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.quizResultBackBtn:hover{background:#e6f7f8}.quizResultReattemptBtn{padding:8px 18px;background:#425f7f;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:#425f7f;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)}.quizCard__mode{display:inline-flex;align-items:center;align-self:flex-start;font-size:9.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-bottom:2px}.quizCard__mode--practice{background:#e6f4f6;color:#425f7f}.quizCard__mode--mock{background:#fff4e0;color:#b45309}.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;z-index:20;width:100%;background:transparent}.topSingleSlider{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:35px;padding:0 26px;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}.sd-shell{display:flex;gap:0;height:100%}.sd-main{flex:1;min-width:0;overflow-y:auto;padding:24px 22px}.sd-aside{width:272px;min-width:272px;overflow-y:auto;padding:24px 18px 24px 0}.sd-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:14px}@media(max-width:880px){.sd-shell{flex-direction:column;height:auto;overflow-y:auto}.sd-main,.sd-aside{overflow-y:visible}.sd-main{padding:18px 16px 4px}.sd-aside{width:100%;min-width:0;padding:0 16px 20px}.sd-stat-grid{grid-template-columns:repeat(2,1fr)}}.renewModal__backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.renewModal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.renewModal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 12px;border-bottom:1px solid #e5e7eb}.renewModal__header h2{font-size:18px;font-weight:600;margin:0;color:#111827}.renewModal__closeBtn{background:none;border:none;font-size:28px;line-height:1;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.renewModal__closeBtn:hover{background:#f3f4f6;color:#111827}.renewModal__intro{margin:16px 24px 0;font-size:13px;color:#4b5563;line-height:1.5}.renewModal__form{padding:16px 24px 24px;display:flex;flex-direction:column;gap:14px}.renewModal__field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.renewModal__field input,.renewModal__field select{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#111827;font-family:inherit;box-sizing:border-box}.renewModal__field input:focus,.renewModal__field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.renewModal__field input[type=file]{padding:6px}.renewModal__error{margin:0;padding:10px 12px;background:#fee2e2;color:#991b1b;border-radius:6px;font-size:13px}.renewModal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.renewModal__btn{padding:9px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.renewModal__btn:disabled{opacity:.5;cursor:not-allowed}.renewModal__btn--primary{background:#2563eb;color:#fff}.renewModal__btn--primary:hover:not(:disabled){background:#1d4ed8}.renewModal__btn--secondary{background:#fff;color:#374151;border-color:#d1d5db}.renewModal__btn--secondary:hover:not(:disabled){background:#f9fafb}.shop-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:18px}.shop-facet{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.shop-facet__label{flex-shrink:0;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-4, #9ca3af)}.shop-facet__row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.shop-facet__row::-webkit-scrollbar{display:none}.shop-search{position:relative;flex:1;min-width:220px;max-width:380px}.shop-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--ink-4, #9ca3af);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.shop-search input{width:100%;border:1.5px solid #d7e3e5;border-radius:10px;padding:10px 12px 10px 34px;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:13px;color:var(--ink, #1a2c33);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.shop-search input:focus{border-color:var(--academy, #425f7f);box-shadow:var(--focus-ring, 0 0 0 3px rgba(66, 95, 127, .18))}.shop-filters{display:flex;gap:6px;flex-wrap:wrap}.shop-chip{padding:8px 13px;border-radius:999px;border:1.5px solid #dde6ee;background:#fff;color:var(--ink-3, #6b7c83);font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.shop-chip:hover{border-color:var(--academy, #425f7f);color:var(--academy, #425f7f)}.shop-chip.is-active{background:var(--academy, #425f7f);border-color:var(--academy, #425f7f);color:#fff}.shop-chip:focus-visible{outline:none;box-shadow:var(--focus-ring, 0 0 0 3px rgba(66, 95, 127, .3))}.shop-card{display:flex;flex-direction:column;background:var(--card-bg, #fff);border:1px solid var(--card-border, #e5eaed);border-radius:16px;box-shadow:var(--card-shadow, 0 1px 3px rgba(26, 44, 51, .06));padding:18px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.shop-card:hover{transform:translateY(-2px);border-color:#cfdbe6;box-shadow:0 8px 22px #425f7f1f}.shop-card--owned{border-color:var(--success-border, #bfe6c8)}.shop-card__pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.shop-card__pill{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--academy, #425f7f);background:var(--academy-soft, #e6edee);padding:4px 9px;border-radius:999px}.shop-card__owned{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--success, #2f9d42);background:var(--success-soft, #ecf8ee);padding:4px 9px;border-radius:999px}.shop-card__title{font-family:var(--font-display, "Montserrat", system-ui, sans-serif);font-size:15.5px;font-weight:800;line-height:1.3;color:var(--ink, #1a2c33);margin:0 0 5px}.shop-card__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3, #6b7c83);margin:0 0 10px}.shop-card__dot{opacity:.6}.shop-card__desc{font-size:12.5px;line-height:1.55;color:var(--ink-3, #6b7c83);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}.shop-card__price{font-family:var(--font-display, "Montserrat", system-ui, sans-serif);font-size:16px;font-weight:800;color:var(--ink, #1a2c33)}.shop-card__price--free{color:var(--success, #2f9d42)}.shop-card__btn{border:none;border-radius:10px;padding:9px 16px;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:12.5px;font-weight:700;cursor:pointer;background:var(--academy, #425f7f);color:#fff;white-space:nowrap;transition:background .15s ease}.shop-card__btn:hover:not(:disabled){background:#344d68}.shop-card__btn:disabled{background:var(--ink-4, #9ca3af);cursor:not-allowed}.shop-card__btn:focus-visible{outline:none;box-shadow:var(--focus-ring, 0 0 0 3px rgba(66, 95, 127, .35))}.shop-card__btn--ghost{background:#fff;color:var(--academy, #425f7f);border:1.5px solid #cdd8e3}.shop-card__btn--ghost:hover:not(:disabled){background:#eef2f7}.shop-skel{padding:18px}.shop-skel>*+*{margin-top:10px}.shop-skel__foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.shop-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(70px);background:var(--ink, #1a2c33);color:#fff;padding:12px 18px;border-radius:12px;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px;box-shadow:0 10px 30px #00000038;opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:9999}.shop-toast.is-show{transform:translate(-50%) translateY(0);opacity:1}.shop-toast__dot{width:8px;height:8px;border-radius:50%;background:var(--success, #2f9d42);flex-shrink:0}@media(prefers-reduced-motion:reduce){.shop-toast{transition:opacity .2s ease;transform:translate(-50%)}}.dashboardShell{min-height:calc(100vh - 64px);width:100%;max-width:1180px;margin:0 auto;padding:14px 16px 18px;box-sizing:border-box;overflow-y:auto}.desktopOnly{min-height:0}.dashStatRow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.dashStat{background:#fff;border:1px solid #e5eaed;border-radius:12px;box-shadow:0 1px 3px #1a2c330f;padding:14px 16px;display:flex;align-items:center;gap:12px}.dashStat__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashStat__value{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:19px;line-height:1;color:#1a2c33}.dashStat__label{font-size:10.5px;color:#6b7c83;margin-top:3px}@media(max-width:1024px){.dashStatRow{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.dashStatRow{grid-template-columns:1fr}}.mobileOnly{display:none}.dashboardMain{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(330px,.95fr);gap:16px;align-items:start;min-height:0}.dashboardLeft{display:grid;grid-template-rows:auto auto;gap:16px;min-height:0}.dashboardLeftBottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:0}.dashboardCard{background:#fff;border-radius:12px;border:1px solid #e5eaed;box-shadow:0 1px 3px #1a2c330f;padding:16px;box-sizing:border-box;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.dashboardCard--assignments .cardBodyScroll,.dashboardCard--notifications .cardBodyScroll,.dashboardCard--schedule .cardBodyScroll{max-height:340px;overflow-y:auto}.dashboardCard--live{padding:14px 16px 12px;justify-content:flex-start}.dashboardCard--assignments,.dashboardCard--notifications,.dashboardCard--schedule{min-height:0}.cardHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-shrink:0}.cardHeader h3{margin:0;font-family:Montserrat,system-ui,sans-serif;color:#1a2c33;font-size:13.5px;font-weight:700;line-height:1.2}.cardHeader--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.cardHeader--clickable:hover{opacity:.92}.liveHeader{margin-bottom:10px}.sessionCountText{margin:0;font-size:12px;font-weight:800;color:#111827;white-space:nowrap}.selectedDateText{font-size:11px;font-weight:500;margin-left:6px;color:#6b7280}.dashboardCard--live{background:#fff;border-radius:12px;border:1px solid #e5eaed;box-shadow:0 1px 3px #1a2c330f;padding:16px;justify-content:flex-start}.liveHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-shrink:0}.dashboardCard--live .cardHeader h3{margin:0;font-family:Montserrat,system-ui,sans-serif;color:#1a2c33;font-size:13.5px;font-weight:700;line-height:1.2;letter-spacing:-.01em}.sessionCountText{margin:0;font-size:13px;font-weight:800;color:#111827;white-space:nowrap;line-height:1.2}.liveCardsRow{display:flex;gap:12px;width:100%;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;align-items:stretch;padding-bottom:8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.liveCardsRow>*{flex:0 0 calc((100% - 24px) / 3);min-width:calc((100% - 24px) / 3);max-width:calc((100% - 24px) / 3)}.liveCardsRow::-webkit-scrollbar{height:8px}.liveCardsRow::-webkit-scrollbar-track{background:#0000000d;border-radius:999px}.liveCardsRow::-webkit-scrollbar-thumb{background:#083c4547;border-radius:999px}.liveCardsRow::-webkit-scrollbar-thumb:hover{background:#083c4566}.liveEmptyState{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:0 6px;min-height:0}.liveEmptyState__icon{width:56px;height:56px;border-radius:50%;background:#edf6ef;color:#63a37e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.liveEmptyState__content{display:flex;flex-direction:column;gap:4px;max-width:280px}.liveEmptyState__title{margin:0;color:#5d9e7d;font-size:16px;line-height:1.2;font-weight:700}.liveEmptyState__text{margin:0;color:#8b9090;font-size:13px;line-height:1.35}.cardBodyScroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:2px}.cardBodyScroll::-webkit-scrollbar{width:6px}.cardBodyScroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}.arrowBtn{border:none;background:transparent;cursor:pointer;padding:4px 6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.arrowBtn:hover{background:#0000000d}.arrowBtn__chevron{display:flex;align-items:center;transition:transform .2s ease}.arrowBtn__chevron--up{transform:rotate(180deg)}.dashboardRight{display:grid;grid-template-rows:281px minmax(0,1fr);gap:14px;min-height:0}.dashboardCard--calendar{background:#fff;border-radius:12px;border:1px solid #e5eaed;box-shadow:0 1px 3px #1a2c330f;padding:14px 18px 12px;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.calendarHeader{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;margin-bottom:10px;flex-shrink:0}.calendarHeader__mid{display:flex;align-items:center;justify-content:center;gap:10px}.calNavBtn{width:32px;height:32px;border:none;background:transparent;color:#374151;border-radius:8px;display:grid;place-items:center;cursor:pointer;font-size:18px;font-weight:700;line-height:1;transition:background .18s ease,color .18s ease}.calNavBtn:hover{background:#13899b14;color:#0f6f7c}.calendarSelect{min-width:74px;height:30px;border:1px solid #d7dde3;border-radius:8px;padding:0 10px;font-size:12px;font-weight:700;color:#1f2937;background:#fff;cursor:pointer;outline:none}.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:18px repeat(6,25px);row-gap:5px;width:100%;justify-items:center;align-content:start;flex:0 1 auto}.calDayName{width:100%;display:flex;align-items:center;justify-content:center;color:#5f6e7f;font-size:12px;font-weight:700;line-height:1}.calDate{width:100%;height:32px;border:none;background:transparent;border-radius:12px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:transform .15s ease,background .15s ease}.calDate:hover{transform:translateY(-1px)}.calDate--blank{visibility:hidden;pointer-events:none}.calDate__num{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color:#334155;font-size:13px;font-weight:700;line-height:1;background:transparent;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.calToday .calDate__num{background:#ff6f66;color:#fff;box-shadow:0 4px 10px #ff6f6638}.calSelected .calDate__num,.calToday.calSelected .calDate__num{outline:2px solid #13899b;outline-offset:2px}.calDate__dots{min-height:8px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:3px}.calDate__dot{width:5px;height:5px;border-radius:50%;display:block;flex-shrink:0}.calLegend{display:flex;align-items:center;gap:6px;background:#f2f4f5;border-radius:12px;border-top:none;flex-shrink:0}.calLegend__item{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:1;color:#374151;white-space:nowrap}.calLegend__dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}@media(max-width:1200px){.dashboardCard--calendar{padding:14px 30px 12px}.calendarHeader{margin-bottom:8px}.calendarGrid{grid-template-rows:18px repeat(6,34px);row-gap:7px}.calDate{height:34px}.calDate__num{width:26px;height:26px;font-size:12px}.calendarSelect{min-width:66px;height:28px;font-size:11px}.calDayName{font-size:11px}.calLegend{gap:6px 10px}.calLegend__item{font-size:9px}}.scheduleItem{position:relative;background:#fff;border-radius:10px;padding:8px 10px 8px 13px;margin-bottom:8px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;border:1px solid rgba(0,0,0,.05)}.scheduleItem:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000012}.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:#fbf8e6}.scheduleItem--assignments{background:#f1f7e9}.scheduleItem--quiz{background:#f3e6f5}.scheduleItem--privatesession{background:#fbe9e7}.scheduleItem--livesessions:before{background:#f1dd57}.scheduleItem--assignments:before{background:#58d47a}.scheduleItem--quiz:before{background:#b04ad7}.scheduleItem--privatesession:before{background:#ff8a65}.scheduleItem__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.scheduleBadge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:999px;color:#fff;white-space:nowrap}.scheduleBadge--livesessions{background:#425f7f}.scheduleBadge--assignments{background:#4caf50}.scheduleBadge--quiz{background:#9c27b0}.scheduleBadge--privatesession{background:#ff8a65}.scheduleDate{margin:0;font-size:10px;font-weight:800;color:#555}.scheduleTitle{margin:0;font-size:12px;font-weight:800;color:#111827;line-height:1.3}.scheduleSub{margin:1px 0 0;font-size:10px;color:#666;line-height:1.3}.emptyState{color:#8b9090;font-size:13px;text-align:center;padding:20px 0}@media(max-width:1200px)and (min-width:769px){.dashboardMain{grid-template-columns:minmax(0,1fr)}.dashboardRight{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr}}.mobileSectionContent{display:flex;flex-direction:column;gap:10px}.mobileSectionTopAction{display:flex;justify-content:flex-end;margin-bottom:8px}.mobileCalendarCard{background:#fff;border-radius:12px;border:1px solid #e5eaed;box-shadow:0 1px 6px #1018280d;padding:14px}@media(max-width:768px){.desktopOnly{display:none!important}.mobileOnly{display:block!important;width:100%}.dashboardShell{height:auto;min-height:calc(100dvh - 72px);padding:12px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobileSectionBody{width:100%;padding:4px 0 16px}.liveEmptyState{min-height:130px;justify-content:center;padding:8px 6px}.liveEmptyState__title{font-size:16px}.liveEmptyState__text{font-size:13px}}.mobileCalendarScheduleStack{display:flex;flex-direction:column;gap:12px}.mobileScheduleCard{background:#fff;border-radius:12px;border:1px solid #e5eaed;box-shadow:0 1px 6px #1018280d;padding:14px}.mobileScheduleHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mobileScheduleHeader h3{margin:0;color:#111827;font-size:15px;font-weight:800;line-height:1.2}.assignmentToggle{display:inline-flex;align-items:center;background:#e7edf4;border-radius:999px;padding:2px;box-shadow:inset 0 0 0 1px #0f172a14}.assignmentToggle__btn{border:0;outline:0;cursor:pointer;padding:5px 16px;border-radius:999px;background:transparent;color:#64748b;font-size:13px;font-weight:700;line-height:1;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.assignmentToggle__btn--active{background:#425f7f;color:#fff;box-shadow:0 2px 6px #0f172a38}.assignmentToggle__btn:hover{color:#13899b}.assignmentToggle__btn--active:hover{color:#fff}.profilePage{display:flex;flex-direction:column;gap:18px}.profileContainer{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #0b2e181a;border:1px solid #E3EDE6}.profileHeader{background:radial-gradient(120% 140% at 12% 0%,#32dc782e,#32dc7800 45%),linear-gradient(135deg,#0b2e18,#15502a 55%,#1e7b3c);padding:28px 30px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profileHeader__left{display:flex;gap:22px;align-items:flex-start}.profileHeader__avatarWrap{position:relative;flex-shrink:0}.profileHeader__avatar{width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 2px 10px #00000026;display:flex;align-items:center;justify-content:center;background:#e8f5ec}.profileHeader__avatarFallback{font-size:40px;font-weight:700;color:#15502a;text-transform:uppercase}.profileHeader__avatar img{width:100%;height:100%;object-fit:cover}.profileHeader__avatarEmoji{font-size:52px;line-height:1}.profileHeader__avatarOverlay{position:absolute;inset:0;background:#00000073;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:12px;font-weight:600}.profileHeader__avatar:hover .profileHeader__avatarOverlay{opacity:1}.profileHeader__avatarPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.profileHeader__avatarPlus{font-size:28px;color:#15502a;font-weight:300;line-height:1}.profileHeader__avatarAddText{font-size:9px;color:#666;margin-top:4px}.profileHeader__info{display:flex;flex-direction:column;gap:4px;padding-top:6px}.profileHeader__name{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.profileHeader__nameRow{display:flex;align-items:center;gap:8px;margin-bottom:4px}.profileHeader__nameInput{font-size:22px;font-weight:700;color:#fff;border:none;background:transparent;outline:none;border-bottom:2px solid rgba(255,255,255,.6);padding:2px 4px;min-width:140px}.profileHeader__nameInput::placeholder{color:#fff9}.profileHeader__nameClear{background:none;border:none;font-size:14px;color:#fffc;cursor:pointer;padding:0;line-height:1}.profileHeader__metaRow{display:flex;gap:16px;font-size:13px;color:#ffffffd9;align-items:center}.profileHeader__badges{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}.profileBadge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.profileBadge--online{background:#2f9d42;color:#fff;box-shadow:0 2px 8px #2f9d4266}.profileBadge__dot{width:7px;height:7px;border-radius:50%;background:#bff3d2;flex-shrink:0}.profileBadge--lang{border:1.5px solid rgba(255,255,255,.55);color:#fff;background:#ffffff14}.profileHeader__actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px;min-height:90px;flex-shrink:0}.profileHeader__editBtns{display:flex;gap:8px}.profileBtn{padding:7px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .18s,border-color .18s;white-space:nowrap}.profileBtn--outline{background:#ffffff14;border:1.5px solid rgba(255,255,255,.55);color:#fff}.profileBtn--outline:hover{background:#ffffff2e;border-color:#fff}.profileBtn--private{margin-top:auto}.profileBtn--solid{background:#2f9d42;border:1.5px solid #2F9D42;color:#fff}.profileBtn--solid:hover:not(:disabled){background:#268537;border-color:#268537}.profileBtn--solid:disabled{background:#ffffff40;border-color:#ffffff40;cursor:not-allowed}.profileDivider{border:none;border-top:1px solid #e8e8e8;margin:0}.profileSection{padding:20px 28px}.profileSection__title{font-size:15px;font-weight:700;color:#14241b;margin:0 0 12px;display:flex;align-items:center;gap:9px}.profileSection__title:before{content:"";width:8px;height:8px;border-radius:50%;background:#2f9d42;box-shadow:0 0 0 3px #2f9d422e;flex-shrink:0}.profileSection__text{font-size:13px;color:#444;line-height:1.75;margin:0}.profileSection__placeholder{font-size:13px;color:#aaa;margin:0}.profileSection__textarea{width:100%;min-height:90px;border:1.5px solid #ccc;border-radius:8px;padding:10px 12px;font-size:13px;color:#444;line-height:1.75;resize:vertical;outline:none;font-family:inherit;box-sizing:border-box}.profileSection__textarea:focus{border-color:#15502a}.interests__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.interests__colTitle{font-size:13px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.interests__item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #efefef;font-size:13px;color:#444}.interests__item--narrow{max-width:260px}.interests__removeBtn{background:none;border:none;font-size:13px;color:#888;cursor:pointer;line-height:1;padding:0 4px;flex-shrink:0}.interests__removeBtn:hover{color:#c0392b}.interests__addRow{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:#aaa}.interests__addBullet{flex-shrink:0}.interests__addInput{border:none;border-bottom:1px solid #ccc;outline:none;font-size:13px;color:#333;background:transparent;padding:2px 4px;width:150px}.interests__addInput::placeholder{color:#8a8f95}.interests__addBtn{background:none;border:none;font-size:16px;color:#15502a;cursor:pointer;line-height:1;padding:0 2px;flex-shrink:0;font-weight:600}.interests__addBtn:hover{color:#2f9d42}.activity__list{list-style:disc;padding-left:20px;margin:0;display:flex;flex-direction:column;gap:10px}.activity__list li{font-size:13px;color:#444}.activity__list strong{font-size:16px;font-weight:700;color:#1a1a1a;margin-right:4px}.avatarPicker__backdrop{position:fixed;inset:0;background:#00000073;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.avatarPicker{background:#fff;border-radius:12px;box-shadow:0 8px 40px #0000002e;padding:18px;width:320px;max-width:100%;max-height:88vh;overflow-y:auto}.avatarPicker__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:600;font-size:14px}.avatarPicker__close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;line-height:1}.avatarPicker__preview{display:flex;justify-content:flex-start;margin-bottom:14px}.avatarPicker__previewCircle{width:60px;height:60px;border-radius:50%;border:2px solid #15502A;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatarPicker__previewEmoji{font-size:32px;line-height:1}.avatarPicker__previewImg{width:100%;height:100%;object-fit:cover}.avatarPicker__previewPlaceholder{font-size:10px;color:#999}.avatarPicker__section{margin-bottom:14px}.avatarPicker__label{font-size:12px;color:#666;margin-bottom:8px}.avatarPicker__uploadBtn{display:inline-block;background:#2f9d42;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.avatarPicker__uploadBtn:hover{background:#268537}.avatarPicker__emojiGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:120px;overflow:auto}.avatarPicker__emojiGrid::-webkit-scrollbar{width:6px;height:6px}.avatarPicker__emojiGrid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.avatarPicker__emojiGrid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.avatarPicker__emojiBtn{background:none;border:none;font-size:20px;padding:4px;cursor:pointer;border-radius:4px;transition:background .2s}.avatarPicker__emojiBtn:hover{background:#f0f0f0}.avatarPicker__emojiBtn--selected{background:#2f9d42}.avatarPicker__actions{display:flex;gap:10px;margin-top:14px}.avatarPicker__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}.avatarPicker__cancelBtn:hover{background:#f5f5f5}.avatarPicker__saveBtn{flex:1;padding:10px;border:none;background:#2f9d42;color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.avatarPicker__saveBtn:hover:not(:disabled){background:#268537}.avatarPicker__saveBtn:disabled{background:#ccc;color:#767676;cursor:not-allowed}.coursesSection{background:#fff;border-radius:18px;padding:20px 24px;box-shadow:0 12px 32px #0b2e181a;border:1px solid #E3EDE6}.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}.editModal__backdrop{position:fixed;inset:0;background:#00000073;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.editModal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #0000002e;overflow:hidden}.editModal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #eee;flex-shrink:0}.editModal__title{font-size:17px;font-weight:700;color:#1a1a1a;margin:0}.editModal__close{background:none;border:none;font-size:22px;color:#888;cursor:pointer;line-height:1;padding:0}.editModal__close:hover{color:#333}.editModal__body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.editModal__field{display:flex;flex-direction:column;gap:8px}.editModal__label{font-size:13px;font-weight:600;color:#444}.editModal__input{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:14px;color:#1a1a1a;outline:none;box-sizing:border-box;transition:border-color .2s}.editModal__input:focus{border-color:#15502a}.editModal__textarea{width:100%;min-height:90px;padding:10px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:14px;color:#1a1a1a;outline:none;box-sizing:border-box;resize:vertical;font-family:inherit;line-height:1.7;transition:border-color .2s}.editModal__textarea:focus{border-color:#15502a}.editModal__tagList{display:flex;flex-direction:column;border:1.5px solid #ddd;border-radius:8px;overflow:hidden}.editModal__tag{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #f0f0f0;font-size:13px;color:#333}.editModal__tag:last-child{border-bottom:none}.editModal__tagRemove{background:none;border:none;font-size:13px;color:#aaa;cursor:pointer;padding:0 4px;line-height:1}.editModal__tagRemove:hover{color:#c0392b}.editModal__addRow{display:flex;align-items:center;padding:8px 12px;gap:8px;background:#fafafa;border-top:1px solid #f0f0f0}.editModal__addInput{flex:1;border:none;background:transparent;font-size:13px;color:#333;outline:none}.editModal__addInput::placeholder{color:#8a8f95}.editModal__addBtn{background:none;border:none;font-size:12px;font-weight:600;color:#15502a;cursor:pointer;white-space:nowrap;padding:0}.editModal__addBtn:hover{color:#2f9d42}.editModal__footer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #eee;flex-shrink:0}.editModal__cancelBtn{flex:1;padding:11px;border:1.5px solid #ddd;background:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:#555;transition:background .18s}.editModal__cancelBtn:hover{background:#f5f5f5}.editModal__saveBtn{flex:1;padding:11px;border:none;background:#2f9d42;color:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s}.editModal__saveBtn:hover{background:#268537}.profileLoading{padding:40px;text-align:center;color:#888}@media(max-width:768px){.profileHeader{flex-direction:column;align-items:stretch;gap:14px}.profileHeader__left{flex-direction:column;align-items:center;text-align:center}.profileHeader__info{align-items:center}.profileHeader__metaRow,.profileHeader__badges{justify-content:center}.profileHeader__actions{flex-direction:row;justify-content:flex-end;align-items:center;min-height:unset}.profileHeader__editBtns{flex-direction:row}.interests__grid{grid-template-columns:1fr;gap:16px}.avatarPicker{width:100%;max-width:360px}.editModal{max-height:92vh;border-radius:12px}.editModal__backdrop{padding:12px;align-items:flex-end}}.pd-skill-divider{border-top:1px solid #c5dde8;margin-top:20px;padding-top:20px}.pd-content{background:linear-gradient(180deg,#dff0f7,#d4e9f2);border-radius:20px;padding:32px 36px;display:flex;flex-direction:column;gap:32px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000d}.pd-section{display:flex;flex-direction:column;gap:20px}.pd-section-title{margin:0;font-size:18px;font-weight:800;color:#1a5f70;padding-bottom:10px;border-bottom:1.5px solid rgba(26,95,112,.15);display:flex;align-items:center;gap:8px}.pd-title-lock{font-size:14px;color:#1a5f70;opacity:.6;flex-shrink:0}.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px}.pd-full-width{grid-column:1 / -1}.pd-field{display:flex;flex-direction:column;gap:4px}.pd-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:none;letter-spacing:.01em}.pd-value{font-size:14px;font-weight:500;color:#111827;padding:8px 0 6px;border-bottom:1px solid #c3d9e4;min-height:36px;display:flex;align-items:center}.pd-value--muted{color:#6b7280}.pd-value-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0 6px;border-bottom:1px solid #c3d9e4;min-height:36px}.pd-value-text{font-size:14px;font-weight:500;color:#111827}.pd-field-icon{color:#9ca3af;font-size:14px;flex-shrink:0}.pd-input{font-size:14px;font-weight:500;color:#111827;background:transparent;border:none;border-bottom:1.5px solid #3a7a8c;padding:8px 0 6px;outline:none;width:100%;font-family:inherit;min-height:36px;transition:border-color .15s}.pd-input:focus{border-bottom-color:#0b5b5b}.pd-input::placeholder{color:#b0bec5;font-weight:400}select.pd-input{cursor:pointer;appearance:auto}.pd-select-wrap{position:relative;display:flex;align-items:center}.pd-select{appearance:none;-webkit-appearance:none;padding-right:28px;cursor:pointer}.pd-select-icon{position:absolute;right:4px;color:#6b7280;font-size:15px;pointer-events:none;flex-shrink:0}.pd-input-wrap{position:relative;display:flex;align-items:center}.pd-input-clearable{padding-right:28px}.pd-input-clear-btn{position:absolute;right:2px;background:none;border:none;padding:2px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;font-size:14px;line-height:1}.pd-input-clear-btn:hover{color:#374151}.pd-cert-options{display:flex;flex-wrap:wrap;gap:10px 24px;padding:8px 0 6px;border-bottom:1px solid #c3d9e4;min-height:36px;align-items:center}.pd-cert-option{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;-webkit-user-select:none;user-select:none}.pd-cert-checkbox{width:15px;height:15px;accent-color:#1a5f70;cursor:pointer;flex-shrink:0}.pd-file-edit-list{display:flex;flex-direction:column;gap:4px;padding:6px 0 4px;border-bottom:1px solid #c3d9e4}.pd-file-edit-item{display:flex;align-items:center;gap:8px;padding:4px 0}.pd-file-remove-btn{background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;font-size:14px;padding:2px;margin-left:4px}.pd-file-remove-btn:hover{color:#ef4444}.pd-file-add-btn{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;color:#1a5f70;font-size:14px;font-weight:500}.pd-file-add-btn:hover{color:#0b5b5b}.pd-file-add-note{font-size:12px;color:#6b7280;font-weight:400}.pd-checks-row{display:flex;flex-wrap:wrap;gap:12px 24px;padding:8px 0 6px;border-bottom:1px solid #c3d9e4;min-height:36px;align-items:center}.pd-check-item{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#111827;cursor:default;-webkit-user-select:none;user-select:none}.pd-checkbox{width:15px;height:15px;accent-color:#1a5f70;cursor:default;flex-shrink:0}.pd-file-item{display:flex;align-items:center;gap:8px;padding:8px 0 6px;border-bottom:1px solid #c3d9e4;min-height:36px}.pd-file-svg{color:#1a5f70;font-size:15px;flex-shrink:0}.pd-file-name{font-size:14px;font-weight:500;color:#111827}.pd-file-size{font-size:13px;color:#6b7280}.pd-yn-row{display:flex;gap:10px;padding:6px 0 4px}.pd-yn-btn{padding:6px 22px;border-radius:20px;font-size:13px;font-weight:600;border:1.5px solid #c3d9e4;color:#6b7280;background:transparent;cursor:default;-webkit-user-select:none;user-select:none;font-family:inherit}button.pd-yn-btn{cursor:pointer;transition:border-color .15s,color .15s}button.pd-yn-btn:hover:not(.pd-yn-btn--active){border-color:#1a5f70;color:#1a5f70}.pd-yn-btn--active{background:#1a5f70;color:#fff;border-color:#1a5f70}@media(max-width:640px){.pd-content{padding:24px 20px;gap:24px}.pd-grid{grid-template-columns:1fr;gap:18px}.pd-full-width{grid-column:1}}.pd-page{display:flex;flex-direction:column;gap:18px}.pd-header{display:flex;align-items:center;gap:16px;padding:4px 2px}.pd-header h1{flex:1;margin:0;font-size:22px;font-weight:700;color:#1a1a1a}.pd-back{background:transparent;border:1.5px solid #bcd;color:#425f7f;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.pd-back:hover{background:#0a4d550f;border-color:#425f7f}.pd-actions{display:flex;gap:10px}.pd-edit-btn,.pd-cancel-btn,.pd-save-btn{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pd-edit-btn{background:#425f7f;color:#fff;border:1.5px solid #425f7f}.pd-edit-btn:hover{background:#0a6d75;border-color:#0a6d75}.pd-cancel-btn{background:#fff;color:#555;border:1.5px solid #ddd}.pd-cancel-btn:hover{background:#f5f5f5}.pd-save-btn{background:#425f7f;color:#fff;border:1.5px solid #425f7f}.pd-save-btn:hover:not(:disabled){background:#0a6d75;border-color:#0a6d75}.pd-save-btn:disabled,.pd-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.pd-loading,.pd-error{padding:40px;text-align:center;color:#6b7280;background:#fff;border-radius:16px}.pd-error{color:#c0392b}.pd-page .pd-section{background:#fff;border-radius:16px;padding:24px 28px}.pd-page .pd-section h2{margin:0 0 16px;font-size:16px;font-weight:800;color:#1a5f70;padding-bottom:10px;border-bottom:1.5px solid rgba(26,95,112,.15)}@media(max-width:768px){.pd-header{flex-wrap:wrap}.pd-actions{width:100%;justify-content:flex-end}}.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__inputWrapper{position:relative;display:flex;align-items:center}.changePassword__input{padding:12px 44px 12px 16px;border:none;border-radius:6px;font-size:14px;background:#fff;outline:none;width:100%}.changePassword__input:focus{box-shadow:0 0 0 2px #425f7f}.changePassword__eyeBtn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#999;display:flex;align-items:center;padding:0}.changePassword__eyeBtn:hover{color:#333}.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}.changePassword__message{padding:10px 14px;border-radius:6px;font-size:14px;margin-bottom:12px}.changePassword__message--success{background-color:#dcfce7;color:#166534}.changePassword__message--error{background-color:#fee2e2;color:#991b1b}.changePassword__btn:disabled{opacity:.6;cursor:not-allowed}:root{--cc-grad: linear-gradient(135deg, #b3402e, #1dcaab);--cc-border: var(--c-border, rgba(67, 20, 7, .13));--cc-bg-soft: #fafbf8;--cc-ink: #2c3a2b;--cc-accent: #b3402e;--cc-teal: #1dcaab;--cc-danger: #c62828;--cc-font-head: var(--font-head, "Montserrat", sans-serif);--cc-font-body: var(--font-body, "Poppins", system-ui, sans-serif)}.cc-root{position:relative;display:grid;grid-template-columns:64px 300px 1fr;height:100%;min-height:480px;border:1px solid var(--cc-border);border-radius:14px;overflow:hidden;background:#fff;font-family:var(--cc-font-body);color:var(--cc-ink)}.cc-root-compact{grid-template-columns:56px 1fr}.cc-root-compact.cc-root-compact .cc-list{display:block}.cc-sidebar{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:12px 6px;background:#1c2620;border-right:1px solid rgba(0,0,0,.15)}.cc-sidebar-item{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:transparent;color:#ffffff9e;padding:10px 2px;border-radius:10px;cursor:pointer;font-size:9.5px;font-weight:600;font-family:var(--cc-font-body);line-height:1.15;text-align:center}.cc-sidebar-item:hover{background:#ffffff14;color:#fff}.cc-sidebar-item-active{background:var(--cc-grad);color:#fff}.cc-sidebar-label{display:block}.cc-root-compact .cc-sidebar-label{display:none}.cc-root-compact .cc-sidebar{padding:10px 4px}.cc-list{border-right:1px solid var(--cc-border);overflow-y:auto;background:var(--cc-bg-soft);display:flex;flex-direction:column;min-height:0}.cc-list-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;font-weight:800;font-family:var(--cc-font-head)}.cc-newbtn{border:none;background:var(--cc-grad);color:#fff;width:30px;height:30px;border-radius:9px;font-size:15px;cursor:pointer;display:grid;place-items:center}.cc-newbtn:hover{filter:brightness(1.05)}.cc-search-bar{display:flex;align-items:center;gap:8px;margin:6px 14px 8px;padding:8px 12px;background:#fff;border:1px solid var(--cc-border);border-radius:10px;color:#7a8478}.cc-search-bar input{border:none;outline:none;font-size:13px;flex:1;background:transparent;color:var(--cc-ink)}.cc-cat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 14px 10px}.cc-chip{border:1px solid rgba(67,20,7,.16);background:#fff;color:var(--cc-ink);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cc-chip:hover{background:#1b9c8514}.cc-chip-active{background:var(--cc-grad);color:#fff;border-color:transparent}.cc-list-scroll{flex:1;overflow-y:auto;padding-bottom:12px}.cc-section{margin-bottom:4px}.cc-section-head{width:100%;display:flex;align-items:center;gap:6px;border:none;background:transparent;padding:10px 16px 4px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8a9488;cursor:default}.cc-section-head:not(:disabled){cursor:pointer}.cc-section-count{opacity:.7;font-weight:600}.cc-card{position:relative;display:flex;align-items:stretch;border-bottom:1px solid rgba(67,20,7,.06)}.cc-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:11px;text-align:left;border:none;background:transparent;padding:10px 10px 10px 16px;cursor:pointer}.cc-card:hover{background:#1b9c8512}.cc-card-active{background:#1dcaab26}.cc-card-unread .cc-card-title{font-weight:800}.cc-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cc-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cc-card-title{font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-pin-flag{color:var(--cc-accent);flex-shrink:0}.cc-card-time{font-size:10.5px;opacity:.55;white-space:nowrap;flex-shrink:0}.cc-card-badge{font-size:10.5px;color:var(--cc-accent);font-weight:700}.cc-card-preview{font-size:12px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.cc-card-unread-badge{align-self:center;margin-right:10px;background:#ff8f01;color:#fff;border-radius:999px;font-size:10.5px;padding:1px 7px;font-weight:700;min-width:18px;text-align:center}.cc-card-menu-anchor{position:relative;display:flex;align-items:center;padding-right:6px}.cc-card-more{border:none;background:transparent;opacity:0;color:#7a8478;cursor:pointer;padding:4px;border-radius:6px}.cc-card:hover .cc-card-more{opacity:.8}.cc-card-more:hover{opacity:1!important;background:#0000000f}.cc-card-menu,.cc-dropdown-menu,.cc-bubble-menu{position:absolute;right:0;top:100%;z-index:20;background:#fff;border:1px solid var(--cc-border);border-radius:10px;box-shadow:0 10px 28px #00000029;min-width:168px;padding:6px;display:flex;flex-direction:column}.cc-card-menu button,.cc-dropdown-menu button,.cc-bubble-menu button{display:flex;align-items:center;gap:8px;border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:7px;font-size:12.5px;cursor:pointer;color:var(--cc-ink);font-family:var(--cc-font-body)}.cc-card-menu button:hover,.cc-dropdown-menu button:hover,.cc-bubble-menu button:hover{background:#1b9c8514}.cc-menu-danger{color:var(--cc-danger)!important}.cc-menu-danger:hover{background:#c6282814!important}.cc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 22px;text-align:center;color:#7a8478;height:100%}.cc-empty-icon{color:var(--cc-teal);opacity:.8;margin-bottom:2px}.cc-empty-title{font-weight:800;font-family:var(--cc-font-head);color:var(--cc-ink);font-size:14.5px}.cc-empty-hint{font-size:12.5px;opacity:.8;max-width:320px}.cc-spinner-wrap{display:flex;align-items:center;justify-content:center;gap:8px;padding:22px;color:#8a9488;font-size:12.5px}.cc-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(179,64,46,.25);border-top-color:var(--cc-accent);animation:cc-spin .7s linear infinite}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-skel-list{padding:8px 14px;display:flex;flex-direction:column;gap:14px}.cc-skel-row{display:flex;align-items:center;gap:10px}.cc-skel-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(90deg,#eee,#f6f6f6,#eee);background-size:200% 100%;animation:cc-shimmer 1.4s infinite;flex-shrink:0}.cc-skel-lines{flex:1;display:flex;flex-direction:column;gap:6px}.cc-skel-line{height:9px;border-radius:5px;background:linear-gradient(90deg,#eee,#f6f6f6,#eee);background-size:200% 100%;animation:cc-shimmer 1.4s infinite}.cc-skel-line-w60{width:60%}.cc-skel-line-w40{width:40%}@keyframes cc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cc-offline-banner{background:#fff3e0;color:#8a5a00;font-size:12px;padding:7px 16px;text-align:center;border-bottom:1px solid rgba(0,0,0,.05)}.cc-avatar-wrap{position:relative;display:inline-flex;flex-shrink:0}.cc-avatar{border-radius:50%;object-fit:cover;display:block}.cc-avatar-fallback{display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--cc-font-head)}.cc-avatar-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.cc-avatar-dot-on{background:#17b06b}.cc-avatar-dot-off{background:#b7bdb4}.cc-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.cc-thread{display:flex;flex-direction:column;min-width:0;height:100%}.cc-thread-head{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--cc-border)}.cc-thread-id{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:none;background:transparent;padding:2px;cursor:pointer;text-align:left}.cc-thread-id-text{min-width:0;display:flex;flex-direction:column}.cc-thread-title{font-weight:800;font-family:var(--cc-font-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-thread-role{font-size:11px;color:var(--cc-accent);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-thread-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.cc-icon-btn{border:none;background:transparent;color:#5c665a;padding:7px;border-radius:8px;cursor:pointer;display:grid;place-items:center}.cc-icon-btn:hover{background:#1b9c8517;color:var(--cc-ink)}.cc-icon-btn:disabled{opacity:.4;cursor:not-allowed}.cc-muted-icon{color:#b3402e;opacity:.7;margin:0 2px}.cc-menu-anchor{position:relative}.cc-inline-search{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--cc-border);background:var(--cc-bg-soft);color:#7a8478}.cc-inline-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--cc-ink)}.cc-inline-search button{border:none;background:transparent;color:#7a8478;cursor:pointer}.cc-search-hit{display:block;width:100%;text-align:left;border:none;background:#fff;border-bottom:1px solid var(--cc-border);padding:10px 16px;font-size:12.5px;cursor:pointer}.cc-search-hit:hover{background:#1b9c850f}.cc-search-hit span{float:right;opacity:.5;font-size:11px}.cc-global-hit{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;border:none;background:transparent;padding:8px 16px;cursor:pointer;border-bottom:1px solid rgba(67,20,7,.05)}.cc-global-hit:hover{background:#1b9c8512}.cc-global-hit strong{font-size:12.5px}.cc-global-hit span{font-size:11.5px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-messages{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:3px;position:relative}.cc-messages-static{overflow-y:visible;padding:12px 4px}.cc-day-sep{display:flex;align-items:center;justify-content:center;margin:14px 0 8px}.cc-day-sep span{background:var(--cc-bg-soft);border:1px solid var(--cc-border);border-radius:999px;padding:3px 12px;font-size:10.5px;font-weight:700;color:#8a9488}.cc-msg-highlight .cc-bubble{animation:cc-flash 1.4s ease}@keyframes cc-flash{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px #ff8f0180}}.cc-msg{max-width:74%;margin:5px 0}.cc-msg-mine{align-self:flex-end}.cc-msg-system{align-self:center;font-size:11px;opacity:.55;padding:4px 0}.cc-msg-sender{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:0 0 4px;cursor:pointer;color:var(--cc-accent);font-weight:600;font-size:11px}.cc-msg-sender:hover{text-decoration:underline}.cc-bubble-row{position:relative;display:flex;align-items:flex-end;gap:4px}.cc-msg-mine .cc-bubble-row{flex-direction:row-reverse}.cc-bubble{background:#eef2ee;padding:9px 13px;border-radius:15px;font-size:14px;line-height:1.42;max-width:100%}.cc-msg-mine .cc-bubble{background:var(--cc-grad);color:#fff}.cc-bubble-text{white-space:pre-wrap;word-break:break-word}.cc-bubble-deleted{background:transparent!important;border:1px dashed rgba(67,20,7,.25);color:#8a9488!important;font-style:italic;font-size:12.5px;display:flex;align-items:center;gap:6px}.cc-bubble-failed{opacity:.6}.cc-bubble-announcement{background:linear-gradient(160deg,#fff6ea,#fff);border:1px solid rgba(255,143,1,.35);color:var(--cc-ink)!important}.cc-announcement-tag{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#b3402e;margin-bottom:5px}.cc-reply-quote{display:block;width:100%;text-align:left;border:none;border-left:3px solid rgba(255,255,255,.6);background:#0000000f;border-radius:8px;padding:5px 9px;margin-bottom:6px;cursor:pointer}.cc-bubble:not(.cc-bubble-mine) .cc-reply-quote,.cc-bubble .cc-reply-quote{border-left-color:#b3402e80;background:#0000000a}.cc-reply-quote-name{display:block;font-size:10.5px;font-weight:700;color:var(--cc-accent)}.cc-msg-mine .cc-reply-quote-name{color:#ffffffe6}.cc-reply-quote-body{display:block;font-size:11.5px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-bubble-meta{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:4px;font-size:10px;opacity:.7}.cc-read-tick{opacity:.8}.cc-read-tick-on{color:#7cf0d8}.cc-retry-btn{border:none;background:#c628281f;color:var(--cc-danger);border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700;cursor:pointer}.cc-reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cc-reaction-chip{border:1px solid rgba(255,255,255,.4);background:#ffffff2e;color:inherit;border-radius:999px;padding:1px 7px;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:3px}.cc-bubble:not([class*=mine]) .cc-reaction-chip{border-color:#0000001a;background:#0000000a}.cc-bubble-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s;padding-bottom:4px}.cc-bubble-row:hover .cc-bubble-actions{opacity:1}.cc-bubble-action-btn{border:none;background:#fff;border:1px solid var(--cc-border);color:#5c665a;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:13px;display:grid;place-items:center}.cc-bubble-action-btn:hover{background:#1b9c8517}.cc-emoji-picker{position:absolute;bottom:100%;right:0;margin-bottom:6px;background:#fff;border:1px solid var(--cc-border);border-radius:12px;box-shadow:0 10px 28px #00000029;padding:6px;display:flex;gap:3px;z-index:25}.cc-emoji-picker button{border:none;background:transparent;font-size:18px;padding:4px 5px;border-radius:8px;cursor:pointer}.cc-emoji-picker button:hover{background:#1b9c851a}.cc-emoji-picker-up{bottom:calc(100% + 6px);left:0;right:auto}.cc-emoji-anchor{position:relative}.cc-bubble-image-link{display:block;margin-bottom:6px}.cc-bubble-image{max-width:260px;max-height:260px;border-radius:11px;display:block;object-fit:cover}.cc-bubble-file{display:flex;align-items:center;gap:9px;background:#fff3;border-radius:10px;padding:8px 10px;margin-bottom:6px;text-decoration:none;color:inherit}.cc-bubble:not(.cc-msg-mine .cc-bubble) .cc-bubble-file{background:#0000000a}.cc-bubble-file-icon{flex-shrink:0}.cc-bubble-file-meta{flex:1;min-width:0;display:flex;flex-direction:column}.cc-bubble-file-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.cc-bubble-file-size{font-size:10.5px;opacity:.7}.cc-bubble-file-dl{flex-shrink:0;opacity:.8}.cc-bubble-expiry{display:block;font-size:10.5px;opacity:.6;margin:-2px 0 6px 2px}.cc-bubble-file-pending{animation:cc-file-pending-pulse 1.4s ease-in-out infinite;cursor:default}@keyframes cc-file-pending-pulse{0%,to{opacity:1}50%{opacity:.55}}.cc-typing{font-size:11.5px;opacity:.55;font-style:italic;padding:4px 2px}.cc-jump-btn{position:sticky;bottom:8px;left:50%;transform:translate(-50%);width:fit-content;border:none;background:#1c2620;color:#fff;border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #00000038}.cc-blocked-note,.cc-readonly-note{padding:13px 16px;border-top:1px solid var(--cc-border);font-size:12.5px;text-align:center;color:var(--cc-danger);background:#d628280d}.cc-readonly-note{color:#8a5a00;background:#fff8ec}.cc-composer{border-top:1px solid var(--cc-border)}.cc-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;background:var(--cc-bg-soft);font-size:12px;border-bottom:1px solid var(--cc-border)}.cc-reply-preview button{border:none;background:transparent;color:#7a8478;cursor:pointer}.cc-composer-row{display:flex;align-items:center;gap:6px;padding:10px 12px}.cc-composer-input{flex:1;padding:11px 14px;border:1px solid #dcdcdc;border-radius:10px;font-size:14px;outline:none;font-family:var(--cc-font-body)}.cc-composer-input:focus{border-color:var(--cc-teal)}.cc-send-btn{background:var(--cc-grad);color:#fff;border:none;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.cc-send-btn:disabled{opacity:.5;cursor:not-allowed}.cc-toast{position:absolute;left:50%;bottom:78px;transform:translate(-50%);background:#1c2620;color:#fff;padding:9px 16px;border-radius:10px;font-size:12.5px;box-shadow:0 10px 30px #00000040;z-index:40;max-width:80%}.cc-toast-ok{background:#146b4a}.cc-toast-err{background:#7a2020}.cc-modal-backdrop{position:absolute;inset:0;background:#0f1e145c;display:grid;place-items:center;z-index:50}.cc-modal{width:min(440px,92%);max-height:82%;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 22px 60px #0000004d}.cc-modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;font-weight:800;font-family:var(--cc-font-head);border-bottom:1px solid var(--cc-border)}.cc-modal-head button{border:none;background:transparent;font-size:18px;cursor:pointer;color:#666}.cc-modal-body{padding:14px 17px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.cc-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 17px;border-top:1px solid var(--cc-border)}.cc-modal-search{margin:12px 16px 6px}.cc-modal-list{overflow-y:auto;padding:4px 8px 10px;max-height:360px}.cc-dir-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:none;background:transparent;padding:9px 10px;border-radius:10px;cursor:pointer}.cc-dir-item:hover{background:#1b9c8514}.cc-dir-meta{display:flex;flex-direction:column;min-width:0}.cc-dir-name{font-weight:700;font-size:13px}.cc-dir-sub{font-size:11px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-field-label{font-size:11.5px;font-weight:700;color:#5c665a;margin:10px 0 5px;display:flex;align-items:center;gap:5px}.cc-radio-list{display:flex;flex-direction:column;gap:4px}.cc-radio-row{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;padding:3px 0}.cc-modal input[type=text],.cc-modal input:not([type]),.cc-modal textarea,.cc-modal select,.cc-support-new input,.cc-support-new textarea,.cc-support-new select{width:100%;border:1px solid #dcdcdc;border-radius:9px;padding:9px 11px;font-size:13.5px;font-family:var(--cc-font-body);box-sizing:border-box;outline:none}.cc-modal textarea,.cc-support-new textarea{resize:vertical}.cc-form-error{color:var(--cc-danger);font-size:12px;margin-top:6px}.cc-btn-primary{background:var(--cc-grad);color:#fff;border:none;border-radius:9px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.cc-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cc-btn-secondary{background:#fff;color:var(--cc-ink);border:1px solid var(--cc-border);border-radius:9px;padding:7px 14px;font-weight:600;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.cc-btn-secondary:hover{background:#1b9c8514}.cc-coursehub-overlay{position:absolute;inset:0;background:#0f1e1466;display:grid;place-items:stretch;padding:18px;z-index:45}.cc-coursehub{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px #00000052;max-width:900px;width:100%;margin:0 auto}.cc-coursehub-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--cc-border)}.cc-coursehub-title{font-weight:800;font-family:var(--cc-font-head);font-size:15.5px}.cc-coursehub-tabs{display:flex;gap:4px;padding:8px 14px;border-bottom:1px solid var(--cc-border);overflow-x:auto}.cc-coursehub-tab{display:flex;align-items:center;gap:6px;border:none;background:transparent;color:#5c665a;padding:7px 13px;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.cc-coursehub-tab:hover{background:#1b9c8514}.cc-coursehub-tab-active{background:var(--cc-grad);color:#fff}.cc-coursehub-body{flex:1;min-height:420px;max-height:66vh;overflow-y:auto;display:flex;flex-direction:column}.cc-hub-list{padding:6px 16px 16px;display:flex;flex-direction:column;gap:10px}.cc-hub-list-item{border:1px solid var(--cc-border);border-radius:12px;padding:11px 14px;display:flex;flex-direction:column;gap:7px}.cc-hub-list-title{font-weight:700;font-size:13.5px}.cc-hub-list-sub{font-size:11px;opacity:.65;display:flex;align-items:center;gap:5px}.cc-tag-expired{color:var(--cc-danger);font-weight:700}.cc-hub-list-files{display:flex;flex-wrap:wrap;gap:6px}.cc-hub-file-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--cc-border);border-radius:8px;padding:5px 9px;font-size:11.5px;text-decoration:none;color:var(--cc-ink);background:var(--cc-bg-soft)}.cc-hub-file-chip:hover{background:#1b9c8514}.cc-hub-members{padding:8px 16px 16px}.cc-hub-members-group-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#8a9488;margin:14px 0 6px}.cc-hub-member-row{width:100%;display:flex;align-items:center;gap:10px;border:none;background:transparent;padding:7px 6px;border-radius:9px;cursor:pointer;text-align:left}.cc-hub-member-row:hover{background:#1b9c8514}.cc-hub-member-row-static{cursor:default}.cc-hub-member-row-static:hover{background:transparent}.cc-hub-member-name{font-weight:600;font-size:13px;display:block}.cc-hub-member-role{font-size:10.5px;opacity:.6;display:block}.cc-announcements-tab{display:flex;flex-direction:column;flex:1;min-height:0}.cc-announcement-composer{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--cc-border);align-items:flex-end}.cc-announcement-composer textarea{flex:1;border:1px solid #dcdcdc;border-radius:10px;padding:9px 12px;font-size:13.5px;font-family:var(--cc-font-body);resize:vertical}.cc-announcements-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;padding:20px}.cc-directory-screen{display:flex;flex-direction:column;height:100%}.cc-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:4px 16px 20px;overflow-y:auto}.cc-dir-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border:1px solid var(--cc-border);border-radius:14px;padding:18px 12px;background:#fff;cursor:pointer}.cc-dir-card:hover{border-color:var(--cc-teal);box-shadow:0 8px 24px #1dcaab26}.cc-dir-message-btn{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--cc-accent);border:1px solid rgba(179,64,46,.3);border-radius:999px;padding:4px 10px;margin-top:2px}.cc-view-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--cc-border)}.cc-view-title{font-weight:800;font-family:var(--cc-font-head);font-size:15px;display:flex;align-items:center;gap:8px}.cc-count-pill{background:#ff8f01;color:#fff;border-radius:999px;padding:1px 8px;font-size:11px}.cc-notifications-view,.cc-support-view,.cc-settings-view,.cc-directory-screen{display:flex;flex-direction:column;height:100%}.cc-notifications-scroll,.cc-list-scroll{overflow-y:auto;flex:1}.cc-notif-group-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#8a9488;padding:12px 18px 4px}.cc-notif-row{width:100%;display:flex;align-items:flex-start;gap:11px;border:none;background:transparent;text-align:left;padding:10px 18px;cursor:pointer;border-bottom:1px solid rgba(67,20,7,.05)}.cc-notif-row:hover{background:#1b9c850f}.cc-notif-row-unread{background:#ff8f010d}.cc-notif-icon{width:30px;height:30px;border-radius:50%;background:var(--cc-bg-soft);border:1px solid var(--cc-border);display:grid;place-items:center;flex-shrink:0;color:var(--cc-accent)}.cc-notif-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cc-notif-title{font-weight:700;font-size:13px}.cc-notif-text{font-size:12px;opacity:.7}.cc-notif-time{font-size:10.5px;opacity:.5}.cc-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--cc-accent);margin-top:4px;flex-shrink:0}.cc-support-new{display:flex;flex-direction:column;padding:4px 17px 8px}.cc-ticket-card{width:100%;border-bottom:1px solid rgba(67,20,7,.06)}.cc-status-pill{font-size:10px;font-weight:800;padding:2px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.cc-status-open{background:#ff8f0126;color:#8a5a00}.cc-status-in_progress{background:#1dcaab2e;color:#0e7a63}.cc-status-resolved,.cc-status-closed{background:#00000012;color:#666}.cc-support-thread{display:flex;flex-direction:column;height:100%}.cc-settings-scroll{overflow-y:auto;padding:6px 18px 24px;flex:1}.cc-settings-section{padding:16px 0;border-bottom:1px solid var(--cc-border)}.cc-settings-section:last-child{border-bottom:none}.cc-settings-section h4{display:flex;align-items:center;gap:7px;font-family:var(--cc-font-head);font-size:13.5px;margin:0 0 10px;color:var(--cc-ink)}.cc-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;cursor:pointer}.cc-toggle-label{font-size:13px;font-weight:600;display:block}.cc-toggle-hint{font-size:11px;opacity:.6;display:block;max-width:380px}.cc-toggle{width:38px;height:22px;border-radius:999px;background:#d8ddd6;position:relative;flex-shrink:0;transition:background .15s}.cc-toggle-on{background:var(--cc-grad)}.cc-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:left .15s}.cc-toggle-on .cc-toggle-knob{left:18px}.cc-blocked-row{display:flex;align-items:center;gap:10px;padding:8px 0}.cc-blocked-name{flex:1;font-size:13px;font-weight:600}.cc-saved-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#0e7a63;background:#1dcaab26;padding:2px 10px;border-radius:999px}.cc-profile-modal{width:min(380px,92%)}.cc-profile-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 20px 26px}.cc-profile-name{font-weight:800;font-family:var(--cc-font-head);font-size:16px;margin-top:8px}.cc-profile-role{font-size:12px;color:var(--cc-accent);font-weight:600}.cc-profile-headline{font-size:12.5px;opacity:.75}.cc-profile-bio{font-size:12.5px;line-height:1.5;opacity:.85;margin:6px 0}.cc-profile-courses{width:100%;margin-top:4px}.cc-profile-msg-btn{margin-top:10px}@media(max-width:640px){.cc-root,.cc-root-compact{grid-template-columns:52px 1fr;border-radius:0;min-height:100dvh}.cc-coursehub-overlay{padding:0}.cc-coursehub{border-radius:0;height:100%;max-width:none}.cc-directory-grid{grid-template-columns:1fr 1fr}.cc-bubble-image{max-width:190px;max-height:190px}}@media(prefers-reduced-motion:reduce){.cc-spinner,.cc-skel-avatar,.cc-skel-line,.cc-msg-highlight .cc-bubble,.cc-bubble-file-pending{animation:none}}.cp-outer{height:100%;min-height:0;display:flex;flex-direction:column;background:#eef7fb;border-radius:0 0 14px 14px;overflow:hidden}.cp-header{flex:0 0 48px;height:48px;background:#006d78;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}.cp-wrap{flex:1;min-height:0;overflow:hidden;background:#eef7fb}.cp-messages{height:100%;min-height:0;overflow-y:auto;padding:20px 12px;display:flex;flex-direction:column;gap:14px}.cp-messages::-webkit-scrollbar{width:5px}.cp-messages::-webkit-scrollbar-thumb{background:#006d7847;border-radius:99px}.cp-empty{margin:auto;color:#64748b;font-size:13px;text-align:center}.cp-row{width:100%;display:flex;flex-direction:column;gap:5px}.cp-row--me{align-items:flex-end}.cp-row--other{align-items:flex-start}.cp-meta{display:flex;align-items:center;gap:8px;max-width:90%;color:#0f172a;font-size:12px;line-height:1}.cp-meta--me{justify-content:flex-end}.cp-name{font-weight:700;color:#0f172a}.cp-time{font-size:10px;color:#64748b;white-space:nowrap}.cp-bubble{max-width:86%;padding:10px 12px;border-radius:7px;color:#fff;line-height:1.35;font-size:13px;font-weight:600;word-break:break-word;overflow-wrap:anywhere}.cp-bubble--me{background:#006d78;border-top-right-radius:3px}.cp-bubble--other{background:#425b7b;border-top-left-radius:3px}.cp-text{display:block}.cp-input-area{flex:0 0 54px;min-height:54px;border-top:1px solid rgba(1,88,101,.18);background:#fff;display:flex;align-items:center;gap:8px;padding:8px 10px;box-sizing:border-box}.cp-input{flex:1;min-width:0;height:38px;border:none;outline:none;background:transparent;color:#0f172a;font-size:13px;font-family:inherit}.cp-input::placeholder{color:#64748b}.cp-send-btn{width:38px;height:38px;border:none;border-radius:50%;background:transparent;color:#006d78;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,color .15s ease}.cp-send-btn:hover{color:#015865;transform:translateY(-1px)}:root{--ls-bg: #c9dde1;--ls-dark: #0a0a0a;--ls-primary: #006d78;--ls-primary-dark: #005f6f;--ls-panel: #eef7fb;--ls-side-blue: #415b7e;--ls-danger: #ef4444;--ls-text: #0f172a;--ls-muted: #64748b}.classroom-layout{flex:1;min-height:0;min-width:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 300px;grid-template-rows:1fr;gap:14px;align-items:stretch;background:var(--ls-bg);overflow:hidden;box-sizing:border-box}.classroom-layout.panel-closed{grid-template-columns:1fr}.classroom-main{min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;gap:0;overflow:hidden}.main-stage{flex:1;min-height:0;min-width:0;position:relative;overflow:hidden;background:#000;border-radius:12px 12px 0 0}.main-stage video,.main-stage .lk-video-track,.main-stage [data-lk-participant-media-video]{width:100%;height:100%;object-fit:cover;background:#000;display:block}.pip-camera{position:absolute;right:18px;top:18px;width:190px;height:120px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #00000059;z-index:30}.pip-camera video{width:100%;height:100%;object-fit:cover}.video-fs-btn{position:absolute;bottom:14px;right:14px;width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#0f172ab3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.2s ease}.video-fs-btn:hover{background:#0f172ae0;transform:scale(1.06)}.control-bar{position:relative;flex:0 0 55px;min-height:56px;display:grid;grid-template-columns:92px 1fr 190px;align-items:center;gap:12px;padding:8px 18px;border-radius:0 0 12px 12px;border:none;border-top:2px solid var(--ls-primary);background:gray;box-sizing:border-box}.cb-timer{color:#0f172a;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.cb-center{display:flex;align-items:center;justify-content:center;gap:22px;min-width:0}.cb-btn{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0;color:#0f172a;font-family:inherit;transition:transform .15s ease,color .15s ease}.cb-btn:hover{transform:translateY(-2px)}.cb-btn--active{color:var(--ls-primary)}.cb-icon{width:29px;height:29px;border-radius:50%;background:#2d3340;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.cb-icon--off{background:#2d3340;color:#fff}.cb-icon--active{background:#006d782e;color:var(--ls-primary)}.cb-icon--leave{background:var(--ls-danger);color:#fff}.cb-label{color:#0f172a;font-size:11px;line-height:1;font-weight:700}.cb-right{display:flex;align-items:center;justify-content:flex-end;gap:13px;min-width:0}.cb-side-btn{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;color:#0f172a;cursor:pointer;padding:3px;font-family:inherit;transition:color .15s ease,transform .15s ease}.cb-side-btn:hover{color:var(--ls-primary);transform:translateY(-1px)}.cb-side-btn--active{color:var(--ls-primary)}.cb-side-btn span{font-size:11px;line-height:1;font-weight:600}.cb-side-btn--active span{font-weight:800}.cb-other-wrap{position:relative}.cb-other-menu{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);width:185px;background:#1f232b;border:2px solid #874dff;box-shadow:0 14px 30px #00000059;color:#e5e7eb;z-index:120;padding:8px;display:flex;flex-direction:column;gap:2px}.cb-other-session{padding:5px 2px 8px;border-bottom:1px solid rgba(255,255,255,.12)}.cb-other-label{display:block;color:#c7cbd3;font-size:12px;margin-bottom:4px}.cb-other-code-row{display:flex;align-items:center;gap:8px}.cb-other-code-row strong{flex:1;min-width:0;color:#e5e7eb;font-size:12px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-other-code-row button{width:26px;height:26px;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.cb-other-code-row button:hover{color:#fff}.cb-other-item{min-height:34px;border:none;background:transparent;color:#d1d5db;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 2px;cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.cb-other-item:hover:not(:disabled){color:#fff}.cb-other-item:disabled{opacity:.45;cursor:not-allowed}.cb-other-check{width:20px;height:20px;border:1.5px solid #525a66;border-radius:2px}.right-sidebar{min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent;border-radius:12px}.ppl-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:#eef7fb;border-radius:12px;overflow:hidden}.ppl-tabs{flex:0 0 48px;display:grid;grid-template-columns:1fr 1fr;background:#eef7fb}.ppl-tab{border:none;background:#eef7fb;color:var(--ls-primary);font-size:13px;font-weight:800;cursor:pointer;font-family:inherit}.ppl-tab--active{background:var(--ls-primary);color:#fff}.ppl-list{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.ppl-list::-webkit-scrollbar{width:5px}.ppl-list::-webkit-scrollbar-thumb{background:#006d7847;border-radius:99px}.ppl-empty{margin:20px auto;color:var(--ls-muted);font-size:13px;text-align:center}.ppl-card{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border-radius:7px;background:var(--ls-primary);color:#fff}.ppl-card--teacher{background:var(--ls-side-blue)}.ppl-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#fff3;color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ppl-avatar img{width:100%;height:100%;object-fit:cover}.ppl-info{flex:1;min-width:0}.ppl-name{color:#fff;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppl-role{color:#ffffffd9;font-size:10px;font-weight:600;margin-top:2px}.ppl-actions{flex-shrink:0}.ppl-mic{width:28px;height:28px;border-radius:50%;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center}.ppl-mic--off{background:#ef4444a6}.side-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:#eef7fb;border-radius:12px;overflow:hidden}.side-panel__header{flex:0 0 48px;height:48px;background:var(--ls-primary);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 12px}.side-panel__header h3{margin:0;color:#fff;font-size:14px;font-weight:800}.side-panel__close{display:none}.side-panel__body{flex:1;min-height:0;overflow-y:auto;padding:24px 18px}.side-panel__field{margin-bottom:12px;color:#0f172a}.side-panel__field-label{display:inline;margin-right:5px;color:#0f172a;font-size:13px;font-weight:700}.side-panel__field-value{display:inline;color:#0f172a;font-size:13px;font-weight:800;word-break:break-word}.side-panel__section-gap{height:22px}.waiting-screen,.ls-paused{width:100%;height:100%;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;background:#0d1117;color:#e8eaf2;border-radius:12px}.waiting-card{padding:40px 48px;border-radius:20px;background:#161b22;text-align:center;box-shadow:0 8px 32px #0006}.waiting-card h2{margin-top:18px;color:#fff}.waiting-pulse{width:52px;height:52px;margin:auto;border-radius:50%;background:#005f6f33;border:2px solid #0ea5a5;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.6}}.rh-toasts{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:8px}.rh-toast{background:#000c;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.classroom-layout.fs-mode{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;padding:12px;background:var(--ls-bg);box-sizing:border-box}@media(max-width:900px){.classroom-layout{grid-template-columns:1fr;gap:10px}.right-sidebar{height:360px}.control-bar{grid-template-columns:78px 1fr;grid-template-rows:auto auto;min-height:118px}.cb-right{grid-column:1 / -1;justify-content:center}.cb-center{gap:14px}}@media(max-width:560px){.control-bar{padding:8px 10px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.cb-timer{text-align:center}.cb-center,.cb-right{flex-wrap:wrap}.pip-camera{width:120px;height:78px;right:10px;top:10px}}:root{--ps-primary: #015865;--ps-primary-dark: #013d47;--ps-accent: #425f7f;--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:#16a34a;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:#15803d}.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__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;word-wrap:break-word;overflow-wrap:break-word}.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,.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__historySubject{font-size:15px;font-weight:700;color:var(--ps-text-dark);word-wrap:break-word}.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;white-space:normal}.ps__historyMeta{font-size:12px;color:var(--ps-text-muted);white-space:normal}.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__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__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}.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__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}.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__step2Wrap{display:flex;flex-direction:column;gap:20px}.ps__pickerProgress{display:flex;align-items:center;gap:10px}.ps__pickerProgressBar{flex:1;height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden}.ps__pickerProgressFill{height:100%;background:linear-gradient(90deg,#015865,#0891b2);border-radius:99px;transition:width .3s ease}.ps__pickerProgressText{font-size:12px;color:#6b7280;white-space:nowrap;font-weight:500}.ps__studentInputs{display:flex;flex-direction:column;gap:10px}.ps__studentRow{display:flex;align-items:center;gap:12px}.ps__slotNum{width:24px;height:24px;border-radius:50%;background:#f3f4f6;border:1.5px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ps__pickerPill{flex:1;display:flex;align-items:center;gap:10px;background:#f0fafa;border:1.5px solid #a7d8de;border-radius:10px;padding:8px 10px;min-height:44px}.ps__pickerPill--you{background:#f0fdf4;border-color:#86efac;cursor:default}.ps__pickerPillAvatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#015865,#0891b2);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ps__pickerPill--you .ps__pickerPillAvatar{background:linear-gradient(135deg,#16a34a,#4ade80)}.ps__pickerPillInfo{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ps__pickerPillName{font-size:13.5px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps__pickerPillId{font-size:11px;color:#6b7280;font-weight:500}.ps__pickerPill--you .ps__pickerPillId{color:#16a34a;font-weight:600}.ps__pickerPillClear{background:none;border:none;cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9ca3af;flex-shrink:0;transition:background .12s,color .12s}.ps__pickerPillClear:hover{background:#fee2e2;color:#dc2626}.ps__pickerWrap{flex:1;position:relative}.ps__pickerInputRow{display:flex;align-items:center;gap:8px;border:1.5px solid #d1d5db;border-radius:10px;padding:0 12px;background:#fff;height:44px;transition:border-color .15s,box-shadow .15s}.ps__pickerInputRow--open,.ps__pickerInputRow:focus-within{border-color:#015865;box-shadow:0 0 0 3px #01586514}.ps__pickerSearchIcon{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.ps__pickerInput{flex:1;border:none;outline:none;font-size:13.5px;background:transparent;color:#1f2937;min-width:0}.ps__pickerInput::placeholder{color:#b0b7c3}.ps__pickerClearQuery{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:12px;padding:2px 4px;border-radius:4px;line-height:1;transition:color .12s}.ps__pickerClearQuery:hover{color:#6b7280}.ps__pickerSpinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#015865;border-radius:50%;animation:ps__spin .6s linear infinite;flex-shrink:0;display:inline-block}@keyframes ps__spin{to{transform:rotate(360deg)}}.ps__pickerDropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0000001a,0 2px 8px #0000000f;z-index:300;max-height:240px;overflow-y:auto;overflow-x:hidden}.ps__pickerDropdown::-webkit-scrollbar{width:5px}.ps__pickerDropdown::-webkit-scrollbar-track{background:transparent}.ps__pickerDropdown::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:99px}.ps__pickerEmpty,.ps__pickerLoading{padding:18px 16px;font-size:13px;color:#9ca3af;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.ps__pickerEmptyIcon{font-size:20px}.ps__pickerOption{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .1s;border-bottom:1px solid #f3f4f6}.ps__pickerOption:last-child{border-bottom:none}.ps__pickerOption:first-child{border-radius:10px 10px 0 0}.ps__pickerOption:hover{background:#f0fafa}.ps__pickerOption:hover .ps__pickerOptionAdd{opacity:1}.ps__pickerOptionAvatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#015865,#0891b2);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ps__pickerOptionInfo{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ps__pickerOptionName{font-size:13.5px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps__pickerOptionId{font-size:11px;color:#6b7280;font-weight:500}.ps__pickerOptionAdd{font-size:11.5px;font-weight:600;color:#015865;background:#e0f2f4;padding:3px 8px;border-radius:99px;opacity:0;transition:opacity .15s;flex-shrink:0}@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}}.subjectCard{width:100%;height:235px;display:flex;flex-direction:column;align-items:stretch;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e5eaed;cursor:pointer;box-shadow:0 1px 3px #1a2c330f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.subjectCard:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a2c331a;border-color:#cfdbe6}.subjectCard__imageBox{position:relative;width:100%;height:112px;flex:0 0 132px;background:#e8f5f5;overflow:hidden}.subjectCard__image{width:100%;height:100%;object-position:center top;display:block}.subjectCard__fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.72),transparent 34%),linear-gradient(135deg,#c7f9f1,#75d8d0 45%,#2f9c9b)}.subjectCard__fallback span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffffdb;color:#425f7f;font-size:17px;font-weight:800}.subjectCard__badges{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;z-index:2}.subjectCard__badge{max-width:112px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;line-height:1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 8px #0f172a2e}.subjectCard__badge--pending{background:#d97706}.subjectCard__badge--completed{background:#2f9d42}.subjectCard__badge--info{background:#1d4ed8}.subjectCard__content{flex:1;min-height:0;padding:12px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;color:#1a2c33}.subjectCard__progress{display:flex;align-items:center;gap:8px;width:100%}.subjectCard__progressBar{flex:1;height:6px;border-radius:999px;background:#eef1f2;overflow:hidden}.subjectCard__progressFill{height:100%;border-radius:999px;background:#425f7f;transition:width .3s ease}.subjectCard__progressLabel{font-size:11px;font-weight:700;color:#6b7c83;flex-shrink:0}@media(prefers-reduced-motion:reduce){.subjectCard__progressFill{transition:none}}.subjectCard__title{margin:0;max-width:100%;font-family:Montserrat,system-ui,sans-serif;font-size:14.5px;font-weight:700;line-height:1.25;color:#1a2c33;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subjectCard__teacher{margin:auto 0 0;max-width:100%;font-size:12px;font-weight:500;line-height:1.2;color:#6b7c83;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.subjectCard{height:234px;border-radius:8px}.subjectCard__imageBox{height:124px;flex-basis:124px}.subjectCard__content{padding:8px;gap:6px}.subjectCard__title{font-size:16px;line-height:1.2}.subjectCard__teacher{font-size:14px}.subjectCard__badge{max-width:92px;padding:4px 7px;font-size:8px}}.pageHeader{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #e5eaed}.pageHeaderTitle{font-family:Montserrat,system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.4px;color:#1a2c33;margin:0}.pageHeaderSearch{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5eaed;padding:7px 12px;border-radius:10px;width:220px}.pageHeaderSearch input{border:none;outline:none;background:transparent;flex:1;font-size:12px}.pageHeaderSearchIcon{font-size:14px;opacity:.7;background:none;border:none;padding:0;cursor:pointer;line-height:1;display:flex;align-items:center}.pageHeaderSearchIcon:hover{opacity:1}@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;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.subjectsHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.subjectsFullProgressLink{font-size:13px;font-weight:600;color:#425f7f;text-decoration:none;white-space:nowrap}.subjectsFullProgressLink:hover{text-decoration:underline}.subjectsBodyBox{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:24px}.subjectsGrid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,243px);gap:24px;align-items:start;justify-content:start}@media(max-width:1100px){.subjectsBodyBox{padding:24px}.subjectsGrid{grid-template-columns:repeat(auto-fill,243px);gap:22px;justify-content:center}}@media(max-width:600px){.subjectsHeaderBox{padding:14px 16px;border-radius:0}.subjectsBodyBox{padding:16px;border-radius:0}.subjectsGrid{grid-template-columns:243px;justify-content:center;gap:18px}}@media(max-width:300px){.subjectsGrid{grid-template-columns:minmax(0,1fr)}}.subjectDetailsPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.subjectDetailsBack{background:#425f7f;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:#425f7f;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:#425f7f;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:#425f7f;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:#425f7f;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}}*{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}}.quiz-tab-warning{position:fixed;top:0;left:0;right:0;z-index:9999;background:#b71c1c;color:#fff;font-size:14px;font-weight:600;padding:12px 48px 12px 20px;text-align:center;animation:slideDown .25s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.quiz-tab-warning-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:16px;cursor:pointer;opacity:.8}.quiz-tab-warning-close:hover{opacity:1}.quiz-q-heading-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.quiz-q-heading-row .quiz-q-heading{margin:0}.quiz-mark-btn{margin-left:auto;border:1px solid #ddd;background:#fff;color:#6b7280;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}.quiz-mark-btn:hover{background:#f5f5f5}.quiz-mark-btn--on{background:#f3e8fb;border-color:#6a1b9a;color:#6a1b9a}.quiz-palette-legend{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#6b7280;margin-bottom:10px}.pal-legend-item{display:flex;align-items:center;gap:7px}.pal-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0;display:inline-block}.pal-dot.answered{background:#43a047}.pal-dot.not-answered{background:#eceff1;border:1px solid #bbb}.pal-dot.not-visited{background:#546e7a}.pal-dot.marked{background:#6a1b9a}@media(max-width:768px){.quiz-body{flex-direction:column;overflow-y:auto;overflow-x:hidden}.quiz-q-panel{padding:20px 16px}.quiz-sidebar{width:100%;flex-shrink:0}}.qp-page{max-width:720px;margin:0 auto;padding:18px 16px 40px;display:flex;flex-direction:column;gap:16px}.qp-center{padding:60px 20px;text-align:center;color:#6b7c83;font-size:14px}.qp-error{color:#b91c1c}.qp-topbar{display:flex;align-items:center;gap:12px}.qp-progress-wrap{flex:1}.qp-progress-labels{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;color:#6b7c83;margin-bottom:6px}.qp-progress-track{height:7px;border-radius:99px;background:#e0e6ea;overflow:hidden}.qp-progress-fill{height:100%;background:#425f7f;border-radius:99px;transition:width .3s ease}.qp-streak{font:700 12.5px/1 Segoe UI,sans-serif;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #e5eaed;color:#6b7c83;flex-shrink:0}.qp-streak--hot{background:#fef9ec;border-color:#f3d9bd;color:#b45309}.qp-card{background:#fff;border:1px solid #e5eaed;border-radius:14px;box-shadow:0 1px 3px #1a2c330f;padding:24px}.qp-chips{display:flex;gap:8px;margin-bottom:14px}.qp-chip{font-size:10.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:4px 9px;border-radius:999px}.qp-chip--topic{background:#e6f4f6;color:#425f7f}.qp-chip--diff.qp-chip--easy{background:#e9f8ee;color:#1f8a45}.qp-chip--diff.qp-chip--medium{background:#fff4e0;color:#b45309}.qp-chip--diff.qp-chip--hard{background:#fdeaea;color:#b91c1c}.qp-question-text{font-size:16px;font-weight:600;line-height:1.5;color:#1a2c33;margin-bottom:20px}.qp-choices{display:flex;flex-direction:column;gap:10px}.qp-choice{display:flex;align-items:center;gap:12px;border:1px solid #e5eaed;border-radius:10px;padding:12px 14px;cursor:pointer;font-size:13.5px;color:#1a2c33}.qp-choice:hover{border-color:#425f7f}.qp-choice--selected{border-color:#425f7f;background:#f0f9fa}.qp-choice--correct{border-color:#1f8a45;background:#e9f8ee;color:#1f8a45;font-weight:600}.qp-choice--wrong{border-color:#b91c1c;background:#fdeaea;color:#b91c1c;font-weight:600}.qp-choice--disabled{opacity:.6;cursor:default}.qp-choice-key{width:24px;height:24px;border-radius:50%;background:#eef1f2;color:#6b7c83;display:grid;place-items:center;font-size:11.5px;font-weight:700;flex-shrink:0}.qp-choice--correct .qp-choice-key{background:#1f8a45;color:#fff}.qp-choice--wrong .qp-choice-key{background:#b91c1c;color:#fff}.qp-choice-text{flex:1}.qp-choice-mark{font-size:15px}.qp-feedback{margin-top:16px;padding:14px 16px;border-radius:10px}.qp-feedback--correct{background:#ecf8ee;border:1px solid #bfe6c8}.qp-feedback--wrong{background:#fef9ec;border:1px solid #f3d9bd}.qp-feedback-title{font-size:13px;font-weight:700;margin-bottom:4px;color:#1a2c33}.qp-feedback-explanation{font-size:12.5px;line-height:1.6;color:#374151}.qp-inline-error{margin-top:12px;font-size:12.5px;color:#b91c1c}.qp-footer{display:flex;justify-content:space-between}.qp-end-btn{border:1px solid #e5eaed;background:#fff;color:#6b7c83;border-radius:10px;padding:10px 18px;font-size:12.5px;font-weight:600;cursor:pointer}.qp-end-btn:hover{background:#f4f6f8}.qp-next-btn{border:none;background:#425f7f;color:#fff;border-radius:10px;padding:10px 26px;font-size:12.5px;font-weight:700;cursor:pointer}.qp-next-btn:hover{background:#097a83}.qp-next-btn:disabled{opacity:.7;cursor:not-allowed}.qraCompareRow{display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#6b7c83;background:#f8fafb;border:1px solid #eef1f2;border-radius:10px;padding:10px 16px;margin:12px 0}.qraCompareRow strong{color:#1a2c33}.qraGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:14px 0}.qraCard{background:#fff;border:1px solid #e5eaed;border-radius:12px;padding:16px 18px;margin-bottom:14px}.qraCardTitle{font-size:13px;font-weight:700;color:#1a2c33;margin-bottom:4px}.qraCardSub{font-size:11px;color:#6b7c83;margin-bottom:10px}.qraTrendSvg{display:block;margin:6px 0}.qraTrendLegend{display:flex;gap:16px;font-size:11px;color:#6b7c83}.qraDot{width:12px;height:3px;display:inline-block;border-radius:2px;margin-right:5px}.qraDot--you{background:#425f7f}.qraDot--avg{background:#c7d0d6}.qraBarList{display:flex;flex-direction:column;gap:12px}.qraBarRowTop{display:flex;justify-content:space-between;font-size:11.5px;margin-bottom:4px}.qraStrong{font-weight:700;color:#1a2c33}.qraWeak{font-weight:700;color:#b45309}.qraTrack{height:7px;border-radius:99px;background:#eef1f2;overflow:hidden}.qraTrack--time{height:9px}.qraFill{height:100%;border-radius:99px}.qraFill--strong{background:#425f7f}.qraFill--weak,.qraFill--slow{background:#f59e0b}.qraDiffBars{display:flex;align-items:flex-end;gap:18px;height:120px;padding:0 6px}.qraDiffCol{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.qraDiffPct{font-size:12px;font-weight:700;color:#1a2c33}.qraDiffBar{width:38px;border-radius:8px 8px 4px 4px}.qraDiffBar--easy{background:#17b17f}.qraDiffBar--medium{background:#f59e0b}.qraDiffBar--hard{background:#dc2626}.qraDiffLabel{font-size:11px;color:#6b7c83}.qraTimeList{display:flex;flex-direction:column;gap:8px}.qraTimeRow{display:flex;align-items:center;gap:8px}.qraTimeQ{font-size:10.5px;font-weight:600;color:#6b7c83;width:28px}.qraTimeSecs{font-size:10.5px;color:#6b7c83;width:34px;text-align:right}.qraQuestionsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.qraQuestionsHeader>span:first-child{font-size:13px;font-weight:700;color:#1a2c33}.qraRetryBtn{border:1px solid #cfdbe6;background:#e6edee;color:#425f7f;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer}.qraRetryBtn:hover{background:#d8e3e5}.qraQuestionMeta{display:flex;gap:6px;margin:6px 0;flex-wrap:wrap}.qraMetaChip{font-size:10px;font-weight:700;letter-spacing:.2px;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#e6edee;color:#425f7f}.qraMetaChip--muted{background:#eef1f2;color:#6b7c83;text-transform:none;font-weight:600}.mrCard{background:#fff;border-radius:14px;padding:24px;width:460px;max-width:92vw;box-shadow:0 20px 50px #1a2c3340}.mrHeader{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#6b7c83;margin-bottom:10px}.mrClose{border:none;background:none;color:#9ca3af;font-size:16px;cursor:pointer}.mrQuestionText{font-size:15px;font-weight:600;color:#1a2c33;margin-bottom:14px}.mrAnswerRow{border-radius:8px;padding:10px 12px;font-size:12.5px;margin-bottom:8px}.mrAnswerRow--wrong{background:#fdeaea;color:#b91c1c}.mrAnswerRow--correct{background:#ecf8ee;color:#1f8a45}.mrExplanation{font-size:12.5px;color:#374151;background:#f8fafb;border-radius:8px;padding:10px 12px;margin-top:6px}.mrFooter{display:flex;justify-content:space-between;margin-top:18px}.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:#425f7f;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}.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}}.recordingCardWrapper{display:flex;flex-direction:column;gap:4px}.recordingCard{border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}.recordingCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000021}.recordingCard__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#1a1a2e}.recordingCard__thumbImg{width:100%;height:100%;object-fit:cover;display:block}.recordingCard__thumbPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;background:#1a2a2a}.recordingCard__overlay{position:absolute;bottom:0;left:0;right:0;padding:28px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,transparent 100%);display:flex;flex-direction:column;gap:2px}.recordingCard__session{font-size:13px;font-weight:700;color:#fff;margin:0;line-height:1.3}.recordingCard__teacher{font-size:11px;color:#ffffffbf;margin:0}.recordingCard__date{font-size:10px;color:#fff9;margin:0}.recordingCardProgress{padding:2px 0 4px}.recordingCardProgressBar{height:3px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin-bottom:3px}.recordingCardProgressFill{height:100%;border-radius:99px;transition:width .3s ease}.recordingCardProgressLabel{font-size:11px;color:#6b7280}.recordingDetailPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.recordingDetailBack{background:#425f7f;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:#425f7f;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:#425f7f}.studyMaterialTable th.sorted{color:#425f7f}.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}}.liveSessionsPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.liveSessionsHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.liveSessionsHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none;flex:1}.liveSubjectFilter{padding:7px 12px;border-radius:8px;border:1.5px solid #e2e8f0;font-size:13px;background:#f8fafc;color:#374151;cursor:pointer;outline:none}.liveSubjectFilter:focus{border-color:#425f7f}.liveSessionsBodyBox{flex:1;min-height:0;overflow-y:auto;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:24px}.liveGrid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.session-card{width:230px;min-height:234px;border-radius:14px;overflow:hidden;background:#018294;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f}.session-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000002e}.session-card-banner{height:100px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.session-card-content{padding:14px;display:flex;flex-direction:column;height:130px}.session-card-subject{margin:0;font-size:16px;font-weight:700;color:#fff;line-height:1.4}.session-card-course{margin:4px 0 0;font-size:14px;color:#fffc}.session-card-time{margin-top:auto;font-size:13px;display:flex;justify-content:flex-end;font-weight:700;color:#fff}.session-badge{position:absolute;top:10px;right:10px;padding:5px 12px;border-radius:999px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase}.session-badge.live{background:#ef4444}.session-badge.upcoming{background:#83dbbd}.session-badge.completed{background:#015865}.session-badge.cancelled{background:#6b7280}.session-card.completed{opacity:.45;background:#015865}.session-card.cancelled{opacity:.55}@media(max-width:768px){.liveSessionsHeaderBox{padding:14px 16px;border-radius:0}.liveSessionsBodyBox{padding:16px;border-radius:0}.liveGrid{justify-content:center;gap:14px}.session-card{width:100%;max-width:320px}}:root{--sg-primary: #015865;--sg-primary-dark: #013d47;--sg-accent: #425f7f;--sg-accent-dark: #086a73;--sg-accent-light: #e4f2f3;--sg-card: #008b96;--sg-text-dark: #1a1a2e;--sg-text-muted: #6b7280;--sg-border: #d1d5db;--sg-success: #16a34a;--sg-danger: #dc2626;--sg-warning: #d97706;--sg-page-bg: #c9dde1}.sg__page,.sg__page--figma{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px;padding:0;box-sizing:border-box}.sg__page .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.sg__figmaPanel{flex:1;min-height:calc(100vh - 170px);overflow-y:auto;width:100%;max-width:none;margin:0;padding:24px;background:#fff;border-radius:18px;border:none;box-shadow:none;box-sizing:border-box}.sg__figmaPanelHeader{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.sg__figmaPanelHeader h2{margin:0;color:var(--sg-text-dark);font-size:24px;line-height:1.2;font-weight:600;font-family:inter}.sg__figmaActions{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.sg__figmaActionBtn{height:36px;min-width:118px;padding:0 18px;border:none;border-radius:8px;background:var(--sg-accent);color:#fff;font-size:16px;font-weight:600;font-style:normal;line-height:1;cursor:pointer;font-family:Outfit}.sg__figmaActionBtn:hover:not(:disabled){background:var(--sg-accent-dark);transform:translateY(-1px);box-shadow:0 8px 18px #01586538}.sg__figmaActionBtn:active:not(:disabled){transform:translateY(0)}.sg__figmaActionBtn:disabled{opacity:.55;cursor:not-allowed}.sg__figmaTopbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 0 16px}.sg__courseSelect{min-width:150px;height:30px;padding:0 14px;border:none;border-radius:999px;background:var(--sg-primary);color:#fff;font-size:13px;font-weight:700;text-align:center;outline:none;cursor:pointer;font-family:inherit}.sg__courseSelect option{background:#fff;color:var(--sg-text-dark)}.sg__figmaProfile{justify-self:end;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid rgba(1,88,101,.25);display:inline-flex;align-items:center;justify-content:center;color:var(--sg-primary);font-size:15px;font-weight:800;box-shadow:0 4px 12px #0f172a29}.sg__figmaProfile img{width:100%;height:100%;object-fit:cover}.sg__figmaGrid{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:18px;justify-content:flex-start;align-items:start}.sg__sessionCard{width:230px;height:180px;min-height:195px;padding:9px 8px 8px;border:none;border-radius:7px;background:var(--sg-card);color:#fff;box-shadow:2px 2px 3px #0003;cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;text-align:left;font-family:inherit;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.sg__sessionCard:hover{background:var(--sg-accent-dark);transform:translateY(-3px);box-shadow:0 8px 18px #0a808a47}.sg__sessionCard--completed,.sg__sessionCard--cancelled,.sg__sessionCard--expired{background:#334155;opacity:.92}.sg__sessionCardTop{display:block;margin:0;padding:0}.sg__sessionHostBlock{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0}.sg__sessionAvatar{width:60px;height:60px;flex:0 0 auto;border-radius:4px;overflow:hidden;background:#d9eef2;color:var(--sg-primary);display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.sg__sessionAvatar img{width:100%;height:100%;object-fit:cover}.sg__sessionHostText{padding:0;margin:0;display:flex;flex-direction:column;gap:2px;width:100%;max-width:128px;min-width:0}.sg__sessionHostName,.sg__sessionTitle{display:block;width:100%;max-width:128px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg__sessionHostName{font-size:12px;line-height:1.15;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.28)}.sg__sessionTitle{font-size:9.5px;line-height:1.15;font-weight:700;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.22)}.sg__figmaStatus{position:absolute;top:10px;right:8px;min-width:42px;height:16px;padding:0 7px;border-radius:999px;color:#fff;font-size:7.5px;line-height:1;font-weight:800;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box}.sg__figmaStatus--live{background:#ff2533}.sg__figmaStatus--live:before{content:"";width:4px;height:4px;margin-right:4px;border-radius:50%;background:#fff;animation:sg__livePulse 1.25s ease-in-out infinite}.sg__figmaStatus--scheduled{background:#58bd73}.sg__figmaStatus--completed,.sg__figmaStatus--cancelled,.sg__figmaStatus--expired{background:#64748b}@keyframes sg__livePulse{0%,to{opacity:1}50%{opacity:.45}}.sg__sessionCardBottom{margin-top:6px;display:flex;flex-direction:column;align-items:flex-end;gap:1px;color:#fff}.sg__sessionCardBottom span{display:flex;justify-content:flex-end;align-items:center;gap:3px;color:#fff;font-size:12px;line-height:1.15;font-weight:600;text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.25)}.sg__sessionCardBottom strong{color:#fff;font-size:9.5px;font-weight:900}.sg__loading,.sg__empty,.sg__loading--figma,.sg__empty--figma{width:100%;min-height:150px;padding:54px 20px;border-radius:12px;border:1px dashed rgba(1,88,101,.22);background:transparent;color:#526b7a;font-size:14px;font-weight:600;text-align:center;box-sizing:border-box}.sg__modalOverlay{position:fixed;inset:0;z-index:1000;padding:20px;background:#0f172a8c;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sg__smallModal{width:100%;max-width:430px;background:#fff;border-radius:16px;padding:24px;position:relative;box-sizing:border-box;box-shadow:0 24px 60px #0f172a47}.sg__modalClose{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#475569;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.sg__modalClose:hover{background:#f1f5f9}.sg__modalTitle{margin:0;padding-right:32px;color:var(--sg-text-dark);font-size:18px;font-weight:800;line-height:1.25}.sg__modalHint{margin:8px 0 16px;padding-right:24px;color:var(--sg-text-muted);font-size:13px;line-height:1.45}.sg__label{display:block;margin:12px 0 6px;color:#334155;font-size:13px;font-weight:700}.sg__hint{color:var(--sg-text-muted);font-size:13px;line-height:1.45}.sg__input{width:100%;height:34px;padding:7px 10px;border:1.5px solid var(--sg-border);border-radius:7px;background:#fff;color:var(--sg-text-dark);font-size:13px;font-family:inherit;outline:none;box-sizing:border-box}.sg__input:focus{border-color:var(--sg-primary);box-shadow:0 0 0 3px #01586514}.sg__input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.sg__errorBox{margin:10px 0 14px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px;line-height:1.45;word-break:break-word}.sg__hostChoiceList{display:flex;flex-direction:column;gap:12px;margin-top:18px}.sg__hostChoice{width:100%;padding:16px;border:1.5px solid #cde2e7;border-radius:12px;background:#f8fcfd;color:var(--sg-text-dark);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;font-family:inherit;transition:border-color .15s ease,background .15s ease,transform .15s ease}.sg__hostChoice:hover:not(:disabled){background:#eef8fa;border-color:var(--sg-primary);transform:translateY(-1px)}.sg__hostChoice:disabled{cursor:not-allowed;opacity:.65}.sg__hostChoice strong{color:var(--sg-primary);font-size:15px;font-weight:800}.sg__hostChoice span{color:#475569;font-size:13px;line-height:1.45}.sg__btnPrimary,.sg__btnGhost,.sg__btnDanger,.sg__btnDangerGhost{min-height:36px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.sg__btnPrimary{border:none;background:var(--sg-primary);color:#fff}.sg__btnPrimary:hover:not(:disabled){background:var(--sg-primary-dark)}.sg__btnGhost{border:1.5px solid var(--sg-border);background:#fff;color:var(--sg-text-dark)}.sg__btnGhost:hover:not(:disabled){background:#f3f4f6}.sg__btnDanger{border:none;background:var(--sg-danger);color:#fff}.sg__btnDangerGhost{border:1.5px solid #fecaca;background:#fff;color:#b91c1c}.sg__btnPrimary:disabled,.sg__btnGhost:disabled,.sg__btnDanger:disabled,.sg__btnDangerGhost:disabled{opacity:.55;cursor:not-allowed}@media(max-width:900px){.sg__figmaPanel{min-height:calc(100vh - 150px);padding:20px;border-radius:16px}.sg__figmaGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sg__sessionCard{width:150px}}@media(max-width:700px){.sg__figmaPanelHeader{flex-direction:column;align-items:stretch;gap:16px}.sg__figmaActions{display:grid;grid-template-columns:1fr 1fr}.sg__figmaActionBtn{width:100%;min-width:0}.sg__figmaTopbar{grid-template-columns:1fr;justify-items:stretch}.sg__courseSelect{width:100%}.sg__figmaProfile{justify-self:end}}@media(max-width:480px){.sg__figmaPanel{padding:16px;border-radius:14px}.sg__figmaGrid{grid-template-columns:1fr}.sg__sessionCard{width:150px}.sg__figmaActions{grid-template-columns:1fr}.sg__smallModal{max-width:100%;padding:22px 18px}}:root{--gs-bg: #c9dde1;--gs-primary: #006d78;--gs-primary-dark: #005f6f;--gs-host: #415B7E;--gs-panel: #eef7fb;--gs-danger: #ef4444;--gs-text: #0f172a;--gs-muted: #64748b}.gs-room{flex:1;min-height:0;min-width:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 300px;grid-template-rows:1fr;gap:14px;align-items:stretch;background:var(--gs-bg);overflow:hidden;box-sizing:border-box}.gs-room--panel-closed{grid-template-columns:1fr}.gs-main{min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;gap:0;overflow:hidden}.gs-stage{flex:1;min-height:0;min-width:0;position:relative;overflow:hidden;background:#000;border-radius:12px 12px 0 0}.gs-stage video,.gs-stage .lk-video-track,.gs-stage [data-lk-participant-media-video]{width:100%;height:100%;object-fit:cover;background:#000;display:block}.gs-pip-camera{position:absolute;right:18px;top:18px;width:190px;height:120px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #00000059;z-index:30}.gs-pip-camera video{width:100%;height:100%;object-fit:cover}.gs-video-fs-btn{position:absolute;bottom:14px;right:14px;width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#0f172ab3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.2s ease}.gs-video-fs-btn:hover{background:#0f172ae0;transform:scale(1.06)}.gs-control-bar{position:relative;flex:0 0 56px;min-height:56px;display:grid;grid-template-columns:92px 1fr 190px;align-items:center;gap:12px;padding:8px 18px;border-radius:0 0 12px 12px;border-top:2px solid var(--gs-primary);background:#8b8b8b;box-sizing:border-box}.gs-cb-timer{color:#0f172a;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.gs-cb-center{display:flex;align-items:center;justify-content:center;gap:22px;min-width:0}.gs-cb-btn{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0;color:#0f172a;font-family:inherit;transition:transform .15s ease,color .15s ease}.gs-cb-btn:hover{transform:translateY(-2px)}.gs-cb-btn--active{color:var(--gs-primary)}.gs-cb-icon{width:29px;height:29px;border-radius:50%;background:#2d3340;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.gs-cb-icon--off{background:#2d3340;color:#fff}.gs-cb-icon--active{background:#006d782e;color:var(--gs-primary)}.gs-cb-icon--leave{background:var(--gs-danger);color:#fff}.gs-cb-label{color:#0f172a;font-size:11px;line-height:1;font-weight:700}.gs-cb-right{display:flex;align-items:center;justify-content:flex-end;gap:13px;min-width:0}.gs-cb-side-btn{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;color:#0f172a;cursor:pointer;padding:3px;font-family:inherit;transition:color .15s ease,transform .15s ease}.gs-cb-side-btn:hover{color:var(--gs-primary);transform:translateY(-1px)}.gs-cb-side-btn--active{color:var(--gs-primary)}.gs-cb-side-btn span{font-size:11px;line-height:1;font-weight:600}.gs-cb-side-btn--active span{font-weight:800}.gs-cb-other-wrap{position:relative}.gs-cb-other-menu{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);width:205px;background:#1f232b;border:2px solid #874dff;box-shadow:0 14px 30px #00000059;color:#e5e7eb;z-index:120;padding:8px;display:flex;flex-direction:column;gap:2px}.gs-cb-other-session{padding:6px 2px 9px;border-bottom:1px solid rgba(255,255,255,.12)}.gs-cb-other-label{display:block;color:#c7cbd3;font-size:12px;margin-bottom:6px}.gs-cb-other-code-row{display:flex;align-items:center;gap:8px}.gs-cb-other-code-row strong{flex:1;min-width:0;color:#e5e7eb;font-size:12px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-cb-other-code-row button{width:26px;height:26px;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.gs-cb-other-code-row button:hover{color:#fff}.gs-cb-other-item{min-height:34px;border:none;background:transparent;color:#d1d5db;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;cursor:pointer;font-family:inherit;font-size:13px;text-align:left;border-radius:5px;transition:background .15s ease,color .15s ease,transform .15s ease}.gs-cb-other-item:hover:not(:disabled){color:#fff;background:#ffffff14;transform:translate(2px)}.gs-cb-other-code-row button{cursor:pointer;border-radius:5px;transition:background .15s ease,color .15s ease,transform .15s ease}.gs-cb-other-code-row button:hover{color:#fff;background:#ffffff14;transform:scale(1.06)}.gs-cb-other-item:disabled{opacity:.45;cursor:not-allowed}.gs-cb-other-item--danger{color:#ef4444;border-top:1px solid rgba(255,255,255,.12);margin-top:2px;padding-top:10px}.gs-cb-other-item--danger:hover{color:#ff6b6b}.gs-cb-other-check{width:20px;height:20px;border:1.5px solid #525a66;border-radius:2px}.gs-cb-other-check--on{background:var(--gs-host);border-color:var(--gs-host)}.gs-right-sidebar{min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent;border-radius:12px}.gs-chat{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--gs-panel);border-radius:12px;overflow:hidden}.gs-chat-header{flex:0 0 48px;height:48px;background:var(--gs-host);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}.gs-chat-body{flex:1;min-height:0;overflow:hidden;background:var(--gs-panel)}.gs-chat-messages{height:100%;min-height:0;overflow-y:auto;padding:20px 12px;display:flex;flex-direction:column;gap:14px}.gs-chat-messages::-webkit-scrollbar{width:5px}.gs-chat-messages::-webkit-scrollbar-thumb{background:#415b7e59;border-radius:99px}.gs-chat-empty{margin:auto;color:#64748b;font-size:13px;text-align:center}.gs-chat-row{width:100%;display:flex;flex-direction:column;gap:5px}.gs-chat-row--me{align-items:flex-end}.gs-chat-row--other{align-items:flex-start}.gs-chat-meta{display:flex;align-items:center;gap:8px;max-width:90%;color:#0f172a;font-size:12px;line-height:1}.gs-chat-meta--me{justify-content:flex-end}.gs-chat-name{font-weight:700;color:#0f172a}.gs-chat-time{font-size:10px;color:#64748b;white-space:nowrap}.gs-chat-bubble{max-width:86%;padding:10px 12px;border-radius:7px;color:#fff;line-height:1.35;font-size:13px;font-weight:600;word-break:break-word;overflow-wrap:anywhere}.gs-chat-bubble--me{background:var(--gs-primary);border-top-right-radius:3px}.gs-chat-bubble--other{background:var(--gs-host);border-top-left-radius:3px}.gs-chat-input-area{flex:0 0 54px;min-height:54px;border-top:1px solid rgba(65,91,126,.2);background:#fff;display:flex;align-items:center;gap:8px;padding:8px 10px;box-sizing:border-box}.gs-chat-input{flex:1;min-width:0;height:38px;border:none;outline:none;background:transparent;color:#0f172a;font-size:13px;font-family:inherit}.gs-chat-input::placeholder{color:#64748b}.gs-chat-send-btn{width:38px;height:38px;border:none;border-radius:50%;background:transparent;color:var(--gs-host);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,color .15s ease}.gs-chat-send-btn:hover{color:var(--gs-primary-dark);transform:translateY(-1px)}.gs-ppl-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--gs-panel);border-radius:12px;overflow:hidden}.gs-ppl-tabs{flex:0 0 48px;display:grid;grid-template-columns:1fr 1fr;background:var(--gs-panel)}.gs-ppl-tab{border:none;background:var(--gs-panel);color:var(--gs-host);font-size:13px;font-weight:800;cursor:pointer;font-family:inherit}.gs-ppl-tab--active{background:var(--gs-host);color:#fff}.gs-ppl-list{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.gs-ppl-list::-webkit-scrollbar{width:5px}.gs-ppl-list::-webkit-scrollbar-thumb{background:#415b7e59;border-radius:99px}.gs-ppl-empty{margin:20px auto;color:#64748b;font-size:13px;text-align:center}.gs-ppl-card{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border-radius:7px;background:var(--gs-primary);color:#fff}.gs-ppl-card--host{background:var(--gs-host)}.gs-ppl-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#fff3;color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gs-ppl-avatar img{width:100%;height:100%;object-fit:cover}.gs-ppl-info{flex:1;min-width:0}.gs-ppl-name{color:#fff;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-ppl-role{color:#ffffffd9;font-size:10px;font-weight:600;margin-top:2px}.gs-ppl-actions{flex-shrink:0}.gs-ppl-mic{width:28px;height:28px;border-radius:50%;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center}.gs-ppl-mic--off{background:#ef4444a6}.gs-info-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--gs-panel);border-radius:12px;overflow:hidden}.gs-info-header{flex:0 0 48px;height:48px;background:var(--gs-host);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 12px}.gs-info-header h3{margin:0;color:#fff;font-size:14px;font-weight:800}.gs-info-body{flex:1;min-height:0;overflow-y:auto;padding:24px 18px}.gs-info-field{margin-bottom:12px;color:#0f172a}.gs-info-label{display:inline;margin-right:5px;color:#0f172a;font-size:13px;font-weight:700}.gs-info-value{display:inline;color:#0f172a;font-size:13px;font-weight:800;word-break:break-word}.gs-info-gap{height:22px}.gs-waiting-screen{width:100%;height:100%;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;background:#0d1117;color:#e8eaf2;border-radius:12px}.gs-waiting-card{padding:40px 48px;border-radius:20px;background:#161b22;text-align:center;box-shadow:0 8px 32px #0006}.gs-waiting-card h2{margin-top:18px;color:#fff}.gs-waiting-pulse{width:52px;height:52px;margin:auto;border-radius:50%;background:#005f6f33;border:2px solid #0ea5a5;animation:gsPulse 2s infinite}@keyframes gsPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.6}}.gs-rh-toasts{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:8px}.gs-rh-toast{background:#000c;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gs-room--fs{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;padding:12px;background:var(--gs-bg);box-sizing:border-box}@media(max-width:900px){.gs-room{grid-template-columns:1fr;gap:10px}.gs-right-sidebar{height:360px}.gs-control-bar{grid-template-columns:78px 1fr;grid-template-rows:auto auto;min-height:118px}.gs-cb-right{grid-column:1 / -1;justify-content:center}.gs-cb-center{gap:14px}}@media(max-width:560px){.gs-control-bar{padding:8px 10px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.gs-cb-timer{text-align:center}.gs-cb-center,.gs-cb-right{flex-wrap:wrap}.gs-pip-camera{width:120px;height:78px;right:10px;top:10px}}.gs-stage--grid{display:grid;grid-template-columns:repeat(var(--gs-cols, 1),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;padding:12px;align-content:center;justify-content:center;background:#0b1220}.gs-stage--spotlight{display:flex;flex-direction:column;gap:10px;padding:12px;background:#0b1220}.gs-spotlight-main{position:relative;flex:1 1 auto;min-height:0;border-radius:12px;overflow:hidden;background:#000}.gs-spotlight-main video{width:100%;height:100%;object-fit:contain;background:#000}.gs-spotlight-label{position:absolute;left:12px;bottom:12px;color:#fff;font-size:12.5px;font-weight:600;background:#02061799;padding:4px 10px;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gs-filmstrip{flex:0 0 auto;height:120px;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin}.gs-tile{position:relative;width:100%;height:100%;min-width:0;min-height:0;border-radius:12px;overflow:hidden;background:#111827;border:2px solid transparent;box-shadow:0 4px 16px #00000040;transition:border-color .15s ease,box-shadow .15s ease}.gs-tile video{width:100%;height:100%;object-fit:cover;display:block}.gs-tile--self video{transform:scaleX(-1)}.gs-tile--speaking{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e59,0 6px 20px #0000004d}.gs-tile--strip{width:196px;height:110px;flex:0 0 auto}.gs-tile-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1e293b,#0f172a)}.gs-tile-avatar{width:clamp(40px,22%,96px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(18px,6vmin,34px);background:var(--gs-primary)}.gs-tile-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;justify-content:space-between;gap:6px;pointer-events:none}.gs-tile-hand{font-size:14px;line-height:1;background:#0206178c;padding:4px 6px;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gs-tile-tag{font-size:11px;font-weight:700;color:#fff;background:var(--gs-host);padding:3px 8px;border-radius:999px}.gs-tile-footer{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;pointer-events:none}.gs-tile-mic{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gs-tile-mic.is-on{background:#0206178c}.gs-tile-mic.is-off{background:var(--gs-danger)}.gs-tile-name{color:#fff;font-size:12.5px;font-weight:600;background:#0206178c;padding:3px 8px;border-radius:8px;max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gs-waiting-pill{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:40;color:#e2e8f0;font-size:13px;font-weight:500;background:#02061799;padding:7px 14px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}@media(max-width:640px){.gs-stage--grid{--gs-cols: 1 !important;grid-auto-rows:minmax(160px,auto);overflow-y:auto}.gs-tile--strip{width:150px;height:90px}.gs-filmstrip{height:100px}}.teachers-page{display:flex;flex-direction:column;gap:18px}.teachers-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.teachers-header h1{margin:0;font-size:22px;font-weight:700;color:#1a1a1a;flex:1}.teachers-search{flex:1;min-width:220px;padding:9px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:13px;outline:none;transition:border-color .15s}.teachers-search:focus{border-color:#425f7f}.teachers-container{background:#fff;border-radius:14px;padding:8px;box-shadow:0 2px 8px #0000000a}.teachers-list{display:flex;flex-direction:column}.teacher-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid #f0f0f0;text-align:left;cursor:pointer;transition:background .15s;width:100%}.teacher-row:last-child{border-bottom:none}.teacher-row:hover{background:#f8fafb}.teacher-row__avatar{width:52px;height:52px;border-radius:50%;background:#e0f0f4;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.teacher-row__avatar img{width:100%;height:100%;object-fit:cover}.teacher-row__emoji{font-size:26px;line-height:1}.teacher-row__fallback{font-size:20px;font-weight:700;color:#425f7f}.teacher-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.teacher-row__name{font-size:15px;font-weight:700;color:#1a1a1a}.teacher-row__meta{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-row__rating{font-size:13px;color:#d97706;font-weight:600;flex-shrink:0}.teacher-row__chevron{font-size:22px;color:#bbb;flex-shrink:0;line-height:1}.teachers-loading,.teachers-error,.teachers-empty{padding:40px;text-align:center;color:#6b7280;background:#fff;border-radius:14px}.teachers-error{color:#c0392b}.teacher-detail-page{display:flex;flex-direction:column;gap:16px}.teacher-detail__back{align-self:flex-start;background:transparent;border:1.5px solid #bcd;color:#425f7f;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.teacher-detail__back:hover{background:#0a4d550f}.teacher-detail__card{background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000a}.teacher-detail__avatar{width:120px;height:120px;border-radius:50%;background:#e0f0f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.teacher-detail__avatar img{width:100%;height:100%;object-fit:cover}.teacher-detail__emoji{font-size:60px;line-height:1}.teacher-detail__fallback{font-size:44px;font-weight:700;color:#425f7f}.teacher-detail__name{margin:8px 0 0;font-size:22px;font-weight:700;color:#1a1a1a}.teacher-detail__subject{margin:0;font-size:14px;color:#425f7f;font-weight:600}.teacher-detail__qual{margin:0;font-size:13px;color:#6b7280}.teacher-detail__rating{margin:4px 0 0;font-size:14px;color:#d97706;font-weight:600}.teacher-detail__section{background:#fff;border-radius:14px;padding:20px 24px;box-shadow:0 2px 8px #0000000a}.teacher-detail__section h2{margin:0 0 12px;font-size:16px;font-weight:700;color:#425f7f}.teacher-detail__bio{margin:0;font-size:14px;line-height:1.55;color:#374151;white-space:pre-wrap}.teacher-detail__dl{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:8px 18px;margin:0}.teacher-detail__dl dt{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.teacher-detail__dl dd{margin:0;font-size:14px;color:#1a1a1a}.teacher-detail__courses,.teacher-detail__skills{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.teacher-detail__course{padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px}.teacher-detail__course-subject{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.teacher-detail__chips{display:flex;flex-wrap:wrap;gap:6px}.teacher-detail__chip{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:#e0f0f4;color:#425f7f}.teacher-detail__chip--muted{background:#f3f4f6;color:#6b7280}.teacher-detail__skill{padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px}.teacher-detail__skill-name{font-size:14px;font-weight:700;color:#1a1a1a}.teacher-detail__skill-subject{font-size:12px;color:#425f7f;font-weight:600;margin-top:2px}.teacher-detail__skill-desc{margin:6px 0 0;font-size:13px;color:#374151;line-height:1.5}@media(max-width:600px){.teacher-detail__dl{grid-template-columns:1fr;gap:2px 0}.teacher-detail__dl dd{margin-bottom:8px}}@media(max-width:600px){.teachers-header{flex-direction:column;align-items:stretch}}.myCourseDetail{padding:24px;max-width:1200px;margin:0 auto}.myCourseDetail__loading,.myCourseDetail__notFound{padding:40px 24px;text-align:center;color:#6b7280}.myCourseDetail__backBtn{margin-top:16px;padding:8px 18px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.myCourseDetail__header{display:grid;grid-template-columns:1fr auto;gap:32px;background:#fff;border-radius:12px;padding:28px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;margin-bottom:24px}.myCourseDetail__headerMain{min-width:0}.myCourseDetail__title{font-size:28px;font-weight:700;margin:0 0 12px;color:#111827}.myCourseDetail__meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.myCourseDetail__chip{display:inline-block;padding:4px 12px;background:#eef2ff;color:#4338ca;border-radius:999px;font-size:12px;font-weight:500}.myCourseDetail__desc{margin:0;color:#4b5563;font-size:14px;line-height:1.5}.myCourseDetail__subscription{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:220px;border-left:1px solid #e5e7eb;padding-left:28px}.myCourseDetail__statusBadge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.myCourseDetail__statusBadge--active{background:#d1fae5;color:#065f46}.myCourseDetail__statusBadge--expired{background:#fee2e2;color:#991b1b}.myCourseDetail__statusBadge--trial{background:#fef3c7;color:#92400e}.myCourseDetail__statusBadge--legacy{background:#f3f4f6;color:#4b5563}.myCourseDetail__daysRemaining{display:flex;align-items:baseline;gap:6px;margin-top:4px}.myCourseDetail__daysNum{font-size:32px;font-weight:700;color:#111827;line-height:1}.myCourseDetail__daysLabel{font-size:13px;color:#6b7280}.myCourseDetail__expires{margin:0;font-size:13px;color:#6b7280}.myCourseDetail__expires strong{color:#111827;font-weight:600}.myCourseDetail__renewBtn{margin-top:8px;padding:8px 18px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.myCourseDetail__renewBtn:hover{background:#1d4ed8}.myCourseDetail__pendingNote{margin:4px 0 0;padding:8px 12px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:12px;text-align:right}.myCourseDetail__legacyNote{margin:0;font-size:12px;color:#6b7280;text-align:right;max-width:200px}.myCourseDetail__placeholderGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.myCourseDetail__placeholder{background:#fff;border-radius:12px;padding:24px;min-height:140px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;display:flex;flex-direction:column}.myCourseDetail__placeholderTitle{font-size:16px;font-weight:600;margin:0 0 8px;color:#111827}.myCourseDetail__placeholderMsg{margin:auto 0;font-size:13px;color:#9ca3af;text-align:center;font-style:italic}.myCourseDetail__historyCard{min-height:auto}.myCourseDetail__historyList{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto}.myCourseDetail__historyItem{border-bottom:1px solid #f3f4f6;padding-bottom:10px}.myCourseDetail__historyItem:last-child{border-bottom:none;padding-bottom:0}.myCourseDetail__historyTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.myCourseDetail__historyAmount{font-size:15px;font-weight:600;color:#111827}.myCourseDetail__historyStatus{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.myCourseDetail__historyStatus--approved{background:#d1fae5;color:#065f46}.myCourseDetail__historyStatus--pending{background:#fef3c7;color:#92400e}.myCourseDetail__historyStatus--rejected{background:#fee2e2;color:#991b1b}.myCourseDetail__historyMeta{display:flex;gap:6px;font-size:12px;color:#6b7280;flex-wrap:wrap}.myCourseDetail__historyUtr{font-family:ui-monospace,SF Mono,Menlo,monospace}@media(max-width:768px){.myCourseDetail{padding:16px}.myCourseDetail__header{grid-template-columns:1fr;gap:16px;padding:20px}.myCourseDetail__subscription{align-items:flex-start;border-left:none;border-top:1px solid #e5e7eb;padding-left:0;padding-top:16px}.myCourseDetail__legacyNote{text-align:left;max-width:none}}.progressPage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:2px}.progressBack{align-self:flex-start;background:#425f7f;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-bottom:10px}.progressBack:hover{background:#097a83}.progressHeaderBox{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:20px 24px}.progressHeaderBox .pageHeader{padding-bottom:0;margin-bottom:0;border-bottom:none}.progressBodyBox{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;background:#fff;border-radius:0 0 18px 18px;padding:24px}.prog-muted{color:#6b7280;font-size:13px}.prog-indent{padding-left:4px}.prog-context{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.prog-tag{display:inline-flex;align-items:center;background:#e6f3f4;color:#425f7f;border:1px solid #c3e4e7;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700}.prog-tag--muted{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.prog-context-note{font-size:12.5px;color:#6b7280}.prog-overall{display:flex;align-items:center;gap:20px;background:#f7fbfb;border:1px solid #e4eef0;border-radius:16px;padding:18px 20px;margin-bottom:22px}.prog-overall-ring{width:74px;height:74px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(closest-side,#fff 74%,transparent 75% 100%),conic-gradient(#425f7f var(--pct, 0%),#e4eef0 0);border:1px solid #e4eef0}.prog-overall-pct{font-size:18px;font-weight:800;color:#425f7f}.prog-overall-meta{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.prog-overall-meta strong{font-size:15px;color:#111827;font-weight:700}.prog-bar{height:8px;background:#e4eef0;border-radius:999px;overflow:hidden}.prog-bar__fill{height:100%;background:linear-gradient(90deg,#425f7f,#425f7f);border-radius:999px;transition:width .3s ease}.prog-subjects{display:flex;flex-direction:column;gap:20px}.prog-subject-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px;gap:12px}.prog-subject-name{font-size:15px;font-weight:700;color:#0f172a}.prog-chapters{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.prog-chapter{display:flex;align-items:baseline;gap:10px;font-size:14px;color:#6b7280;padding:2px 0}.prog-chapter.covered{color:#111827}.prog-tick{flex:none;font-weight:800;color:#cbd5db;width:16px;text-align:center}.prog-chapter.covered .prog-tick{color:#425f7f}.prog-chapter-title{flex:1;min-width:0}.prog-date{flex:none;font-size:11.5px;color:#9ca3af}.prog-note{flex-basis:100%;padding-left:26px;font-size:12.5px;font-style:italic;color:#8a6d00}@media(prefers-reduced-motion:reduce){.prog-bar__fill{transition:none}}.mc-card{display:flex;flex-direction:column;gap:10px;background:var(--card-bg, #fff);border:1px solid var(--card-border, #e5eaed);border-radius:16px;padding:18px;text-decoration:none;color:inherit;box-shadow:var(--card-shadow, 0 1px 3px rgba(26, 44, 51, .06));transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mc-card:hover{transform:translateY(-2px);border-color:#cfdbe6;box-shadow:0 8px 22px #425f7f1f}.mc-card:focus-visible{outline:none;box-shadow:var(--focus-ring, 0 0 0 3px rgba(66, 95, 127, .35))}.mc-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mc-card__pills{display:flex;flex-wrap:wrap;gap:6px}.mc-card__pill{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--academy, #425f7f);background:var(--academy-soft, #e6edee);padding:4px 9px;border-radius:999px}.mc-card__badge{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.mc-card__badge--active{background:var(--success-soft, #ecf8ee);color:var(--success, #2f9d42)}.mc-card__badge--expired{background:var(--danger-soft, #fef2f2);color:var(--danger, #dc2626)}.mc-card__badge--free{background:var(--academy-soft, #e6edee);color:var(--academy, #425f7f)}.mc-card__title{font-family:var(--font-display, "Montserrat", system-ui, sans-serif);font-size:16px;font-weight:800;line-height:1.3;color:var(--ink, #1a2c33);margin:0}.mc-card__sub{margin-top:2px}.mc-card__days{display:flex;align-items:baseline;gap:6px;margin:0 0 4px}.mc-card__daysNum{font-family:var(--font-display, "Montserrat", system-ui, sans-serif);font-size:20px;font-weight:900;color:var(--academy, #425f7f);letter-spacing:-.5px}.mc-card__daysLabel{font-size:12px;color:var(--ink-3, #6b7c83)}.mc-card__dates{font-size:12px;color:var(--ink-3, #6b7c83);margin:0}.mc-card__dates--free{color:var(--academy, #425f7f);font-weight:600}.mc-card__cta{margin-top:auto;padding-top:6px;font-size:12.5px;font-weight:700;color:var(--academy, #425f7f)}.mc-card--switch{cursor:pointer;text-align:left;border:1px solid transparent;transition:box-shadow .15s ease,border-color .15s ease,transform .05s ease}.mc-card--switch:hover{box-shadow:0 6px 22px #425f7f24}.mc-card--switch:active{transform:translateY(1px)}.mc-card--switch:focus-visible{outline:2px solid #425f7f;outline-offset:2px}.mc-card--current{border-color:#425f7f;box-shadow:0 0 0 1px #425f7f inset}.mc-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.mc-card__details{font-size:13px;color:#64748b;text-decoration:none;white-space:nowrap}.mc-card__details:hover{color:#425f7f;text-decoration:underline}.cd__overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:cd__fade .14s ease-out}@keyframes cd__fade{0%{opacity:0}to{opacity:1}}@keyframes cd__pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cd__dialog{background:#fff;border-radius:14px;box-shadow:0 20px 48px -12px #0f172a59,0 2px 6px #0f172a14;padding:22px 24px 18px;width:min(420px,calc(100vw - 32px));max-width:420px;animation:cd__pop .18s ease-out;border:1px solid rgba(15,23,42,.06)}.cd__title{margin:0 0 8px;font-size:17px;font-weight:700;color:#0f172a;line-height:1.3}.cd__message{margin:0 0 18px;color:#475569;font-size:14px;line-height:1.5}.cd__actions{display:flex;justify-content:flex-end;gap:10px}.cd__btn{padding:9px 18px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .15s ease;min-width:92px}.cd__btn:disabled{opacity:.55;cursor:not-allowed}.cd__btn--ghost{background:#fff;border-color:#cbd5e1;color:#475569}.cd__btn--ghost:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.cd__btn--primary{background:#c2410c;border-color:#c2410c;color:#fff}.cd__btn--primary:hover:not(:disabled){background:#9a330a;border-color:#9a330a}.cd__btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.cd__btn--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.mc-page{padding:0 4px}.mc-tabs{display:flex;align-items:center;gap:8px;margin:14px 0 18px;flex-wrap:wrap}.mc-tab{padding:9px 18px;font-size:13px;font-weight:600;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.mc-tab--on{color:#fff;background:#015865;border-color:#015865}.mc-tab-count{font-size:10.5px;font-weight:800;background:#ffffff40;border-radius:100px;padding:1px 7px}.mc-tab:not(.mc-tab--on) .mc-tab-count{background:#f1f5f9;color:#015865}.mc-book-link{margin-left:auto;font-size:12.5px;font-weight:700;color:#015865;text-decoration:none}.mc-book-link:hover{text-decoration:underline}.mc-list{display:flex;flex-direction:column;gap:12px}.mc-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.mc-card--open{box-shadow:0 6px 18px #023a4212}.mc-card-head{display:flex;align-items:center;gap:13px;width:100%;padding:15px 18px;background:none;border:none;text-align:left;cursor:pointer}.mc-avatar{flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#015865,#0a7d8c);color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center}.mc-card-main{flex:1;min-width:0}.mc-card-title{font-size:14.5px;font-weight:700;color:#0f172a}.mc-card-sub{font-size:12px;color:#64748b;margin-top:2px}.mc-caret{color:#94a3b8;font-size:13px}.mc-card-body{padding:0 18px 16px 73px;display:flex;flex-direction:column;gap:11px}@media(max-width:640px){.mc-card-body{padding-left:18px}}.mc-chip{font-size:10.5px;font-weight:700;padding:4px 11px;border-radius:100px;white-space:nowrap}.mc-chip--green{color:#047857;background:#d1fae5}.mc-chip--amber{color:#b45309;background:#fef3c7}.mc-chip--red{color:#b91c1c;background:#fee2e2}.mc-chip--grey{color:#475569;background:#f1f5f9}.mc-row-chips{display:flex;gap:7px;flex-wrap:wrap}.mc-note{font-size:12.5px;color:#475569;font-style:italic;background:#f8fafc;border-left:3px solid #cbd5e1;padding:8px 12px;border-radius:0 8px 8px 0}.mc-actions{display:flex;gap:9px;flex-wrap:wrap}.mc-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:12.5px;font-weight:700;color:#fff;background:#015865;border:none;border-radius:9px;cursor:pointer;text-decoration:none}.mc-btn:hover{background:#01414b}.mc-btn--outline{color:#015865;background:#fff;border:1.5px solid #015865}.mc-btn--outline:hover{background:#f0fdfa}.mc-btn--danger{color:#b91c1c;background:#fff;border:1.5px solid #fecaca}.mc-btn--danger:hover{background:#fef2f2}.mc-btn--disabled{color:#94a3b8;background:#f1f5f9;cursor:default}.mc-btn:disabled{opacity:.6;cursor:not-allowed}.mc-empty{text-align:center;padding:46px 24px;background:#fff;border:1.5px dashed #e2e8f0;border-radius:14px;color:#64748b;font-size:13px;line-height:1.65}.mc-empty-title{font-size:15.5px;font-weight:800;color:#0f172a;margin-bottom:6px}.mc-done-tick{width:54px;height:54px;border-radius:50%;background:#047857;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.mc-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:600;margin-bottom:14px}.mc-skel{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:mcShimmer 1.2s infinite;border-radius:14px}@keyframes mcShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mc-report-sec{margin-bottom:4px}.mc-report-label{font-size:10.5px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.mc-report-text{font-size:13px;line-height:1.7;color:#334155;margin:0;white-space:pre-wrap}.mc-assess{max-width:680px}.mc-assess-intro{font-size:13px;color:#64748b;line-height:1.65;margin:4px 0 16px}.mc-asec{padding:18px;margin-bottom:14px}.mc-asec h3{font-size:14.5px;font-weight:800;color:#015865;margin:0 0 13px}.mc-field{margin-bottom:14px}.mc-label{display:block;font-size:12px;font-weight:700;color:#0f172a;margin-bottom:6px}.mc-input,.mc-textarea{width:100%;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 13px;font-size:13px;color:#0f172a;background:#f8fafc;outline:none;font-family:inherit}.mc-input:focus,.mc-textarea:focus{border-color:#015865;background:#fff}.mc-textarea{min-height:78px;resize:vertical}.mc-chips{display:flex;flex-wrap:wrap;gap:8px}.mc-choice{padding:8px 15px;font-size:12px;font-weight:600;color:#475569;background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;cursor:pointer}.mc-choice--on{color:#fff;background:#015865;border-color:#015865}.mc-assess-nav{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.rd-card{background:#f8fbfc;border-radius:16px;border:1px solid rgba(8,60,69,.07);box-shadow:0 2px 8px #0f172a0d;padding:16px}.rd-card h4{margin:0 0 12px;font-size:15px;font-weight:800;color:#111827}.sp-card{background:#fff;border:1px solid #efe2d6;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.sp-thumb{height:92px;position:relative;display:grid;place-items:center;color:#fff}.sp-mod{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #eee;border-radius:10px;margin-bottom:7px;background:#fff}.slot{border:1px solid #e3dccf;border-radius:8px;padding:9px 0;text-align:center;font-size:11px;font-weight:700;cursor:pointer;background:#fff;color:#1a2c33;font-family:inherit;min-height:34px}.slot.off{opacity:.4;cursor:not-allowed;background:#f5f1ea;color:#bbb}.slot.on{background:var(--acc, #ff8f01);color:#fff;border-color:var(--acc, #ff8f01)}.slot.booked{background:#f0a23b;color:#fff;border-color:#f0a23b;cursor:not-allowed;display:grid;place-items:center}.pack{all:unset;cursor:pointer;border:1.5px solid #e3dccf;border-radius:12px;padding:12px 13px;background:#fff;box-sizing:border-box}.pack.on{border-color:var(--acc, #ff8f01);background:var(--acc-bg, #fff8f0);box-shadow:0 4px 14px #ff8f0129}:root{--nav-bg: #425f7f;--nav-ink: #ffffff;--nav-sep: rgba(255, 255, 255, .12);--nav-item-on: rgba(255, 255, 255, .14);--header-bg: #ffffff;--page-bg: #eef1f2;--card-bg: #ffffff;--card-border: #e5eaed;--card-radius: 12px;--card-shadow: 0 1px 3px rgba(26, 44, 51, .06);--ink: #1a2c33;--ink-2: #374151;--ink-3: #6b7c83;--ink-4: #9ca3af;--academy: #425f7f;--academy-soft: #e6edee;--skill: #ff8f01;--skill-ink: #d97706;--skill-soft: #fff8f0;--skill-border: #f3d9bd;--live: #13899b;--success: #2f9d42;--success-soft: #ecf8ee;--success-border:#bfe6c8;--warning: #f59e0b;--warning-ink: #b45309;--warning-soft: #fef9ec;--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #fca5a5;--info: #1d4ed8;--st-requested: var(--skill-ink);--st-requested-bg: var(--skill-soft);--st-confirmed: var(--live);--st-confirmed-bg: #e6f4f6;--st-completed: var(--success);--st-completed-bg: var(--success-soft);--st-cancelled: var(--danger);--st-cancelled-bg: var(--danger-soft);--font-display: "Montserrat", system-ui, sans-serif;--font-body: "Poppins", "Segoe UI", system-ui, sans-serif;--fs-title: 18px;--fs-body: 13px;--fs-label: 11.5px;--fs-micro: 10.5px;--sidebar-w: 240px;--header-h: 60px;--gap: 14px;--pad-card: 16px;--radius-pill: 999px;--radius-btn: 10px;--focus-ring: 0 0 0 3px rgba(66, 95, 127, .35)}[data-track=academy]{--acc: var(--academy);--acc-ink: var(--academy);--acc-soft: var(--academy-soft);--acc-border: #cfdbe6}[data-track=skill]{--acc: var(--skill);--acc-ink: var(--skill-ink);--acc-soft: var(--skill-soft);--acc-border: var(--skill-border)}.tk-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--pad-card)}.tk-chip{display:inline-flex;align-items:center;gap:5px;font:700 var(--fs-micro)/1 var(--font-body);letter-spacing:.3px;text-transform:uppercase;padding:4px 9px;border-radius:var(--radius-pill)}.tk-chip--requested{color:var(--st-requested);background:var(--st-requested-bg)}.tk-chip--confirmed{color:var(--st-confirmed);background:var(--st-confirmed-bg)}.tk-chip--completed{color:var(--st-completed);background:var(--st-completed-bg)}.tk-chip--cancelled{color:var(--st-cancelled);background:var(--st-cancelled-bg)}.tk-chip--live{color:#fff;background:var(--live)}.tk-chip--free{color:var(--success);background:var(--success-soft)}.tk-btn{font:700 var(--fs-body)/1 var(--font-body);border:none;border-radius:var(--radius-btn);padding:11px 16px;cursor:pointer;background:var(--acc, var(--academy));color:#fff}.tk-btn:disabled{background:var(--ink-4);cursor:not-allowed}.tk-btn--ghost{background:#fff;color:var(--acc-ink, var(--ink));border:1px solid var(--acc-border, var(--card-border))}.tk-btn:focus-visible,.tk-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{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}