.client-brand-mark{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--client-accent,#ff7900) 14%,#fff),#fff);border:1px solid color-mix(in srgb,var(--client-accent,#ff7900) 24%,#e5e7eb);margin:8px 10px 16px}.client-brand-mark img,.client-brand-fallback{width:46px;height:46px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid #eef0f5;padding:5px;box-shadow:0 8px 24px rgba(23,45,91,.08)}.client-brand-fallback{display:grid;place-items:center;padding:0;font-size:22px;font-weight:900;color:var(--client-accent,#ff7900)}.client-brand-mark div{min-width:0}.client-brand-mark b,.client-brand-mark small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-brand-mark small{color:#7b8498;margin-top:3px}.branch-filter{margin:0 10px 14px}.branch-filter label{display:grid;gap:5px;font-size:12px;color:#7c879a}.branch-filter select{width:100%;border:1px solid #e0e5ee;background:#fff;border-radius:12px;padding:9px 11px;color:#172d5b}.online-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--client-accent,#ff7900) 10%,#fff),#fff 58%,#f6f8ff)}.online-hero:after{content:"✦";position:absolute;left:5%;top:14%;font-size:52px;color:color-mix(in srgb,var(--client-accent,#ff7900) 18%,transparent);animation:qonSparkFloat 4.5s ease-in-out infinite}.online-hero h2{margin:7px 0}.online-hero p{max-width:720px}.online-hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.online-stats{margin-top:16px}.online-course-admin-grid,.student-course-grid,.student-session-grid,.branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:18px}.online-course-card,.student-course-card,.student-session-card,.branch-card{border:1px solid #e7eaf1;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(23,45,91,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.online-course-card{padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px}.online-course-card:hover,.student-course-card:hover,.student-session-card:hover,.branch-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(23,45,91,.1);border-color:#d7dfec}.online-course-emoji{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#fff6ed;font-size:28px;box-shadow:inset 0 0 0 1px #ffe0c3;animation:qonEmojiBob 3.8s ease-in-out infinite}.online-course-card h3,.student-course-card h3,.student-session-card h3{margin:0 0 6px}.online-course-card p,.student-course-card p,.student-session-card p{margin:0;color:#727c91}.online-course-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed #e5e7ef;padding-top:12px}.online-lessons-admin{display:grid;gap:10px}.online-lessons-admin article{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:13px;border:1px solid #e8ebf2;border-radius:16px;background:#fbfcff}.lesson-order{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#3159a6;font-weight:800}.student-learning-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:4px solid var(--client-accent,#ff7900)}.student-learning-brand .client-brand-mark{margin:0;padding:0;border:0;background:none}.student-branch-chip{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#f6f8fc;border-radius:14px}.live-focus{display:flex;align-items:center;gap:16px;border:1px solid #d8f2df;background:linear-gradient(135deg,#f3fff6,#fff)}.live-focus>div{flex:1}.live-dot{width:13px;height:13px;border-radius:50%;background:#20a455;box-shadow:0 0 0 0 rgba(32,164,85,.35);animation:qonLivePulse 1.8s infinite}.student-session-grid{padding:18px}.student-session-card{padding:18px}.student-session-card>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.student-course-grid{padding:18px}.student-course-card{padding:18px;display:flex;gap:14px;color:inherit;text-decoration:none}.student-course-card>div{flex:1}.course-progress{height:7px;background:#edf0f6;border-radius:999px;overflow:hidden;margin:12px 0 6px}.course-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7900,#ffaf5b)}.course-player-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:16px}.course-outline{overflow:hidden}.course-outline .panel-heading{padding:18px}.course-outline>a{display:flex;gap:10px;align-items:center;padding:12px 16px;border-top:1px solid #eef0f4;text-decoration:none;color:#27334a}.course-outline>a span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f0f3f9;font-size:12px}.course-outline>a.active{background:#fff5eb;color:#b94f00}.course-outline>a.active span{background:#ff7900;color:#fff}.youtube-frame{position:relative;aspect-ratio:16/9;background:#10131a;border-radius:20px;overflow:hidden;margin:12px 0 18px;box-shadow:0 18px 45px rgba(14,20,35,.17)}.youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-copy{line-height:1.9;color:#4b5568;margin:12px 0}.lesson-complete-form{margin-top:18px}.parent-learning-child{margin-bottom:16px}.parent-learning-list{display:grid;gap:8px;margin:8px 0 20px}.parent-learning-list>div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:11px 12px;border-radius:14px;background:#f8f9fc}.parent-learning-list>div span{grid-row:1/3}.parent-learning-list small{color:#788296}.branch-grid{padding:0;margin:16px 0}.branch-card.active{border-color:#ffb36f;box-shadow:0 0 0 2px #fff0df,0 14px 34px rgba(23,45,91,.08)}.branch-card-head{display:flex;align-items:flex-start;gap:12px}.branch-card-head>div{flex:1}.branch-card-head h2{margin:0}.branch-card-head p{margin:5px 0 0;color:#7a8497}.branch-teachers{margin-top:16px;padding-top:14px;border-top:1px dashed #e6e9ef}.branch-teachers>div{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.branch-teacher-chip{display:inline-flex;align-items:center;gap:6px;background:#f2f5fb;border-radius:999px;padding:6px 10px}.branch-teacher-chip form{display:inline}.branch-teacher-chip button{border:0;background:transparent;cursor:pointer;color:#9a4b4b;font-size:18px;line-height:1}.branch-teacher-add{display:flex;gap:8px}.branch-teacher-add select{flex:1}.branch-assign-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:12px;align-items:end}.portal-brand-preview{width:72px;height:72px;object-fit:contain;border-radius:18px;border:1px solid #e4e8f0;background:#fff;padding:8px}.check-line{display:flex!important;align-items:center;gap:8px!important}.check-line input{width:auto!important}.portal-brand-settings input[type=color]{height:46px;padding:4px}.online-copy-ok{animation:qonCopyPop .45s ease}.workspace-footer{position:relative}.workspace-footer:after{content:"✦";margin-inline-start:8px;color:#ff7900;display:inline-block;animation:qonFooterTwinkle 2.8s ease-in-out infinite}
@keyframes qonLivePulse{0%{box-shadow:0 0 0 0 rgba(32,164,85,.36)}70%{box-shadow:0 0 0 12px rgba(32,164,85,0)}100%{box-shadow:0 0 0 0 rgba(32,164,85,0)}}@keyframes qonEmojiBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-2deg)}}@keyframes qonSparkFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(8px) rotate(10deg)}}@keyframes qonCopyPop{50%{transform:scale(1.04)}}@keyframes qonFooterTwinkle{0%,100%{opacity:.35;transform:rotate(0)}50%{opacity:1;transform:rotate(18deg)}}
@media(max-width:900px){.online-hero,.student-learning-brand,.live-focus{align-items:stretch;flex-direction:column}.course-player-layout{grid-template-columns:1fr}.branch-assign-grid{grid-template-columns:1fr}.online-lessons-admin article{grid-template-columns:auto 1fr}.online-lessons-admin article .badge,.online-lessons-admin article form{grid-column:2}.branch-teacher-add{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.online-hero:after,.online-course-emoji,.live-dot,.workspace-footer:after{animation:none!important}.online-course-card,.student-course-card,.student-session-card,.branch-card{transition:none!important}}
.client-portal-home{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:18px;align-items:center;border-inline-start:4px solid var(--client-accent,#ff7900)}.client-portal-home .client-brand-mark{margin:0}.client-portal-copy p{margin:0 0 10px;color:#526077}.client-portal-copy>div{display:flex;gap:10px;flex-wrap:wrap}.client-portal-copy span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#f6f8fc;color:#5d687d}.client-portal-copy .icon{width:16px}@media(max-width:760px){.client-portal-home{grid-template-columns:1fr}}
.online-audience-multi{grid-column:1/-1;border:1px solid #e3e8f2;border-radius:16px;padding:14px;background:#fbfcff}.online-audience-multi legend{font-weight:800;padding:0 6px}.online-audience-group{margin-top:10px}.online-audience-group>b{display:block;margin-bottom:7px}.online-audience-group>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px}.online-audience-group .check-line{margin:0;padding:8px 10px;border:1px solid #edf0f6;border-radius:11px;background:#fff}.branch-mini-numbers{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important}

.protected-lesson-player{position:relative;aspect-ratio:16/9;width:100%;background:#101c30;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:220px;color:#fff}.protected-lesson-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.protected-video-watermark{display:inline-block;margin:8px 10px;font-size:11px;color:#64748b;font-weight:400;direction:ltr;user-select:none}.protected-video-watermark[hidden]{display:none}.protected-video-status{position:absolute;bottom:12px;left:12px;right:12px;font-size:12px;text-align:center;pointer-events:none}.protected-video-shell>[data-video-fullscreen]{margin-top:8px}.protected-lesson-player:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}.protected-lesson-player [hidden]{display:none!important}