:root{--font-heading:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Noto Sans Thai", "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Noto Sans Thai", "Segoe UI", sans-serif;--font-mono:"SF Mono", ui-monospace, "Cascadia Code", monospace;--bg-main:#fbfbfd;--bg-elevated:#fff;--bg-secondary:#f5f5f7;--bg-card:#fff;--bg-card-hover:#fafafa;--border-color:#00000014;--border-strong:#00000024;--border-color-glow:var(--border-strong);--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#6e6e73;--accent:#0071e3;--accent-soft:#0071e31a;--accent-cyan:var(--accent);--accent-purple:#6e56cf;--accent-emerald:#248a3d;--accent-amber:#bf4800;--accent-rose:#d70015;--gradient-card:linear-gradient(180deg, #fff, #fafafa);--glow-cyan:none;--glow-purple:none;--shadow-soft:0 2px 16px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:980px;--header-bg:#fbfbfdcc;--clip-sm:none;--clip-md:none;--clip-lg:none;--transition-smooth:color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;--z-bg:0;--z-content:1;--z-sticky:50;--z-modal:100}*{box-sizing:border-box;margin:0;padding:0}body,body.body-landing{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.65;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-bg{z-index:var(--z-bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-bg__grid{background-image:linear-gradient(oklch(82% .19 195/.05) 1px,#0000 1px),linear-gradient(90deg,oklch(82% .19 195/.05) 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 20%,#000 15%,#0000 72%);mask-image:radial-gradient(90% 70% at 50% 20%,#000 15%,#0000 72%)}.app-bg__glow{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.app-bg__glow--cyan{background:oklch(72% .2 195/.3);width:min(50vw,480px);height:min(50vw,480px);top:-5%;right:-5%}.app-bg__glow--violet{background:oklch(55% .22 290/.22);width:min(40vw,380px);height:min(40vw,380px);bottom:5%;left:-8%}.app-bg__scan{opacity:.35;background:repeating-linear-gradient(0deg,#0000,#0000 2px,oklch(97% .01 265/.015) 2px 3px);position:absolute;inset:0}.app-container>:not(.app-bg){z-index:var(--z-content);position:relative}.main-content{flex-grow:1;width:100%;max-width:980px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,4vw,2rem);animation:.6s cubic-bezier(.22,1,.36,1) fadeIn}html[data-route=landing] .main-content{max-width:none;padding:0;animation:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{z-index:var(--z-sticky);background:var(--header-bg,#fbfbfdcc);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border-color);padding:.65rem clamp(1rem,3vw,2rem);position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;gap:1rem;max-width:980px;margin:0 auto;display:flex}.logo-container{color:var(--text-primary);align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:var(--accent-cyan);width:2.25rem;height:2.25rem;color:var(--bg-main);box-shadow:var(--glow-cyan);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.logo-text{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.nav-links{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav-panel{flex:1;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.nav-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.nav-user{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav-user__email{font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:.8rem;overflow:hidden}.nav-mobile-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;z-index:1;min-width:44px;min-height:44px;padding:.5rem;display:none;position:relative}.nav-mobile-toggle__bars,.nav-mobile-toggle__bars:before,.nav-mobile-toggle__bars:after{background:var(--text-primary);border-radius:1px;width:1.25rem;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-mobile-toggle__bars{position:relative}.nav-mobile-toggle__bars:before,.nav-mobile-toggle__bars:after{content:"";position:absolute;left:0}.nav-mobile-toggle__bars:before{top:-6px}.nav-mobile-toggle__bars:after{top:6px}.nav-mobile-toggle--open .nav-mobile-toggle__bars{background:0 0}.nav-mobile-toggle--open .nav-mobile-toggle__bars:before{top:0;transform:rotate(45deg)}.nav-mobile-toggle--open .nav-mobile-toggle__bars:after{top:0;transform:rotate(-45deg)}.nav-backdrop,.nav-drawer,.nav-drawer-backdrop,.nav-drawer__head{display:none}.nav-actions__tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav-actions__signin{justify-content:center;width:100%}.lang-switch{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);gap:2px;padding:2px;display:inline-flex}.lang-switch__btn{min-width:44px;min-height:36px;color:var(--text-muted);font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:.35rem .65rem;font-size:.8rem;font-weight:700}.lang-switch__btn:hover{color:var(--text-primary)}.lang-switch__btn--active{background:var(--accent-cyan);color:#fff;box-shadow:none}.lang-switch__btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:1px}.breadcrumbs{margin-bottom:1.25rem}.breadcrumbs ol{font-family:var(--font-body);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.875rem;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--text-muted);margin-left:.5rem}.breadcrumbs a{color:var(--text-secondary);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-cyan)}.page-header--compact h1{font-size:clamp(1.35rem,3vw,1.75rem)}.page-toolbar__actions{flex-wrap:wrap;align-self:center;align-items:center;gap:.75rem;margin-left:auto;display:flex}.flash-message{color:var(--accent-emerald);border-radius:var(--radius-sm);border:1px solid oklch(75% .18 155/.3);padding:.4rem .75rem;font-size:.85rem}.section-title{margin-bottom:1.25rem;font-size:1.25rem}.course-card-actions{flex-direction:column;gap:.65rem;margin-top:1rem;display:flex}.course-overview-link{text-align:center;color:var(--accent-blue);font-size:.875rem;font-weight:500;text-decoration:none;display:block}.course-overview-link:hover{text-decoration:underline}.course-overview-page{max-width:960px}.course-overview-layout{grid-template-columns:1fr 280px;align-items:start;gap:1.5rem;display:grid}.course-overview-main{flex-direction:column;gap:1.25rem;display:flex}.course-overview-section{padding:1.5rem}.course-overview-body{white-space:pre-line;color:var(--text-secondary);font-size:.95rem;line-height:1.65}.course-overview-lessons{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.course-overview-lessons li{align-items:baseline;gap:.75rem;font-size:.92rem;display:flex}.course-overview-lesson-num{border-radius:var(--radius-sm);background:var(--bg-subtle);width:1.75rem;height:1.75rem;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:inline-flex}.course-overview-includes{color:var(--text-secondary);flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;font-size:.92rem;display:flex}.course-overview-sidebar{padding:1.5rem;position:sticky;top:5rem}.course-overview-sidebar-header{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.course-overview-price{margin-bottom:.5rem}.course-overview-lesson-count{color:var(--text-muted);margin:0 0 1.25rem;font-size:.85rem}.course-overview-actions{flex-direction:column;gap:.65rem;display:flex}.course-overview-admin-link{text-align:center;color:var(--text-muted);font-size:.8rem;text-decoration:none}.course-overview-admin-link:hover{color:var(--accent-blue);text-decoration:underline}@media (width<=768px){.course-overview-layout{grid-template-columns:1fr}.course-overview-sidebar{position:static}.nav-mobile-toggle{z-index:calc(var(--z-modal) + 2);justify-content:center;align-items:center;display:inline-flex}.app-header--menu-open{z-index:calc(var(--z-modal) + 1);-webkit-backdrop-filter:none}.nav-drawer-backdrop{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;cursor:pointer;background:oklch(4% .02 265/.45);border:0;margin:0;padding:0;transition:opacity .25s;display:block;position:fixed;inset:0}.nav-drawer-backdrop--visible{opacity:1;pointer-events:auto}.nav-drawer{z-index:calc(var(--z-modal) + 1);width:min(100vw - 2.5rem,320px);max-width:100%;height:100dvh;padding:0 1rem max(1.25rem, env(safe-area-inset-bottom));padding-top:max(.75rem, env(safe-area-inset-top));background:var(--bg-elevated);border-left:1px solid var(--border-color);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility .28s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-12px 0 40px oklch(4% .02 265/.25)}.nav-drawer--open{visibility:visible;pointer-events:auto;transform:translate(0,0)}.nav-drawer__head{flex-shrink:0;justify-content:flex-end;align-items:center;padding:.35rem 0 .75rem;display:flex}.nav-drawer__close{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;place-items:center;font-size:1.35rem;line-height:1;display:grid}.nav-drawer__close:hover{border-color:var(--border-strong)}.nav-drawer .nav-links{flex-direction:column;flex-shrink:0;align-items:stretch;gap:.2rem}.nav-drawer .nav-link{border-radius:var(--radius-sm);justify-content:flex-start;width:100%}.nav-drawer .nav-actions{border-top:1px solid var(--border-color);flex-direction:column;align-items:stretch;gap:1rem;margin-top:auto;padding-top:1rem}.nav-drawer .nav-actions__tools{width:100%}.nav-drawer .nav-actions__tools .lang-switch{flex:1}.nav-drawer .nav-actions__tools .theme-toggle{flex:1;justify-content:center}.nav-drawer .nav-user{flex-direction:column;align-items:stretch;gap:.65rem}.nav-drawer .nav-user__email{text-align:center;max-width:none}.nav-drawer .nav-user .btn,.nav-drawer .nav-actions__signin{width:100%}}.nav-link{color:var(--text-secondary);border-radius:var(--radius-pill);min-height:44px;transition:var(--transition-smooth);border:1px solid #0000;align-items:center;padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--text-primary);background:var(--accent-soft);border-color:var(--border-color)}.nav-link.active{color:var(--accent-cyan);background:var(--accent-soft);border-color:var(--border-color);box-shadow:none}.nav-link:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;text-wrap:balance;margin-bottom:1rem;font-weight:700}h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}p{color:var(--text-secondary);text-wrap:pretty;margin-bottom:1.25rem}.page-header{margin-bottom:clamp(1.5rem,4vw,3rem)}.page-header h1{margin-bottom:.5rem}.main-content:not(.main-content--landing){background:0 0}.page-header p{max-width:55ch;color:var(--text-secondary);margin-bottom:0}.restricted-panel{text-align:center;max-width:480px;margin:2rem auto}.page-kicker{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--accent-cyan);margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:inline-block}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.page-toolbar .page-header{flex:360px;min-width:0;margin-bottom:0}html[data-route=admin] .nav-content,html[data-route=admin] .main-content,.app-container--admin .nav-content,.app-container--admin .main-content{max-width:1280px}.main-content--admin{width:100%}.main-content--instructor{max-width:none;padding:0}html[data-route=admin] .main-content--instructor,.app-container--admin .main-content--instructor{max-width:none}.admin-page{width:100%;min-width:0}.admin-course-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:1.5rem;width:100%;margin-bottom:4rem;display:grid}.admin-course-list,.admin-course-editor{min-width:0}@media (width<=960px){.admin-course-layout{grid-template-columns:1fr}.page-toolbar__actions{width:100%;margin-left:0}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:var(--transition-smooth);padding:1.5rem}.session-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1.1rem 1.5rem;display:flex}.session-bar code{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.88rem}.status-badge{border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700;font-family:var(--font-mono);align-items:center;gap:.5rem;padding:.35rem .75rem;display:inline-flex}.status-badge.live{color:var(--accent-emerald);background:oklch(75% .18 155/.12);border:1px solid oklch(75% .18 155/.3)}.status-badge.mock{color:var(--accent-amber);background:oklch(84% .14 85/.12);border:1px solid oklch(84% .14 85/.3)}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-badge.live .status-dot{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:2s ease-out infinite pulse}.status-badge.mock .status-dot{background:var(--accent-amber)}.status-badge.instructor{color:var(--accent-purple);background:oklch(68% .22 290/.15);border:1px solid oklch(68% .22 290/.35)}.status-badge.locked{color:var(--accent-rose);background:oklch(65% .22 25/.1);border:1px solid oklch(65% .22 25/.25)}.btn{border-radius:var(--radius-pill);min-height:44px;font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.btn-primary{background:var(--accent-cyan);color:#fff;box-shadow:none}.btn-primary:hover{box-shadow:none;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-card-hover);box-shadow:none}.btn-danger{color:var(--accent-rose);background:oklch(65% .22 25/.12);border-color:oklch(65% .22 25/.35)}.btn-ghost{color:var(--accent);border-color:var(--border-color);background:0 0}.btn-ghost:hover{color:var(--accent);background:var(--accent-soft,#0071e31a);border-color:var(--border-color);box-shadow:none}.btn-lg{padding:.9rem 1.75rem;font-size:1rem}.btn-sm{min-height:40px;padding:.5rem 1rem;font-size:.85rem}.btn-block{width:100%}.btn-dashed{border-style:dashed}.btn-google{background:var(--bg-elevated);border-color:var(--border-strong);width:100%;margin-bottom:0;padding:.9rem 1.5rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-input{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-strong);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);padding:.75rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 4px var(--accent-soft,#0071e31a);outline:none}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.app-footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;font-family:var(--font-body);letter-spacing:0;background:var(--bg-secondary);padding:1.5rem 2rem}.app-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:980px;margin:0 auto;display:flex}.app-footer__nav{gap:1.25rem;display:flex}.app-footer__nav a{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.app-footer__nav a:hover{color:var(--accent-cyan)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.main-content,.status-badge.live .status-dot{animation:none}.nav-drawer,.nav-drawer-backdrop,.nav-mobile-toggle__bars,.nav-mobile-toggle__bars:before,.nav-mobile-toggle__bars:after{transition:none}}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.spinner-sm{border-width:2px;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.alert-info{background:var(--accent-soft);border-color:var(--border-color-glow);color:var(--text-primary)}.alert-warning{color:var(--text-primary);background:oklch(84% .14 85/.08);border-color:oklch(84% .14 85/.25)}.alert-message{font-size:.9rem}.item-list{flex-direction:column;gap:1rem;max-height:500px;padding-right:.5rem;display:flex;overflow-y:auto}.item-list::-webkit-scrollbar{width:5px}.item-list::-webkit-scrollbar-track{background:0 0}.item-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.list-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:1rem;display:flex}.list-item:hover{border-color:var(--border-strong)}.list-item-content h4{margin-bottom:.25rem;font-size:1.05rem}.list-item-content p{margin-bottom:0;font-size:.9rem}.list-item-time{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:3rem 1.5rem}.center-panel{justify-content:center;padding:clamp(4rem,12vw,8rem);display:flex}.restricted-panel{text-align:center;max-width:600px;margin:4rem auto;padding:2.5rem}.restricted-panel h1{color:var(--accent-rose);font-size:2rem}.login-wrapper{justify-content:center;align-items:center;width:100%;max-width:450px;margin:0 auto;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-soft);text-align:center;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem)}.login-card__brand{margin-bottom:2.5rem}.login-card__subtitle{color:var(--text-muted);margin-bottom:0;font-size:.88rem}.login-divider{border-top:1px solid var(--border-color);padding-top:1.5rem}.login-divider__label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;margin-bottom:1rem;font-size:.75rem}.login-profile-toggle{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.catalog-banner{background:var(--accent-soft,#0071e31a);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.catalog-banner h3{margin-bottom:.35rem;font-size:1.15rem}.catalog-banner p{max-width:36rem;margin-bottom:0;font-size:.92rem}.course-card{flex-direction:column;height:100%;display:flex}.course-card-body{flex-direction:column;flex-grow:1;justify-content:space-between;margin-top:1rem;display:flex}.course-meta{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}.course-badge{font-family:var(--font-body);text-transform:none;border-radius:var(--radius-pill);letter-spacing:0;padding:.25rem .55rem;font-size:.75rem;font-weight:600}.course-badge.gold-tier{color:var(--accent-amber);background:oklch(84% .14 85/.15);border:1px solid oklch(84% .14 85/.35)}.course-badge.premium{background:var(--accent-cyan);color:#fff}.course-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.course-id{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;font-weight:700}.course-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.course-price-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;display:block}.course-price{font-family:var(--font-mono);color:var(--text-primary);font-size:1.3rem;font-weight:700}.section-block{margin-bottom:4rem}.stat-card{text-align:left}.stat-card__icon{font-size:1.5rem;line-height:1}.stat-card__label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:.5rem;margin-bottom:0;font-size:.75rem}.stat-card__value{font-size:clamp(1.75rem,4vw,2.5rem);font-family:var(--font-mono);margin:.25rem 0 0}.player-layout{grid-template-columns:1.8fr 1.2fr;gap:2rem;margin-top:1rem;display:grid}@media (width<=992px){.player-layout{grid-template-columns:1fr}}.video-player-container{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);aspect-ratio:16/9;box-shadow:var(--shadow-soft);margin-bottom:1.5rem;position:relative;overflow:hidden}.video-iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-native{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.app-container--viewer,.main-content--viewer{max-width:none;min-height:100dvh;margin:0;padding:0}html[data-route=viewer]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-route=viewer] body{color:oklch(97% .01 265)!important;background:oklch(8% .035 265)!important}.vertical-viewer{--viewer-void:oklch(8% .035 265);--viewer-surface:oklch(12% .04 265/.88);--viewer-raised:oklch(15% .045 265/.92);--viewer-ink:oklch(97% .01 265);--viewer-ink-secondary:oklch(82% .025 265);--viewer-ink-muted:oklch(68% .03 265);--viewer-signal:oklch(82% .19 195);--viewer-violet:oklch(68% .22 290);--viewer-emerald:oklch(75% .18 155);--viewer-border:oklch(82% .19 195/.18);--viewer-border-glow:oklch(82% .19 195/.45);--viewer-glow:0 0 24px oklch(82% .19 195/.35);background:var(--viewer-void);width:100%;height:100dvh;color:var(--viewer-ink);isolation:isolate;position:relative;overflow:hidden}.vertical-viewer__atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vertical-viewer__grid{background-image:linear-gradient(oklch(82% .19 195/.06) 1px,#0000 1px),linear-gradient(90deg,oklch(82% .19 195/.06) 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 65% at 50% 35%,#000 10%,#0000 75%);mask-image:radial-gradient(85% 65% at 50% 35%,#000 10%,#0000 75%)}.vertical-viewer__glow{filter:blur(90px);opacity:.45;border-radius:50%;position:absolute}.vertical-viewer__glow--cyan{background:oklch(72% .2 195/.28);width:min(55vw,420px);height:min(55vw,420px);top:-8%;right:-10%}.vertical-viewer__glow--violet{background:oklch(55% .22 290/.22);width:min(45vw,340px);height:min(45vw,340px);bottom:8%;left:-12%}.vertical-viewer--loading,.vertical-viewer--restricted{place-items:center;display:grid}.vertical-viewer__loading-panel,.vertical-viewer__restricted-panel{z-index:2;text-align:center;max-width:28rem;padding:2rem;position:relative}.vertical-viewer__loading-panel p,.vertical-viewer__restricted-panel p{color:var(--viewer-ink-secondary);margin-top:1rem;line-height:1.6}.vertical-viewer__restricted-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--viewer-signal);margin:0 0 .5rem;font-size:.72rem;font-weight:600}.vertical-viewer__restricted-panel h1{text-wrap:balance;margin:0;font-size:clamp(1.35rem,4vw,1.85rem);line-height:1.2}.vertical-viewer__restricted-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.vertical-viewer__topbar{z-index:20;padding:max(.85rem, env(safe-area-inset-top)) 1rem .65rem;background:linear-gradient(oklch(8% .035 265/.92),#0000);align-items:center;gap:.65rem;display:flex;position:absolute;top:0;left:0;right:0}.vertical-viewer__back,.vertical-viewer__info{border:1px solid var(--viewer-border);color:var(--viewer-ink);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:oklch(12% .04 265/.72);justify-content:center;align-items:center;gap:.35rem;min-width:2.5rem;min-height:2.5rem;padding:.45rem .75rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:border-color .2s,box-shadow .2s,background .2s;display:inline-flex}.vertical-viewer__back:hover,.vertical-viewer__info:hover{border-color:var(--viewer-border-glow);box-shadow:var(--viewer-glow)}.vertical-viewer__back:focus-visible,.vertical-viewer__info:focus-visible{outline:2px solid var(--viewer-signal);outline-offset:2px}.vertical-viewer__back span{display:none}@media (width>=480px){.vertical-viewer__back span{display:inline}}.vertical-viewer__info{padding:0}.vertical-viewer__topbar-meta{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.vertical-viewer__course{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--viewer-ink-secondary);flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.vertical-viewer__progress-ring{--viewer-progress:0;flex-shrink:0;width:2.35rem;height:2.35rem;position:relative}.vertical-viewer__progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.vertical-viewer__progress-ring-track{fill:none;stroke:oklch(82% .19 195/.15);stroke-width:2.5px}.vertical-viewer__progress-ring-fill{fill:none;stroke:var(--viewer-signal);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:calc(97.4 - (97.4 * var(--viewer-progress)) / 100);filter:drop-shadow(0 0 4px oklch(82% .19 195/.5));transition:stroke-dashoffset .35s}.vertical-viewer__progress-ring span{font-family:var(--font-mono);color:var(--viewer-ink);place-items:center;font-size:.58rem;font-weight:700;display:grid;position:absolute;inset:0}.vertical-viewer__progress-track{z-index:21;background:oklch(82% .19 195/.12);height:2px;position:absolute;top:0;left:0;right:0}.vertical-viewer__progress-track span{background:linear-gradient(90deg, var(--viewer-violet), var(--viewer-signal));height:100%;transition:width .35s;display:block;box-shadow:0 0 12px oklch(82% .19 195/.55)}.vertical-viewer__feed{z-index:1;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:none;height:100dvh;position:relative;overflow-y:auto}.vertical-viewer__feed::-webkit-scrollbar{display:none}.vertical-slide{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;position:relative}.vertical-slide__stage{background:var(--viewer-void);position:absolute;inset:0}.vertical-slide__media{background:radial-gradient(ellipse 80% 60% at 50% 40%, oklch(14% .04 265/.6), var(--viewer-void));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vertical-slide__video,.vertical-slide__iframe{background:#000;border:0;width:100%;height:100%}.vertical-slide__video{object-fit:contain}.vertical-slide__iframe{position:absolute;inset:0}.vertical-slide__gradient{pointer-events:none;background:linear-gradient(#0000 0%,oklch(8% .035 265/.55) 55%,oklch(8% .035 265/.95) 100%);height:52%;position:absolute;inset:auto 0 0}.vertical-slide__rail{right:max(.75rem, env(safe-area-inset-right));bottom:calc(8.5rem + env(safe-area-inset-bottom));z-index:12;flex-direction:column;gap:.55rem;display:flex;position:absolute}.vertical-rail-btn{border-radius:var(--radius-sm);border:1px solid var(--viewer-border);width:3rem;min-height:3rem;color:var(--viewer-ink);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(10% .04 265/.72);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.35rem .25rem;font-size:.72rem;transition:border-color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.vertical-rail-btn:disabled{opacity:.35;cursor:default}.vertical-rail-btn:not(:disabled):hover{border-color:var(--viewer-border-glow);transform:translateY(-1px)}.vertical-rail-btn.is-active{border-color:var(--viewer-signal);box-shadow:var(--viewer-glow);color:var(--viewer-signal)}.vertical-rail-btn.is-done{color:var(--viewer-emerald);border-color:oklch(75% .18 155/.55)}.vertical-rail-btn__num{font-family:var(--font-mono);font-size:.78rem;font-weight:700}.vertical-rail-btn__label{letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;font-weight:600;line-height:1.1;display:none;overflow:hidden}@media (width>=768px){.vertical-slide__rail{bottom:calc(7.5rem + env(safe-area-inset-bottom))}.vertical-rail-btn{width:3.35rem}.vertical-rail-btn__label{display:block}}.vertical-slide__footer{z-index:11;padding:0 1.1rem calc(1.35rem + env(safe-area-inset-bottom));position:absolute;bottom:0;left:0;right:4.25rem}.vertical-slide__dots{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.vertical-slide__dots span{background:oklch(82% .19 195/.2);border-radius:999px;width:.45rem;height:.45rem;transition:background .2s,transform .2s,box-shadow .2s}.vertical-slide__dots span.is-active{background:var(--viewer-signal);transform:scale(1.15);box-shadow:0 0 8px oklch(82% .19 195/.6)}.vertical-slide__dots span.is-done{background:var(--viewer-emerald)}.vertical-slide__kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--viewer-signal);margin:0;font-size:.68rem;font-weight:600}.vertical-slide__title{letter-spacing:-.02em;text-wrap:balance;color:var(--viewer-ink);margin:.4rem 0 0;font-size:clamp(1.15rem,4.2vw,1.65rem);font-weight:700;line-height:1.22}.vertical-slide__hint{color:var(--viewer-ink-muted);align-items:center;gap:.35rem;margin:.65rem 0 0;font-size:.78rem;display:inline-flex}@media (prefers-reduced-motion:no-preference){.vertical-slide__hint svg{animation:2.4s ease-in-out infinite viewer-bounce}}@keyframes viewer-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.vertical-slide__hint svg{animation:none}.vertical-viewer__progress-ring-fill,.vertical-viewer__progress-track span{transition:none}}.vertical-player-controls{left:max(1rem, env(safe-area-inset-left));bottom:calc(7.25rem + env(safe-area-inset-bottom));z-index:13;position:absolute}.vertical-player-controls__btn{border:1px solid var(--viewer-border);color:var(--viewer-ink);border-radius:var(--radius-sm);min-height:2.25rem;font-family:var(--font-mono);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(10% .04 265/.78);padding:.35rem .75rem;font-size:.72rem;font-weight:600}.vertical-player-controls__btn:hover{border-color:var(--viewer-border-glow)}.vertical-player-speed-menu{border-radius:var(--radius-sm);border:1px solid var(--viewer-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(10% .04 265/.94);flex-direction:column;gap:.2rem;padding:.35rem;display:flex;position:absolute;bottom:calc(100% + .35rem);left:0}.vertical-player-speed-menu__item{color:var(--viewer-ink-secondary);cursor:pointer;text-align:left;font-family:var(--font-mono);background:0 0;border:0;border-radius:6px;padding:.4rem .7rem;font-size:.72rem}.vertical-player-speed-menu__item.is-active{color:var(--viewer-signal);background:oklch(82% .19 195/.15)}.vertical-sheet-backdrop{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(4% .02 265/.62);align-items:flex-end;animation:.2s viewer-fade-in;display:flex;position:absolute;inset:0}.vertical-sheet{width:100%;max-height:72dvh;color:var(--viewer-ink);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--viewer-border);background:linear-gradient(oklch(14% .045 265),oklch(10% .04 265));border-bottom:0;animation:.28s cubic-bezier(.22,1,.36,1) viewer-sheet-up;overflow:hidden;box-shadow:0 -12px 40px oklch(4% .02 265/.55)}@keyframes viewer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes viewer-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vertical-sheet__handle{background:oklch(82% .19 195/.25);border-radius:999px;width:2.5rem;height:.25rem;margin:.65rem auto 0}.vertical-sheet__head{border-bottom:1px solid var(--viewer-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem .85rem;display:flex}.vertical-sheet__head h3{margin:0;font-size:1rem;font-weight:600}.vertical-sheet__close{border:1px solid var(--viewer-border);border-radius:var(--radius-sm);cursor:pointer;width:2.25rem;height:2.25rem;color:var(--viewer-ink-muted);background:0 0;place-items:center;transition:border-color .2s,color .2s;display:grid}.vertical-sheet__close:hover{border-color:var(--viewer-border-glow);color:var(--viewer-ink)}.vertical-sheet__body{max-height:calc(72dvh - 4rem);padding:1rem 1rem 1.25rem;overflow-y:auto}.vertical-sheet__text{white-space:pre-line;color:var(--viewer-ink-secondary);max-width:65ch;margin:0;line-height:1.7}.vertical-sheet__summary{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--viewer-signal);margin:0 0 .85rem;font-size:.72rem}.vertical-sheet .quiz-container h4{color:var(--viewer-ink);margin:0 0 1rem;font-size:1rem;line-height:1.45}.vertical-sheet .quiz-option-btn{border-color:var(--viewer-border);color:var(--viewer-ink-secondary);background:oklch(12% .04 265/.9)}.vertical-sheet .quiz-option-btn:hover:not(:disabled){border-color:var(--viewer-border-glow);background:var(--viewer-raised)}.vertical-sheet .quiz-option-btn.selected{border-color:var(--viewer-signal);color:var(--viewer-ink);background:oklch(82% .19 195/.12)}.vertical-sheet .btn-primary{margin-top:.5rem}.vertical-syllabus{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.vertical-syllabus__item{border:1px solid var(--viewer-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--viewer-ink-secondary);background:oklch(10% .04 265/.65);align-items:center;gap:.75rem;padding:.7rem .85rem;transition:border-color .2s,background .2s,color .2s;display:flex}.vertical-syllabus__item:hover{border-color:var(--viewer-border-glow);background:var(--viewer-raised);color:var(--viewer-ink)}.vertical-syllabus__item.is-active{border-color:var(--viewer-signal);color:var(--viewer-ink);box-shadow:inset 0 0 0 1px oklch(82% .19 195/.25)}.vertical-syllabus__item.is-done .vertical-syllabus__num{color:var(--viewer-emerald);border-color:oklch(75% .18 155/.45)}.vertical-syllabus__num{border-radius:var(--radius-sm);border:1px solid var(--viewer-border);width:1.85rem;height:1.85rem;font-family:var(--font-mono);background:oklch(8% .035 265/.8);flex-shrink:0;place-items:center;font-size:.72rem;font-weight:700;display:grid}.vertical-syllabus__title{flex:1;min-width:0;font-size:.9rem;line-height:1.35}.vertical-quiz-result{color:var(--viewer-ink-secondary);margin:.75rem 0;font-size:.9rem}.vertical-quiz-result.is-ok{color:var(--viewer-emerald)}.vertical-viewer__toast{left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:40;border-radius:var(--radius-sm);color:var(--viewer-ink);box-shadow:0 8px 24px oklch(4% .02 265/.55), var(--viewer-glow);background:oklch(12% .04 265/.94);border:1px solid oklch(75% .18 155/.45);padding:.7rem 1.1rem;font-size:.82rem;animation:.25s viewer-fade-in;position:absolute;transform:translate(-50%)}.video-placeholder--vertical{text-align:center;height:100%;color:var(--viewer-ink-secondary);place-content:center;justify-items:center;padding:2rem;display:grid}.video-placeholder--vertical h3{color:var(--viewer-ink);margin:.75rem 0 0;font-size:1.1rem}.video-placeholder--vertical p{max-width:24ch;margin:.45rem 0 0;font-size:.85rem;line-height:1.5}.video-placeholder__icon{border-radius:var(--radius-md);border:1px solid var(--viewer-border);width:4.5rem;height:4.5rem;color:var(--viewer-signal);background:oklch(12% .04 265/.65);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.vertical-sheet-backdrop,.vertical-sheet,.vertical-viewer__toast{animation:none}}.learner-dashboard .dashboard-continue{background:linear-gradient(135deg,oklch(22% .04 280),oklch(18% .03 240));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.dashboard-continue__kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-cyan);margin:0;font-size:.75rem}.dashboard-continue__lesson{color:var(--text-secondary);margin:.35rem 0 .75rem}.dashboard-continue__pct{color:var(--text-muted);margin:.35rem 0 0;font-size:.82rem}.dashboard-progress-bar{background:var(--bg-secondary);border-radius:999px;height:6px;overflow:hidden}.dashboard-progress-bar span{background:linear-gradient(90deg, var(--accent-purple), var(--accent-cyan));height:100%;display:block}.dashboard-deadlines{margin-bottom:1.5rem}.dashboard-deadline-list{flex-direction:column;gap:.65rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.dashboard-deadline-list__item{border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.dashboard-deadline-list__item.is-soon{border-color:var(--accent-amber);background:oklch(84% .12 85/.08)}.dashboard-deadline-list__item strong{display:block}.dashboard-deadline-list__item span,.dashboard-deadline-list__item time{color:var(--text-muted);font-size:.78rem;display:block}.dashboard-courses__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.dashboard-filters{flex-wrap:wrap;gap:.35rem;display:flex}.dashboard-filter{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.78rem}.dashboard-filter.is-active{border-color:var(--accent-purple);color:var(--text-primary);background:oklch(62% .18 280/.12)}.dashboard-course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.dashboard-course-card{grid-template-columns:88px 1fr;gap:.85rem;padding:.85rem;display:grid}.dashboard-course-card__thumb{border-radius:var(--radius-sm);background:var(--bg-secondary);width:88px;height:88px;color:var(--accent-purple);place-items:center;font-size:1.5rem;font-weight:700;display:grid;overflow:hidden}.dashboard-course-card__thumb img{object-fit:cover;width:100%;height:100%}.dashboard-course-card__body h4{margin:0;font-size:.95rem}.dashboard-course-card__body p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0;font-size:.78rem;display:-webkit-box;overflow:hidden}.dashboard-course-card__meta{color:var(--text-muted);margin:.35rem 0 .65rem;font-size:.75rem}.dashboard-course-card__actions{flex-wrap:wrap;gap:.35rem;display:flex}.lesson-row-draggable{cursor:grab}.lesson-row-draggable--active{opacity:.55}.lesson-row-draggable__handle{width:2rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.profile-cert-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.profile-cert-list__item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.instructor-note-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.instructor-note-list__unread{border-left:3px solid var(--accent-cyan);padding-left:.75rem}.instructor-shell{grid-template-columns:260px minmax(0,1fr);width:100%;min-height:calc(100vh - 4.5rem);display:grid}.instructor-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;align-self:start;gap:.5rem;min-height:calc(100vh - 4.5rem);max-height:calc(100vh - 4.5rem);padding:1.25rem .75rem;display:flex;position:sticky;top:0;overflow-y:auto}.instructor-sidebar__brand{flex-direction:column;gap:.15rem;padding:.25rem .75rem 1rem;display:flex}.instructor-sidebar__logo{font-family:var(--font-display,var(--font-body));color:var(--text-primary);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.instructor-sidebar__role{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem}.instructor-nav{flex-direction:column;gap:.25rem;padding:0 .25rem;display:flex}.instructor-nav--sub{gap:.125rem}.instructor-nav__item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.9rem;transition:background .15s,color .15s;display:flex}.instructor-nav__item--sub{padding-left:1.35rem;font-size:.85rem}.instructor-nav__item:hover{background:var(--bg-card);color:var(--text-primary)}.instructor-nav__item--active{background:var(--accent-soft);color:var(--accent-cyan);font-weight:600}.instructor-nav__icon{text-align:center;opacity:.75;width:1.25rem;font-size:.95rem}.instructor-nav__label{flex:1}.instructor-nav__badge{background:var(--accent-cyan);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;font-size:.7rem;font-weight:700;display:inline-flex}.instructor-sidebar__divider{background:var(--border-color);height:1px;margin:.75rem .5rem}.instructor-sidebar__section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 .75rem .35rem;font-size:.72rem;overflow:hidden}.instructor-sidebar__footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem .75rem .25rem;display:flex}.instructor-sidebar__link{color:var(--text-muted);padding:.35rem 0;font-size:.85rem;text-decoration:none}.instructor-sidebar__link:hover{color:var(--accent-cyan)}.instructor-main{flex-direction:column;min-width:0;display:flex}.instructor-topbar{border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem 1.25rem;display:flex}.instructor-topbar__titles h1{margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1.2}.instructor-topbar__titles p{color:var(--text-secondary);max-width:52ch;margin:.35rem 0 0;font-size:.92rem}.instructor-topbar__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.instructor-toolbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.instructor-content{min-width:0;padding:1.5rem 1.75rem 2.5rem}.instructor-dashboard{flex-direction:column;gap:1.5rem;display:flex}.instructor-stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.instructor-course-list__header{margin-bottom:1rem}.instructor-course-list__header h3{margin:0;font-size:1rem}.instructor-course-list-panel{width:100%}.instructor-course-table__title{font-size:.9rem;display:block}.instructor-course-table__desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:42ch;margin-top:.25rem;font-size:.8rem;display:block;overflow:hidden}.instructor-course-actions{flex-wrap:wrap;gap:.4rem;display:flex}.instructor-course-editor{width:100%;min-width:0}.instructor-structure{flex-direction:column;gap:1.5rem;display:flex}.instructor-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.instructor-panel__header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.instructor-panel__header--split{align-items:center}.instructor-panel__title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.instructor-panel__lead{color:var(--text-secondary);max-width:52ch;margin:.35rem 0 0;font-size:.875rem}.instructor-panel__body{padding:1.5rem}.instructor-panel__body--flush{padding:0}.instructor-panel__body--flush .admin-table-container{border:none;border-radius:0}.instructor-panel__footer{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:.5rem;padding-top:.5rem;display:flex}.instructor-form{flex-direction:column;gap:1.25rem;display:flex}.instructor-panel__subtitle{color:var(--text-primary);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.instructor-package-fieldset{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);flex-direction:column;gap:1rem;margin:0;padding:1rem 1.1rem;display:flex}.instructor-package-fieldset .instructor-panel__lead{margin-top:0}.instructor-package-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.instructor-package-option{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;align-items:flex-start;gap:.65rem;padding:.85rem .9rem;transition:border-color .15s,box-shadow .15s;display:flex}.instructor-package-option:hover{border-color:var(--accent-primary)}.instructor-package-option.is-active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.instructor-package-option input{flex-shrink:0;margin-top:.2rem}.instructor-package-option__copy{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.82rem;display:flex}.instructor-package-option__copy strong{color:var(--text-primary);font-size:.9rem}.instructor-package-price{max-width:14rem}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.78rem;line-height:1.4;display:block}@media (width<=900px){.instructor-package-options{grid-template-columns:1fr}}.instructor-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.instructor-form__row--meta{grid-template-columns:1fr 1fr auto;align-items:end}.instructor-thumb-preview{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;width:72px;height:72px;overflow:hidden}.instructor-thumb-preview img{object-fit:cover;width:100%;height:100%;display:block}.instructor-add-row{align-items:stretch;gap:.75rem;margin-bottom:1.25rem;display:flex}.instructor-add-row .form-input{flex:1;min-width:0}.instructor-add-row .btn{flex-shrink:0}.instructor-section-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.instructor-section-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem 1rem;display:grid}.instructor-section-item__index{border-radius:var(--radius-sm);background:var(--accent-soft);min-width:1.75rem;height:1.75rem;color:var(--accent-cyan);justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:inline-flex}.instructor-section-item__title{color:var(--text-primary);font-weight:500}.instructor-section-item__meta{color:var(--text-muted);font-size:.8rem}.instructor-empty-hint{text-align:center;color:var(--text-muted);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);margin:0;padding:1.25rem;font-size:.9rem}.instructor-lesson-table__title{color:var(--text-primary);font-weight:500}.instructor-panel__body--flush .instructor-empty-hint{margin:1.5rem}.form-field{color:var(--text-secondary);flex-direction:column;gap:.4rem;font-size:.875rem;display:flex}.form-field input,.form-field textarea,.form-field select{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-strong);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);padding:.75rem 1rem;font-size:.95rem}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 4px var(--accent-soft,#0071e31a);outline:none}.form-label textarea.form-input{resize:vertical;min-height:6rem}.form-label select.form-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 1.1rem) calc(50% - .15rem),calc(100% - .75rem) calc(50% - .15rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2rem}.lesson-editor-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:720px;max-height:min(90vh,880px);display:flex;overflow:hidden;box-shadow:0 24px 48px #0000002e}.lesson-editor-modal__header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.lesson-editor-modal__header h2{margin:0;font-size:1.15rem;font-weight:600}.lesson-editor-modal__header p{color:var(--text-secondary);max-width:48ch;margin:.35rem 0 0;font-size:.875rem}.lesson-editor-modal__unsaved{color:var(--accent-rose);margin:.35rem 0 0;font-size:.8rem;font-weight:500}.instructor-unsaved-badge{border-radius:var(--radius-pill);color:var(--accent-rose);white-space:nowrap;background:oklch(65% .22 25/.12);border:1px solid oklch(65% .22 25/.3);align-items:center;padding:.35rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.lesson-editor-modal__close{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.lesson-editor-modal__close:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-elevated)}.lesson-editor-modal__body{padding:1.5rem;overflow-y:auto}.lesson-editor-form{flex-direction:column;gap:1.25rem;display:flex}.lesson-editor-section{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden}.lesson-editor-section__head{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0;padding:.7rem 1rem;font-size:.72rem;font-weight:600}.lesson-editor-section__body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.lesson-editor-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-editor-row--quiz-meta{align-items:end}.lesson-editor-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lesson-editor-checkbox{min-height:44px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.lesson-editor-checkbox input{width:1rem;height:1rem;accent-color:var(--accent-cyan)}.lesson-editor-hint{color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);margin:0;padding:.75rem 1rem;font-size:.875rem}.lesson-editor-file{padding:.55rem .75rem}.lesson-editor-footer{border-top:1px solid var(--border-color);background:var(--bg-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;padding-top:1rem;display:flex;position:sticky;bottom:0}.lesson-editor-footer__hint{color:var(--text-muted);font-size:.8rem}.lesson-editor-footer__actions{gap:.75rem;margin-left:auto;display:flex}@media (width<=640px){.lesson-editor-modal{max-height:95vh}.lesson-editor-modal__body{padding:1rem}.lesson-editor-row,.lesson-editor-options{grid-template-columns:1fr}.lesson-editor-footer{flex-direction:column;align-items:stretch}.lesson-editor-footer__actions{flex-direction:column-reverse;width:100%;margin-left:0}.lesson-editor-footer__actions .btn{width:100%}}@media (width<=768px){.instructor-form__row,.instructor-form__row--meta{grid-template-columns:1fr}.instructor-thumb-preview{display:none}.instructor-add-row{flex-direction:column}}.admin-course-layout--editing{grid-template-columns:minmax(220px,.85fr) minmax(0,1.35fr)}@media (width<=960px){.instructor-shell{grid-template-columns:1fr;min-height:auto}.instructor-sidebar{flex-flow:wrap;align-items:center;gap:.75rem;min-height:auto;max-height:none;padding:.75rem;position:static}.instructor-sidebar__brand{flex-direction:row;align-items:baseline;gap:.5rem;padding:0 .5rem}.instructor-nav{flex-flow:wrap;flex:1}.instructor-nav--sub{flex-flow:wrap;width:100%;overflow-x:auto}.instructor-sidebar__footer{border-top:none;flex-direction:row;gap:1rem;margin-top:0;padding:0}.instructor-sidebar__divider,.instructor-sidebar__section-label{display:none}.admin-course-layout--editing{grid-template-columns:1fr}}.profile-announce-course{color:var(--text-muted);font-size:.75rem;display:block}.video-placeholder{height:100%;color:var(--text-secondary);text-align:center;background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.chatbot-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:600px;box-shadow:var(--shadow-soft);flex-direction:column;display:flex;overflow:hidden}.chatbot-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.chat-history{flex-direction:column;flex-grow:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:5px}.chat-history::-webkit-scrollbar-thumb{background:var(--border-color)}.chat-bubble{border-radius:var(--radius-sm);word-wrap:break-word;max-width:85%;padding:.9rem 1.1rem;font-size:.9rem;line-height:1.55}.chat-bubble.user{background:var(--accent-soft);border:1px solid var(--border-color);color:var(--text-primary);align-self:flex-end;font-weight:500}.chat-bubble.ai{background:var(--accent-soft);border:1px solid var(--border-color-glow);color:var(--text-secondary);align-self:flex-start}.chat-input-container{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:1rem 1.25rem}.chat-input-form{gap:.75rem;display:flex}.chat-input{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);flex-grow:1;padding:.75rem 1rem;font-size:.9rem}.chat-input:focus{border-color:var(--accent-cyan);outline:none}.player-navigation{margin-top:2rem}.lesson-list{flex-direction:column;gap:.5rem;display:flex}.lesson-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-smooth);cursor:pointer;align-items:center;gap:.75rem;padding:.9rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.lesson-row:hover{color:var(--text-primary);border-color:var(--border-color-glow)}.lesson-row.active{background:var(--accent-soft);color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:none}.tab-headers{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;min-height:44px;transition:var(--transition-smooth);background:0 0;border:none;padding:.75rem .5rem;font-size:clamp(.85rem,2.5vw,1rem);font-weight:600;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active:after{content:"";background:var(--accent-cyan);width:100%;height:2px;box-shadow:none;position:absolute;bottom:-1px;left:0}.tab-content{color:var(--text-secondary);font-size:.95rem;line-height:1.75}.tab-panel{min-height:280px;margin-bottom:2.5rem}.admin-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.admin-table th{background:var(--bg-secondary);color:var(--text-primary);border-bottom:1px solid var(--border-color);font-weight:600;font-family:var(--font-body);letter-spacing:0;text-transform:none;padding:.75rem 1rem;font-size:.8125rem}.admin-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 1rem}.admin-table tr:last-child td{border-bottom:none}.admin-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;padding-bottom:0;display:flex}.admin-tab{color:var(--text-muted);font-family:var(--font-body);letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.25rem;font-size:.9375rem;transition:color .2s,border-color .2s}.admin-tab:hover{color:var(--text-primary)}.admin-row--selected td{background:var(--accent-soft)}.admin-form{flex-direction:column;gap:1rem;display:flex}.admin-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-label{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-body);text-transform:none;letter-spacing:0;flex-direction:column;gap:.4rem;display:flex}.admin-lesson-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:.75rem;padding:1rem 1.15rem}.admin-quiz-fieldset{border:1px dashed var(--border-color);margin:0;padding:1rem}.admin-quiz-fieldset legend{color:var(--accent-purple);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;padding:0 .5rem}.admin-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.admin-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.admin-modal--wide{max-width:560px}.admin-modal--course{max-width:640px;max-height:92vh}.admin-modal__lead{color:var(--text-muted);margin:-.5rem 0 1.25rem;font-size:.875rem}.course-media-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);margin-top:1.5rem;padding:1.25rem}.course-media-panel--compact{margin-top:0}.course-media-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.course-media-panel__title{margin:0 0 .35rem;font-size:1rem}.course-media-panel__hint{color:var(--text-muted);max-width:36ch;margin:0;font-size:.8rem}.course-media-panel__empty{color:var(--text-muted);margin:0;font-size:.85rem}.course-media-panel__error{color:var(--accent-rose);margin:0 0 .75rem;font-size:.85rem}.course-media-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.course-media-list__item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex}.course-media-list__meta{flex-direction:column;flex:1;gap:.15rem;min-width:140px;display:flex}.course-media-list__meta strong{font-size:.9rem}.course-media-list__meta span{color:var(--text-muted);font-size:.75rem}.course-media-list__actions{flex-shrink:0;gap:.5rem;display:flex}.course-media-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);flex-shrink:0;padding:.2rem .45rem;font-size:.65rem;font-weight:700}.course-media-badge--video{color:var(--accent-purple)}.course-media-badge--pdf{color:var(--accent-rose)}.course-media-badge--docx{color:var(--accent-blue)}.course-media-badge--epub{color:var(--accent-emerald)}.course-media-badge--audio{color:var(--accent-amber)}.course-media-badge--image{color:var(--accent-cyan)}.course-media-badge--scorm{color:var(--accent-orange,#e8a838)}.lesson-media-picker{background:var(--bg-elevated,oklch(18% .02 260));border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:.85rem 1rem;display:flex}.lesson-media-picker__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.lesson-media-picker__label{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.lesson-media-picker__hint{color:var(--text-muted);max-width:36rem;margin:.25rem 0 0;font-size:.78rem}.lesson-media-picker__current{color:var(--text-secondary);margin:0;font-size:.8rem}.lesson-media-picker__current strong{color:var(--text-primary);word-break:break-all}.lesson-media-picker__error{color:var(--accent-rose,#f87171);margin:0;font-size:.8rem}.lesson-media-picker__empty{color:var(--text-muted);margin:0;font-size:.8rem}.lesson-media-picker__list{max-height:12rem;overflow-y:auto}.course-badge.free-tier{color:var(--accent-emerald);background:oklch(84% .14 145/.15);border:1px solid oklch(84% .14 145/.35)}.course-media-count{color:var(--text-muted);margin:.35rem 0 0;font-size:.78rem}.quiz-container{flex-direction:column;gap:1.25rem;display:flex}.quiz-option-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-family:var(--font-body);text-align:left;cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:1rem;padding:1rem;font-size:.95rem;display:flex}.quiz-option-btn:hover:not(:disabled){border-color:var(--border-color-glow);color:var(--text-primary)}.quiz-option-btn.selected{border-color:var(--accent-cyan);background:var(--accent-soft);color:var(--text-primary);box-shadow:none}.quiz-option-btn.correct{border-color:var(--accent-emerald);color:var(--accent-emerald);background:oklch(75% .18 155/.1)}.quiz-option-btn.incorrect{border-color:var(--accent-rose);color:var(--accent-rose);background:oklch(65% .22 25/.1)}.quiz-bullet{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex}.quiz-option-btn.selected .quiz-bullet{border-color:var(--accent-cyan);background:var(--accent-cyan)}.quiz-option-btn.correct .quiz-bullet{border-color:var(--accent-emerald);background:var(--accent-emerald)}.quiz-option-btn.incorrect .quiz-bullet{border-color:var(--accent-rose);background:var(--accent-rose)}.code-editor-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;min-height:200px;color:var(--text-primary);font-family:var(--font-mono);tab-size:4;resize:vertical;transition:var(--transition-smooth);padding:1rem;font-size:.9rem;line-height:1.5}.code-editor-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.code-review-output{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:1.5rem;padding:1.5rem}.code-review-output pre{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin:1rem 0;padding:1rem;overflow-x:auto}.code-review-output code{font-family:var(--font-mono);color:var(--accent-cyan)}.code-review-output h3{color:var(--accent-cyan);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem}.code-review-output h3:first-of-type{margin-top:0}.code-review-output p{margin-bottom:.75rem;font-size:.95rem}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,html[data-theme=light]{--font-heading:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Noto Sans Thai", "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Noto Sans Thai", "Segoe UI", sans-serif;--font-mono:"SF Mono", ui-monospace, "Cascadia Code", monospace;--bg-main:#fbfbfd;--bg-elevated:#fff;--bg-secondary:#f5f5f7;--bg-card:#fff;--bg-card-hover:#fafafa;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#6e6e73;--border-color:#00000014;--border-strong:#00000024;--border-color-glow:var(--border-strong);--accent:#0071e3;--accent-hover:#0077ed;--accent-soft:#0071e31a;--accent-emerald:#248a3d;--accent-amber:#bf4800;--accent-rose:#d70015;--accent-purple:#6e56cf;--accent-cyan:var(--accent);--gradient-card:linear-gradient(180deg, #fff, #fafafa);--shadow-soft:0 2px 16px #0000000f;--shadow-medium:0 8px 32px #00000014;--glow-cyan:none;--glow-purple:none;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:980px;--header-bg:#fbfbfdcc}html[data-theme=dark]{--bg-main:#000;--bg-elevated:#1d1d1f;--bg-secondary:#161617;--bg-card:#1d1d1f;--bg-card-hover:#2d2d2f;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-muted:#86868b;--border-color:#ffffff1f;--border-strong:#fff3;--border-color-glow:var(--border-strong);--accent:#2997ff;--accent-hover:#40a9ff;--accent-soft:#2997ff26;--accent-emerald:#32d74b;--accent-amber:#ffd60a;--accent-rose:#ff453a;--accent-cyan:var(--accent);--accent-purple:#bf5af2;--gradient-card:linear-gradient(180deg, #1d1d1f, #161617);--shadow-soft:0 2px 16px #00000059;--shadow-medium:0 8px 32px #00000073;--header-bg:#000000b8}body{letter-spacing:-.022em;line-height:1.47059;transition:background-color .3s,color .3s;background-color:var(--bg-main)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important}.app-bg{display:none!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)!important;letter-spacing:-.025em!important;color:var(--text-primary)!important;font-weight:600!important}.main-content:not(.main-content--landing) h1{font-size:clamp(2rem,4.5vw,3rem)!important;line-height:1.08!important}.main-content:not(.main-content--landing) h2{font-size:clamp(1.5rem,3vw,2rem)!important;line-height:1.12!important}p,.landing p{color:var(--text-secondary)}.app-header{background:var(--header-bg)!important;-webkit-backdrop-filter:saturate(180%)blur(20px)!important;border-bottom:1px solid var(--border-color)!important;padding:.65rem clamp(1rem,3vw,2rem)!important}.logo-container{text-decoration:none!important}.logo-icon{display:none!important}.logo-text{letter-spacing:-.03em!important;color:var(--text-primary)!important;font-size:1.25rem!important;font-weight:600!important}.logo-accent{color:var(--text-primary)!important}.nav-link{clip-path:none!important;border-radius:var(--radius-pill)!important;color:var(--text-secondary)!important;min-height:36px!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:.45rem .85rem!important;font-size:.875rem!important;font-weight:400!important}.nav-link:hover{color:var(--text-primary)!important;background:var(--bg-secondary)!important}.nav-link.active{color:var(--text-primary)!important;background:var(--bg-secondary)!important;box-shadow:none!important}.btn{clip-path:none!important;border-radius:var(--radius-pill)!important;letter-spacing:-.01em!important;font-size:.9375rem!important;font-weight:500!important;transition:background .2s,color .2s,transform .2s!important}.btn-primary{background:var(--accent)!important;color:#fff!important;box-shadow:none!important;border:none!important}.btn-primary:hover{background:var(--accent-hover)!important;box-shadow:none!important;transform:none!important}.btn-secondary{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.btn-secondary:hover{background:var(--bg-card-hover)!important;border-color:var(--border-strong)!important;box-shadow:none!important}.btn-ghost{color:var(--accent)!important;border:1px solid var(--border-color)!important;background:0 0!important}.btn-ghost:hover{background:var(--accent-soft)!important;box-shadow:none!important;border-color:#0000!important}.btn-google{background:var(--bg-elevated)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important}.btn-danger{color:var(--accent-rose)!important;background:0 0!important;border:1px solid #d7001540!important}.btn-danger:hover{background:var(--accent-rose)!important;color:#fff!important}.card{clip-path:none!important;border-radius:var(--radius-lg)!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-soft)!important;padding:1.5rem!important}.card:hover{border-color:var(--border-strong)!important;box-shadow:var(--shadow-medium)!important}.card--static:hover{box-shadow:var(--shadow-soft)!important;transform:none!important}.form-input{clip-path:none!important;border-radius:var(--radius-md)!important;background:var(--bg-elevated)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important}.form-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-soft)!important}.page-kicker{font-family:var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;color:var(--accent)!important;font-size:.8125rem!important;font-weight:600!important}.lang-switch,.theme-toggle{clip-path:none!important;border-radius:var(--radius-pill)!important;border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important}.lang-switch__btn,.theme-toggle{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;min-height:36px;padding:0 .75rem;font-size:.75rem;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.lang-switch__btn--active{background:var(--bg-elevated)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-soft)!important;border-radius:var(--radius-pill)!important}.theme-toggle:hover{color:var(--text-primary)}.theme-toggle__icon{font-size:.9rem;line-height:1}.theme-toggle__label{font-size:.75rem}@media (width<=480px){.theme-toggle__label{display:none}}.status-badge{clip-path:none!important;border-radius:var(--radius-pill)!important;font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;font-size:.75rem!important;font-weight:500!important}.status-badge.live{color:var(--accent-emerald)!important;background:#248a3d1f!important;border-color:#248a3d33!important}.status-badge.live .status-dot{clip-path:none!important;border-radius:50%!important;animation:none!important}.app-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important;font-family:var(--font-body)!important;color:var(--text-muted)!important}.login-page{justify-content:center;align-items:center;width:100%;min-height:min(72vh,100dvh - 14rem);padding:clamp(2rem,6vw,4rem) 0;display:flex}.login-wrapper{width:100%;max-width:450px;margin:0 auto}.login-card{text-align:center;width:100%;max-width:420px;margin:0 auto;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-medium)!important}.login-card__title{margin-bottom:.5rem!important;font-size:clamp(1.75rem,4vw,2.25rem)!important}.login-card__subtitle{max-width:32ch;color:var(--text-secondary)!important;margin:0 auto 1.5rem!important;font-size:1rem!important}.tab-btn{font-family:var(--font-body)!important;font-weight:500!important}.tab-btn.active{color:var(--accent)!important}.tab-btn.active:after{background:var(--accent)!important}.admin-table th{background:var(--bg-secondary)!important;font-family:var(--font-body)!important;text-transform:none!important}.admin-table-container{clip-path:none!important;border-radius:var(--radius-lg)!important}.admin-tab{font-family:var(--font-body)!important;text-transform:none!important}.admin-tab--active{color:var(--accent)!important;border-bottom-color:var(--accent)!important}@media (width<=768px){.nav-drawer{background:var(--bg-elevated)!important;border-left:1px solid var(--border-color)!important;box-shadow:-12px 0 40px oklch(4% .02 265/.25)!important}}.catalog-banner{background:var(--accent-soft)!important;border:1px solid var(--border-color)!important;clip-path:none!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}.spinner{border-color:var(--border-color)!important;border-top-color:var(--accent)!important}.breadcrumbs span[aria-current=page]{color:var(--text-primary)!important}.main-content{animation:none!important}.main-content:not(.main-content--landing){max-width:980px}html[data-route=admin] .main-content,.app-container--admin .main-content:not(.main-content--landing),html[data-route=admin] .nav-content,.app-container--admin .nav-content{max-width:1280px}