@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--theme-transition: .18s ease;--desktop-nav-width: 294px;--menu-item-enter-duration: .34s;--menu-item-enter-step: 38ms;--menu-item-enter-base-delay: 68ms;--bg-base: #0b0e14;--bg-mid: #11151e;--bg-card: #171c28;--bg-card-soft: #1d2335;--bg-overlay: rgba(8, 11, 18, .78);--text-main: #e4e9f8;--text-soft: #9aa5c2;--text-muted: #5f6b85;--text-strong: #f0f4ff;--placeholder: #5f6b85;--accent: #6366f1;--accent-2: #4f46e5;--accent-ink: #eef2ff;--danger: #f43f5e;--focus-ring: rgba(99, 102, 241, .25);--line: rgba(99, 102, 241, .15);--line-strong: rgba(99, 102, 241, .3);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .4);--shadow-md: 0 10px 24px rgba(0, 0, 0, .3);--radius-xl: 22px;--radius-lg: 16px;--radius-md: 12px;--grad-a: rgba(99, 102, 241, .18);--grad-b: rgba(79, 70, 229, .12);--bg-tail: #080b11;--surface-start: rgba(23, 28, 40, .96);--surface-end: rgba(17, 21, 30, .98);--hero-glow: rgba(99, 102, 241, .2);--input-bg: rgba(11, 14, 20, .8);--secondary-bg: rgba(17, 21, 30, .96);--secondary-fg: var(--text-main);--link-bg: rgba(99, 102, 241, .15);--link-border: rgba(99, 102, 241, .3);--download-bg: rgba(15, 19, 28, .95);--table-border: rgba(99, 102, 241, .15);--table-head: #a5b4fc;--btn-primary-start: #4f46e5;--btn-primary-end: #6366f1;--btn-primary-fg: #ffffff;--chip-bg: rgba(99, 102, 241, .15);--chip-border: rgba(99, 102, 241, .3);--chip-fg: #c7d2fe;--success-bg: rgba(16, 185, 129, .15);--success-border: rgba(16, 185, 129, .3);--error-bg: rgba(244, 63, 94, .15);--error-border: rgba(244, 63, 94, .3);--error-text: #fda4af;--danger-bg: rgba(244, 63, 94, .15);--danger-border: rgba(244, 63, 94, .35);--danger-text: #fda4af;--danger-link: #fb7185;--icon-chip-bg: rgba(99, 102, 241, .18);--icon-chip-fg: #c7d2fe;--switch-bg: linear-gradient(140deg, rgba(23, 28, 40, .95), rgba(17, 21, 30, .92));--switch-track-border: rgba(99, 102, 241, .4);--switch-track-bg: linear-gradient(130deg, rgba(99, 102, 241, .3), rgba(79, 70, 229, .25));--switch-thumb-bg: linear-gradient(145deg, #e0e7ff, #a5b4fc);--switch-thumb-shift: 0;--feedback-bg: linear-gradient(160deg, rgba(23, 28, 40, .9), rgba(17, 21, 30, .95));--feedback-border: var(--line);--feedback-text: #c7d2fe;--feedback-rating: #818cf8;--video-card-bg: linear-gradient(160deg, rgba(23, 28, 40, .94), rgba(15, 19, 28, .97));--video-desc: #9aa5c2;--materials-bg: rgba(11, 14, 20, .75);--material-row-bg: rgba(23, 28, 40, .88);--progress-track-bg: rgba(99, 102, 241, .2);--border: rgba(99, 102, 241, .2);--surface: #171c28;--text: #e4e9f8;--muted: #5f6b85;--bg: #0b0e14;--radius: 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main);line-height:1.45;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light],html[data-theme=light]{--bg-base: #f1f5fb;--bg-mid: #e8eef8;--bg-card: #ffffff;--bg-card-soft: #f5f7ff;--bg-tail: #ffffff;--bg-overlay: rgba(15, 23, 42, .45);--text-main: #0f172a;--text-soft: #334155;--text-muted: #64748b;--text-strong: #020617;--placeholder: #94a3b8;--line: rgba(99, 102, 241, .15);--line-strong: rgba(99, 102, 241, .28);--shadow-lg: 0 18px 36px rgba(15, 23, 42, .12);--shadow-md: 0 8px 20px rgba(15, 23, 42, .08);--grad-a: rgba(99, 102, 241, .1);--grad-b: rgba(79, 70, 229, .07);--surface-start: rgba(255, 255, 255, .97);--surface-end: rgba(248, 250, 255, .98);--hero-glow: rgba(99, 102, 241, .15);--input-bg: #ffffff;--secondary-bg: rgba(248, 250, 255, .99);--secondary-fg: #0f172a;--link-bg: rgba(99, 102, 241, .08);--link-border: rgba(99, 102, 241, .25);--download-bg: rgba(248, 250, 255, .98);--table-border: rgba(99, 102, 241, .12);--table-head: #3730a3;--accent: #4f46e5;--accent-2: #4338ca;--accent-ink: #1e1b4b;--danger: #e11d48;--focus-ring: rgba(79, 70, 229, .2);--btn-primary-start: #4f46e5;--btn-primary-end: #6366f1;--btn-primary-fg: #ffffff;--chip-bg: rgba(99, 102, 241, .1);--chip-border: rgba(99, 102, 241, .25);--chip-fg: #3730a3;--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .25);--success-text: #065f46;--error-bg: rgba(225, 29, 72, .08);--error-border: rgba(225, 29, 72, .22);--error-text: #9f1239;--danger-bg: rgba(225, 29, 72, .08);--danger-border: rgba(225, 29, 72, .28);--danger-text: #9f1239;--danger-link: #be123c;--icon-chip-bg: rgba(99, 102, 241, .1);--icon-chip-fg: #4338ca;--switch-bg: linear-gradient(140deg, #f5f7ff, #eaedff);--switch-track-border: rgba(99, 102, 241, .35);--switch-track-bg: linear-gradient(130deg, rgba(99, 102, 241, .25), rgba(79, 70, 229, .2));--switch-thumb-bg: linear-gradient(145deg, #1e1b4b, #3730a3);--switch-thumb-shift: 18px;--feedback-bg: linear-gradient(160deg, rgba(255, 255, 255, .98), rgba(245, 247, 255, .98));--feedback-border: rgba(99, 102, 241, .15);--feedback-text: #1e293b;--feedback-rating: #4f46e5;--video-card-bg: linear-gradient(160deg, rgba(255, 255, 255, .98), rgba(245, 247, 255, .98));--video-desc: #475569;--materials-bg: rgba(248, 250, 255, .98);--material-row-bg: rgba(241, 245, 251, .98);--progress-track-bg: rgba(99, 102, 241, .15);--border: rgba(99, 102, 241, .18);--surface: #ffffff;--text: #0f172a;--muted: #64748b;--bg: #f1f5fb;--radius: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(1200px 800px at 10% -10%,var(--grad-a),transparent 56%),radial-gradient(900px 600px at 92% -18%,var(--grad-b),transparent 55%),linear-gradient(135deg,var(--bg-base) 0%,var(--bg-mid) 45%,var(--bg-tail) 100%);color:var(--text-main);letter-spacing:.01em;transition:background var(--theme-transition),color var(--theme-transition)}html[data-theme=light] body{color-scheme:light}button,input,select,textarea{font:inherit;color:inherit}a,button,input,select,textarea,label,[role=button]{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-color:transparent;box-shadow:none;touch-action:manipulation}input[type=checkbox]:focus,input[type=checkbox]:active,input[type=radio]:focus,input[type=radio]:active{outline:none;box-shadow:none}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer}h1,h2,h3,h4,.topbar h1,.hero-panel h1,.section-header h2,.card h2,.video-card-body h3{margin:0;font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:.01em}.eyebrow,th,.progress-value,.timestamp,.optional-note,.file-name{font-family:JetBrains Mono,monospace}.auth-page-shell,.app-shell{--shell-pad: 24px;min-height:100vh;padding:var(--shell-pad);position:relative;z-index:1}.auth-page-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:20px;align-items:start}.auth-intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;background:radial-gradient(900px 540px at 15% -10%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 62%),radial-gradient(900px 580px at 88% -18%,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 58%),linear-gradient(140deg,color-mix(in srgb,var(--bg-base) 88%,black),color-mix(in srgb,var(--bg-mid) 90%,black));animation:auth-intro-fade-out .46s ease forwards;animation-delay:1.84s}.auth-intro-kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-family:JetBrains Mono,monospace;color:var(--text-soft);opacity:0;animation:auth-intro-rise .42s ease forwards;animation-delay:.1s}.auth-intro-title{display:flex;align-items:center;gap:14px;margin:0;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(2rem,5.5vw,4.5rem);font-weight:800;line-height:.95;letter-spacing:.01em}.auth-intro-title-word{position:relative;color:var(--text-strong);opacity:0;text-shadow:0 4px 18px color-mix(in srgb,var(--accent) 20%,transparent);animation:auth-intro-word-in .62s cubic-bezier(.22,.9,.2,1) forwards}.auth-intro-title-word:last-child{animation-delay:.28s}.auth-intro-subtitle{margin:4px 0 0;font-size:.92rem;color:var(--text-soft);letter-spacing:.05em;text-transform:uppercase;font-family:JetBrains Mono,monospace;opacity:0;animation:auth-intro-rise .42s ease forwards;animation-delay:.46s}.auth-intro-loader{width:min(320px,68vw);height:4px;margin-top:14px;border-radius:999px;background:color-mix(in srgb,var(--line) 72%,transparent);overflow:hidden;opacity:0;animation:auth-intro-rise .38s ease forwards;animation-delay:.62s}.auth-intro-loader-bar{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left center;transform:scaleX(0);animation:auth-intro-loader-fill 1.4s cubic-bezier(.22,.9,.2,1) forwards;animation-delay:.65s}.hero-panel,.card,.stat-card{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--line) 84%,transparent);background:linear-gradient(160deg,var(--surface-start) 0%,var(--surface-end) 100%);box-shadow:var(--shadow-md),inset 0 1px color-mix(in srgb,#ffffff 16%,transparent);transition:background var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition),color var(--theme-transition),transform .2s ease}.card:not(.compose-card):not(.live-class-admin-card):not(.quiz-panel):not(.registered-learners-card):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 12px 32px rgba(15,23,42,.16))}.hero-panel{padding:38px;min-height:520px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:-120px -40px auto auto;width:280px;height:280px;background:radial-gradient(circle,var(--hero-glow),transparent 70%);pointer-events:none}.auth-card-panel{display:flex;flex-direction:column;gap:14px}.auth-flip-wrap{position:relative;display:grid;perspective:1400px;min-height:760px}.auth-flip-face{grid-area:1 / 1;display:flex;flex-direction:column;gap:12px;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,.88,.28,1),opacity .38s ease}.auth-flip-face-front{transform:rotateY(0);opacity:1;pointer-events:auto}.auth-flip-face-back{transform:rotateY(180deg);opacity:0;pointer-events:none}.auth-flip-wrap.is-register .auth-flip-face-front{transform:rotateY(-180deg);opacity:0;pointer-events:none}.auth-flip-wrap.is-register .auth-flip-face-back{transform:rotateY(0);opacity:1;pointer-events:auto}.auth-face-card{margin:0}.auth-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px}.auth-toolbar .theme-switch,.topbar-actions .theme-switch,.topbar-actions .secondary-btn{min-height:40px}@keyframes auth-intro-word-in{0%{opacity:0;transform:translateY(22px) scale(.92);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes auth-intro-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-intro-loader-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes auth-intro-fade-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion: reduce){.auth-intro-screen,.auth-intro-kicker,.auth-intro-title-word,.auth-intro-subtitle,.auth-intro-loader,.auth-intro-loader-bar{animation:none}}.card{padding:22px}form.card{display:flex;flex-direction:column;gap:14px}form.card h2{margin-bottom:2px;font-size:1.34rem}label{display:flex;flex-direction:column;gap:7px;font-size:.93rem;color:var(--text-soft)}input,select,textarea{width:100%;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:var(--radius-md);padding:11px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--input-bg) 92%,#ffffff 8%),var(--input-bg));color:var(--text-main);outline:none;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 14%,transparent);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.eyebrow,.subtitle,label,th,td,.file-name,.timestamp,.empty-note,.video-card-body p,.stat-card span,.stat-card strong{transition:color var(--theme-transition)}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 74%,var(--accent-2) 26%);box-shadow:0 0 0 3px var(--focus-ring),inset 0 1px color-mix(in srgb,#ffffff 26%,transparent)}input[type=checkbox]{width:auto}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:78px}.toggle-password-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid var(--line-strong);background:var(--secondary-bg);color:var(--text-soft);border-radius:10px;padding:4px 10px;font-size:.76rem;font-weight:700}.toggle-password-btn:hover{color:var(--text-main);border-color:var(--accent-2)}.password-toggle{flex-direction:row;align-items:center;gap:8px;color:var(--text-soft)}.password-toggle span{color:var(--text-soft)}.auth-login-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-login-method-btn{border-radius:12px;border:1px solid var(--line);background:var(--secondary-bg);color:var(--text-soft);padding:9px 10px;font-size:.86rem;font-weight:700}.auth-login-method-btn.is-active{background:linear-gradient(120deg,var(--btn-primary-start) 0%,var(--btn-primary-end) 100%);color:var(--btn-primary-fg);border-color:color-mix(in srgb,var(--btn-primary-start) 65%,transparent)}.otp-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.otp-send-btn{white-space:nowrap;padding-inline:12px}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0d140dd1;display:grid;place-content:center;padding:20px;animation:modal-fade-in .24s ease}.forgot-password-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--bg-card-soft);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:20px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000005c;animation:modal-slide-in .24s cubic-bezier(.34,1.56,.64,1)}.success-modal-dialog{background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 18%,var(--bg-card-soft)),color-mix(in srgb,var(--accent-2) 18%,var(--bg-card-soft)));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;animation:modal-slide-in .28s cubic-bezier(.34,1.56,.64,1)}.success-icon{width:56px;height:56px;background:linear-gradient(120deg,var(--accent) 0%,var(--accent-2) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--btn-primary-fg);font-weight:700;animation:success-icon-pop .32s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes success-icon-pop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.success-modal-dialog h2{margin:8px 0 0;font-size:1.24rem;color:var(--text-strong)}.success-modal-dialog p{margin:0;color:color-mix(in srgb,var(--text-main) 88%,#ffffff 12%);font-size:.9rem;line-height:1.5;font-weight:600}.success-progress{width:100%;height:3px;background:#9dbf7629;border-radius:999px;overflow:hidden;margin-top:8px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;animation:progress-expand 2s ease forwards}@keyframes progress-expand{0%{width:0%}to{width:100%}}@keyframes modal-slide-in{0%{transform:scale(.94) translateY(-12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.modal-header h3{margin:0;font-size:1.1rem}.modal-close-btn{background:transparent;border:none;color:var(--text-soft);font-size:1.2rem;padding:4px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .14s ease,background .14s ease}.modal-close-btn:hover{color:var(--text-main);background:#9dbf761f}.forgot-password-overlay .subtitle{margin:0 0 .9rem;color:var(--text-muted);font-size:.84rem}.forgot-error-banner{margin:0 0 .9rem;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--danger) 72%,transparent);background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--error-text);font-size:.86rem;line-height:1.35;font-weight:600}.forgot-error-banner.error{border-color:color-mix(in srgb,var(--danger) 72%,transparent);background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--error-text)}.forgot-error-banner.success{border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text-main)}.auth-forgot-form{display:grid;gap:.78rem}.primary-btn,.secondary-btn,.link-btn,.download-btn,.danger-btn,.danger-text-btn,.user-delete-btn{border-radius:999px;border:1px solid transparent;transition:transform .14s ease,filter .14s ease,border-color .14s ease,background .14s ease}.primary-btn,.secondary-btn,.download-btn,.danger-btn{padding:11px 16px;font-weight:700;letter-spacing:.01em}.primary-btn{background:linear-gradient(120deg,var(--btn-primary-start) 0%,var(--btn-primary-end) 100%);color:var(--btn-primary-fg);box-shadow:0 10px 22px color-mix(in srgb,var(--btn-primary-start) 28%,transparent)}.primary-btn:hover,.secondary-btn:hover,.download-btn:hover,.danger-btn:hover,.link-btn:hover,.user-delete-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.primary-btn:disabled,.secondary-btn:disabled,.download-btn:disabled{opacity:.55;cursor:not-allowed}.secondary-btn{background:var(--secondary-bg);color:var(--secondary-fg);border-color:var(--line)}.secondary-btn,.primary-btn,.link-btn,.download-btn,.danger-btn,.user-delete-btn,.theme-switch,.theme-switch-track,.theme-switch-thumb{transition:background var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),box-shadow var(--theme-transition),transform .2s ease}.link-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;background:var(--link-bg);color:var(--text-main);text-decoration:none;font-weight:700;border:1px solid var(--link-border)}.danger-btn{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border);margin-top:10px}.danger-text-btn{background:transparent;border:none;color:var(--danger-link);font-weight:700;padding:0}.download-btn{width:100%;text-align:left;background:var(--download-bg);border-color:var(--line);color:var(--text-main)}.user-delete-btn{height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.user-delete-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--text-muted);font-weight:700}.subtitle{margin:8px 0 0;color:var(--text-soft)}.subtitle.large{max-width:48rem;font-size:1.02rem}.feature-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.feature-strip span,.optional-note{border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-fg);padding:7px 11px;font-size:.8rem}.auth-hero-tagline{margin-bottom:12px}.auth-hero-media-card{position:relative;margin-top:12px;border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);background:var(--bg-card);isolation:isolate}.auth-hero-image{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover;transition:transform .36s ease}.auth-hero-media-card:hover .auth-hero-image{transform:scale(1.015)}.auth-hero-media-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,#080e0a14,#080e0a4d);pointer-events:none}.auth-hero-media-badge{position:absolute;left:14px;right:14px;bottom:12px;margin:0;padding:9px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line-strong) 75%,transparent);background:color-mix(in srgb,var(--bg-base) 48%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:color-mix(in srgb,var(--text-strong) 94%,white);font-size:.78rem;font-weight:600;letter-spacing:.01em;text-align:center;z-index:1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.register-toggle{display:flex;justify-content:center}@keyframes auth-toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-toast{position:fixed;bottom:18px;right:18px;z-index:1400;width:min(420px,calc(100vw - 36px));max-width:calc(100vw - 36px);border-radius:14px;padding:12px 12px 12px 14px;box-shadow:var(--shadow-lg);border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;animation:auth-toast-in .26s ease both}.auth-toast.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.auth-toast.error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.auth-toast-close{height:28px;min-width:28px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;font-size:1rem;line-height:1;cursor:pointer;padding:0}.inline-message,.banner,.empty-state{border-radius:12px;padding:11px 12px;font-size:.9rem}.inline-message{margin:0}@keyframes inline-message-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}.inline-message-dismissing{animation:inline-message-fade-out .28s ease forwards;pointer-events:none}.field-hint{display:block;font-size:.78rem;line-height:1.4;margin-top:5px;padding:5px 8px;border-radius:7px;background:#d2a0281f;border:1px solid rgba(210,160,40,.28);color:#c9941a}.field-hint.error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.field-hint.success{background:var(--success-bg);border-color:var(--success-border);color:#9dbb6c}.password-strength{margin-top:6px;display:flex;align-items:center;gap:8px}.password-strength-track{flex:1;height:6px;border-radius:999px;background:#899d6440;overflow:hidden}.password-strength-fill{display:block;height:100%;width:20%;border-radius:inherit;background:#c15858;transition:width .18s ease,background .18s ease}.password-strength-fill.strength-2{width:45%;background:#d4a241}.password-strength-fill.strength-3{width:70%;background:#9cbf6a}.password-strength-fill.strength-4{width:100%;background:#78b95c}.password-strength small{min-width:82px;font-size:.74rem;color:var(--text-soft)}html[data-theme=light] .field-hint{background:#b478001a;border-color:#b4780040;color:#7a5000}.inline-message.success,.banner.success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.inline-message.error,.banner.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.app-shell{max-width:1440px;margin:0 auto;animation:page-enter .42s cubic-bezier(.22,.9,.2,1) both}.app-shell--with-nav{max-width:1560px}.app-shell-layout{display:grid;grid-template-columns:1fr;align-items:start;gap:16px;padding-top:104px}@media (min-width: 981px){.app-shell--with-nav .app-shell-layout{grid-template-columns:1fr}}.app-shell-layout.with-desktop-nav{grid-template-columns:1fr}.app-main-content{min-width:0}.app-nav-dropdown{position:fixed;z-index:2900;padding:12px;border-radius:18px;background:linear-gradient(165deg,color-mix(in srgb,var(--bg-card) 96%,transparent),color-mix(in srgb,var(--accent) 12%,var(--bg-card-soft) 88%));border:1px solid color-mix(in srgb,var(--line) 75%,var(--accent) 25%);box-shadow:0 18px 42px #00000047,inset 0 1px color-mix(in srgb,#ffffff 12%,transparent);display:flex;flex-direction:column;gap:10px;overflow:hidden;overflow-y:auto;box-sizing:border-box;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-nav-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent);position:sticky;top:0;z-index:2;background:linear-gradient(165deg,color-mix(in srgb,var(--bg-card) 98%,transparent),color-mix(in srgb,var(--accent) 10%,var(--bg-card-soft) 90%))}.app-side-nav{position:fixed;width:var(--desktop-nav-width);padding:12px;border-radius:0 20px 20px 0;background:linear-gradient(165deg,color-mix(in srgb,var(--bg-card) 94%,transparent),color-mix(in srgb,var(--accent) 18%,var(--bg-card-soft) 82%));border:1px solid color-mix(in srgb,var(--line) 75%,var(--accent) 25%);border-left:none;box-shadow:18px 0 42px #0000003d,inset 0 1px color-mix(in srgb,#ffffff 12%,transparent);opacity:0;transform:translate(calc(-100% - 12px));pointer-events:none;overflow:hidden;overflow-x:hidden;transition:transform .26s cubic-bezier(.22,.9,.2,1),opacity .22s ease;z-index:120;display:flex;flex-direction:column;overscroll-behavior:contain}.app-side-nav.open{opacity:1;transform:translate(0);pointer-events:auto}.app-side-nav.collapsed{opacity:0;transform:translate(calc(-100% - 12px));pointer-events:none}.app-side-nav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 12px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.app-side-nav-title{margin:0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-muted) 82%,#ffffff 18%);font-weight:700}.app-side-nav-close-btn{border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--bg-card-soft) 90%,transparent);color:var(--text-main);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:1rem;line-height:1;display:grid;place-items:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}.app-side-nav-close-btn:hover{transform:translateY(-1px) rotate(90deg);border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 16%,var(--bg-card-soft))}.app-side-nav-list{display:flex;flex-direction:column;gap:7px;flex:0 0 auto;min-height:0;overflow:visible;overflow-x:hidden;padding-right:3px}.app-side-nav-link{width:100%;display:flex;align-items:center;gap:10px;padding:12px 11px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-soft);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .18s ease,color .2s ease;text-align:left}.app-side-nav-link:hover{transform:translate(3px);color:var(--text-main);background:color-mix(in srgb,var(--accent) 11%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.app-side-nav-link.active{color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 74%,#fff 26%));border-color:transparent;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 36%,transparent)}.app-side-nav-link-icon{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#ffffff12;font-size:.87rem;flex-shrink:0}.app-side-nav-link.active .app-side-nav-link-icon{background:#ffffff2e}.app-side-nav-link-label{font-size:.84rem;font-weight:600;letter-spacing:.01em}.topbar-menu-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:11px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 84%,transparent),color-mix(in srgb,var(--bg-card-soft) 86%,transparent));color:var(--text-main);font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.topbar-menu-btn:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));box-shadow:0 8px 16px color-mix(in srgb,var(--accent) 22%,transparent)}.topbar-menu-btn svg{width:16px;height:16px;transition:transform .22s ease}.topbar-menu-btn[aria-expanded=true] svg{transform:rotate(90deg)}.app-side-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#02061773;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2800}.app-side-nav-backdrop.visible{opacity:1;pointer-events:auto}.app-side-nav-mobile{position:fixed;width:min(90vw,340px);max-width:360px;padding:12px 12px 14px;background:linear-gradient(165deg,color-mix(in srgb,var(--bg-card) 92%,transparent),color-mix(in srgb,var(--bg-card-soft) 90%,var(--accent) 10%));border-right:1px solid var(--line);box-shadow:22px 0 52px #00000057,inset 0 1px color-mix(in srgb,#ffffff 12%,transparent);transform:translate(-100%);transition:transform .28s cubic-bezier(.22,.9,.2,1);z-index:80;overflow-y:auto;overflow-x:hidden}.app-side-nav-mobile.open{transform:translate(0)}.app-side-nav-mobile:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 50%,transparent),transparent);pointer-events:none}.app-side-nav-mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.app-side-nav-mobile-header p{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted)}.app-side-nav-mobile-header button{border:1px solid var(--line);background:color-mix(in srgb,var(--bg-card-soft) 88%,transparent);width:34px;height:34px;border-radius:9px;cursor:pointer;color:var(--text-main);transition:transform .18s ease,border-color .18s ease,background .18s ease}@media (max-width: 560px){.app-nav-dropdown{border-radius:16px;padding:10px}.app-nav-dropdown .app-side-nav-link{padding:11px 10px}}.app-side-nav-mobile-header button:hover{transform:translateY(-1px) rotate(90deg);border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 18%,var(--bg-card-soft))}.app-side-nav-mobile .app-side-nav-link{position:relative;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--bg-card-soft) 74%,transparent)}.app-side-nav-mobile .app-side-nav-link:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:color-mix(in srgb,var(--accent) 15%,var(--bg-card-soft))}.app-side-nav-mobile .app-side-nav-link.active{border-color:color-mix(in srgb,var(--accent) 54%,transparent);box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 25%,transparent)}.app-side-nav-mobile .app-side-nav-link.active:before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.app-side-nav-mobile .app-side-nav-link-icon{width:24px;height:24px;border-radius:9px;background:color-mix(in srgb,#ffffff 18%,transparent)}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1}}.topbar{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:0;position:fixed;top:max(8px,env(safe-area-inset-top));left:var(--shell-pad);right:var(--shell-pad);width:auto;z-index:3000;padding:10px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--bg-card) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar.topbar-dimmed{opacity:.36;transform:scale(.995);filter:blur(1.5px);transition:opacity .22s ease,filter .22s ease,transform .22s ease;pointer-events:none}.topbar-main{display:flex;justify-content:space-between;align-items:center;gap:14px}.hub-menu-trigger{position:relative;min-width:42px;height:42px;padding:0 12px;border-radius:13px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--bg-card) 86%,transparent),color-mix(in srgb,var(--bg-card-soft) 82%,transparent));color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 14%,transparent);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.hub-menu-trigger-glow{position:absolute;inset:-22px auto auto -18px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 44%,transparent),transparent 68%);opacity:.42;z-index:0;pointer-events:none}.hub-menu-trigger:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 1px color-mix(in srgb,#ffffff 18%,transparent)}.hub-menu-trigger:active{transform:translateY(0)}.hub-menu-trigger-bars{width:18px;display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}.hub-menu-trigger-bars span{height:2px;border-radius:999px;background:color-mix(in srgb,var(--text-strong) 90%,#ffffff 10%);transform-origin:center;transition:transform .2s ease,opacity .2s ease}.hub-menu-trigger-label{position:relative;z-index:1;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,var(--text-soft) 88%,#ffffff 12%)}.hub-menu-trigger.is-open .hub-menu-trigger-bars span:nth-child(1){transform:translateY(5px) rotate(45deg)}.hub-menu-trigger.is-open .hub-menu-trigger-bars span:nth-child(2){opacity:0}.hub-menu-trigger.is-open .hub-menu-trigger-bars span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.hub-side-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0308149e;backdrop-filter:blur(10px) saturate(.78);-webkit-backdrop-filter:blur(10px) saturate(.78);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:3900}.hub-side-overlay.visible{opacity:1;pointer-events:auto}.hub-side-panel{position:fixed;width:min(340px,calc(100vw - 2 * var(--shell-pad)));border-radius:20px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 46%),linear-gradient(165deg,color-mix(in srgb,var(--bg-card) 95%,transparent),color-mix(in srgb,var(--bg-card-soft) 90%,transparent));box-shadow:0 32px 56px #0006,inset 0 1px color-mix(in srgb,#ffffff 12%,transparent);transform:translate3d(calc(-100% - 28px),0,0);opacity:0;pointer-events:none;z-index:4000;transition:transform .32s cubic-bezier(.2,.9,.2,1),opacity .26s ease;display:flex;flex-direction:column;overflow:hidden;will-change:transform,opacity;backface-visibility:hidden}.hub-side-panel.open{transform:translateZ(0);opacity:1;pointer-events:auto}.hub-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.hub-side-head p{margin:0;display:flex;flex-direction:column;gap:2px}.hub-side-head-kicker{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb,var(--text-muted) 86%,#ffffff 14%)}.hub-side-head-title{font-size:.95rem;font-weight:700;letter-spacing:.01em;color:var(--text-strong)}.hub-side-close{width:34px;height:34px;border-radius:10px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--bg-card-soft) 86%,transparent);color:var(--text-main);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.hub-side-close:hover{transform:rotate(90deg);border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--bg-card-soft))}.hub-side-list{display:flex;flex-direction:column;gap:10px;padding:14px;flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 58%,transparent) color-mix(in srgb,var(--line) 72%,transparent)}.hub-side-list::-webkit-scrollbar{width:8px}.hub-side-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 36%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.hub-side-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--line) 38%,transparent);border-radius:999px}.hub-side-link{width:100%;display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--bg-card-soft) 84%,transparent);color:var(--text-main);text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;will-change:transform}.hub-side-link:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:0;transform:scaleY(.25);transition:opacity .22s ease,transform .22s ease}.hub-side-link:after{content:"";position:absolute;left:0;top:9px;width:3px;height:28px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 82%,transparent),transparent);opacity:0;pointer-events:none}.hub-side-link:hover{transform:translate(2px);border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--bg-card-soft))}.hub-side-link.active{border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 26%,var(--bg-card-soft)),color-mix(in srgb,var(--accent-2) 16%,var(--bg-card)));box-shadow:0 12px 20px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px color-mix(in srgb,#ffffff 22%,transparent);color:var(--text-strong)}.hub-side-link.active:before{opacity:1;transform:scaleY(1)}.hub-side-link.active:after{opacity:1;animation:hub-rail-travel 1.45s ease-in-out infinite}.hub-side-link-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,#ffffff 16%,transparent);flex-shrink:0}.hub-side-link.active .hub-side-link-icon{background:color-mix(in srgb,#ffffff 24%,transparent)}.hub-side-link.tone-home .hub-side-link-icon{background:color-mix(in srgb,#34d399 26%,transparent)}.hub-side-link.tone-content .hub-side-link-icon{background:color-mix(in srgb,#60a5fa 24%,transparent)}.hub-side-link.tone-assessment .hub-side-link-icon{background:color-mix(in srgb,#f59e0b 26%,transparent)}.hub-side-link.tone-community .hub-side-link-icon{background:color-mix(in srgb,#22d3ee 24%,transparent)}.hub-side-link.tone-commerce .hub-side-link-icon{background:color-mix(in srgb,#fb7185 24%,transparent)}.hub-side-link.tone-profile .hub-side-link-icon{background:color-mix(in srgb,#a78bfa 24%,transparent)}.hub-side-link.tone-security .hub-side-link-icon{background:color-mix(in srgb,#f87171 24%,transparent)}.hub-side-link.active .hub-side-link-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 22%,transparent)}.hub-side-link-label{font-size:.87rem;font-weight:650;letter-spacing:.01em}.hub-side-panel.open .hub-side-link{animation:hub-menu-item-in .22s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--menu-index, 0) * 14ms + 8ms)}@keyframes hub-menu-item-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes hub-rail-travel{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hub-side-panel.open .hub-side-link,.hub-side-link.active:after{animation:none}}@media (min-width: 981px){.app-side-nav-mobile,.app-nav-dropdown{display:none}}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:flex-end;overflow:visible}.topbar-user-actions{display:inline-flex;align-items:center;gap:10px;overflow:visible}.student-cart-header-btn{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--bg-card-soft) 92%,transparent),color-mix(in srgb,var(--bg-card) 90%,transparent));color:var(--text-strong);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,#0f172a 16%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.student-cart-header-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 52%,var(--line));box-shadow:0 12px 22px color-mix(in srgb,var(--accent) 24%,transparent)}.student-cart-header-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.student-cart-header-btn.is-cart-bumping{animation:student-cart-bump .36s cubic-bezier(.2,.9,.2,1)}@keyframes student-cart-bump{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-2px) scale(1.08)}to{transform:translateY(0) scale(1)}}.student-cart-header-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;padding:0 4px;border:1px solid color-mix(in srgb,#ef4444 70%,#0f172a 30%);background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.student-cart-fly-chip{position:fixed;z-index:5200;width:14px;height:14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:0;pointer-events:none;background:radial-gradient(circle at 32% 30%,#fde68a,#f59e0b 58%,#d97706);box-shadow:0 10px 22px #f59e0b66}.student-cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#0208178a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:flex-end;align-items:flex-start}.student-cart-drawer{width:min(420px,calc(100vw - 24px));height:100%;display:flex;flex-direction:column;background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 44%),linear-gradient(165deg,color-mix(in srgb,var(--bg-card) 96%,transparent),color-mix(in srgb,var(--bg-card-soft) 92%,transparent));border-left:1px solid color-mix(in srgb,var(--line-strong) 74%,transparent);box-shadow:-24px 0 48px #02081773}.student-cart-drawer-floating{position:fixed;top:max(calc(var(--app-shell-topbar-clearance, 96px) + 8px),env(safe-area-inset-top));right:max(var(--shell-pad, 16px),env(safe-area-inset-right));width:min(430px,calc(100vw - (2*max(var(--shell-pad, 12px),12px))));height:auto;max-height:calc(100dvh - var(--app-shell-topbar-clearance, 96px) - 16px - env(safe-area-inset-bottom));border-radius:18px;border:1px solid color-mix(in srgb,var(--line-strong) 78%,transparent);border-left:1px solid color-mix(in srgb,var(--line-strong) 78%,transparent);box-shadow:0 22px 54px #02081766,0 2px color-mix(in srgb,#ffffff 10%,transparent) inset;overflow:hidden;z-index:4200;animation:student-cart-panel-in .22s cubic-bezier(.2,.9,.25,1) both}@keyframes student-cart-panel-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.student-cart-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.student-cart-drawer-head h3{margin:2px 0 0;color:var(--text-strong);font-size:1.02rem}.student-cart-close-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-card-soft) 88%,transparent);color:var(--text-main);font-size:1.2rem;line-height:1;cursor:pointer}.student-cart-drawer-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.student-cart-plan-row{display:inline-flex;flex-wrap:wrap;gap:8px}.student-cart-plan-row .secondary-btn.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));background:color-mix(in srgb,var(--accent) 16%,var(--bg-card-soft))}.student-cart-voucher-field{display:grid;gap:6px;color:var(--text-soft);font-size:.8rem;font-weight:600}.student-cart-voucher-field input{width:100%}.student-cart-voucher-row{display:flex;align-items:center;gap:8px}.student-cart-voucher-row .secondary-btn{padding:9px 12px;min-width:82px}.student-cart-voucher-applied{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb,#10b981 52%,var(--line));background:color-mix(in srgb,#10b981 13%,var(--bg-card-soft));border-radius:10px;padding:8px 10px}.student-cart-voucher-applied span{color:color-mix(in srgb,#065f46 72%,var(--text-main));font-size:.78rem;font-weight:700}.student-cart-voucher-applied .link-btn{padding:6px 10px;font-size:.75rem}.student-cart-voucher-note{margin:0;color:var(--text-soft);font-size:.76rem}.student-cart-items{display:grid;gap:10px}.student-cart-drawer-item{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-card-soft) 86%,transparent);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.student-cart-drawer-item strong{display:block;color:var(--text-main);font-size:.9rem}.student-cart-item-headline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.student-cart-course-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-card-soft) 88%,transparent);color:var(--text-soft);padding:3px 8px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.student-cart-course-chip.tone-school11{border-color:color-mix(in srgb,#2563eb 58%,var(--line));background:color-mix(in srgb,#2563eb 15%,var(--bg-card-soft));color:color-mix(in srgb,#1d4ed8 75%,var(--text-main))}.student-cart-course-chip.tone-school12{border-color:color-mix(in srgb,#7c3aed 58%,var(--line));background:color-mix(in srgb,#7c3aed 14%,var(--bg-card-soft));color:color-mix(in srgb,#6d28d9 74%,var(--text-main))}.student-cart-course-chip.tone-neet{border-color:color-mix(in srgb,#10b981 58%,var(--line));background:color-mix(in srgb,#10b981 14%,var(--bg-card-soft));color:color-mix(in srgb,#047857 74%,var(--text-main))}.student-cart-course-chip.tone-jam{border-color:color-mix(in srgb,#f59e0b 58%,var(--line));background:color-mix(in srgb,#f59e0b 14%,var(--bg-card-soft));color:color-mix(in srgb,#b45309 74%,var(--text-main))}.student-cart-course-chip.tone-csir{border-color:color-mix(in srgb,#0ea5e9 58%,var(--line));background:color-mix(in srgb,#0ea5e9 14%,var(--bg-card-soft));color:color-mix(in srgb,#0369a1 74%,var(--text-main))}.student-cart-course-chip.tone-gate{border-color:color-mix(in srgb,#ef4444 58%,var(--line));background:color-mix(in srgb,#ef4444 14%,var(--bg-card-soft));color:color-mix(in srgb,#b91c1c 74%,var(--text-main))}.student-cart-drawer-item p{margin:2px 0;color:var(--text-muted);font-size:.76rem}.student-cart-drawer-item span{color:var(--accent);font-size:.76rem;font-weight:700}.student-cart-item-actions{display:inline-flex;align-items:center;gap:8px}.student-cart-item-actions .link-btn{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}@media (max-width: 980px){.student-cart-drawer-floating{width:min(420px,calc(100vw - 20px));right:max(10px,env(safe-area-inset-right));top:max(calc(var(--app-shell-topbar-clearance, 90px) + 6px),env(safe-area-inset-top));max-height:calc(100dvh - var(--app-shell-topbar-clearance, 90px) - 12px - env(safe-area-inset-bottom))}}.student-cart-drawer-foot{padding:14px 16px;border-top:1px solid color-mix(in srgb,var(--line) 74%,transparent);display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--bg-card) 94%,transparent)}.student-cart-drawer-foot small{display:block;color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.student-cart-drawer-foot strong{color:var(--text-strong);font-size:1.05rem}.student-cart-savings-note{display:block;margin-top:2px;color:color-mix(in srgb,#10b981 68%,var(--text-main));font-size:.74rem;font-weight:700}.topbar-logout-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(135deg,color-mix(in srgb,#ef4444 14%,var(--bg-card)),color-mix(in srgb,#dc2626 8%,var(--bg-card)));border-color:color-mix(in srgb,#ef4444 30%,var(--line));color:#ef4444;font-size:.84rem;font-weight:700;letter-spacing:.02em;cursor:pointer;white-space:nowrap;min-height:40px;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .18s ease}.topbar-logout-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;box-shadow:0 4px 16px #ef444459;transform:translateY(-1px)}.topbar-logout-btn:active{transform:translateY(0)}.topbar-logout-icon{flex-shrink:0;display:flex}.topbar-logout-label{line-height:1}@media (max-width: 480px){.topbar-logout-label{display:inline}.topbar-logout-btn{width:100%;justify-content:center}.student-cart-drawer-floating{left:max(var(--shell-pad, 10px),env(safe-area-inset-left));right:max(var(--shell-pad, 10px),env(safe-area-inset-right));width:auto;top:max(calc(var(--app-shell-topbar-clearance, 84px) + 4px),env(safe-area-inset-top));max-height:calc(100dvh - var(--app-shell-topbar-clearance, 84px) - 8px - env(safe-area-inset-bottom));border-radius:14px}.student-cart-drawer-item{flex-direction:column;align-items:flex-start}.student-cart-voucher-row{flex-direction:column;align-items:stretch}.student-cart-voucher-row .secondary-btn,.student-cart-item-actions,.student-cart-item-actions .link-btn,.student-cart-item-actions .secondary-btn{width:100%}.student-cart-drawer-foot{flex-direction:column;align-items:stretch}}.topbar-brand{display:flex;align-items:center;gap:14px;min-width:0}.topbar-logo-btn{border:none;background:transparent;padding:0;margin:0;line-height:0;border-radius:14px}.topbar-logo-btn.is-refresh-enabled{cursor:pointer;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.topbar-logo-btn.is-refresh-enabled:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 8px 18px #0f172a24}.topbar-logo-btn.is-refresh-enabled:active{transform:translateY(0)}.topbar-logo-btn.is-refreshing{pointer-events:none;animation:topbar-logo-refresh-shell .56s ease both}.topbar-logo-btn.is-refreshing .topbar-logo{animation:topbar-logo-refresh-clean .56s cubic-bezier(.22,1,.36,1) both}.topbar-logo-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:2px}@keyframes topbar-logo-refresh-clean{0%{transform:scale(1);filter:saturate(1) brightness(1)}40%{transform:scale(1.055);filter:saturate(1.08) brightness(1.04)}to{transform:scale(1);filter:saturate(1) brightness(1)}}@keyframes topbar-logo-refresh-shell{0%{box-shadow:0 0 #14b8a600}50%{box-shadow:0 0 0 6px #14b8a62e}to{box-shadow:0 0 #14b8a600}}.topbar-logo{width:88px;height:52px;border-radius:14px;object-fit:contain;object-position:center;padding:3px 6px;background:#fff;border:2px solid var(--line-strong);flex-shrink:0;box-shadow:0 2px 8px #0000002e,0 0 0 1px #ffffff73 inset;transform:rotate(0)}.topbar-brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.topbar-site-name{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);line-height:1;white-space:nowrap}.topbar-title{margin:0;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.15rem;font-weight:800;color:var(--text-strong);letter-spacing:.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-section{margin-top:56px;padding:56px 0 52px;background:linear-gradient(160deg,var(--bg-mid) 0%,var(--bg-base) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.connect-inner{max-width:1040px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:36px;text-align:center}.connect-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.connect-heading{font-family:Plus Jakarta Sans,sans-serif;font-size:1.9rem;font-weight:800;color:var(--text-strong);margin:0 0 10px;line-height:1.2}.connect-sub{font-size:.9rem;color:var(--text-soft);max-width:460px;margin:0 auto;line-height:1.7}.connect-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;width:100%}.social-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1 1 200px;max-width:240px;padding:22px 20px 20px;border-radius:20px;border:1.5px solid var(--line);background:var(--bg-card);text-decoration:none;overflow:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .18s ease}.social-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .22s ease;border-radius:inherit}.social-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000038}.social-card:hover:before{opacity:1}.social-card--instagram:before{background:linear-gradient(135deg,#fd58491f,#d629761f,#9138c01f)}.social-card--instagram:hover{border-color:#e1306c;box-shadow:0 16px 40px #e1306c38}.social-card--instagram .social-card-icon{color:#e1306c;background:linear-gradient(135deg,#fd584926,#d6297626)}.social-card--telegram:before{background:linear-gradient(135deg,#0088cc1f,#00aae21a)}.social-card--telegram:hover{border-color:#08c;box-shadow:0 16px 40px #0088cc38}.social-card--telegram .social-card-icon{color:#08c;background:#0088cc1f}.social-card--youtube:before{background:linear-gradient(135deg,#ff00001f,#cc00001a)}.social-card--youtube:hover{border-color:red;box-shadow:0 16px 40px #f003}.social-card--youtube .social-card-icon{color:red;background:#ff00001a}.social-card-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;flex-shrink:0;position:relative;z-index:1}.social-card-icon svg{width:22px;height:22px}.social-card-label{font-size:.95rem;font-weight:700;color:var(--text-strong);position:relative;z-index:1}.social-card-handle{font-size:.78rem;color:var(--text-muted);position:relative;z-index:1}.social-card-arrow{position:absolute;top:14px;right:16px;font-size:1rem;color:var(--text-muted);transition:color .2s ease,transform .2s ease;z-index:1}.social-card:hover .social-card-arrow{color:var(--text-main);transform:translate(2px,-2px)}.student-footer{background:var(--bg-tail, #080b11);border-top:1px solid var(--line);padding:40px 0 24px;margin-top:0}.footer-inner{max-width:1040px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:32px 40px;align-items:start}.footer-brand{display:flex;align-items:center;gap:14px;grid-column:1;grid-row:1}.footer-logo{width:108px;height:64px;border-radius:16px;object-fit:contain;object-position:center;padding:4px 8px;background:#fff;border:2px solid var(--line-strong);box-shadow:0 2px 10px #00000052,0 0 0 1px #fff6 inset;transform:rotate(0);flex-shrink:0}.footer-brand-name{font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;color:var(--text-strong);margin:0 0 3px}.footer-tagline{font-size:.76rem;color:var(--text-muted);line-height:1.55;margin:0;max-width:240px}.footer-cols{display:flex;gap:40px;grid-column:2;grid-row:1}.footer-col{display:flex;flex-direction:column;gap:8px;min-width:130px}.footer-col-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px}.footer-nav-link{padding:0;background:none;border:none;font-size:.82rem;font-weight:500;text-decoration:none;color:var(--text-soft);cursor:pointer;text-align:left;transition:color .16s ease,transform .16s ease;width:fit-content;font-family:inherit}.footer-nav-link:hover{color:var(--accent);transform:translate(3px)}.footer-nav-link--external{color:var(--text-muted)}.footer-nav-link--external:hover{color:var(--accent)}.footer-copy{font-size:.71rem;color:var(--text-muted);margin:0;padding-top:16px;border-top:1px solid var(--line);width:100%;grid-column:1 / -1;grid-row:2;text-align:center}@media (max-width: 560px){.connect-heading{font-size:1.45rem}.connect-cards{gap:12px}.social-card{max-width:100%}.topbar-logo{width:72px;height:44px}.footer-logo{width:92px;height:56px}.footer-inner{grid-template-columns:1fr;gap:20px}.footer-brand{grid-column:1;grid-row:1}.footer-cols{grid-column:1;grid-row:2;gap:24px;flex-wrap:wrap}.footer-copy{grid-row:3}}.profile-trigger-wrap{position:relative;display:inline-flex}.profile-icon-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--line-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card-soft) 92%,#ffffff 8%),color-mix(in srgb,var(--bg-card) 92%,transparent));padding:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-strong);font-weight:700;box-shadow:0 10px 18px color-mix(in srgb,#0f172a 18%,transparent);transition:transform .16s ease,border-color .16s ease,box-shadow .18s ease}.profile-icon-btn:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--accent) 24%,transparent)}.profile-icon-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.profile-hover-card{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;border-radius:16px;border:1px solid var(--line-strong);background:linear-gradient(150deg,var(--surface-start),var(--surface-end));box-shadow:var(--shadow-md);padding:10px 12px;display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;z-index:40}.profile-trigger-wrap:hover .profile-hover-card,.profile-trigger-wrap:focus-within .profile-hover-card{opacity:1;transform:translateY(0);pointer-events:auto}.profile-hover-card strong{color:var(--text-strong);font-size:.92rem}.profile-hover-card span{color:var(--text-soft);font-size:.78rem}.profile-membership-card{margin-top:6px;border:1px solid color-mix(in srgb,var(--line-strong) 82%,transparent);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--bg-card-soft)),color-mix(in srgb,var(--bg-card) 86%,transparent));padding:8px 9px;display:flex;flex-direction:column;gap:5px}.profile-membership-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-membership-label{color:var(--text-strong);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.profile-membership-tag{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 42%,var(--bg-card-soft));border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.02em;padding:2px 7px}.profile-membership-expiry{color:color-mix(in srgb,var(--text-main) 88%,#ffffff 12%);font-size:.72rem;line-height:1.35}html[data-theme=light] .profile-membership-tag{background:color-mix(in srgb,var(--accent) 16%,#ffffff 84%)}.profile-theme-btn{margin-top:4px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-card-soft) 90%,#ffffff 10%),color-mix(in srgb,var(--bg-card) 92%,transparent));color:var(--text-main);border-radius:8px;padding:6px 10px;font-size:.72rem;font-weight:700;cursor:pointer;text-align:center;transition:transform .15s ease,border-color .16s ease,box-shadow .18s ease,color .16s ease,background .18s ease}.profile-theme-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 20%,transparent)}.profile-quick-logout-btn{border-color:color-mix(in srgb,#ef4444 40%,var(--line));color:#ef4444}.profile-quick-logout-btn:hover{border-color:#ef4444;background:linear-gradient(135deg,color-mix(in srgb,#ef4444 20%,var(--bg-card-soft)),color-mix(in srgb,#dc2626 14%,var(--bg-card)));color:#fff}.profile-icon-image,.profile-avatar-large-image{width:100%;height:100%;object-fit:cover;display:block}.profile-icon-fallback{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1rem}.recovery-center-card{padding-top:18px;margin-top:18px}.recovery-center-card .section-header{margin-bottom:14px}.recovery-center-card .analytics-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:12px}.recovery-center-card .analytics-section-scroll{margin-top:0}.recovery-date-filter{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.01em;white-space:nowrap}.recovery-date-filter>span{text-transform:uppercase;letter-spacing:.06em}.recovery-date-input{min-height:30px;height:30px;padding:4px 8px;font-size:.74rem;min-width:126px;max-width:132px}.lecture-topic-tools-note{margin-left:auto;color:color-mix(in srgb,var(--text-muted) 86%,transparent);font-size:.9rem}.lecture-topic-stage{margin:10px 0 16px}.lecture-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.lecture-topic-card{border:1px solid color-mix(in srgb,var(--border-soft) 72%,transparent);border-radius:14px;padding:16px;background:linear-gradient(180deg,color-mix(in srgb,#fff7e8 75%,var(--surface-alt) 25%),color-mix(in srgb,#fff 70%,var(--surface) 30%));text-align:left;display:grid;gap:6px;cursor:pointer;box-shadow:0 10px 28px #0f172a1a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.lecture-topic-card:hover,.lecture-topic-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 30px #0f172a24;border-color:color-mix(in srgb,#f59e0b 44%,var(--border-soft) 56%)}.lecture-topic-card strong{font-size:1rem;color:var(--text-primary)}.lecture-topic-card span{color:color-mix(in srgb,var(--text-muted) 90%,transparent);font-size:.88rem}.lecture-topic-icon{font-size:1.35rem}.student-quiz-topic-grid{margin-top:2px}.student-quiz-topic-card{background:linear-gradient(180deg,color-mix(in srgb,#ecfeff 78%,var(--surface-alt) 22%),color-mix(in srgb,#ffffff 74%,var(--surface) 26%));border-color:color-mix(in srgb,#06b6d4 40%,var(--border-soft) 60%)}.student-quiz-topic-card:hover,.student-quiz-topic-card:focus-visible{border-color:color-mix(in srgb,#0891b2 62%,var(--border-soft) 38%);box-shadow:0 18px 32px #0891b233}.recovery-search-btn,.recovery-clear-btn{min-height:30px;padding:5px 10px;font-size:.76rem}.recovery-search-btn{margin-left:2px}.recovery-action-btn{min-height:30px;padding:5px 10px;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.recovery-action-btn-icon{display:none;font-size:.95rem;line-height:1}.recovery-action-note{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 10px;border-radius:10px;font-size:.75rem;font-weight:700;white-space:nowrap}.recovery-action-note-icon{display:none;font-size:.92rem;line-height:1}@media (max-width: 768px){.recovery-action-btn{min-width:34px;width:34px;height:34px;min-height:34px;padding:0;border-radius:10px;gap:0}.recovery-action-btn-text{display:none}.recovery-action-btn-icon{display:inline-flex;align-items:center;justify-content:center}.recovery-action-note{min-width:34px;width:34px;height:34px;min-height:34px;padding:0;border-radius:10px;gap:0}.recovery-action-note-text{display:none}.recovery-action-note-icon{display:inline-flex;align-items:center;justify-content:center}}.stat-card{min-width:136px;border-radius:var(--radius-lg);padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stat-card span{color:var(--text-muted);font-size:.8rem}.stat-card strong{font-size:1.38rem;color:var(--text-strong)}.dashboard-grid.admin-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px;align-items:start}.dashboard-grid.admin-grid>#section-community-chat,.dashboard-grid.admin-grid>.admin-after-community-grid{grid-column:1 / -1}.compose-card,.table-card{height:100%}.compose-card{padding:18px;border-radius:var(--radius-lg);position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto}.compose-card h2{font-size:1.12rem}.compose-card label{gap:6px;font-size:.9rem}.compose-card input,.compose-card textarea{padding:10px 11px;border-radius:11px}.compose-card .primary-btn{width:100%}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.86) translateY(28px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tile-pulse{0%{transform:scale(1)}40%{transform:scale(.93)}70%{transform:scale(1.03)}to{transform:scale(1)}}.course-manager-card{display:flex;flex-direction:column;gap:16px}.course-manager-card{background:linear-gradient(165deg,var(--surface-start) 0%,var(--surface-end) 100%)}.course-manager-card .course-grid{gap:12px}.course-manager-card .course-tile{border-color:color-mix(in srgb,var(--tile-accent) 32%,var(--line));background:radial-gradient(120% 110% at 0% 0%,color-mix(in srgb,var(--tile-accent) 14%,transparent) 0%,transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--tile-accent) 8%,var(--surface-start)) 0%,var(--surface-end) 92%);box-shadow:0 8px 24px color-mix(in srgb,var(--tile-accent) 14%,transparent)}.course-manager-card .course-tile:hover{border-color:color-mix(in srgb,var(--tile-accent) 58%,var(--line));box-shadow:0 14px 30px color-mix(in srgb,var(--tile-accent) 26%,transparent)}.course-manager-card .course-tile-icon{background:color-mix(in srgb,var(--tile-accent) 18%,transparent);color:color-mix(in srgb,var(--tile-accent) 82%,#0f172a);border:1px solid color-mix(in srgb,var(--tile-accent) 40%,transparent)}.course-manager-card .course-tile-label{color:color-mix(in srgb,var(--tile-accent) 28%,var(--text-strong))}.course-manager-card .course-tile-count{color:color-mix(in srgb,var(--tile-accent) 18%,var(--text-muted))}html[data-theme=dark] .course-manager-card .course-tile{background:radial-gradient(120% 110% at 0% 0%,color-mix(in srgb,var(--tile-accent) 22%,transparent) 0%,transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--tile-accent) 14%,var(--surface-start)) 0%,var(--surface-end) 92%)}.quiz-builder-panel{margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg-card-soft);display:flex;flex-direction:column;gap:12px}.quiz-builder-section{margin-top:28px;padding:20px;gap:14px}.quiz-builder-heading-row{margin:0 0 10px}.quiz-builder-panel h3{margin:2px 0 0;font-size:1rem}.quiz-builder-form{display:flex;flex-direction:column;gap:10px}.quiz-builder-header-checkbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 0 4px}.quiz-builder-header-checkbox>span{font-size:.82rem;font-weight:600;color:var(--fg-muted);flex-shrink:0;width:100%}.quiz-inline-checkbox{display:flex;align-items:center;gap:6px;font-size:.84rem;cursor:pointer;-webkit-user-select:none;user-select:none}.quiz-inline-checkbox input[type=checkbox]{width:15px;height:15px;flex-shrink:0;margin:0;cursor:pointer}.quiz-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quiz-toggle-row{flex-direction:row;align-items:center;gap:8px;font-size:.86rem}.quiz-question-list{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto;overflow-x:hidden;padding-right:6px;scroll-behavior:smooth}.quiz-editor-card{border:1px solid var(--line);background:var(--bg-card);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.quiz-editor-head{display:flex;justify-content:space-between;align-items:center}.quiz-options-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content-library-card{padding:18px 20px 0;display:flex;flex-direction:column;gap:0;margin-top:28px;max-height:560px}.content-library-header{margin:0 0 12px;flex-shrink:0}.library-scroll-body{flex:1;min-height:0;max-height:540px;overflow-y:scroll;overflow-x:hidden;padding:2px 0 18px;scroll-behavior:smooth}.quiz-admin-list{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.quiz-admin-items{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;overflow-x:hidden;padding-right:6px;scroll-behavior:smooth}.payment-settings-panel .quiz-admin-items{max-height:52vh;overflow-y:auto;overflow-x:hidden;padding-right:6px;padding-bottom:10px}.payment-settings-panel{margin-top:28px}.payment-pricing-card,.payment-voucher-card{max-height:72vh;overflow-y:auto;overflow-x:hidden;padding-right:4px}.quiz-count-cards{display:flex;gap:8px;align-items:stretch}.quiz-admin-item{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--bg-card)}.quiz-admin-item-body{min-width:0;display:flex;flex-direction:column;gap:4px}.quiz-admin-item strong{font-size:.9rem;color:var(--text-strong)}.quiz-admin-item p{margin:0;font-size:.82rem;color:var(--text-soft)}.quiz-admin-meta{display:flex;flex-wrap:wrap;gap:6px}.quiz-admin-meta-chip{border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-fg);padding:3px 8px;font-size:.72rem;line-height:1.2;white-space:nowrap}.quiz-admin-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.quiz-admin-item-actions .danger-btn,.quiz-admin-item-actions .secondary-btn{margin-top:0;min-height:30px;padding:6px 10px;font-size:.78rem}.quiz-admin-meta input{min-width:110px;max-width:148px}.membership-status-banner{border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 88%,transparent),color-mix(in srgb,#10b981 12%,var(--bg-card-soft)))}.monthly-exam-notice{border:1px solid color-mix(in srgb,#f59e0b 30%,var(--line));background:radial-gradient(circle at top right,rgba(245,158,11,.2),transparent 38%),linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 92%,transparent),color-mix(in srgb,var(--bg-card-soft) 88%,transparent))}.monthly-exam-panel{border:1px solid color-mix(in srgb,#06b6d4 26%,var(--line))}.membership-lock-panel{overflow:hidden;border:1px solid color-mix(in srgb,#f59e0b 32%,var(--line));background:radial-gradient(circle at top right,rgba(245,158,11,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(79,70,229,.18),transparent 36%),linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 96%,transparent),color-mix(in srgb,var(--bg-card-soft) 92%,transparent))}.module-membership-lock-panel{margin-top:6px}.membership-target-switch{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.membership-target-switch .secondary-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-card-soft));color:var(--text-main);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 14%,transparent)}.pricing-course-item{flex-direction:column;align-items:stretch;gap:0}.pricing-course-item .quiz-admin-item-body,.pricing-course-item .quiz-admin-item-actions{width:100%}.pricing-course-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pricing-course-icon{font-size:1.5rem;line-height:1}.pricing-course-sub{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.pricing-input-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:8px 0}.pricing-input-label{display:flex;flex-direction:column;gap:4px;font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;min-width:100px}.pricing-input-label input[type=number]{width:100%;max-width:130px;padding:8px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-input, var(--bg-card-soft));color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.pricing-active-label{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary);padding-bottom:6px;min-width:80px}.pricing-active-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.pricing-actions-col{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;padding:8px 0 4px}.pricing-inline-status{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em}.pricing-inline-status-success{color:#065f46;background:#10b98129;border:1px solid rgba(16,185,129,.28)}.pricing-inline-status-error{color:#991b1b;background:#ef444424;border:1px solid rgba(239,68,68,.24)}.module-pricing-panel{border-top:1px solid var(--border);padding:14px 0 4px;margin-top:10px}.module-pricing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.module-pricing-save-all-btn{white-space:nowrap}.module-pricing-toolbar-note{font-size:.74rem;color:var(--text-muted)}.module-pricing-scroll-desktop{display:block}.module-pricing-scroll{overflow-x:scroll;overflow-y:scroll;max-height:54vh;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:12px;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 55%,transparent) color-mix(in srgb,var(--border) 65%,transparent)}.module-pricing-scroll::-webkit-scrollbar{height:8px;width:8px}.module-pricing-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--border) 45%,transparent);border-radius:999px}.module-pricing-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 60%,transparent);border-radius:999px}.module-pricing-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.85rem}.module-pricing-table th{text-align:left;padding:6px 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.module-pricing-table td{padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);vertical-align:middle}.module-pricing-status-empty{color:var(--text-muted);font-size:.78rem}.module-pricing-name-cell{display:flex;align-items:center;gap:8px}.module-pricing-table tbody tr:last-child td{border-bottom:none}.module-pricing-table tbody tr:hover td{background:color-mix(in srgb,var(--bg-card-soft) 60%,transparent)}.module-pricing-bundle-row td{background:color-mix(in srgb,var(--accent) 8%,transparent);font-weight:600}.module-pricing-name{font-weight:500;color:var(--text-primary)}.module-pricing-input{width:80px;max-width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input, var(--bg-card-soft));color:var(--text-primary);font-size:.85rem;box-sizing:border-box}.module-pricing-mobile-list{display:none}.module-pricing-mobile-card{border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--bg-card-soft) 84%,transparent);border-radius:12px;padding:12px;margin-bottom:10px}.module-pricing-mobile-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.module-pricing-mobile-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.module-pricing-mobile-field{display:flex;flex-direction:column;gap:5px}.module-pricing-mobile-field span{font-size:.72rem;color:var(--text-muted);font-weight:600}.module-pricing-mobile-active{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;color:var(--text-secondary)}.module-price-toggle-btn{font-weight:700;letter-spacing:.01em}.membership-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.membership-plan-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--bg-card) 94%,transparent),color-mix(in srgb,var(--bg-card-soft) 92%,transparent));color:var(--text-main);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.membership-plan-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%);pointer-events:none}.membership-plan-card:hover{transform:translateY(-2px)}.membership-plan-card.pro{box-shadow:0 18px 34px #2563eb1f}.membership-plan-card.elite{border:2px solid rgba(251,191,36,.72);box-shadow:0 26px 50px #f59e0b57,0 0 0 1px #fbbf243d inset;background:radial-gradient(circle at top right,rgba(251,191,36,.34),transparent 36%),radial-gradient(circle at 14% 10%,rgba(254,240,138,.22),transparent 26%),linear-gradient(152deg,#3c280af5,#231a0afa)}.membership-plan-card.elite .membership-plan-price{color:#fef3c7;text-shadow:0 6px 18px rgba(245,158,11,.28)}.membership-plan-card.elite .membership-plan-badge{border-color:#fbbf24b8;background:#fbbf2424;color:#fef3c7}.membership-plan-card.elite .membership-plan-kicker,.membership-plan-card.elite .membership-plan-duration,.membership-plan-card.elite .membership-plan-points li{color:#fff7d7eb}.membership-plan-card.selected{border-color:color-mix(in srgb,#f8fafc 18%,var(--accent));box-shadow:0 24px 48px color-mix(in srgb,var(--accent) 24%,transparent);transform:translateY(-4px) scale(1.01)}.membership-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.membership-plan-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-soft)}.membership-plan-badge{padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,#ffffff 16%,transparent);background:color-mix(in srgb,#ffffff 10%,transparent);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.membership-plan-elite-flag{margin-left:auto;padding:4px 8px;border-radius:999px;border:1px solid rgba(250,204,21,.6);background:linear-gradient(120deg,#facc1538,#fbbf241f);color:#fff4ca;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.membership-plan-price{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:var(--text-strong)}.membership-plan-duration{margin:0;color:var(--text-soft);font-size:.92rem}.membership-plan-points{list-style:none;margin:0;padding:0;display:grid;gap:8px}.membership-plan-points li{position:relative;padding-left:18px;color:var(--text-soft);font-size:.84rem}.membership-plan-points li:before{content:"✦";position:absolute;left:0;top:0;color:color-mix(in srgb,#f59e0b 72%,var(--accent))}.membership-actions-row{align-items:center}.membership-actions-row input{flex:1 1 220px}@media (max-width: 720px){.membership-plan-grid{grid-template-columns:1fr}.membership-plan-card{padding:16px}}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.course-tile{--tile-accent: #16a34a;position:relative;border:1.5px solid var(--border, #e5e7eb);border-radius:14px;padding:14px 12px 26px;background:var(--surface, #fff);display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:pointer;overflow:hidden;text-align:left;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .18s ease}.course-tile:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tile-accent);border-radius:14px 14px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.course-tile:hover:after,.course-tile:focus-visible:after{transform:scaleX(1)}.course-tile:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-color:var(--tile-accent)}.course-tile:active{transform:translateY(-1px) scale(.98);transition-duration:80ms}.course-tile:focus-visible{outline:2px solid var(--tile-accent);outline-offset:2px}.course-tile-icon{font-size:1.4rem;line-height:1;width:36px;height:36px;border-radius:10px;background:#0000000d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-tile-body{display:flex;flex-direction:column;gap:2px;flex:1}.course-tile-label{font-size:.85rem;font-weight:700;color:var(--text, #111827);line-height:1.3}.course-tile-count{font-size:.7rem;color:var(--muted, #6b7280);font-weight:500}.course-tile-plus{position:absolute;bottom:8px;right:11px;font-size:1.15rem;font-weight:700;color:var(--tile-accent);opacity:.45;line-height:1;transition:opacity .18s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.course-tile:hover .course-tile-plus{opacity:1;transform:rotate(90deg) scale(1.2)}.course-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3600;background:var(--bg-overlay);display:flex;align-items:flex-start;justify-content:center;padding:clamp(108px,13vh,148px) 20px 20px;overflow:hidden;overscroll-behavior:none;animation:backdrop-fade-in .22s ease both}.course-modal{width:min(700px,100%);max-height:min(82vh,760px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 22px;animation:modal-slide-in .3s cubic-bezier(.34,1.56,.64,1) both}.course-modal-themed{--course-modal-accent: #2563eb;--course-modal-accent-alt: #0ea5e9;--course-modal-glow-a: 37, 99, 235;--course-modal-glow-b: 14, 165, 233}.course-modal-step-module{border:1px solid color-mix(in srgb,var(--course-modal-accent) 34%,var(--line));background:radial-gradient(460px 190px at 10% -12%,rgba(var(--course-modal-glow-a),.2),transparent 62%),radial-gradient(400px 200px at 98% 112%,rgba(var(--course-modal-glow-b),.17),transparent 68%),linear-gradient(148deg,color-mix(in srgb,var(--course-modal-accent-alt) 16%,var(--surface-start)) 0%,var(--surface-end) 84%)}.course-modal-step-topic{border:1px solid color-mix(in srgb,var(--course-modal-accent-alt) 36%,var(--line))}.course-modal-step-upload{border:1px solid color-mix(in srgb,var(--course-modal-accent-alt) 34%,var(--line));background:radial-gradient(560px 220px at 0% -15%,rgba(var(--course-modal-glow-b),.18),transparent 64%),radial-gradient(420px 210px at 104% 110%,rgba(var(--course-modal-glow-a),.14),transparent 66%),linear-gradient(154deg,color-mix(in srgb,var(--course-modal-accent-alt) 18%,var(--surface-start)) 0%,var(--surface-end) 84%)}@media (max-width: 1024px){.course-modal-backdrop{padding:clamp(96px,11vh,128px) 16px 16px}}@media (max-width: 720px){.course-modal-backdrop{padding:clamp(88px,10vh,112px) 12px 12px}.course-modal{width:min(680px,100%);max-height:min(84vh,780px);padding:16px 14px}.course-modal-stagebar{grid-template-columns:1fr}}.course-modal .modal-header{margin:0 0 14px;align-items:center}.course-modal-stagebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.course-modal-stage-pill{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--text-soft);background:color-mix(in srgb,var(--bg-card-soft) 86%,transparent)}.course-modal-stage-pill.active{border-color:color-mix(in srgb,var(--course-modal-accent) 58%,transparent);background:color-mix(in srgb,var(--course-modal-accent) 18%,var(--bg-card-soft));color:var(--text-strong);box-shadow:0 10px 24px color-mix(in srgb,var(--course-modal-accent) 18%,transparent)}.course-modal-stage-pill.done{border-color:color-mix(in srgb,#10b981 44%,transparent);color:color-mix(in srgb,#065f46 56%,var(--text-main));background:color-mix(in srgb,#10b981 18%,var(--bg-card-soft))}.course-modal-stage-index{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:.73rem;font-weight:800;border:1px solid color-mix(in srgb,var(--line) 68%,transparent);background:color-mix(in srgb,#ffffff 70%,var(--bg-card-soft))}.course-modal-step-shell,.course-upload-shell{border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:16px;padding:14px;background:color-mix(in srgb,var(--bg-card-soft) 90%,transparent)}.module-step-shell{background:radial-gradient(240px 120px at 0% 0%,rgba(var(--course-modal-glow-a),.12),transparent 64%),color-mix(in srgb,var(--bg-card-soft) 92%,transparent)}.topic-step-shell{background:radial-gradient(260px 120px at 100% 0%,rgba(var(--course-modal-glow-b),.13),transparent 66%),color-mix(in srgb,var(--bg-card-soft) 92%,transparent)}.course-upload-shell{background:radial-gradient(280px 120px at 0% 0%,rgba(var(--course-modal-glow-b),.12),transparent 65%),color-mix(in srgb,var(--bg-card-soft) 92%,transparent)}.course-modal-step-head{margin:0 0 12px}.course-modal-step-head h3{margin:0;font-size:1.08rem;color:var(--text-strong)}.course-modal-step-head .subtitle{margin:6px 0 0}.admin-course-workspace{width:min(1080px,100%);margin:0 auto;border:1px solid color-mix(in srgb,var(--course-modal-accent) 26%,var(--line));border-radius:20px;padding:20px;background:radial-gradient(620px 220px at -6% -12%,rgba(var(--course-modal-glow-a),.16),transparent 62%),radial-gradient(540px 240px at 104% 112%,rgba(var(--course-modal-glow-b),.13),transparent 66%),linear-gradient(156deg,color-mix(in srgb,var(--course-modal-accent-alt) 12%,var(--surface-start)) 0%,var(--surface-end) 84%);box-shadow:0 24px 46px color-mix(in srgb,var(--course-modal-accent) 12%,transparent)}.admin-course-workspace-head{margin-bottom:14px}.admin-course-workspace .course-modal-stagebar{margin-bottom:18px}.course-modal-form{display:flex;flex-direction:column;gap:16px}.course-modal-form label{gap:8px;font-size:.93rem}.course-modal-form input,.course-modal-form textarea{padding:11px 13px;border-radius:12px}.module-manager{display:flex;flex-direction:column;gap:14px}.module-manager-scroll{max-height:48vh;overflow-y:scroll;overflow-x:hidden;padding-right:6px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.module-manager-header{text-align:center;padding:4px 0 2px}.module-manager-header h3{font-size:1.18rem;font-weight:600;margin:0 0 4px;color:var(--text-strong)}.module-manager-header .subtitle{font-size:.84rem;color:var(--text-soft);margin:0}.modules-section{display:flex;flex-direction:column;gap:8px}.modules-section-title{font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:0}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.module-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 14px;background:var(--bg-card-soft);border:2px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:all .16s ease;font-size:.88rem;font-weight:500;color:var(--text-main);position:relative}.module-chip:hover{background:var(--bg-card);border-color:var(--accent);transform:translateY(-2px)}.module-chip-active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 18%,transparent)}.module-chip-icon{font-size:1.4rem;display:block}.module-chip-label{word-break:break-word;text-align:center;max-width:110px}.module-chip-checkmark{position:absolute;top:4px;right:4px;font-size:1.1rem;background:var(--accent);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0d140d;font-weight:700}.create-module-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:2px dashed var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .16s ease}.create-module-btn:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);transform:translateY(-1px)}.create-module-btn:active{transform:translateY(0)}.create-icon{font-size:1.2rem;font-weight:700}.create-text{display:inline}.create-module-form{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-card-soft);border-radius:var(--radius-md)}.create-module-form .form-group{display:flex;flex-direction:column;gap:8px}.create-module-form label{font-size:.9rem;font-weight:500;color:var(--text-main)}.create-module-form input{padding:10px 12px;background:var(--input-bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text-main);font-size:.9rem;transition:all .14s ease}.create-module-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 22%,transparent)}.create-module-form input::placeholder{color:var(--text-muted)}.form-error{font-size:.85rem;color:var(--danger);margin:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.module-selected-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-main);margin-top:4px}.indicator-icon{font-size:1.1rem;color:var(--accent);font-weight:700}.module-chip-wrap{position:relative;display:flex;flex-direction:column}.module-chip-wrap .module-chip{width:100%}.module-chip-delete{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:8px;border:none;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:.82rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.7);transition:opacity .16s ease,transform .16s cubic-bezier(.34,1.56,.64,1),background .14s ease;z-index:2}.module-chip-wrap:hover .module-chip-delete,.module-chip-wrap:focus-within .module-chip-delete{opacity:1;transform:scale(1)}.module-chip-delete:hover{background:color-mix(in srgb,var(--danger) 22%,transparent);transform:scale(1.12)!important}.module-chip-delete:active{transform:scale(.95)!important}.module-delete-confirm{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;background:color-mix(in srgb,var(--danger) 6%,var(--bg-card-soft));border:1.5px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--radius-lg);animation:modal-slide-in .22s cubic-bezier(.34,1.56,.64,1) both}.module-delete-confirm-icon{font-size:2.2rem;line-height:1}.module-delete-confirm-body{text-align:center}.module-delete-confirm-title{font-size:1rem;font-weight:600;color:var(--text-strong);margin:0 0 6px}.module-delete-confirm-sub{font-size:.85rem;color:var(--text-soft);margin:0}.module-delete-confirm-actions{display:flex;gap:10px}.danger-btn{padding:9px 18px;border-radius:var(--radius-md);border:none;background:var(--danger);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .14s ease,transform .14s ease,opacity .14s ease}.danger-btn:hover{background:color-mix(in srgb,var(--danger) 85%,#000);transform:translateY(-1px)}.danger-btn:active{transform:translateY(0)}.danger-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.module-manager-msg{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:.88rem;font-weight:500}.module-manager-msg--success{background:color-mix(in srgb,#22c55e 12%,transparent);border:1px solid color-mix(in srgb,#22c55e 35%,transparent);color:#4ade80}.module-manager-msg--error{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}@media (max-width: 768px){.module-manager-scroll{max-height:52vh;overflow-y:auto;padding-right:0}}.msg-close-btn{background:none;border:none;cursor:pointer;font-size:.8rem;color:inherit;opacity:.7;padding:0 2px;flex-shrink:0}.msg-close-btn:hover{opacity:1}.upload-form-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text-soft);font-size:.9rem;cursor:pointer;transition:all .14s ease}.back-btn:hover{background:var(--bg-card-soft);border-color:var(--text-main);color:var(--text-main)}.back-btn:active{transform:translateY(1px)}.module-breadcrumb{font-size:.9rem;color:var(--text-soft);margin:6px 0 0}.csir-course-modal{border:1px solid color-mix(in srgb,var(--course-modal-accent-alt) 30%,var(--line));background:radial-gradient(520px 220px at -8% -10%,rgba(var(--course-modal-glow-b),.16),transparent 58%),radial-gradient(460px 260px at 106% 112%,rgba(var(--course-modal-glow-a),.14),transparent 64%),linear-gradient(158deg,color-mix(in srgb,var(--course-modal-accent) 8%,var(--surface-start)) 0%,var(--surface-end) 78%)}.csir-topic-manager{display:grid;gap:12px}.csir-topic-header h3{margin:0;font-size:1.1rem}.csir-topic-header .subtitle{margin-top:6px}.csir-topic-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.csir-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.csir-topic-card{position:relative;border:1px solid color-mix(in srgb,#0891b2 28%,var(--line));border-radius:14px;background:radial-gradient(180px 110px at 20% -10%,rgba(20,184,166,.14),transparent 60%),linear-gradient(150deg,color-mix(in srgb,#0f766e 12%,var(--bg-card-soft)),color-mix(in srgb,#2563eb 8%,var(--bg-card-soft)) 82%);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.csir-topic-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0284c733}.csir-topic-card.active{border-color:color-mix(in srgb,#22d3ee 60%,var(--line));box-shadow:0 14px 32px #0ea5e942}.csir-topic-open{width:100%;border:none;background:transparent;padding:14px 14px 12px;display:grid;justify-items:start;gap:5px;text-align:left}.csir-topic-icon{font-size:1.35rem;animation:csir-folder-float 2.4s ease-in-out infinite}.csir-topic-name{font-weight:700;color:var(--text-strong);word-break:break-word}.csir-topic-hint{font-size:.77rem;letter-spacing:.03em;color:var(--text-soft)}.csir-topic-delete{position:absolute;top:8px;right:8px;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger-text);border-radius:9px;padding:4px 6px;font-size:.76rem}@keyframes csir-folder-float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.csir-topic-icon{animation:none}}@media (max-width: 720px){.csir-topic-create-row{grid-template-columns:1fr}}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:18px;animation:backdrop-fade-in .2s ease both}.confirm-modal{width:min(520px,100%);padding:22px;display:flex;flex-direction:column;gap:12px;animation:modal-slide-in .24s cubic-bezier(.34,1.56,.64,1) both}.confirm-modal .subtitle{margin:0}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.confirm-modal-actions .danger-btn{margin-top:0}.voucher-confirm-modal{border:1px solid color-mix(in srgb,#ef4444 24%,var(--line));background:radial-gradient(circle at top right,color-mix(in srgb,#ef4444 12%,transparent),transparent 55%),linear-gradient(160deg,var(--surface-start) 0%,var(--surface-end) 100%)}.voucher-confirm-modal h2{color:color-mix(in srgb,#ef4444 75%,var(--text-main))}.profile-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3600;display:grid;place-items:center;padding:20px;background:#060b0885;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:profile-backdrop-in .22s ease both}.profile-modal-backdrop.closing{animation:profile-backdrop-out .19s ease both}.profile-modal{width:min(960px,100%);max-height:min(88vh,860px);overflow-y:auto;overflow-x:hidden;border-radius:24px;border:1px solid var(--line-strong);background:linear-gradient(160deg,var(--surface-start),var(--surface-end));box-shadow:var(--shadow-lg);padding:24px;animation:profile-modal-in .28s cubic-bezier(.24,.92,.3,1) both;box-sizing:border-box;transform-origin:top center;will-change:transform,opacity}.profile-modal.closing{animation:profile-modal-out .2s cubic-bezier(.4,0,1,1) both}@keyframes profile-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes profile-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes profile-modal-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes profile-modal-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.992)}}@media (prefers-reduced-motion: reduce){.profile-modal-backdrop,.profile-modal,.profile-modal-backdrop.closing,.profile-modal.closing{animation:none}}.profile-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.profile-close-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line-strong);background:color-mix(in srgb,var(--bg-card) 80%,transparent);color:var(--text-soft);font-size:1.1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;padding:0}.profile-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:rotate(90deg) scale(1.08)}.profile-modal-body{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:18px}.profile-summary-card,.profile-edit-form{border:1px solid var(--line);border-radius:18px;background:#ffffff08;padding:18px}.profile-summary-card{display:flex;flex-direction:column;align-items:center;gap:14px}.profile-avatar-large{width:104px;height:104px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--accent),var(--accent-2));color:var(--btn-primary-fg);font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:2rem;font-weight:700}.profile-photo-upload{width:100%}.profile-photo-upload input{display:none}.profile-photo-upload span{width:100%;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--secondary-bg);color:var(--secondary-fg);font-weight:700;font-size:.78rem}.profile-delete-photo-btn{width:100%}.profile-theme-modal-btn{width:100%;margin-top:2px;justify-content:center;min-height:34px;padding:7px 10px;font-size:.78rem}.profile-summary-list{width:100%;display:grid;gap:10px}.profile-summary-list div{display:flex;flex-direction:column;gap:3px;border-bottom:1px solid var(--line);padding-bottom:9px}.profile-summary-list div:last-child{border-bottom:none;padding-bottom:0}.profile-summary-list span{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.profile-summary-list strong{color:var(--text-strong);font-size:.96rem}.profile-edit-form{display:grid;gap:12px}.profile-edit-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.profile-edit-actions .secondary-btn,.profile-edit-actions .primary-btn{min-width:96px;min-height:30px;padding:5px 9px;font-size:.76rem}.profile-logout-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;border:1.5px solid color-mix(in srgb,#ef4444 32%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#ef4444 12%,var(--bg-card)),color-mix(in srgb,#dc2626 6%,var(--bg-card)));color:#ef4444;font-size:.84rem;font-weight:700;letter-spacing:.02em;cursor:pointer;white-space:nowrap;min-height:34px;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .18s ease}.profile-logout-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;box-shadow:0 4px 16px #ef444452;transform:translateY(-1px)}.profile-logout-btn:active{transform:translateY(0)}.profile-logout-btn svg{flex-shrink:0}.table-card{padding:18px}.registered-learners-card{max-height:560px;display:flex;flex-direction:column}.student-cards-scroll{flex:1;min-height:0;overflow-y:auto;padding:2px 2px 6px;scrollbar-width:thin;scrollbar-color:var(--border, #d1d5db) transparent}.student-cards-scroll::-webkit-scrollbar{width:5px}.student-cards-scroll::-webkit-scrollbar-track{background:transparent}.student-cards-scroll::-webkit-scrollbar-thumb{background:var(--border, #d1d5db);border-radius:10px}.student-cards-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted, #9ca3af)}.student-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.student-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border, #e5e7eb);border-radius:12px;background:var(--surface, #fff);animation:card-enter .28s ease both;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;position:relative}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.student-card:hover{box-shadow:0 4px 14px #00000017;border-color:var(--accent, #16a34a);transform:translateY(-2px)}.student-card-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent, #16a34a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.student-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.student-card-name{font-weight:600;font-size:.88rem;color:var(--text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-card-meta{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.student-course-badge{font-size:.67rem;font-weight:600;padding:2px 7px;border-radius:20px;background:#16a34a1f;color:var(--accent, #16a34a);white-space:nowrap}.student-city,.student-card-phone{font-size:.7rem;color:var(--muted, #6b7280)}.student-remove-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1.5px solid transparent;background:transparent;color:var(--muted, #9ca3af);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease,border-color .18s ease}.student-remove-btn:hover:not(:disabled){background:#ef44441a;color:#ef4444;border-color:#ef44444d}.student-remove-btn:disabled{opacity:.4;cursor:not-allowed}.section-header{display:flex;justify-content:space-between;align-items:start;gap:14px;margin:20px 0 14px}.section-header.standalone{margin-top:28px}.admin-nav-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:14px;box-shadow:0 2px 12px #0000000f;position:sticky;top:8px;z-index:10}.admin-nav-bar::-webkit-scrollbar{display:none}.admin-nav-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;border:1.5px solid transparent;background:transparent;color:var(--text-soft);font-size:.83rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;outline:none}.admin-nav-pill:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);transform:translateY(-1px)}.admin-nav-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 35%,transparent)}.admin-nav-pill-icon{font-size:1rem;line-height:1}.admin-nav-pill-label{letter-spacing:.01em}.admin-nav-pill-dot{position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#fffc}#section-live-class,#section-community-chat,#section-course-manager,#section-registered-users,#section-content-library,#section-quiz-builder,#section-monthly-mock-exam,#section-announcements,#section-feedback{scroll-margin-top:76px}#section-overview,#section-learning,#section-community-chat,#section-monthly-exam,#section-quiz-performance,#section-leaderboard,#section-feedback,#section-connect{scroll-margin-top:calc(var(--app-shell-topbar-clearance, 96px) + 10px)}.course-filter-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.library-search-row{margin-top:10px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;gap:8px;align-items:center}.library-search-input{height:40px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text-main);padding:0 12px}.library-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.content-library-card.is-overview{max-height:none;padding-bottom:18px}.library-course-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}.library-course-tile{min-height:112px}.library-course-tile:hover .course-tile-plus{transform:translate(3px) scale(1.08)}.library-course-all{border-style:dashed}.content-library-focused-head{align-items:flex-start;gap:10px}.content-library-focused-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.library-course-select{height:40px;min-width:190px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text-main);padding:0 12px}.library-course-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.content-library-focused-meta{margin-top:8px}.admin-content-page{display:flex;flex-direction:column;gap:14px;padding-bottom:20px}.admin-content-hero{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface-start),var(--surface-end));box-shadow:var(--shadow-sm);padding:16px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.admin-content-hero h2{margin:6px 0 4px}.admin-content-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;min-width:min(320px,100%)}.admin-content-tools{padding:14px}.admin-content-toolbar{display:flex;align-items:end;gap:10px}.admin-content-toolbar label{display:flex;flex-direction:column;gap:6px;font-weight:600}.admin-content-toolbar select{height:40px;min-width:220px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text-main);padding:0 10px}.admin-content-results{display:flex;flex-direction:column;gap:10px}.admin-workspace-page{display:flex;flex-direction:column;gap:14px;padding-bottom:20px}.workspace-hero{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.workspace-hero-quiz{background:linear-gradient(135deg,color-mix(in srgb,#2563eb 22%,var(--surface-start)) 0%,var(--surface-end) 85%)}.workspace-hero-mock{background:linear-gradient(135deg,color-mix(in srgb,#ea580c 20%,var(--surface-start)) 0%,var(--surface-end) 85%)}.workspace-hero-pricing{background:linear-gradient(135deg,color-mix(in srgb,#0f766e 20%,var(--surface-start)) 0%,var(--surface-end) 85%)}.workspace-hero-voucher{background:linear-gradient(135deg,color-mix(in srgb,#2563eb 20%,var(--surface-start)) 0%,var(--surface-end) 85%)}.workspace-hero-revenue{background:linear-gradient(135deg,color-mix(in srgb,#059669 20%,var(--surface-start)) 0%,var(--surface-end) 85%)}.workspace-hero-audit{background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 20%,var(--surface-start)) 0%,var(--surface-end) 85%)}.workspace-hero-recovery{background:linear-gradient(135deg,color-mix(in srgb,#db2777 20%,var(--surface-start)) 0%,var(--surface-end) 85%)}.workspace-hero-announcements{background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 20%,var(--surface-start)),color-mix(in srgb,#f97316 10%,var(--surface-end)) 85%)}.workspace-hero h2{margin:6px 0 4px}.workspace-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;min-width:min(320px,100%)}.workspace-panel{margin-top:0}.admin-workspace-page .workspace-panel .analytics-filters{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end}.admin-workspace-page .workspace-panel .analytics-filter-input,.admin-workspace-page .workspace-panel .analytics-filter-select{grid-column:span 3;min-height:42px}.admin-workspace-page .workspace-panel .analytics-filters .primary-btn,.admin-workspace-page .workspace-panel .analytics-filters .secondary-btn{grid-column:span 2;min-height:42px;padding:0 16px;justify-content:center;white-space:nowrap}.workspace-refresh-btn{min-width:134px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,border-color .22s ease,box-shadow .22s ease}.workspace-refresh-btn-icon{display:inline-block;line-height:1;font-size:1rem}.workspace-refresh-btn.is-loading .workspace-refresh-btn-icon{animation:workspace-refresh-spin .82s linear infinite}.workspace-refresh-btn.is-done{border-color:color-mix(in srgb,#22c55e 52%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 16%,transparent)}.workspace-refresh-btn.is-done .workspace-refresh-btn-icon{animation:workspace-refresh-pop .56s cubic-bezier(.22,.9,.2,1) both}@keyframes workspace-refresh-spin{to{transform:rotate(360deg)}}@keyframes workspace-refresh-pop{0%{transform:rotate(0) scale(1)}45%{transform:rotate(135deg) scale(1.16)}to{transform:rotate(360deg) scale(1)}}@media (max-width: 900px){.admin-workspace-page .workspace-panel .analytics-filters{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-workspace-page .workspace-panel .analytics-filter-input,.admin-workspace-page .workspace-panel .analytics-filter-select,.admin-workspace-page .workspace-panel .analytics-filters .primary-btn,.admin-workspace-page .workspace-panel .analytics-filters .secondary-btn{grid-column:span 3}}@media (max-width: 680px){.admin-workspace-page .workspace-panel .analytics-filters{grid-template-columns:1fr}.admin-workspace-page .workspace-panel .analytics-filter-input,.admin-workspace-page .workspace-panel .analytics-filter-select,.admin-workspace-page .workspace-panel .analytics-filters .primary-btn,.admin-workspace-page .workspace-panel .analytics-filters .secondary-btn{grid-column:auto;width:100%}}.workspace-row-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.workspace-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-launch-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--bg-card);display:flex;flex-direction:column;gap:8px}.workspace-launch-pricing{background:linear-gradient(145deg,color-mix(in srgb,#0f766e 14%,var(--bg-card)) 0%,var(--bg-card) 78%)}.workspace-launch-voucher{background:linear-gradient(145deg,color-mix(in srgb,#2563eb 14%,var(--bg-card)) 0%,var(--bg-card) 78%)}.workspace-launch-revenue{background:linear-gradient(145deg,color-mix(in srgb,#059669 14%,var(--bg-card)) 0%,var(--bg-card) 78%)}.workspace-launch-audit{background:linear-gradient(145deg,color-mix(in srgb,#7c3aed 14%,var(--bg-card)) 0%,var(--bg-card) 78%)}.workspace-launch-recovery{background:linear-gradient(145deg,color-mix(in srgb,#db2777 14%,var(--bg-card)) 0%,var(--bg-card) 78%)}.workspace-launch-card h3{margin:2px 0}.workspace-launch-card .primary-btn{margin-top:2px;width:fit-content}.admin-workspace-link-card{border-radius:16px}.quiz-link-card{background:linear-gradient(145deg,color-mix(in srgb,#2563eb 18%,var(--bg-card-soft)) 0%,var(--bg-card-soft) 70%)}.mock-link-card{background:linear-gradient(145deg,color-mix(in srgb,#ea580c 16%,var(--bg-card-soft)) 0%,var(--bg-card-soft) 70%)}.announcements-link-card{background:linear-gradient(145deg,color-mix(in srgb,#f59e0b 17%,var(--bg-card-soft)),color-mix(in srgb,#f97316 9%,var(--bg-card-soft)) 70%)}.community-link-card,.student-community-launch-card{background:linear-gradient(145deg,color-mix(in srgb,#0891b2 16%,var(--bg-card-soft)),color-mix(in srgb,#0f766e 10%,var(--bg-card-soft)) 72%)}.community-chat-page{display:grid;gap:14px;padding-top:6px}.community-chat-shell{--chat-bg-1: #13172b;--chat-bg-2: #0f1326;--chat-bg-3: #0b1020;--chat-surface-1: #171c34;--chat-surface-2: #1b2140;--chat-panel: rgba(19, 24, 46, .88);--chat-panel-border: rgba(34, 197, 168, .34);--chat-text-main: #eaf0ff;--chat-text-soft: #95a3cb;--chat-text-strong: #f7f9ff;--chat-bubble: linear-gradient(145deg, rgba(37, 44, 76, .9), rgba(26, 32, 58, .94));--chat-bubble-border: rgba(56, 189, 248, .26);--chat-my-bubble: linear-gradient(138deg, rgba(30, 136, 229, .82), rgba(13, 148, 136, .86));--chat-my-bubble-border: rgba(94, 234, 212, .56);--chat-input-bg: linear-gradient(145deg, rgba(24, 30, 56, .94), rgba(19, 25, 48, .98));--chat-font-size: .96rem;--chat-font-size-meta: .76rem;--chat-line-height: 1.48;--chat-message-gap: 8px;--chat-input-pad-y: 9px;--chat-input-pad-x: 12px}html[data-theme=light] .community-chat-shell{--chat-bg-1: #f4f7ff;--chat-bg-2: #ebf0ff;--chat-bg-3: #e2e9ff;--chat-surface-1: #ffffff;--chat-surface-2: #f4f7ff;--chat-panel: rgba(250, 252, 255, .95);--chat-panel-border: rgba(13, 148, 136, .28);--chat-text-main: #14213d;--chat-text-soft: #4f5f87;--chat-text-strong: #0b1730;--chat-bubble: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(241, 246, 255, .98));--chat-bubble-border: rgba(14, 165, 233, .22);--chat-my-bubble: linear-gradient(140deg, rgba(37, 99, 235, .94), rgba(13, 148, 136, .94));--chat-my-bubble-border: rgba(8, 145, 178, .34);--chat-input-bg: linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(243, 247, 255, .99))}.community-chat-shell{padding:0;overflow:hidden;min-height:74vh;border-radius:22px;border:1px solid color-mix(in srgb,#0ea5e9 56%,#14b8a6 44%);background:radial-gradient(720px 260px at 10% -5%,rgba(14,165,233,.28),transparent 62%),radial-gradient(600px 260px at 90% -8%,rgba(20,184,166,.24),transparent 60%),linear-gradient(165deg,var(--chat-bg-1) 0%,var(--chat-bg-2) 52%,var(--chat-bg-3) 100%);box-shadow:0 28px 62px #040816a6,inset 0 1px #ffffff1a}.community-chat-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 14px;border-bottom:1px solid var(--chat-panel-border);background:linear-gradient(120deg,color-mix(in srgb,var(--chat-panel) 95%,transparent),color-mix(in srgb,var(--chat-panel) 85%,transparent))}html:not([data-theme=light]) .community-chat-topbar{background:linear-gradient(120deg,#1b213ef5,#141a32f5);border-bottom-color:#2dd4bf57}.community-chat-kicker{margin:0;font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--chat-text-soft)}html:not([data-theme=light]) .community-chat-kicker{color:#c4cff8}.community-chat-topbar h2{margin-top:5px;font-size:clamp(1.05rem,1.1vw + .88rem,1.36rem);color:var(--chat-text-main)}html:not([data-theme=light]) .community-chat-topbar h2{color:#fff}.community-chat-presence{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(248,113,113,.56);background:#dc26262e;color:#ffe4e6;font-weight:700;font-size:.82rem}html[data-theme=light] .community-chat-presence{color:#7f1d1d;border-color:#dc262670;background:#f8717129}.community-chat-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef44448c;animation:live-dot-pulse 1.2s ease-in-out infinite}.community-chat-frame{min-height:68vh;background:linear-gradient(180deg,color-mix(in srgb,var(--chat-bg-2) 52%,transparent),color-mix(in srgb,var(--chat-bg-3) 80%,transparent))}.community-chat-shell .str-chat{height:68vh;background:transparent;color:var(--chat-text-main);font-size:var(--chat-font-size);line-height:var(--chat-line-height);--str-chat__background-color: transparent;--str-chat__primary-color: #0ea5e9;--str-chat__primary-color-rgb: 14, 165, 233;--str-chat__active-primary-color: #0284c7;--str-chat__on-primary-color: #ffffff;--str-chat__surface-color: var(--chat-surface-1);--str-chat__secondary-surface-color: var(--chat-surface-2);--str-chat__primary-surface-color: var(--chat-surface-2);--str-chat__text-color: var(--chat-text-main);--str-chat__secondary-text-color: var(--chat-text-soft);--str-chat__disabled-color: var(--chat-text-soft);--str-chat__border-radius-circle: 999px}.community-chat-shell .str-chat__channel{height:100%}.community-chat-shell .str-chat__main-panel,.community-chat-shell .str-chat__channel,.community-chat-shell .str-chat__container,.community-chat-shell .str-chat-channel,.community-chat-shell .str-chat__main-panel-inner,.community-chat-shell .str-chat__virtual-list,.community-chat-shell .str-chat__message-list,.community-chat-shell .str-chat__message-list-scroll{background:transparent}.community-chat-shell .str-chat__header-livestream,.community-chat-shell .str-chat__header-livestream-left,.community-chat-shell .str-chat__header-livestream-right{background:var(--chat-panel);border-bottom:1px solid var(--chat-panel-border);color:var(--chat-text-main)}.community-chat-shell .str-chat__channel-header,.community-chat-shell .str-chat__channel-header-livestream,.community-chat-shell .str-chat__channel-header-team,.community-chat-shell .str-chat__channel-header-messenger{background:var(--chat-panel);border-bottom:1px solid var(--chat-panel-border)}.community-chat-shell .str-chat__list{background:linear-gradient(180deg,color-mix(in srgb,var(--chat-bg-2) 32%,transparent),color-mix(in srgb,var(--chat-bg-3) 60%,transparent));padding:10px 0}.community-chat-shell .str-chat__avatar-fallback{background:linear-gradient(130deg,#0ea5e9,#14b8a6);color:#fff}.community-chat-shell .str-chat__message-text-inner,.community-chat-shell .str-chat__message-simple-text-inner{border-radius:16px;border:1px solid var(--chat-bubble-border);background:var(--chat-bubble);color:var(--chat-text-main);box-shadow:inset 0 1px #ffffff14;padding:10px 12px}.community-chat-shell .str-chat__message--me .str-chat__message-text-inner,.community-chat-shell .str-chat__message--me .str-chat__message-simple-text-inner{border-color:var(--chat-my-bubble-border);background:var(--chat-my-bubble);color:#f8fbff;box-shadow:inset 0 1px #ffffff1f}.community-chat-shell .str-chat__message-simple{margin-bottom:var(--chat-message-gap)}.community-chat-shell .str-chat__message--me .str-chat__message-text p,.community-chat-shell .str-chat__message--me .str-chat__message-text span,.community-chat-shell .str-chat__message--me .str-chat__message-simple-name,.community-chat-shell .str-chat__message--me .str-chat__message-simple-timestamp{color:#fff}.community-chat-shell .str-chat__message-simple-name,.community-chat-shell .str-chat__message-simple-status,.community-chat-shell .str-chat__message-simple-timestamp,.community-chat-shell .str-chat__date-separator-date,.community-chat-shell .str-chat__header-livestream-left--members-count,.community-chat-shell .str-chat__header-livestream-left h2,.community-chat-shell .str-chat__header-livestream-left p,.community-chat-shell .str-chat__channel-header-title,.community-chat-shell .str-chat__message-text p,.community-chat-shell .str-chat__message-text span,.community-chat-shell .str-chat__message-text a{color:var(--chat-text-main)}.community-chat-shell .str-chat__message-simple-name,.community-chat-shell .str-chat__message-text p,.community-chat-shell .str-chat__message-text span,.community-chat-shell .str-chat__message-text a{font-size:var(--chat-font-size);line-height:var(--chat-line-height)}.community-chat-shell .str-chat__message-simple-timestamp,.community-chat-shell .str-chat__date-separator{color:var(--chat-text-soft);font-size:var(--chat-font-size-meta)}.community-chat-shell .str-chat__date-separator{color:#8f9cc2}.community-chat-shell .str-chat__message-input{border-top:1px solid var(--chat-panel-border);background:color-mix(in srgb,var(--chat-panel) 95%,transparent);min-height:0;padding:var(--chat-input-pad-y) var(--chat-input-pad-x) 8px}.community-chat-shell .str-chat__message-input .str-chat__quoted-message-preview,.community-chat-shell .str-chat__message-input .str-chat__message-input-tools{background:transparent}.community-chat-shell .str-chat__message-input-inner{background:var(--chat-input-bg);border:1px solid var(--chat-panel-border);border-radius:14px;min-height:48px;margin:0}.community-chat-shell .str-chat__input-flat,.community-chat-shell .str-chat__input-flat-wrapper,.community-chat-shell .str-chat__message-input .str-chat__message-textarea-with-emoji-picker,.community-chat-shell .str-chat__message-input .str-chat__textarea{background:transparent;min-height:0;margin:0;padding:0}.community-chat-shell .str-chat__textarea__textarea{color:var(--chat-text-main);caret-color:#60a5fa;min-height:22px;line-height:1.45}.community-chat-shell .str-chat__textarea__textarea::placeholder{color:var(--chat-text-soft)}.community-chat-shell .str-chat__send-button{border-radius:11px;background:linear-gradient(130deg,#0ea5e9,#14b8a6);color:#fff;box-shadow:0 8px 20px #0ea5e959}.community-chat-shell .str-chat__send-button:hover{filter:brightness(1.06)}.community-chat-shell .str-chat__thread{border-left:1px solid var(--chat-panel-border);background:linear-gradient(180deg,color-mix(in srgb,var(--chat-bg-2) 94%,transparent),color-mix(in srgb,var(--chat-bg-3) 98%,transparent))}.community-chat-shell .str-chat__thread-header,.community-chat-shell .str-chat__thread-start,.community-chat-shell .str-chat__thread-list{background:transparent;color:var(--chat-text-main)}html[data-theme=light] .community-chat-shell .str-chat__message--me .str-chat__message-simple-name,html[data-theme=light] .community-chat-shell .str-chat__message--me .str-chat__message-simple-timestamp,html[data-theme=light] .community-chat-shell .str-chat__message--me .str-chat__message-text p,html[data-theme=light] .community-chat-shell .str-chat__message--me .str-chat__message-text span{color:#fff}@media (min-width: 1024px){.community-chat-shell{--chat-font-size: .98rem;--chat-font-size-meta: .78rem;--chat-line-height: 1.52;--chat-message-gap: 9px;--chat-input-pad-y: 8px;--chat-input-pad-x: 12px}.community-chat-frame,.community-chat-shell .str-chat{min-height:67vh;height:67vh}}@media (max-width: 720px){.community-chat-page{padding-top:12px}.community-chat-shell{--chat-font-size: .92rem;--chat-font-size-meta: .72rem;--chat-line-height: 1.42;--chat-message-gap: 7px;--chat-input-pad-y: 8px;--chat-input-pad-x: 10px}.community-chat-topbar{padding:14px 14px 12px}.community-chat-topbar h2{font-size:1.03rem}.community-chat-presence{padding:7px 10px;font-size:.76rem}.community-chat-frame,.community-chat-shell .str-chat{min-height:66vh;height:66vh}.community-chat-shell .str-chat__message-input{padding-bottom:max(8px,env(safe-area-inset-bottom))}}.workspace-link-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:4px}.admin-after-community-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;width:100%}.admin-after-community-grid>.card{margin:0}@media (max-width: 1080px){.admin-after-community-grid{grid-template-columns:1fr}}.nav-live-label,.section-live-eyebrow{display:inline-flex;align-items:center;gap:8px}.live-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 8px;font-size:.66rem;letter-spacing:.08em;font-weight:800;color:#ffe4e6;background:#dc262633;border:1px solid rgba(248,113,113,.55)}.live-badge-dot{width:7px;height:7px;border-radius:999px;background:#ef4444;box-shadow:0 0 #ef44448c;animation:live-dot-pulse 1.2s ease-in-out infinite}@keyframes live-dot-pulse{0%{opacity:.75;box-shadow:0 0 #ef444480}70%{opacity:1;box-shadow:0 0 0 9px #ef444400}to{opacity:.8;box-shadow:0 0 #ef444400}}html[data-theme=light] .live-badge{color:#7f1d1d;background:#f8717124;border-color:#dc262675}.workspace-quick-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.workspace-quick-chip{border:1px solid color-mix(in srgb,var(--line) 75%,#ffffff 25%);background:color-mix(in srgb,var(--bg-card) 78%,#ffffff 22%);color:var(--text-soft);font-size:.78rem;font-weight:600;border-radius:999px;padding:4px 10px;letter-spacing:.01em}.library-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3550;background:#0a0e1c94;display:flex;align-items:flex-start;justify-content:center;padding:clamp(92px,10vh,120px) 18px 18px}.library-viewer{width:min(1200px,100%);max-height:calc(100vh - 120px);display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:18px 20px 0;margin:0}.library-viewer .library-scroll-body{max-height:none;padding-bottom:18px}.quick-stats-row{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;margin-bottom:14px}.undo-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.undo-popup{position:fixed;right:18px;top:max(114px,calc(env(safe-area-inset-top) + 110px));z-index:1500;width:min(420px,calc(100vw - 36px));border-radius:14px;border:1px solid var(--line-strong);background:linear-gradient(150deg,var(--surface-start) 0%,var(--surface-end) 100%);box-shadow:var(--shadow-lg);padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.undo-popup-ring{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}.undo-ring-svg{width:42px;height:42px;transform:rotate(-90deg)}.undo-ring-track,.undo-ring-progress{fill:none;stroke-width:4}.undo-ring-track{stroke:#889f7240}.undo-ring-progress{stroke:var(--accent-2);transition:stroke-dashoffset .1s linear}.undo-popup-seconds{position:absolute;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;color:var(--text-main)}.undo-popup-content{display:flex;flex-direction:column;gap:2px;min-width:0}.undo-popup-content strong{font-size:.86rem;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.undo-popup-content span{font-size:.76rem;color:var(--text-soft)}.section-undo-alert{margin:8px 0 12px;padding:8px 10px;border-radius:10px;border:1px solid rgba(99,102,241,.25);background:#6366f11f;display:flex;align-items:center;justify-content:space-between;gap:10px}.video-delete-undo,.material-undo-area,.student-card-undo{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:8px;animation:undo-slide-in .2s ease-out}.video-delete-undo{margin-top:10px}.material-undo-area{flex:1;justify-content:space-between}.student-card-undo{position:absolute;top:8px;right:8px;border-radius:6px;gap:6px}.undo-message,.undo-timer{font-size:.85rem;color:var(--text-strong);font-weight:500}.undo-timer{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#6366f133;border-radius:50%;font-family:JetBrains Mono,monospace;font-size:.75rem}.undo-btn{flex-shrink:0;padding:6px 12px;font-size:.8rem;height:auto}@media (max-width: 640px){.section-undo-alert{flex-direction:column;align-items:stretch}.section-undo-alert .undo-btn{width:100%}}@keyframes undo-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.library-tools-row{margin-top:10px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px);gap:8px}.pager-row{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.pager-row span{color:var(--text-soft);font-size:.82rem}.course-filter-btn{padding:7px 12px;font-size:.8rem}.course-filter-btn.active{background:linear-gradient(120deg,var(--btn-primary-start) 0%,var(--btn-primary-end) 100%);color:var(--btn-primary-fg);border-color:transparent}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 9px;text-align:left;border-bottom:1px solid var(--table-border)}th{color:var(--table-head);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.theme-switch{height:40px;min-width:112px;padding:4px 8px 4px 5px;border-radius:999px;border:1px solid var(--line-strong);background:var(--switch-bg);color:var(--text-main);display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:transform .14s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.theme-switch:hover{transform:translateY(-1px);border-color:var(--accent-2)}.theme-switch:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.theme-switch-track{width:48px;height:30px;border-radius:999px;border:1px solid var(--switch-track-border);background:var(--switch-track-bg);display:inline-flex;align-items:center;padding:2px}.theme-switch-thumb{width:24px;height:24px;border-radius:50%;background:var(--switch-thumb-bg);box-shadow:0 5px 12px #10202e5c;transform:translate(var(--switch-thumb-shift));transition:transform .2s ease,background .2s ease}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;justify-items:center}@keyframes student-card-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.student-dashboard-view{display:flex;flex-direction:column;gap:14px}.student-dashboard-view .banner{margin:0}.student-dashboard-view .card,.student-dashboard-view .video-card,.student-dashboard-view .module-card-btn,.student-dashboard-view .quiz-history-item,.student-dashboard-view .quiz-question-card,.student-dashboard-view .quiz-review-item,.student-dashboard-view .feedback-item{animation:student-card-in .32s cubic-bezier(.22,.9,.3,1) both;will-change:transform,opacity}.student-dashboard-view>.student-tools-row.card{animation-delay:18ms}@media (max-width: 720px){.student-dashboard-view>.student-tools-row.card{margin-top:10px}}.student-dashboard-view>.favorites-panel.card,.student-dashboard-view>.quiz-history-panel.card{animation-delay:30ms}.student-dashboard-view>.quiz-panel.card,.student-dashboard-view>.feedback-form-card.card{animation-delay:42ms}.student-dashboard-view .video-grid .video-card:nth-child(2n),.student-dashboard-view .modules-grid-student .module-card-btn:nth-child(2n),.student-dashboard-view .quiz-history-grid .quiz-history-item:nth-child(2n){animation-delay:26ms}.student-dashboard-view .video-grid .video-card:nth-child(3n),.student-dashboard-view .modules-grid-student .module-card-btn:nth-child(3n),.student-dashboard-view .quiz-history-grid .quiz-history-item:nth-child(3n){animation-delay:38ms}.student-dashboard-view .quiz-form .quiz-question-card:nth-child(2n),.student-dashboard-view .quiz-review-list .quiz-review-item:nth-child(2n),.student-dashboard-view .feedback-list .feedback-item:nth-child(2n){animation-delay:22ms}.student-dashboard-view .quiz-form .quiz-question-card:nth-child(3n),.student-dashboard-view .quiz-review-list .quiz-review-item:nth-child(3n),.student-dashboard-view .feedback-list .feedback-item:nth-child(3n){animation-delay:34ms}.student-dashboard-view .card:hover,.student-dashboard-view .quiz-history-item:hover,.student-dashboard-view .feedback-item:hover{transform:translateY(-2px)}.student-dashboard-view label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.student-dashboard-view input,.student-dashboard-view select,.student-dashboard-view textarea{min-height:40px;padding:10px 12px;border-radius:12px}.student-dashboard-view textarea{min-height:120px;resize:vertical}.video-actions-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.icon-pill{padding:8px 12px;font-size:.8rem}.icon-pill.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.student-tools-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,220px) minmax(170px,220px) auto;gap:12px;align-items:end;margin:0}.student-tools-row>*{min-width:0}.progress-summary-box{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px;background:var(--bg-card-soft)}.progress-summary-box strong{color:var(--text-strong);font-size:.92rem}.progress-summary-box span{color:var(--text-soft);font-size:.78rem}.student-tools-row .secondary-btn.active{border-color:var(--accent);color:var(--text-strong)}.favorites-panel{margin-bottom:0}.section-header.compact{margin:0 0 10px;align-items:center}.favorite-chip-row{display:flex;flex-wrap:wrap;gap:8px}.favorite-chip{border:1px solid var(--line);background:var(--bg-card-soft);color:var(--text-main);border-radius:999px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;font-size:.82rem}.favorite-chip:hover{border-color:var(--accent-2)}.student-lecture-header{margin-top:6px;margin-bottom:10px;position:relative}.student-lecture-header .back-btn{margin-top:6px}.student-lecture-header+.video-grid{margin-top:0}.student-lecture-header+.modules-view-container{margin-top:0}.modules-view-container{margin-bottom:0;max-height:560px;overflow-y:scroll;overflow-x:hidden;padding-right:6px;scroll-behavior:smooth}.module-cart-panel{margin-top:8px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--line) 68%,var(--accent) 32%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 11%,transparent),transparent 48%),linear-gradient(150deg,color-mix(in srgb,var(--bg-card) 95%,transparent),color-mix(in srgb,var(--bg-card-soft) 90%,transparent))}.module-cart-list{display:flex;flex-direction:column;gap:10px}.module-cart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--line) 72%,var(--accent) 28%);border-radius:12px;background:color-mix(in srgb,var(--bg-card-soft) 80%,transparent)}.module-cart-toolbar span{font-size:.82rem;color:var(--text-soft);font-weight:600}.module-cart-plan-switch{display:inline-flex;align-items:center;gap:6px}.module-cart-plan-switch .secondary-btn{padding:8px 12px;font-size:.78rem}.module-cart-plan-switch .secondary-btn.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 18%,var(--bg-card-soft));color:var(--text-main)}.module-cart-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-card-soft) 84%,transparent)}.module-cart-item strong{display:block;margin:0;color:var(--text-main);font-size:.91rem}.module-cart-item p{margin:2px 0 0;color:var(--text-muted);font-size:.77rem}.module-cart-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.module-cart-actions span{font-size:.78rem;font-weight:700;color:var(--text-soft)}.module-videos-scroll{max-height:68vh;overflow-y:scroll;overflow-x:hidden;padding-right:6px;scroll-behavior:smooth}.modules-grid-student{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:8px}.module-card-btn{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--bg-card);border:2px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,opacity .22s ease;text-align:left;align-items:flex-start;position:relative;overflow:hidden;opacity:0;animation:module-card-enter .38s cubic-bezier(.22,.9,.2,1) forwards}.module-card-btn:nth-child(1){animation-delay:.02s}.module-card-btn:nth-child(2){animation-delay:.06s}.module-card-btn:nth-child(3){animation-delay:.1s}.module-card-btn:nth-child(4){animation-delay:.14s}.module-card-btn:nth-child(5){animation-delay:.18s}.module-card-btn:nth-child(6){animation-delay:.22s}.module-card-btn:nth-child(7){animation-delay:.26s}.module-card-btn:nth-child(8){animation-delay:.3s}.module-card-btn:nth-child(n+9){animation-delay:.34s}@keyframes module-card-enter{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.module-card-btn:hover{background:var(--bg-card-soft);border-color:var(--accent);transform:translateY(-5px) scale(1.01);box-shadow:0 16px 32px color-mix(in srgb,var(--accent) 18%,transparent)}.module-card-btn.module-card-btn-locked{border-color:color-mix(in srgb,#f59e0b 42%,var(--line));background:radial-gradient(circle at top right,rgba(245,158,11,.14),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 94%,transparent),color-mix(in srgb,#f59e0b 7%,var(--bg-card-soft)))}.module-card-btn.module-card-btn-locked:hover{border-color:#f59e0b;box-shadow:0 16px 32px #f59e0b2e}.module-card-btn:active{transform:translateY(-2px) scale(.99)}.module-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.module-card-icon{font-size:1.8rem;display:block;flex-shrink:0}.module-card-count{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0}.module-card-body{flex:1;display:flex;flex-direction:column;gap:4px}.module-card-title{font-size:1.04rem;font-weight:600;color:var(--text-main);margin:0}.module-card-subtitle{font-size:.89rem;color:var(--text-soft);margin:0}.module-card-course{margin:0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.module-card-progress{margin:2px 0 0;font-size:.79rem;color:var(--accent)}.module-card-quiz-score{margin:2px 0 0;font-size:.78rem;color:var(--text-soft)}.module-card-actions{width:100%;display:flex;align-items:center;gap:8px;margin-top:6px}.module-open-btn{flex:1;min-width:0}.module-cart-btn{padding-inline:14px;white-space:nowrap}.module-cart-btn.in-cart{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));background:color-mix(in srgb,var(--accent) 16%,var(--bg-card-soft));color:var(--text-main)}.module-cart-btn.go-cart{border-color:color-mix(in srgb,var(--accent) 68%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--bg-card-soft) 92%,transparent));color:var(--text-strong)}.module-cart-btn.just-added{animation:module-cart-added-pop .62s cubic-bezier(.2,.9,.25,1);border-color:color-mix(in srgb,#10b981 62%,var(--line));background:color-mix(in srgb,#10b981 16%,var(--bg-card-soft));color:color-mix(in srgb,#065f46 72%,var(--text-main));box-shadow:0 8px 18px color-mix(in srgb,#10b981 26%,transparent)}@keyframes module-cart-added-pop{0%{transform:scale(1)}36%{transform:scale(1.08)}to{transform:scale(1)}}.module-card-arrow{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:1.4rem;color:var(--accent);opacity:0;transition:all .2s ease}.module-card-btn:hover .module-card-arrow{opacity:1;transform:translateY(-50%) translate(4px)}@media (max-width: 720px){.module-cart-toolbar{flex-direction:column;align-items:stretch}.module-cart-plan-switch{justify-content:flex-start;flex-wrap:wrap}.module-cart-item{flex-direction:column;align-items:flex-start}.module-cart-actions{width:100%;justify-content:flex-start}.module-card-actions{flex-direction:column;align-items:stretch}.module-cart-btn{width:100%}}.quiz-panel{margin-top:0;display:flex;flex-direction:column;gap:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 86%,transparent),color-mix(in srgb,var(--bg-card-soft) 92%,transparent));border:1px solid color-mix(in srgb,var(--line) 70%,var(--accent) 30%);box-shadow:0 18px 44px #0f172a1f,inset 0 1px #fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quiz-panel .section-header h2{margin:0;line-height:1.25;letter-spacing:.01em;color:var(--text-strong)}.quiz-panel .section-header .eyebrow{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.quiz-history-panel{margin-bottom:0;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,#22d3ee 34%,var(--line));background:radial-gradient(420px 180px at -8% -10%,rgba(34,211,238,.2),transparent 56%),radial-gradient(360px 220px at 108% 110%,rgba(59,130,246,.18),transparent 62%),linear-gradient(150deg,color-mix(in srgb,#0f766e 12%,var(--bg-card-soft)),color-mix(in srgb,#2563eb 10%,var(--bg-card-soft)) 72%)}.quiz-history-panel:before{content:"📊";position:absolute;right:14px;top:12px;font-size:1.18rem;opacity:.88;filter:drop-shadow(0 6px 10px rgba(34,211,238,.28));animation:student-section-emoji-float 2.8s ease-in-out infinite}.quiz-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:360px;overflow-y:auto;overflow-x:hidden;padding-right:6px;scroll-behavior:smooth}.quiz-history-item{border:1px solid var(--line);border-radius:12px;background:var(--bg-card-soft);padding:10px;display:flex;flex-direction:column;gap:4px}.quiz-history-item strong{color:var(--text-strong)}.quiz-history-item span{color:var(--text-main);font-size:.84rem}.quiz-history-item small{color:var(--text-muted);font-size:.75rem}.quiz-leaderboard-panel{display:grid;gap:12px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,#f59e0b 36%,var(--line));background:radial-gradient(520px 220px at -10% -15%,rgba(245,158,11,.2),transparent 56%),radial-gradient(420px 260px at 108% 108%,rgba(234,88,12,.16),transparent 66%),linear-gradient(152deg,color-mix(in srgb,#b45309 10%,var(--bg-card-soft)),color-mix(in srgb,#ea580c 8%,var(--bg-card-soft)) 78%)}.quiz-leaderboard-panel:before{content:"🏆";position:absolute;right:14px;top:12px;font-size:1.18rem;opacity:.9;filter:drop-shadow(0 6px 10px rgba(245,158,11,.3));animation:student-section-emoji-float 3.1s ease-in-out infinite}.quiz-leaderboard-filter{display:grid;gap:6px;min-width:190px}.leaderboard-champion-card{border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 44%,var(--line));padding:14px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent-2) 20%,transparent));display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.leaderboard-crown{font-size:1.6rem}.leaderboard-champion-label{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}.leaderboard-champion-card h3{margin:2px 0;font-size:1.1rem}.leaderboard-champion-meta{margin:0;color:var(--text-soft);font-size:.84rem}.leaderboard-table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto;overflow-y:auto;max-height:360px;scrollbar-gutter:stable}.leaderboard-table{width:100%;border-collapse:collapse;min-width:640px}.leaderboard-table th,.leaderboard-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:.86rem}.leaderboard-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-card);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.leaderboard-row-top{background:color-mix(in srgb,var(--accent) 15%,transparent)}.quiz-form{display:flex;flex-direction:column;gap:10px}.quiz-exam-page{max-width:1260px;margin:0 auto;padding:clamp(14px,2.6vw,28px);display:flex;flex-direction:column;gap:14px}.page-exit-transition.is-exiting{pointer-events:none;animation:page-exit-fade .32s cubic-bezier(.4,0,.2,1) forwards}.quiz-exam-header{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg-card-soft) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(12px,2vw,18px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.quiz-exam-title-wrap h1{margin:0;font-size:clamp(1.18rem,2vw,1.48rem);color:var(--text-strong)}.quiz-exam-title-wrap p{margin:2px 0 0;color:var(--text-soft)}.quiz-exam-meta{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.quiz-workspace{display:flex;flex-direction:column;gap:12px}.quiz-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-submit-btn{min-height:40px;min-width:150px}.quiz-workspace-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:14px;align-items:start}.quiz-workspace-main{min-width:0}.quiz-workspace-sidebar{position:sticky;top:0;display:grid;gap:12px}.quiz-sidebar-summary{padding:12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-card-soft) 84%,transparent)}.quiz-sidebar-summary h4{margin:0 0 8px;font-size:.95rem}.quiz-sidebar-summary p{margin:4px 0;font-size:.84rem;color:var(--text-soft)}.quiz-form h3{margin:0}.quiz-meta-strip{display:flex;flex-wrap:wrap;gap:8px}.quiz-difficulty,.quiz-timer{border-radius:999px;border:1px solid var(--line);padding:6px 10px;font-size:.78rem;background:var(--bg-card)}.quiz-difficulty-easy{border-color:#6cb86073;color:#7bc26f}.quiz-difficulty-medium{border-color:#e7b84873;color:#d5ab4b}.quiz-difficulty-hard{border-color:#d9636373;color:#dd6e6e}.quiz-timer-warning{border-color:#d963638c;color:#dd6e6e}.quiz-question-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--bg-card-soft) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff2e}.quiz-question-card p{margin:0 0 10px;color:var(--text-strong);line-height:1.45}.quiz-question-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.quiz-question-index{font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.quiz-review-toggle{min-height:34px;font-size:.78rem}.quiz-review-toggle.is-marked{background:color-mix(in srgb,#7c3aed 22%,var(--bg-card));border-color:color-mix(in srgb,#7c3aed 45%,var(--line));color:#7c3aed}.quiz-question-text{margin:0 0 12px}.quiz-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quiz-options-grid{--quiz-option-lift: -1px;--quiz-option-sheen-opacity: .62;--quiz-option-sheen-duration: .95s;--quiz-option-pulse-duration: .85s;--quiz-option-halo: color-mix(in srgb, var(--accent) 24%, transparent)}.quiz-option{display:flex;flex-direction:row;align-items:center;gap:10px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--bg-card) 84%,transparent);cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .24s ease,background .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff24}.quiz-option-button{width:100%;text-align:left}.quiz-option-prefix{font-weight:700;color:var(--text-muted);min-width:20px}.quiz-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.12) 45%,transparent 100%);transform:translate(-130%);opacity:0;pointer-events:none}.quiz-option:after{content:"✓";position:absolute;top:7px;right:8px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff;background:color-mix(in srgb,var(--accent) 78%,#ffffff 22%);box-shadow:0 2px 8px #0f172a38;transform:scale(.25);opacity:0;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .2s ease;pointer-events:none}.quiz-option input{width:auto;margin:0;accent-color:var(--accent)}.quiz-option span{color:var(--text-main);font-size:.92rem;line-height:1.35}.quiz-option:hover{transform:translateY(var(--quiz-option-lift));border-color:color-mix(in srgb,var(--accent) 58%,var(--line) 42%);box-shadow:0 6px 14px #0f172a1a,inset 0 1px #fff3}.quiz-option:hover:before{opacity:var(--quiz-option-sheen-opacity);animation:quiz-option-sheen var(--quiz-option-sheen-duration) ease forwards}.quiz-option:focus-within{border-color:color-mix(in srgb,var(--accent) 74%,var(--line) 26%);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px #ffffff38}.quiz-option.is-selected{border-color:color-mix(in srgb,var(--accent) 72%,var(--line) 28%);background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 18%,var(--bg-card)),color-mix(in srgb,var(--bg-card) 88%,transparent));box-shadow:0 0 0 2px var(--quiz-option-halo),inset 0 1px #ffffff38;animation:quiz-option-pulse var(--quiz-option-pulse-duration) cubic-bezier(.22,1,.36,1)}.quiz-option.is-selected span{color:var(--text-strong);font-weight:600}.quiz-option.is-selected:after{transform:scale(1);opacity:1}.quiz-question-nav-row{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.quiz-question-nav-row .secondary-btn{min-width:110px}.quiz-question-navigator{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.quiz-nav-item{min-height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg-card);color:var(--text-main);font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.quiz-nav-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 58%,var(--line))}.quiz-nav-item.is-attempted{background:color-mix(in srgb,#22c55e 14%,var(--bg-card));border-color:color-mix(in srgb,#22c55e 44%,var(--line));color:#16a34a}.quiz-nav-item.is-unattempted{background:color-mix(in srgb,#ef4444 12%,var(--bg-card));border-color:color-mix(in srgb,#ef4444 34%,var(--line));color:#ef4444}.quiz-nav-item.is-review{background:color-mix(in srgb,#7c3aed 16%,var(--bg-card));border-color:color-mix(in srgb,#7c3aed 44%,var(--line));color:#7c3aed}.quiz-nav-item.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}@keyframes quiz-option-sheen{0%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes quiz-option-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 36%,transparent),inset 0 1px #ffffff38}to{box-shadow:0 0 0 2px var(--quiz-option-halo),inset 0 1px #ffffff38}}.quiz-result-box{border:1px solid var(--success-border);background:var(--success-bg);color:var(--success-text);border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:8px}.quiz-picker-prompt{margin:0 0 10px;font-size:.9rem;color:var(--text-muted)}.quiz-picker-list{display:flex;flex-direction:column;gap:10px}.quiz-picker-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff24}.quiz-picker-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.quiz-picker-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.quiz-picker-title{font-size:1rem;font-weight:600;color:var(--text-strong);white-space:normal;overflow:hidden;text-overflow:clip;line-height:1.35}.quiz-picker-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:var(--text-muted)}.quiz-picker-arrow{font-size:1.1rem;color:var(--text-muted);flex-shrink:0;transition:transform .15s}.quiz-picker-card:hover .quiz-picker-arrow{transform:translate(4px);color:var(--accent)}.quiz-picker-back{align-self:flex-start;margin-bottom:4px}.module-section-chooser{display:grid;gap:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg-card-soft) 84%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.module-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-section-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 90%,transparent),color-mix(in srgb,var(--bg-card-soft) 82%,transparent));padding:16px;text-align:left;display:grid;gap:8px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.module-section-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 10px 24px #0f172a2e}.module-section-card strong{color:var(--text-strong);font-size:1rem}.module-section-card p{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.45}.module-section-icon{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 16%,var(--bg-card));font-size:1.1rem}.lecture-page{max-width:1320px;margin:0 auto;padding:clamp(14px,2.6vw,30px);display:grid;gap:14px}.lecture-page-hero{border-radius:18px;border:1px solid var(--line-strong);background:radial-gradient(1000px 280px at 5% 0%,rgba(236,72,153,.24),transparent 60%),radial-gradient(900px 300px at 100% 0%,rgba(34,197,94,.22),transparent 58%),linear-gradient(140deg,color-mix(in srgb,var(--bg-card) 90%,transparent),color-mix(in srgb,var(--bg-card-soft) 84%,transparent));padding:clamp(14px,2.3vw,22px);display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.lecture-page-hero-left h1{margin:0;font-size:clamp(1.3rem,2.4vw,1.95rem);color:var(--text-strong)}.lecture-page-subtitle{margin:3px 0 0;color:var(--text-soft)}.lecture-page-hero-actions{display:grid;justify-items:end;gap:8px}.lecture-total-chip{border-radius:999px;border:1px solid var(--line);padding:7px 12px;font-size:.82rem;font-weight:700;background:color-mix(in srgb,#22c55e 14%,var(--bg-card));color:color-mix(in srgb,var(--text-main) 80%,#22c55e 20%)}.module-detail-page{gap:16px}.module-detail-hero{background:radial-gradient(900px 280px at 4% 0%,rgba(251,146,60,.24),transparent 58%),radial-gradient(840px 320px at 100% 0%,rgba(20,184,166,.22),transparent 60%),linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 92%,#05101a),color-mix(in srgb,var(--bg-card-soft) 88%,#0a1c2a))}.module-detail-back-btn{min-height:42px;border-color:color-mix(in srgb,#14b8a6 45%,var(--line));background:color-mix(in srgb,#14b8a6 14%,var(--bg-card))}.module-detail-back-btn:hover{border-color:color-mix(in srgb,#14b8a6 72%,var(--line));background:color-mix(in srgb,#14b8a6 22%,var(--bg-card))}.module-detail-chip{background:color-mix(in srgb,#fb923c 16%,var(--bg-card));color:color-mix(in srgb,var(--text-main) 84%,#fb923c 16%)}.module-detail-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.module-detail-stat-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--bg-card) 90%,transparent),color-mix(in srgb,var(--bg-card-soft) 86%,transparent));padding:12px;display:grid;gap:6px}.module-detail-stat-card span{font-size:.76rem;color:var(--text-soft);letter-spacing:.03em;text-transform:uppercase}.module-detail-stat-card strong{font-size:1.3rem;color:var(--text-strong)}.module-detail-workspace,.module-detail-lock-card{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg-card-soft) 84%,transparent);padding:14px;display:grid;gap:12px}.module-detail-lock-card h3,.module-detail-lock-card p{margin:0}.module-detail-price-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-detail-price-row div{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:4px;background:color-mix(in srgb,var(--bg-card) 88%,transparent)}.module-detail-price-row span{font-size:.74rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.03em}.module-detail-price-row strong{color:var(--text-strong)}.module-detail-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-detail-action-card{width:100%;border:1px solid var(--line);border-radius:14px;background:radial-gradient(130% 120% at 100% 0%,color-mix(in srgb,#14b8a6 15%,transparent),transparent 50%),linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 94%,transparent),color-mix(in srgb,var(--bg-card-soft) 88%,transparent));color:var(--text-main);text-align:left;padding:14px;display:grid;gap:6px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.module-detail-action-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#14b8a6 58%,var(--line));box-shadow:0 12px 24px #0f172a33}.module-detail-action-card span{font-size:1.3rem}.module-detail-action-card strong{color:var(--text-strong)}.module-detail-action-card p{margin:0;color:var(--text-soft);line-height:1.5}.module-detail-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-detail-info-card{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg-card) 88%,transparent);padding:12px;display:grid;gap:6px}.module-detail-info-card h4,.module-detail-info-card p{margin:0}.module-detail-info-card h4{color:var(--text-strong)}.module-detail-info-card p{color:var(--text-soft);line-height:1.5}.lecture-tools-panel{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-card-soft) 84%,transparent);padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:10px;align-items:end}.lecture-video-stage{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-card) 84%,transparent);padding:12px}.lecture-locked-card{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-card-soft) 82%,transparent);padding:16px;display:grid;gap:10px}.lecture-locked-card h3,.lecture-locked-card p{margin:0}.lecture-floating-back{position:fixed;right:clamp(14px,2.4vw,28px);bottom:clamp(16px,3vw,26px);z-index:2600;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:999px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 22%,var(--bg-card)),color-mix(in srgb,var(--bg-card-soft) 88%,transparent));color:var(--text-strong);padding:10px 14px;font-size:.84rem;font-weight:700;box-shadow:0 10px 22px #0f172a3d;transition:transform .24s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.lecture-floating-back:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 72%,var(--line));box-shadow:0 14px 26px #0f172a4d}.lecture-floating-back:disabled{opacity:.65;cursor:not-allowed}.lecture-floating-back.is-hidden{opacity:0;transform:translateY(18px);pointer-events:none}.quiz-floating-back{position:fixed;right:clamp(14px,2.4vw,28px);bottom:clamp(16px,3vw,26px);z-index:2600;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:999px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 22%,var(--bg-card)),color-mix(in srgb,var(--bg-card-soft) 88%,transparent));color:var(--text-strong);padding:10px 14px;font-size:.84rem;font-weight:700;box-shadow:0 10px 22px #0f172a3d;transition:transform .24s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.quiz-floating-back:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 72%,var(--line));box-shadow:0 14px 26px #0f172a4d}.quiz-floating-back:disabled{opacity:.65;cursor:not-allowed}.quiz-floating-back.is-hidden{opacity:0;transform:translateY(18px);pointer-events:none}.lecture-enter-stage-1,.lecture-enter-stage-2,.lecture-enter-stage-3{opacity:0;transform:translateY(18px) scale(.992);animation:lecture-fade-up .52s cubic-bezier(.22,1,.36,1) forwards}.lecture-enter-stage-1{animation-delay:30ms}.lecture-enter-stage-2{animation-delay:.12s}.lecture-enter-stage-3{animation-delay:.21s}.lecture-video-stage .compact-premium-video-grid>*{animation:lecture-card-fade .42s ease forwards;animation-delay:.26s}@keyframes lecture-fade-up{0%{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lecture-card-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit-fade{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.992)}}@media (prefers-reduced-motion: reduce){.lecture-enter-stage-1,.lecture-enter-stage-2,.lecture-enter-stage-3,.lecture-video-stage .compact-premium-video-grid>*{animation:none;opacity:1;transform:none}.page-exit-transition.is-exiting{animation:none;opacity:1;transform:none}}.quiz-thankyou-pop{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-card-soft) 84%,transparent);padding:14px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff2e}.quiz-thankyou-pop h3,.quiz-thankyou-pop p{margin:0}.quiz-thankyou-actions{display:flex;gap:8px;flex-wrap:wrap}.quiz-thankyou-actions .primary-btn,.quiz-thankyou-actions .secondary-btn,.quiz-exit-actions .primary-btn,.quiz-exit-actions .danger-btn{min-height:40px;min-width:132px}.quiz-review-list{display:flex;flex-direction:column;gap:8px}.quiz-review-item{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg-card)}.quiz-review-item.correct{border-color:#78b95c73}.quiz-review-item.incorrect{border-color:#c1585873}.quiz-review-label{font-weight:700;color:var(--text-main)}.quiz-review-options{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.quiz-review-option{margin:0;border:1px solid var(--line);border-radius:10px;padding:7px 9px;background:var(--bg-card-soft);font-size:.84rem}.quiz-review-option-index{font-weight:700;color:var(--text-soft)}.quiz-review-option.correct{border-color:#78b95c8c;background:#78b95c1f}.quiz-review-option.selected{border-color:var(--accent-2)}.quiz-review-badge{margin-left:8px;font-size:.76rem;color:var(--text-strong)}.quiz-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4200;background:color-mix(in srgb,#05070c 60%,transparent);display:flex;align-items:center;justify-content:center;padding:16px}.quiz-confirm-card{width:min(520px,100%);border-radius:16px;border:1px solid var(--line-strong);background:linear-gradient(160deg,color-mix(in srgb,var(--bg-card) 92%,#0b1020),color-mix(in srgb,var(--bg-card-soft) 88%,#070a14));box-shadow:0 24px 48px #0408126b;padding:clamp(14px,2.5vw,22px);display:grid;gap:10px}.quiz-confirm-card h3{margin:0;color:var(--text-strong)}.quiz-confirm-card p{margin:0;color:var(--text-soft);line-height:1.5}.quiz-confirm-actions{margin-top:6px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.quiz-confirm-actions .quiz-exit-anyway-btn{border-color:#ef4444;color:#ef4444;background:color-mix(in srgb,#ef4444 12%,var(--bg-card))}.quiz-confirm-actions .quiz-exit-anyway-btn:hover{border-color:#dc2626;background:linear-gradient(135deg,color-mix(in srgb,#ef4444 88%,#ffffff 12%),#dc2626);color:#fff}.quiz-confirm-actions .quiz-exit-anyway-btn:active{border-color:#b91c1c;background:#b91c1c;color:#fff;transform:translateY(1px)}@media (max-width: 768px){.quiz-exam-page{padding:12px;padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}.quiz-exam-header{grid-template-columns:1fr;align-items:stretch}.quiz-exam-meta{justify-content:flex-start}.quiz-workspace-header{flex-direction:column;align-items:stretch}.quiz-workspace-body,.module-section-grid{grid-template-columns:1fr}.lecture-page-hero{flex-direction:column;align-items:stretch}.lecture-page-hero-actions{justify-items:start}.lecture-tools-panel,.module-detail-stats-grid,.module-detail-actions-grid,.module-detail-info-grid,.module-detail-price-row{grid-template-columns:1fr}.lecture-floating-back{right:12px;left:12px;bottom:12px;width:auto}.quiz-floating-back{left:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-width:min(72vw,220px);min-height:42px;padding:9px 12px;font-size:.8rem}.quiz-workspace-sidebar{position:static;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.quiz-question-head{flex-direction:column;align-items:stretch}.quiz-review-toggle,.quiz-submit-btn{width:100%}.quiz-question-nav-row{flex-direction:column}.quiz-question-nav-row .secondary-btn{width:100%}.quiz-confirm-actions{justify-content:stretch}.quiz-confirm-actions .secondary-btn,.quiz-confirm-actions .primary-btn,.quiz-confirm-actions .danger-btn{width:100%}}.feedback-form-card,.feedback-list-card{margin-bottom:0}.feedback-form-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,#a855f7 34%,var(--line));background:radial-gradient(460px 200px at -10% -10%,rgba(168,85,247,.2),transparent 56%),radial-gradient(360px 240px at 110% 110%,rgba(236,72,153,.18),transparent 62%),linear-gradient(152deg,color-mix(in srgb,#7c3aed 11%,var(--bg-card-soft)),color-mix(in srgb,#db2777 10%,var(--bg-card-soft)) 80%)}.feedback-form-card:before{content:"💬";position:absolute;right:14px;top:12px;font-size:1.15rem;opacity:.88;filter:drop-shadow(0 6px 10px rgba(168,85,247,.28));animation:student-section-emoji-float 2.9s ease-in-out infinite}.monthly-exam-panel{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,#0ea5e9 36%,var(--line));background:radial-gradient(500px 210px at -12% -12%,rgba(14,165,233,.22),transparent 56%),radial-gradient(430px 260px at 108% 108%,rgba(20,184,166,.2),transparent 64%),linear-gradient(150deg,color-mix(in srgb,#0284c7 11%,var(--bg-card-soft)),color-mix(in srgb,#0f766e 9%,var(--bg-card-soft)) 78%)}.monthly-exam-panel:before{content:"🗓️";position:absolute;right:14px;top:12px;font-size:1.15rem;opacity:.9;filter:drop-shadow(0 6px 10px rgba(14,165,233,.3));animation:student-section-emoji-float 3.2s ease-in-out infinite}@keyframes student-section-emoji-float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-5deg)}to{transform:translateY(0) rotate(0)}}html[data-theme=light] .quiz-history-panel{border-color:#0ea5e95c;background:radial-gradient(420px 180px at -8% -10%,rgba(14,165,233,.14),transparent 58%),radial-gradient(360px 220px at 108% 110%,rgba(37,99,235,.12),transparent 64%),linear-gradient(150deg,#f0fdfaf0,#eff6fff0 72%)}html[data-theme=light] .quiz-leaderboard-panel{border-color:#d9770657;background:radial-gradient(520px 220px at -10% -15%,rgba(245,158,11,.14),transparent 58%),radial-gradient(420px 260px at 108% 108%,rgba(249,115,22,.12),transparent 68%),linear-gradient(152deg,#fffbebf2,#fff7edf2 78%)}html[data-theme=light] .monthly-exam-panel{border-color:#0891b257;background:radial-gradient(500px 210px at -12% -12%,rgba(14,165,233,.14),transparent 58%),radial-gradient(430px 260px at 108% 108%,rgba(20,184,166,.12),transparent 66%),linear-gradient(150deg,#f0f9fff2,#ecfdf5f2 78%)}html[data-theme=light] .feedback-form-card{border-color:#9333ea57;background:radial-gradient(460px 200px at -10% -10%,rgba(168,85,247,.14),transparent 58%),radial-gradient(360px 240px at 110% 110%,rgba(236,72,153,.12),transparent 64%),linear-gradient(152deg,#faf5fff5,#fdf2f8f2 80%)}@media (prefers-reduced-motion: reduce){.quiz-history-panel:before,.quiz-leaderboard-panel:before,.monthly-exam-panel:before,.feedback-form-card:before{animation:none}}.video-grid+.feedback-form-card{margin-top:0}.quiz-panel+.feedback-form-card,.empty-state+.feedback-form-card,.modules-view-container+.feedback-form-card{margin-top:0}.feedback-form-card .section-header{margin-top:0;margin-bottom:12px}.feedback-list-card{margin-top:24px;padding:16px 18px;display:flex;flex-direction:column}.feedback-list-card .feedback-list{max-height:420px;overflow-y:auto;overflow-x:hidden;padding-right:6px;scroll-behavior:smooth}.video-grid+.feedback-list-card{margin-top:28px}.feedback-list-card .section-header{margin:0 0 12px;align-items:center}.feedback-list-card .stat-card{min-width:124px;padding:10px 12px}.feedback-form{display:flex;flex-direction:column;gap:14px}.feedback-form label{display:flex;flex-direction:column;gap:8px;font-size:.92rem;color:var(--text-muted)}.feedback-form select,.feedback-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--bg-card-soft);color:var(--text-strong);font-size:.96rem;padding:12px 14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.feedback-form select{min-height:46px}.feedback-form textarea{min-height:140px;resize:vertical;line-height:1.45}.feedback-form select:focus,.feedback-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(-1px)}.feedback-form .primary-btn{align-self:flex-start;min-height:46px;padding:0 18px;border-radius:999px;font-weight:700;letter-spacing:.01em;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 88%,#ffffff 12%),color-mix(in srgb,var(--accent-2) 78%,#ffffff 22%));box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 24%,transparent);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.feedback-form .primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 30%,transparent);filter:saturate(1.08)}.feedback-form .primary-btn:active{transform:translateY(0)}.feedback-form .primary-btn:disabled{box-shadow:none;filter:grayscale(.08)}.feedback-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.feedback-item{background:var(--feedback-bg);border:1px solid var(--feedback-border);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:8px}.feedback-item p{margin:0;line-height:1.42;color:var(--feedback-text)}.feedback-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.feedback-head-actions{display:inline-flex;align-items:center;gap:8px}.feedback-rating{color:var(--feedback-rating);font-size:.86rem}.feedback-delete-btn{width:30px;height:30px;border-radius:999px;border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);display:inline-flex;align-items:center;justify-content:center;font-size:.88rem;line-height:1;transition:transform .15s ease,filter .15s ease,border-color var(--theme-transition),background var(--theme-transition),color var(--theme-transition)}.feedback-delete-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.feedback-delete-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.feedback-item .timestamp{display:block;margin-top:2px}.feedback-toast{position:fixed;right:16px;bottom:16px;z-index:1400;width:min(340px,calc(100vw - 32px));border-radius:12px;padding:10px 12px;box-shadow:var(--shadow-lg);border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.84rem;animation:auth-toast-in .22s ease both}.feedback-toast.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.feedback-toast.error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.feedback-toast-dismissing{animation:inline-message-fade-out .28s ease forwards;pointer-events:none}.feedback-toast-close{height:24px;min-width:24px;border:1px solid var(--line);border-radius:7px;background:transparent;color:inherit;font-size:.92rem;line-height:1;cursor:pointer;padding:0}.video-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--video-card-bg);box-shadow:var(--shadow-md);width:100%;max-width:500px;transition:border-color var(--theme-transition),box-shadow var(--theme-transition),background var(--theme-transition),transform .22s ease}.skeleton-card{overflow:hidden}.skeleton-box,.skeleton-line{border-radius:10px;background:linear-gradient(90deg,#889f7224,#889f723d,#889f7224);background-size:180% 100%;animation:skeleton-shimmer 1.2s ease infinite}.skeleton-box{width:100%;height:170px}.skeleton-line{height:12px;width:100%}.skeleton-line.large{height:16px;width:70%}@keyframes skeleton-shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}@media (prefers-reduced-motion: reduce){body,.hero-panel,.card,.stat-card,.eyebrow,.subtitle,label,th,td,.file-name,.timestamp,.empty-note,.video-card-body p,.stat-card span,.stat-card strong,.secondary-btn,.primary-btn,.link-btn,.download-btn,.danger-btn,.user-delete-btn,.theme-switch,.theme-switch-track,.theme-switch-thumb,.video-card,.course-tile{transition:none!important;animation:none!important}.course-modal-backdrop,.course-modal,.confirm-modal-backdrop,.confirm-modal,.auth-toast,.feedback-toast{animation:none!important}}.video-card:hover{box-shadow:var(--shadow-lg)}html[data-theme=light] .hero-panel,html[data-theme=light] .card,html[data-theme=light] .stat-card,html[data-theme=light] .video-card,html[data-theme=light] .feedback-item,html[data-theme=light] .materials-panel,html[data-theme=light] .material-row{-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=light] .subtitle,html[data-theme=light] .video-card-body p,html[data-theme=light] .file-name,html[data-theme=light] .timestamp,html[data-theme=light] .empty-note{color:var(--text-soft)}.video-thumb{width:100%;height:148px;object-fit:cover;display:block}.video-card-body{padding:13px;display:flex;flex-direction:column;gap:8px}#section-content-library .video-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}#section-content-library .video-card.video-card-admin{max-width:360px;border-radius:14px}#section-content-library .video-card.video-card-admin .video-thumb{height:120px}#section-content-library .video-card.video-card-admin .video-card-body{padding:10px;gap:6px}#section-content-library .video-card.video-card-admin .video-card-body h3{font-size:.95rem;line-height:1.25}#section-content-library .video-card.video-card-admin .video-card-body p{margin:0;font-size:.78rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#section-content-library .video-card.video-card-admin .timestamp{font-size:.72rem}#section-content-library .video-card.video-card-admin .materials-panel{margin-top:4px;padding:8px;border-radius:10px}#section-content-library .video-card.video-card-admin .material-row{padding:6px 8px}#section-content-library .video-card.video-card-admin .danger-btn,#section-content-library .video-card.video-card-admin .primary-btn,#section-content-library .video-card.video-card-admin .secondary-btn{min-height:34px;font-size:.78rem;padding:7px 10px}.video-player-shell{width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#000;margin-top:4px;position:relative}.video-player-shell--hidden{display:none}.video-player-frame{width:100%;aspect-ratio:16 / 9;border:0;display:block}.video-player-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#dbe8cd;font-size:.9rem;background:#05080573;z-index:1}.video-card-body h3{font-size:1.06rem}.video-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0 8px}.video-course-tag{align-self:flex-start;margin:0;border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-fg);font-size:.73rem;font-weight:700;padding:4px 9px}.video-module-tag{align-self:flex-start;margin:0;border-radius:999px;background:#9dbf761f;border:1px solid rgba(157,191,118,.28);color:var(--accent);font-size:.73rem;font-weight:600;padding:4px 9px;display:inline-flex;align-items:center;gap:4px}.video-card-body p{margin:0;color:var(--video-desc)}.video-card-admin{max-width:460px}.video-card-admin:hover{transform:translateY(-4px) scale(1.01);border-color:var(--line-strong);box-shadow:0 16px 32px #00000038}.video-card-admin .video-thumb{height:132px;transition:transform .28s ease,filter .28s ease}.video-card-admin:hover .video-thumb{transform:scale(1.035);filter:saturate(1.08)}.video-card-admin .video-card-body{padding:10px 11px;gap:6px}.video-card-admin .video-card-body h3{font-size:.98rem;line-height:1.25}.video-card-admin .video-tags{margin:4px 0 6px;gap:6px}.video-card-admin .video-course-tag,.video-card-admin .video-module-tag{padding:3px 8px;font-size:.69rem}.video-card-admin .video-card-body>p{font-size:.84rem;line-height:1.35}.video-card-admin .video-actions-row{gap:6px;margin-top:2px}.video-card-admin .video-actions-row .link-btn,.video-card-admin .danger-btn{min-height:32px;padding:7px 12px;font-size:.78rem}.video-card-admin .timestamp{margin-top:2px;font-size:.72rem}.video-card-admin .materials-panel{margin-top:6px;padding:8px;border-radius:11px}.video-card-admin .panel-heading-row{margin-bottom:8px;gap:6px}.video-card-admin .panel-heading-row h4{font-size:.84rem}.video-card-admin .materials-list{gap:6px}.video-card-admin .material-row{padding:6px 8px;border-radius:10px;font-size:.78rem}.video-card-admin .material-upload-row{margin-top:8px;gap:7px}.video-card-admin .material-upload-row input{padding:8px 10px}.video-card-admin .material-upload-row .primary-btn{min-height:32px;padding:7px 11px;font-size:.76rem}.video-card-admin .file-name,.video-card-admin .empty-note{font-size:.72rem}.materials-panel{margin-top:6px;border-radius:13px;background:var(--materials-bg);border:1px solid var(--line);padding:10px}.materials-panel.compact{margin-top:8px}.panel-heading-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.panel-heading-row h4{margin:0}.materials-list{display:flex;flex-direction:column;gap:8px}.material-row,.material-upload-row,.download-item{display:flex;gap:9px}.material-row{justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;background:var(--material-row-bg)}.material-upload-row{align-items:center;flex-wrap:wrap;margin-top:12px}.file-name,.timestamp,.empty-note{margin:0;font-size:.78rem;color:var(--text-muted)}.download-item{flex-direction:column}.progress-box{display:flex;gap:9px;align-items:center}.progress-track{flex:1;height:8px;border-radius:999px;background:var(--progress-track-bg);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(120deg,var(--accent-2) 0%,var(--accent) 100%);border-radius:inherit;transition:width .12s linear}.progress-value{min-width:40px;text-align:right;font-size:.78rem;color:var(--text-soft)}@media (max-width: 1080px){.auth-page-shell,.dashboard-grid.admin-grid{grid-template-columns:1fr}.compose-card{position:static;top:auto;max-height:none;overflow:visible}.registered-learners-card{max-height:420px}.registered-learners-card .student-cards-scroll{overflow-y:auto}}@media (max-width: 980px){.app-side-nav{display:none}}@media (max-width: 720px){:root{--menu-item-enter-duration: .24s;--menu-item-enter-step: 26ms;--menu-item-enter-base-delay: 38ms}.auth-page-shell{--shell-pad: 16px;padding:16px}.app-shell{--shell-pad: 12px;padding:12px}.app-shell-layout{padding-top:92px}.topbar{top:6px}.app-side-nav-mobile{top:68px;height:calc(100dvh - 68px);max-height:calc(100dvh - 68px);width:min(90vw,340px)}.app-shell--with-nav .topbar{gap:10px}.topbar-main{align-items:flex-start}.hub-menu-trigger{min-width:38px;height:38px;border-radius:11px;padding:0 10px}.hub-menu-trigger-label{display:none}.hub-side-panel{width:min(92vw,324px);border-radius:16px}.hub-side-link{padding:11px}.hub-side-link-label{font-size:.83rem}.app-shell--with-nav .topbar-brand{min-width:0;gap:8px}.app-shell--with-nav .topbar-actions{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end}.app-shell--with-nav .topbar-logo{width:66px;height:40px;border-radius:10px}.app-shell--with-nav .topbar-site-name{display:none}.app-shell--with-nav .topbar-title{font-size:.92rem}.app-shell:not(.app-shell--with-nav) .topbar,.app-shell:not(.app-shell--with-nav) .topbar-actions,.section-header,.panel-heading-row{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.hero-panel{min-height:auto;padding:24px}.auth-flip-wrap{min-height:0}.auth-hero-media-badge{left:10px;right:10px;bottom:10px;font-size:.72rem;padding:7px 9px}.admin-nav-bar{padding:5px 6px;gap:4px;border-radius:10px;top:6px}.admin-nav-pill{padding:6px 10px;font-size:.78rem;gap:4px}.admin-nav-pill-label{display:none}.admin-nav-pill.active .admin-nav-pill-label{display:inline}.feedback-list-card .section-header{margin-bottom:10px}.feedback-list-card .stat-card{width:100%}.profile-modal-backdrop{padding:0;align-items:flex-end;overflow:hidden}.profile-modal{padding:0 0 env(safe-area-inset-bottom,16px);border-radius:24px 24px 0 0;max-height:94dvh;width:100%;overflow-y:auto;overflow-x:hidden;box-shadow:0 -8px 40px #00000047;display:flex;flex-direction:column;animation:profile-sheet-up .32s cubic-bezier(.32,.72,.28,1) both}.profile-modal.closing{animation:profile-sheet-down .21s cubic-bezier(.4,0,1,1) both}@keyframes profile-sheet-up{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes profile-sheet-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:.9}}.profile-modal:before{content:"";display:block;width:44px;height:5px;border-radius:999px;background:var(--line-strong);margin:12px auto 0;flex-shrink:0}.profile-modal-header{padding:14px 18px 0;margin-bottom:14px;flex-shrink:0}.profile-hover-card{display:none}.profile-modal-body{display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:0 18px 18px;flex:1}.profile-summary-card{display:grid;grid-template-columns:72px 1fr;gap:6px 14px;align-items:start;padding:14px;border-radius:16px;margin-bottom:14px;flex-shrink:0}.profile-avatar-large{grid-column:1;grid-row:1 / span 3;width:72px;height:72px;font-size:1.5rem;align-self:center}.profile-summary-card>:not(.profile-avatar-large){grid-column:2;min-width:0}.profile-photo-upload{width:auto}.profile-photo-upload span{padding:7px 12px;font-size:.82rem}.profile-delete-photo-btn,.profile-theme-modal-btn{width:auto;font-size:.82rem;padding:7px 12px}.profile-summary-list{gap:6px;margin-top:4px}.profile-summary-list div{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px}.profile-summary-list strong{text-align:right;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.profile-summary-list span{flex-shrink:0}.profile-edit-form{border-radius:16px;padding:14px;gap:10px}.video-thumb{height:128px}.course-grid,.quiz-options-list,.quiz-options-grid,.quiz-meta-grid,.quiz-history-grid{grid-template-columns:1fr}.quiz-admin-item{flex-direction:column;align-items:stretch}.quiz-count-cards{width:100%;flex-direction:column}.quiz-admin-item-actions{justify-content:flex-start}.student-tools-row{grid-template-columns:1fr;align-items:stretch}.video-grid{grid-template-columns:1fr;justify-items:stretch}.modules-view-container,.quiz-history-grid{max-height:56vh;overflow-y:auto;overflow-x:hidden;padding-right:0}.module-videos-scroll{max-height:62vh;overflow-y:auto;overflow-x:hidden;padding-right:0}.modules-grid,.modules-grid-student{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.quick-stats-row,.library-tools-row,.library-search-row{grid-template-columns:1fr}.content-library-focused-actions{width:100%;flex-direction:column;align-items:stretch}.library-course-select{width:100%;min-width:0}.admin-content-hero{padding:14px}.admin-content-stats{min-width:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content-toolbar{flex-direction:column;align-items:stretch}.admin-content-toolbar select{width:100%;min-width:0}.workspace-hero{padding:14px}.workspace-hero-stats{min-width:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-row-two,.workspace-launch-grid{grid-template-columns:1fr}.library-viewer-backdrop{padding:72px 8px 10px}.library-viewer{width:100%;max-height:calc(100vh - 84px);border-radius:14px;padding:14px 14px 0}.library-search-row .primary-btn,.library-search-row .secondary-btn{width:100%}.undo-banner,.pager-row{align-items:stretch;flex-direction:column}.undo-popup{left:16px;right:16px;top:max(92px,calc(env(safe-area-inset-top) + 88px));width:auto}}@media (min-width: 721px) and (max-width: 1024px){:root{--menu-item-enter-duration: 285ms;--menu-item-enter-step: 31ms;--menu-item-enter-base-delay: 50ms}}@media (max-width: 480px){.card,.table-card,.compose-card,.feedback-list-card{padding:14px}th,td{padding:10px 7px;font-size:.84rem}.user-delete-btn{height:30px;padding:0 10px;font-size:.76rem}.stat-card{min-width:unset}.modules-grid,.modules-grid-student{grid-template-columns:1fr;gap:12px}.module-card-btn{padding:16px}.module-card-title{font-size:.95rem}.module-card-subtitle{font-size:.82rem}.quiz-meta-strip{flex-direction:column;align-items:stretch}.quiz-question-card{padding:10px}.quiz-option{align-items:flex-start;padding:10px 9px}.quiz-option span{font-size:.88rem}.video-actions-row{flex-direction:column;align-items:stretch}.icon-pill,.video-actions-row .link-btn{width:100%;justify-content:center;text-align:center}.back-btn.small{padding:6px 10px;font-size:.85rem}.profile-edit-actions .primary-btn,.profile-edit-actions .secondary-btn,.profile-logout-btn,.profile-photo-upload span,.profile-delete-photo-btn{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.library-scroll-body,.quiz-question-list,.quiz-admin-items,.payment-pricing-card,.payment-voucher-card,.feedback-list-card .feedback-list,.registered-learners-card .table-wrap{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.library-scroll-body::-webkit-scrollbar,.quiz-question-list::-webkit-scrollbar,.quiz-admin-items::-webkit-scrollbar,.payment-pricing-card::-webkit-scrollbar,.payment-voucher-card::-webkit-scrollbar,.feedback-list-card .feedback-list::-webkit-scrollbar,.registered-learners-card .table-wrap::-webkit-scrollbar{width:5px;height:5px}.library-scroll-body::-webkit-scrollbar-track,.quiz-question-list::-webkit-scrollbar-track,.quiz-admin-items::-webkit-scrollbar-track,.payment-pricing-card::-webkit-scrollbar-track,.payment-voucher-card::-webkit-scrollbar-track,.feedback-list-card .feedback-list::-webkit-scrollbar-track,.registered-learners-card .table-wrap::-webkit-scrollbar-track{background:transparent;border-radius:99px}.library-scroll-body::-webkit-scrollbar-thumb,.quiz-question-list::-webkit-scrollbar-thumb,.quiz-admin-items::-webkit-scrollbar-thumb,.payment-pricing-card::-webkit-scrollbar-thumb,.payment-voucher-card::-webkit-scrollbar-thumb,.feedback-list-card .feedback-list::-webkit-scrollbar-thumb,.registered-learners-card .table-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.library-scroll-body::-webkit-scrollbar-thumb:hover,.quiz-question-list::-webkit-scrollbar-thumb:hover,.quiz-admin-items::-webkit-scrollbar-thumb:hover,.payment-pricing-card::-webkit-scrollbar-thumb:hover,.payment-voucher-card::-webkit-scrollbar-thumb:hover,.feedback-list-card .feedback-list::-webkit-scrollbar-thumb:hover,.registered-learners-card .table-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.error-boundary-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1rem}.error-boundary-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:2.5rem;max-width:480px;width:100%;text-align:center}.error-boundary-card h2{margin:0 0 .5rem;color:var(--text)}.error-boundary-card p{color:var(--text-muted);margin:0 0 1.5rem}.quiz-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4200;background:#080e0a6b;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:1rem;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.quiz-modal{position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--bg-card) 92%,#ffffff 8%),color-mix(in srgb,var(--bg-card-soft) 94%,transparent));border:1px solid var(--line);border-radius:20px;width:100%;max-width:1160px;max-height:min(92vh,980px);margin:0 auto;box-shadow:0 28px 72px #00000059;overflow:hidden;display:flex;flex-direction:column}.quiz-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-card-soft) 82%,transparent);position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quiz-modal-title{flex:1;min-width:0;font-size:1.06rem;font-weight:700;color:var(--text-strong);margin:0;line-height:1.35;overflow-wrap:anywhere}.quiz-modal-close-btn{flex-shrink:0;display:flex;align-items:center;gap:.3rem;padding:.38rem .9rem;background:color-mix(in srgb,var(--bg-card) 84%,transparent);border:1px solid var(--line);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:.84rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;min-height:38px;min-width:98px;justify-content:center}.quiz-modal-close-btn:hover{background:#ef4444;color:#fff;border-color:transparent}.quiz-modal-body{padding:1.75rem 1.5rem 2rem;transition:opacity .2s;overflow-y:auto;overscroll-behavior:contain}.quiz-modal-body--dimmed{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.quiz-exit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#050a0742;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quiz-exit-card{background:linear-gradient(170deg,color-mix(in srgb,var(--bg-card) 90%,#ffffff 10%),color-mix(in srgb,var(--bg-card-soft) 88%,transparent));border:1px solid var(--line);border-radius:16px;padding:2rem 2.25rem;max-width:380px;width:calc(100% - 2.5rem);text-align:center;box-shadow:0 16px 56px #0000004d;color:var(--text-main)}.quiz-exit-icon{font-size:2.6rem;margin-bottom:.6rem}.quiz-exit-card h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:var(--text-strong)}.quiz-exit-card p{color:var(--text-soft);margin:0 0 1.5rem;line-height:1.55}.quiz-exit-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.danger-btn{padding:.55rem 1.3rem;border:none;border-radius:8px;background:#ef4444;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s}.danger-btn:hover{opacity:.85}.quiz-in-progress-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .6rem;border-radius:99px;background:var(--accent, #6366f1);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.02em}.quiz-picker-card--active{border-color:var(--accent, #6366f1);box-shadow:0 0 0 2px var(--accent, #6366f1)}@media (max-width: 768px){.quiz-panel .section-header{align-items:flex-start;gap:8px}.quiz-panel .section-header h2{font-size:1.05rem}.quiz-picker-card{align-items:flex-start;padding:12px}.quiz-picker-arrow{margin-top:2px}.quiz-modal-backdrop{padding:.6rem}.quiz-modal{border-radius:16px;max-height:96vh}.quiz-modal-header{padding:.9rem 1rem;align-items:flex-start;gap:.7rem;flex-direction:column}.quiz-modal-close-btn{width:100%}.quiz-modal-body{padding:1rem 1rem 1.15rem}.quiz-thankyou-actions .primary-btn,.quiz-thankyou-actions .secondary-btn,.quiz-exit-actions .primary-btn,.quiz-exit-actions .danger-btn{width:100%}.pricing-input-row{gap:8px}.pricing-input-label{min-width:90px}.pricing-input-label input[type=number]{max-width:115px}.pricing-active-label{min-width:70px}.module-pricing-table{font-size:.82rem;min-width:720px}.module-pricing-scroll-desktop{display:none}.module-pricing-mobile-list{display:block;max-height:52vh;overflow-y:auto;padding-right:2px}.module-pricing-panel{max-height:52vh}.payment-settings-panel .quiz-admin-items{max-height:48vh}.payment-settings-panel{margin-top:22px}.payment-pricing-card,.payment-voucher-card{max-height:64vh}.module-pricing-toolbar{align-items:stretch}.module-pricing-save-all-btn{width:100%}.module-pricing-toolbar-note{width:100%;font-size:.7rem}.module-pricing-mobile-fields{grid-template-columns:1fr;gap:8px}.module-pricing-table th,.module-pricing-table td{padding:6px 8px}.module-pricing-input{width:75px;padding:5px 7px}}.live-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .72rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;flex-shrink:0}.live-badge.pulsing{background:#ef4444;color:#fff;animation:livePulse 1.6s ease-in-out infinite}.live-badge.pulsing:before{content:"⬤";font-size:.55rem;margin-right:.1rem}.live-badge.offline{background:var(--border, #d1d5db);color:var(--muted, #6b7280)}@keyframes livePulse{0%,to{box-shadow:0 0 #ef44448c}50%{box-shadow:0 0 0 8px #ef444400}}.live-class-admin-card{grid-column:1 / -1;display:flex;flex-direction:column;gap:1.25rem}.live-class-header{display:flex;align-items:center;gap:.75rem;margin-bottom:-.25rem}.live-class-header h2{margin:0}.live-class-start-panel,.live-class-form{display:flex;flex-direction:column;gap:.85rem}.live-class-form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.live-field-label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--muted, #6b7280);flex:1;min-width:220px}.live-class-title-input{flex:1;min-width:240px;padding:.6rem .9rem;border-radius:var(--radius, 8px);border:1.5px solid var(--border, #d1d5db);background:var(--surface, #ffffff);color:var(--text, #111827);font-size:.95rem;transition:border-color .18s}.live-class-title-input:focus{outline:none;border-color:var(--accent, #16a34a);box-shadow:0 0 0 3px #16a34a26}.live-start-btn{white-space:nowrap}.meet-url-input{min-width:300px!important}.live-class-form-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.meet-new-link{display:inline-flex;align-items:center;padding:.5rem 1.1rem;border:1.5px solid var(--border, #d1d5db);border-radius:var(--radius, 8px);font-size:.9rem;font-weight:600;text-decoration:none;color:var(--text, #111827);background:var(--surface, #fff);transition:background .18s,border-color .18s;white-space:nowrap}.meet-new-link:hover{background:var(--bg, #f9fafb);border-color:#1a73e8;color:#1a73e8}.live-help-text{font-size:.78rem;color:var(--muted, #6b7280);margin:0}.live-class-active-panel{display:flex;flex-direction:column;gap:1rem}.live-class-info-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1rem;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius, 8px)}.live-class-info-text{display:flex;flex-direction:column;gap:.2rem}.live-class-title-display{font-size:1rem;font-weight:600;color:var(--text, #111827)}.live-class-since{font-size:.78rem;color:var(--muted, #6b7280)}.live-class-controls{display:flex;gap:.6rem;flex-wrap:wrap}.live-open-btn{background:#1a73e8;border-color:#1a73e8;color:#fff}.live-open-btn:hover{background:#1557b0;border-color:#1557b0}.danger-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.1rem;background:#ef4444;color:#fff;border:1.5px solid #ef4444;border-radius:var(--radius, 8px);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s;white-space:nowrap}.danger-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.live-meet-info-box{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.65rem 1rem;background:#1a73e812;border:1px solid rgba(26,115,232,.18);border-radius:var(--radius, 8px);font-size:.88rem}.live-meet-url-label{color:var(--muted, #6b7280);white-space:nowrap}.live-meet-url-text{color:#1a73e8;text-decoration:none;word-break:break-all}.live-meet-url-text:hover{text-decoration:underline}.live-class-student-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:linear-gradient(90deg,rgba(239,68,68,.08) 0%,var(--surface, #fff) 100%);border:1.5px solid rgba(239,68,68,.3);padding:1rem 1.5rem}.live-class-banner-info{display:flex;align-items:center;gap:1rem}.live-join-btn{white-space:nowrap;background:#1a73e8;border-color:#1a73e8;color:#fff;text-decoration:none;display:inline-flex;align-items:center;padding:.55rem 1.2rem;border-radius:var(--radius, 8px);font-weight:600;font-size:.92rem;transition:background .18s,border-color .18s}.live-join-btn:hover{background:#1557b0;border-color:#1557b0}.schedule-class-section{display:flex;flex-direction:column;gap:.85rem;padding-top:1.1rem;border-top:1.5px solid var(--line);margin-top:.25rem}.schedule-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.schedule-section-title{margin:0 0 .15rem;font-size:1rem;font-weight:700;color:var(--text-strong)}.schedule-section-sub{margin:0;font-size:.78rem;color:var(--text-muted)}.schedule-toggle-btn{white-space:nowrap;flex-shrink:0}.schedule-form{display:flex;flex-direction:column;gap:.85rem}.schedule-form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.schedule-optional-label{font-size:.72rem;font-weight:400;color:var(--text-muted);margin-left:.25rem}.scheduled-class-card{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--accent) 7%,var(--bg-card));border:1.5px solid color-mix(in srgb,var(--accent) 25%,transparent);flex-wrap:wrap}.scheduled-card-icon{font-size:1.5rem;flex-shrink:0}.scheduled-card-info{display:flex;flex-direction:column;gap:.18rem;flex:1;min-width:0}.scheduled-card-title{font-size:.95rem;font-weight:700;color:var(--text-strong)}.scheduled-card-time{font-size:.8rem;color:var(--accent);font-weight:600}.scheduled-card-url{font-size:.75rem;color:var(--text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-card-url:hover{text-decoration:underline}.schedule-cancel-btn{flex-shrink:0;white-space:nowrap;padding:.4rem .85rem;font-size:.82rem}.upcoming-class-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;overflow:hidden;padding:1.1rem 1.4rem;border-radius:var(--radius-lg, 16px);background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));border:1.5px solid color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:0 2px 18px color-mix(in srgb,var(--accent) 10%,transparent)}.upcoming-banner-glow{pointer-events:none;position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent) 0%,transparent 70%);z-index:0}.upcoming-banner-left,.upcoming-banner-right{position:relative;z-index:1;display:flex;align-items:center;gap:.85rem}.upcoming-banner-icon{font-size:2rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 50%,transparent))}.upcoming-banner-text{display:flex;flex-direction:column;gap:.15rem}.upcoming-banner-label{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.upcoming-banner-title{font-size:1.02rem;font-weight:700;color:var(--text-strong);line-height:1.25}.upcoming-banner-time{font-size:.82rem;color:var(--text-soft)}.upcoming-banner-right{flex-shrink:0;gap:.75rem}.upcoming-countdown-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--bg-card));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);font-size:.82rem;font-weight:700;color:var(--accent);white-space:nowrap}.upcoming-countdown-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:upcomingPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes upcomingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.upcoming-countdown-text{letter-spacing:.01em}.upcoming-join-btn{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:var(--radius-md, 10px);background:var(--accent);color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .18s}.upcoming-join-btn:hover{opacity:.88}.upcoming-link-pending{font-size:.78rem;color:var(--text-muted);font-style:italic;white-space:nowrap}.compact-premium-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.85rem;padding:.45rem 0 1rem;align-items:start}.compact-premium-video-card{background:linear-gradient(160deg,#121622fa,#0d111bfc 60%,#0a0d14);border:1px solid rgba(99,102,241,.18);border-radius:16px;overflow:hidden;box-shadow:0 3px 16px #00000047,0 0 0 1px #6366f112,inset 0 1px #ffffff0a;width:100%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}.cpv-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px 16px 0 0;cursor:pointer;background:#0a0d14}.cpv-thumb-wrap .video-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}.cpv-thumb-wrap:hover .video-thumb{transform:scale(1.04);filter:brightness(.7)}.cpv-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#0000;transition:background .3s ease}.cpv-thumb-wrap:hover .cpv-thumb-overlay{background:#00000059}.cpv-play-circle{width:52px;height:52px;border-radius:50%;background:#6366f1e6;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease;box-shadow:0 4px 20px #6366f180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cpv-play-circle svg{width:22px;height:22px;color:#fff;margin-left:3px}.cpv-thumb-wrap:hover .cpv-play-circle{opacity:1;transform:scale(1)}.cpv-resume-badge{background:#10b981e6;color:#fff;font-size:.7rem;font-weight:600;padding:.3rem .7rem;border-radius:20px;letter-spacing:.03em;opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cpv-thumb-wrap:hover .cpv-resume-badge{opacity:1}.compact-premium-video-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.4) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.compact-premium-video-card:hover:before{opacity:1}.compact-premium-video-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000005c,0 0 0 1px #6366f133,inset 0 1px #ffffff0f;border-color:#6366f147}.compact-premium-video-card.playing:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--accent);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:10;animation:compactPlayingPulse 2s ease-in-out infinite}.compact-premium-video-card.playing:after{opacity:1}@keyframes compactPlayingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.compact-premium-video-content{padding:.55rem;display:flex;flex-direction:column;gap:.32rem}.compact-premium-video-header{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.1rem}.compact-premium-video-title{font-size:.88rem;font-weight:700;color:var(--text-strong);line-height:1.3;margin:0;font-family:Plus Jakarta Sans,sans-serif;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-premium-video-meta{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;margin-bottom:0}.compact-premium-course-tag,.compact-premium-module-tag{padding:.18rem .42rem;border-radius:999px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.compact-premium-course-tag{background:linear-gradient(135deg,#6366f133,#6366f11a);color:var(--accent);border:1px solid rgba(99,102,241,.3)}.compact-premium-module-tag{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.compact-premium-completed-badge{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;border:1px solid rgba(34,197,94,.3);padding:.18rem .42rem;border-radius:999px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.compact-premium-video-description{color:var(--text-soft);line-height:1.4;margin:0 0 .35rem;font-size:.76rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-premium-video-stats{display:flex;gap:.55rem;padding:.55rem;background:#6366f10d;border-radius:10px;border:1px solid rgba(99,102,241,.1);margin-bottom:.35rem}.compact-premium-stat-item{display:flex;flex-direction:column;align-items:center;gap:.18rem}.compact-premium-stat-label{font-size:.58rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.compact-premium-stat-value{font-size:.75rem;color:var(--text-strong);font-weight:700;font-family:JetBrains Mono,monospace}.compact-premium-progress-ring{position:relative;width:24px;height:24px}.compact-premium-progress-svg{transform:rotate(-90deg);width:24px;height:24px}.compact-premium-progress-bg{fill:none;stroke:#6366f133;stroke-width:3}.compact-premium-progress-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.compact-premium-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.5rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace}.compact-premium-video-actions{display:grid;gap:.28rem;margin-bottom:.24rem}.compact-premium-mini-toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.24rem;margin:.05rem 0 .24rem}.compact-premium-mini-tool{border-radius:9px}.compact-premium-mini-tool.has-tooltip{position:relative}.compact-premium-mini-tool.has-tooltip:before{content:"";position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);border:5px solid transparent;border-top-color:#0a0e18f2;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:6}.compact-premium-mini-tool.has-tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%);background:#0a0e18f2;color:#e7ecff;padding:.28rem .45rem;border-radius:6px;border:1px solid rgba(148,163,184,.25);box-shadow:0 10px 24px #00000059;font-size:.56rem;line-height:1;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:7}.compact-premium-mini-tool.has-tooltip:hover:before,.compact-premium-mini-tool.has-tooltip:hover:after,.compact-premium-mini-tool.has-tooltip:focus-visible:before,.compact-premium-mini-tool.has-tooltip:focus-visible:after{opacity:1}html[data-theme=light] .compact-premium-mini-tool.has-tooltip:before{border-top-color:#0f172af2}html[data-theme=light] .compact-premium-mini-tool.has-tooltip:after{background:#0f172af2;border-color:#94a3b859}.compact-premium-video-actions-top,.compact-premium-video-actions-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem}.compact-premium-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.34rem .5rem;border-radius:10px;font-size:.61rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:Inter,sans-serif;letter-spacing:.01em;min-height:30px;white-space:nowrap;justify-content:center}.compact-premium-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.compact-premium-btn:hover:before{left:100%}.compact-premium-btn svg{width:11px;height:11px;flex-shrink:0}.compact-premium-btn--icon-only{padding:.34rem;min-height:30px;min-width:30px;font-size:0;line-height:0}.compact-premium-btn--icon-only svg{width:13px;height:13px}.compact-premium-btn-details-toggle{width:100%;border:1px solid rgba(148,163,184,.35);background:#94a3b814;color:var(--text-soft);min-height:28px;gap:.35rem}.compact-premium-btn-details-toggle:hover{border-color:#94a3b880;background:#94a3b81f;color:var(--text-main)}.compact-premium-btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#818cf8 100%);color:#fff;box-shadow:0 3px 8px #6366f14d}.compact-premium-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f166}.compact-premium-btn-secondary{background:linear-gradient(135deg,#6366f11a,#6366f10d);color:var(--accent);border:1px solid rgba(99,102,241,.3)}.compact-premium-btn-secondary:hover{background:linear-gradient(135deg,#6366f126,#6366f11a);transform:translateY(-1px);border-color:#6366f166}.compact-premium-btn-ghost{background:transparent;color:var(--text-soft);border:1px solid rgba(99,102,241,.2)}.compact-premium-btn-ghost:hover{background:#6366f10d;color:var(--text-main);border-color:#6366f14d}.compact-premium-btn-danger{background:linear-gradient(135deg,#f43f5e1a,#f43f5e0d);color:var(--danger);border:1px solid rgba(244,63,94,.3)}.compact-premium-btn-danger:hover{background:linear-gradient(135deg,#f43f5e26,#f43f5e1a);border-color:#f43f5e66}.compact-premium-btn-active{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;border-color:#22c55e66}.compact-premium-btn-material-toggle{width:100%;margin-top:.05rem;border:1px dashed rgba(99,102,241,.35);background:linear-gradient(135deg,#6366f114,#6366f108);color:var(--accent)}.compact-premium-btn-material-toggle:hover{border-color:#6366f18c;background:linear-gradient(135deg,#6366f126,#6366f114)}.compact-premium-timestamp{font-size:.58rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;letter-spacing:.05em;margin-top:.15rem;padding-top:.2rem;border-top:1px solid rgba(99,102,241,.1)}.compact-premium-materials-panel{margin-top:.24rem;padding:.55rem;background:#6366f108;border-radius:10px;border:1px solid rgba(99,102,241,.1);animation:compactMaterialsReveal .2s ease}@keyframes compactMaterialsReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.compact-premium-materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.compact-premium-materials-header h4{margin:0;font-size:.74rem;font-weight:700;color:var(--text-strong)}.compact-premium-materials-count{background:var(--accent);color:#fff;padding:.2rem .4rem;border-radius:10px;font-size:.6rem;font-weight:600}.compact-premium-materials-grid{display:flex;flex-direction:column;gap:.35rem}.compact-premium-material-item{display:flex;align-items:center;gap:.35rem;padding:.32rem;background:#ffffff05;border:1px solid rgba(99,102,241,.1);border-radius:6px;transition:all .2s ease}.compact-premium-material-item:hover{background:#ffffff0d;border-color:#6366f133;transform:translate(3px)}.compact-premium-material-icon{font-size:.8rem;opacity:.7}.compact-premium-material-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.compact-premium-material-name{font-size:.62rem;color:var(--text-main);font-weight:500}.compact-premium-download-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--accent);padding:.25rem;border-radius:5px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.compact-premium-download-btn:hover{background:#6366f133;transform:scale(1.05)}.compact-premium-download-btn svg{width:11px;height:11px}.compact-premium-materials-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--text-muted);text-align:center}.compact-premium-materials-empty svg{width:28px;height:28px;opacity:.5}.compact-premium-video-player{position:relative;width:100%;aspect-ratio:16 / 9;height:auto;max-height:min(72vh,560px);background:#000;border-radius:16px 16px 0 0;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center}.compact-premium-video-player--hidden{display:none}.compact-premium-player-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:16px 16px 0 0;overflow:hidden}.compact-premium-player-frame iframe{width:100%!important;height:100%!important;border:0}.compact-premium-video-player--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}.compact-premium-video-player--fullscreen .compact-premium-player-frame,.compact-premium-video-player--fullscreen .compact-premium-controls-overlay,.compact-premium-video-player--fullscreen .compact-premium-player-loading{border-radius:0}.compact-premium-player-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;color:var(--text-main);z-index:20;gap:.8rem;border-radius:16px 16px 0 0}.compact-premium-player-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:#080c14db;color:#e8edf9;padding:1rem;text-align:center}.compact-premium-player-error span{font-size:.78rem;line-height:1.35}.compact-premium-loading-spinner{width:36px;height:36px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--accent);border-radius:50%;animation:compactPremiumSpin 1s linear infinite}@keyframes compactPremiumSpin{to{transform:rotate(360deg)}}.compact-premium-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 40%,transparent 100%);padding:1rem .8rem .55rem;opacity:1;transition:opacity .3s ease,transform .3s ease;transform:translateY(0);border-radius:0 0 12px 12px;display:grid;gap:.55rem;max-height:100%;overflow-y:auto}.compact-premium-controls-overlay.hide-controls{opacity:0;transform:translateY(20px);pointer-events:none}.compact-premium-progress-bar{position:relative;height:6px;background:#fff3;border-radius:3px;margin-bottom:.65rem;cursor:pointer;overflow:hidden}.compact-premium-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#818cf8 100%);border-radius:3px;position:relative;transition:width .1s ease}.compact-premium-progress-handle{position:absolute;right:-6px;top:-3px;width:12px;height:12px;background:#fff;border:2px solid var(--accent);border-radius:50%;box-shadow:0 2px 6px #0000004d;opacity:0;transition:opacity .2s ease}.compact-premium-progress-bar:hover .compact-premium-progress-handle{opacity:1}.compact-premium-progress-buffered{position:absolute;top:0;left:0;height:100%;background:#fff6;border-radius:3px;transition:width .3s ease}.compact-premium-controls-main{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.compact-premium-controls-left,.compact-premium-controls-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;min-width:0}.compact-premium-controls-right{justify-content:flex-end;flex:1 1 280px}.compact-premium-controls-left{flex:1 1 260px}.compact-premium-control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compact-premium-control-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.compact-premium-play-btn{width:38px;height:38px;background:var(--accent);border-color:var(--accent);box-shadow:0 4px 12px #6366f14d}.compact-premium-play-btn:hover{background:#818cf8;transform:scale(1.1);box-shadow:0 6px 16px #6366f166}.compact-premium-time-display{color:#fff;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,monospace;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.compact-premium-volume-control{display:flex;align-items:center;gap:.45rem}.compact-premium-volume-icon{width:16px;height:16px;color:#fff;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.compact-premium-volume-slider{width:64px;flex:1 1 120px;min-width:96px;height:6px;background:transparent;border-radius:999px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.compact-premium-volume-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#818cf8eb,#6366f1d9 55%,#fff6);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 2px #00000059}.compact-premium-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;width:16px;height:16px;background:linear-gradient(180deg,#fff,#dbe4ff);border-radius:50%;cursor:pointer;border:2px solid #7c8cff;box-shadow:0 2px 8px #00000061}.compact-premium-volume-slider::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#818cf8eb,#6366f1d9 55%,#fff6);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 2px #00000059}.compact-premium-volume-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(180deg,#fff,#dbe4ff);border-radius:50%;cursor:pointer;border:2px solid #7c8cff;box-shadow:0 2px 8px #00000061}.compact-premium-fullscreen-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25)}.compact-premium-fullscreen-btn:hover{background:#ffffff40;border-color:#ffffff59}.cpv-progress-wrap{position:relative;margin-bottom:.15rem}.cpv-control-status-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.cpv-control-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.cpv-status-badge{display:inline-flex;align-items:center;gap:.28rem;min-height:24px;padding:0 .52rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#f8fbff;font-size:.66rem;font-weight:700;letter-spacing:.02em}.cpv-control-shortcuts{color:#ffffff8f;font-size:.64rem;letter-spacing:.03em}.cpv-progress-wrap .compact-premium-progress-bar{margin-bottom:0;height:5px;overflow:visible}.cpv-time-tooltip{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);background:#000000e0;color:#fff;font-size:.69rem;font-family:JetBrains Mono,Courier New,monospace;font-weight:500;padding:2px 7px;border-radius:5px;white-space:nowrap;pointer-events:none;letter-spacing:.04em;box-shadow:0 2px 6px #0006}.cpv-skip-btn{position:relative;font-size:0}.cpv-skip-label{position:absolute;font-size:.55rem;font-weight:800;color:#fff;line-height:1;bottom:7px;left:50%;transform:translate(-50%);pointer-events:none}.cpv-speed-badge{background:color-mix(in srgb,var(--accent) 60%,rgba(0,0,0,.7));color:#fff;font-size:.62rem;font-weight:700;padding:2px 5px;border-radius:4px;letter-spacing:.04em;white-space:nowrap}.compact-premium-control-btn.cpv-muted{color:#ffffff73}.compact-premium-control-btn.cpv-settings-active{background:var(--accent);border-color:var(--accent);color:#fff}.cpv-settings-panel{background:#080812f0;border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cpv-settings-in .15s ease both;max-height:min(36vh,320px);overflow-y:auto}@keyframes cpv-settings-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cpv-settings-group{display:flex;flex-direction:column;gap:5px}.cpv-settings-label{color:#ffffff80;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.cpv-settings-options{display:flex;flex-wrap:wrap;gap:4px}.cpv-settings-field{display:grid;gap:6px}.cpv-settings-field-label{color:#ffffffbd;font-size:.72rem;font-weight:600}.cpv-settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:40px;padding:0 38px 0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.75) 50%) calc(100% - 18px) calc(50% - 2px) / 6px 6px no-repeat,linear-gradient(135deg,rgba(255,255,255,.75) 50%,transparent 50%) calc(100% - 13px) calc(50% - 2px) / 6px 6px no-repeat,#ffffff14;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;outline:none}.cpv-settings-select:focus{border-color:#818cf8f2;box-shadow:0 0 0 3px #6366f133}.cpv-settings-select option{color:#0f172a}.cpv-settings-opt{background:#ffffff12;border:1px solid rgba(255,255,255,.11);color:#fffc;font-size:.71rem;padding:3px 9px;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.cpv-settings-opt:hover{background:#ffffff24;border-color:#ffffff38;color:#fff}.cpv-settings-opt.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.cpv-settings-hint{margin:0;font-size:.6rem;color:#ffffff52;letter-spacing:.03em}.cpv-labeled-btn{width:auto;min-width:0;padding:0 10px;gap:.4rem}.cpv-control-label{font-size:.7rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}html[data-theme=light] .compact-premium-video-card{background:linear-gradient(160deg,#fffffffa,#f8fafffc 60%,#f1f5fb);border-color:#6366f126;box-shadow:0 4px 20px #0f172a14,0 0 0 1px #6366f112,inset 0 1px #fffc}html[data-theme=light] .compact-premium-video-card:hover{box-shadow:0 12px 32px #0f172a1f,0 0 0 1px #6366f12e,inset 0 1px #ffffffe6}html[data-theme=light] .compact-premium-materials-panel{background:#6366f105;border-color:#6366f114}html[data-theme=light] .compact-premium-btn-material-toggle{border-color:#4f46e559;background:linear-gradient(135deg,#4f46e517,#4f46e508)}html[data-theme=light] .cpv-thumb-wrap{background:#e8eaf0}@media (max-width: 768px){.compact-premium-video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:.35rem 0}.compact-premium-video-card{border-radius:14px}.compact-premium-video-actions-top,.compact-premium-video-actions-bottom{grid-template-columns:1fr}.compact-premium-mini-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-premium-mini-tool.has-tooltip:before,.compact-premium-mini-tool.has-tooltip:after{display:none}.cpv-thumb-wrap{border-radius:14px 14px 0 0}.compact-premium-video-player{border-radius:14px 14px 0 0;max-height:min(60vh,420px)}.compact-premium-controls-main{display:grid;grid-template-columns:1fr;align-items:stretch}.compact-premium-controls-left,.compact-premium-controls-right{justify-content:flex-start}.compact-premium-controls-right{gap:.45rem}.cpv-control-shortcuts{display:none}.cpv-labeled-btn{padding:0 9px}.cpv-control-label{font-size:.66rem}.cpv-settings-panel{max-height:min(32vh,260px)}.compact-premium-player-frame,.compact-premium-player-loading{border-radius:14px 14px 0 0}}@media (max-width: 480px){.compact-premium-video-grid{grid-template-columns:1fr;gap:.75rem;padding:.25rem 0}.compact-premium-video-actions{flex-direction:column;align-items:stretch}.compact-premium-btn{justify-content:center;padding:.4rem .6rem;font-size:.65rem}.compact-premium-video-stats{flex-direction:column;gap:.4rem}.compact-premium-controls-left,.compact-premium-controls-right{gap:.4rem}.compact-premium-controls-overlay{padding:.72rem .58rem .5rem;gap:.42rem}.compact-premium-time-display{font-size:.65rem}.compact-premium-control-btn{width:28px;height:28px}.compact-premium-play-btn{width:32px;height:32px}.cpv-status-badge{font-size:.61rem}.cpv-labeled-btn{min-height:28px;padding:0 8px}.cpv-control-label{font-size:.62rem}.compact-premium-volume-slider{min-width:74px;flex-basis:74px}.cpv-settings-select{min-height:36px;font-size:.74rem}}@media (max-width: 900px){.auth-page-shell{grid-template-columns:1fr;gap:12px}.auth-hero-media-card{margin-top:8px;border-radius:14px}.auth-hero-media-badge{left:10px;right:10px;bottom:8px;font-size:.72rem;padding:7px 10px}.content-library-card{padding:14px 14px 0;margin-top:16px}.library-scroll-body{max-height:56vh;overflow-y:auto;overflow-x:hidden;padding-bottom:12px}.content-library-card .video-grid{grid-template-columns:1fr;gap:10px}.connect-section{margin-top:28px;padding:32px 0 28px}.connect-inner{padding:0 14px;gap:20px}.connect-heading{font-size:1.45rem}.social-card{flex:1 1 100%;max-width:100%;border-radius:14px;padding:14px;min-height:102px}.student-footer{padding:28px 0 20px}.footer-inner{padding:0 14px;grid-template-columns:1fr;grid-template-rows:auto;gap:18px}.footer-brand,.footer-cols,.footer-copy{grid-column:auto;grid-row:auto}.footer-cols{width:100%;flex-direction:column;gap:14px}.footer-col{min-width:0}.footer-logo{width:82px;height:50px}}@media (max-width: 600px){.quiz-modal-backdrop{padding:.3rem;align-items:flex-end}.quiz-modal{max-width:100%;max-height:95vh;border-radius:14px 14px 0 0}.quiz-modal-header{padding:.78rem .85rem;gap:.55rem}.quiz-modal-title{font-size:.95rem}.quiz-modal-close-btn{min-width:0;width:auto;padding:.34rem .65rem;font-size:.75rem}.quiz-modal-body{padding:.85rem}.quiz-picker-card{padding:10px}.quiz-picker-title{font-size:.88rem}.quiz-picker-meta{gap:4px;font-size:.72rem}.auth-intro-screen{padding:12px}.auth-flip-wrap{border-radius:14px}.auth-flip-face{padding:14px}}.premium-video-card{background:linear-gradient(145deg,#171c28fa,#0f131cfc,#0b0e14);border:1px solid rgba(99,102,241,.15);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000040,0 0 0 1px #6366f114,inset 0 1px #ffffff08;width:100%;max-width:400px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform-style:preserve-3d}.premium-video-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.4) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.premium-video-card:hover:before{opacity:1}.premium-video-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 32px #00000059,0 0 0 1px #6366f126,inset 0 1px #ffffff0f;border-color:#6366f140}.premium-video-container{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0a0d14,#151923);border-radius:12px 12px 0 0;overflow:hidden}.premium-video-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease;z-index:5;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.premium-video-card.playing .premium-video-container:before{opacity:1}.premium-video-card.playing .premium-video-container:before{content:"▶"}.premium-video-container:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--accent);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:10;animation:playingPulse 2s ease-in-out infinite}.premium-video-card.playing .premium-video-container:after{opacity:1}@keyframes playingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.premium-video-player{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;border-radius:12px 12px 0 0;overflow:hidden}.premium-player-frame{width:100%;height:100%;border:0}.premium-player-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;color:var(--text-main);z-index:10;gap:1rem}.premium-loading-spinner{width:48px;height:48px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--accent);border-radius:50%;animation:premiumSpin 1s linear infinite}@keyframes premiumSpin{to{transform:rotate(360deg)}}.premium-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 40%,transparent 100%);padding:2rem 1.5rem 1rem;opacity:1;transition:opacity .3s ease,transform .3s ease;transform:translateY(0)}.premium-video-player.hide-controls .premium-controls-overlay{opacity:0;transform:translateY(20px);pointer-events:none}.premium-progress-bar{position:relative;height:6px;background:#fff3;border-radius:3px;margin-bottom:1rem;cursor:pointer;overflow:hidden}.premium-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#818cf8 100%);border-radius:3px;position:relative;transition:width .1s ease}.premium-progress-handle{position:absolute;right:-6px;top:-3px;width:12px;height:12px;background:#fff;border:2px solid var(--accent);border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:opacity .2s ease}.premium-progress-bar:hover .premium-progress-handle{opacity:1}.premium-progress-buffered{position:absolute;top:0;left:0;height:100%;background:#fff6;border-radius:3px;transition:width .3s ease}.premium-controls-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.premium-controls-left,.premium-controls-right{display:flex;align-items:center;gap:1rem}.premium-control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-control-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.premium-play-btn{width:48px;height:48px;background:var(--accent);border-color:var(--accent)}.premium-play-btn:hover{background:#818cf8;transform:scale(1.1)}.premium-time-display{color:#fff;font-size:.85rem;font-weight:500;font-family:JetBrains Mono,monospace;letter-spacing:.05em}.premium-volume-control{display:flex;align-items:center;gap:.5rem}.premium-volume-icon{width:20px;height:20px;color:#fff;opacity:.8}.premium-volume-slider{width:80px;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.premium-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:2px solid var(--accent)}.premium-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:2px solid var(--accent);border:none}.premium-video-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.premium-video-header{display:flex;flex-direction:column;gap:.75rem}.premium-video-title{font-size:1.05rem;font-weight:700;color:var(--text-strong);line-height:1.3;margin:0;font-family:Plus Jakarta Sans,sans-serif;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.premium-video-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.premium-course-tag,.premium-module-tag{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.premium-course-tag{background:linear-gradient(135deg,#6366f133,#6366f11a);color:var(--accent);border:1px solid rgba(99,102,241,.3)}.premium-module-tag{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.premium-completed-badge{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;border:1px solid rgba(34,197,94,.3);padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.premium-video-description{color:var(--text-soft);line-height:1.5;margin:0;font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.premium-video-stats{display:flex;gap:1rem;padding:.75rem;background:#6366f10d;border-radius:12px;border:1px solid rgba(99,102,241,.1)}.premium-stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.premium-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.premium-stat-value{font-size:1rem;color:var(--text-strong);font-weight:700;font-family:JetBrains Mono,monospace}.premium-progress-ring{position:relative;width:36px;height:36px}.premium-progress-svg{transform:rotate(-90deg);width:36px;height:36px}.premium-progress-bg{fill:none;stroke:#6366f133;stroke-width:3}.premium-progress-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.premium-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace}.premium-video-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.premium-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;font-size:.8rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:Inter,sans-serif;letter-spacing:.01em}.premium-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.premium-btn:hover:before{left:100%}.premium-btn svg{width:16px;height:16px;flex-shrink:0}.premium-btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#818cf8 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.premium-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.premium-btn-secondary{background:linear-gradient(135deg,#6366f11a,#6366f10d);color:var(--accent);border:1px solid rgba(99,102,241,.3)}.premium-btn-secondary:hover{background:linear-gradient(135deg,#6366f126,#6366f11a);transform:translateY(-1px);border-color:#6366f166}.premium-btn-ghost{background:transparent;color:var(--text-soft);border:1px solid rgba(99,102,241,.2)}.premium-btn-ghost:hover{background:#6366f10d;color:var(--text-main);border-color:#6366f14d}.premium-btn-danger{background:linear-gradient(135deg,#f43f5e1a,#f43f5e0d);color:var(--danger);border:1px solid rgba(244,63,94,.3)}.premium-btn-danger:hover{background:linear-gradient(135deg,#f43f5e26,#f43f5e1a);border-color:#f43f5e66}.premium-btn-active{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;border-color:#22c55e66}.premium-timestamp{font-size:.75rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;letter-spacing:.05em}.premium-materials-panel{margin-top:.75rem;padding:.75rem;background:#6366f108;border-radius:12px;border:1px solid rgba(99,102,241,.1)}.premium-materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.premium-materials-header h4{margin:0;font-size:.85rem;font-weight:700;color:var(--text-strong)}.premium-materials-count{background:var(--accent);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.65rem;font-weight:600}.premium-materials-grid{display:flex;flex-direction:column;gap:.5rem}.premium-material-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#ffffff05;border:1px solid rgba(99,102,241,.1);border-radius:8px;transition:all .2s ease}.premium-material-item:hover{background:#ffffff0d;border-color:#6366f133;transform:translate(4px)}.premium-material-icon{font-size:1.2rem;opacity:.7}.premium-material-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.premium-material-name{font-size:.75rem;color:var(--text-main);font-weight:500}.premium-download-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--accent);padding:.4rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.premium-download-btn:hover{background:#6366f133;transform:scale(1.05)}.premium-download-btn svg{width:14px;height:14px}.premium-materials-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;color:var(--text-muted);text-align:center}.premium-materials-empty svg{width:36px;height:36px;opacity:.5}.premium-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%;padding:1rem 0}html[data-theme=light] .premium-video-card{background:linear-gradient(145deg,#fffffffa,#f8fafffc,#f1f5fb);border-color:#6366f126;box-shadow:0 20px 40px #0f172a14,0 0 0 1px #6366f114,inset 0 1px #fffc}html[data-theme=light] .premium-video-card:hover{box-shadow:0 30px 60px #0f172a1f,0 0 0 1px #6366f126,inset 0 1px #ffffffe6}html[data-theme=light] .premium-video-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}html[data-theme=light] .premium-materials-panel{background:#6366f105;border-color:#6366f114}@media (max-width: 768px){.premium-video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:.5rem 0}.premium-video-card{max-width:100%;border-radius:12px}.premium-video-container,.premium-video-player{border-radius:8px 8px 0 0}.premium-video-content{padding:.75rem}.premium-video-title{font-size:.95rem}.premium-video-stats{gap:.75rem;padding:.5rem}.premium-video-actions{gap:.4rem}.premium-btn{padding:.5rem .75rem;font-size:.75rem}.premium-controls-main{gap:.5rem}.premium-volume-slider{width:60px}.premium-controls-overlay{padding:1.5rem 1rem .75rem}}@media (max-width: 480px){.premium-video-grid{grid-template-columns:1fr;gap:.75rem;padding:.25rem 0}.premium-video-actions{flex-direction:column;align-items:stretch}.premium-btn{justify-content:center;padding:.5rem .75rem;font-size:.7rem}.premium-video-stats{flex-direction:column;gap:.5rem}.premium-controls-left,.premium-controls-right{gap:.4rem}.premium-time-display{font-size:.7rem}.premium-video-container:before{font-size:1.5rem}.premium-video-container:after{width:6px;height:6px;top:6px;right:6px}}@media (max-width: 600px){.live-class-form-row{flex-direction:column;align-items:stretch}.live-field-label{min-width:unset}.live-class-info-bar,.live-class-student-banner,.upcoming-class-banner{flex-direction:column;align-items:flex-start}.schedule-form-row{flex-direction:column;align-items:stretch}}@media (max-width: 375px){.app-shell{--shell-pad: 8px;padding:8px}.app-shell-layout{padding-top:86px}.topbar{gap:8px;top:4px}.topbar-main{gap:8px}.topbar-logo{width:56px;height:34px;border-radius:8px}.topbar-title{font-size:.84rem}.topbar-actions{gap:6px}.topbar-menu-btn{padding:7px 9px;border-radius:9px;font-size:.74rem}.theme-switch{min-width:90px;padding:3px 6px 3px 4px;font-size:.7rem;height:36px}.theme-switch-track{width:42px;height:26px}.theme-switch-thumb{width:20px;height:20px}.topbar-logout-btn{padding:7px 11px;min-height:36px;font-size:.74rem}.student-dashboard-view{gap:10px}.student-tools-row{gap:8px}.progress-summary-box{padding:8px}.favorite-chip-row{gap:6px}.favorite-chip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-class-student-banner,.upcoming-class-banner{padding:.75rem .85rem;gap:.75rem}.live-class-banner-info{width:100%;gap:.55rem;align-items:flex-start}.live-join-btn{width:100%;justify-content:center;padding:.5rem .75rem;font-size:.8rem}.upcoming-banner-left,.upcoming-banner-right{width:100%;justify-content:space-between}.upcoming-banner-title{font-size:.9rem}.upcoming-banner-time{font-size:.75rem}.upcoming-countdown-chip{padding:.28rem .62rem;font-size:.72rem}.upcoming-join-btn{padding:.35rem .7rem;font-size:.75rem}.profile-modal{border-radius:18px 18px 0 0}.profile-modal-header{padding:12px 12px 0;margin-bottom:10px}.profile-modal-body{padding:0 12px 12px}.profile-summary-card{grid-template-columns:1fr;gap:10px;text-align:center}.profile-avatar-large{grid-column:auto;grid-row:auto;justify-self:center}.profile-summary-card>:not(.profile-avatar-large){grid-column:auto}.profile-summary-list div{flex-direction:column;align-items:flex-start}.profile-summary-list strong{text-align:left}.quiz-picker-card{padding:9px;gap:8px}.quiz-picker-meta{font-size:.7rem;gap:4px}.quiz-review-item{padding:8px}.quiz-review-option{font-size:.78rem;padding:6px 8px}.feedback-form .primary-btn,.feedback-form .secondary-btn{width:100%;justify-content:center}.feedback-toast{right:8px;left:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;border-radius:10px;padding:8px 10px;font-size:.75rem}.course-filter-row{gap:6px}.course-filter-btn{flex:1 1 calc(50% - 6px);justify-content:center;min-height:34px;font-size:.74rem;padding:6px 8px}.pricing-input-row{gap:6px}.pricing-input-label{min-width:75px;font-size:.68rem}.pricing-input-label input[type=number]{max-width:85px;padding:6px;font-size:.85rem}.pricing-active-label{min-width:auto;font-size:.75rem;padding-bottom:2px}.pricing-active-label input[type=checkbox]{width:16px;height:16px}.module-pricing-table{font-size:.75rem;min-width:680px}.module-pricing-panel{max-height:48vh}.payment-settings-panel .quiz-admin-items{max-height:44vh}.payment-settings-panel{margin-top:18px}.payment-pricing-card,.payment-voucher-card{max-height:60vh}.module-pricing-toolbar-note{font-size:.66rem}.module-pricing-table th,.module-pricing-table td{padding:5px 6px}.module-pricing-input{width:60px;padding:4px 5px;font-size:.75rem}.module-pricing-mobile-card{padding:10px;margin-bottom:8px}.module-pricing-mobile-field span{font-size:.68rem}.app-side-nav-mobile{width:92vw;padding:10px}.app-side-nav-mobile .analytics-card{display:flex;flex-direction:column;gap:20px;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.app-side-nav-mobile .analytics-card::-webkit-scrollbar{width:6px}.app-side-nav-mobile .analytics-card::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.app-side-nav-mobile .analytics-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--bg-secondary, rgba(255,255,255,.04));border:1px solid var(--border);border-radius:12px;padding:14px 16px}.app-side-nav-mobile .analytics-filter-input,.app-side-nav-mobile .analytics-filter-select{height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.875rem;min-width:170px;flex:1 1 160px;transition:border-color .2s}.app-side-nav-mobile .analytics-filter-input:focus,.app-side-nav-mobile .analytics-filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.app-side-nav-mobile .analytics-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.app-side-nav-mobile .analytics-table-wrap::-webkit-scrollbar{height:5px}.app-side-nav-mobile .analytics-table-wrap::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.app-side-nav-mobile .analytics-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:680px}.app-side-nav-mobile .analytics-table thead tr{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#7c3aed));color:#fff}.app-side-nav-mobile .analytics-table thead th{padding:11px 14px;text-align:left;font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.app-side-nav-mobile .analytics-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.app-side-nav-mobile .analytics-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.app-side-nav-mobile .analytics-table tbody td{padding:10px 14px;vertical-align:middle;color:var(--fg)}.app-side-nav-mobile .analytics-table tbody tr:last-child{border-bottom:none}.app-side-nav-mobile .amount-cell{font-weight:700;color:#10b981}.app-side-nav-mobile .date-cell{font-size:.78rem;color:var(--fg-muted);white-space:nowrap}.app-side-nav-mobile .muted-text{color:var(--fg-muted);font-style:italic}.app-side-nav-mobile .status-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.app-side-nav-mobile .status-paid{background:#d1fae5;color:#065f46}.app-side-nav-mobile .status-created{background:#fef3c7;color:#92400e}.app-side-nav-mobile .status-failed{background:#fee2e2;color:#991b1b}.app-side-nav-mobile .action-badge{display:inline-block;padding:2px 9px;border-radius:6px;font-size:.71rem;font-weight:700;letter-spacing:.04em;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.app-side-nav-mobile .details-cell{display:flex;flex-wrap:wrap;gap:5px}.app-side-nav-mobile .detail-chip{display:inline-block;padding:1px 7px;border-radius:4px;font-size:.71rem;background:var(--bg-secondary, rgba(255,255,255,.06));border:1px solid var(--border);color:var(--fg-muted)}.app-side-nav-mobile .pagination-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0 4px}.app-side-nav-mobile .pagination-info{font-size:.85rem;color:var(--fg-muted);font-weight:500}.app-side-nav-mobile .pagination-btn{min-width:90px;font-size:.82rem;padding:6px 14px}.app-side-nav-mobile .analytics-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.app-side-nav-mobile .quiz-stat-card{border-radius:14px;border:1px solid var(--border);padding:16px 18px;background:var(--bg-secondary, rgba(255,255,255,.03));display:flex;flex-direction:column;gap:10px;transition:transform .18s,box-shadow .18s}.app-side-nav-mobile .quiz-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.app-side-nav-mobile .quiz-stat-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-side-nav-mobile .quiz-stat-module{font-size:.72rem;color:var(--fg-muted);margin-left:auto}.app-side-nav-mobile .quiz-stat-title{margin:0;font-size:.9rem;font-weight:600;line-height:1.35;color:var(--fg)}.app-side-nav-mobile .difficulty-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.app-side-nav-mobile .diff-easy{background:#d1fae5;color:#065f46}.app-side-nav-mobile .diff-medium{background:#fef3c7;color:#92400e}.app-side-nav-mobile .diff-hard{background:#fee2e2;color:#991b1b}.app-side-nav-mobile .quiz-stat-metrics{display:flex;gap:12px;justify-content:space-between}.app-side-nav-mobile .quiz-stat-metric{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.app-side-nav-mobile .metric-value{font-size:1.3rem;font-weight:800;color:var(--accent);line-height:1}.app-side-nav-mobile .metric-value.metric-pass{color:#10b981}.app-side-nav-mobile .metric-value.metric-fail{color:#ef4444}.app-side-nav-mobile .metric-label{font-size:.68rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.app-side-nav-mobile .quiz-stat-bar-wrap{position:relative;height:7px;background:var(--border);border-radius:4px;overflow:hidden}.app-side-nav-mobile .quiz-stat-bar{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#7c3aed));border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.app-side-nav-mobile .quiz-stat-bar-label{font-size:.7rem;color:var(--fg-muted);margin-top:3px;display:block}.app-side-nav-mobile .voucher-code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px}.app-side-nav-mobile .voucher-code-label{font-size:1rem;font-family:Courier New,monospace;letter-spacing:.08em;color:var(--accent)}.app-side-nav-mobile .voucher-desc{font-size:.82rem;color:var(--fg-muted);margin:2px 0 6px}.app-side-nav-mobile .chip-discount{background:color-mix(in srgb,#10b981 18%,transparent);color:#10b981;font-weight:700;border:1px solid color-mix(in srgb,#10b981 30%,transparent)}.app-side-nav-mobile .chip-courses{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-side-nav-mobile .voucher-usage-row{display:flex;flex-direction:column;gap:4px;margin-top:4px}.app-side-nav-mobile .voucher-usage-text{font-size:.78rem;color:var(--fg-muted)}.app-side-nav-mobile .voucher-usage-bar-wrap{height:5px;background:var(--border);border-radius:3px;overflow:hidden;max-width:180px}.app-side-nav-mobile .voucher-usage-bar{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:3px;transition:width .5s ease}@media (prefers-color-scheme: dark){.app-side-nav-mobile .status-paid{background:#10b9812e;color:#6ee7b7}.app-side-nav-mobile .status-created{background:#fbbf242e;color:#fcd34d}.app-side-nav-mobile .status-failed{background:#ef44442e;color:#fca5a5}.app-side-nav-mobile .diff-easy{background:#10b9812e;color:#6ee7b7}.app-side-nav-mobile .diff-medium{background:#fbbf242e;color:#fcd34d}.app-side-nav-mobile .diff-hard{background:#ef44442e;color:#fca5a5}}@media (max-width: 600px){.app-side-nav-mobile .analytics-filters{flex-direction:column;align-items:stretch}.app-side-nav-mobile .analytics-filter-input,.app-side-nav-mobile .analytics-filter-select{min-width:unset;width:100%}.app-side-nav-mobile .analytics-cards-grid{grid-template-columns:1fr}.app-side-nav-mobile .pagination-bar{flex-wrap:wrap;gap:8px}}}#section-payment-history,#section-quiz-analytics,#section-audit-log,#section-recovery-center,#section-feedback{margin-top:18px}.analytics-section-scroll{max-height:46vh;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.analytics-section-scroll::-webkit-scrollbar,.feedback-list-scroll::-webkit-scrollbar{width:6px;height:6px}.analytics-section-scroll::-webkit-scrollbar-track,.feedback-list-scroll::-webkit-scrollbar-track{background:transparent}.analytics-section-scroll::-webkit-scrollbar-thumb,.feedback-list-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.analytics-section-scroll::-webkit-scrollbar-thumb:hover,.feedback-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.feedback-list-scroll{max-height:44vh;overflow-y:auto;padding-right:4px}@media (max-width: 768px){.analytics-section-scroll{max-height:50vh}.feedback-list-scroll{max-height:48vh}}#section-payment-history.analytics-card,#section-quiz-analytics.analytics-card,#section-audit-log.analytics-card{gap:14px}#section-payment-history .analytics-filters,#section-quiz-analytics .analytics-filters,#section-audit-log .analytics-filters{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end;margin:4px 0 2px}#section-payment-history .analytics-filter-input,#section-payment-history .analytics-filter-select,#section-quiz-analytics .analytics-filter-select,#section-audit-log .analytics-filter-input,#section-audit-log .analytics-filter-select{grid-column:span 3;min-height:40px}#section-payment-history .analytics-filters .primary-btn,#section-payment-history .analytics-filters .secondary-btn,#section-quiz-analytics .analytics-filters .primary-btn,#section-audit-log .analytics-filters .primary-btn,#section-audit-log .analytics-filters .secondary-btn{grid-column:span 2;min-height:40px;padding:0 16px;justify-content:center;white-space:nowrap}#section-payment-history .analytics-table th,#section-payment-history .analytics-table td,#section-audit-log .analytics-table th,#section-audit-log .analytics-table td{padding-top:11px;padding-bottom:11px}#section-audit-log .details-cell{gap:6px;padding-right:4px}@media (max-width: 1100px){#section-payment-history .analytics-filters,#section-quiz-analytics .analytics-filters,#section-audit-log .analytics-filters{grid-template-columns:repeat(6,minmax(0,1fr))}#section-payment-history .analytics-filter-input,#section-payment-history .analytics-filter-select,#section-quiz-analytics .analytics-filter-select,#section-audit-log .analytics-filter-input,#section-audit-log .analytics-filter-select,#section-payment-history .analytics-filters .primary-btn,#section-payment-history .analytics-filters .secondary-btn,#section-quiz-analytics .analytics-filters .primary-btn,#section-audit-log .analytics-filters .primary-btn,#section-audit-log .analytics-filters .secondary-btn{grid-column:span 3}}@media (max-width: 680px){#section-payment-history .analytics-filters,#section-quiz-analytics .analytics-filters,#section-audit-log .analytics-filters{grid-template-columns:1fr}#section-payment-history .analytics-filter-input,#section-payment-history .analytics-filter-select,#section-quiz-analytics .analytics-filter-select,#section-audit-log .analytics-filter-input,#section-audit-log .analytics-filter-select,#section-payment-history .analytics-filters .primary-btn,#section-payment-history .analytics-filters .secondary-btn,#section-quiz-analytics .analytics-filters .primary-btn,#section-audit-log .analytics-filters .primary-btn,#section-audit-log .analytics-filters .secondary-btn{grid-column:auto;width:100%}}