:root{--color-navy:#182b6d;--color-navy-dark:#101f52;--color-orange:#b8550e;--color-bg:#eceef2;--color-surface:#fff;--color-border:#e1e4ea;--color-placeholder:#d9dadd;--color-text:#1c1f26;--color-text-muted:#6b7280;--color-success:#2b7a4b;--color-rating:#e8930f;--color-rating-text:#935808;--color-danger:#a8301f;--color-navy-tint:#182b6d14;--sidebar-width:240px;--header-height:64px;--color-brand-navy:#182b6d;--color-brand-navy-dark:#101f52;--color-on-brand:#fff;--gradient-blue:linear-gradient(135deg, #2447a8, #182b6d);--gradient-orange:linear-gradient(135deg, #f2913f, #d8571c);--gradient-teal:linear-gradient(135deg, #1fa39a, #0f6e68);--gradient-purple:linear-gradient(135deg, #7c5cd6, #4c3399);--gradient-green:linear-gradient(135deg, #3fae6b, #1f7a48);--gradient-rose:linear-gradient(135deg, #e05a7e, #b7305a);--font-heading:"Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;--font-body:"Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;font-size:18px;font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=600px){:root{font-size:17px}}:root[data-theme=dark]{--color-navy:#8fa8f7;--color-navy-dark:#a8bdf9;--color-orange:#ff9a4d;--color-bg:#11141c;--color-surface:#1a1e2b;--color-border:#2c3040;--color-placeholder:#2c3040;--color-text:#edeef3;--color-text-muted:#98a0b5;--color-success:#4ecb8e;--color-rating:#f2a93c;--color-rating-text:#f2b34d;--color-danger:#ef6a5c;--color-navy-tint:#8fa8f729;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.5;transition:background-color .15s,color .15s}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;line-height:1.25}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}.login{background:var(--color-surface);grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid;position:relative}.login__theme-toggle{z-index:2;border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex;position:absolute;top:20px;right:20px}.login__theme-toggle:hover{background:var(--color-bg);transform:rotate(15deg)}.login__theme-toggle:focus-visible,.login__submit:focus-visible,.login__password-toggle:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.login__left{color:var(--color-on-brand);padding:48px 56px;background:radial-gradient(circle at 12% 8%,#f2913f47,#0000 38%),radial-gradient(circle at 95% 95%,#7c5cd661,#0000 46%),linear-gradient(150deg,#101f52 0%,#1d3585 55%,#24409a 100%);justify-content:center;align-items:center;padding-block:clamp(20px,4vh,48px);display:flex;position:relative;overflow:hidden}.login__left:before,.login__left:after{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;position:absolute}.login__left:before{width:520px;height:520px;top:-200px;right:-180px}.login__left:after{width:380px;height:380px;bottom:-160px;left:-120px}.login__hero{z-index:1;flex-direction:column;align-items:flex-start;max-width:460px;display:flex;position:relative}.login__brand{width:auto;height:38px;margin-bottom:clamp(18px,4vh,36px);display:block}.login__hero-title{letter-spacing:-.02em;color:inherit;margin:0 0 14px;font-size:2.125rem;font-weight:800;line-height:1.2}.login__hero-description{color:#ffffffc7;margin:0 0 28px;font-size:.875rem;line-height:1.65}.login__art-card{justify-content:center;width:100%;margin-bottom:clamp(14px,3vh,26px);display:flex}.login__art{object-fit:contain;filter:drop-shadow(0 18px 26px #00000040);width:auto;max-width:100%;height:clamp(140px,30vh,300px);margin:0;display:block}.login__highlights{flex-direction:column;gap:14px;width:100%;margin:0 0 26px;padding:0;list-style:none;display:flex}.login__highlights li{color:#ffffffbf;align-items:flex-start;gap:12px;font-size:.78125rem;line-height:1.45;display:flex}.login__highlights strong{color:#fff;font-size:.84375rem;font-weight:700;display:block}.login__highlight-icon{color:#fff;background:#ffffff24;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.login__hero-help{color:#ffffffb3;margin:0;font-size:.78125rem}.login__hero-help a{color:#fff;text-underline-offset:3px;font-weight:700;text-decoration:underline}.login__right{justify-content:center;align-items:center;padding:40px;display:flex}.login__form{flex-direction:column;width:100%;max-width:380px;display:flex}.login__logo{align-self:flex-start;width:auto;height:34px;margin-bottom:24px;display:none}.login__title{letter-spacing:-.02em;color:var(--color-text);margin:0 0 8px;font-size:2.125rem;font-weight:800;line-height:1.15}.login__description{color:var(--color-text-muted);margin:0 0 28px;font-size:.875rem}.login__field{color:var(--color-text);flex-direction:column;gap:7px;margin-bottom:18px;font-size:.78125rem;font-weight:600;display:flex}.login__input-wrap{position:relative}.login__input-icon{color:var(--color-text-muted);pointer-events:none;transition:color .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login__input-wrap:focus-within .login__input-icon{color:var(--color-navy)}.login__field input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:11px;outline:none;padding:13px 14px 13px 42px;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.login__field input:hover{border-color:var(--color-text-muted)}.login__field input:focus{border-color:var(--color-navy);background:var(--color-surface);box-shadow:0 0 0 4px var(--color-navy-tint)}.login__field .login__input-wrap input[type=password],.login__field .login__input-wrap input[type=text]{padding-right:44px}.login__password-toggle{width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login__password-toggle:hover{background:var(--color-border);color:var(--color-text)}.login__caps{color:var(--color-orange);font-size:.71875rem;font-weight:600}.login__error{color:var(--color-danger);background:#c0392b1a;border:1px solid #c0392b47;border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 16px;padding:11px 13px;font-size:.78125rem;font-weight:600;line-height:1.4;display:flex}.login__error svg{flex-shrink:0;margin-top:1px}.login__row{justify-content:space-between;align-items:center;margin-bottom:22px;font-size:.78125rem;display:flex}.login__checkbox{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:7px;display:inline-flex}.login__checkbox input{width:15px;height:15px;accent-color:var(--color-brand-navy)}.login__row a{color:var(--color-navy);font-weight:600}.login__row a:hover{text-decoration:underline}.login__submit{background:var(--gradient-blue);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 0;font-size:1rem;font-weight:700;transition:filter .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 14px 26px -14px #182b6de6}.login__submit:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.login__submit:active:not(:disabled){transform:translateY(0)}.login__submit:disabled{opacity:.8;cursor:progress}.login__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login__spinner{animation-duration:2s}.login__theme-toggle,.login__submit{transition:none}}@media (height<=830px){.login__art-card{display:none}}@media (height<=560px){.login__highlights{display:none}}@media (width<=900px){.login{grid-template-columns:1fr}.login__left{display:none}.login__logo{display:block}.login__right{padding:24px}}.live-session{--live-stage-bg:#e3e5e9;--live-video-bg:#d6d9df;--live-video-border:#1c1f2624;height:100%;display:flex;overflow-y:auto}:root[data-theme=dark] .live-session{--live-stage-bg:#050607;--live-video-bg:#0b0c0e;--live-video-border:#ffffff1f}.live-session__lobby{align-items:center;gap:40px;max-width:780px;margin:auto;display:flex}.live-session__preview{aspect-ratio:4/3;background:#1a1f2e;border-radius:16px;flex-shrink:0;width:380px;position:relative;overflow:hidden;box-shadow:0 20px 50px -18px #101f5273}.live-session__preview-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.live-session__preview-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.live-session__preview-controls{gap:10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.live-session__lobby-info{max-width:320px}.live-session__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-orange);margin:0 0 4px;font-size:.6875rem;font-weight:700}.live-session__lobby-info h2{color:var(--color-text);margin:0 0 8px;font-size:1.375rem;font-weight:800}.live-session__host{color:var(--color-text);margin:0 0 2px;font-size:.84375rem;font-weight:600}.live-session__time{color:var(--color-text-muted);margin:0 0 22px;font-size:.78125rem}.live-session__network-check{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;margin:0 0 20px;padding:12px 14px}.live-session__network-check-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 8px;font-size:.65625rem;font-weight:700}.live-session__check-row{color:var(--color-text);align-items:center;gap:8px;padding:5px 0;font-size:.78125rem;display:flex}.live-session__check-row-icon{color:var(--color-text-muted);flex-shrink:0}.live-session__check-row-label{flex:1}.live-session__check-row-detail{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.71875rem;font-weight:600;display:inline-flex}.live-session__check-row--ok .live-session__check-row-detail{color:var(--color-success)}.live-session__check-row--fail .live-session__check-row-detail{color:var(--color-danger)}.live-session__check-spinner{animation:.8s linear infinite live-session-spin}@keyframes live-session-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.live-session__join{background:var(--color-brand-navy);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:.875rem;font-weight:700;transition:background .15s}.live-session__join:hover{background:var(--color-brand-navy-dark)}.live-session__cam-error{color:var(--color-text-muted);max-width:280px;margin:14px 0 0;font-size:.71875rem}.live-session__toggle{width:40px;height:40px;color:var(--color-on-brand);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.live-session__toggle:hover{background:#ffffff42}.live-session__toggle--off{color:var(--color-on-brand);background:#c0392b}.live-session__toggle--off:hover{background:#a5301f}.live-session__avatar{background:var(--color-brand-navy);width:44px;height:44px;color:var(--color-on-brand);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.live-session__avatar--lg{width:72px;height:72px;font-size:1.375rem}.live-session__room{background:var(--color-surface);flex:1;width:100%;height:100%;display:flex;overflow:hidden}.live-session__stage{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.live-session__room-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex}.live-session__room-brand{align-items:center;gap:14px;min-width:0;display:flex}.live-session__room-logo{flex-shrink:0;width:auto;height:24px}.live-session__room-logo--dark,:root[data-theme=dark] .live-session__room-logo--light{display:none}:root[data-theme=dark] .live-session__room-logo--dark{display:block}.live-session__room-divider{background:var(--color-border);flex-shrink:0;width:1px;height:26px}.live-session__room-heading{min-width:0}.live-session__room-title{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);margin:0;font-size:.90625rem;font-weight:700;overflow:hidden}.live-session__room-subtitle{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);margin:2px 0 0;font-size:.71875rem;font-weight:500;overflow:hidden}.live-session__room-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.live-session__room-count{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.live-session__live-badge{background:var(--color-bg);border:1px solid var(--color-border);letter-spacing:.04em;color:#d9333f;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.live-session__live-dot{background:#d9333f;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite live-session-live-pulse}@keyframes live-session-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.live-session__live-time{letter-spacing:0;color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.live-session__record-btn{border:1px solid var(--color-border);background:var(--color-surface);height:34px;color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:.75rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.live-session__record-btn:hover:not(:disabled){background:var(--color-bg)}.live-session__record-btn:disabled{cursor:wait;opacity:.65}.live-session__record-btn--active{color:#c92532;background:#d9333f14;border-color:#d9333f59}.live-session__record-btn--status{cursor:default}.live-session__record-dot{background:#d9333f;border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 3px #d9333f1f}.live-session__record-btn--active .live-session__record-dot,.live-session__recording-notice .live-session__record-dot{animation:1.25s ease-in-out infinite live-session-live-pulse}.live-session__room-panel-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:relative}.live-session__room-panel-toggle:hover{background:var(--color-bg);color:var(--color-text)}.live-session__room-panel-toggle--active{background:var(--color-navy-tint);color:var(--color-navy);border-color:#0000}.live-session__end-warning{z-index:4;color:#714b00;text-align:center;background:#fff5d9;border-bottom:1px solid #edc56e;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:7px 16px;font-size:.8125rem;font-weight:600;display:flex}.live-session__end-warning strong{color:#b54708;font-variant-numeric:tabular-nums;min-width:48px;font-size:.875rem}:root[data-theme=dark] .live-session__end-warning{color:#f8dda5;background:#36280e;border-bottom-color:#f5b4396b}:root[data-theme=dark] .live-session__end-warning strong{color:#ffbd5a}.live-session__recording-notice{z-index:5;color:#9f1d29;text-align:center;background:#fff3f4;border-bottom:1px solid #d9333f4d;flex-shrink:0;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:7px 16px;font-size:.8125rem;font-weight:700;display:flex}.live-session__recording-notice--error{color:var(--color-danger);background:#fff0f0;border-bottom-color:#d9333f73}:root[data-theme=dark] .live-session__recording-notice{color:#ff9ca5;background:#35181d;border-bottom-color:#ff6b7759}.live-session__pip-error{z-index:6;color:#9f1239;background:#fff1f2;border-bottom:1px solid #b91c1c47;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:.8125rem;font-weight:600;display:flex}.live-session__pip-error button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:inline-grid}:root[data-theme=dark] .live-session__pip-error{color:#fecdd3;background:#3a151d;border-bottom-color:#fb71854d}.live-session__stage-area{background:var(--live-stage-bg);flex:1;min-height:0;display:flex;position:relative;container-type:size}.live-session__stage-area>.live-session__grid,.live-session__stage-area>.live-session__spotlight,.live-session__stage-area>.live-session__pip,.live-session__stage-area>.live-session__trio{flex:1;min-width:0;min-height:0}.live-session__grid{background:var(--live-stage-bg);grid-template-columns:repeat(auto-fit,minmax(max(220px,25% - 10.5px),1fr));grid-auto-rows:min-content;align-content:start;gap:14px;padding:20px;display:grid;position:relative;overflow-y:auto}.live-session__grid>.live-session__tile{aspect-ratio:16/9}@media (width>=821px){.live-session__grid[class*=live-session__grid--count-]{grid-auto-rows:auto;place-content:center;overflow:hidden}.live-session__grid--count-1{grid-template-columns:minmax(0,min(100cqw - 40px,177.778cqh - 71.1111px))}.live-session__grid--count-2{grid-template-columns:repeat(2,minmax(0,min(50cqw - 27px,177.778cqh - 71.1111px)))}.live-session__grid--count-3,.live-session__grid--count-4{grid-template-columns:repeat(2,minmax(0,min(50cqw - 27px,88.8889cqh - 48px)))}.live-session__grid--count-5,.live-session__grid--count-6{grid-template-columns:repeat(3,minmax(0,min(33.3333cqw - 22.6667px,88.8889cqh - 48px)))}.live-session__grid--count-7,.live-session__grid--count-8{grid-template-columns:repeat(3,minmax(0,min(33.3333cqw - 22.6667px,59.2593cqh - 40.2963px)))}.live-session__grid--count-3>.live-session__tile:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}.live-session__grid--count-7>.live-session__tile:nth-child(7){grid-column:2}}.live-session__pagination{color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:10px;font-size:.75rem;font-weight:600;display:flex}.live-session__pagination button{border:1px solid var(--color-border);background:var(--color-surface);width:26px;height:26px;color:var(--color-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.live-session__pagination button:hover:not(:disabled){background:var(--color-bg)}.live-session__pagination button:disabled{opacity:.4;cursor:not-allowed}.live-session__pagination--floating{background:var(--color-surface);border:1px solid var(--color-border);z-index:3;border-radius:999px;padding:6px 14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #101f5259}.live-session__spotlight{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex;overflow:hidden}.live-session__spotlight-strip{flex-shrink:0;justify-content:center;align-items:flex-start;gap:14px;display:flex}.live-session__spotlight-strip .live-session__tile{aspect-ratio:16/9;flex:1 1 0;min-width:0;max-width:200px}.live-session__spotlight-main{flex:1;min-height:0;position:relative}.live-session__spotlight-main>.live-session__tile{position:absolute;inset:0}.live-session__spotlight--share,.live-session__spotlight--class{background:var(--live-stage-bg);gap:10px;padding:12px 18px 16px}.live-session__spotlight--share .live-session__spotlight-strip,.live-session__spotlight--class .live-session__spotlight-strip{gap:8px;min-height:0}.live-session__spotlight--share .live-session__spotlight-strip .live-session__tile,.live-session__spotlight--class .live-session__spotlight-strip .live-session__tile{border-radius:6px;flex:0 132px;width:132px;max-width:132px}.live-session__spotlight--share .live-session__spotlight-main,.live-session__spotlight--class .live-session__spotlight-main{aspect-ratio:16/9;flex:1 1 0;align-self:center;width:auto;max-width:100%}.live-session__spotlight--share .live-session__spotlight-main>.live-session__tile,.live-session__spotlight--class .live-session__spotlight-main>.live-session__tile{border-color:#ffffff2e;border-radius:6px}.live-session__spotlight--share-owner .live-session__spotlight-strip{display:none}.live-session__pip{padding:16px;position:relative}.live-session__pip-main{width:100%;height:100%;position:relative}.live-session__pip-main>.live-session__tile{border-radius:16px;position:absolute;inset:0}.live-session__pip-self{z-index:2;width:104px;height:138px;position:absolute;bottom:28px;right:28px;box-shadow:0 10px 24px -6px #0000008c}.live-session__pip-self>.live-session__tile{border:2px solid var(--color-surface);width:100%;height:100%}.live-session__pip-main .live-session__tile-mic,.live-session__pip-main .live-session__tile-mic-btn{top:8px;bottom:auto}.live-session__pip-self .live-session__tile-name{display:none}.live-session__class-avatar{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:64px;display:flex}.live-session__class-avatar-circle{background:var(--color-brand-navy);width:52px;height:52px;color:var(--color-on-brand);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:relative}.live-session__class-avatar-muted{background:var(--color-danger);color:#fff;border:2px solid var(--color-bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px}.live-session__class-avatar-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--color-text-muted);font-size:.6875rem;font-weight:600;overflow:hidden}.live-session__share-render{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.live-session__unmute-request{z-index:5;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 16px;font-size:.8125rem;font-weight:600;animation:.15s ease-out live-session-reaction-pop;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #101f5259}.live-session__unmute-request button:first-of-type{background:var(--color-brand-navy);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:999px;padding:6px 14px;font-size:.78125rem;font-weight:700}.live-session__unmute-request button:first-of-type:hover{background:var(--color-brand-navy-dark)}.live-session__unmute-request-dismiss{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.live-session__unmute-request-dismiss:hover{background:var(--color-bg)}.live-session__unmute-request--stacked{top:72px}.live-session__captions{z-index:6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#0c1228b8;border-radius:10px;align-items:flex-end;gap:10px;max-width:min(640px,86%);padding:10px 14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.live-session__captions-text{flex:1;min-width:0;margin:0;font-size:.84375rem;line-height:1.45}.live-session__captions-text--placeholder{color:#fff9;font-style:italic}.live-session__captions-name{font-weight:700}.live-session__captions-lang{flex-shrink:0}.live-session__captions-lang-btn{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex}.live-session__captions-lang-btn:hover,.live-session__captions-lang-btn--active{background:#ffffff4d}.live-session__settings{display:flex;position:relative}.live-session__settings-menu{background:var(--color-surface);border:1px solid var(--color-border);z-index:6;border-radius:12px;width:210px;padding:8px;animation:.15s ease-out live-session-menu-pop;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 34px -12px #101f5266}@keyframes live-session-menu-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.live-session__settings-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:4px 8px 6px;font-size:.625rem;font-weight:700}.live-session__settings-title--section{margin-top:10px}.live-session__captions-menu{width:min(300px,100vw - 24px);max-height:min(420px,100vh - 120px);overflow-y:auto}.live-session__settings-divider{background:var(--color-border);height:1px;margin:6px 8px}.live-session__settings-row{width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px;font-size:.8125rem;font-weight:600;display:flex}.live-session__settings-row:hover{background:var(--color-bg)}.live-session__settings-row--back{justify-content:flex-start}.live-session__settings-value{color:var(--color-text-muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;font-weight:500;display:inline-flex}.live-session__settings-hint{color:var(--color-text-muted);margin:4px 8px 6px;font-size:.71875rem;line-height:1.5}.live-session__settings-hint--error{color:var(--color-danger)}.live-session__switch{background:var(--color-border);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.live-session__switch--on{background:var(--color-success)}.live-session__switch-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.live-session__switch--on .live-session__switch-knob{transform:translate(16px)}.live-session__reactions{pointer-events:none;z-index:4;width:120px;height:70%;position:absolute;bottom:12px;right:16px;overflow:hidden}.live-session__reaction{filter:drop-shadow(0 2px 6px #00000059);will-change:transform, opacity;font-size:2rem;line-height:1;animation:4s cubic-bezier(.2,.6,.3,1) forwards live-session-reaction-rise;position:absolute;bottom:0;right:24px}@keyframes live-session-reaction-rise{0%{opacity:0;transform:translateY(10px)scale(.4)}12%{opacity:1;transform:translate(0)scale(1.15)}30%{transform:translate(calc(var(--reaction-drift,0px) * .4), -70px) scale(1);opacity:1}to{transform:translate(var(--reaction-drift,0px), -300px) scale(.85);opacity:0}}.live-session__react-wrap{display:flex;position:relative}.live-session__react-picker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;gap:2px;padding:6px;animation:.15s ease-out live-session-reaction-pop;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #101f5259}@keyframes live-session-reaction-pop{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.live-session__react-option{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;line-height:1;transition:transform .12s,background .12s;display:flex}.live-session__react-option:hover{background:var(--color-bg);transform:scale(1.25)}.live-session__tile{background:var(--live-video-bg);border:1px solid var(--live-video-border);border-radius:10px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.live-session__video-slot{display:block;position:absolute;inset:0;overflow:hidden;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;max-height:none!important}.live-session__video-slot video-player,.live-session__video-slot video{display:block;object-fit:cover!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;max-height:none!important}.live-session__own-share-preview{object-fit:contain;background:var(--live-video-bg);width:100%;height:100%;position:absolute;inset:0}.live-session-pip-window{--live-stage-bg:#e3e5e9;--live-video-bg:#d6d9df;--live-video-border:#1c1f2624;box-sizing:border-box;background:var(--live-stage-bg);min-width:0;min-height:100vh;margin:0;overflow:auto}.live-session__pip-staging{z-index:-9999;pointer-events:none;width:340px;height:640px;position:fixed;top:0;left:0;overflow:hidden}.live-session__pip-root{width:100%;min-height:100%}:root[data-theme=dark] .live-session-pip-window{--live-stage-bg:#050607;--live-video-bg:#0b0c0e;--live-video-border:#ffffff1f}.live-session__share-owner-pip-stack{box-sizing:border-box;scrollbar-width:thin;width:100%;min-height:100vh;padding:8px}.live-session__share-owner-pip-header{z-index:10;color:#fff;background:#111827eb;border-radius:8px;justify-content:space-between;align-items:center;min-height:30px;margin-bottom:8px;padding:2px 4px 2px 8px;font:600 .75rem/1.2 system-ui,sans-serif;display:flex;position:sticky;top:0}.live-session__share-owner-pip-header button{width:26px;height:26px;color:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:6px;place-items:center;padding:0;display:inline-grid}.live-session__share-owner-pip-list{flex-direction:column;align-items:stretch;gap:8px;display:flex}.live-session__pip-share-prompt{border:1px solid var(--live-video-border);background:var(--live-video-bg);color:#111827;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;padding:18px;font:400 .75rem/1.4 system-ui,sans-serif;display:flex}:root[data-theme=dark] .live-session__pip-share-prompt{color:#f3f4f6}.live-session__pip-share-prompt strong{font-size:.875rem}.live-session__pip-share-prompt span{color:#667085;max-width:240px}:root[data-theme=dark] .live-session__pip-share-prompt span{color:#b8c0cf}.live-session__pip-share-prompt button{background:var(--color-brand-navy,#17327c);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:4px;padding:8px 12px;font-weight:700}.live-session__share-owner-pip-stack--minimized .live-session__share-owner-pip:nth-child(n+2){display:none}.live-session__share-owner-pip{aspect-ratio:16/9;border-radius:10px;flex:none;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 32px -10px #000000b8}.live-session__share-owner-pip>.live-session__tile{border-radius:inherit;border-color:#ffffffb8;width:100%;height:100%}.live-session__share-video-slot video-player,.live-session__share-video-slot video{background:var(--live-video-bg);object-fit:contain!important}.live-session__tile-fallback{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.live-session__tile-name{color:#fff;background:#00000073;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.71875rem;font-weight:600;display:inline-flex;position:absolute;bottom:8px;left:10px}.live-session__tile-mic,.live-session__tile-mic-btn{color:#fff;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:8px;right:8px}.live-session__tile-mic--muted{color:#ff8a80}.live-session__tile-mic-btn{cursor:pointer;border:none;transition:background .15s}.live-session__tile-mic-btn:hover{background:#000000a6}.live-session__tile-mic-btn--muted{color:#ff8a80}.live-session__trio{flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.live-session__trio>.live-session__tile{flex:1 1 0;min-height:0}.live-session__toolbar{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:6px;padding:10px 16px;display:flex}.live-session__toolbar-group{align-items:center;gap:6px;display:flex}.live-session__toolbar-group--center{flex:1;justify-content:center}.live-session__tool-btn{min-width:68px;color:var(--color-text);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;font-size:.65625rem;font-weight:600;transition:background .15s;display:flex}.live-session__tool-btn:hover{background:var(--color-bg)}.live-session__tool-btn--off{color:var(--color-danger)}.live-session__tool-btn--active{background:var(--color-navy-tint);color:var(--color-navy)}.live-session__tool-btn--leave{color:#fff;background:#d9333f}.live-session__tool-btn--leave:hover{background:#b8232d}.live-session__tool-btn:disabled{opacity:.4;cursor:default}.live-session__tool-btn:disabled:hover{background:0 0}.live-session__chat-badge{color:#fff;text-align:center;background:#d9333f;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:16px;position:absolute;top:-5px;right:-6px}.live-session__panel{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:320px;display:flex}.live-session__panel-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.live-session__panel-tabs{background:var(--color-bg);border-radius:9px;gap:3px;padding:3px;display:flex}.live-session__panel-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.live-session__panel-tab:hover{color:var(--color-text)}.live-session__panel-tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #101f5224}.live-session__panel-tab-count{background:var(--color-navy-tint);min-width:18px;color:var(--color-navy);text-align:center;border-radius:9px;padding:0 5px;font-size:.65625rem;font-weight:700;line-height:16px}.live-session__panel-tab-badge{color:#fff;text-align:center;background:#d9333f;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:16px}.live-session__panel-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;display:flex}.live-session__panel-close:hover{color:var(--color-text)}.live-session__chat-messages{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:14px;padding:14px 16px;display:flex;overflow-y:auto}.live-session__chat-messages::-webkit-scrollbar{display:none}.live-session__chat-empty{color:var(--color-text-muted);text-align:center;margin:20px 0 0;font-size:.75rem}.live-session__chat-msg{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.live-session__chat-msg--self{align-items:flex-end}.live-session__chat-msg-meta{align-items:baseline;gap:8px;display:flex}.live-session__chat-msg-name{color:var(--color-text);font-size:.75rem;font-weight:700}.live-session__chat-msg--self .live-session__chat-msg-name{color:var(--color-navy)}.live-session__chat-msg-private{color:var(--color-danger);font-size:.65625rem;font-style:italic;font-weight:600}.live-session__chat-msg-time{color:var(--color-text-muted);font-size:.65625rem}.live-session__chat-msg-text{background:var(--color-bg);border:1px solid var(--color-border);max-width:85%;color:var(--color-text);word-break:break-word;border-radius:10px;margin:0;padding:8px 12px;font-size:.8125rem;line-height:1.45}.live-session__chat-msg--self .live-session__chat-msg-text{background:var(--color-navy-tint);border-color:#0000}.live-session__chat-input{border-top:1px solid var(--color-border);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.live-session__chat-to{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.6875rem;font-weight:600;display:flex}.live-session__chat-to-pill{color:var(--color-success);cursor:pointer;background:#2b7a4b1f;border:none;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:.6875rem;font-weight:700;display:inline-flex}.live-session__chat-to-pill:not(:disabled){color:var(--color-danger);background:#c444441f}.live-session__chat-to-pill:disabled{cursor:default}.live-session__chat-input-row{gap:8px;display:flex}.live-session__chat-input-row input{border:1px solid var(--color-border);background:var(--color-bg);min-width:0;color:var(--color-text);border-radius:20px;outline:none;flex:1;padding:9px 14px;font-size:.78125rem}.live-session__chat-input-row input::placeholder{color:var(--color-text-muted)}.live-session__chat-input-row input:focus{border-color:var(--color-navy)}.live-session__chat-input-row button{background:var(--color-brand-navy);width:36px;height:36px;color:var(--color-on-brand);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,opacity .15s;display:flex}.live-session__chat-input-row button:hover:not(:disabled){background:var(--color-brand-navy-dark)}.live-session__chat-input-row button:disabled{opacity:.4;cursor:default}.live-session__participants{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;padding:10px 8px;display:flex;overflow-y:auto}.live-session__participants::-webkit-scrollbar{display:none}.live-session__mute-all-row{flex-wrap:wrap;flex-shrink:0;gap:8px;margin:2px 10px 10px;display:flex}.live-session__mute-all-btn{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:999px;flex:calc(50% - 4px);justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:.75rem;font-weight:600;display:flex}.live-session__mute-all-btn:hover{background:var(--color-bg)}.live-session__participant{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.live-session__participant:hover{background:var(--color-bg)}.live-session__participant-avatar{background:var(--color-brand-navy);width:30px;height:30px;color:var(--color-on-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.live-session__participant-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);flex:1;align-items:center;gap:7px;font-size:.78125rem;font-weight:600;display:flex;overflow:hidden}.live-session__participant-attendance-tick{color:var(--color-success);flex-shrink:0}.live-session__participant-badge{background:var(--color-navy-tint);color:var(--color-navy);border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:.625rem;font-weight:700}.live-session__participant-msg-btn{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.live-session__participant-msg-btn:hover{background:var(--color-border);color:var(--color-text)}.live-session__participant-mic{color:var(--color-text-muted);flex-shrink:0}.live-session__participant-muted{color:var(--color-danger);flex-shrink:0}.live-session__participant-video,.live-session__participant-video-off{flex-shrink:0}.live-session__participant-video{color:var(--color-text-muted)}.live-session__participant-video-off{color:var(--color-danger)}.live-session__participant-mic-btn{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.live-session__participant-mic-btn:hover{background:var(--color-border);color:var(--color-text)}.live-session__participant-mic-btn--muted{color:var(--color-danger)}.live-session__participant-video-btn{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.live-session__participant-video-btn:hover{background:var(--color-border);color:var(--color-text)}.live-session__participant-video-btn--off{color:var(--color-danger)}.live-session__qr-overlay{z-index:50;background:#0c1228b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.live-session__qr-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:36px 32px 32px;display:flex;position:relative}.live-session__qr-close{background:var(--color-bg);width:30px;height:30px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.live-session__qr-close:hover{background:var(--color-border)}.live-session__qr-title{color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:800}.live-session__qr-image{background:#fff;border-radius:12px;width:100%;max-width:320px;height:auto;padding:12px}.live-session__qr-link{overflow-wrap:break-word;max-width:100%;color:var(--color-text-muted);margin:0;font-size:.8125rem;font-weight:600}.live-session__ended-overlay{z-index:60;background:#0c1228b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.live-session__ended-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;padding:32px 28px;display:flex}.live-session__ended-icon{width:48px;height:48px;color:var(--color-danger);background:#c0392b24;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.live-session__ended-title{color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:800}.live-session__ended-desc{color:var(--color-text-muted);margin:0;font-size:.84375rem}.live-session__ended-btn{background:var(--color-brand-navy);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;margin-top:10px;padding:10px 28px;font-size:.84375rem;font-weight:700}.live-session__ended-btn:hover{background:var(--color-brand-navy-dark)}.live-session__ended-btn:disabled{opacity:.6;cursor:default}.live-session__attendance-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:380px;max-height:85vh;padding:32px 28px;display:flex;overflow-y:auto}.live-session__attendance-icon{background:var(--color-navy-tint);width:48px;height:48px;color:var(--color-navy);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.live-session__attendance-list{border:1px solid var(--color-border);background:var(--color-bg);text-align:left;border-radius:10px;width:100%;max-height:220px;margin:4px 0 0;padding:6px;list-style:none;overflow-y:auto}.live-session__attendance-list li{color:var(--color-text);border-radius:7px;align-items:center;gap:8px;padding:7px 8px;font-size:.8125rem;font-weight:600;display:flex}.live-session__attendance-list li:not(:last-child){border-bottom:1px solid var(--color-border)}.live-session__attendance-list-tick{color:var(--color-success);flex-shrink:0}.live-session__attendance-error{color:var(--color-danger)}.live-session__attendance-actions{align-items:center;gap:10px;margin-top:6px;display:flex}.live-session__attendance-cancel-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:10px;padding:10px 20px;font-size:.84375rem;font-weight:700}.live-session__attendance-cancel-btn:hover:not(:disabled){background:var(--color-bg)}.live-session__attendance-cancel-btn:disabled{opacity:.6;cursor:default}@media (width<=820px){.live-session{height:auto;min-height:calc(100vh - var(--header-height) - 40px)}.live-session:has(.live-session__room){height:100%;min-height:0}.live-session__lobby{flex-direction:column;gap:24px;padding:24px 0}.live-session__preview{width:100%;max-width:380px}.live-session__lobby-info{text-align:center;max-width:100%}.live-session__room{position:relative}.live-session__grid{grid-template-columns:repeat(auto-fit,minmax(max(140px,50% - 5px),1fr));gap:10px;padding:12px}.live-session__spotlight{gap:8px;padding:10px 12px 12px}.live-session__spotlight-strip .live-session__tile{max-width:170px}.live-session__pip{padding:10px}.live-session__trio{gap:8px;padding:10px}.live-session__pip-self{width:84px;height:112px;bottom:16px;right:16px}.live-session__share-owner-pip-stack{width:100%;padding:6px}.live-session__captions{gap:8px;max-width:92%;padding:8px 10px;bottom:12px}.live-session__captions-text{font-size:.75rem}.live-session__class-avatar{width:52px}.live-session__class-avatar-circle{width:42px;height:42px;font-size:.75rem}.live-session__panel{z-index:5;width:100%;position:absolute;inset:0}.live-session__toolbar{gap:2px;padding:8px;overflow-x:auto}.live-session__settings-menu{width:min(210px,100vw - 24px);position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.live-session__toolbar-group{gap:2px}.live-session__tool-btn{flex-shrink:0;min-width:42px;padding:6px 2px;font-size:.5625rem}.live-session__tool-btn svg{width:18px;height:18px}.live-session__tool-btn span:last-child{display:none}.live-session__room-header{gap:10px;padding:9px 12px}.live-session__room-brand{gap:10px}.live-session__room-logo{height:20px}.live-session__room-count{display:none}.live-session__live-badge{padding:5px 10px}.live-session__record-btn{width:34px;padding:0}.live-session__record-btn>span:last-child{display:none}.live-session__react-picker{position:fixed;bottom:60px;left:50%;right:auto;transform:translate(-50%)}@keyframes live-session-reaction-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.live-session__reactions{width:90px;right:8px}}@media (orientation:landscape) and (height<=600px) and (width<=1200px){.live-session__trio{flex-direction:row;align-items:center;gap:8px;padding:8px 10px}.live-session__trio>.live-session__tile{aspect-ratio:16/9;flex:1 1 0;width:0;min-width:0;height:auto;max-height:100%}.live-session__spotlight--share,.live-session__spotlight--class{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:clamp(128px,22vw,190px) minmax(0,1fr);gap:8px 10px;padding:8px 10px;display:grid}.live-session__spotlight--share .live-session__spotlight-main,.live-session__spotlight--class .live-session__spotlight-main{aspect-ratio:auto;grid-area:1/2/3;align-self:stretch;width:100%;min-width:0;max-width:none;height:100%;min-height:0}.live-session__spotlight--share .live-session__spotlight-strip,.live-session__spotlight--class .live-session__spotlight-strip{flex-direction:column;grid-area:1/1;justify-content:flex-start;align-items:stretch;gap:6px;width:100%;max-width:none;min-height:0;overflow-y:auto}.live-session__spotlight--share .live-session__spotlight-strip .live-session__tile,.live-session__spotlight--class .live-session__spotlight-strip .live-session__tile{aspect-ratio:16/9;border-color:#ffffff80;flex:none;width:100%;max-width:none}.live-session__spotlight--share>.live-session__pagination,.live-session__spotlight--class>.live-session__pagination{grid-area:2/1;gap:6px;min-width:0}.live-session__spotlight--share>.live-session__pagination button,.live-session__spotlight--class>.live-session__pagination button{width:24px;height:24px}.live-session__spotlight--share-owner{display:block}.live-session__spotlight--share-owner .live-session__spotlight-strip{display:none}.live-session__spotlight--share-owner .live-session__spotlight-main{width:100%;height:100%}}.guest-join{background:var(--color-surface);grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid;position:relative}.guest-join__theme-toggle{z-index:2;border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.guest-join__theme-toggle:hover{background:var(--color-bg)}.guest-join__left{background:var(--color-navy-tint);border-right:1px solid var(--color-border);justify-content:center;align-items:center;padding:48px 56px;display:flex;overflow-y:auto}.guest-join__hero{text-align:center;flex-direction:column;align-items:center;max-width:420px;display:flex}.guest-join__art{object-fit:contain;width:100%;max-width:300px;height:auto;margin-bottom:32px}.guest-join__hero-title{color:var(--color-text);margin:0 0 14px;font-size:1.75rem;font-weight:800;line-height:1.25}.guest-join__hero-description{color:var(--color-text-muted);margin:0;font-size:.84375rem;line-height:1.65}.guest-join__right{justify-content:center;align-items:center;padding:40px;display:flex}.guest-join__card{width:100%;max-width:360px}.guest-join__logo{align-self:flex-start;width:auto;height:34px;margin-bottom:24px;display:block}.guest-join__title{color:var(--color-text);margin:0 0 8px;font-size:1.75rem;font-weight:800;line-height:1.2}.guest-join__description{color:var(--color-text-muted);margin:0 0 24px;font-size:.8125rem}.guest-join__status{color:var(--color-text-muted);font-size:.875rem}.guest-join__error{color:var(--color-danger);margin:0;font-size:.84375rem;font-weight:600}.guest-join__form{flex-direction:column;display:flex}.guest-join__field{color:var(--color-text);flex-direction:column;gap:6px;margin-bottom:20px;font-size:.78125rem;font-weight:600;display:flex}.guest-join__field input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:9px;outline:none;padding:11px 14px;font-family:inherit;font-size:.84375rem}.guest-join__field input:focus{border-color:var(--color-navy)}.guest-join__submit{background:var(--color-brand-navy);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:12px;padding:16px 0;font-size:1rem;font-weight:700;transition:background .15s,opacity .15s}.guest-join__submit:hover{background:var(--color-brand-navy-dark)}.guest-join__submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.guest-join{grid-template-columns:1fr}.guest-join__left{display:none}.guest-join__right{padding:24px}}.header{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:32px;padding:0 28px;display:flex}.header__menu-btn{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-8px;display:none}.header__menu-btn:hover{background:var(--color-bg)}.header__logo{flex-shrink:0;width:auto;height:34px}.header__badge-tag{background:var(--color-navy-tint);color:var(--color-navy);letter-spacing:.02em;border-radius:20px;flex-shrink:0;margin-left:-18px;padding:3px 10px;font-size:.6875rem;font-weight:700}.header__search{background:var(--color-bg);max-width:360px;color:var(--color-text-muted);border:1px solid #0000;border-radius:11px;flex:1;align-items:center;gap:8px;padding:8px 14px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.header__search:focus-within{background:var(--color-surface);border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-navy-tint);color:var(--color-navy)}.header__search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.84375rem}.header__search input::placeholder{color:var(--color-text-muted)}.header__actions{align-items:center;gap:18px;margin-left:auto;display:flex}.header__icon-btn{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.header__icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.header__badge{background:var(--color-orange);border:1.5px solid var(--color-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.header__account{cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:10px;padding:4px;display:flex}.header__account:hover{background:var(--color-bg)}.header__account:focus-visible,.header__icon-btn:focus-visible,.header__menu-btn:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.header__account-name{color:var(--color-text);font-size:.875rem;font-weight:600}.header__avatar{background:var(--gradient-blue);width:40px;height:40px;color:var(--color-on-brand);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex;box-shadow:0 6px 14px -6px #182b6db3}@media (width<=768px){.header{gap:16px;padding:0 16px}.header__menu-btn{display:flex}}@media (width<=640px){.header__search{display:none}}@media (width<=420px){.header__account-name{display:none}}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;justify-content:space-between;padding:18px 0;display:flex}.sidebar__mobile-header{display:none}.sidebar__close{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:none}.sidebar__close:hover{background:var(--color-bg);color:var(--color-text)}.sidebar__overlay{display:none}.sidebar__nav{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.sidebar__nav ul{flex-direction:column;gap:2px;display:flex}.sidebar__nav .sidebar__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);opacity:.8;margin:14px 10px 2px;padding:0 14px;font-size:.65625rem;font-weight:700}.sidebar__nav .sidebar__heading:first-child{margin-top:0}.sidebar__link{color:var(--color-text-muted);border-radius:11px;align-items:center;gap:12px;margin:0 10px;padding:9px 24px;font-size:.90625rem;font-weight:500;transition:background-color .15s,color .15s;display:flex;position:relative}.sidebar__link svg{color:var(--color-text-muted);flex-shrink:0}.sidebar__link:hover{background:var(--color-bg);color:var(--color-text)}.sidebar__link:hover svg{color:var(--color-text)}.sidebar__link--active{color:var(--color-navy);background:var(--color-navy-tint);font-weight:700}.sidebar__link--active:before{content:"";background:var(--color-orange);border-radius:0 4px 4px 0;width:4px;position:absolute;top:9px;bottom:9px;left:-10px}.sidebar__link:focus-visible,.sidebar__logout:focus-visible{outline:2px solid var(--color-orange);outline-offset:1px}.sidebar__link--active svg{color:var(--color-navy)}.sidebar__link-label{flex:1}.sidebar__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s}.sidebar__chevron--open{transform:rotate(180deg)}.sidebar__sublist{flex-direction:column;gap:2px;margin:2px 0 4px;display:flex}.sidebar__link--sub{padding-left:50px;font-size:.84375rem}.sidebar__logout{color:var(--color-text-muted);border-radius:11px;align-items:center;gap:12px;margin:0 10px;padding:11px 24px;font-size:.90625rem;font-weight:500;display:flex}.sidebar__logout svg{color:var(--color-text-muted)}.sidebar__logout:hover{background:var(--color-bg);color:var(--color-text)}.sidebar__logout:hover svg{color:var(--color-text)}@media (width<=768px){.sidebar{z-index:60;width:260px;max-width:80vw;padding-top:12px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 32px -16px #101f5259}.sidebar--open{transform:translate(0)}.sidebar__mobile-header{justify-content:flex-end;padding:0 12px 12px;display:flex}.sidebar__close{display:flex}.sidebar__overlay{z-index:55;background:#0c122873;display:block;position:fixed;inset:0}}.course-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;flex-direction:column;width:100%;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden}.course-card:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.course-card:hover{border-color:var(--color-navy-tint);transform:translateY(-3px);box-shadow:0 18px 34px -18px #101f5266}.course-card--loading{cursor:wait;opacity:.6;pointer-events:none}.course-card__thumb{justify-content:center;align-items:center;height:132px;display:flex;position:relative;overflow:hidden}.course-card__thumb:after{content:"";pointer-events:none;background:linear-gradient(#00000038 0%,#0000 38%);position:absolute;inset:0}.course-card__thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.course-card:hover .course-card__thumb-img{transform:scale(1.05)}.course-card__thumb-icon{color:#ffffffeb;width:44px;height:44px}.course-card__thumb--blue{background:var(--gradient-blue)}.course-card__thumb--orange{background:var(--gradient-orange)}.course-card__thumb--teal{background:var(--gradient-teal)}.course-card__thumb--purple{background:var(--gradient-purple)}.course-card__thumb--green{background:var(--gradient-green)}.course-card__thumb--rose{background:var(--gradient-rose)}.course-card__level{z-index:1;letter-spacing:.02em;color:var(--color-on-brand);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a102880;border-radius:20px;padding:3px 9px;font-size:.625rem;font-weight:700;position:absolute;top:10px;left:10px}.course-card__done{z-index:1;color:#fff;background:var(--color-success);border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:.625rem;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 10px -4px #00000080}.course-card__body{flex-direction:column;flex:1;gap:4px;padding:14px 16px 16px;display:flex}.course-card__category{letter-spacing:.05em;text-transform:uppercase;color:var(--color-orange);font-size:.65625rem;font-weight:700}.course-card__title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:0;font-size:.9375rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.course-card__instructor{color:var(--color-text-muted);margin:0;font-size:.75rem}.course-card__rating{align-items:center;gap:4px;margin-top:2px;display:flex}.course-card__star{color:var(--color-rating)}.course-card__rating-value{color:var(--color-rating-text);font-size:.78125rem;font-weight:700}.course-card__rating-count{color:var(--color-text-muted);font-size:.71875rem}.course-card__meta{flex-wrap:wrap;gap:4px 10px;margin-top:4px;display:flex}.course-card__meta span{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.6875rem;display:inline-flex}.course-card__footer{align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;display:flex}.course-card__price{color:var(--color-text);font-size:1rem;font-weight:800}.course-card__price--free{color:var(--color-success);background:#3fae6b24;border-radius:20px;padding:2px 10px;font-size:.75rem}.course-card__price-original{color:var(--color-text-muted);font-size:.75rem;text-decoration:line-through}.course-card__progress{align-items:center;gap:10px;margin-top:8px;display:flex}.course-card__progress-bar{background:var(--color-bg);border-radius:6px;flex:1;height:7px;overflow:hidden}.course-card__progress-fill{background:linear-gradient(90deg,#f2913f,#d8571c);border-radius:6px;height:100%;transition:width .4s}.course-card__progress-fill--done{background:linear-gradient(90deg,#3fae6b,#1f7a48)}.course-card__progress-label{color:var(--color-text);flex-shrink:0;font-size:.71875rem;font-weight:700}.course-card__resume{background:var(--color-navy-tint);width:100%;color:var(--color-navy);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:auto;padding:9px 12px;font-size:.75rem;font-weight:700;transition:background .15s,color .15s;display:flex}.course-card__resume span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.course-card:hover .course-card__resume{background:var(--gradient-blue);color:var(--color-on-brand)}.course-card--skeleton{cursor:default;pointer-events:none}.course-card__shimmer{background:linear-gradient(100deg, var(--color-bg) 30%, var(--color-border) 50%, var(--color-bg) 70%);background-size:220% 100%;border-radius:6px;animation:1.4s ease-in-out infinite course-card-shimmer;display:block}.course-card__thumb.course-card__shimmer{border-radius:0}@keyframes course-card-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.course-card,.course-card__thumb-img{transition:none}.course-card:hover,.course-card:hover .course-card__thumb-img{transform:none}.course-card__shimmer{animation:none}}.course-carousel{flex-direction:column;gap:4px;display:flex}.course-carousel__track{scroll-behavior:smooth;scrollbar-width:none;gap:18px;margin:-6px -4px 0;padding:6px 4px 18px;display:flex;overflow-x:auto}.course-carousel__track::-webkit-scrollbar{display:none}.course-carousel__item{flex:0 0 250px;display:flex}.course-carousel__controls{justify-content:center;gap:12px;display:flex}.course-carousel__nav{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex;box-shadow:0 4px 10px -4px #101f5233}.course-carousel__nav:hover:not(:disabled){background:var(--color-brand-navy);border-color:var(--color-brand-navy);color:var(--color-on-brand)}.course-carousel__nav:disabled{opacity:.35;cursor:default;box-shadow:none}.success-dialog__overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c122899;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.success-dialog{background:var(--color-surface);text-align:center;border-radius:20px;width:100%;max-width:360px;padding:28px 28px 26px;box-shadow:0 24px 60px -12px #0c122859}.success-dialog__mascot{width:220px;height:220px;margin:0 auto 14px;display:block}.success-dialog__title{color:var(--color-text);margin:0 0 8px;font-size:1.125rem;font-weight:800}.success-dialog__message{color:var(--color-text-muted);margin:0 0 22px;font-size:.84375rem;line-height:1.6}.success-dialog__btn{background:var(--color-brand-navy);width:100%;color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;padding:12px 0;font-size:.875rem;font-weight:700;transition:background .15s}.success-dialog__btn:hover{background:var(--color-brand-navy-dark)}.course-modal__overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c12288c;justify-content:center;align-items:center;padding:24px;animation:.15s course-modal-fade;display:flex;position:fixed;inset:0}@keyframes course-modal-fade{0%{opacity:0}to{opacity:1}}.course-modal{background:var(--color-surface);border-radius:18px;width:100%;max-width:440px;max-height:90vh;animation:.18s course-modal-in;position:relative;overflow-y:auto;box-shadow:0 24px 60px -12px #0c122859}@keyframes course-modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.course-modal__close{z-index:1;width:32px;height:32px;color:var(--color-text);cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.course-modal__close:hover{background:var(--color-surface)}.course-modal__image{color:#ffffffeb;border-radius:18px 18px 0 0;justify-content:center;align-items:center;height:170px;display:flex;overflow:hidden}.course-modal__image-img{object-fit:cover;width:100%;height:100%}.course-modal__image--blue{background:var(--gradient-blue)}.course-modal__image--orange{background:var(--gradient-orange)}.course-modal__image--teal{background:var(--gradient-teal)}.course-modal__image--purple{background:var(--gradient-purple)}.course-modal__image--green{background:var(--gradient-green)}.course-modal__image--rose{background:var(--gradient-rose)}.course-modal__body{padding:24px 26px 4px}.course-modal__tags{align-items:center;gap:8px;margin-bottom:10px;display:flex}.course-modal__category{letter-spacing:.04em;text-transform:uppercase;color:var(--color-orange);font-size:.6875rem;font-weight:700}.course-modal__level{color:var(--color-navy);background:var(--color-navy-tint);border-radius:20px;padding:2px 9px;font-size:.65625rem;font-weight:600}.course-modal__title{color:var(--color-text);margin:0 0 8px;font-size:1.3125rem;font-weight:800;line-height:1.3}.course-modal__rating{color:var(--color-rating);align-items:center;gap:5px;margin-bottom:10px;display:flex}.course-modal__rating-value{color:var(--color-rating-text);font-size:.8125rem;font-weight:700}.course-modal__rating-count{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.course-modal__meta{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.course-modal__meta span{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.course-modal__section{margin-bottom:18px}.course-modal__section h3{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 6px;font-size:.6875rem;font-weight:700}.course-modal__section p{color:var(--color-text);margin:0;font-size:.84375rem;line-height:1.6}.course-modal__trainer-name{font-weight:700}.course-modal__trainer-title{color:var(--color-text-muted)!important;margin-top:2px!important;font-size:.78125rem!important}.course-modal__error{color:var(--color-danger);margin:0;font-size:.78125rem;font-weight:600}.course-modal__footer{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;display:flex;position:sticky;bottom:0}.course-modal__price{align-items:baseline;gap:8px;display:flex}.course-modal__price-current{color:var(--color-text);font-size:1.125rem;font-weight:800}.course-modal__price-original{color:var(--color-text-muted);font-size:.8125rem;text-decoration:line-through}.course-modal__apply{background:var(--color-brand-navy);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;margin-left:auto;padding:12px 24px;font-size:.875rem;font-weight:700;transition:background .15s}.course-modal__apply:disabled{opacity:.65;cursor:default}.course-modal__apply:hover:not(:disabled){background:var(--color-brand-navy-dark)}.info-banner{background:linear-gradient(120deg, var(--color-brand-navy-dark), var(--color-brand-navy) 55%, #2447a8);color:var(--color-on-brand);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:20px;padding:22px 28px;display:flex}.info-banner__intro{flex:320px;align-items:flex-start;gap:14px;max-width:480px;display:flex}.info-banner__icon{width:40px;height:40px;color:var(--color-on-brand);background:#ffffff24;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-banner__title{margin:2px 0 6px;font-size:1rem;font-weight:700}.info-banner__text{color:#ffffffd1;margin:0;font-size:.78125rem;line-height:1.55}.info-banner__stats{flex-shrink:0;gap:28px;display:flex}.info-banner__stat{color:#ffffffeb;align-items:center;gap:8px;display:flex}.info-banner__stat-value{font-size:1rem;font-weight:800;line-height:1.2;display:block}.info-banner__stat-label{color:#ffffffb8;white-space:nowrap;font-size:.65625rem;display:block}@media (width<=860px){.info-banner{flex-direction:column;align-items:flex-start}.info-banner__stats{gap:20px}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:52px 24px;display:flex}.empty-state__illustration{width:260px;height:260px;margin-bottom:8px}.empty-state--sm{padding:32px 16px}.empty-state--sm .empty-state__illustration{width:180px;height:180px;margin-bottom:4px}.empty-state__title{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:700}.empty-state__message{max-width:340px;color:var(--color-text-muted);margin:2px 0 0;font-size:.8125rem}.empty-state--sm .empty-state__title{font-size:.84375rem}.empty-state--sm .empty-state__message{font-size:.78125rem}.learn{flex-direction:column;gap:32px;display:flex}.learn__hero{color:var(--color-on-brand);background:radial-gradient(circle at 92% 6%, #f2913f59, transparent 42%), radial-gradient(circle at 60% 130%, #7c5cd661, transparent 52%), linear-gradient(135deg, var(--color-brand-navy) 0%, #24409a 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:20px 28px;padding:26px 28px;display:flex;overflow:hidden;box-shadow:0 20px 44px -24px #182b6dbf}.learn__hero-text{flex-direction:column;flex:280px;justify-content:center;min-width:0;display:flex}.learn__hero h2{letter-spacing:-.02em;color:inherit;margin:0;font-size:1.625rem;font-weight:800}.learn__hero p{opacity:.85;margin:6px 0 0;font-size:.875rem}.learn__hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.learn__hero-primary,.learn__hero-live{cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;font-weight:700;transition:transform .15s,background-color .15s;display:inline-flex}.learn__hero-primary{color:var(--color-brand-navy);background:#fff;border:none}.learn__hero-primary:hover:not(:disabled){background:#f1f4ff;transform:translateY(-1px)}.learn__hero-primary:disabled{opacity:.7;cursor:wait}.learn__hero-live{color:#fff;background:#e0473ae6;border:1px solid #ffffff59}.learn__hero-live:hover{background:#e0473a;transform:translateY(-1px)}.learn__live-dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite learn-pulse}@keyframes learn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.learn__continue{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:16px;flex-direction:column;flex:0 300px;gap:4px;padding:16px 18px;transition:background-color .15s,transform .15s;display:flex}.learn__continue:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.learn__continue:disabled{cursor:wait;opacity:.8}.learn__continue-label{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:.6875rem;font-weight:700}.learn__continue-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.learn__continue-lesson{opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.learn__continue-bar{background:#ffffff38;border-radius:6px;height:6px;margin-top:8px;display:block;overflow:hidden}.learn__continue-bar span{background:linear-gradient(90deg,#f2913f,#ffd29a);border-radius:6px;height:100%;display:block}.learn__continue-pct{font-size:.71875rem;font-weight:700}.learn__stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:-12px;display:grid}.learn__stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.learn__stat-icon{background:var(--color-navy-tint);width:38px;height:38px;color:var(--color-navy);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.learn__stat:nth-child(2) .learn__stat-icon{color:var(--color-orange);background:#f2711f24}.learn__stat:nth-child(3) .learn__stat-icon{color:var(--color-success);background:#3fae6b24}.learn__stat:nth-child(4) .learn__stat-icon{color:#7c5cd6;background:#7c5cd624}.learn__stat-text{color:var(--color-text-muted);flex-direction:column;font-size:.71875rem;font-weight:600;line-height:1.3;display:flex}.learn__stat-text strong{letter-spacing:-.01em;color:var(--color-text);font-size:1.25rem;font-weight:800}.learn__section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.learn__section-title{letter-spacing:-.02em;color:var(--color-navy);margin:0;font-size:1.375rem;font-weight:800}.learn__section-subtitle{color:var(--color-text-muted);margin:3px 0 0;font-size:.8125rem}.learn__view-more{background:var(--color-navy-tint);color:var(--color-navy);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:700;transition:background .15s,color .15s,gap .15s;display:inline-flex}.learn__view-more:hover{background:var(--gradient-blue);color:var(--color-on-brand);gap:9px}.learn__view-more:focus-visible,.learn__hero-primary:focus-visible,.learn__hero-live:focus-visible,.learn__continue:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.learn__course-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.learn__status{color:var(--color-text-muted);margin:0;padding:20px 0;font-size:.8125rem}.learn__status--error{color:var(--color-danger)}@media (prefers-reduced-motion:reduce){.learn__live-dot{animation:none}.learn__hero-primary,.learn__hero-live,.learn__continue{transition:none}}@media (width<=640px){.learn__hero{padding:20px}.learn__continue{flex-basis:100%}.learn__course-grid{grid-template-columns:1fr}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 20px;margin-bottom:18px;display:flex}.page-head__title{letter-spacing:-.02em;color:var(--color-navy);margin:0;font-size:1.5rem;font-weight:800}.page-head__subtitle{color:var(--color-text-muted);margin:3px 0 0;font-size:.8125rem}.page-search{background:var(--color-surface);border:1px solid var(--color-border);min-width:260px;color:var(--color-text-muted);border-radius:11px;align-items:center;gap:9px;padding:9px 14px;transition:border-color .15s,box-shadow .15s,color .15s;display:flex}.page-search:focus-within{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-navy-tint);color:var(--color-navy)}.page-search input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.84375rem}.page-search input::placeholder{color:var(--color-text-muted)}.page-search__clear{background:var(--color-bg);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.page-search__clear:hover{background:var(--color-border);color:var(--color-text)}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:.78125rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover:not(.chip--active){background:var(--color-bg);border-color:var(--color-text-muted)}.chip--active{background:var(--gradient-blue);color:var(--color-on-brand);border-color:#0000;box-shadow:0 6px 14px -8px #182b6dcc}.chip__count{background:var(--color-bg);min-width:18px;color:var(--color-text-muted);text-align:center;border-radius:10px;padding:1px 6px;font-size:.6875rem;font-weight:700}.chip--active .chip__count{color:var(--color-on-brand);background:#ffffff38}.page-search:focus-within,.chip:focus-visible,.page-search__clear:focus-visible{outline:none}.chip:focus-visible,.page-search__clear:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}@media (width<=560px){.page-search{width:100%;min-width:0}}.all-courses__heading{align-items:center;gap:14px;display:flex}.all-courses__back{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,transform .15s;display:flex}.all-courses__back:hover{background:var(--color-bg);border-color:var(--color-navy);color:var(--color-navy);transform:translate(-2px)}.all-courses__back:focus-visible,.all-courses__reset:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.all-courses__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.all-courses__status{color:var(--color-text-muted);margin:0;padding:20px 0;font-size:.8125rem}.all-courses__status--error{color:var(--color-danger)}.all-courses__none{flex-direction:column;align-items:center;gap:4px;display:flex}.all-courses__reset{background:var(--color-navy-tint);color:var(--color-navy);cursor:pointer;border:none;border-radius:20px;padding:8px 18px;font-size:.8125rem;font-weight:700}.all-courses__reset:hover{background:#182b6d29}.pie-chart{flex-direction:column;align-items:center;gap:18px;display:flex}.pie-chart__circle{border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.pie-chart__hole{background:var(--color-surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:0 1px 3px #101f5214}.pie-chart__hole-value{color:var(--color-text);font-size:1.25rem;font-weight:800;line-height:1.1}.pie-chart__hole-label{color:var(--color-text-muted);font-size:.65625rem}.pie-chart__legend{flex-direction:column;gap:8px;width:100%;display:flex}.pie-chart__legend li{color:var(--color-text);align-items:center;gap:8px;font-size:.78125rem;display:flex}.pie-chart__swatch{border-radius:50%;flex-shrink:0;width:9px;height:9px}.pie-chart__legend-label{color:var(--color-text-muted);flex:1}.pie-chart__legend-value{font-weight:700}.profile-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:22px;padding:22px;display:flex}.profile-panel__identity{align-items:center;gap:12px;display:flex}.profile-panel__avatar{background:var(--color-brand-navy);width:44px;height:44px;color:var(--color-on-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.profile-panel__name{color:var(--color-text);margin:0;font-size:.90625rem;font-weight:700}.profile-panel__role{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem}.profile-panel__section{border-top:1px solid var(--color-border);padding-top:20px}.profile-panel__section h3{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 16px;font-size:.6875rem;font-weight:700}.profile-panel__stats{flex-direction:column;gap:12px;display:flex}.profile-panel__stats li{align-items:center;gap:10px;display:flex}.profile-panel__stat-icon{background:var(--color-bg);width:28px;height:28px;color:var(--color-navy);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-panel__stat-label{color:var(--color-text-muted);flex:1;font-size:.78125rem}.profile-panel__stat-value{color:var(--color-text);font-size:.8125rem;font-weight:700}.my-courses{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:28px;display:grid}.my-courses__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.my-courses__status{color:var(--color-text-muted);margin:0;padding:20px 0;font-size:.8125rem}.my-courses__status--error{color:var(--color-danger)}@media (width<=900px){.my-courses{grid-template-columns:1fr}}.course-player__topbar{align-items:center;gap:14px;margin-bottom:24px;display:flex}.course-player__back{border:1px solid var(--color-border);background:var(--color-surface);width:34px;height:34px;color:var(--color-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.course-player__back:hover{background:var(--color-bg);border-color:var(--color-navy);color:var(--color-navy)}.course-player__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-orange);margin:0 0 2px;font-size:.6875rem;font-weight:700}.course-player__title{color:var(--color-text);margin:0;font-size:1.1875rem;font-weight:700}.course-player__layout{grid-template-columns:300px 1fr;align-items:start;gap:24px;display:grid}.course-player__index{max-height:calc(100vh - var(--header-height) - 96px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;order:1;padding:18px;position:sticky;top:0;overflow-y:auto}.course-player__outline-toggle{display:none}.course-player__progress{border-bottom:1px solid var(--color-border);margin-bottom:8px;padding-bottom:16px}.course-player__progress-bar{background:var(--color-bg);border-radius:4px;height:6px;margin-bottom:8px;overflow:hidden}.course-player__progress-fill{background:var(--color-orange);border-radius:4px;height:100%}.course-player__progress span{color:var(--color-text-muted);font-size:.71875rem;font-weight:600}.course-player__section{margin-top:16px}.course-player__section:first-of-type{margin-top:0}.course-player__section h4{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 6px;padding:0 10px;font-size:.65625rem;font-weight:700}.course-player__lesson{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;display:flex}.course-player__lesson:hover{background:var(--color-bg)}.course-player__lesson--active{background:var(--color-navy-tint)}.course-player__lesson-check{color:var(--color-success);flex-shrink:0}.course-player__lesson-circle{color:var(--color-text-muted);flex-shrink:0}.course-player__lesson-title{flex:1;font-size:.78125rem;line-height:1.35}.course-player__lesson--active .course-player__lesson-title{color:var(--color-navy);font-weight:700}.course-player__lesson-video-icon{color:var(--color-orange);flex-shrink:0}.course-player__lesson-duration{color:var(--color-text-muted);flex-shrink:0;font-size:.6875rem}.course-player__stage{flex-direction:column;order:2;gap:20px;display:flex}.course-player__video-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px 20px 28px}.course-player__video{aspect-ratio:16/9;color:#fffffff2;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 16px 40px -16px #101f5266}.course-player__video--blue{background:var(--gradient-blue)}.course-player__video--orange{background:var(--gradient-orange)}.course-player__video--teal{background:var(--gradient-teal)}.course-player__video--purple{background:var(--gradient-purple)}.course-player__video--green{background:var(--gradient-green)}.course-player__video--rose{background:var(--gradient-rose)}.course-player__video-icon{color:#ffffffd9;position:absolute;top:16px;left:16px}.course-player__video--playable{object-fit:contain;background:#000;width:100%}.course-player__stage-body{margin-top:20px;padding:4px 4px 0}.course-player__lesson-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-orange);margin:0 0 6px;font-size:.6875rem;font-weight:700}.course-player__lesson-title-lg{color:var(--color-text);margin:0 0 10px;font-size:1.375rem;font-weight:800}.course-player__lesson-desc{color:var(--color-text-muted);max-width:560px;margin:0 0 22px;font-size:.84375rem;line-height:1.6}.course-player__complete-row{align-items:center;gap:12px;display:flex}.course-player__complete-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:.84375rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.course-player__complete-toggle:hover:not(:disabled){border-color:var(--color-navy);color:var(--color-navy)}.course-player__complete-toggle:disabled{opacity:.6;cursor:default}.course-player__complete-toggle--done{border-color:var(--color-success);background:var(--color-success);color:var(--color-on-brand)}.course-player__complete-toggle--done:hover:not(:disabled){color:var(--color-on-brand);border-color:var(--color-success);opacity:.9}.course-player__complete-error{color:var(--color-danger);font-size:.75rem;font-weight:600}.course-player__nav-buttons{gap:12px;display:flex}.course-player__nav-buttons button{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:10px;align-items:center;gap:6px;padding:11px 20px;font-size:.84375rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.course-player__nav-buttons button:hover:not(:disabled){background:var(--color-bg)}.course-player__nav-buttons button:disabled{opacity:.4;cursor:default}.course-player__nav-buttons--primary{border-color:var(--color-brand-navy)!important;background:var(--color-brand-navy)!important;color:var(--color-on-brand)!important}.course-player__nav-buttons--primary:hover:not(:disabled){background:var(--color-brand-navy-dark)!important}@media (width<=860px){.course-player__layout{grid-template-columns:1fr}.course-player__stage{order:1}.course-player__index{order:2;max-height:none;position:static}.course-player__outline-toggle{width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:4px;font-size:.84375rem;font-weight:700;display:flex}.course-player__outline-toggle span{align-items:center;gap:8px;display:inline-flex}.course-player__outline-chevron{color:var(--color-text-muted);transition:transform .15s}.course-player__outline-chevron--open{transform:rotate(180deg)}.course-player__index-content{margin-top:14px;display:none}.course-player__index-content--open{display:block}.lesson-article{border-radius:14px;padding:28px 22px}.course-player__video-card{border-radius:14px;padding:14px 14px 22px}.lesson-article__title{font-size:1.3125rem}.lesson-article__content{font-size:.90625rem}}.admin-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-page__title{letter-spacing:-.02em;color:var(--color-navy);margin:0;font-size:1.5rem;font-weight:800}.admin-page__subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:.8125rem}.admin-page__actions{align-items:center;gap:10px;display:flex}.admin-add-btn{background:var(--gradient-blue);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:.8125rem;font-weight:700;transition:filter .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 18px -10px #182b6dcc}.admin-add-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.admin-add-btn:active{transform:translateY(0)}.admin-add-btn:focus-visible,.admin-row-actions button:focus-visible,.admin-audit-log__filter:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.admin-add-btn__label{white-space:nowrap}.admin-search{background:var(--color-surface);border:1px solid var(--color-border);min-width:260px;color:var(--color-text-muted);border-radius:10px;align-items:center;gap:8px;padding:9px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.admin-search:focus-within{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-navy-tint);color:var(--color-navy)}.admin-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.8125rem}.admin-audit-log__filter{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:9px;flex-shrink:0;padding:9px 12px;font-family:inherit;font-size:.78125rem;font-weight:600}@media (width<=560px){.admin-audit-log__filter{flex:1}}.admin-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow-x:auto;box-shadow:0 1px 2px #0c12280a}.admin-table{border-collapse:collapse;width:100%;min-width:640px}.admin-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:13px 18px;font-size:.6875rem;font-weight:700}.admin-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:14px 18px;font-size:.8125rem;transition:background-color .12s}.admin-table tbody tr:hover td{background:var(--color-navy-tint)}.admin-table tr:last-child td{border-bottom:none}.admin-table__entity{align-items:center;gap:12px;display:flex}.admin-table__avatar{background:var(--gradient-blue);width:34px;height:34px;color:var(--color-on-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.71875rem;font-weight:700;display:flex;box-shadow:0 4px 10px -4px #182b6d99}.admin-table__thumb{color:#fffffff2;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-table__title{color:var(--color-text);font-weight:700;line-height:1.3}.admin-table__subtitle{color:var(--color-text-muted);font-size:.71875rem}.admin-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.admin-badge--navy{color:var(--color-navy);background:var(--color-navy-tint)}.admin-badge--success{color:var(--color-success);background:#3fae6b24}.admin-badge--muted{color:var(--color-text-muted);background:var(--color-bg)}.admin-badge--danger{color:var(--color-danger);background:#c0392b1f}.admin-badge--orange{color:var(--color-orange);background:#f2711f24}.admin-permission-chips{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.admin-mini-progress{align-items:center;gap:8px;min-width:110px;display:flex}.admin-mini-progress__bar{background:var(--color-bg);border-radius:4px;flex:1;height:5px;overflow:hidden}.admin-mini-progress__fill{background:var(--color-orange);border-radius:4px;height:100%}.admin-mini-progress__label{color:var(--color-text-muted);flex-shrink:0;font-size:.71875rem;font-weight:700}.admin-row-actions{align-items:center;gap:6px;display:flex}.admin-row-actions button{border:1px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex}.admin-row-actions button:hover{background:var(--color-navy-tint);border-color:var(--color-navy-tint);color:var(--color-navy);transform:translateY(-1px)}.admin-row-actions button.admin-row-actions__danger:hover{border-color:var(--color-danger);color:var(--color-danger);background:#c0392b1a}.admin-row-actions button:disabled{opacity:.4;cursor:default;pointer-events:none}.admin-empty{text-align:center;color:var(--color-text-muted);padding:40px 18px;font-size:.8125rem}.admin-skeleton{flex-direction:column;gap:14px;padding:18px;display:flex}.admin-skeleton__row{align-items:center;gap:14px;display:flex}.admin-skeleton__dot,.admin-skeleton__bar{background:linear-gradient(100deg, var(--color-bg) 30%, var(--color-border) 50%, var(--color-bg) 70%);background-size:220% 100%;animation:1.4s ease-in-out infinite admin-skeleton-shimmer}.admin-skeleton__dot{border-radius:50%;flex-shrink:0;width:34px;height:34px}.admin-skeleton__bar{border-radius:6px;height:12px}@keyframes admin-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.admin-skeleton__dot,.admin-skeleton__bar,.admin-add-btn,.admin-row-actions button{transition:none;animation:none}}@media (width<=560px){.admin-page__actions{flex-wrap:wrap;width:100%}.admin-search{order:-1;width:100%;min-width:0}.admin-add-btn__label{display:none}.admin-add-btn{padding:10px}}@media (width<=700px){.admin-table-wrap{background:0 0;border:none;overflow-x:visible}.admin-table{min-width:0}.admin-table thead{display:none}.admin-table tbody{flex-direction:column;gap:12px;display:flex}.admin-table tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;display:block}.admin-table td{text-align:right;border-bottom:none;justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.admin-table td:last-child{padding-bottom:0}.admin-table td:before{content:attr(data-label);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);text-align:left;flex-shrink:0;font-size:.65625rem;font-weight:700}.admin-table td.admin-table__cell--primary{text-align:left;margin-bottom:4px;padding:0 0 10px;display:block}.admin-table td.admin-table__cell--primary:before{content:none}}.events__status{color:var(--color-text-muted);margin:0;padding:20px 0;font-size:.8125rem}.events__status--error{color:var(--color-danger)}.events__skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;max-width:820px}.events__list{flex-direction:column;gap:12px;max-width:820px;display:flex}.events__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:20px;padding:16px 20px;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;position:relative}.events__card:hover{transform:translateY(-2px);box-shadow:0 16px 32px -20px #0c122866}.events__card--live{background:linear-gradient(90deg, #e0473a14, transparent 45%), var(--color-surface);border-color:#e0473a73}.events__card--ended{opacity:.75}.events__date{background:var(--color-navy-tint);border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.events__card--live .events__date{background:#e0473a24}.events__card--live .events__date-day{color:var(--color-danger)}.events__date-day{color:var(--color-navy);font-size:1.1875rem;font-weight:800;line-height:1.1}.events__date-month{letter-spacing:.06em;color:var(--color-text-muted);font-size:.625rem;font-weight:700}.events__info{flex:1;min-width:0}.events__category{letter-spacing:.05em;text-transform:uppercase;color:var(--color-orange);font-size:.65625rem;font-weight:700}.events__title-text{color:var(--color-text);margin:2px 0 4px;font-size:.96875rem;font-weight:700}.events__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:.78125rem;display:flex}.events__action{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.events__status-badge{background:var(--color-bg);color:var(--color-text-muted);border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.events__status-badge--upcoming{background:var(--color-navy-tint);color:var(--color-navy)}.events__status-badge--live{color:var(--color-danger);background:#c0392b1f}.events__status-dot{background:#e0473a;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite events-pulse}@keyframes events-pulse{0%,to{opacity:1}50%{opacity:.35}}.events__button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.78125rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.events__button:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-muted)}.events__button:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.events__button:disabled{opacity:.5;cursor:default}.events__button--live{color:var(--color-on-brand);background:linear-gradient(135deg,#e8594b,#c0392b);border-color:#0000;box-shadow:0 10px 20px -12px #c0392be6}.events__button--live:hover:not(:disabled){background:linear-gradient(135deg,#ee6a5d,#c0392b);border-color:#0000;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.events__status-dot{animation:none}.events__card,.events__button{transition:none}.events__card:hover{transform:none}}@media (width<=560px){.events__card{flex-direction:column;align-items:flex-start;gap:12px}.events__date{flex-direction:row;gap:6px;width:auto;height:auto;padding:5px 12px}.events__action{align-items:stretch;width:100%}.events__button{justify-content:center}}.events__more{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-navy);cursor:pointer;border-radius:20px;align-self:center;margin-top:6px;padding:9px 22px;font-family:inherit;font-size:.8125rem;font-weight:700;transition:background .15s}.events__more:hover{background:var(--color-navy-tint)}.events__more:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.profile-page{flex-direction:column;gap:24px;display:flex}.profile-page__banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:18px;padding:24px 28px;display:flex}.profile-page__avatar{background:var(--gradient-blue);width:64px;height:64px;color:var(--color-on-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.375rem;font-weight:700;display:flex;box-shadow:0 10px 20px -10px #182b6db3}.profile-page__name{color:var(--color-text);margin:0 0 4px;font-size:1.25rem;font-weight:800}.profile-page__role{color:var(--color-text-muted);margin:0;font-size:.8125rem}.profile-page__edit{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:20px;flex-shrink:0;margin-left:auto;padding:9px 18px;font-size:.8125rem;font-weight:700;transition:background .15s,border-color .15s}.profile-page__edit:hover{background:var(--color-bg);border-color:var(--color-navy);color:var(--color-navy)}.profile-page__grid{grid-template-columns:1fr 280px;align-items:start;gap:24px;display:grid}.profile-page__main{flex-direction:column;gap:24px;display:flex}.profile-page__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:22px}.profile-page__card h3{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 18px;font-size:.6875rem;font-weight:700}.profile-page__details{grid-template-columns:repeat(2,1fr);gap:18px 24px;margin:0;display:grid}.profile-page__detail dt{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:.71875rem;display:flex}.profile-page__detail dd{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600}.profile-page__theme-toggle{background:var(--color-bg);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.profile-page__theme-option{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:.8125rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.profile-page__theme-option--active{background:var(--color-surface);color:var(--color-navy);box-shadow:0 2px 6px -2px #101f5240}.profile-page__access-badge{background:var(--color-navy-tint);color:var(--color-navy);border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:9px 14px;font-size:.78125rem;font-weight:700;display:inline-flex}.profile-page__permissions{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.profile-page__permissions li{color:var(--color-text);align-items:center;gap:10px;font-size:.78125rem;font-weight:600;display:flex}.profile-page__permissions li svg{color:var(--color-text-muted);flex-shrink:0}@media (width<=900px){.profile-page__grid{grid-template-columns:1fr}}@media (width<=560px){.profile-page__banner{flex-wrap:wrap}.profile-page__edit{width:100%;margin-left:0}.profile-page__details{grid-template-columns:1fr}}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.pagination__summary{color:var(--color-text-muted);font-size:.78125rem}.pagination__controls{align-items:center;gap:6px;display:flex}.pagination__controls>button,.pagination__page{border:1px solid var(--color-border);background:var(--color-surface);min-width:32px;height:32px;color:var(--color-text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-size:.78125rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;display:flex}.pagination__controls>button:focus-visible,.pagination__page:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.pagination__controls>button:hover:not(:disabled),.pagination__page:hover:not(.pagination__page--active){background:var(--color-bg)}.pagination__controls>button:disabled{opacity:.4;cursor:default}.pagination__controls>.pagination__page--active{background:var(--gradient-blue);color:var(--color-on-brand);border-color:#0000;box-shadow:0 6px 14px -8px #182b6dcc}.pagination__ellipsis{min-width:24px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.78125rem;display:flex}@media (width<=480px){.pagination{justify-content:center}.pagination__summary{text-align:center;width:100%}}.payments__header{margin-bottom:20px}.payments__header h2{letter-spacing:-.02em;color:var(--color-navy);margin:0 0 4px;font-size:1.5rem;font-weight:800}.payments__header p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.payments__balance-card{background:linear-gradient(120deg, var(--color-brand-navy-dark), var(--color-brand-navy) 55%, #2447a8);color:var(--color-on-brand);border-radius:14px;align-items:center;gap:18px;margin-bottom:20px;padding:24px 28px;display:flex}.payments__balance-icon{background:#ffffff29;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.payments__balance-info{flex-direction:column;flex:1;gap:4px;display:flex}.payments__balance-label{color:#ffffffc7;font-size:.78125rem}.payments__balance-value{font-size:2rem;font-weight:800}.payments__topup-btn{background:var(--color-orange);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:11px 18px;font-size:.84375rem;font-weight:700;transition:background .15s;display:inline-flex}.payments__topup-btn:hover{background:#d8571c}@media (width<=560px){.payments__balance-card{flex-wrap:wrap}.payments__topup-btn{justify-content:center;width:100%}}.payments__stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px;display:grid}.payments__stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.payments__stat-value{color:var(--color-text);font-size:1.25rem;font-weight:800}.payments__stat-label{color:var(--color-text-muted);font-size:.71875rem}.payments__history h3{color:var(--color-text);margin:0 0 14px;font-size:.8125rem;font-weight:700}.payments__table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;overflow-x:auto}.payments__table{border-collapse:collapse;width:100%;min-width:620px}.payments__table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 18px;font-size:.65625rem;font-weight:700}.payments__table td{color:var(--color-text);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:13px 18px;font-size:.78125rem}.payments__table tr:last-child td{border-bottom:none}.payments__desc{white-space:normal;align-items:center;gap:10px;min-width:220px;display:flex}.payments__desc-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.payments__desc-icon--topup{color:var(--color-success);background:#3fae6b24}.payments__desc-icon--purchase{background:var(--color-navy-tint);color:var(--color-navy)}@media (width<=700px){.payments__table-wrap{background:0 0;border:none;overflow-x:visible}.payments__table{min-width:0}.payments__table thead{display:none}.payments__table tbody{flex-direction:column;gap:12px;display:flex}.payments__table tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;display:block}.payments__table td{white-space:normal;text-align:right;border-bottom:none;justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.payments__table td:last-child{padding-bottom:0}.payments__table td:before{content:attr(data-label);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);text-align:left;flex-shrink:0;font-size:.65625rem;font-weight:700}.payments__table td.payments__cell--primary{text-align:left;margin-bottom:4px;padding:0 0 10px;display:block}.payments__table td.payments__cell--primary:before{content:none}.payments__desc{min-width:0}}.payments__amount{font-weight:700}.payments__amount--topup{color:var(--color-success)}.payments__amount--purchase{color:var(--color-text)}.payments__status{border-radius:20px;align-items:center;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.payments__status--completed{color:var(--color-success);background:#3fae6b24}.payments__status--pending{color:var(--color-orange);background:#f2711f24}.payments__modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c12288c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.payments__modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:360px;padding:24px;box-shadow:0 24px 60px -12px #0c122859}.payments__modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.payments__modal-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:800}.payments__modal-header button{background:var(--color-bg);width:30px;height:30px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.payments__modal-header button:hover{background:var(--color-border)}.payments__modal-desc{color:var(--color-text-muted);margin:0 0 18px;font-size:.78125rem}.payments__amount-options{gap:10px;margin-bottom:18px;display:flex}.payments__amount-option{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:10px;flex:1;padding:12px 0;font-size:.875rem;font-weight:700;transition:border-color .15s,color .15s,background .15s}.payments__amount-option--active{border-color:var(--color-navy);background:var(--color-navy-tint);color:var(--color-navy)}.payments__modal-method{background:var(--color-bg);color:var(--color-text-muted);border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:.78125rem;font-weight:600;display:flex}.payments__confirm-btn{background:var(--color-brand-navy);width:100%;color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;padding:12px 0;font-size:.875rem;font-weight:700;transition:background .15s}.payments__confirm-btn:hover{background:var(--color-brand-navy-dark)}.payments__modal-hint{text-align:center;color:var(--color-text-muted);margin:12px 0 0;font-size:.6875rem}.certificate-modal__overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c12288c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.certificate-modal{background:var(--color-surface);border-radius:18px;width:100%;max-width:560px;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 60px -12px #0c122859}.certificate-modal__close{z-index:1;background:var(--color-bg);width:32px;height:32px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.certificate-modal__close:hover{background:var(--color-border)}.certificate{border:2px solid var(--color-brand-navy);outline:1px solid var(--color-orange);outline-offset:-8px;text-align:center;background:var(--color-surface);border-radius:10px;padding:40px 32px;position:relative}.certificate__logo{width:auto;height:22px;margin-bottom:22px}.certificate__logo--dark,:root[data-theme=dark] .certificate__logo--light{display:none}:root[data-theme=dark] .certificate__logo--dark{display:inline-block}.certificate__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-orange);margin:0 0 20px;font-size:.8125rem;font-weight:800}.certificate__line{color:var(--color-text-muted);margin:0;font-size:.78125rem}.certificate__name{color:var(--color-text);letter-spacing:.01em;margin:8px 0;font-size:1.875rem;font-weight:800}.certificate__course{color:var(--color-brand-navy);margin:8px 0 24px;font-size:1.0625rem;font-weight:700;line-height:1.35}.certificate__footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:20px;display:flex}.certificate__block{flex-direction:column;flex:1;gap:2px;display:flex}.certificate__block:last-child{align-items:flex-end}.certificate__block-value{color:var(--color-text);font-size:.78125rem;font-weight:700}.certificate__block-label{color:var(--color-text-muted);font-size:.65625rem}.certificate__seal{background:var(--color-navy-tint);width:52px;height:52px;color:var(--color-brand-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.certificate__id{letter-spacing:.04em;color:var(--color-text-muted);margin:18px 0 0;font-size:.625rem}.certificate-modal__download{background:var(--color-brand-navy);width:100%;color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:12px 0;font-size:.84375rem;font-weight:700;transition:background .15s;display:flex}.certificate-modal__download:hover:not(:disabled){background:var(--color-brand-navy-dark)}.certificate-modal__download:disabled{opacity:.65;cursor:default}.certificates__header{margin-bottom:24px}.certificates__title{letter-spacing:-.02em;color:var(--color-navy);margin:0;font-size:1.5rem;font-weight:800}.certificates__subtitle{color:var(--color-text-muted);margin:3px 0 0;font-size:.8125rem}.certificates__empty{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:16px}.certificates__status{color:var(--color-text-muted);margin:0;padding:20px 0;font-size:.8125rem}.certificates__status--error{color:var(--color-danger)}.certificates__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-bottom:32px;display:grid}.certificate-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.certificate-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -20px #101f5266}.certificate-card__ribbon{color:#fffffff2;background-image:radial-gradient(circle at 85% 0,#ffffff40,#0000 55%);justify-content:center;align-items:center;height:92px;display:flex}.certificate-card__body{flex-direction:column;gap:4px;padding:16px 18px 18px;display:flex}.certificate-card__category{letter-spacing:.04em;text-transform:uppercase;color:var(--color-orange);font-size:.65625rem;font-weight:700}.certificate-card__title{color:var(--color-text);margin:0;font-size:.90625rem;font-weight:700;line-height:1.35}.certificate-card__meta{color:var(--color-text-muted);margin:0 0 10px;font-size:.75rem}.certificate-card__view{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:.78125rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.certificate-card__view:hover{background:var(--color-navy-tint);border-color:var(--color-navy);color:var(--color-navy)}.certificates__progress-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:22px 24px}.certificates__progress-section h3{color:var(--color-text);margin:0 0 4px;font-size:.8125rem;font-weight:700}.certificates__progress-subtitle{color:var(--color-text-muted);margin:0 0 16px;font-size:.75rem}.certificates__progress-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.certificates__progress-info{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.certificates__progress-title{color:var(--color-text);font-size:.78125rem;font-weight:700}.certificates__progress-percent{color:var(--color-text-muted);flex-shrink:0;font-size:.71875rem;font-weight:700}.certificates__progress-bar{background:var(--color-bg);border-radius:6px;height:7px;overflow:hidden}.certificates__progress-fill{background:linear-gradient(90deg,#f2913f,#d8571c);border-radius:6px;height:100%}.help{flex-direction:column;gap:28px;max-width:1000px;display:flex}.help__hero{color:var(--color-on-brand);background:radial-gradient(circle at 92% 6%, #f2913f59, transparent 42%), radial-gradient(circle at 55% 130%, #7c5cd661, transparent 52%), linear-gradient(135deg, var(--color-brand-navy) 0%, #24409a 100%);border-radius:20px;flex-direction:column;gap:18px;padding:26px 28px;display:flex;box-shadow:0 20px 44px -24px #182b6dbf}.help__eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.8;align-items:center;gap:6px;margin-bottom:8px;font-size:.6875rem;font-weight:700;display:inline-flex}.help__hero h2{letter-spacing:-.02em;color:inherit;margin:0;font-size:1.625rem;font-weight:800}.help__hero p{opacity:.88;max-width:560px;margin:6px 0 0;font-size:.875rem}.help__hero .page-search{border-color:#0000;min-width:0;max-width:520px}.help__heading{color:var(--color-text);align-items:center;gap:8px;margin:0 0 14px;font-size:1.0625rem;font-weight:800;display:flex}.help__heading svg{color:var(--color-orange)}.help-quick{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.help-quick li{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:16px;flex-direction:column;gap:4px;padding:16px 18px;font-size:.8125rem;display:flex}.help-quick strong{color:var(--color-text);font-size:.9375rem}.help-quick__num{background:var(--gradient-orange);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:6px;font-size:.8125rem;font-weight:800;display:flex}.help-topics{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.help-topic{border:1px solid var(--color-border);background:var(--color-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.help-topic:hover{border-color:var(--color-navy-tint);transform:translateY(-2px);box-shadow:0 16px 30px -20px #101f5273}.help-topic__icon,.help-article__icon{background:var(--gradient-blue);color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 8px 16px -8px #182b6db3}.help-topic__text{min-width:0;color:var(--color-text-muted);flex-direction:column;flex:1;gap:2px;font-size:.78125rem;display:flex}.help-topic__text strong{color:var(--color-text);font-size:.9375rem}.help-topic__arrow{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s,color .15s}.help-topic:hover .help-topic__arrow{color:var(--color-navy);transform:translate(3px)}.help-faqs{flex-direction:column;gap:10px;display:flex}.help-faq{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;overflow:hidden}.help-faq--open{border-color:var(--color-navy-tint)}.help-faq__q{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;font-size:.875rem;font-weight:700;display:flex}.help-faq__q svg{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s}.help-faq--open .help-faq__q svg{transform:rotate(180deg)}.help-faq__a{color:var(--color-text-muted);margin:0;padding:0 18px 16px;font-size:.8125rem;line-height:1.6}.help-contact{background:var(--color-navy-tint);border:1px solid var(--color-border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px 16px;padding:18px 20px;display:flex}.help-contact__icon{background:var(--color-surface);width:42px;height:42px;color:var(--color-navy);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.help-contact>div{color:var(--color-text-muted);flex-direction:column;flex:200px;gap:2px;font-size:.8125rem;display:flex}.help-contact strong{color:var(--color-text);font-size:.9375rem}.help-contact a{background:var(--gradient-blue);color:var(--color-on-brand);border-radius:10px;padding:9px 16px;font-size:.8125rem;font-weight:700;transition:filter .15s}.help-contact a:hover{filter:brightness(1.12)}.help__back{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;border-radius:20px;align-self:flex-start;align-items:center;gap:7px;padding:7px 14px 7px 10px;font-size:.8125rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.help__back:hover{background:var(--color-navy-tint);color:var(--color-navy)}.help-article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:24px;padding:26px 28px;display:flex}.help-article__head{align-items:center;gap:16px;display:flex}.help-article__head h2{letter-spacing:-.02em;color:var(--color-navy);margin:0;font-size:1.5rem;font-weight:800}.help-article__head p{color:var(--color-text-muted);margin:3px 0 0;font-size:.875rem}.help-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.help-steps li{color:var(--color-text);align-items:flex-start;gap:14px;font-size:.9375rem;line-height:1.6;display:flex}.help-steps__num{background:var(--color-navy-tint);width:28px;height:28px;color:var(--color-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:flex}.help-tips{background:#f2913f1f;border:1px solid #f2913f4d;border-radius:14px;padding:16px 20px}.help-tips h3{color:var(--color-orange);align-items:center;gap:8px;margin:0 0 8px;font-size:.875rem;font-weight:800;display:flex}.help-tips ul{color:var(--color-text);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.8125rem;line-height:1.55;list-style:outside;display:flex}.help-article__nav{border-top:1px solid var(--color-border);justify-content:space-between;gap:12px;padding-top:18px;display:flex}.help-article__nav button{border:1px solid var(--color-border);background:var(--color-surface);max-width:48%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:.8125rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.help-article__nav button:hover{background:var(--color-navy-tint);border-color:var(--color-navy-tint)}.help-article__nav small{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.65625rem;font-weight:600;display:block}.help-article__next{text-align:right;margin-left:auto}.help__back:focus-visible,.help-topic:focus-visible,.help-faq__q:focus-visible,.help-article__nav button:focus-visible,.help-contact a:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}@media (prefers-reduced-motion:reduce){.help-topic,.help-topic__arrow{transition:none}.help-topic:hover{transform:none}}@media (width<=640px){.help__hero,.help-article{padding:20px}.help-article__nav{flex-direction:column}.help-article__nav button{max-width:none}}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app__body{flex:1;min-height:0;display:flex}.app__content{flex:1;min-width:0;padding:32px;overflow-y:auto}.app__content--full{padding:0;overflow:hidden}@media (width<=640px){.app__content{padding:20px 16px}.app__content--full{padding:0}}.admin-dashboard__hero{color:var(--color-on-brand);background:radial-gradient(circle at 92% 8%, #f2913f59, transparent 42%), radial-gradient(circle at 70% 120%, #7c5cd659, transparent 50%), linear-gradient(135deg, var(--color-brand-navy) 0%, #24409a 100%);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 28px;margin-bottom:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #182b6db3}.admin-dashboard__hero-text{min-width:0}.admin-dashboard__hero-date{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:4px;font-size:.6875rem;font-weight:700;display:block}.admin-dashboard__hero h2{color:inherit;margin:0;font-size:1.5rem;font-weight:800}.admin-dashboard__hero p{opacity:.85;margin:4px 0 0;font-size:.8125rem}.admin-dashboard__hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-dashboard__hero-actions button{color:var(--color-on-brand);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:.78125rem;font-weight:700;transition:background-color .15s,transform .15s;display:inline-flex}.admin-dashboard__hero-actions button:first-child{color:var(--color-brand-navy);background:#fff;border-color:#fff}.admin-dashboard__hero-actions button:hover:not(:disabled){background:#ffffff3d;transform:translateY(-1px)}.admin-dashboard__hero-actions button:first-child:hover:not(:disabled){background:#f1f4ff}.admin-dashboard__hero-actions button:focus-visible,.admin-dashboard__stat--link:focus-visible,.admin-dashboard__session:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.admin-dashboard__hero-actions .admin-dashboard__hero-icon{padding:9px}.admin-dashboard__spin{animation:.9s linear infinite admin-dashboard-spin}@keyframes admin-dashboard-spin{to{transform:rotate(360deg)}}.admin-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;display:grid}.admin-dashboard__stat{background:var(--color-surface);border:1px solid var(--color-border);font:inherit;text-align:left;color:inherit;border-radius:16px;flex-direction:column;gap:10px;padding:18px 20px;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex;position:relative}.admin-dashboard__stat--link{cursor:pointer}.admin-dashboard__stat:hover{border-color:var(--color-navy-tint);transform:translateY(-2px);box-shadow:0 14px 30px -16px #0c12284d}.admin-dashboard__stat-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-dashboard__stat-label{color:var(--color-text-muted);font-size:.78125rem;font-weight:600}.admin-dashboard__stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 8px 16px -8px #0c122873}.admin-dashboard__stat-icon--navy{background:var(--gradient-blue)}.admin-dashboard__stat-icon--purple{background:var(--gradient-purple)}.admin-dashboard__stat-icon--orange{background:var(--gradient-orange)}.admin-dashboard__stat-icon--teal{background:var(--gradient-teal)}.admin-dashboard__stat-value{letter-spacing:-.02em;color:var(--color-text);font-size:1.875rem;font-weight:800;line-height:1.1}.admin-dashboard__stat-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-dashboard__stat-trend{border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.admin-dashboard__stat-trend--up{color:var(--color-success);background:#3fae6b24}.admin-dashboard__stat-trend--down{color:var(--color-danger);background:#c0392b1f}.admin-dashboard__stat-compare{color:var(--color-text-muted);font-size:.6875rem}.admin-dashboard__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:20px;display:grid}.admin-dashboard__grid--split{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.admin-dashboard__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;padding:20px 22px;transition:box-shadow .15s,border-color .15s;display:flex}.admin-dashboard__panel:hover{box-shadow:0 14px 34px -20px #0c12284d}.admin-dashboard__panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.admin-dashboard__panel-header h3{color:var(--color-text);align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:700;display:inline-flex}.admin-dashboard__panel-header h3 svg{color:var(--color-navy)}.admin-dashboard__panel-header button{background:var(--color-navy-tint);color:var(--color-navy);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:5px 8px 5px 10px;font-size:.71875rem;font-weight:700;transition:background-color .15s;display:inline-flex}.admin-dashboard__panel-header button:hover{background:#182b6d29}.admin-dashboard__course-list,.admin-dashboard__learner-list,.admin-dashboard__activity-list,.admin-dashboard__session-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.admin-dashboard__session-list{gap:8px}.admin-dashboard__session{border:1px solid var(--color-border);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;transition:background-color .15s,border-color .15s;display:flex}.admin-dashboard__session:hover{background:var(--color-bg);border-color:var(--color-navy-tint)}.admin-dashboard__date-tile{background:var(--color-navy-tint);width:46px;height:46px;color:var(--color-navy);border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;line-height:1.1;display:flex}.admin-dashboard__date-tile strong{font-size:1rem;font-weight:800}.admin-dashboard__date-tile span{letter-spacing:.06em;font-size:.5625rem;font-weight:700}.admin-dashboard__date-tile--live{color:var(--color-danger);background:#c0392b1f}.admin-dashboard__session-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-dashboard__session-info .admin-dashboard__course-title,.admin-dashboard__session-info .admin-dashboard__course-students{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-dashboard__live-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite admin-dashboard-pulse}@keyframes admin-dashboard-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.admin-dashboard__course-info{align-items:center;gap:10px;margin-bottom:8px;display:flex}.admin-dashboard__course-info .admin-dashboard__course-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.admin-dashboard__rank{background:var(--color-navy-tint);width:22px;height:22px;color:var(--color-navy);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:800;display:flex}.admin-dashboard__course-list li:first-child .admin-dashboard__rank{background:var(--gradient-orange);color:#fff}.admin-dashboard__course-list .admin-mini-progress__bar{height:6px}.admin-dashboard__course-list .admin-mini-progress__fill{background:linear-gradient(90deg,#2447a8,#7c5cd6)}.admin-dashboard__course-title{color:var(--color-text);font-size:.8125rem;font-weight:700}.admin-dashboard__course-students{color:var(--color-text-muted);flex-shrink:0;font-size:.71875rem}.admin-dashboard__learner-list li{align-items:center;gap:12px;display:flex}.admin-dashboard__learner-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-dashboard__activity-list{gap:0}.admin-dashboard__activity-list li{align-items:flex-start;gap:12px;padding-bottom:16px;display:flex;position:relative}.admin-dashboard__activity-list li:last-child{padding-bottom:0}.admin-dashboard__activity-list li:not(:last-child):before{content:"";background:var(--color-border);width:1px;position:absolute;top:30px;bottom:2px;left:13px}.admin-dashboard__activity-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;margin-top:1px;display:flex}.admin-dashboard__activity-icon--success{color:var(--color-success);background:#3fae6b24}.admin-dashboard__activity-icon--navy{background:var(--color-navy-tint);color:var(--color-navy)}.admin-dashboard__activity-icon--danger{color:var(--color-danger);background:#c0392b1f}.admin-dashboard__activity-icon--orange{color:var(--color-orange);background:#f2711f24}.admin-dashboard__activity-icon--muted{background:var(--color-bg);color:var(--color-text-muted)}.admin-dashboard__activity-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.admin-dashboard__activity-text{color:var(--color-text);font-size:.8125rem;line-height:1.5}.admin-dashboard__activity-text strong{font-weight:700}.admin-dashboard__skeleton{border:1px solid var(--color-border);background:linear-gradient(100deg, var(--color-surface) 30%, var(--color-bg) 50%, var(--color-surface) 70%);box-shadow:none;color:#0000;background-size:220% 100%;animation:1.4s ease-in-out infinite admin-dashboard-shimmer}@keyframes admin-dashboard-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.admin-dashboard__retry{background:var(--color-brand-navy);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;margin:0 auto;padding:9px 16px;font-size:.78125rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.admin-dashboard__skeleton,.admin-dashboard__live-dot,.admin-dashboard__spin{animation:none}.admin-dashboard__stat,.admin-dashboard__hero-actions button{transition:none}}@media (width<=960px){.admin-dashboard__grid--split{grid-template-columns:1fr}}@media (width<=860px){.admin-dashboard__grid{grid-template-columns:1fr}}@media (width<=600px){.admin-dashboard__hero{padding:20px}.admin-dashboard__hero-actions button:not(.admin-dashboard__hero-icon){flex:auto;justify-content:center}}.admin-form-modal__overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c12288c;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out admin-modal-fade;display:flex;position:fixed;inset:0}.admin-form-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:760px;max-height:90vh;animation:.18s ease-out admin-modal-pop;position:relative;overflow-y:auto;box-shadow:0 30px 70px -16px #0c122880}@keyframes admin-modal-fade{0%{opacity:0}}@keyframes admin-modal-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (prefers-reduced-motion:reduce){.admin-form-modal__overlay,.admin-form-modal{animation:none}}.admin-form-modal__header{z-index:1;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.admin-form-modal__header h2{color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:800}.admin-form-modal__close{background:var(--color-bg);width:32px;height:32px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex}.admin-form-modal__close:hover{background:var(--color-border);transform:rotate(90deg)}.admin-form-modal__close:focus-visible,.admin-form-modal__submit:focus-visible,.admin-form-modal__cancel:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.admin-form-modal__body{flex-direction:column;gap:16px;padding:22px 24px 6px;display:flex}.admin-form-modal__row{gap:14px;display:grid}.admin-form-modal__row--2{grid-template-columns:1fr 1fr}.admin-form-modal__row--3{grid-template-columns:1fr 1fr 1fr}.admin-form-modal__field{min-width:0;color:var(--color-text);flex-direction:column;gap:6px;font-size:.75rem;font-weight:700;display:flex}.admin-form-modal__field input,.admin-form-modal__field select,.admin-form-modal__field textarea{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-width:0;color:var(--color-text);text-overflow:ellipsis;border-radius:9px;outline:none;padding:10px 12px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s}.admin-form-modal__field input:hover:not(:disabled),.admin-form-modal__field select:hover:not(:disabled),.admin-form-modal__field textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.admin-form-modal__field input:focus,.admin-form-modal__field select:focus,.admin-form-modal__field textarea:focus{border-color:var(--color-navy);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-navy-tint)}.admin-form-modal__field select:disabled{opacity:.6;cursor:not-allowed}.admin-form-modal__password-wrap{position:relative}.admin-form-modal__password-wrap input{padding-right:40px}.admin-form-modal__password-toggle{width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.admin-form-modal__password-toggle:hover{background:var(--color-border);color:var(--color-text)}.admin-form-modal__field--checkbox{flex-direction:row;align-items:center;gap:8px;font-size:.78125rem;font-weight:600}.admin-form-modal__field--checkbox input{width:15px;height:15px;accent-color:var(--color-brand-navy);flex-shrink:0}.admin-form-modal__field textarea{resize:vertical;min-height:72px}.admin-form-modal__error{color:var(--color-danger);margin:0;font-size:.78125rem;font-weight:600}.admin-form-modal__hint{color:var(--color-text-muted);margin:0;font-size:.78125rem}.admin-form-modal__toggle-group{border:1px solid var(--color-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.admin-form-modal__toggle-row{background:var(--color-surface);text-align:left;cursor:pointer;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.admin-form-modal__toggle-row+.admin-form-modal__toggle-row{border-top:1px solid var(--color-border)}.admin-form-modal__toggle-row:hover:not(:disabled){background:var(--color-bg)}.admin-form-modal__toggle-row:disabled{cursor:not-allowed;opacity:.6}.admin-form-modal__students{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.admin-form-modal__students .admin-form-modal__students-head{align-items:center;gap:8px;display:flex}.admin-form-modal__students .admin-form-modal__students-head input{flex:1;width:auto}.admin-form-modal__students .admin-form-modal__students-head button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:9px;flex-shrink:0;padding:9px 12px;font-size:.75rem;font-weight:700}.admin-form-modal__students .admin-form-modal__students-head button:hover:not(:disabled){background:var(--color-bg)}.admin-form-modal__students .admin-form-modal__students-head button:disabled{opacity:.5;cursor:not-allowed}.admin-form-modal__students-list{border:1px solid var(--color-border);border-radius:10px;max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.admin-form-modal__students-list li+li{border-top:1px solid var(--color-border)}.admin-form-modal__students-list label{cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.admin-form-modal__students-list label:hover{background:var(--color-bg)}.admin-form-modal__students .admin-form-modal__students-list input[type=checkbox]{width:16px;min-width:16px;height:16px;accent-color:var(--color-brand-navy);cursor:pointer;flex-shrink:0;padding:0}.admin-form-modal__students-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);flex:1;font-size:.8125rem;overflow:hidden}.admin-form-modal__students-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted);flex-shrink:1;font-size:.71875rem;overflow:hidden}.admin-form-modal__students-empty{text-align:center;color:var(--color-text-muted);margin:0;padding:14px 8px;font-size:.78125rem}.admin-form-modal__toggle-icon{background:var(--color-navy-tint);width:36px;height:36px;color:var(--color-navy);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-form-modal__toggle-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-form-modal__toggle-label{color:var(--color-text);font-size:.84375rem;font-weight:700}.admin-form-modal__toggle-desc{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.admin-form-modal__switch{background:var(--color-border);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .15s;position:relative}.admin-form-modal__switch--on{background:var(--color-success)}.admin-form-modal__switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.admin-form-modal__switch--on .admin-form-modal__switch-knob{transform:translate(16px)}.admin-form-modal__share-link{gap:8px;display:flex}.admin-form-modal__share-link input{min-width:0;color:var(--color-text-muted);flex:1}.admin-form-modal__copy-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:.78125rem;font-weight:600;display:inline-flex}.admin-form-modal__copy-btn:hover{background:var(--color-border)}.admin-playback-video{background:#000;border-radius:10px;width:100%;max-height:70vh;display:block}.admin-form-modal__recording-link{border:1px solid var(--color-border);background:var(--color-bg);width:fit-content;color:var(--color-text);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.admin-form-modal__recording-link:hover{background:var(--color-border)}.admin-form-modal__swatches{gap:10px;display:flex}.admin-form-modal__swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0}.admin-form-modal__swatch--active{border-color:var(--color-text)}.admin-form-modal__footer{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;margin-top:6px;padding:18px 24px;display:flex;position:sticky;bottom:0}.admin-form-modal__cancel{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:10px;padding:10px 20px;font-size:.84375rem;font-weight:700}.admin-form-modal__cancel:hover{background:var(--color-bg)}.admin-form-modal__submit{background:var(--gradient-blue);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-size:.84375rem;font-weight:700;transition:filter .15s,transform .15s;box-shadow:0 8px 18px -10px #182b6dcc}.admin-form-modal__submit:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.admin-form-modal__submit--danger{background:var(--color-danger);box-shadow:0 8px 18px -10px #a8301fcc}.admin-form-modal__submit--danger:hover:not(:disabled){background:var(--color-danger);filter:brightness(1.1)}.admin-form-modal__submit:disabled,.admin-form-modal__cancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=560px){.admin-form-modal__row--2,.admin-form-modal__row--3{grid-template-columns:1fr}}.course-thumbnail-upload__picker{border:1px dashed var(--color-border);background:var(--color-bg);width:100%;height:96px;color:var(--color-text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:flex}.course-thumbnail-upload__picker:hover:not(:disabled){border-color:var(--color-navy);color:var(--color-navy)}.course-thumbnail-upload__picker:disabled{opacity:.6;cursor:default}.course-thumbnail-upload__preview{width:100%;max-width:220px;position:relative}.course-thumbnail-upload__preview img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--color-border);border-radius:10px;width:100%;display:block}.course-thumbnail-upload__remove{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-danger);cursor:pointer;border-radius:8px;margin-top:8px;padding:6px 12px;font-size:.75rem;font-weight:700}.course-thumbnail-upload__remove:hover{border-color:var(--color-danger);background:#c0392b1a}.course-view__body{flex-direction:column;gap:2px;padding:22px 24px 6px;display:flex}.course-view__row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-size:.8125rem;display:flex}.course-view__row:last-of-type{border-bottom:none}.course-view__row span{color:var(--color-text-muted);font-weight:600}.course-view__row strong{color:var(--color-text);text-align:right;font-weight:700}.course-view__block{margin-top:14px}.course-view__block span{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px;font-size:.6875rem;font-weight:700;display:block}.course-view__block p{color:var(--color-text);margin:0;font-size:.8125rem;line-height:1.6}.rich-text-editor{border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;font-weight:400;overflow:hidden}.rich-text-editor:focus-within{border-color:var(--color-navy)}.rich-text-editor__toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:2px;padding:6px;display:flex}.rich-text-editor__toolbar button{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rich-text-editor__toolbar button:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.rich-text-editor__toolbar button.is-active{background:var(--color-navy-tint);color:var(--color-navy)}.rich-text-editor__toolbar button:disabled{opacity:.35;cursor:default}.rich-text-editor__heading{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:6px;outline:none;margin:0 4px;padding:5px 8px;font-family:inherit;font-size:.75rem;font-weight:600}.rich-text-editor__divider{background:var(--color-border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.rich-text-editor__area{max-height:460px;overflow-y:auto}.rich-text-editor__inner{min-height:260px;color:var(--color-text);cursor:text;outline:none;padding:14px 16px;font-size:.8125rem;line-height:1.65}.rich-text-editor__inner p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--color-text-muted);pointer-events:none}.rich-text-editor__inner p{margin:0 0 10px}.rich-text-editor__inner p:last-child{margin-bottom:0}.rich-text-editor__inner ul,.rich-text-editor__inner ol{margin:0 0 10px;padding-left:22px}.rich-text-editor__inner ul{list-style:outside}.rich-text-editor__inner ol{list-style:decimal}.rich-text-editor__inner li{margin:0 0 4px}.rich-text-editor__inner h1,.rich-text-editor__inner h2,.rich-text-editor__inner h3{color:var(--color-text);margin:0 0 10px;font-weight:800;line-height:1.3}.rich-text-editor__inner h1{font-size:1.375rem}.rich-text-editor__inner h2{font-size:1.125rem}.rich-text-editor__inner h3{font-size:.9375rem}.rich-text-editor__inner a{color:var(--color-navy);text-decoration:underline}.rich-text-editor__inner blockquote{border-left:3px solid var(--color-border);color:var(--color-text-muted);margin:0 0 10px;padding-left:14px}.rich-text-editor__inner img{border-radius:8px;max-width:100%;margin:6px 0}.rich-text-editor__inner div[data-youtube-video]{margin:10px 0}.rich-text-editor__inner iframe{border:none;border-radius:8px;max-width:100%}.rich-text-editor__inner .tableWrapper{margin:10px 0;overflow-x:auto}.rich-text-editor__inner table{border-collapse:collapse;table-layout:fixed;width:100%}.rich-text-editor__inner td,.rich-text-editor__inner th{border:1px solid var(--color-border);vertical-align:top;min-width:60px;padding:6px 8px}.rich-text-editor__inner th{background:var(--color-bg);text-align:left;font-weight:700}.lesson-video-upload{margin-bottom:10px}.lesson-video-upload__btn{border:1px dashed var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.8125rem;font-weight:600;display:flex}.lesson-video-upload__btn:hover:not(:disabled){border-color:var(--color-navy);color:var(--color-navy)}.lesson-video-upload__btn:disabled{cursor:default}.lesson-video-upload__bar{background:var(--color-border);border-radius:4px;height:5px;margin-top:8px;overflow:hidden}.lesson-video-upload__bar-fill{background:var(--color-navy);border-radius:4px;height:100%;transition:width .15s}.lesson-video-upload__hint{color:var(--color-text-muted);margin:6px 0 0;font-size:.71875rem}.admin-form-modal--wide{max-width:960px}.curriculum-modules{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.curriculum-module{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;padding:14px}.curriculum-module__header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.curriculum-module__title{color:var(--color-text);font-size:.84375rem;font-weight:700}.curriculum-module__delete{border:1px solid var(--color-border);background:var(--color-surface);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.curriculum-module__delete:hover{border-color:var(--color-danger);color:var(--color-danger);background:#c0392b1a}.curriculum-lesson-list{flex-direction:column;gap:4px;margin:0 0 10px;padding:0;list-style:none;display:flex}.curriculum-lesson-list li{background:var(--color-surface);color:var(--color-text-muted);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.curriculum-lesson-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.curriculum-lesson-title{color:var(--color-text);font-size:.78125rem}.curriculum-lesson-desc{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.curriculum-lesson-duration{color:var(--color-text-muted);font-size:.6875rem}.curriculum-lesson-list li button{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.curriculum-lesson-list li button:hover{color:var(--color-danger);background:#c0392b1a}.curriculum-add-lesson-btn{border:1px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.curriculum-add-lesson-btn:hover{border-color:var(--color-navy);color:var(--color-navy)}.curriculum-module-form{gap:8px;display:flex}.curriculum-module-form input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:9px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:.8125rem}.curriculum-module-form input:focus{border-color:var(--color-navy)}.curriculum-module-form button{background:var(--color-brand-navy);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-size:.78125rem;font-weight:700;display:flex}.curriculum-module-form button:hover:not(:disabled){background:var(--color-brand-navy-dark)}.curriculum-module-form button:disabled{opacity:.5;cursor:default}@media (width<=560px){.curriculum-module-form{flex-wrap:wrap}}.taxonomy-show-archived{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:8px;margin-bottom:18px;font-size:.78125rem;font-weight:600;display:flex}.taxonomy-show-archived input{width:15px;height:15px;accent-color:var(--color-brand-navy);cursor:pointer;flex-shrink:0}.taxonomy-section{margin-bottom:22px}.taxonomy-section:last-child{margin-bottom:0}.taxonomy-section h3{color:var(--color-text);margin:0 0 10px;font-size:.78125rem;font-weight:700}.taxonomy-list{flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.taxonomy-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;padding:2px;display:flex}.taxonomy-chip--selected{background:var(--color-surface);border-color:var(--color-navy);border-radius:12px}.taxonomy-chip--archived{opacity:.75;background:0 0;border-style:dashed}.taxonomy-chip__label{color:var(--color-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:600;display:inline-flex}.taxonomy-chip__badge{background:var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:1px 7px;font-size:.59375rem;font-weight:700}.taxonomy-chip__actions{align-items:center;gap:4px;padding-right:4px;display:flex}.taxonomy-chip__icon-btn{background:var(--color-bg);color:var(--color-text);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-family:inherit;font-size:.6875rem;font-weight:700;display:inline-flex}.taxonomy-chip__icon-btn:hover:not(:disabled){background:var(--color-navy-tint);color:var(--color-navy)}.taxonomy-chip__icon-btn:disabled{opacity:.5;cursor:default}.taxonomy-chip__icon-btn--danger:hover:not(:disabled){color:var(--color-danger);background:#c0392b1f}.taxonomy-chip__icon-btn--save{background:var(--color-brand-navy);color:var(--color-on-brand);padding:5px}.taxonomy-chip__icon-btn--save:hover:not(:disabled){background:var(--color-brand-navy-dark);color:var(--color-on-brand)}.taxonomy-chip--editing{background:0 0;border:none;padding:0}.taxonomy-edit-form{align-items:center;gap:6px;display:flex}.taxonomy-edit-form input{border:1px solid var(--color-navy);background:var(--color-surface);color:var(--color-text);border-radius:999px;outline:none;width:140px;padding:6px 10px;font-family:inherit;font-size:.75rem}.taxonomy-edit-form .taxonomy-chip__icon-btn{padding:6px}.taxonomy-form{gap:8px;display:flex}.taxonomy-form input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:9px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:.8125rem}.taxonomy-form input:focus{border-color:var(--color-navy)}.taxonomy-form button{background:var(--color-brand-navy);width:36px;color:var(--color-on-brand);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.taxonomy-form button:hover:not(:disabled){background:var(--color-brand-navy-dark)}.taxonomy-form button:disabled{opacity:.5;cursor:default}@media (width<=560px){.taxonomy-form{flex-wrap:wrap}.taxonomy-form button{width:100%}}.admin-course-preview__overlay{z-index:200;background:var(--color-bg);padding:24px;position:fixed;inset:0;overflow-y:auto}.admin-course-preview{max-width:1400px;margin:0 auto}.lesson-article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:48px 56px 56px}.lesson-article__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-orange);margin:0 0 14px;font-size:.6875rem;font-weight:700}.lesson-article__title{color:var(--color-text);max-width:720px;margin:0 0 16px;font-size:1.625rem;font-weight:800;line-height:1.3}.lesson-article__dek{color:var(--color-text-muted);max-width:720px;margin:0;font-size:.9375rem;line-height:1.65}.lesson-article__divider{background:var(--color-border);height:1px;margin:28px 0}.lesson-article__meta{color:var(--color-text-muted);margin:-12px 0 24px;font-size:.75rem;font-weight:600}.lesson-article__content{color:var(--color-text);max-width:720px;font-size:.96875rem;line-height:1.85}.lesson-article__content p{margin:0 0 18px}.lesson-article__content p:last-child{margin-bottom:0}.lesson-article__content ul,.lesson-article__content ol{margin:0 0 18px;padding-left:24px}.lesson-article__content ul{list-style:outside}.lesson-article__content ol{list-style:decimal}.lesson-article__content li{margin:0 0 8px}.lesson-article__content h1,.lesson-article__content h2,.lesson-article__content h3{color:var(--color-text);margin:28px 0 14px;line-height:1.35}.lesson-article__content h1:first-child,.lesson-article__content h2:first-child,.lesson-article__content h3:first-child{margin-top:0}.lesson-article__content blockquote{border-left:3px solid var(--color-navy);color:var(--color-text);margin:0 0 18px;padding:2px 20px;font-style:italic}.lesson-article__content img{border-radius:10px;max-width:100%;margin:6px 0 18px}.lesson-article__content table{border-collapse:collapse;width:100%;margin:0 0 18px}.lesson-article__content td,.lesson-article__content th{border:1px solid var(--color-border);color:var(--color-text);padding:8px 10px}.lesson-article__empty{padding:8px 0 0}@media (width<=640px){.lesson-article{border-radius:14px;padding:28px 22px}.lesson-article__title{font-size:1.3125rem}.lesson-article__content{font-size:.90625rem}}.admin-payments__stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.admin-payments__stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.admin-payments__stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.admin-payments__stat-icon--navy{background:var(--color-navy-tint);color:var(--color-navy)}.admin-payments__stat-icon--purple{color:#7c5cd6;background:#7c5cd624}.admin-payments__stat-icon--orange{color:var(--color-orange);background:#f2711f24}.admin-payments__stat-icon--teal{color:#1fa39a;background:#1fa39a29}.admin-payments__stat-value{color:var(--color-text);font-size:1.1875rem;font-weight:800;line-height:1.2;display:block}.admin-payments__stat-label{color:var(--color-text-muted);font-size:.6875rem;display:block}.admin-payments__filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.admin-payments__filter{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:20px;padding:7px 14px;font-size:.75rem;font-weight:700;transition:background .15s,color .15s,border-color .15s}.admin-payments__filter:hover{background:var(--color-bg)}.admin-payments__filter--active{border-color:var(--color-navy);background:var(--color-navy-tint);color:var(--color-navy)}.admin-payments__amount{white-space:nowrap;font-weight:700}.admin-payments__amount--topup{color:var(--color-success)}.admin-payments__amount--purchase{color:var(--color-text)}.trainer-session-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.trainer-session-list li{align-items:center;gap:12px;display:flex}.trainer-session-list__info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.trainer-session-list__title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.78125rem;font-weight:700;overflow:hidden}.trainer-session-list__meta{color:var(--color-text-muted);font-size:.6875rem}.trainer-join-btn{background:var(--color-brand-navy);color:var(--color-on-brand);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.trainer-join-btn:hover{background:var(--color-brand-navy-dark)}.trainer-join-btn--live{background:var(--color-danger)}.trainer-join-btn--live:hover{background:var(--color-danger);opacity:.9}.trainer-progress{align-items:center;gap:8px;min-width:110px;display:flex}.trainer-progress__bar{background:var(--color-border);border-radius:99px;flex:1;height:6px;overflow:hidden}.trainer-progress__fill{background:var(--color-success);border-radius:99px;height:100%}.trainer-progress__label{color:var(--color-text-muted);font-size:.6875rem;font-weight:700}.trainer-modal-table-wrap{max-height:55vh;overflow:auto}.trainer-profile{flex-direction:column;gap:16px;max-width:640px;display:flex}.trainer-profile__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px 22px}.trainer-profile__card h3{color:var(--color-text);margin:0 0 14px;font-size:.84375rem;font-weight:700}.trainer-profile__row{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:8px 0;font-size:.8125rem;display:flex}.trainer-profile__row:last-child{border-bottom:none}.trainer-profile__row dt{color:var(--color-text-muted)}.trainer-profile__row dd{color:var(--color-text);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}