*{box-sizing:border-box}:root{color-scheme:light;--bg: #f3f5f9;--surface: #ffffff;--surface-2: #eef1f7;--text: #10213f;--muted: #54617a;--line: #dce3ef;--primary: #0f766e;--primary-strong: #0b5f58;--danger: #be123c;--success: #0f766e}body{margin:0;background:radial-gradient(circle at 8% 8%,#d6efe9 0%,var(--bg) 42%);color:var(--text);font-family:Manrope,Segoe UI,sans-serif}button,input,textarea{font:inherit}.authLayout{min-height:100vh;display:grid;place-items:center;padding:20px}.authCard{width:min(460px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;display:grid;gap:14px;box-shadow:0 20px 44px #0d284a1f}.eyebrow{color:var(--primary);font-weight:700;letter-spacing:.08em;font-size:12px;text-transform:uppercase}.authCard h1,.card h2{margin:0}.authCard p,.card p{margin:0;color:var(--muted)}label{display:grid;gap:8px;color:var(--muted);font-size:14px}input{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}textarea{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;min-height:78px;resize:vertical}button{border:none;border-radius:12px;padding:12px 16px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.ghostButton{background:transparent;border:1px solid var(--line);color:var(--text)}.appLayout{min-height:100vh;display:grid;grid-template-columns:360px 1fr}.lessonsPane{border-right:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7f9fc);padding:16px;display:flex;flex-direction:column;gap:14px}.paneHeader{display:flex;justify-content:space-between;gap:12px}.paneHeader strong{display:block}.paneHeader span{color:var(--muted);font-size:13px}.paneActions{display:flex;justify-content:flex-end}.lessonList{display:grid;gap:10px;overflow:auto;padding-right:2px}.lessonItem{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px;display:grid;gap:4px;text-align:left;color:var(--text)}.lessonItem strong{font-size:15px}.lessonItem span,.lessonItem small{color:var(--muted)}.activeLessonItem{border-color:var(--primary);background:#eaf8f5}.tag{margin-top:4px;color:#8a3349;font-style:normal;font-size:12px}.openTag{color:var(--success)}.detailsPane{padding:24px;display:grid;align-content:start;gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;display:grid;gap:14px}.metaGrid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.metaGrid div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:4px}.metaGrid span{color:var(--muted);font-size:12px}.actionsRow{display:flex;gap:10px;flex-wrap:wrap}.openText{color:var(--success)}.error,.success{border-radius:12px;padding:11px 12px;font-size:14px}.error{background:#ffe8ef;color:var(--danger);border:1px solid #fecdd3}.success{background:#e9fbf6;color:var(--success);border:1px solid #99f6e4}.empty{color:var(--muted);font-size:14px}.liveMeetingSection,.managedMeetingSection{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}.liveMeetingPlayer{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#0f172a}.liveMeetingPlayer video{width:100%;height:100%;display:block;object-fit:cover;background:#0f172a}.managedMeetingPlayer{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#0f172a}.managedMeetingPlayer video{width:100%;height:100%;display:block;object-fit:cover;background:#0f172a}.managedMeetingPlayer audio{display:none}.lessonRecordingsSection{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}.lessonRecordingsHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.lessonRecordingsHeader span{color:var(--muted);font-size:14px}.lessonRecordingsList{display:grid;gap:10px}.lessonRecordingItem{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.lessonRecordingItem header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.lessonRecordingItem header strong{color:var(--text);font-size:15px}.lessonRecordingItem header span{color:var(--success);font-size:13px;font-weight:700}.lessonRecordingMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lessonRecordingMeta span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.lessonRecordingMeta strong{color:var(--text)}.lessonRecordingPlayback{display:grid;gap:10px;position:relative}.lessonRecordingPlaybackHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.lessonRecordingPlaybackHeader strong{color:var(--text);font-size:14px}.recordingUnifiedMedia{width:100%;max-height:360px;border-radius:10px;background:#0f172a}.recordingUnifiedStage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:360px;overflow:hidden;border-radius:10px;background:#0f172a}.recordingUnifiedStage .recordingUnifiedMedia{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;border-radius:0;object-fit:contain;opacity:0;pointer-events:none}.recordingUnifiedStage .recordingTimelineMediaActive{opacity:1;z-index:1}.recordingUnifiedHiddenMedia{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.recordingUnifiedAudioOnly{min-height:128px;display:grid;place-items:center;gap:6px;padding:18px;text-align:center;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.recordingUnifiedAudioOnly strong{color:var(--text)}.recordingUnifiedAudioOnly span,.recordingUnifiedTime{color:var(--muted);font-size:13px}.recordingUnifiedControls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.recordingUnifiedSeek{flex:1 1 180px;min-width:140px;width:auto;margin:0;padding:0;border:0;accent-color:var(--primary);background:transparent}.recordingUnifiedTime{font-variant-numeric:tabular-nums;white-space:nowrap}.liveMeetingScreenBadge{position:absolute;top:10px;left:10px;z-index:2;padding:6px 9px;border-radius:999px;border:1px solid rgba(204,251,241,.62);background:#0f172ac7;color:#ccfbf1;font-size:12px;font-weight:800}.liveMeetingPlayerIdle video{opacity:0}.liveMeetingPlaceholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:6px;padding:18px;color:#d8e3ef;text-align:center}.liveMeetingPlaceholder strong{color:#fff;font-size:17px}.liveMeetingPlaceholder span{color:#b6c3d4;font-size:14px}.liveMeetingCameraOff{background:#0f172ab8}.liveMeetingStageInvite{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px solid #bfdbfe;background:#eff6ff}.liveMeetingStageInvite strong{color:#1e3a8a;font-size:15px}.liveMeetingStageInvite span{color:#475569;font-size:14px}.liveMeetingStageInvite video{width:min(260px,100%);aspect-ratio:16 / 9;border-radius:10px;border:1px solid #bfdbfe;object-fit:cover;background:#0f172a}.liveMeetingStageBroadcast{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#f8fafc}.liveMeetingStageBroadcastHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.liveMeetingStageBroadcastHeader strong{color:var(--text);font-size:15px}.liveMeetingStageBroadcastHeader span{color:var(--muted);font-size:14px}.liveMeetingStageBroadcastStrip{display:flex;flex-wrap:wrap;gap:10px}.liveMeetingStageBroadcastCard{display:grid;gap:6px;width:min(300px,100%)}.liveMeetingStageBroadcastCard>span{color:var(--text);font-size:14px;font-weight:700}.liveMeetingStageBroadcastPlayer{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#0f172a}.liveMeetingStageBroadcastPlayer video{width:100%;height:100%;display:block;object-fit:cover;background:#0f172a}.liveMeetingStageBroadcastPlayer .liveMeetingPlaceholder{padding:10px}.liveMeetingStageBroadcastPlayer .liveMeetingPlaceholder strong{font-size:14px}.liveMeetingStageBroadcastPlayer .liveMeetingPlaceholder span{font-size:12px}.lessonQuizSection{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}.lessonQuizForm{display:grid;gap:10px}.lessonQuizForm strong{font-size:16px}.lessonQuizForm p{margin:0}.quizOptionsList{display:grid;gap:8px}.quizAnswerOption{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.quizAnswerOption span{word-break:break-word}.lessonQuizForm button{justify-self:end}.lessonChatSection{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}.chatHeader{display:flex;justify-content:space-between;align-items:center;gap:10px}.chatHeader h3{margin:0}.lessonChatViewport{max-height:280px;overflow-y:auto;display:grid;gap:8px}.lessonChatMessage{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:10px}.lessonChatMessage header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.lessonChatMessage header span{color:var(--primary);font-weight:700}.lessonChatMessage header time{color:var(--muted);margin-left:auto}.lessonChatMessage p{margin:8px 0 0;white-space:pre-wrap;word-break:break-word}.ownLessonChatMessage{border-color:#99f6e4;background:#e6fffa}.lessonChatForm{display:grid;gap:8px}.lessonChatForm button{justify-self:end}.lessonChatMeta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.lessonChatMeta strong{color:#b91c1c;font-weight:700}.lessonChatMetaError span{color:#b91c1c}@media(max-width:980px){.appLayout{grid-template-columns:1fr}.lessonsPane{border-right:none;border-bottom:1px solid var(--line);max-height:42vh}.detailsPane{padding:16px}.metaGrid,.lessonRecordingMeta{grid-template-columns:1fr}}