@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+Myanmar:wght@500;700&display=swap";:root{color-scheme:light;--brand: #d9383a;--brand-dark: #b8282a;--brand-light: rgba(217, 56, 58, .12);--bg: #161616;--surface: #F6F5F2;--surface-2: #ffffff;--surface-3: #F0EEE9;--footer-cta-bg: #EBE8E2;--line: rgba(38, 35, 30, .12);--line-strong: rgba(38, 35, 30, .16);--text: #1C1A17;--muted: #6E6960;--text-muted: #6E6960;--subtle: rgba(28, 26, 23, .65);--brand-2: #d9383a;--brand-on-dark: #ff6b6b;--warning: #d97706;--danger: #dc2626;--success: #059669;--success-dark: #047857;--header-bg: rgba(255, 255, 255, .94);--shadow: 0 4px 12px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 8px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--shadow-hover: 0 16px 32px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 54px rgba(0, 0, 0, .14);--accent: var(--brand);--accent-green: var(--success);--surface-1: var(--surface);--brand-dim: rgba(217, 56, 58, .08);--success-subtle: rgba(5, 150, 105, .12);--warning-subtle: rgba(217, 119, 6, .12);--danger-subtle: rgba(220, 38, 38, .12);--info: #2563eb;--info-subtle: rgba(37, 99, 235, .12);--mobile-topbar-h: 54px;--mobile-nav-h: 58px;--mobile-content-clearance: 72px;--max-w-shell: 1400px;--page-max-w-wide: 1240px;--page-max-w-standard: 1120px;--page-pad-inline: 4px;--page-pad-top: 8px;--page-pad-bottom: 48px;--dot-grid: rgba(38, 35, 30, .045);--radius-panel: 14px;--radius-card: 12px;--radius-btn: 8px;--radius-badge: 6px;--shadow-panel: 0 24px 54px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .9);--bg-animation-grid: rgba(38, 35, 30, .04);--bg-animation-line: rgba(38, 35, 30, .06);--bg-animation-muted: #1C1A17;--border: var(--line);--border-strong: var(--line-strong);--border-light: var(--line);--line-soft: var(--line);--background: var(--bg);--foreground: var(--text);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--surface-2);--text-secondary: var(--muted);--text-strong: var(--text);--surface-strong: var(--surface-3);--surface-4: var(--surface-3);--scroll-thumb: rgba(38, 35, 30, .22);--scroll-thumb-hover: rgba(38, 35, 30, .38);--window-scrollbar: rgba(38, 35, 30, .22);--window-scrollbar-hover: rgba(38, 35, 30, .38);--font-ui: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", "Noto Sans Myanmar", Pyidaungsu, Padauk, Myanmar3, ui-sans-serif, system-ui, sans-serif;--font-heading-mm: "Noto Serif Myanmar", "Noto Sans Myanmar", Pyidaungsu, serif;font-family:Plus Jakarta Sans,Noto Sans Myanmar,Pyidaungsu,Padauk,Myanmar3,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;letter-spacing:0}[data-theme=light]{color-scheme:light;--brand: #d9383a;--brand-dark: #b8282a;--brand-light: rgba(217, 56, 58, .12);--brand-on-dark: #d9383a;--bg: #161616;--surface: #F6F5F2;--surface-2: #ffffff;--surface-3: #F0EEE9;--footer-cta-bg: #EBE8E2;--line: rgba(38, 35, 30, .12);--line-strong: rgba(38, 35, 30, .16);--text: #1C1A17;--muted: #6E6960;--text-muted: #6E6960;--subtle: rgba(28, 26, 23, .65);--dot-grid: rgba(38, 35, 30, .045);--header-bg: rgba(255, 255, 255, .94);--shadow: 0 4px 12px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 8px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--shadow-hover: 0 16px 32px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 54px rgba(0, 0, 0, .14);--accent: var(--brand);--accent-green: var(--success);--surface-1: var(--surface);--brand-dim: rgba(217, 56, 58, .08);--success-subtle: rgba(5, 150, 105, .12);--warning-subtle: rgba(217, 119, 6, .12);--danger-subtle: rgba(220, 38, 38, .12);--info: #2563eb;--info-subtle: rgba(37, 99, 235, .12);--mobile-topbar-h: 54px;--mobile-nav-h: 58px;--mobile-content-clearance: 72px;--success: #059669;--success-dark: #047857;--warning: #d97706;--danger: #dc2626;--bg-animation-grid: rgba(38, 35, 30, .04);--bg-animation-line: rgba(38, 35, 30, .06);--bg-animation-muted: #1C1A17;--scroll-thumb: rgba(38, 35, 30, .22);--scroll-thumb-hover: rgba(38, 35, 30, .38)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,var(--dot-grid) 1px,transparent 0);background-size:24px 24px;background-attachment:fixed;color:var(--text);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.font-ui{font-family:var(--font-ui)}.font-mm-heading{font-family:var(--font-heading-mm)}header,main,aside,.topbar,.profile-dropdown,.desktop-nav-link,.segmented,.segmented button,.card,.input,.course-catalog-card,.detail-card{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}h1,h2,h3{font-weight:800;line-height:1.2}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.boot-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-frame{height:100vh;height:100dvh;display:flex;flex-direction:column;min-width:0;overflow:hidden}.avatar{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px;background:var(--brand);color:#fff;font-weight:800}.avatar.image-avatar{overflow:hidden;background:var(--surface-3)}.avatar.image-avatar img{width:100%;height:100%;display:block;object-fit:cover}.brand-mark{border:0;background:transparent;color:var(--text);font-family:var(--font-ui);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1;padding:0;white-space:nowrap}.brand-word-learn{color:var(--brand);font-weight:500;letter-spacing:0}.brand-logo-img{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:6px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .3s ease}.brand-mark:hover .brand-logo-img{transform:translateY(-3px) scale(1.12) rotate(8deg);filter:drop-shadow(0 4px 8px rgba(239,68,68,.25))}.brand-badge-learn{font-family:var(--font-ui);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--brand-light);border:1px solid rgba(187,76,75,.3);color:var(--brand);padding:2px 7px;border-radius:6px;line-height:1;display:inline-block;vertical-align:middle;margin-left:2px}.brand-text-mobile{display:none}.nav-link,.mobile-nav button,.thread-row,.admin-row.button-row,.lesson-nav button,.lesson-record{border:1px solid transparent;background:transparent;color:var(--muted);text-align:left}.nav-link{height:42px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:8px}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface-2);border-color:var(--line)}.main-column{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.topbar{height:52px;min-height:52px;border-bottom:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;position:sticky;top:0;z-index:40}.topbar-inner{width:100%;max-width:100%;height:52px;margin:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-title h1,.section-heading h2,.panel-heading h3{margin:0;line-height:1.18}.topbar-title h1{font-size:20px}.eyebrow{display:block;color:var(--brand);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.desktop-nav{display:flex;align-items:center;gap:4px;justify-self:center}.desktop-nav-link{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:8px 12px;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.desktop-nav-link:hover,.desktop-nav-link.nav-active{background:var(--line-strong);color:var(--text)}.topbar-actions{display:flex;align-items:center;justify-self:end;gap:10px;min-width:0}.theme-toggle{width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);display:inline-grid;place-items:center;transition:background .15s ease,color .15s ease,border-color .15s ease}.landing-language-toggle{min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);padding:0 10px;font-size:12px;font-weight:800;line-height:1.4}.landing-language-toggle:hover{border-color:#bb4c4b52;color:var(--brand-dark)}.theme-toggle:hover{background:var(--line-strong);color:var(--text)}.segmented{display:inline-flex;border:1.5px solid var(--border-strong, var(--line));background:var(--surface-3);border-radius:8px;padding:3px;gap:3px}.segmented button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:6px;padding:6px 12px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;text-transform:capitalize;cursor:pointer;transition:all .15s ease}.segmented button:hover:not(.selected):not(.active){color:var(--text);background:#0000000a}.segmented button.selected,.segmented button.active{color:var(--text)!important;background:var(--surface)!important;border-color:var(--border-strong)!important;font-weight:800;box-shadow:0 1px 3px #0000000f}.icon-button,.primary-button,.secondary-button{border-radius:8px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.icon-button{width:38px;border:1px solid var(--line);background:var(--surface-2);color:var(--text)}.primary-button{border:1px solid var(--brand);background:var(--brand);color:#fff;padding:0 14px;font-weight:800;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 0 25px #bb4c4b47}.primary-button.watch-video-first-btn{background:var(--surface-3)!important;border-color:var(--line)!important;color:var(--muted)!important;cursor:not-allowed!important;box-shadow:none!important;opacity:.65;transform:none!important}.secondary-button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:0 14px;font-weight:700}.icon-only{width:42px;padding:0}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:10px;min-height:40px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);padding:4px 6px;font-size:14px;font-weight:600}.profile-trigger:hover{background:var(--line-strong)}.profile-trigger-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar{border-radius:999px;background:var(--brand-light);color:var(--brand);box-shadow:inset 0 0 0 1px #bb4c4b33}.profile-avatar.large{width:40px;height:40px}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:min(272px,calc(100vw - 24px));border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:8px;box-shadow:var(--shadow-hover);z-index:60}.profile-card{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);padding:10px 12px;cursor:pointer;transition:all .15s ease;font-family:inherit;box-sizing:border-box}.profile-card:hover{border-color:var(--brand);background:#d9383a0a}.profile-card-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.profile-card-info{min-width:0;flex:1}.profile-card strong,.profile-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card strong{font-size:13px;font-weight:700;color:var(--text)}.profile-card small{color:var(--muted);font-size:11px}.profile-card-arrow{color:var(--muted);flex-shrink:0;transition:transform .15s ease,color .15s ease}.profile-card:hover .profile-card-arrow{color:var(--brand);transform:translate(2px)}.profile-link{width:100%;margin-top:4px;display:flex;align-items:center;gap:12px;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:12px;text-align:left;font-size:14px}.profile-link:hover{background:var(--line-strong);color:var(--text)}@media (min-width: 861px){.profile-dropdown{width:min(250px,calc(100vw - 24px));padding:6px;border-radius:10px}.profile-card{padding:8px 10px}.profile-avatar.large{width:34px;height:34px}.profile-card strong{font-size:12.5px}.profile-card small{font-size:10.5px}.profile-link{margin-top:1px;gap:10px;padding:7px 10px;font-size:13px;border-radius:7px}.profile-link svg{width:16px;height:16px}}.content{width:100%;max-width:var(--max-w-shell);margin:0 auto;padding:24px 32px;flex:1;overflow-y:auto;min-width:0;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{display:none}.content.route-notifications,.content.route-chats,.content:has(.courses-admin-page),.content.route-manage,.content.route-manage-copy,.content.route-people,.content.route-desk,.content:has(.console-shell),.content:has(.manage-command-center),.content.route-income,.content.route-homework:not(:has(.homework-student-feed)),.content.route-overview,.content.route-settings{display:flex;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;width:100%;height:100%;max-height:100%;padding:0}.content.route-chats::-webkit-scrollbar,.content:has(.courses-admin-page)::-webkit-scrollbar,.content.route-manage::-webkit-scrollbar,.content.route-manage-copy::-webkit-scrollbar,.content.route-people::-webkit-scrollbar,.content.route-desk::-webkit-scrollbar,.content:has(.console-shell)::-webkit-scrollbar,.content:has(.manage-command-center)::-webkit-scrollbar,.content.route-income::-webkit-scrollbar,.content.route-homework:not(:has(.homework-student-feed))::-webkit-scrollbar,.content.route-overview::-webkit-scrollbar,.content.route-settings::-webkit-scrollbar{display:none}.content.route-chats .chat-layout{flex:1;width:100%;height:100%;min-height:0}.overview-page-inner{display:flex;flex-direction:column;gap:20px}.page-grid,.manage-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.courses-admin-page,.student-manager-page{max-width:100%;margin:0 auto}.learning-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;height:calc(100vh - 104px);min-height:0;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.lesson-progress-status{width:100%;margin:0;color:var(--muted);font-size:12px;text-align:right}@media (max-width: 860px){.learning-layout.sidebar-hidden{grid-template-columns:1fr}.learning-layout.sidebar-hidden .lesson-sidebar{display:none}}.learning-layout .workspace{overflow-y:auto;height:100%}.learning-layout .workspace::-webkit-scrollbar{width:6px}.learning-layout .workspace::-webkit-scrollbar-track{background:transparent}.learning-layout .workspace::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px}.learning-layout .workspace::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}@media (min-width: 861px){.content.route-my-class{display:block;overflow-y:auto;scrollbar-width:thin;-ms-overflow-style:auto;max-width:100%;width:100%}.content.route-my-class::-webkit-scrollbar{display:block;width:6px}}.chat-layout{display:grid;gap:0;height:calc(100vh - 104px);min-height:0}.chat-layout.student-chat{grid-template-columns:280px minmax(0,1fr)}.chat-layout.student-chat.sidebar-visible{grid-template-columns:280px minmax(0,1fr) 320px}.chat-layout.admin-chat{grid-template-columns:300px minmax(0,1fr) 320px}.chat-layout.admin-chat.sidebar-hidden{grid-template-columns:300px minmax(0,1fr)}.chat-layout.admin-chat.sidebar-visible{grid-template-columns:300px minmax(0,1fr) 320px}.workspace,.rail,.side-panel,.lesson-sidebar,.note-panel,.invite-panel{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:14px;box-shadow:var(--shadow);min-width:0}.chat-panel,.chat-layout .side-panel{background:transparent;min-width:0}.chat-page-wrapper{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;background:var(--surface)!important;padding:0!important;box-sizing:border-box;overflow:hidden}@media (min-width: 861px){.chat-layout{display:grid;flex:1;min-width:0;height:100%;background:var(--surface)!important;border:none!important;border-radius:14px 14px var(--radius-panel, 18px) var(--radius-panel, 18px)!important;box-shadow:none!important;overflow:hidden!important;padding:0!important;gap:0!important;box-sizing:border-box}.chat-layout .thread-list{border:none!important;border-right:1.5px solid var(--border-strong)!important;border-top-left-radius:14px!important;border-bottom-left-radius:var(--radius-panel, 18px)!important;background:var(--surface-2)!important;box-shadow:none!important;overflow:hidden;height:100%}.chat-layout .thread-list .thread-row{border-color:transparent;background:transparent}.chat-layout .thread-list .thread-row:hover{border-color:transparent;background:var(--surface-3)}.chat-layout .thread-list .thread-row.active{border-color:var(--brand);background:var(--brand-light);color:var(--brand)}.chat-layout .chat-panel{border:none!important;border-radius:0!important;box-shadow:none!important;background:var(--surface)!important;overflow:hidden;height:100%}.chat-layout .side-panel{border:none!important;border-left:1.5px solid var(--border-strong)!important;border-top-right-radius:14px!important;border-bottom-right-radius:var(--radius-panel, 18px)!important;background:var(--surface-2)!important;box-shadow:none!important;overflow:hidden;height:100%}}.thread-list .mini-search{background:var(--surface)!important;border:1px solid var(--line-strong)!important}.workspace,.lesson-sidebar,.thread-list,.chat-panel,.side-panel,.rail{padding:16px}.workspace.narrow{max-width:780px}.rail,.side-panel{display:grid;gap:14px}.rail.wide{min-width:320px}.section-heading,.panel-heading,.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading p,.chat-header p,.note-panel p,.invite-panel p,.muted{margin:4px 0 0;color:var(--muted);font-size:14px}.course-manager-heading{align-items:center}.course-manager-stats{display:flex;align-items:center;gap:8px}.course-manager-stats span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#ffffff09;color:var(--muted);font-size:12px;font-weight:800}.course-cover-uploader{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.course-cover-uploader img,.course-cover-uploader>svg{width:56px;height:56px;border-radius:7px;object-fit:cover;background:var(--surface-2);color:var(--muted)}.course-cover-uploader strong,.course-cover-uploader small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-cover-uploader small{color:var(--muted);font-size:11px}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.courses-page{width:100%;max-width:var(--page-max-w-wide);margin:0 auto;display:grid;gap:32px;padding:var(--page-pad-top) var(--page-pad-inline) var(--page-pad-bottom)}.courses-welcome{padding-bottom:12px;border-bottom:1px solid var(--line)}.courses-welcome h1{margin:0;color:var(--text);font-size:24px}.courses-welcome h1 span,.section-title-row h2 svg{color:var(--brand)}.courses-section{display:grid;gap:22px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title-row h2{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:24px}.badge{display:inline-flex;align-items:center;width:fit-content;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800;text-transform:uppercase}.badge-red{background:var(--brand-light);color:var(--brand-dark);border:1px solid rgba(187,76,75,.28)}.course-card,.metric,.admin-row,.settings-row,.lesson-detail-grid article{border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.course-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:12px}.course-card-button{width:100%;color:inherit;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.course-card-button:hover{border-color:#bb4c4b52;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.course-art{min-height:92px;border-radius:8px;overflow:hidden;background:#26313a;display:grid;place-items:center;color:var(--muted)}.course-art img{width:100%;height:100%;object-fit:cover}.course-card h3,.lesson-detail-grid h3,.invite-panel h3,.empty-state h3{margin:8px 0 4px}.course-card p,.lesson-detail-grid p,.empty-state p{margin:0;color:var(--muted);font-size:14px}.metric{padding:14px}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:8px;font-size:28px}.note-panel{padding:14px;background:var(--surface-2)}.note-panel h3{margin:0}.status-pill{display:inline-flex;align-items:center;gap:5px;width:fit-content;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);padding:3px 8px;font-size:11px;font-weight:800;text-transform:capitalize;letter-spacing:.02em}.status-pill.success{color:var(--success);border-color:#5cc6a747;background:#5cc6a714}.status-pill.warning{color:var(--warning);border-color:#f6b44b47;background:#f6b44b14}.input,.search-field input,.chat-compose textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 12px;outline:none}.input:focus,.search-field input:focus,.chat-compose textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #bb4c4b1f}textarea.input{resize:vertical}.search-field,.mini-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 12px;height:38px;background:var(--surface)!important;color:var(--muted);box-sizing:border-box;width:100%;margin-bottom:10px}.search-field input,.mini-search input{border:0!important;background:transparent!important;padding:0!important;height:100%!important;width:100%!important;font-size:14px!important;color:var(--text)!important;outline:none!important;box-sizing:border-box!important;box-shadow:none!important}.lesson-sidebar{position:sticky;top:94px;height:100%;display:flex;flex-direction:column;gap:18px}.sidebar-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:all .2s ease;cursor:pointer;padding:0;flex-shrink:0}.sidebar-toggle-btn:hover{color:var(--text);background:var(--surface-3);border-color:var(--muted)}.sidebar-toggle-btn.show-btn{width:32px;height:32px;border-radius:8px;margin-right:4px;align-self:center;background:var(--surface-2)}.sidebar-toggle-btn.show-btn.float-toggle{position:absolute;top:16px;left:16px;z-index:10}.progress-block{display:grid;gap:7px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700}.progress-track{height:8px;border-radius:999px;overflow:hidden;background:#0d0f11}.progress-track span{display:block;height:100%;border-radius:999px;background:var(--brand)}.lesson-nav{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;min-height:0;padding-right:4px}.lesson-nav::-webkit-scrollbar{width:6px}.lesson-nav::-webkit-scrollbar-track{background:transparent}.lesson-nav::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px}.lesson-nav::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.admin-list,.settings-list,.access-list,.lesson-record-list{display:grid;gap:8px}.admin-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.admin-panel-toolbar h3{margin:0;color:var(--text);font-size:18px}.admin-panel-toolbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.compact-search{width:min(320px,100%);margin:0}.summary-list{display:grid;gap:10px}.summary-list div{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line-strong);border-radius:12px;background:#ffffff08;padding:13px}.summary-list span{color:var(--muted);font-size:13px}.summary-list strong{color:var(--text);font-size:22px}.lesson-nav button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text);text-align:left;line-height:1.35;width:100%;box-sizing:border-box}.lesson-nav button:hover{background:var(--surface-3);border-color:var(--line-strong);color:var(--text)}.lesson-nav button.selected,.thread-row.active,.admin-row.button-row.selected{color:var(--brand);border-color:var(--brand);background:var(--brand-light)}.lesson-nav-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.lesson-nav-title{font-size:14px;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-weight .2s ease}.lesson-nav button.selected .lesson-nav-title{font-weight:700}.lesson-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);transition:color .2s ease}.lesson-nav button.selected .lesson-nav-icon{color:var(--brand)}.lesson-index{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-3);font-size:11px;font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all .2s ease}.lesson-nav button:hover .lesson-index{background:var(--line-strong);color:var(--text)}.lesson-nav button.selected .lesson-index{background:var(--brand);color:#fff}.lesson-nav-chevron{color:var(--muted);opacity:.6;flex-shrink:0;transition:all .2s ease}.lesson-nav button.selected .lesson-nav-chevron{color:var(--brand);opacity:1}.lesson-nav button svg{flex-shrink:0}.lesson-nav button svg.lucide-check-circle-2{color:var(--success)!important}.lesson-nav-locked-wrapper{cursor:not-allowed}.lesson-nav button.lesson-nav-locked{opacity:.35;pointer-events:none}.video-surface{min-height:260px;border:1px solid var(--line);border-radius:8px;background:#0e1113;color:var(--muted);margin-bottom:14px;overflow:hidden}.video-empty{display:grid;place-items:center;gap:8px}.video-player-shell{position:relative;min-height:0;aspect-ratio:16 / 9}.lesson-video-player{display:block;width:100%;height:100%;border:0;background:#050607;object-fit:contain}.lesson-action-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}.lesson-action-buttons-row{flex:0 0 auto}.primary-button.completed-btn{background:#10b9811f!important;color:var(--success)!important;border:1px solid rgba(16,185,129,.24)!important;box-shadow:none!important;cursor:default!important}.mobile-only,.mobile-only-flex,.mobile-only-inline{display:none!important}.desktop-only{display:inline-flex!important}.mobile-only-buttons{display:none!important}.desktop-only-buttons{display:block!important}.lesson-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.lesson-detail-grid article,.practice-help-card,.invite-panel{padding:14px}.lesson-detail-header-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:default}.lesson-detail-header-toggle h3{margin:0}.lesson-detail-grid .toggle-chevron{display:none!important}.practice-help-card{display:grid;gap:10px;border:1px solid rgba(92,198,167,.18);border-radius:8px;background:#5cc6a70d}.practice-help-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.practice-help-card p{margin:4px 0 0;color:var(--muted)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.form-actions span{color:var(--muted);font-size:13px}.thread-list,.chat-panel,.side-panel{min-height:0}.thread-list{display:flex;flex-direction:column;overflow:hidden;padding:16px}.thread-row{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;min-height:52px;border:1px solid var(--line);background:var(--surface-2);transition:all .15s ease;cursor:pointer}.thread-row:hover{background:var(--surface-3);border-color:var(--border-strong)}.thread-row strong,.thread-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-row>span:not(.avatar):not(.thread-unread-dot):not(.live-dot){flex:1;min-width:0}.thread-row strong{font-size:14px;font-weight:700;color:var(--text)}.thread-row small{font-size:12px;color:var(--muted)}.thread-scroll{display:grid;gap:8px;align-content:start;grid-auto-rows:max-content;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:none;-ms-overflow-style:none}.thread-scroll::-webkit-scrollbar{width:5px;background:transparent}.thread-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.thread-scroll:hover{scrollbar-width:thin}.thread-scroll:hover::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}.thread-section{display:grid;gap:7px;margin-top:12px}.segmented-control{display:flex;background:var(--surface-3);border:1.5px solid var(--border-strong, var(--line));border-radius:8px;padding:3px;margin-bottom:8px;gap:3px;box-sizing:border-box;align-items:stretch;width:100%}.segmented-control-btn{flex:1;background:transparent;border:1px solid transparent;border-radius:6px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;text-align:center;transition:all .15s ease;margin-bottom:0;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;line-height:1.4}.segmented-control-btn.active,.segmented-control-btn.selected{background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border-strong)!important;font-weight:800;box-shadow:0 1px 3px #0000000f}.segmented-control-btn:hover:not(.active):not(.selected){color:var(--text);background-color:#0000000a}.chat-filter-tabs{display:flex;background:transparent;border:none;border-radius:0;padding:0;margin-bottom:8px;gap:6px;box-sizing:border-box;align-items:stretch;width:100%}.chat-filter-tab{flex:1;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;text-align:center;transition:all .15s ease;margin-bottom:0;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;line-height:1.4}.chat-filter-tab:hover:not(.active):not(.selected){color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.chat-filter-tab.active,.chat-filter-tab.selected{background-color:var(--surface-2)!important;color:var(--text)!important;border-color:var(--text)!important;font-weight:800;box-shadow:var(--shadow-sm)}.thread-section-label{padding:10px 4px 4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--subtle);pointer-events:none;-webkit-user-select:none;user-select:none}.announce-menu{position:relative;display:flex;align-items:center}.announce-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:320px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-hover);z-index:80;overflow:hidden}.announcement-page{display:flex;flex-direction:column;min-height:100%}.announcement-page-inner{max-width:680px;margin:0 auto;padding:24px 20px 80px;width:100%}.announcement-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.announcement-page-title-row{display:flex;align-items:center;gap:10px}.announcement-page-title{font-size:22px;font-weight:800;margin:0}.announcement-page-icon{color:var(--brand)}.announcement-loading,.announcement-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--muted);text-align:center}.announcement-feed{display:flex;flex-direction:column;gap:16px}.announcement-card{--card-padding: 12px;--card-radius: 12px;position:relative;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.045),transparent 34%),linear-gradient(180deg,#ffffff09,#ffffff05),var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--card-radius);padding:var(--card-padding);transition:border-color .15s,box-shadow .15s}.announcement-card.pinned{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.announcement-pin-row{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--brand);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.announcement-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.announcement-card-author-block{display:flex;align-items:center;gap:12px;min-width:0}.announcement-card-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,#ff6262,#bb4c4b);color:#fff;font-size:18px;font-weight:900}.announcement-card-avatar img{width:100%;height:100%;object-fit:cover}.announcement-card-author-block strong,.announcement-card-author-block span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-card-author-block strong{color:var(--text);font-size:15px;font-weight:900}.announcement-card-author-block span{margin-top:3px;color:var(--muted);font-size:13px}.announcement-card-header-actions{display:inline-flex;align-items:center;gap:14px;flex-shrink:0}.announcement-category-badge{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;border:1px solid currentColor;border-radius:6px;background:#bb4c4b1f}.announcement-post-menu-wrap{position:relative}.announcement-post-menu-button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.announcement-post-menu-button:hover{background:#ffffff14}.announcement-post-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:25;width:184px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);box-shadow:0 18px 48px #00000026}.announcement-post-menu button{width:100%;min-height:42px;display:flex;align-items:center;gap:12px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:14px;text-align:left}.announcement-post-menu button:hover{background:var(--line)}.announcement-card-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.announcement-card-actions .icon-button{width:28px;height:28px}.announcement-card-title{font-size:15px;font-weight:700;margin:0 0 6px;line-height:1.45}.announcement-card-copy{margin:0 0 18px}.announcement-card-copy strong{display:block;color:var(--text);font-size:18px;font-weight:900;line-height:1.35;margin-bottom:12px}.announcement-card-copy p,.announcement-card-body{font-size:17px;color:var(--text);line-height:1.55;margin:0;white-space:pre-wrap}.announcement-card-image{width:100%;border-radius:10px;margin-bottom:12px;object-fit:cover;max-height:280px}.announcement-card-image-grid{display:grid;gap:4px;margin-top:10px;overflow:hidden;border-radius:0 0 var(--card-radius) var(--card-radius);margin-left:calc(-1 * var(--card-padding));margin-right:calc(-1 * var(--card-padding));margin-bottom:calc(-1 * var(--card-padding));width:calc(100% + (2 * var(--card-padding)))}.announcement-card-image-grid.count-1{grid-template-columns:1fr}.announcement-card-image-grid.count-2,.announcement-card-image-grid.count-4,.announcement-card-image-grid.count-3{grid-template-columns:repeat(2,1fr)}.announcement-card-image-grid.count-5{grid-template-columns:repeat(6,1fr)}.announcement-card-image-tile{position:relative;display:block;min-height:0;aspect-ratio:1 / 1;padding:0;border:0;background:#111315;overflow:hidden}.announcement-card-image-grid.count-1 .announcement-card-image-tile{aspect-ratio:16 / 9;max-height:360px}.announcement-card-image-grid.count-3 .announcement-card-image-tile:nth-child(1){grid-column:span 2;aspect-ratio:16 / 9}.announcement-card-image-grid.count-3 .announcement-card-image-tile:nth-child(2),.announcement-card-image-grid.count-3 .announcement-card-image-tile:nth-child(3){grid-column:span 1;aspect-ratio:1 / 1}.announcement-card-image-grid.count-5 .announcement-card-image-tile:nth-child(1),.announcement-card-image-grid.count-5 .announcement-card-image-tile:nth-child(2){grid-column:span 3;aspect-ratio:1 / 1}.announcement-card-image-grid.count-5 .announcement-card-image-tile:nth-child(3),.announcement-card-image-grid.count-5 .announcement-card-image-tile:nth-child(4),.announcement-card-image-grid.count-5 .announcement-card-image-tile:nth-child(5){grid-column:span 2;aspect-ratio:1 / 1}.announcement-card-image-tile img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.announcement-card-image-tile:hover img{transform:scale(1.025)}.announcement-image-more{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000094;color:#fff;font-size:24px;font-weight:800}.announcement-card-footer{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:10px}.announcement-card-footer:empty{display:none}.announcement-card-time{margin-left:auto;flex-shrink:0;color:var(--muted)}.announcement-card-reach{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--muted)}.announcement-card-actions .text-button{min-height:auto;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:500}.announcement-card-actions .text-button:hover{color:var(--brand)}.announcement-composer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200}.announcement-composer{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(650px,calc(100vw - 32px));background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.045),transparent 36%),var(--surface-2);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 24px 70px #0000006b;z-index:201;display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.announcement-composer-header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px 18px;border-bottom:0;flex-shrink:0}.announcement-composer-header h3{font-size:24px;font-weight:900;margin:0}.announcement-composer-header .icon-button{width:48px;height:48px;border-radius:999px;background:#ffffff14;color:var(--text)}.announcement-composer-body{padding:18px 36px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.announcement-composer-body .form-label{display:block;margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.01em;line-height:1.25;text-transform:uppercase}.announcement-composer-body .form-input{display:block;width:100%;min-height:48px;box-sizing:border-box;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#0a0c0e3d;color:var(--text);font:inherit;font-size:15px;line-height:1.4;outline:none;padding:0 14px;box-shadow:inset 0 1px #ffffff09,0 1px #0003;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}[data-theme=light] .announcement-composer-body .form-input{border-color:#1c1a1729;background:#f2ece0e6;box-shadow:inset 0 1px #ffffffbf}.announcement-composer-body .form-input::placeholder{color:var(--muted);opacity:.75}.announcement-composer-body .form-input:hover{border-color:#fff3;background:#0a0c0e4f}[data-theme=light] .announcement-composer-body .form-input:hover{border-color:#1c1a173d;background:#fff}.announcement-composer-body .form-input:focus{border-color:var(--brand);background:#0a0c0e5c;box-shadow:0 0 0 3px #bb4c4b29,inset 0 1px #ffffff0a}[data-theme=light] .announcement-composer-body .form-input:focus{background:#fff;box-shadow:0 0 0 3px #bb4c4b1f}.announcement-composer-body textarea.form-input{min-height:148px;padding:12px 14px;resize:vertical}.announcement-post-input-wrap{position:relative}.announcement-composer-body .announcement-post-input{min-height:246px;padding:24px 52px 24px 26px;border-radius:16px;font-size:22px;line-height:1.45;background:#0a0c0e29}.announcement-post-input-smile{position:absolute;right:20px;bottom:18px;color:var(--muted)}.announcement-upload-field{display:flex;flex-direction:column;gap:16px}.announcement-add-images-button{width:max-content;min-height:52px;display:inline-flex;align-items:center;gap:12px;padding:0 22px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#0a0c0e1f;color:var(--text);font-size:18px;font-weight:600}.announcement-add-images-button svg{padding:2px;border:2px solid currentColor;border-radius:999px}.announcement-image-uploader{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#0a0c0e3d;box-shadow:inset 0 1px #ffffff09,0 1px #0003}[data-theme=light] .announcement-image-uploader{border-color:#1c1a1729;background:#f2ece0e6;box-shadow:inset 0 1px #ffffffbf}.announcement-image-preview{display:grid;place-items:center;width:64px;height:56px;border-radius:8px;background:#ffffff0e;color:var(--muted);overflow:hidden}.announcement-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.announcement-upload-copy{min-width:0}.announcement-upload-copy strong,.announcement-upload-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-upload-copy strong{color:var(--text);font-size:13px;font-weight:800}.announcement-upload-copy small{color:var(--muted);font-size:11px;margin-top:3px}.announcement-upload-actions{display:flex;align-items:center;gap:8px}.announcement-upload-actions .compact-btn{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;font-size:12px}.announcement-upload-error{margin:7px 0 0;color:var(--danger);font-size:12px;line-height:1.4}.announcement-compose-image-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.announcement-compose-image{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#ffffff0b;border:1px solid var(--line-strong)}.announcement-compose-image img{width:100%;height:100%;object-fit:cover}.announcement-compose-image.uploading img{opacity:.55}.announcement-compose-image span{position:absolute;left:8px;bottom:8px;padding:3px 7px;border-radius:999px;background:#000000a3;color:#fff;font-size:10px;font-weight:800}.announcement-compose-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:999px;background:#000000b8;color:#fff}.announcement-compose-more{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:0;background:#0000008f;color:#fff;font-size:26px;font-weight:900}.announcement-gallery-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;background:#000000e6;padding:56px 64px}.announcement-gallery-image{max-width:85vw;max-height:80vh;object-fit:contain;border-radius:8px;background:transparent}.announcement-gallery-close,.announcement-gallery-nav,.announcement-gallery-count{position:fixed;z-index:1301}.announcement-gallery-close{top:18px;right:18px;width:42px;height:42px;background:#ffffff1a;color:#fff}.announcement-gallery-nav{top:50%;width:46px;height:46px;transform:translateY(-50%);background:#ffffff1a;color:#fff}.announcement-gallery-nav.prev{left:18px}.announcement-gallery-nav.next{right:18px}.announcement-gallery-count{position:absolute;left:50%;bottom:24px;transform:translate(-50%);min-height:30px;padding:0 14px;display:inline-flex;align-items:center;border-radius:6px;background:#00000094;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:13px;font-weight:700}.announcement-options-row{align-items:flex-end;margin-top:0!important}.announcement-category-field{min-width:180px}.announcement-pin-field{min-height:48px;color:var(--text)}.announcement-composer-footer{display:flex;gap:24px;justify-content:flex-end;padding:0 36px 32px;border-top:0;flex-shrink:0}.announcement-composer-footer .secondary-button,.announcement-composer-footer .primary-button{min-width:138px;min-height:56px;border-radius:16px;font-size:16px;font-weight:900}.notifications-full-page{display:flex;flex-direction:column;flex:1;width:100%;height:100%;max-height:100%;overflow-y:auto;scrollbar-width:thin;box-sizing:border-box}.notifications-full-page-inner{max-width:780px;margin:0 auto;padding:32px 24px 64px;width:100%;display:flex;flex-direction:column;box-sizing:border-box}.notifications-full-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1.5px solid var(--border-strong);gap:12px;flex-shrink:0}.notifications-full-title{font-size:22px;font-weight:800;color:var(--text);margin:0;display:flex;align-items:center;gap:10px}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--muted);text-align:center}.notifications-list{display:flex;flex-direction:column;gap:6px;width:100%}.notification-full-row{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:12px;width:100%;text-align:left;background:transparent;border:0;cursor:pointer;transition:background .12s;position:relative}.notification-full-row:hover{background:var(--surface-strong)}.notification-full-row.unread{background:#bb4c4b0f}.notification-full-content{flex:1;min-width:0}.notification-full-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.notification-full-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-full-time{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}.notification-full-preview{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.notification-full-dot{flex-shrink:0}.thread-section-top{margin-top:0}.thread-section-title{padding:0 3px;color:var(--subtle);font-size:11px;font-weight:800;text-transform:uppercase}.thread-section-toggle{width:100%;min-height:22px;display:flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--subtle);padding:0 1px;font-size:11px;font-weight:800;text-align:left;text-transform:uppercase}.thread-section-toggle:hover{color:var(--text)}.thread-section-toggle svg{flex:0 0 auto}.thread-section-title-spaced{display:block;margin:12px 0 7px}.thread-section-toggle.thread-section-title-spaced{display:flex}.thread-empty{padding:8px 9px;color:var(--muted);font-size:12px}.muted-avatar{background:var(--surface-3);color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #34d3991f;flex:0 0 auto}.thread-unread-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--brand);flex:0 0 auto;margin-left:auto;box-shadow:0 0 8px var(--brand);animation:unread-pulse 2s ease-in-out infinite}@keyframes unread-pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--brand)}50%{opacity:.7;box-shadow:0 0 14px var(--brand)}}.chat-panel{position:relative;display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden;background:transparent}.chat-header{position:absolute;top:14px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;border-bottom:none;background:transparent;z-index:10;pointer-events:none}.chat-header-left{display:flex;align-items:center;gap:8px;min-width:0;pointer-events:auto;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.chat-title-block{min-width:0;display:flex;align-items:center;gap:10px}.chat-title-block span:last-child{min-width:0}.chat-title-block strong,.chat-title-block small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title-block small{color:var(--muted);font-size:12px}.chat-avatar{width:32px;height:32px}.chat-header-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto;pointer-events:auto}.thread-heading-actions,.mobile-chat-alert-actions{display:inline-flex;align-items:center;gap:8px}.mobile-chat-alert-actions{flex:0 0 auto}.mobile-chat-alert-button{position:relative;width:36px;height:36px;min-height:36px;padding:0;display:inline-grid;place-items:center}.mobile-chat-alert-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:999px;background:var(--brand);border:1.5px solid var(--surface-2)}.chat-action-group{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:0;background:transparent;padding:0;box-shadow:none}.chat-action-group .icon-button{width:32px;height:32px;min-height:32px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--text-muted);box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .16s ease}.chat-action-group .icon-button:hover{border-color:var(--brand);background:var(--surface-2);color:var(--brand);transform:scale(1.05)}.chat-action-group .icon-button.selected{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important;box-shadow:0 0 10px #bb4c4b66!important}.chat-action-group .icon-button.muted-bell{color:var(--muted);opacity:.65}.bell-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000052;z-index:200;overflow:hidden;animation:fadeSlideDown .15s ease}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bell-menu-header{display:flex;align-items:center;gap:7px;padding:11px 14px 9px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.bell-menu-guide{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 16px;text-align:center}.bell-menu-icon{font-size:28px;line-height:1}.bell-menu-guide p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}.bell-menu-body{padding:12px 14px}.bell-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.bell-toggle-row span{display:flex;flex-direction:column;gap:2px}.bell-toggle-row strong{font-size:13px;font-weight:600;color:var(--text)}.bell-toggle-row small{font-size:11.5px;color:var(--muted);line-height:1.4}.toggle-pill{flex-shrink:0;width:38px;height:22px;border-radius:11px;background:var(--surface-3, #374151);border:none;cursor:pointer;position:relative;transition:background .2s ease;padding:0}.toggle-pill.active{background:var(--brand)}.toggle-pill-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;display:block}.toggle-pill.active .toggle-pill-thumb{transform:translate(16px)}.fit-button{width:100%;justify-content:center}.message-list{flex:1;width:100%;max-width:680px;margin:0 auto;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:76px 16px 12px;background:transparent;box-sizing:border-box;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 20px,black 56px,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 20px,black 56px,black 100%)}.message-list.is-empty{justify-content:center}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;padding:40px;color:var(--muted);text-align:center}.message-read-status{display:flex;align-items:center;margin-top:2px;min-height:16px}.message:not(.mine) .message-read-status{margin-left:39px}.message.mine .message-read-status{justify-content:flex-end;align-self:flex-end}.read-avatar-row{display:flex;align-items:center}.read-avatar-row .read-avatar{width:14px!important;height:14px!important;font-size:8px!important;border:1px solid var(--surface-2, var(--surface));margin-left:-4px;transition:transform .2s ease,margin-left .2s ease}.read-avatar-row .read-avatar:first-child{margin-left:0}.read-avatar-row .read-avatar:hover{transform:scale(1.3);margin-left:0;z-index:10}.read-avatar-row .read-avatar-more{width:14px!important;height:14px!important;font-size:8px!important;font-weight:700;border-radius:50%;border:1px solid var(--surface-2, var(--surface));background:var(--surface-3);color:var(--muted);display:flex;align-items:center;justify-content:center;margin-left:-4px;-webkit-user-select:none;user-select:none;cursor:help;transition:transform .2s ease,margin-left .2s ease}.read-avatar-row .read-avatar-more:hover{transform:scale(1.3);margin-left:0;z-index:10}.message-read-status .read-avatar{width:14px!important;height:14px!important;font-size:8px!important;border:1px solid var(--surface-2, var(--surface))}.read-status-checkmark{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--subtle, #5c5c64);color:var(--subtle, #5c5c64);background:transparent;opacity:.7}.seen-by-text{font-size:11px;color:var(--subtle);font-weight:400;opacity:.85}.message{display:flex;align-items:stretch;min-width:0;justify-content:flex-start;margin-top:6px}.message.consecutive{margin-top:5px}.message.first-in-group{margin-top:20px}.message-list>div:first-child .message{margin-top:0}.message-highlight .message-bubble{animation:messagePulse 1.2s ease}@keyframes messagePulse{0%{box-shadow:0 0 #bb4c4b70}to{box-shadow:0 0 0 12px #bb4c4b00}}.message.mine{justify-content:flex-end}.message-stack{max-width:min(760px,100%);min-width:0;display:grid;gap:5px;position:relative}.message.mine .message-stack{justify-items:end}.message-content-row{display:flex;align-items:flex-end;gap:9px;max-width:100%;min-width:0}.message.mine .message-content-row{justify-content:flex-end}.message-meta{display:none;align-items:center;gap:8px;color:var(--subtle);font-size:11px;padding:0 3px}.message-meta.visible{display:flex}.message-meta strong{color:var(--muted);font-size:11px}.message:not(.mine) .message-meta{padding-left:39px}.message-avatar{width:30px;height:30px;font-size:12px;background:var(--surface-3);flex-shrink:0;overflow:hidden}.message-avatar-spacer{width:30px;height:30px;flex-shrink:0}.message-bubble-shell{position:relative;display:grid;max-width:min(500px,100%);min-width:0}.message-bubble-shell.attachment-only-shell{width:min(400px,100%);max-width:min(400px,100%)}.message.mine .message-bubble-shell.attachment-only-shell{justify-self:end}.message:not(.mine) .message-bubble-shell.attachment-only-shell{justify-self:start}.message-bubble{position:relative;max-width:100%;min-width:0;border-radius:10px;padding:8px 12px;border:1px solid var(--border-strong);background:var(--surface-2);line-height:1.5;font-size:13.5px;font-weight:400;overflow-wrap:anywhere;word-break:break-word}.message.mine .message-bubble{background:var(--surface-3);border:1.5px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow-sm)}.message-bubble.attachment-only,.message.mine .message-bubble.attachment-only{width:100%;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none}.message-bubble.attachment-only.menu-open{border-color:transparent;box-shadow:none}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.message-lesson-reference{display:flex;flex-direction:column;gap:8px}.message-lesson-reference-header{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:#bb4c4b1f;border:1px solid rgba(187,76,75,.25);color:var(--text);font-size:12px;line-height:1.25}.message-lesson-reference-header svg{color:var(--brand);flex-shrink:0}.message-lesson-reference-header strong{font-weight:700;color:var(--brand)}.message-lesson-reference-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.message-desktop-actions{display:none;align-items:center;align-self:flex-end;gap:6px;margin-bottom:4px;margin-left:4px;opacity:0;transform:translateY(2px) scale(.96);transition:opacity .14s ease,transform .14s ease;z-index:5}.desktop-emoji-anchor{position:relative;display:grid;place-items:center}.desktop-action-btn{width:24px;height:24px;display:inline-grid;place-items:center;padding:0;border:1.5px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--muted);box-shadow:0 2px 8px #00000029;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.desktop-action-btn:hover,.desktop-action-btn:focus-visible{border-color:var(--brand);background:var(--surface-2);color:var(--brand);outline:none;transform:translateY(-1px) scale(1.08);box-shadow:0 4px 10px #00000038}.desktop-action-btn.active{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important;outline:none;transform:translateY(0) scale(1.05)!important;box-shadow:0 0 10px #bb4c4b66!important}.desktop-emoji-picker{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:70;display:flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid rgba(187,76,75,.24);border-radius:999px;background:#141619f5;box-shadow:0 8px 24px #00000059;transform:translate(-50%)}.desktop-emoji-picker button{width:26px;height:26px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:999px;background:transparent;font-size:16px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.desktop-emoji-picker button:hover,.desktop-emoji-picker button:focus-visible{border-color:#bb4c4b5c;background:#bb4c4b29;transform:scale(1.15);outline:none}@media (hover: hover) and (pointer: fine){.message-bubble-shell:hover .message-desktop-actions,.message-bubble:hover .message-desktop-actions,.message-desktop-actions:hover,.message.actions-open .message-desktop-actions{display:flex;opacity:1;transform:translate(-50%,-50%) scale(1)!important}}.message-reply-preview{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-width:0;margin:0 0 9px;padding:7px 9px;border-left:3px solid var(--brand);border-radius:7px;background:#ffffff0f}.message-reply-preview.unavailable{opacity:.72}.message-reply-preview strong,.message-reply-preview span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-preview strong{color:var(--brand);font-size:11px;font-weight:800}.message-reply-preview span{color:var(--muted);font-size:12px}.message-reply-icon,.message-reply-thumb{width:34px;height:34px;flex-shrink:0}.message-reply-icon{display:grid;place-items:center;border-radius:7px;background:#bb4c4b24;color:var(--brand)}.message-reply-thumb{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.message-reply-thumb img{width:100%;height:100%;object-fit:cover}.deleted-message-text{color:var(--muted);font-style:italic}.message-bubble:not(.menu-open){cursor:pointer}.message-bubble.menu-open{border-color:#bb4c4b73;box-shadow:0 0 0 1px #bb4c4b1f}.message-action-menu{width:min(240px,calc(100vw - 48px));max-width:none;position:absolute;top:auto;bottom:calc(100% + 8px);left:0;z-index:60;display:grid;gap:6px;margin-top:0;padding:8px;border:1px solid rgba(187,76,75,.28);border-radius:14px;background:#141619f7;box-shadow:0 10px 30px #00000080,0 0 0 1px #bb4c4b14}.message-action-menu.mine{right:0;left:auto;justify-self:end}.message-action-reactions{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:2px}.message-action-reactions button,.message-action-list button,.reaction-pill{border:1px solid transparent;background:transparent;color:var(--text)}.message-action-reactions button{width:38px;height:36px;display:inline-grid;place-items:center;border-radius:10px;font-size:18px}.message-action-reactions button:hover,.message-action-reactions button:focus-visible{border-color:#bb4c4b47;background:#bb4c4b1a;outline:none}.message-action-list{display:grid;gap:2px;padding-top:5px;border-top:1px solid rgba(255,255,255,.08)}.message-action-list button{min-height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:10px;color:#ffffffdb;font-size:13px;font-weight:700;text-align:left}.message-action-list button svg{color:#ffffffad}.message-action-list button:hover,.message-action-list button:focus-visible{background:#ffffff12;outline:none}.message-action-list button.danger{color:#fda4af}.message-action-list button.danger svg{color:#fb7185}[data-theme=light] .message-action-menu{background:#fffffffa;border-color:#bb4c4b59;box-shadow:0 10px 30px #00000029,0 0 0 1px #bb4c4b14}[data-theme=light] .message-action-list{border-top-color:var(--line)}[data-theme=light] .message-action-list button{color:var(--text)}[data-theme=light] .message-action-list button svg{color:var(--muted)}[data-theme=light] .message-action-list button:hover,[data-theme=light] .message-action-list button:focus-visible{background:#bb4c4b14}[data-theme=light] .message-action-list button.danger{color:var(--danger)}[data-theme=light] .message-action-list button.danger svg{color:var(--danger)}.reaction-pill-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:5px;min-width:0}.message:not(.mine) .reaction-pill-row{margin-left:39px}.message.mine .reaction-pill-row{justify-self:end}.reaction-pill{min-height:26px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-color:var(--line);border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:800}.reaction-pill span{font-size:14px;line-height:1}.reaction-pill strong{color:inherit;font-size:12px}.reaction-pill.reacted{border-color:#bb4c4b57;background:#bb4c4b21;color:var(--brand)}.reaction-pill:hover,.reaction-pill:focus-visible{border-color:#bb4c4b6b;color:var(--text);outline:none}.message-edit-box{display:grid;gap:8px;min-width:min(360px,68vw)}.message-edit-box textarea{width:100%;min-height:84px;max-height:160px;resize:none;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:9px 10px;outline:none}.message-edit-actions{display:flex;justify-content:flex-end;gap:6px}.inline-attachment-link{border:0;background:transparent;color:var(--brand);padding:0;text-decoration:underline;font-weight:700;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.image-preview-card{position:relative;width:100%;max-width:100%;margin-top:4px;padding:0;overflow:hidden;box-sizing:border-box;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:zoom-in}.image-preview-card img{width:100%;max-height:280px;display:block;object-fit:cover}.file-preview-card{display:flex;align-items:center;gap:12px;width:100%;max-width:100%;min-width:0;margin-top:4px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:inherit;text-decoration:none}.file-preview-card svg{flex-shrink:0;color:var(--brand)}.file-preview-card div{min-width:0}.file-preview-card strong,.file-preview-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-card strong{color:var(--text);font-size:12px}.file-preview-card small{color:var(--muted);font-size:10px}.chat-attachment-unavailable{border-color:#ffffff14;color:var(--muted)}.chat-attachment-unavailable svg{color:var(--muted)}.message-bubble.attachment-only .image-preview-card,.message-bubble.attachment-only .file-preview-card{margin-top:0}.message-bubble.attachment-only .file-preview-card{background:var(--surface-2);border-color:var(--line)}.image-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#000000c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-preview-dialog{position:relative;width:fit-content;max-width:min(1080px,96vw);max-height:92vh;display:flex;justify-content:center;align-items:center;background:transparent;box-shadow:var(--shadow-hover);overflow:hidden}.image-preview-toolbar{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;gap:8px}.image-preview-dialog img{max-width:100%;max-height:92vh;object-fit:contain;border-radius:16px;border:1px solid var(--line-strong)}.image-preview-save,.image-preview-close{height:38px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0000007a;color:#fff}.image-preview-save{display:inline-flex;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:800}.image-preview-close{width:38px;display:inline-grid;place-items:center}.message-day{display:flex;align-items:center;gap:12px;color:var(--subtle);font-size:11px;font-weight:800;margin:28px 0 14px;white-space:nowrap}.message-day:after{content:"";flex:1;height:1px;background-color:var(--line)}.chat-compose{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-end;gap:8px;width:100%;max-width:680px;margin:0 auto 12px;padding:8px;border:1.5px solid var(--border-strong);border-radius:18px;background:var(--surface-2);box-shadow:0 10px 28px #00000024,0 2px 6px #0000000f;box-sizing:border-box}.chat-compose-alert{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:680px;margin:0 auto 8px;padding:9px 14px;border:1px solid rgba(239,68,68,.3);border-radius:12px;background:#ef44441a;color:var(--danger);font-size:13px;cursor:pointer;box-sizing:border-box}.chat-compose:before{display:none}.chat-compose:focus-within{border-color:var(--brand)}.chat-compose>.secondary-button.icon-only,.chat-compose>.primary-button.icon-only{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;align-self:flex-end}.compose-attachment-preview-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-width:760px}.compose-reply-preview{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;max-width:760px}.compose-reply-preview .message-reply-preview{margin:0}.compose-reply-preview .icon-only{width:34px;height:34px}.compose-attachment-preview{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid rgba(187,76,75,.28);border-radius:8px;background:#bb4c4b1a}.compose-attachment-preview img{width:54px;height:54px;border-radius:7px;object-fit:cover;background:var(--surface)}.compose-attachment-preview strong,.compose-attachment-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-attachment-preview small{color:var(--muted);font-size:11px}.chat-compose textarea{flex:1;min-height:40px;max-height:150px;resize:none;overflow-y:hidden;border:0;border-radius:12px;background:transparent;padding:9px 4px;align-self:center}.chat-compose textarea:focus{border-color:transparent;box-shadow:none}.side-panel.compact{max-height:none;overflow:auto}.student-record-panel-frameless{height:100%;display:flex;flex-direction:column;gap:14px;min-width:0}.student-record-heading{display:grid;gap:4px;min-width:0}.student-record-heading h3{margin:0;color:var(--text);font-size:18px;line-height:1.2;overflow-wrap:anywhere}.student-record-heading p{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.record-progress-section{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff06}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.record-grid.record-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid div{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.record-grid span,.access-row small{display:block;color:var(--muted);font-size:12px}.record-grid strong{display:block;margin-top:2px;font-size:20px}.record-section{display:grid;gap:8px}.record-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.record-section h4{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase}.record-section-heading span,.record-empty-note{color:var(--muted);font-size:12px}.access-list-compact{display:grid;gap:8px}.access-row,.lesson-record{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2)}.access-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-date{color:var(--text);font-size:12px}.record-action-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.record-action-footer .secondary-button{width:100%;justify-content:center}.access-control-list{display:grid;gap:10px}.access-control-card{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:16px;transition:border-color .2s,background-color .2s}.access-control-card.enabled{border-color:var(--line-strong);background:#ffffff03}.access-control-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.access-control-info{display:flex;flex-direction:column;gap:2px;min-width:0}.access-control-info strong{color:var(--text);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-status-text{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.expired{background:var(--warning);box-shadow:0 0 8px var(--warning)}.switch-toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;cursor:pointer}.switch-toggle input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--surface-3);border-radius:34px;transition:background-color .2s}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text);border-radius:50%;transition:transform .2s}.switch-toggle input:checked+.switch-slider{background-color:var(--brand)}.switch-toggle input:checked+.switch-slider:before{transform:translate(18px)}.access-duration-settings{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--line);animation:modalSlideUp .2s ease-out forwards}.duration-selector-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.duration-label{color:var(--muted);font-size:12px;font-weight:500}.duration-pill-group{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px}.duration-pill-group button{border:0;background:transparent;color:var(--muted);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;min-height:28px;transition:background-color .15s,color .15s}.duration-pill-group button.selected{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border-strong);font-weight:800;box-shadow:0 1px 3px #0000000f}.duration-preview-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.duration-dates{margin:0;font-size:11px;color:var(--muted)}.duration-dates strong{color:var(--text);font-weight:600}.duration-feature-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);font-size:10px;font-weight:700}.date-picker-input{max-width:150px;min-height:28px!important;padding:4px 8px!important;font-size:13px!important;border-radius:6px!important;background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;text-align:center}.full-button{width:100%}.action-status{margin:8px 0 0;color:var(--muted);font-size:12px}.account-actions{border-top:1px solid var(--line-strong);padding-top:12px}.warning-button,.danger-button{width:100%;min-height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.warning-button{border-color:#f6b44b3d;color:var(--warning);background:#f6b44b0f}.danger-button{border:1px solid rgba(239,111,123,.28);background:#ef6f7b14;color:var(--danger)}.danger-button:hover{border-color:#ef6f7b75;background:#ef6f7b24}.static-record{cursor:default}.access-row span,.lesson-record span{min-width:0}.access-row strong,.lesson-record strong,.lesson-record small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-record small{display:block;color:var(--muted)}.admin-row,.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}.admin-row,.settings-row{grid-template-columns:auto minmax(0,1fr) auto}.admin-row strong,.admin-row small,.settings-row strong,.settings-row small{display:block}.admin-row small,.settings-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-panel{text-align:center}.invite-panel svg{color:var(--brand)}.invite-form-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}.settings-page{width:100%;max-width:1024px;margin:0 auto;padding:8px 8px 32px}.settings-page-title{margin-bottom:28px}.settings-page-title h1{margin:0;font-size:clamp(26px,3vw,32px);color:var(--text)}.chat-library-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:850;display:flex;align-items:center;justify-content:center;padding:28px;background:#00000080}.chat-library-panel{width:min(480px,calc(100vw - 32px));height:min(760px,calc(100vh - 56px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-hover)}.chat-side-panel{min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.chat-library-header{display:flex;align-items:center;gap:12px;padding:22px 22px 18px}.chat-side-panel .chat-library-header{justify-content:space-between;padding:18px 18px 14px}.chat-side-panel .chat-library-tabs{padding:0 18px}.chat-side-panel .chat-library-content{padding:14px 18px 18px}.chat-library-header h3{margin:0;font-size:18px}.chat-library-header p{margin:2px 0 0;color:var(--muted);font-size:12px}.chat-library-back{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text)}.chat-library-back:hover{background:var(--surface-2)}.noti-switcher{display:inline-flex;align-items:center;gap:0;padding:0;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;overflow:hidden;transition:all .2s ease}.noti-switcher:hover:not(:disabled){border-color:var(--line-strong)!important;background:var(--surface-3)!important}.noti-switcher:disabled{opacity:.5;cursor:not-allowed}.noti-switcher-bell{display:flex;align-items:center;justify-content:center;padding:0 8px;height:100%}.noti-switcher-divider{width:1px;height:14px;background-color:var(--line)}.noti-switcher-status{display:flex;align-items:center;justify-content:center;padding:0 10px;height:100%;font-size:10px;font-weight:800;letter-spacing:.5px;transition:all .2s ease}.noti-switcher-status.active{background-color:#10b9811f;color:var(--success)}.noti-switcher-status.muted{background-color:#ef44441f;color:var(--danger)}.chat-library-tabs{display:flex;align-items:flex-end;gap:18px;padding:0 22px;border-bottom:1px solid var(--line)}.chat-library-tabs button{min-height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:0 0 9px;font-weight:800}.chat-library-tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.chat-library-content{flex:1;min-height:0;overflow:auto;padding:14px 22px 20px}.record-month-label{display:block;margin:0 0 8px;color:var(--text);font-weight:800}.media-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.media-record-tile{position:relative;aspect-ratio:1;overflow:hidden;border-radius:2px;background:#111416}.media-record-preview{width:100%;height:100%;border:0;background:transparent;padding:0;cursor:zoom-in}.media-record-preview img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease,filter .18s ease}.media-record-preview:hover img,.media-record-preview:focus-visible img{transform:scale(1.04);filter:brightness(1.08)}.record-list{display:grid;gap:8px}.record-row{min-height:58px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);padding:10px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.record-row:hover,.record-row:focus-visible{border-color:#bb4c4b57;background:#bb4c4b1a;transform:translateY(-1px);outline:none}.record-thumb{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:8px;background:#00000038;color:var(--muted)}.record-copy{min-width:0}.record-copy strong,.record-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-copy strong{color:var(--text);font-weight:800}.record-copy span{color:var(--muted);font-size:12px}.record-open-icon{color:var(--muted);transition:color .16s ease}.record-row:hover .record-open-icon,.record-row:focus-visible .record-open-icon{color:var(--brand)}.library-empty{height:100%;min-height:240px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.library-empty strong{color:var(--text)}.group-members-panel{width:min(520px,calc(100vw - 32px))}.member-summary-text{font-size:12.5px;color:var(--text-muted);padding:10px 22px 14px;border-bottom:1px solid var(--line);text-align:left}.member-summary-text strong{color:var(--text);font-weight:700}.group-member-list{flex:1;min-height:0;overflow:auto;padding:12px 22px 20px}.group-member-row{min-height:72px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.group-member-copy{min-width:0}.group-member-copy strong,.group-member-copy span,.group-member-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-copy strong{color:var(--text)}.group-member-copy span,.group-member-copy small{color:var(--muted);font-size:12px}.group-member-actions{display:flex;align-items:center;gap:7px}.member-status{display:inline-flex;align-items:center;min-height:22px;border-radius:6px;padding:0 8px;font-size:10.5px;font-weight:800;text-transform:capitalize;letter-spacing:.02em}.member-status.active{border:1px solid rgba(52,211,153,.24);background:#34d39914;color:var(--success)}.member-status.expired{border:1px solid rgba(246,180,75,.24);background:#f6b44b14;color:var(--warning)}.group-member-actions button{min-height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);padding:0 10px;font-size:12px;font-weight:800}.group-member-actions button:hover{border-color:#bb4c4b52;color:#fff}.settings-page-title p{margin:6px 0 0;color:var(--muted);font-size:14px}.settings-layout{display:flex;flex-direction:column;gap:20px;width:100%}.settings-shell{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:flex-start;gap:32px;width:100%}.settings-sidebar{width:240px}.settings-sidebar-desktop{display:block}.settings-sidebar-header{padding:0 4px 14px;margin-bottom:10px;border-bottom:1.5px solid var(--line)}.settings-sidebar-title{margin:0;font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.01em}.settings-mobile-header,.settings-back-btn,.settings-mobile-utilities{display:none}.settings-nav{display:flex;flex-direction:column;gap:6px}.settings-nav-item{width:100%;display:flex;align-items:center;gap:12px;border:1.5px solid transparent;border-radius:8px;background:transparent;color:var(--muted);padding:10px 14px;text-align:left;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s ease;text-decoration:none}.settings-nav-item svg{color:var(--muted);opacity:.8;transition:all .15s ease;flex-shrink:0}.settings-nav-item:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.settings-nav-item:hover svg{color:var(--text);opacity:1}.settings-nav-item.active{background:var(--surface-2);border-color:var(--text);color:var(--text);font-weight:800;box-shadow:var(--shadow-sm)}.settings-nav-item.active svg{color:var(--brand);opacity:1}.settings-content{flex:1;min-width:0}.settings-card{border:1.5px solid var(--border-strong);border-radius:var(--radius-card, 12px);background:var(--surface-2);box-shadow:var(--shadow-sm);padding:28px;max-width:800px;width:100%;box-sizing:border-box}.settings-card.tab-profile{max-width:800px}.settings-card.tab-appearance{max-width:640px}.settings-card.tab-password{max-width:800px}.settings-card.tab-notifications{max-width:640px}.settings-card.tab-support,.settings-card.tab-purchases{max-width:800px}.settings-stack{display:grid;gap:20px}.settings-card.small-card{padding:22px}.settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.settings-card-heading h2{margin:0;font-size:18px}.settings-card-heading p{margin:6px 0 0;color:var(--muted);font-size:14px}.settings-card-heading>svg{color:var(--brand)}.purchases-loading,.purchases-error{margin:0 0 16px;font-size:14px;color:var(--muted)}.purchases-error{color:var(--danger)}.purchases-empty{display:grid;justify-items:center;gap:12px}.purchases-list{display:grid;gap:22px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.purchases-group{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.purchases-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--line);width:100%;max-width:100%;min-width:0;box-sizing:border-box}.purchases-group-month{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--brand);flex-shrink:0}.purchases-group-total{font-size:12px;font-weight:700;color:var(--muted);text-align:right;flex-shrink:0}.purchases-row{border:1.5px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:10px;overflow:hidden;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.purchases-row.is-open{border-color:var(--border-strong)}.purchases-row-summary{width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:14px 16px;background:none;border:none;text-align:left;cursor:pointer;color:var(--text)}.purchases-row-main{display:block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}.purchases-row-title{display:block;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.purchases-row-meta{display:block;margin-top:4px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.purchases-status{font-weight:700}.purchases-status.tone-ok{color:var(--success)}.purchases-status.tone-warn{color:var(--warning)}.purchases-status.tone-bad{color:var(--danger)}.purchases-status.tone-muted{color:var(--muted)}.purchases-row-amount{flex:0 0 auto;font-size:14px;font-weight:800;white-space:nowrap}.purchases-row-chevron{flex:0 0 auto;color:var(--muted);transition:transform .15s ease}.purchases-row.is-open .purchases-row-chevron{transform:rotate(180deg)}.purchases-detail{border-top:1px solid var(--line);padding:16px;display:grid;gap:16px;background:var(--surface-2);width:100%;box-sizing:border-box}.purchases-breakdown{margin:0;display:grid;gap:6px;font-size:13px}.purchases-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.purchases-breakdown dt{color:var(--muted)}.purchases-breakdown dd{margin:0;font-weight:600}.purchases-breakdown-total{padding-top:6px;border-top:1px solid var(--line)}.purchases-breakdown-total dt,.purchases-breakdown-total dd{font-weight:800;color:var(--text)}.purchases-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;font-size:12px}.purchases-facts span{display:block;color:var(--muted)}.purchases-facts strong{display:block;margin-top:2px;font-size:13px;word-break:break-word}.purchases-note{margin:0;font-size:12px;color:var(--muted)}.purchases-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.purchases-support-link,.purchases-catalog-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-size:13px;font-weight:700;color:var(--brand);cursor:pointer;text-decoration:none}.purchases-support-link:hover,.purchases-catalog-link:hover{text-decoration:underline}.purchases-watch-btn{display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:#fff;border:1.5px solid var(--border-strong);border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:1.5px 1.5px 0 var(--border-strong);transition:transform .1s ease,box-shadow .1s ease}.purchases-watch-btn:hover{transform:translate(-1px,-1px);box-shadow:2.5px 2.5px 0 var(--border-strong)}.purchases-watch-btn:active{transform:translate(1px,1px);box-shadow:.5px .5px 0 var(--border-strong)}@media (max-width: 640px){.purchases-row-summary{flex-wrap:wrap;gap:8px 12px}.purchases-row-title{white-space:normal}}.notification-preferences-list{display:grid;gap:12px;margin-top:18px}.notification-preference-card{min-height:74px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 72%,var(--surface-2));padding:14px 16px}.notification-preference-card.group-chat-card{border-color:color-mix(in srgb,var(--brand) 26%,var(--line));background:color-mix(in srgb,var(--brand-light) 24%,var(--surface))}.notification-preference-card.group-chat-card.muted{border-color:color-mix(in srgb,var(--danger) 32%,var(--line))}.notification-preference-copy{min-width:0;display:grid;gap:4px}.notification-preference-copy strong{color:var(--text);font-size:15px;line-height:1.2}.notification-preference-copy span{color:var(--muted);font-size:12px;line-height:1.35}.notification-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px}.notification-toggle-pill{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);padding:0 16px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-toggle-pill:not(.disabled):hover{border-color:var(--brand);color:var(--text);background:color-mix(in srgb,var(--brand) 4%,var(--surface-2))}.notification-toggle-pill:not(.disabled):hover svg{color:var(--brand)}.notification-toggle-pill.disabled{color:var(--subtle);border-color:var(--line);background:#ffffff05;cursor:not-allowed;opacity:.5}.notification-toggle-pill input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.notification-toggle-pill svg{color:var(--muted);flex:0 0 auto;transition:color .2s ease}.notification-toggle-pill.disabled svg{color:var(--subtle)!important}.notification-toggle-pill:has(input:checked){background:color-mix(in srgb,var(--brand) 12%,var(--surface-2));border-color:var(--brand);color:var(--brand);font-weight:700;box-shadow:0 0 12px #bb4c4b1a}.notification-toggle-pill:has(input:checked) svg{color:var(--brand)}.notification-toggle-pill.group-toggle{min-width:112px}.profile-editor{display:flex;gap:32px;align-items:flex-start}.profile-photo-block{width:128px;flex:0 0 128px;display:grid;justify-items:center;gap:12px}.profile-photo{width:96px;height:96px;display:inline-grid;place-items:center;border-radius:999px;background:var(--brand-light);color:var(--brand);box-shadow:inset 0 0 0 1px #bb4c4b33;font-size:36px;font-weight:900}.photo-button,.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.photo-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid var(--line-strong);border-radius:8px;padding:0 10px}.photo-button:hover,.text-button:hover{color:var(--text);border-color:var(--line-strong)}.settings-form{flex:1;min-width:0;display:grid;gap:16px;width:100%}.settings-form.compact-form{max-width:560px}.settings-form label{display:grid;gap:6px}.settings-form label>span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.settings-form small{color:var(--muted);font-size:11px;opacity:.85}.muted-input{opacity:.65;cursor:not-allowed}.settings-form-actions{display:flex;align-items:center;gap:16px;padding-top:4px}.settings-form-actions p{margin:0;color:var(--muted);font-size:13px}.fit-button{width:fit-content}.profile-access-list{display:grid;gap:12px;max-width:560px}.profile-access-row{display:flex;align-items:center;gap:12px;border:1.5px solid rgba(187,76,75,.25);border-radius:12px;background:#bb4c4b0d;padding:12px 14px}.profile-access-row.admin-access{border-color:#f6b44b47;background:#f6b44b0f}.profile-access-row.muted-row{border-color:var(--border-strong);background:var(--surface-2)}.profile-access-row strong,.profile-access-row small{display:block}.profile-access-row strong{color:var(--text);font-size:14px;font-weight:700}.profile-access-row small{color:var(--brand);font-size:12px;margin-top:2px;font-weight:500}.profile-access-row.admin-access small,.profile-access-row.muted-row small{color:var(--muted)}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--brand)}.status-dot.warning{background:var(--warning)}.status-dot.muted,.status-dot.expired{background:var(--muted)}.telegram-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;padding:18px}.telegram-card.connected{border-color:#34d3993d;background:#34d3990d}.telegram-card>svg{color:var(--warning)}.telegram-card.connected>svg{color:var(--success)}.telegram-card strong,.telegram-card small{display:block;min-width:0}.telegram-card strong{color:var(--text);font-size:14px}.telegram-card small{color:var(--muted);font-size:12px;margin-top:4px}.telegram-card .telegram-pending{color:var(--warning)}.telegram-card .telegram-message{color:var(--success)}.telegram-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.telegram-actions .primary-button,.telegram-actions .secondary-button{min-height:36px}.telegram-open-link{text-decoration:none}.danger-button{color:var(--danger);border-color:#ef6f7b3d}.danger-button:hover{background:#ef6f7b14}.toggle-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:700}.toggle-row input{accent-color:var(--brand)}.support-grid{display:grid;gap:10px}.support-row{width:100%;border:1px solid var(--line-strong);border-radius:12px;background:#ffffff08;color:var(--text);padding:14px;text-align:left}.support-row:hover{border-color:#bb4c4b52;background:#bb4c4b14}.support-row strong,.support-row small{display:block}.support-row small{color:var(--muted);margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#000000b8}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;display:grid;gap:12px;padding:18px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.modal label{display:grid;gap:6px;color:var(--muted);font-weight:700}.empty-state{min-height:280px;border:1px dashed var(--line-strong);border-radius:8px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center}.empty-icon{color:var(--brand)}.mobile-nav{display:none}@media (max-width: 1180px){.page-grid,.manage-layout{grid-template-columns:1fr}.chat-layout.admin-chat,.chat-layout.admin-chat.sidebar-visible,.chat-layout.student-chat.sidebar-visible{grid-template-columns:300px minmax(0,1fr)}.chat-layout .side-panel{position:fixed;top:84px;right:16px;bottom:24px;z-index:720;width:min(360px,calc(100vw - 32px));border:1.5px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-hover)}.chat-layout .chat-side-panel{display:flex}.side-panel.compact{max-height:none}}@media (max-width: 768px){.chat-layout{height:auto;min-height:auto}.chat-layout.student-chat,.chat-layout.admin-chat{grid-template-columns:1fr}.chat-layout .side-panel{top:74px;right:14px;bottom:86px;left:14px;width:auto}}@media (max-width: 860px){.topbar-inner{padding:0 14px}.desktop-nav,.profile-trigger-name,.profile-trigger .chevron{display:none}.content{padding:14px 14px calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom))}.learning-layout{grid-template-columns:1fr;height:auto;min-height:auto}.lesson-sidebar{position:static;height:auto}.lesson-detail-grid,.invite-form-preview{grid-template-columns:1fr}.notification-preference-card{grid-template-columns:1fr;align-items:stretch;gap:12px}.notification-channel-grid{grid-template-columns:1fr 1fr}.notification-toggle-pill.group-toggle{width:100%}.chat-panel{min-height:560px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;width:100vw;width:100svw;max-width:100svw;height:calc(var(--mobile-nav-h, 58px) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}.mobile-nav button{min-width:0;display:grid;place-items:center;align-content:center;gap:3px;color:var(--muted);font-size:11px}.mobile-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav button.active{color:var(--brand);background:#bb4c4b1f}.settings-page{padding:0 0 86px}.settings-page-title{margin-bottom:18px}.settings-shell{display:grid;gap:16px}.settings-sidebar{width:100%;flex-basis:auto}.settings-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{padding:18px}.profile-editor{display:grid;gap:20px}.profile-photo-block{width:100%;grid-template-columns:auto auto auto;justify-content:start;align-items:center}}@media (max-width: 560px){.course-card,.admin-row,.settings-row,.access-row{grid-template-columns:1fr}.course-art{min-height:140px}.segmented button{padding:7px 8px}.telegram-card{grid-template-columns:1fr;justify-items:start}}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.student-profile-column{position:sticky;top:24px}.settings-drawer{display:none}@media (max-width: 860px){.dashboard-grid{grid-template-columns:1fr}.student-profile-column{position:static}}.profile-card-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:modalFadeIn .2s ease-out forwards}.profile-card-modal{width:440px;max-width:90vw;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-hover);animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1) forwards}.profile-card-banner{position:relative;height:100px}.profile-card-close-btn{position:absolute;top:12px;right:12px;background:#00000040;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.profile-card-close-btn:hover{background:#00000073;transform:scale(1.05)}.profile-card-content{padding:20px 24px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-card-avatar-container{margin-top:-60px;margin-bottom:12px;border:4px solid var(--surface);border-radius:50%;overflow:hidden;width:80px;height:80px;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.profile-card-avatar-button{padding:0;cursor:zoom-in;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.profile-card-avatar-button:hover{transform:translateY(-1px) scale(1.03);border-color:color-mix(in srgb,var(--brand) 35%,var(--surface));box-shadow:0 8px 22px #00000038}.profile-card-avatar-button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.profile-card-avatar{width:100%!important;height:100%!important;font-size:26px!important;line-height:72px!important}.profile-avatar-preview-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1210;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000061;animation:modalFadeIn .15s ease-out forwards}.profile-avatar-preview-dialog{position:relative;width:clamp(190px,32vw,300px);aspect-ratio:1;padding:14px;border-radius:14px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 92%,#ffffff);box-shadow:0 24px 70px #0000006b;display:grid;place-items:center;animation:modalSlideUp .2s cubic-bezier(.16,1,.3,1) forwards}.profile-avatar-preview-image{width:100%!important;height:100%!important;border-radius:10px!important;font-size:clamp(54px,9vw,86px)!important;line-height:1!important}.profile-avatar-preview-image img{border-radius:inherit}.profile-avatar-preview-close{position:absolute;top:-10px;right:-10px;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#00000094;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.profile-avatar-preview-close:hover{background:#000000c7;transform:scale(1.04)}.profile-avatar-preview-close:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.profile-card-name{font-size:20px;font-weight:800;color:var(--text);margin:0 0 8px}.profile-card-badge-wrap{margin-bottom:14px}.profile-card-role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid;font-size:13px;font-weight:700}.profile-card-fields{width:100%;text-align:left;display:flex;flex-direction:column;gap:14px;margin-top:4px}.profile-card-field{display:flex;flex-direction:column;gap:4px}.profile-card-field-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700}.profile-card-field-val{font-size:14px;color:var(--text);margin:0;line-height:1.5;background:var(--surface-2);padding:10px 12px;border-radius:8px}.profile-card-field-val.italic{font-style:italic}.profile-card-field-val.bio-text{white-space:pre-wrap;max-height:100px;overflow-y:auto}.profile-card-footer{padding:12px 24px 20px;border-top:1px solid var(--line);display:flex;flex-direction:column}.profile-card-action-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:11px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;box-shadow:0 4px 10px #bb4c4b26}.profile-card-action-btn:hover{background:var(--brand-dark);box-shadow:0 4px 14px #bb4c4b4d}.staff-row-badge{display:inline-block;font-size:9px;font-weight:800;color:var(--brand);border:1px solid var(--brand);background:#bb4c4b0f;padding:2px 6px;border-radius:4px;margin-top:3px;text-transform:uppercase}.student-row-headline{display:block;font-size:11px;color:var(--text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}@media (min-width: 861px){.content.route-settings{display:flex!important;flex-direction:row!important;padding:0!important;overflow:hidden!important;height:100%!important;max-height:100%!important}.settings-page{width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.settings-shell{display:flex!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;height:100%!important;min-height:0!important;gap:0!important;overflow:hidden!important}.settings-sidebar-desktop{position:sticky;top:0;width:250px!important;min-width:250px!important;max-width:250px!important;height:100%!important;border-right:1.5px solid var(--line)!important;background:var(--surface)!important;padding:24px 16px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow-y:auto!important;flex-shrink:0!important}.settings-sidebar-desktop .settings-nav{display:flex!important;flex-direction:column!important;height:100%!important;gap:6px!important}.settings-content{flex:1!important;min-width:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:32px 36px 64px!important;box-sizing:border-box!important}}.help-center-page-container{max-width:1200px;margin:0 auto;padding:40px 20px 80px;font-family:Inter,sans-serif}.help-center-paper-sheet{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:48px;box-shadow:0 10px 30px #0000000a}@media (max-width: 768px){.help-center-page-container{padding:20px 12px 60px}.help-center-paper-sheet{padding:24px 16px;border-radius:12px}}.help-hub-header{border-bottom:2px solid var(--line);padding-bottom:24px;margin-bottom:32px}.help-hub-header h1{font-size:32px;font-weight:800;margin:0 0 8px;color:var(--text);letter-spacing:-.5px}.help-hub-header p{margin:0;font-size:15px;color:var(--muted);line-height:1.6}.help-hub-category-section{margin-bottom:48px}.category-section-header{margin-bottom:20px}.category-section-header h2{font-size:20px;font-weight:800;margin:0 0 4px;color:var(--text);letter-spacing:-.2px}.category-section-header p{margin:0;font-size:13px;color:var(--muted)}.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.help-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:20px;cursor:pointer;display:flex;flex-direction:column;gap:12px;text-align:left;transition:all .2s ease-in-out}.help-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:var(--shadow-hover)}.help-card-icon-wrapper{color:var(--brand);background:var(--brand-light);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.help-card-info h3{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--text)}.help-card-info p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}.help-card-action{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--brand)}.help-card-action .arrow{transition:transform .2s ease}.help-card:hover .help-card-action .arrow{transform:translate(4px)}.support-contact-section{margin-top:60px;border-top:1px solid var(--line);padding-top:32px}.support-actions-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.support-card-info{display:flex;align-items:flex-start;gap:16px;max-width:600px}.support-card-info .support-icon{color:var(--brand);margin-top:4px;flex-shrink:0}.support-card-info h3{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--text)}.support-card-info p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.support-hub-btn{height:46px;padding:0 24px;border-radius:10px;font-size:14px;font-weight:700;white-space:nowrap}@media (max-width: 640px){.support-actions-card{flex-direction:column;align-items:stretch;padding:20px}.support-hub-btn{width:100%;justify-content:center}}.doc-reader-layout{display:flex;flex-direction:column;gap:24px}.desktop-only-flex{display:flex!important}.doc-reader-back-bar{border-bottom:1px solid var(--line);padding-bottom:16px}.doc-reader-grid{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start;margin-top:12px}.doc-reader-toc{position:sticky!important;top:40px!important;max-height:calc(100vh - 80px)!important;overflow-y:auto!important;border-right:1px solid var(--line);padding-right:28px}.doc-reader-toc h3{font-size:11.5px;font-weight:800;color:var(--muted);margin:0 0 16px 8px;text-transform:uppercase;letter-spacing:1px}.toc-nav{display:flex;flex-direction:column;gap:4px}.toc-item{background:transparent;border:none;border-left:2px solid transparent;color:var(--muted);font-size:13.5px;text-align:left;padding:8px 12px;cursor:pointer;transition:all .15s ease;line-height:1.4;font-weight:500;width:100%}.toc-item:hover{color:var(--text);background:#ffffff05}.toc-item.active{color:var(--brand)!important;border-left-color:var(--brand)!important;background:var(--brand-light)!important;font-weight:700}.doc-reader-body{max-width:800px;width:100%;padding-bottom:100px}.doc-header{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px;display:flex;flex-direction:column;gap:8px}.doc-meta-badge{display:inline-flex;align-items:center;gap:6px;background:var(--brand-light);color:var(--brand);padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.5px;align-self:start}.doc-title{font-size:32px;font-weight:800;color:var(--text);margin:8px 0 4px;line-height:1.25;letter-spacing:-.5px}.doc-subtitle{font-size:16px;color:var(--muted);margin:0;line-height:1.5}.doc-last-updated{font-size:11px;color:var(--subtle);margin-top:4px}.doc-section-block{margin-bottom:48px;scroll-margin-top:40px}.doc-section-title{font-size:18px;font-weight:800;color:var(--text);border-bottom:1px solid var(--line);padding-bottom:8px;margin:0 0 16px}.doc-paragraph{font-size:14.5px;color:var(--text-muted);line-height:1.85;margin:0 0 16px;text-align:justify}.doc-list,.doc-ordered-list{margin:0 0 16px;padding-left:24px}.doc-list li,.doc-ordered-list li{font-size:14.5px;color:var(--text-muted);line-height:1.85;margin-bottom:8px}.doc-callout-box{border-left:4px solid var(--brand);background:#ffffff05;border-radius:0 8px 8px 0;padding:14px 18px;margin:18px 0}.doc-callout-box strong{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:4px}.doc-callout-box p{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.6}.doc-callout-box.tip{border-color:var(--success);background:#34d3990a}.doc-callout-box.tip strong{color:var(--success)}.doc-callout-box.note{border-color:var(--brand);background:#bb4c4b0a}.doc-callout-box.note strong{color:var(--brand)}.doc-callout-box.warning{border-color:var(--warning);background:#f6b44b0a}.doc-callout-box.warning strong{color:var(--warning)}.mobile-top-bar{display:flex!important;align-items:center;justify-content:space-between;height:54px;min-height:54px;padding:0 16px;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;position:sticky!important;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 8px #00000026!important;width:100%!important;box-sizing:border-box!important}.mobile-top-bar.menu-fullbar-trigger{cursor:pointer;border:none;background:var(--surface)!important;text-align:left;font-family:inherit;font-size:inherit;color:inherit;width:100%;transition:background .15s ease}.mobile-top-bar.menu-fullbar-trigger:active{background:var(--line-strong)!important}.mobile-top-bar-deco-chevron{color:var(--brand)}.mobile-top-bar-left,.mobile-top-bar-right{display:flex;align-items:center;width:80px}.mobile-top-bar-right{justify-content:flex-end}.mobile-top-bar-center{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.mobile-top-bar-title{font-size:14.5px;font-weight:700;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-top-bar-back-btn,.mobile-top-bar-menu-btn{background:none!important;border:none!important;color:var(--brand)!important;display:flex;align-items:center;gap:6px;padding:8px 0;cursor:pointer}.mobile-top-bar-menu-text{font-size:13.5px;font-weight:700}@media (max-width: 860px){.desktop-only-flex{display:none!important}.mobile-only-flex{display:flex!important}.help-center-paper-sheet.is-viewing-doc{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.doc-reader-grid{grid-template-columns:1fr;gap:16px;margin-top:0}.mobile-top-bar{overflow:hidden;text-overflow:ellipsis}.mobile-top-bar-back-btn,.mobile-top-bar-menu-btn{background:none!important;border:none!important;color:var(--brand)!important;display:flex;align-items:center;gap:6px;padding:8px 0;cursor:pointer}.mobile-top-bar-menu-text{font-size:13.5px;font-weight:700}.help-center-page-container{padding:74px 12px 60px!important}.doc-reader-toc{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:280px!important;height:100vh!important;max-height:100vh!important;background:var(--surface)!important;border:none!important;border-left:1px solid var(--line)!important;border-radius:0!important;z-index:10001!important;transform:translate(100%);transition:transform .25s cubic-bezier(.16,1,.3,1)!important;padding:24px 20px!important;box-shadow:-10px 0 30px #0000004d!important}.doc-reader-toc.mobile-open{transform:translate(0)!important}.toc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.toc-header h3{margin:0;font-size:14px;color:var(--text)}.close-toc-btn{background:transparent;border:none;color:var(--muted);padding:6px;cursor:pointer;display:flex;align-items:center}.toc-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:10000!important}.doc-reader-body{padding:16px 12px 80px!important}.doc-title{font-size:26px}}@media (max-width: 860px){.announcement-composer-backdrop{background:var(--bg);z-index:1200}.announcement-composer{right:0;bottom:0;left:0;top:0;transform:none;width:100vw;max-width:none;height:100svh;max-height:none;border:0;border-radius:0;box-shadow:none;z-index:1201}.announcement-composer-header{min-height:54px;padding:0 16px}.announcement-composer-header h3{font-size:16px}.announcement-composer-header .icon-button{width:40px;height:40px}.announcement-composer-body{padding:18px 16px;display:flex;flex-direction:column;gap:12px}.announcement-composer-body .form-label{margin:0 0 6px!important}.announcement-composer-body textarea.form-input{min-height:150px}.announcement-composer-body .announcement-post-input{min-height:220px;padding:18px 44px 18px 18px;font-size:18px}.announcement-image-uploader{grid-template-columns:56px minmax(0,1fr);align-items:start}.announcement-image-preview{width:56px;height:52px}.announcement-compose-image-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.announcement-gallery-backdrop{padding:52px 12px}.announcement-gallery-close{top:12px;right:12px}.announcement-gallery-nav{width:40px;height:40px}.announcement-gallery-nav.prev{left:8px}.announcement-gallery-nav.next{right:8px}.announcement-upload-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.announcement-card-footer{align-items:flex-start;flex-wrap:wrap}.announcement-card-actions{width:auto}.announcement-options-row{display:flex!important;flex-direction:column;align-items:stretch;gap:14px!important;margin-top:0!important}.announcement-category-field{min-width:0;width:100%}.announcement-pin-field{align-items:center!important;padding-bottom:0!important;min-height:40px}.announcement-composer-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:10px}.announcement-composer-footer .secondary-button,.announcement-composer-footer .primary-button{min-width:0;flex:1;min-height:48px;border-radius:12px}}.settings-help-preview-grid{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:16px!important;margin:20px 0!important}@media (max-width: 640px){.settings-help-preview-grid{grid-template-columns:1fr!important;gap:12px!important}}.help-card,.settings-help-preview-card{background:var(--surface-2)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:20px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:8px!important;text-align:left!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;height:100%!important}.help-card:hover,.settings-help-preview-card:hover{transform:translateY(-2px)!important;border-color:var(--brand)!important;background:var(--surface-3)!important;box-shadow:var(--shadow)!important}.help-card-meta{display:flex!important;align-items:center!important;gap:8px!important;color:var(--brand)!important}.help-card-meta-icon{flex-shrink:0!important}.help-card-meta-category{font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--muted)!important}.help-card h3,.settings-help-preview-card h3{margin:0!important;font-size:15px!important;font-weight:700!important;color:var(--text)!important}.help-card p,.settings-help-preview-card p{margin:0!important;font-size:12.5px!important;color:var(--muted)!important;line-height:1.45!important}.settings-card.tab-support .secondary-button{border:1px solid var(--line-strong)!important;background:#ffffff05!important;color:var(--text)!important;border-radius:10px!important;font-weight:700!important;font-size:13px!important;transition:all .2s ease!important}.settings-card.tab-support .secondary-button:hover{background:#ffffff0d!important;border-color:var(--brand)!important}.settings-card.tab-support .support-messenger-button{background:#bb4c4b1a!important;border:1px solid var(--brand)!important;color:var(--brand)!important;font-weight:700!important;transition:all .2s ease!important}.settings-card.tab-support .support-messenger-button:hover{background:var(--brand)!important;color:#fff!important;box-shadow:0 4px 12px #bb4c4b33!important}.help-hub-container{max-width:900px;margin:0 auto}body,html{max-width:100%;overflow-x:hidden}.settings-help-directory{display:flex;flex-direction:column;gap:20px;margin-top:16px}.settings-help-group{display:flex;flex-direction:column;gap:8px}.settings-help-group-title{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px 4px}.settings-help-rows{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.settings-help-row{background:var(--surface-2);width:100%;border:0;text-align:left;font:inherit;color:inherit;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .15s ease}.settings-help-row:hover{background:var(--surface-3)}.settings-help-row-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.settings-help-row-icon{color:var(--brand);flex-shrink:0}.settings-help-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-help-row-title{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-help-row-desc{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-help-row-arrow{color:var(--subtle);flex-shrink:0;margin-left:12px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f6b44b66}50%{box-shadow:0 0 0 6px #f6b44b00}}@keyframes heroShimmer{0%{background-position:200% center}to{background-position:-200% center}}.topbar-brand-group{display:flex;align-items:center;gap:10px;justify-self:start;min-width:0;flex-shrink:0}.admin-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;border:1px solid rgba(187,76,75,.35);background:#bb4c4b1f;color:var(--brand);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.topbar-admin-badge{flex:0 0 auto}.nav-link-icon{display:inline-flex;align-items:center;opacity:.7;transition:opacity .15s ease}.desktop-nav-link:hover .nav-link-icon,.desktop-nav-link.nav-active .nav-link-icon{opacity:1}.desktop-nav-link{display:inline-flex;align-items:center;gap:6px}.desktop-nav-link.nav-active{color:var(--text);background:var(--line-strong)}.chevron{transition:transform .2s ease}.chevron-open{transform:rotate(180deg)}.profile-dropdown,.notifications-dropdown,.cart-dropdown{animation:fadeInDown .18s cubic-bezier(.16,1,.3,1) both}.topbar-cart-wrapper{position:relative;display:flex;align-items:center}.cart-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 24px));background:var(--surface);border:1.5px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-lg, 0 18px 40px rgba(0, 0, 0, .16));padding:12px;z-index:1200;display:flex;flex-direction:column;gap:10px}.cart-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border)}.cart-dropdown-title{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:13.5px;font-weight:800;color:var(--text)}.cart-dropdown-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-right:2px}.cart-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;transition:all .12s ease}.cart-dropdown-item:hover{border-color:var(--border-strong)}.cart-item-thumb{width:52px;height:36px;border-radius:6px;overflow:hidden;background:var(--surface-3);border:1px solid var(--border);flex-shrink:0;display:grid;place-items:center}.cart-item-thumb img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1;min-width:0}.cart-item-title{font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;margin-top:2px}.cart-item-remove-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;transition:all .12s ease}.cart-item-remove-btn:hover{color:var(--danger, #dc2626);background:#dc262614}.cart-dropdown-footer{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:10px}.cart-dropdown-total{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800}.cart-dropdown-empty{padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}.topbar-noti-wrapper{position:relative;display:flex;align-items:center}.notifications-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 24px));background:var(--surface);border:1.5px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-lg, 0 18px 40px rgba(0, 0, 0, .16));padding:8px;z-index:1200;display:flex;flex-direction:column}.notifications-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.notifications-dropdown-title{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:13.5px;font-weight:800;color:var(--text)}.notifications-dismiss-btn{background:transparent;border:none;color:var(--muted);font-family:var(--font-ui);font-size:11.5px;font-weight:700;cursor:pointer;padding:3px 8px;border-radius:6px;transition:all .12s ease}.notifications-dismiss-btn:hover{background:var(--surface-2);color:var(--brand)}.notifications-dropdown-list{display:flex;flex-direction:column;gap:3px;max-height:380px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.notification-dropdown-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;width:100%;transition:background .12s ease}.notification-dropdown-item:hover{background:var(--surface-2)}.notification-dropdown-item.unread{background:#d9383a0d}.notification-dropdown-item.unread:hover{background:#d9383a14}.noti-item-avatar-wrap{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border)}.noti-item-avatar-wrap img{width:100%;height:100%;object-fit:cover}.noti-item-content{min-width:0;flex:1}.noti-item-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.noti-item-title{font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noti-item-time{font-size:10.5px;color:var(--muted);flex-shrink:0}.noti-item-preview{font-size:11.5px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.notification-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--muted);font-size:12.5px;text-align:center}.segmented-icon-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);border-radius:6px;padding:7px 11px;font-size:13px;font-weight:700;text-transform:capitalize;transition:background .15s ease,color .15s ease}.segmented-icon-btn:hover{color:var(--text);background:#ffffff0f}.segmented-icon-btn.selected{color:#fff;background:var(--brand)}.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface) 100%);position:relative;overflow:hidden;margin-bottom:4px}.admin-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(187,76,75,.14),transparent 60%);pointer-events:none}.admin-hero-text{min-width:0}.admin-hero-date{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.admin-hero-title{margin:0 0 6px;font-size:clamp(20px,2.5vw,26px);font-weight:800;line-height:1.2}.admin-hero-title span{color:var(--brand)}.admin-hero-sub{margin:0;color:var(--muted);font-size:13px}.admin-hero-actions{display:flex;gap:10px;flex-shrink:0}.hero-action-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.hero-action-primary{border:1px solid var(--brand);background:var(--brand);color:#fff}.hero-action-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 6px 20px #bb4c4b59}.hero-action-secondary{border:1px solid var(--line-strong);background:#ffffff0f;color:var(--text)}.hero-action-secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.hero-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:#ffffff40;font-size:11px;font-weight:900;animation:pulseGlow 2s ease-in-out infinite}.rail-section-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:0 2px}.rail-divider{height:1px;background:var(--line);margin:2px 0}.quick-actions-list{display:grid;gap:8px}.quick-action-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;font-size:13px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.quick-action-row:hover{border-color:#bb4c4b4d;background:#bb4c4b0f;transform:translateY(-1px)}.quick-action-row strong,.quick-action-row small{display:block}.quick-action-row small{color:var(--muted);font-size:11px;margin-top:1px}.quick-action-icon{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;flex-shrink:0}.qa-brand,.qa-warning,.qa-success{background:var(--surface-2);color:var(--muted)}.metric{transition:box-shadow .2s ease}.metric:hover{box-shadow:var(--shadow-hover)}.metric-accent-brand,.metric-accent-success,.metric-accent-warning,.metric-accent-danger{border-left:none}.metric-icon{display:inline-flex}.metric-icon-brand,.metric-icon-success,.metric-icon-warning,.metric-icon-danger{color:var(--muted)}.metric-trend{margin:4px 0 0;font-size:11px;color:var(--muted)}.noti-menu{position:relative}.noti-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.noti-trigger:hover{background:var(--line-strong);color:var(--text)}.noti-badge{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--brand);border:1.5px solid var(--surface-2)}.noti-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:min(380px,calc(100vw - 24px));border:1px solid var(--line);border-radius:16px;background:var(--surface-2);padding:10px;box-shadow:var(--shadow-hover);z-index:60;display:flex;flex-direction:column;gap:8px}.noti-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--line)}.noti-header h3{margin:0;font-size:14.5px;font-weight:700;color:var(--text)}.noti-clear-btn{background:transparent;border:0;font-size:12px;font-weight:600;color:var(--brand);cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .12s ease}.noti-clear-btn:hover{background:var(--brand-light)}.noti-list{max-height:calc(100vh - 140px);overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.noti-list::-webkit-scrollbar{width:4px}.noti-list::-webkit-scrollbar-track{background:transparent}.noti-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.noti-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:12px;background:transparent;border:0;width:100%;text-align:left;cursor:pointer;transition:background .15s ease}.noti-item:hover{background:var(--line-strong)}.noti-item.unread{background:var(--brand-light);border-left:3px solid var(--brand);border-top-left-radius:4px;border-bottom-left-radius:4px}.noti-item-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface);border:1px solid var(--line)}.noti-item-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--surface);color:var(--muted);flex-shrink:0}.noti-item-icon.dm{background:var(--info-subtle, rgba(59, 130, 246, .15));color:var(--info, #3b82f6)}.noti-item-icon.homework{background:var(--success-subtle, rgba(16, 185, 129, .15));color:var(--success)}.noti-item.unread .noti-item-icon.dm{background:var(--info, #3b82f6);color:#fff}.noti-item.unread .noti-item-icon.homework{background:var(--success);color:#fff}.noti-item-content{flex:1;min-width:0}.noti-item-title{display:block;font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noti-item.unread .noti-item-title{font-weight:700}.noti-item-preview{display:block;font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.noti-item-time{display:block;font-size:10.5px;color:var(--muted);font-weight:500}.noti-empty{padding:24px 16px;text-align:center;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.noti-empty-icon{opacity:.4;color:var(--muted)}@media (max-width: 1100px){.app-frame.is-guest .topbar-inner{padding:0 16px!important}.app-frame.is-guest .desktop-nav-link .nav-link-icon{display:none!important}.app-frame.is-guest .desktop-nav{gap:2px!important}.app-frame.is-guest .desktop-nav-link{padding:6px 8px!important;font-size:14px!important}}body.single-course-layout .landing-courses-link{display:none!important}@media (max-width: 1020px){.app-frame.is-guest .brand-text-desktop>span{display:none!important}.app-frame.is-guest .theme-toggle{display:none!important}}:root{--shell-inset: 12px;--shell-radius: 22px;--shell-chrome-gap: 20px;--shell-chrome-h: 44px}.app-window{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}.app-card-shell{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%;height:100%;background:linear-gradient(180deg,#87c7ff,#87c7ffb3 18%,#87c7ff00 33.33%),var(--surface) url(/assets/sky-cloud-bg.jpg) no-repeat center top / cover}@media (min-width: 861px){.app-frame:not(.is-guest){position:relative;inset:auto;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:14px;box-sizing:border-box;overflow:hidden}.app-frame:not(.is-guest) .app-card-shell{width:100%;max-width:100%;height:100%;flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#87c7ff,#87c7ffb3 18%,#87c7ff00 33.33%),var(--surface) url(/assets/sky-cloud-bg.jpg) no-repeat center top / cover;border:1.5px solid var(--line-strong);border-radius:var(--radius-panel, 18px);box-shadow:var(--shadow-panel);overflow:hidden;position:relative;z-index:1;transform:translateZ(0);isolation:isolate}.app-frame:not(.is-guest) .topbar{position:absolute;top:0;left:0;right:0;width:100%;max-width:100%;height:54px;min-height:54px;margin:0;background:#ffffff29;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.25);border-radius:0;box-shadow:0 4px 16px #0000000a;z-index:100;pointer-events:auto;display:flex;align-items:center;padding:0 24px;box-sizing:border-box;flex-shrink:0}.app-frame .topbar-inner{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--page-max-w-wide, 1400px);height:100%;margin:0 auto;padding:0;gap:16px}.topbar-left-zone{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-search-zone{flex:1;min-width:160px;margin:0 12px;display:flex;align-items:center}.header-search-container{position:relative;width:100%}.header-search-form{position:relative;width:100%;display:flex;align-items:center}.header-search-input{width:100%;height:34px;padding:0 32px;border-radius:8px;background:#ffffff73;border:1.5px solid rgba(22,22,22,.18);color:#161616!important;font-family:var(--font-ui);font-size:13px;font-weight:600;outline:none;transition:all .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box;box-shadow:0 1px 3px #0000000a}.header-search-input:focus{background:#ffffffe6;border-color:#161616;box-shadow:0 0 0 3px #1616161a}.header-search-input::placeholder{color:#16161699;font-weight:500}.header-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#161616b3;pointer-events:none}.header-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:#00000014;border:none;border-radius:4px;width:20px;height:20px;display:grid;place-items:center;color:#161616;cursor:pointer;padding:0;transition:all .12s ease}.header-search-clear:hover{background:#00000026}.header-search-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:320px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:12px;box-shadow:0 12px 32px #0000002e,0 2px 6px #00000014;z-index:1000;overflow:hidden;animation:searchPopoverFade .14s ease-out}@keyframes searchPopoverFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px;border-bottom:1px solid var(--border)}.search-popover-title{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.search-popover-list{max-height:420px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.search-suggestion-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s ease,transform .1s ease}.search-suggestion-item:hover,.search-suggestion-item.is-selected{background:var(--surface-2, rgba(0, 0, 0, .04))}.search-suggestion-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;border:1px solid var(--border);flex-shrink:0;background:var(--surface-2)}.search-suggestion-thumb.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted)}.search-suggestion-content{flex:1;min-width:0}.search-suggestion-title{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.search-highlight{color:var(--brand);font-weight:800}.search-suggestion-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin-top:2px}.search-meta-dot{opacity:.6}.search-meta-price{font-weight:600;color:var(--brand, #3b82f6)}.search-item-arrow{color:var(--muted);opacity:0;transition:opacity .12s ease,transform .12s ease;flex-shrink:0}.search-suggestion-item:hover .search-item-arrow,.search-suggestion-item.is-selected .search-item-arrow{opacity:.85;transform:translate(2px,-2px)}.search-popover-empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--muted)}.search-popover-footer{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:var(--surface-2, rgba(0, 0, 0, .03));border-top:1px solid var(--border);font-size:12px;font-weight:600;color:#161616;cursor:pointer;transition:background .12s ease}.search-popover-footer:hover{background:var(--surface-3, rgba(0, 0, 0, .06));color:var(--brand, #3b82f6)}.topbar-right-zone{display:flex;align-items:center;gap:6px;flex-shrink:0}.app-frame .brand-mark{font-size:16px;font-weight:800;letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px;padding:4px 6px;color:#161616!important}.app-frame .brand-mark .brand-word-learn{color:#161616!important;font-weight:800}.app-frame .desktop-nav-link{position:relative;display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px;border-radius:8px;font-family:var(--font-ui);font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:#161616!important;white-space:nowrap;background:transparent;border:1.5px solid transparent;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.app-frame .desktop-nav-link .nav-link-chevron{color:#161616!important;stroke:#161616;opacity:.85}.app-frame .desktop-nav-link:hover{background:#0000000f!important;color:#161616!important}.app-frame .desktop-nav-link:hover .nav-link-chevron{color:#161616!important}.app-frame .desktop-nav-link.nav-active{background:#ffffffa6!important;color:#161616!important;font-weight:800;border:1.5px solid rgba(22,22,22,.18)!important;box-shadow:0 1px 4px #0000000f}.app-frame .desktop-nav-link.nav-active .nav-link-chevron{color:#161616!important}.app-frame .desktop-nav-link:focus-visible{outline:2px solid rgba(22,22,22,.6);outline-offset:2px}.desktop-nav-unread-badge{position:absolute;top:6px;right:4px;width:6px;height:6px;background:var(--brand);border-radius:50%;box-shadow:0 0 6px #e6494899}.topbar-noti-bell{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:transparent;border:1.5px solid transparent;color:#161616!important;cursor:pointer;transition:all .15s ease;padding:0;box-sizing:border-box}.topbar-noti-bell svg{color:#161616!important;stroke:#161616}.topbar-noti-bell:hover{background:#0000000f!important;color:#161616!important}.noti-bell-badge{position:absolute;top:1px;right:1px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--brand);color:#fff;font-family:var(--font-ui);font-size:8.5px;font-weight:800;line-height:15px;text-align:center;border:1.5px solid #ffffff}.topbar-search-btn,.topbar-filter-btn,.topbar-mobile-search-bar{display:none!important}.app-frame .profile-trigger{display:inline-flex;align-items:center;gap:8px;height:34px;padding:2px 10px 2px 4px;border:1.5px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:all .15s ease;color:var(--text)!important;box-sizing:border-box}.app-frame .profile-trigger:hover{background:var(--surface-2);border-color:var(--border)}.mobile-profile-backdrop,.mobile-filter-backdrop,.mobile-drawer-header{display:none!important}.app-frame .profile-trigger:hover .profile-trigger-name{color:var(--text)!important;opacity:.95}.app-frame .profile-trigger .profile-avatar{width:26px;height:26px}.app-frame .profile-trigger-name{display:inline-block;font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--text)!important;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .15s ease}.app-frame .profile-trigger .chevron{display:inline-block;color:var(--text)!important;stroke:var(--text);opacity:.85}.profile-link-count{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:800;line-height:18px;text-align:center}.app-frame:not(.is-guest) .app-window{width:100%;max-width:100%;height:100%;margin:0;flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0 0 var(--radius-panel, 18px) var(--radius-panel, 18px);box-shadow:none;overflow-y:overlay;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:var(--window-scrollbar) transparent;position:relative;z-index:1;padding-top:var(--mobile-topbar-h, 54px);box-sizing:border-box}.app-frame:not(.is-guest) .app-window::-webkit-scrollbar{width:6px}.app-frame:not(.is-guest) .app-window::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}.app-frame:not(.is-guest) .app-window::-webkit-scrollbar-corner{background:transparent!important;display:none!important}.app-frame:not(.is-guest) .app-window::-webkit-scrollbar-track{background:transparent;margin:58px 0 8px}.app-frame:not(.is-guest) .app-window::-webkit-scrollbar-thumb{background:var(--window-scrollbar);border-radius:999px}.app-frame:not(.is-guest) .app-window::-webkit-scrollbar-thumb:hover{background:var(--window-scrollbar-hover)}.app-frame:not(.is-guest) .app-window .content{width:100%;max-width:var(--page-max-w-wide, 1400px);margin:0 auto;padding:24px 32px 48px;flex:1 0 auto;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative;z-index:1;box-sizing:border-box}.app-frame:not(.is-guest) .app-window:has(.content.route-chats),.app-frame:not(.is-guest) .app-window:has(.content.route-notifications),.app-frame:not(.is-guest) .app-window:has(.manage-command-center),.app-frame:not(.is-guest) .app-window:has(.console-shell),.app-frame:not(.is-guest) .app-window:has(.courses-admin-page),.app-frame:not(.is-guest) .app-window:has(.content.route-manage),.app-frame:not(.is-guest) .app-window:has(.content.route-people),.app-frame:not(.is-guest) .app-window:has(.content.route-desk),.app-frame:not(.is-guest) .app-window:has(.content.route-income),.app-frame:not(.is-guest) .app-window:has(.content.route-homework:not(:has(.homework-student-feed))),.app-frame:not(.is-guest) .app-window:has(.content.route-overview),.app-frame:not(.is-guest) .app-window:has(.content.route-settings),.app-frame:not(.is-guest) .app-window:has(.content.route-my-class){overflow:hidden;background:transparent!important}.app-frame:not(.is-guest) .app-window .content.route-chats,.app-frame:not(.is-guest) .app-window .content.route-notifications,.app-frame:not(.is-guest) .app-window .content:has(.courses-admin-page),.app-frame:not(.is-guest) .app-window .content.route-manage,.app-frame:not(.is-guest) .app-window .content.route-manage-copy,.app-frame:not(.is-guest) .app-window .content.route-people,.app-frame:not(.is-guest) .app-window .content.route-desk,.app-frame:not(.is-guest) .app-window .content:has(.console-shell),.app-frame:not(.is-guest) .app-window .content:has(.manage-command-center),.app-frame:not(.is-guest) .app-window .content.route-income,.app-frame:not(.is-guest) .app-window .content.route-homework:not(:has(.homework-student-feed)),.app-frame:not(.is-guest) .app-window .content.route-overview,.app-frame:not(.is-guest) .app-window .content.route-settings{padding:0;margin:0;flex:1;height:100%;max-height:100%;min-height:0;overflow:hidden;max-width:100%;width:100%;background:var(--surface);border-top:1.5px solid var(--border-strong);border-radius:14px 14px var(--radius-panel, 18px) var(--radius-panel, 18px)}.app-frame:not(.is-guest) .app-window .content.route-my-class{padding:0 32px 100px;margin:0;flex:1;height:100%;max-height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;max-width:100%;width:100%;background:var(--surface);border-top:1.5px solid var(--border-strong);border-radius:14px 14px var(--radius-panel, 18px) var(--radius-panel, 18px);box-sizing:border-box}}.titlebar-brand-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--brand);margin-right:8px;vertical-align:middle;box-shadow:0 0 10px #d9383a99}.courses-page{width:100%;display:flex;flex-direction:column;position:relative}.window-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.window-header-text h1{font-size:1.95rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0 0 8px}.window-header-text p{color:var(--muted);font-size:.95rem;margin:0}.window-header-cta{display:flex;align-items:center;gap:12px}.cta-subtext{font-size:.88rem;color:var(--muted);font-weight:600}.cta-orange-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:8px;background:var(--brand);color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 14px #d9383a59;transition:all .15s ease}.cta-orange-btn:hover{opacity:.92;transform:translateY(-1px)}.courses-discovery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 24px;padding-bottom:18px;border-bottom:1.5px solid var(--border);flex-wrap:wrap}.window-toolbar-inner{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;min-width:0;margin-bottom:24px;flex-wrap:wrap}.filter-pills-scroll-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.global-dropdown-checklist-container{position:relative;display:inline-block}.cat-pill.filter-dropdown-trigger{height:36px;padding:0 12px;font-family:var(--font-ui);font-size:13px;font-weight:700;border-radius:8px;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:none;transition:all .15s ease;white-space:nowrap}.cat-pill.filter-dropdown-trigger:hover{background:var(--surface-2);color:var(--text);border-color:var(--text)}.cat-pill.filter-dropdown-trigger.active{background:var(--surface);border-color:var(--border-strong);color:var(--text);font-weight:700;box-shadow:none}.dropdown-trigger-label{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-trigger-actions{display:inline-flex;align-items:center;flex-shrink:0}.dropdown-trigger-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border-strong, var(--border));color:var(--text);cursor:pointer;transition:all .15s ease}.dropdown-trigger-clear:hover{background:var(--text);color:var(--surface);border-color:var(--text);transform:scale(1.1)}.dropdown-chevron{transition:transform .2s ease}.dropdown-chevron.is-open{transform:rotate(180deg)}.global-dropdown-popover{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:max-content;min-width:170px;max-width:calc(100vw - 32px);background:#fff;border:1.5px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 40px #00000024;padding:10px;z-index:1000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fadeInDown .18s cubic-bezier(.16,1,.3,1);transform-origin:top right}.global-dropdown-popover.is-single-column{width:max-content;min-width:170px;max-width:280px}.global-dropdown-popover.is-single-column .popover-options-list{display:flex;flex-direction:column;gap:3px;max-height:360px;overflow-y:auto}.global-dropdown-popover.is-multi-column{width:max-content;min-width:480px;max-width:620px}.global-dropdown-popover.is-multi-column .popover-options-list{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:4px 12px;max-height:420px;overflow-y:auto}@media (max-width: 640px){.global-dropdown-popover.is-multi-column{min-width:260px;max-width:calc(100vw - 32px)}.global-dropdown-popover.is-multi-column .popover-options-list{grid-template-columns:1fr;max-height:300px}}.popover-search-box{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface-3);border-radius:10px;margin-bottom:8px}.popover-search-icon{color:var(--muted)}.popover-search-input{width:100%;border:none;background:transparent;outline:none;font-family:var(--font-ui);font-size:.78rem;color:var(--text)}.popover-option-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .12s ease;background:transparent;border:none;width:100%;text-align:left;white-space:nowrap;gap:12px}.popover-option-text{white-space:nowrap;overflow:visible;text-overflow:clip}.popover-option-row:hover{background:var(--surface-3)}.popover-option-row.is-selected{background:var(--brand-light);color:var(--brand);font-weight:700}.popover-option-count{font-size:.76rem;color:var(--muted);margin-left:auto;margin-right:4px;white-space:nowrap;flex-shrink:0}.popover-check-mark{color:var(--brand);font-weight:800;font-size:.82rem;margin-left:4px;flex-shrink:0}.popover-empty{padding:12px;font-size:.78rem;color:var(--muted);text-align:center;grid-column:span 2}.search-input-wrapper{position:relative;flex:0 1 280px;min-width:200px;max-width:320px;display:flex;align-items:center}.toolbar-search-input{width:100%;height:36px;padding:0 34px 0 14px;font-family:var(--font-ui);font-size:13px;font-weight:500;background-color:var(--surface);border:1.5px solid var(--border-strong);border-radius:8px;color:var(--text);outline:none;box-shadow:none;transition:all .15s ease}.toolbar-search-input:focus{border-color:var(--text);background-color:var(--surface);box-shadow:0 0 0 2px #1616161a}.toolbar-search-input.is-active{border-color:var(--text);box-shadow:0 0 0 2px #16161614}.search-clear-btn{position:absolute;right:12px;width:20px;height:20px;background:transparent;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.search-clear-btn:hover{color:var(--text)}.category-chips-row{display:flex;align-items:center;gap:8px;margin-bottom:28px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}.chip-btn{padding:6px 14px;border-radius:8px;background:var(--surface);border:1.5px solid var(--border);font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s ease}.chip-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.chip-btn.active{background:var(--surface-2);border-color:var(--text);color:var(--text);font-weight:800;box-shadow:var(--shadow-sm)}.my-courses-section,.course-group-section{margin:32px 0}.courses-header-toolbar-row,.homework-header-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;width:100%}.courses-title,.homework-page-title,.my-courses-title{margin:0;font-family:var(--font-ui);font-size:28px;font-weight:800;color:#fff!important;letter-spacing:-.02em;text-shadow:0 1px 4px rgba(0,0,0,.25),0 0 10px rgba(0,0,0,.12);flex-shrink:0}.my-courses-suggestions-title{font-family:var(--font-ui);font-size:1.15rem;font-weight:800;color:#fff!important;letter-spacing:-.01em;text-shadow:0 1px 4px rgba(0,0,0,.25),0 0 10px rgba(0,0,0,.12);margin:0}.courses-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;flex-shrink:0}.homework-stats-pills{display:flex;align-items:center;gap:10px}.homework-stat-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff!important;font-family:var(--font-ui);font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:8px;text-shadow:0 1px 2px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-header-row h2{font-size:1.25rem;font-weight:800;color:#fff!important;letter-spacing:-.01em;margin:0;display:inline-flex;align-items:center;gap:8px;text-shadow:0 1px 4px rgba(0,0,0,.25),0 0 10px rgba(0,0,0,.12)}.section-see-all-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff!important;opacity:.95;font-family:var(--font-ui);font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease;padding:4px 12px;border-radius:6px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.section-see-all-btn:hover{background:#ffffff52;transform:translate(2px);text-decoration:none;opacity:1}.horizontal-courses-row{display:flex;gap:16px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.horizontal-courses-row::-webkit-scrollbar{display:none}.my-course-compact-card{flex:0 0 340px;width:340px;display:flex;gap:14px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px #0000000a;cursor:pointer;transition:all .15s ease;text-align:left}.my-course-compact-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--brand)}.my-course-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface-3);display:flex;align-items:center;justify-content:center}.my-course-thumb img{width:100%;height:100%;object-fit:cover}.my-course-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.my-course-title{font-size:.88rem;font-weight:700;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-course-progress-label{font-size:.75rem;font-weight:600;color:var(--muted)}.my-course-progress-track{width:100%;height:5px;background:var(--line);border-radius:999px;overflow:hidden}.my-course-progress-bar{height:100%;background:var(--brand);border-radius:999px;transition:width .3s ease}.my-course-continue-tag{align-self:flex-start;margin-top:4px;font-size:.72rem;font-weight:800;color:var(--brand);display:inline-flex;align-items:center;gap:4px}.see-more-enrolled-card{flex:0 0 160px;width:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#fff;border:1.5px dashed var(--line-strong);border-radius:12px;cursor:pointer;color:var(--text);font-family:var(--font-ui);font-weight:700;font-size:.82rem;gap:8px;transition:all .15s ease}.see-more-enrolled-card:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.course-track-tabs{display:flex;align-items:stretch;gap:8px;margin:4px 0 14px;flex-wrap:wrap}.course-track-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:var(--surface);border:1.5px solid var(--border);color:var(--muted);font-family:var(--font-ui);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.course-track-tab:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.course-track-tab.active{background:var(--surface-2);border-color:var(--text);color:var(--text);font-weight:800;box-shadow:var(--shadow-sm)}.course-track-tab-count{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--surface-3);color:var(--muted)}.course-track-tab.active .course-track-tab-count{background:var(--surface-3);color:var(--text)}.mega-disciplines-group+.mega-disciplines-group{margin-top:10px}.filter-clear-all-btn{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;background:transparent;border:1.5px dashed var(--border-strong);color:var(--muted);font-family:var(--font-ui);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.filter-clear-all-btn:hover{border-style:solid;border-color:var(--text);color:var(--text);background:var(--surface-2)}.category-library-section{margin:36px 0}.category-library-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}@media (max-width: 1280px){.category-library-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 860px){.category-library-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 580px){.category-library-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 380px){.category-library-grid{grid-template-columns:1fr}}.category-library-card{background:#fff;border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;justify-content:space-between;min-height:112px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 3px 10px #00000005;text-align:left;border:1px solid var(--line)}.category-library-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 10px 24px #d9383a1a}.cat-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.cat-card-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--brand-light);color:var(--brand);font-size:1.1rem}.cat-card-title{font-family:var(--font-ui);font-size:.85rem;font-weight:700;color:var(--text);line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-card-count{font-family:var(--font-ui);font-size:.75rem;font-weight:700;color:var(--muted)}.course-group-section{margin-bottom:40px}.course-horizontal-strip{display:flex;gap:18px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:8px}.course-horizontal-strip::-webkit-scrollbar{display:none}.course-horizontal-strip .course-card-compact{flex:0 0 280px;width:280px}.category-drilldown-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 24px;flex-wrap:wrap}.drilldown-bar-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.drilldown-bar-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;flex:1 1 auto}.drilldown-bar-filters .search-input-wrapper{flex:0 1 240px;min-width:170px}.drilldown-back-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:36px;border-radius:8px;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--muted);font-family:var(--font-ui);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.drilldown-back-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--text)}.drilldown-result-count{font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}.category-pagination-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.pagination-btn{min-width:36px;height:36px;padding:0 12px;border-radius:8px;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text);font-family:var(--font-ui);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text);color:var(--text)}.pagination-btn.active{background:var(--surface-2);color:var(--text);border-color:var(--text);font-weight:800;box-shadow:var(--shadow-sm)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--line)}.app-footer{margin-top:auto;padding:36px 0 28px;border-top:1.5px solid var(--border-strong);background:var(--surface);box-shadow:none;width:100%;position:relative;z-index:1;box-sizing:border-box}@media (min-width: 861px){.app-frame:not(.is-guest) .app-footer{width:calc(100% + 12px);margin-right:-12px}}.footer-inner{max-width:var(--page-max-w-wide, 1400px);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(420px,1.7fr);align-items:flex-start;gap:40px}.footer-copy{max-width:320px}.footer-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-weight:800;font-size:.95rem;color:var(--text, #1C1A17);margin-bottom:8px}.footer-brand span{color:var(--text, #1C1A17);font-weight:800}.footer-brand-mark{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 10px #d9383a66}.footer-description{margin:6px 0 0;color:var(--text-muted, #4A463F);font-size:.8rem;line-height:1.55;font-weight:500}.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.footer-link-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-link-group h4{margin:0 0 6px;color:var(--text, #1C1A17);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.footer-link{color:var(--text-muted, #4A463F);font-size:.82rem;text-decoration:none;font-weight:600;transition:color .15s ease;line-height:1.6}.footer-link:hover{color:var(--brand)}.footer-meta{max-width:var(--page-max-w-wide, 1400px);margin:24px auto 0;padding:16px 32px 0;border-top:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.78rem;font-weight:600;color:var(--text-muted, #6E6960)}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr;gap:24px;padding:0 16px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-meta{padding:16px 16px 0}.app-footer{display:none!important}}.nav-item-with-mega-menu{position:relative;display:inline-flex;align-items:center}.nav-link-chevron{margin-left:4px;transition:transform .18s cubic-bezier(.16,1,.3,1);opacity:.65}.nav-link-chevron.chevron-open{transform:rotate(180deg);opacity:1;color:var(--brand)}.courses-mega-menu-overlay{position:absolute;top:calc(100% + 10px);left:0;width:min(720px,calc(100vw - 32px));max-width:calc(100vw - 32px);background:var(--surface-1, #ffffff);border:1.5px solid var(--line-strong);border-radius:14px;box-shadow:0 24px 50px #00000029;padding:16px;z-index:1200;animation:fadeInDown .18s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.courses-mega-menu-container{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.mega-menu-column{display:flex;flex-direction:column}.mega-menu-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:9px;font-size:.8rem;font-weight:600;color:var(--text);border:none;background:transparent;cursor:pointer;transition:all .12s ease;text-align:left;width:100%}.mega-menu-item:hover{background:var(--surface-3);color:var(--brand);transform:translate(2px)}.mega-menu-item-primary{font-weight:800;color:var(--brand);font-size:.84rem;padding:9px 12px;border-radius:11px;background:var(--brand-light);margin-bottom:4px}.mega-menu-item-primary:hover{background:var(--brand);color:#fff}.mega-menu-divider{height:1px;background:var(--line);margin:6px 0 8px}.mega-disciplines-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}.item-left{display:flex;align-items:center;gap:8px}.item-icon-compass{color:var(--brand)}.mega-menu-item-primary:hover .item-icon-compass{color:#fff}.item-emoji{font-size:.86rem}.item-title{white-space:nowrap;font-size:.78rem;font-weight:600;color:inherit}.mega-menu-shortcuts{border-left:1px solid var(--line);padding-left:16px;display:flex;flex-direction:column;gap:8px}.mega-shortcuts-section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px}.mega-shortcut-card{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.mega-shortcut-card:hover{background:var(--surface-3);border-color:var(--brand);transform:translate(3px)}.item-icon-line{color:var(--muted);flex-shrink:0;transition:color .12s ease}.mega-menu-item:hover .item-icon-line{color:var(--brand)}.shortcut-icon-box{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);transition:all .15s ease}.mega-shortcut-card:hover .shortcut-icon-box{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}.shortcut-info h4{margin:0 0 2px;font-size:.82rem;font-weight:700;color:var(--text)}.shortcut-info p{margin:0;font-size:.72rem;color:var(--muted);line-height:1.3}.admin-course-card{transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.admin-course-card:hover{border-color:#bb4c4b47;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.admin-row-icon{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;flex-shrink:0}.admin-row-icon-brand{background:#bb4c4b1f;color:var(--brand)}.admin-row-icon-muted{background:var(--surface-2);color:var(--muted)}.admin-row-actions{display:flex;align-items:center;gap:8px}.admin-edit-btn{width:32px;min-height:32px;opacity:.5}.admin-edit-btn:not(:disabled):hover{opacity:1}.lessons-grouped-list{display:grid;gap:16px}.lesson-group{display:grid;gap:8px}.lesson-group-header{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:0 2px}.lesson-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:var(--surface-3);font-size:10px;font-weight:900;color:var(--muted)}.student-list-avatar{width:34px;height:34px;flex-shrink:0;border-radius:999px;display:inline-grid;place-items:center;background:#bb4c4b26;color:var(--brand);font-size:12px;font-weight:900;box-shadow:inset 0 0 0 1px #bb4c4b33}.student-chat-hint{color:var(--surface-3);transition:color .15s ease}.admin-row.button-row:hover .student-chat-hint{color:var(--brand)}.student-panel-heading{align-items:flex-start!important}.student-panel-identity{display:flex;align-items:center;gap:12px;min-width:0}.student-panel-avatar{width:44px;height:44px;flex-shrink:0;border-radius:999px;display:inline-grid;place-items:center;background:#bb4c4b2e;color:var(--brand);font-size:16px;font-weight:900;box-shadow:inset 0 0 0 2px #bb4c4b47,0 0 18px #bb4c4b1f}.record-section-header{display:flex;align-items:center;gap:7px;color:var(--muted);padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.record-section-header h4{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.record-grid-cell{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.record-grid-cell span{display:block;color:var(--muted);font-size:12px}.record-grid-cell strong{display:block;margin-top:2px;font-size:20px}.rg-brand,.rg-warning,.rg-success{border-left:1px solid var(--line)}.lesson-status-icon{display:inline-flex;align-items:center;justify-content:center}.lsi-done{color:var(--success)}.lsi-pending{color:var(--surface-3)}.action-status-ok{color:var(--success)}.action-status-error{color:var(--danger)}.danger-zone{border:1px solid rgba(239,111,123,.22)!important;border-radius:12px;background:#ef6f7b0a;padding:14px!important;gap:10px!important}.danger-zone-header{display:flex;align-items:center;gap:8px;color:var(--danger)}.danger-zone-header h4{margin:0;color:var(--danger);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.danger-zone-desc{margin:0;color:var(--muted);font-size:12px}.invite-panel-premium{display:grid!important;place-items:center;text-align:center;padding:40px 28px!important;gap:12px;border-style:dashed!important;border-color:#bb4c4b33!important;background:radial-gradient(ellipse at center top,rgba(187,76,75,.06),transparent 70%)!important}.invite-icon-wrap{width:64px;height:64px;border-radius:10px;display:inline-grid;place-items:center;background:#bb4c4b1f;color:var(--brand);box-shadow:0 0 30px #bb4c4b1f;margin-bottom:4px}.invite-panel-premium h3{margin:0;font-size:18px}.invite-panel-premium p{max-width:480px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.invite-panel-premium code{background:#bb4c4b1f;color:var(--brand);padding:1px 5px;border-radius:4px;font-size:11px}.invite-coming-soon-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;border:1px solid rgba(246,180,75,.3);background:#f6b44b14;color:var(--warning);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}@media (max-width: 860px){.admin-hero{flex-direction:column;align-items:flex-start;padding:18px}.admin-hero-actions{width:100%;flex-wrap:wrap}.hero-action-btn{flex:1;justify-content:center}.record-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 560px){.admin-hero-actions{flex-direction:column}.hero-action-btn{width:100%}.segmented-icon-btn{padding:7px 8px;font-size:12px;gap:4px}}.manage-layout.manage-layout-full{grid-template-columns:minmax(0,1fr);width:100%;max-width:1060px;margin:0 auto}.student-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:modalFadeIn .2s ease-out forwards}.student-modal-header{flex-shrink:0;padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.student-modal-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.student-modal-footer{flex-shrink:0;padding:16px 24px;border-top:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.student-access-actions{display:flex;justify-content:flex-end}.student-modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:100%;max-width:680px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1) forwards}.student-modal-panel{padding:24px;display:flex;flex-direction:column;gap:20px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.course-management-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.course-summary-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-radius:0!important}.admin-row-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.course-syllabus-expanded{padding:16px 20px 20px;background:#00000026;border-top:1px solid var(--line)}.syllabus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.syllabus-header h5{margin:0;font-size:13px;font-weight:800;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.syllabus-lessons-list{display:grid;gap:8px}.lesson-syllabus-item{border-radius:8px;overflow:hidden}.lesson-syllabus-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}.lesson-number-badge{width:24px;height:24px;border-radius:6px;background:#bb4c4b1f;color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}.lesson-syllabus-info{flex:1;min-width:0;display:flex;flex-direction:column}.lesson-syllabus-info strong{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-syllabus-info small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.lesson-syllabus-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.compact-btn{min-height:30px!important;padding:0 10px!important;font-size:12px!important;border-radius:6px!important}.compact-icon-btn{width:28px!important;min-height:28px!important;padding:0!important;opacity:.6}.compact-icon-btn:hover{opacity:1}.delete-icon-btn:hover{color:var(--danger)!important;border-color:#ef6f7b40!important;background:#ef6f7b14!important}.editor-card{padding:20px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;display:flex;flex-direction:column;gap:16px}.editor-card-header h4{margin:0;font-size:14px;font-weight:800;color:var(--text)}.editor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field span{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.form-field .input{padding:8px 12px!important;font-size:13px!important;border-radius:8px!important}.textarea-field{min-height:80px;resize:vertical}.full-row{grid-column:span 2}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.error-text{margin:0;font-size:12px;color:var(--danger)}.danger-zone-section{border:1px solid color-mix(in srgb,var(--danger) 25%,var(--line));border-radius:10px;overflow:hidden;margin-bottom:32px}.danger-zone-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:color-mix(in srgb,var(--danger) 6%,var(--surface));border:none;border-radius:0;color:var(--danger);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .15s ease}.danger-zone-toggle:hover{background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.danger-zone-body{padding:14px;background:color-mix(in srgb,var(--danger) 4%,var(--surface));border-top:1px solid color-mix(in srgb,var(--danger) 20%,var(--line));display:flex;flex-direction:column;gap:10px}.danger-zone-description{margin:0;font-size:12px;color:var(--muted);line-height:1.5}.archive-sidebar-link{display:flex;align-items:center;gap:6px;width:100%;padding:10px 14px;background:transparent;border:none;border-top:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;text-align:left;transition:color .15s ease,background .15s ease}.archive-sidebar-link:hover{color:var(--text);background:var(--surface-2)}.archive-sidebar-link.active{color:var(--brand);background:var(--brand-light)}.workspace-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.workspace-modal{width:100%;max-width:960px;height:90vh;max-height:720px;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1) forwards}.course-edit-modal{max-width:700px;height:auto;max-height:90vh}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.workspace-modal-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.workspace-modal-header h3{margin:0;font-size:16px;font-weight:800;color:var(--text)}.workspace-modal-header p{margin:2px 0 0;font-size:11px;color:var(--muted)}.workspace-split-layout{display:flex;flex:1;overflow:hidden}.workspace-sidebar{width:320px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#00000026;flex-shrink:0;overflow:hidden}.workspace-sidebar-header{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#0000000d}.workspace-sidebar-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.workspace-sidebar-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;text-align:left;cursor:pointer;transition:all .15s ease}.workspace-sidebar-item:hover{background:var(--surface-3);border-color:var(--line-strong)}.workspace-sidebar-item.selected{background:#bb4c4b14;border-color:var(--brand)}.workspace-sidebar-item strong{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.workspace-sidebar-item.selected strong{color:#fff}.workspace-content{flex:1;overflow-y:auto;padding:20px 20px 40px;display:flex;flex-direction:column;background:var(--surface)}.workspace-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--muted);padding:40px}.workspace-empty-state span{margin-bottom:12px;color:var(--line-strong)}.workspace-empty-state h4{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--text)}.workspace-empty-state p{margin:0;font-size:12px;max-width:280px}.manage-view-toggle{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line)}.manage-view-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.manage-view-tab:hover{background:var(--surface-2);color:var(--text)}.manage-view-tab.active{background:var(--brand-light);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.status-pill.muted-pill{background:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--muted);border:1px solid color-mix(in srgb,var(--muted) 25%,transparent)}.status-pill.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.view-lock-fieldset{display:contents;border:0;margin:0;padding:0;min-width:0}.view-lock-fieldset[disabled] input,.view-lock-fieldset[disabled] select,.view-lock-fieldset[disabled] textarea{background:transparent;border-color:transparent;box-shadow:none;color:var(--text);opacity:1;-webkit-text-fill-color:var(--text);cursor:default;resize:none}.view-lock-fieldset[disabled] select{-moz-appearance:none;appearance:none;-webkit-appearance:none}.view-lock-fieldset[disabled] button{opacity:.35;cursor:default}.view-lock-fieldset[disabled] .cover-area-wrapper [class*=upload],.view-lock-fieldset[disabled] .danger-zone-toggle{display:none}.view-lock-editing-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--warning-subtle);color:var(--warning);border:1px solid var(--border)}.course-hub,.course-hub-layout{display:flex;flex-direction:row;height:100%;min-height:0;width:100%;background:var(--surface);overflow:hidden;gap:0}.course-hub-sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1.5px solid var(--border-strong, var(--border));display:flex;flex-direction:column;padding:12px 10px;gap:4px;overflow-y:auto}.course-hub-sidebar-back{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:700;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.course-hub-sidebar-back:hover{background:var(--border);color:var(--brand)}.course-hub-sidebar-divider{height:1px;background:var(--border);margin:6px 4px}.course-hub-sidebar-tabs,.course-hub-tabs{display:flex;flex-direction:column;gap:4px;flex:1}.course-hub-sidebar-item,.course-hub-tab{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.course-hub-sidebar-item:hover,.course-hub-tab:hover{background:var(--surface-2);color:var(--text)}.course-hub-sidebar-item.active,.course-hub-tab.active{background:var(--text);color:var(--surface-2);font-weight:700;border-color:var(--text)}.course-hub-sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-hub-sidebar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-hub-main{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.course-hub-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:12px}.course-hub-breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);flex-wrap:wrap}.course-hub-crumb-link{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}.course-hub-crumb-link:hover{color:var(--brand);text-decoration:underline}.course-hub-crumb-sep{color:var(--line)}.course-hub-crumb-current{color:var(--text);font-weight:700}.course-hub-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:14px 16px}.course-hub-eyebrow{margin:0 0 2px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.course-hub-title{margin:0;font-size:20px;font-weight:800}.course-hub-subtitle{margin:4px 0 0;font-size:12px;color:var(--muted)}.course-hub-status{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.course-hub-status.live{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 8%,transparent)}.course-hub-body{flex:1;min-height:0;overflow-y:auto;padding:20px;background:var(--surface)}.course-hub-stack{display:flex;flex-direction:column;gap:14px}.course-hub-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.course-hub-metric{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:12px 14px}.course-hub-metric-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.course-hub-metric-value{margin:8px 0 2px;font-size:26px;font-weight:800;line-height:1.1}.course-hub-metric-value.small{font-size:15px;line-height:1.3;word-break:break-word}.course-hub-metric-foot{margin:0;font-size:11px;color:var(--muted)}.course-hub-card{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:14px 16px}.course-hub-card-title{margin:0 0 6px;font-size:14px;font-weight:800}.course-hub-card-body{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.6}.course-hub-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.course-hub-listhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.course-hub-rows{display:flex;flex-direction:column;gap:6px}.course-hub-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:10px 12px;cursor:pointer}.course-hub-row:hover{border-color:var(--border-strong, var(--text));background:var(--surface)}.course-hub-row-index{font-size:12px;font-weight:800;color:var(--muted);min-width:22px}.course-hub-row-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.course-hub-row-title{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-hub-row-meta{font-size:11px;color:var(--muted)}.course-hub-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.course-hub-pill.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--line))}.course-hub-metric-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.course-hub-row-num{font-size:12px;font-weight:800;color:var(--muted);min-width:22px;flex-shrink:0}.course-hub-body::-webkit-scrollbar{width:6px}.course-hub-body::-webkit-scrollbar-track{background:transparent}.course-hub-body::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}.course-hub-body::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.admin-list-card{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:4px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;transition:all .15s ease;font-family:inherit;color:var(--text)}.admin-list-card:hover{background:var(--surface-2);border-color:var(--line-strong)}.admin-list-card.active{border:1.5px solid var(--border-strong, var(--text));background:var(--surface-2)}@media (min-width: 861px){.manage-command-center .admin-list-sidebar.hub-collapsed{display:none}.manage-command-center .admin-main-workspace.hub-open{flex:1;min-width:0}}.enrollment-drawer-backdrop{animation:fadeIn .15s ease-out}.enrollment-drawer{animation:slideInRight .2s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.course-hub-student-row{display:flex;align-items:center;gap:12px}.course-hub-student-row .course-hub-link-button{background:none;border:none;padding:0;margin:0;text-align:left;cursor:pointer;font-size:13px;font-weight:700;color:var(--text)}.login-screen-wrap{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card-glass{width:100%;max-width:400px;background:var(--surface-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:14px;padding:36px 30px 32px;box-shadow:var(--shadow-hover);display:flex;flex-direction:column}.login-header{text-align:center;margin-bottom:24px}.login-brand{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;color:var(--brand);letter-spacing:-.03em;display:block;margin-bottom:4px}.login-header h2{font-size:18px;font-weight:700;color:var(--text);margin:0 0 6px}.login-header p{font-size:13px;color:var(--muted);margin:0;line-height:1.55}.login-error-alert{display:flex;align-items:center;gap:10px;background:#f43f5e14;border:1px solid rgba(244,63,94,.2);color:#fca5a5;border-radius:12px;padding:10px 14px;font-size:12px;margin-bottom:20px;line-height:1.4}.login-form-fields{display:flex;flex-direction:column;gap:18px}.login-field-label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.login-input-wrapper{position:relative;width:100%}.login-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.login-input-box{padding-left:42px!important;height:46px;font-size:14px}.login-submit-btn{width:100%;height:46px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-top:8px}.login-success-alert{display:flex;align-items:center;gap:10px;background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#a7f3d0;border-radius:12px;padding:10px 14px;font-size:12px;margin-bottom:20px;line-height:1.4}.auth-back-btn{align-self:flex-start;display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;padding:0;margin-bottom:20px;transition:color .15s ease}.auth-back-btn:hover{color:var(--text)}.forgot-password-link-wrap{text-align:right;margin-top:-6px}.forgot-psw-btn{font-size:12px;color:var(--muted);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-weight:500;transition:color .15s ease}.forgot-psw-btn:hover{color:var(--brand)}.auth-footer-link{text-align:center;margin-top:24px;font-size:13px;color:var(--muted)}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--line)}.auth-divider:not(:empty):before{margin-right:.7em}.auth-divider:not(:empty):after{margin-left:.7em}.google-auth-btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.google-auth-btn:hover{background:var(--surface-3);border-color:var(--line-strong)}.google-auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-legal-footer{margin-top:22px;display:flex;justify-content:center;gap:16px;font-size:12px}.auth-legal-footer a{color:var(--muted);text-decoration:underline}.settings-status-text{margin:0;color:var(--muted);font-size:12px}.inline-link-btn{background:none;border:none;padding:0;color:var(--brand);font-weight:700;cursor:pointer;font-size:13px;text-decoration:underline;transition:color .15s ease}.inline-link-btn:hover{color:#a33235}.lp-hero{display:grid;grid-template-columns:1.03fr .97fr;gap:52px;align-items:center;padding:48px 0 56px;border-bottom:1px solid var(--line);position:relative;z-index:0}.lp-hero:before{content:none}.lp-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.lp-hero-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 4px;padding:0}.lp-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--brand-light);flex-shrink:0}.lp-hero-eyebrow-text{font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.lp-hero-logo-img{width:56px;height:56px;object-fit:contain;vertical-align:middle;margin-right:14px;margin-top:-6px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .3s ease}.lp-hero-title:hover .lp-hero-logo-img{transform:translateY(-4px) scale(1.12) rotate(8deg);filter:drop-shadow(0 6px 12px rgba(239,68,68,.35))}.lp-hero-badge-learn{font-family:var(--font-ui);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--brand-light);border:1px solid rgba(187,76,75,.3);color:var(--brand);padding:4px 11px;border-radius:8px;line-height:1;display:inline-block;vertical-align:middle;margin-left:14px}.lp-hero-title{margin:0;font-family:var(--font-heading-mm);font-size:52px;font-weight:700;line-height:1.2;color:var(--text);letter-spacing:-.01em;max-width:640px}.lp-title-accent{color:var(--brand)}.lp-title-line{display:block}.lp-title-brand{color:var(--brand)}.lp-title-line-mm{font-family:var(--font-heading-mm);font-size:28px;font-weight:700;line-height:1.35;margin:0;color:var(--text-muted)}.lp-hero-sub{margin:0;font-size:16px;color:var(--muted);line-height:1.65;max-width:580px}.lp-hero-title,.lp-hero-sub,.lp-faq-item summary,.lp-faq-item p,.detail-title-section h2,.detail-description-text,.detail-syllabus-text{text-rendering:optimizeLegibility}@keyframes lp-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-reveal{opacity:0;animation:lp-reveal .65s cubic-bezier(.22,.9,.36,1) forwards}.lp-reveal-1{animation-delay:.02s}.lp-reveal-2{animation-delay:.12s}.lp-reveal-3{animation-delay:.22s}.lp-reveal-4{animation-delay:.32s}.lp-reveal-5{animation-delay:.42s}@media (prefers-reduced-motion: reduce){.lp-reveal{animation:none;opacity:1;transform:none}}.lp-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lp-hero-cta{height:48px;padding:0 24px;font-size:15px;font-weight:800;border-radius:12px;gap:8px;display:inline-flex;align-items:center}.lp-hero-enroll{height:48px;padding:0 20px;font-size:14px;font-weight:700;border-radius:12px;gap:8px;display:inline-flex;align-items:center;text-decoration:none}.lp-cta-note{margin:-6px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55}.lp-hero-price-tagline{display:inline-flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;color:var(--text-muted);background:#bb4c4b0d;border:1px solid rgba(187,76,75,.15);padding:8px 16px;border-radius:8px;margin-top:8px}.lp-hero-price-tagline .price-tag{color:var(--brand-dark);font-weight:800}.lp-hero-price-tagline .separator{color:#fff3}.lp-hero-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.lp-hero-stats span{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);padding:6px 14px;border-radius:10px;color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.lp-hero-stats span:hover{background:var(--surface-2);border-color:#bb4c4b40}.dot-red{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px #bc222c26;display:inline-block;flex-shrink:0}.lp-instructor-strip{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--text-muted);padding-top:20px;border-top:1px solid var(--line);width:100%;max-width:480px}.lp-instructor-strip strong{color:var(--text);font-weight:700}.lp-instructor-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--brand-light);flex-shrink:0}.lp-hero-visual{position:relative}.lp-hero-visual:before{content:none}.mock-window{position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-hover);overflow:hidden;transform:rotate(-1.2deg);transition:transform .3s ease}.mock-window:hover{transform:rotate(0)}.mock-window-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent)}.window-dots i{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.55}.window-title{color:var(--muted);font-size:12px;font-weight:700}.mock-window .course-card-banner{aspect-ratio:auto!important;height:auto!important;background:transparent!important}.mock-window .course-catalog-card{border:none!important;background:transparent!important;box-shadow:none!important;margin:0!important;max-width:100%!important;transform:none!important}.mock-window .course-catalog-card:hover{transform:none!important;box-shadow:none!important}.mock-window .course-card-banner img{height:auto!important;object-fit:contain!important;display:block}.lp-preview-outcomes{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lp-preview-outcomes li{display:flex;align-items:flex-start;gap:9px;color:var(--text-muted);font-size:13px;font-weight:650;line-height:1.45}.lp-preview-outcomes svg{flex-shrink:0;margin-top:1px;color:var(--text-muted);opacity:.7}.lp-section-heading{display:grid;gap:10px;max-width:760px}.lp-section-heading h2,.lp-section-heading p{margin:0}.lp-section-heading h2{color:var(--text);font-size:28px;line-height:1.25;letter-spacing:0}.lp-section-heading p{color:var(--text-muted);font-size:14.5px;line-height:1.65}.lp-section-eyebrow-text{font-family:var(--font-ui);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.lp-proof-section{display:grid;gap:24px;padding:40px 0;border-bottom:1px solid var(--line)}.lp-faq-section{display:grid;gap:24px;padding:40px 0}.lp-instructor-wrapper{position:relative;width:100%;padding:48px 0 96px;margin:0;border-bottom:1px solid var(--line);overflow-x:hidden}.lp-instructor{position:relative;margin:0 auto;max-width:880px;padding:32px 48px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);box-shadow:var(--shadow);overflow:visible;z-index:2;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.lp-instructor:hover{border-color:#bb4c4b40;box-shadow:var(--shadow-hover)}.lp-instructor-glow{display:none}.lp-instructor-content{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;align-items:center}.lp-section-label{display:inline-block;margin-bottom:16px;color:#c94d4d;font-size:13px;font-weight:800;letter-spacing:.18em}.lp-instructor-text h2{margin:0;color:var(--text);font-size:clamp(28px,4vw,44px);line-height:1.1}.lp-instructor-intro{max-width:620px;margin:18px 0 0;color:var(--text-muted);font-size:17px;line-height:1.8}.lp-instructor-photo-frame{width:220px;height:264px;flex-shrink:0;margin-left:-88px;margin-top:-56px;margin-bottom:-56px;position:relative;z-index:2;transition:transform .35s cubic-bezier(.25,.8,.25,1),box-shadow .35s ease}.lp-instructor-photo-frame:hover{transform:rotate(0) scale(1.04)!important;box-shadow:0 20px 40px #0006,0 0 24px #bb4c4b26!important}.lp-instructor-avatar-container{width:100%;height:220px;overflow:hidden}.lp-instructor-avatar{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.lp-artwork-card,.lp-proof-list article,.lp-final-cta{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow)}.lp-artwork-card{border-radius:12px;overflow:hidden;display:grid;grid-template-columns:45% 1fr;align-items:center}.lp-artwork-card img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.lp-card-kicker{display:block;margin-bottom:6px;color:var(--brand-dark);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.lp-artwork-card h3,.lp-proof-list h3,.lp-final-cta h3{margin:0;color:var(--text);letter-spacing:0}.lp-artwork-card p,.lp-proof-list p,.lp-final-cta p,.lp-faq-item p{margin:7px 0 0;color:var(--text-muted);font-size:13.5px;line-height:1.6}.lp-section-cta{margin-top:16px;width:fit-content;text-decoration:none}.lp-artwork-card div{padding:20px}.lp-proof-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lp-proof-list article{display:flex;align-items:flex-start;gap:12px;padding:18px;border-radius:12px}.lp-proof-list svg{flex-shrink:0;color:var(--brand);margin-top:2px}.lp-faq-list{display:grid;gap:10px}.lp-faq-item{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow);border-radius:10px;padding:0;overflow:hidden}.lp-faq-summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:none;border:none;cursor:pointer;color:var(--text);font-size:14px;font-weight:800;font-family:inherit;line-height:1.5;text-align:left;transition:background .15s ease}.lp-faq-summary:hover{background:color-mix(in srgb,var(--surface) 60%,transparent)}.lp-faq-chevron{flex-shrink:0;color:var(--muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.lp-faq-item.open .lp-faq-chevron{transform:rotate(180deg)}.lp-faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.lp-faq-body.open{grid-template-rows:1fr}.lp-faq-body>div{overflow:hidden}.lp-faq-body p{margin:0;padding:0 18px 18px;color:var(--text-muted);font-size:13.5px;line-height:1.6}.lp-final-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;border-radius:16px;max-width:880px;margin:24px auto 0;width:100%}.lp-final-cta a{text-decoration:none;min-width:178px}.lp-courses-section{display:grid;gap:22px;padding:48px 0;border-bottom:1px solid var(--line)}.lp-courses-section .course-catalog-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.165,.84,.44,1),border-color .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1);overflow:hidden;max-width:420px;display:flex;flex-direction:column}.lp-courses-section .course-catalog-card:hover{transform:translateY(-6px);border-color:#bb4c4b73;box-shadow:0 16px 36px #00000080,0 0 20px #bb4c4b26}.lp-courses-section .course-card-banner{border-bottom:1px solid var(--line);aspect-ratio:16 / 9;width:100%;overflow:hidden;position:relative;background:#110d0d;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.lp-courses-section .course-card-banner img{border-bottom-left-radius:12px;border-bottom-right-radius:12px;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.lp-courses-section .course-catalog-card:hover .course-card-banner img{transform:scale(1.05)}.lp-courses-section .course-card-banner-placeholder{width:100%;height:100%;background:radial-gradient(circle at top right,var(--brand-light),transparent 60%),linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:var(--brand);position:relative;overflow:hidden;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.lp-courses-section .course-card-banner-placeholder:before{content:"";position:absolute;width:140px;height:140px;background:var(--brand-light);filter:blur(40px);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.lp-courses-section .course-card-banner-placeholder svg{position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(187,76,75,.3));transition:transform .4s ease;color:var(--brand)}.lp-courses-section .course-catalog-card:hover .course-card-banner-placeholder svg{transform:scale(1.15) rotate(-5deg)}.lp-courses-section .course-tag-badge{position:absolute;top:16px;left:16px;background:#18191abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-family:var(--font-ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:6px;z-index:2}.lp-courses-section .course-tag-badge.upcoming{color:var(--brand);border-color:#bb4c4b4d;background:#bb4c4b14}.lp-courses-section .course-card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex-grow:1;background:transparent}.lp-courses-section .course-card-body h3{margin:0;font-size:19px;font-weight:700;line-height:1.35;color:var(--text);opacity:1!important;transition:color .3s ease}.lp-courses-section .course-catalog-card:hover .course-card-body h3{color:var(--brand)}.lp-courses-section .course-card-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13.5px;font-weight:500;line-height:1.5}.lp-courses-section .course-card-meta svg{color:var(--muted);opacity:.8}.course-card-author{font-size:13.5px;color:var(--muted);font-family:var(--font-ui);margin-top:-2px}.course-card-author strong{color:var(--text);font-weight:600}.course-card-description{margin:6px 0 2px;font-size:13.5px;line-height:1.45;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:38px}.course-card-meta-grid{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font-size:13px;color:var(--muted);font-weight:500}.course-card-meta-grid .meta-item{display:flex;align-items:center;gap:6px}.course-card-meta-grid .meta-item svg{color:var(--muted);opacity:.75}.course-card-meta-grid .price-item{color:var(--brand-light);font-weight:600}.course-card-meta-grid .price-item svg{color:var(--brand-light);opacity:1}.lp-courses-section .lp-course-card-btn{width:100%;height:46px;border-radius:12px;background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-ui);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;transition:all .3s cubic-bezier(.165,.84,.44,1);cursor:pointer}.lp-courses-section .lp-course-card-btn svg{transition:transform .3s ease}.lp-courses-section .course-catalog-card:hover .lp-course-card-btn{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 16px #bb4c4b4d}.lp-courses-section .course-catalog-card:hover .lp-course-card-btn svg{transform:translate(4px)}.lp-features{padding:48px 0;border-bottom:1px solid var(--line)}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.lp-feature-card{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .2s ease,transform .2s ease}.lp-feature-card:hover{border-color:#bb4c4b40;transform:translateY(-2px)}.lp-feature-icon{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--brand-light);border:1px solid rgba(187,76,75,.2);display:grid;place-items:center;color:var(--brand)}.lp-feature-card h4{margin:0 0 4px;font-size:14px;font-weight:800;color:var(--text)}.lp-feature-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.55}.lp-social-connect{padding:48px 0;border-bottom:1px solid var(--line)}.lp-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}.lp-social-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.lp-social-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000040}.lp-social-card.facebook-card:hover{border-color:#3b82f666;background:linear-gradient(145deg,var(--surface),rgba(59,130,246,.03))}.lp-social-card.youtube-card:hover{border-color:#ef444466;background:linear-gradient(145deg,var(--surface),rgba(239,68,68,.03))}.lp-social-card.website-card:hover{border-color:#a855f766;background:linear-gradient(145deg,var(--surface),rgba(168,85,247,.03))}.lp-social-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--line-strong);border:1px solid var(--line);color:var(--text-strong);transition:all .25s ease}.lp-social-card.facebook-card:hover .lp-social-icon{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.lp-social-card.youtube-card:hover .lp-social-icon{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.lp-social-card.website-card:hover .lp-social-icon{color:#a855f7;background:#a855f71a;border-color:#a855f74d}.lp-social-info{flex:1;min-width:0}.lp-social-info h4{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--text)}.lp-social-info p{margin:0 0 10px;font-size:13px;color:var(--muted);line-height:1.4}.lp-social-link-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;transition:color .2s ease}.lp-social-card.facebook-card:hover .lp-social-link-label{color:#3b82f6}.lp-social-card.youtube-card:hover .lp-social-link-label{color:#ef4444}.lp-social-card.website-card:hover .lp-social-link-label{color:#a855f7}.lp-details{padding:48px 0}.detail-preview{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;background:#23242666;border:1px solid var(--line);border-radius:14px;padding:28px}.detail-preview-info,.detail-preview-lessons{display:flex;flex-direction:column}html:has(.app-frame.is-guest),body:has(.app-frame.is-guest){overflow-x:clip!important}.app-frame.is-guest .content{padding-bottom:0!important}.lp-footer{width:100%;flex-shrink:0;padding:26px 0;background:var(--surface);border-top:1px solid var(--line)}.lp-footer-container{display:grid;grid-template-columns:minmax(180px,1.15fr) auto auto;align-items:center;gap:22px;max-width:var(--max-w-shell);margin:0 auto;padding:0 32px;width:100%;font-size:13px;color:var(--text-muted)}.lp-footer-brand{display:grid;gap:4px;min-width:0}.lp-footer-brand strong{color:var(--text);font-size:14px;line-height:1.2}.lp-footer-brand span,.lp-footer-copy{color:var(--muted);font-size:12px;line-height:1.5}.lp-footer-links{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.lp-footer-link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:700;text-decoration:none;transition:background-color .2s ease,color .2s ease}.lp-footer-link-btn:hover{background:#bb4c4b14;color:var(--brand)}.lp-footer-socials{display:flex;align-items:center;justify-content:flex-end;gap:10px}.lp-footer-socials a{color:var(--muted);transition:color .2s ease,background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none}.lp-footer-socials a:hover{background:#bb4c4b14;color:var(--brand);transform:translateY(-1px)}.lp-footer-copy{grid-column:1 / -1;padding-top:14px;border-top:1px solid var(--line)}@media (max-width: 1080px) and (min-width: 861px){.lp-instructor-photo-frame{margin-left:-40px!important}.lp-instructor-content{grid-template-columns:180px minmax(0,1fr)!important}}@media (max-width: 860px){.lp-hero{display:flex;flex-direction:column;gap:16px;padding:24px 0 32px;align-items:flex-start}.lp-hero-title{font-size:44px;line-height:1.1;text-align:left}.lp-title-line-mm{font-size:20px;text-align:left}.lp-hero-sub{text-align:left}.lp-hero-copy{display:contents}.lp-hero-eyebrow-text{order:1}.lp-hero-title{order:2}.lp-title-line-mm{order:3}.lp-hero-sub{order:4}.lp-hero-actions{order:6}.lp-hero-visual{order:5;width:100%;max-width:100%}.lp-hero-logo-img{width:38px;height:38px;margin-top:-4px;margin-right:8px}.lp-hero-badge-learn{font-size:13px;padding:3px 8px;margin-left:10px;border-radius:6px}.mock-window{transform:none!important}.lp-courses-section,.lp-features,.lp-social-connect,.lp-details,.lp-proof-section,.lp-faq-section{padding:30px 0}.lp-proof-grid,.lp-proof-list{grid-template-columns:1fr}.lp-instructor-wrapper{margin:0;padding:80px 0 60px;width:100%}.lp-instructor{margin:0 auto;padding:0;border:none;background:transparent;box-shadow:none}.lp-instructor-content{display:flex;flex-direction:column;align-items:center;position:relative}.lp-instructor-photo-frame{width:190px;height:234px;justify-self:center;margin-left:0;margin-top:0;margin-bottom:-90px;position:relative;z-index:2}.lp-instructor-text{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:114px 24px 28px;box-shadow:var(--shadow);width:100%;text-align:center}.lp-instructor-text h2{font-size:26px;color:var(--text)}.lp-instructor-intro{font-size:14.5px;line-height:1.65;margin:12px 0 0;color:var(--text-muted)}.lp-instructor-avatar-container{height:190px}.lp-artwork-card{grid-template-columns:1fr}.lp-artwork-card img{aspect-ratio:16 / 9}.lp-final-cta{align-items:stretch;flex-direction:column;padding:20px;margin:32px auto 0}.lp-final-cta a,.lp-section-cta{width:100%}.detail-preview{grid-template-columns:1fr;gap:24px;padding:20px}.lp-features-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 560px){.lp-hero-title{font-size:34px;line-height:1.15}.lp-title-line-mm{font-size:17px;line-height:1.5}.lp-hero-logo-img{width:32px;height:32px;margin-top:-3px;margin-right:6px}.lp-hero-badge-learn{font-size:11px;padding:2px 6px;margin-left:6px;border-radius:6px}.lp-hero-actions,.lp-hero-cta,.lp-hero-enroll{width:100%}.lp-hero-stats{gap:8px}.lp-hero-stats span{font-size:11px;padding:6px 10px}.lp-section-heading h2{font-size:23px;line-height:1.3}.lp-footer{padding:28px 0 max(24px,env(safe-area-inset-bottom))}.lp-footer-container{grid-template-columns:1fr;gap:14px;align-items:stretch;text-align:center;padding:0 20px}.lp-footer-brand{justify-items:center}.lp-footer-links,.lp-footer-socials{justify-content:center}.lp-footer-copy{padding-top:14px;width:100%}.lp-footer-socials a{flex:0 1 auto}.lp-footer-socials a span{display:inline;font-size:14px;font-weight:700}.auth-modal-backdrop{align-items:flex-end;padding:0 12px 12px}.auth-modal-content{width:min(100%,400px);max-width:calc(100vw - 24px);animation:drawerSlideUp .35s cubic-bezier(.32,.94,.6,1)}.auth-modal-content .login-card-glass{width:100%;max-width:100%;border-radius:24px;padding-bottom:max(32px,env(safe-area-inset-bottom));max-height:90vh;overflow-y:auto}}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;overflow-x:clip;background:#000000db;backdrop-filter:blur(14px) saturate(.45);-webkit-backdrop-filter:blur(14px) saturate(.45);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.auth-modal-content{position:relative;width:min(100%,460px);max-width:calc(100vw - 24px);animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.auth-modal-content .login-screen-wrap{min-height:auto;height:auto;padding:0;background:none;box-shadow:none}.topbar-signup-link{color:var(--text-muted)}.topbar-signup-link:hover{color:var(--text)!important;text-decoration:underline;text-underline-offset:4px}@keyframes modalSlideUp{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lp-referral-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;width:100%;position:relative}.lp-referral-section{overflow-x:clip}.lp-referral-grid:before{content:"";position:absolute;top:50%;left:8%;right:8%;height:2px;background:linear-gradient(to right,rgba(255,255,255,0) 0%,var(--line) 15%,var(--brand) 35%,#10b981 50%,#f59e0b 65%,var(--line) 85%,rgba(255,255,255,0) 100%);z-index:1;transform:translateY(-50%);opacity:.6;pointer-events:none}[data-theme=light] .lp-referral-grid:before{background:linear-gradient(to right,rgba(0,0,0,0) 0%,var(--line) 15%,var(--brand) 35%,#10b981 50%,#f59e0b 65%,var(--line) 85%,rgba(0,0,0,0) 100%)}.lp-referral-card.mock-window{border-radius:16px;transform:var(--card-rotation);transition:all .4s cubic-bezier(.16,1,.3,1);background:var(--surface-2);display:flex;flex-direction:column;box-shadow:var(--shadow);border:1px solid var(--line);padding:0;position:relative;z-index:2}.lp-referral-card.mock-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#ffffff14,#ffffff03);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.8;transition:opacity .4s ease}[data-theme=light] .lp-referral-card.mock-window:before{background:linear-gradient(135deg,#0000000d,#00000003)}.lp-referral-card.mock-window:hover{transform:translateY(-10px) scale(1.02) rotate(0);box-shadow:var(--shadow-hover),0 12px 28px #00000026;border-color:var(--card-brand-glow);z-index:10}.lp-referral-card.mock-window:hover:before{opacity:1;background:linear-gradient(135deg,var(--card-brand-glow) 0%,rgba(255,255,255,.05) 100%)}[data-theme=light] .lp-referral-card.mock-window:hover:before{background:linear-gradient(135deg,var(--card-brand-glow) 0%,rgba(0,0,0,.03) 100%)}.lp-referral-card.mock-window .mock-window-bar{height:38px;padding:0 14px;background:color-mix(in srgb,var(--surface) 72%,transparent);border-bottom:1px solid var(--line);border-top-left-radius:15px;border-top-right-radius:15px}.lp-referral-card-body{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;flex-grow:1}.lp-referral-card-number{position:absolute;bottom:-5px;right:0;font-size:80px;font-weight:900;color:var(--card-brand-glow);opacity:.08;font-family:system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}.lp-referral-card.mock-window:hover .lp-referral-card-number{transform:scale(1.1) translateY(-4px);opacity:.16}.lp-referral-card-icon-wrapper{width:44px;height:44px;border-radius:10px;background:var(--card-brand-glow-alpha);display:flex;align-items:center;justify-content:center;color:var(--card-brand-glow);transition:all .4s ease;box-shadow:0 0 0 0 var(--card-brand-glow-alpha)}.lp-referral-card.mock-window:hover .lp-referral-card-icon-wrapper{transform:rotate(-5deg) scale(1.05);box-shadow:0 0 12px 3px var(--card-brand-glow-alpha)}.lp-faq-section .lp-faq-item{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow);border-radius:12px;padding:0;overflow:hidden;position:relative;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.lp-faq-section .lp-faq-item:hover{border-color:#bb4c4b33;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.lp-faq-section .lp-faq-item.open{border-color:#bb4c4b4d}.lp-faq-section .lp-faq-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--brand);transition:width .3s cubic-bezier(.16,1,.3,1)}.lp-faq-section .lp-faq-item.open:after{width:4px}.lp-faq-section .lp-faq-summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;background:none;border:none;cursor:pointer;color:var(--text);font-size:15px;font-weight:700;font-family:inherit;line-height:1.5;text-align:left;transition:background .15s ease}.lp-faq-section .lp-faq-summary span{transition:color .3s ease}.lp-faq-section .lp-faq-item.open .lp-faq-summary span{color:var(--brand)}.lp-faq-section .lp-faq-body p{margin:0;padding:0 24px 20px 28px;color:var(--text-muted);font-size:14px;line-height:1.65}@media (max-width: 850px){.lp-referral-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:min(100%,360px)}.lp-referral-grid:before{top:5%;bottom:5%;left:50%;right:auto;width:2px;height:90%;transform:translate(-50%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--line) 15%,var(--brand) 35%,#10b981 50%,#f59e0b 65%,var(--line) 85%,rgba(255,255,255,0) 100%)}[data-theme=light] .lp-referral-grid:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--line) 15%,var(--brand) 35%,#10b981 50%,#f59e0b 65%,var(--line) 85%,rgba(0,0,0,0) 100%)}.lp-referral-card.mock-window:hover{transform:translateY(-5px)!important}.lp-referral-card.mock-window{transform:none!important;max-width:100%}}.glowing-cta-btn{position:relative;transform:rotate(-1.5deg);animation:cta-pulse-glow 2s infinite ease-in-out;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.glowing-cta-btn:hover{transform:rotate(0) scale(1.06)!important;box-shadow:0 0 30px #bb4c4b99!important}@keyframes cta-pulse-glow{0%{box-shadow:0 0 10px #bb4c4b33,0 0 #bb4c4b33}50%{box-shadow:0 0 22px #bb4c4b8c,0 0 0 6px #bb4c4b00;transform:rotate(-1.5deg) scale(1.02)}to{box-shadow:0 0 10px #bb4c4b33,0 0 #bb4c4b33}}.app-frame.is-guest .topbar{background:transparent!important;border-bottom:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app-frame.is-guest .topbar .brand-mark,.app-frame.is-guest .topbar .brand-word-learn,.app-frame.is-guest .topbar .desktop-nav-link{color:#fff!important}.app-frame.is-guest .topbar .desktop-nav-link:hover,.app-frame.is-guest .topbar .desktop-nav-link.nav-active{color:#fff!important;background:#ffffff29!important}.app-frame.is-guest .topbar .topbar-signup-link{color:#fff!important}.app-frame.is-guest .topbar .topbar-signup-link:hover{color:#fff!important;opacity:.9}.app-frame.is-guest .topbar .primary-button{background:var(--brand)!important;color:#fff!important;border:none!important}.app-frame.is-guest .topbar .primary-button:hover{background:var(--brand-dark)!important;box-shadow:0 4px 12px #d9383a59!important}.app-frame.is-guest .lp-footer{background:var(--surface)!important;border-top:2px solid var(--brand)!important}.app-frame.is-guest .lp-footer-copy{border-top:1px solid var(--line)!important}.app-frame.is-guest .lp-footer-link-btn:hover,.app-frame.is-guest .lp-footer-socials a:hover{background:#bb4c4b14!important;color:var(--brand)!important}[data-theme=light] .app-frame.is-guest .lp-footer{background:var(--brand)!important;border-top:1px solid var(--brand-dark)!important}[data-theme=light] .app-frame.is-guest .lp-footer-container{color:#ffffffd9!important}[data-theme=light] .app-frame.is-guest .lp-footer-brand strong{color:#fff!important}[data-theme=light] .app-frame.is-guest .lp-footer-brand span,[data-theme=light] .app-frame.is-guest .lp-footer-copy{color:#ffffffb8!important}[data-theme=light] .app-frame.is-guest .lp-footer-link-btn{color:#ffffffd9!important}[data-theme=light] .app-frame.is-guest .lp-footer-link-btn:hover,[data-theme=light] .app-frame.is-guest .lp-footer-socials a:hover{background:#ffffff26!important;color:#fff!important}[data-theme=light] .app-frame.is-guest .lp-footer-socials a{color:#ffffffd9!important}[data-theme=light] .app-frame.is-guest .lp-footer-copy{border-top:1px solid rgba(255,255,255,.15)!important}[data-theme=light] .app-frame.is-guest .lp-hero .course-catalog-card{border-color:#bb4c4b47!important;box-shadow:0 4px 14px #bb4c4b0a!important}[data-theme=light] .app-frame.is-guest .lp-instructor{border-color:#bb4c4b4d!important;box-shadow:0 6px 20px #bb4c4b0d!important}[data-theme=light] .app-frame.is-guest .lp-instructor-text{border-color:#bb4c4b4d!important}.lp-referral-mock-block{background:#0003;border:1px solid var(--line);color:var(--muted)}[data-theme=light] .lp-referral-mock-block{background:#fff!important;border:1px solid rgba(187,76,75,.28)!important;color:var(--text-muted)!important}[data-theme=light] .lp-referral-grid>div:nth-child(1) .lp-referral-card-number{color:var(--brand)!important;opacity:.12!important}[data-theme=light] .lp-referral-grid>div:nth-child(2) .lp-referral-card-number{color:#047857!important;opacity:.14!important}[data-theme=light] .lp-referral-grid>div:nth-child(3) .lp-referral-card-number{color:#b45309!important;opacity:.14!important}[data-theme=light] .lp-referral-grid>div:nth-child(1):hover .lp-referral-card-number{opacity:.2!important}[data-theme=light] .lp-referral-grid>div:nth-child(2):hover .lp-referral-card-number{opacity:.22!important}.home-page-container{display:flex;flex-direction:column;gap:48px;width:100%;max-width:var(--page-max-w-wide, 1240px);margin:0 auto;padding:0 0 40px;box-sizing:border-box;min-width:0}.home-hero-banner-wrap{width:100%;min-width:0}.home-carousel-viewport{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:var(--radius-card, 16px);border:1.5px solid var(--border-strong);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;box-shadow:var(--shadow-md, 0 8px 24px rgba(0, 0, 0, .06))}.home-carousel-viewport.is-dragging{cursor:grabbing}.home-carousel-track{display:flex;width:100%;min-width:0;will-change:transform}.home-hero-slide{flex:0 0 100%;width:100%;min-width:0;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:44px 48px;box-sizing:border-box;color:#fff}.home-banner-info{display:flex;flex-direction:column;gap:16px;max-width:580px;min-width:0}.home-banner-badge-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.5px;width:fit-content}.home-banner-title{font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.2;margin:0;color:#fff;letter-spacing:-.4px}.home-banner-desc{font-size:14.5px;line-height:1.6;margin:0;color:#ffffffe6}.home-banner-stats{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700;color:#fffffff2}.home-banner-stat-item{display:inline-flex;align-items:center;gap:6px}.home-banner-pricing-box{display:flex;flex-direction:column;gap:12px;margin-top:8px}.home-banner-price-labels{display:flex;align-items:center;gap:10px}.home-banner-discount-tag{background:#f59e0b;color:#000;font-weight:900;font-size:11px;padding:2px 7px;border-radius:4px;letter-spacing:.5px}.home-banner-original-price{font-size:13px;text-decoration:line-through;color:#fff9}.home-banner-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-banner-buy-btn{background:#fff;color:#161616;border:1.5px solid #ffffff;font-weight:900;font-size:14px;padding:12px 22px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #00000026;transition:transform .15s ease,box-shadow .15s ease}.home-banner-buy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000038}.home-banner-view-btn{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);font-weight:700;font-size:13.5px;padding:11px 18px;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.home-banner-view-btn:hover{background:#ffffff26;border-color:#fff}.home-banner-visual-box{display:flex;justify-content:center;align-items:center;min-width:0}.home-banner-image-card{position:relative;width:100%;height:280px;border-radius:12px;overflow:hidden;border:1.5px solid rgba(255,255,255,.2);box-shadow:0 12px 32px #00000040}.home-banner-image-card img{width:100%;height:100%;object-fit:cover;display:block}.home-banner-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#000000d9);display:flex;flex-direction:column;justify-content:space-between;padding:16px}.home-banner-tag-badge{align-self:flex-start;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);padding:3px 8px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.5px}.home-banner-author-tag{display:flex;flex-direction:column;gap:2px}.home-banner-author-tag strong{font-size:13.5px;color:#fff}.home-banner-author-tag small{font-size:11px;color:#fffc}.home-banner-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:10}.home-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;padding:0;transition:all .2s ease}.home-dot.active{width:24px;border-radius:12px;background:#fff}.home-top-picks-section{width:100%;min-width:0;display:flex;flex-direction:column;gap:20px}.home-courses-header{width:100%;min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.home-section-heading{font-size:20px;font-weight:900;margin:0 0 4px;color:var(--text);letter-spacing:-.3px}.home-section-subheading{font-size:13.5px;color:var(--muted);margin:0}.home-domestika-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.home-domestika-card{min-width:0;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-card, 12px);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-sm)}.home-domestika-card:hover{transform:translateY(-2px);border-color:var(--text);box-shadow:var(--shadow-md)}.home-card-thumbnail{position:relative;width:100%;height:145px;background:var(--surface-2)}.home-card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.home-card-tag{position:absolute;top:10px;left:10px;background:#000000bf;color:#fff;font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:4px;letter-spacing:.5px}.home-card-body{padding:14px 16px;display:flex;flex-direction:column;flex:1;gap:6px;min-width:0}.home-card-title{font-size:14.5px;font-weight:800;line-height:1.35;color:var(--text);margin:0}.home-card-instructor{font-size:12px;color:var(--muted);margin-bottom:8px}.home-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px;margin-top:auto}.home-card-price{font-size:14px;font-weight:900;color:var(--brand)}.home-card-cart-btn{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:6px;display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .15s ease}.home-card-cart-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.home-trust-pillars-section{width:100%;min-width:0;background:transparent;border:none;padding:16px 0 8px;box-shadow:none}.home-pillars-header{text-align:center;max-width:680px;margin:0 auto 28px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.home-pill-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:var(--brand);background:#d9383a14;padding:4px 10px;border-radius:6px;border:1px solid rgba(217,56,58,.2);letter-spacing:.5px}.home-pillars-title{font-size:clamp(22px,2.4vw,30px);font-weight:900;margin:0;color:var(--text);letter-spacing:-.4px}.home-pillars-subtitle{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0}.home-pillars-feature-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.home-pillar-feature-card{min-width:0;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-card, 12px);padding:24px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease}.home-pillar-feature-card:hover{transform:translateY(-2px);border-color:var(--text)}.home-feature-icon-box{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;border:1.5px solid var(--border);margin-bottom:2px}.home-feature-title{font-size:15.5px;font-weight:800;margin:0;color:var(--text)}.home-feature-desc{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.home-reviews-section{width:100%;min-width:0;display:flex;flex-direction:column;gap:20px}.home-section-header-bar{width:100%;min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.home-reviews-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.home-review-card{min-width:0;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-card, 12px);padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}.home-review-stars{display:flex;gap:4px}.home-review-quote{font-size:13.5px;line-height:1.6;color:var(--text);margin:0;flex:1;font-style:italic}.home-review-author-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:12px}.home-review-avatar{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;font-weight:900;display:grid;place-items:center;font-size:14px;flex-shrink:0}.home-review-author-name{font-size:13.5px;color:var(--text);display:block}.home-review-author-role{font-size:11.5px;color:var(--muted);font-weight:600}.home-review-course-tag{font-size:11px;color:var(--brand);font-weight:700;display:block;margin-top:2px}.home-faq-section{width:100%;min-width:0;background:transparent;border:none;padding:16px 0 8px;box-shadow:none;display:flex;flex-direction:column;gap:28px}.home-faq-header{text-align:center;max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.home-faq-title{font-size:clamp(22px,2.4vw,30px);font-weight:900;margin:0;color:var(--text);letter-spacing:-.4px}.home-faq-subtitle{font-size:14.5px;color:var(--muted);margin:0}.home-faq-accordion-list{display:flex;flex-direction:column;gap:12px;max-width:860px;margin:0 auto;width:100%;min-width:0}.home-faq-item{min-width:0;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s ease}.home-faq-item:hover{border-color:var(--text)}.home-faq-item.is-open{border-color:var(--brand);box-shadow:0 4px 14px #d9383a14}.home-faq-question-row{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:800;font-size:14.5px;color:var(--text)}.home-faq-toggle-icon{color:var(--muted);display:flex;align-items:center}.home-faq-answer-box{padding:14px 20px 18px;font-size:13.5px;line-height:1.6;color:var(--muted);border-top:1px solid var(--border)}.home-faq-answer-box p{margin:0}.home-instructor-banner{width:100%;min-width:0;box-sizing:border-box;background:var(--surface-2);border:1.5px solid var(--border-strong);border-radius:var(--radius-card, 16px);padding:36px 44px;box-shadow:var(--shadow-sm)}.home-instructor-banner-inner{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.home-instructor-copy{max-width:680px;min-width:0;display:flex;flex-direction:column;gap:8px}.home-instructor-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:900;color:var(--brand);text-transform:uppercase;letter-spacing:.6px}.home-instructor-title{font-size:clamp(20px,2.2vw,26px);font-weight:900;margin:0;color:var(--text);letter-spacing:-.3px}.home-instructor-desc{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.home-instructor-cta-btn{background:var(--brand);color:#fff;border:1.5px solid rgba(255,255,255,.2);font-weight:900;font-size:14.5px;padding:13px 26px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #d9383a4d;flex-shrink:0;transition:transform .15s ease,background .15s ease}.home-instructor-cta-btn:hover{background:var(--brand-dark, #b91c1c);transform:translateY(-2px)}@media (max-width: 1024px){.home-hero-slide{grid-template-columns:1fr 1fr;padding:36px 32px;gap:24px}.home-domestika-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 900px){.home-hero-slide{grid-template-columns:1fr;padding:24px 20px;gap:20px}.home-banner-visual-box{order:-1;width:100%}.home-banner-image-card{width:100%;height:auto;aspect-ratio:16 / 9;max-height:240px}.home-instructor-banner{padding:24px 20px}}@media (max-width: 640px){.home-page-container{gap:32px;padding:0 0 24px}.home-hero-slide{padding:18px 16px;gap:16px}.home-banner-image-card{width:100%;height:auto;aspect-ratio:16 / 9;max-height:210px}.home-banner-action-row{width:100%;gap:8px;flex-wrap:nowrap}.home-banner-buy-btn,.home-banner-view-btn{flex:1;justify-content:center;padding:10px 12px;font-size:13px;text-align:center;white-space:nowrap}.home-domestika-grid,.home-pillars-feature-grid,.home-reviews-grid{grid-template-columns:1fr}.home-instructor-banner{padding:20px 16px}}.app-frame.is-guest{height:auto!important;min-height:100vh;overflow:visible!important}.app-frame.is-guest .topbar{position:sticky;top:0;z-index:100}.app-frame.is-guest .content{overflow:visible!important;height:auto!important;max-height:none!important}.window-header{margin-bottom:24px}.window-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:16px}.window-header-text h1{font-family:var(--font-ui);font-size:32px;font-weight:800;color:#fff!important;margin:0 0 6px;letter-spacing:-.025em;text-shadow:0 1px 4px rgba(0,0,0,.25),0 0 10px rgba(0,0,0,.12)}.window-header-text p{font-size:14px;color:#ffffffe6!important;line-height:1.5;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.15)}.window-header-cta{display:inline-flex;align-items:center;gap:12px;padding-top:6px}.cta-subtext{font-size:13px;color:var(--muted);font-weight:600}.cta-orange-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:12px;background:var(--brand);color:#fff;font-family:var(--font-ui);font-size:13.5px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 16px #d9383a4d;transition:all .15s ease}.cta-orange-btn:hover{background:var(--brand-dark);transform:translateY(-1px)}.aloteshar-info-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-radius:14px;background:#d9383a0d;border:1px solid rgba(217,56,58,.25);color:var(--text);font-size:13px;line-height:1.5;margin-bottom:24px}.aloteshar-info-notice-content{display:flex;align-items:center;gap:10px}.aloteshar-info-notice-content svg{color:var(--brand);flex-shrink:0}.notice-close-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px}.notice-close-btn:hover{color:var(--text)}.results-summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--text)}.sort-select-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.sort-select-btn{padding:4px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.domestika-resume-banner{display:flex;align-items:center;gap:24px;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:12px;padding:18px 24px;margin-bottom:24px;box-shadow:0 4px 16px #0f172a0a}.resume-thumb-wrapper{position:relative;width:240px;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:var(--surface-2);flex-shrink:0;cursor:pointer}.resume-thumb-wrapper img{width:100%;height:100%;object-fit:cover}.resume-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:44px;height:44px;border-radius:50%;background:#0f172ab3;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.4);transition:transform .15s ease,background .15s ease}.resume-thumb-wrapper:hover .resume-play-btn{transform:scale(1.1);background:var(--brand)}.resume-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.resume-headline{font-family:var(--font-ui);font-size:20px;font-weight:800;color:var(--text);margin:0;letter-spacing:-.01em}.resume-instructor{font-size:13px;color:var(--muted);font-weight:600}.resume-progress-text{font-size:12.5px;color:var(--muted);margin-top:4px}.resume-progress-bar{width:100%;height:4px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:4px 0 10px}.resume-progress-fill{height:100%;background:var(--brand);border-radius:999px}.resume-continue-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:8px;background:#00878a;color:#fff;font-family:var(--font-ui);font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s ease}.resume-continue-btn:hover{background:#006e70}.domestika-section-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px}.domestika-section-header h2{font-family:var(--font-ui);font-size:20px;font-weight:800;color:var(--text);margin:0}.domestika-see-more{font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--muted);text-decoration:none;cursor:pointer}.domestika-see-more:hover{color:var(--brand)}.domestika-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:100%;margin-bottom:32px}.domestika-card{display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #0000000a;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease;cursor:pointer;text-align:left}.domestika-card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 12px 24px #00000014}.domestika-card-banner{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface-2);overflow:hidden}.domestika-card-banner img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.domestika-card:hover .domestika-card-banner img{transform:scale(1.04)}.domestika-card-placeholder{width:100%;height:100%;display:grid;place-items:center;background:var(--surface-2)}.domestika-badge-tag{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:6px;background:var(--brand);color:#fff;font-family:var(--font-ui);font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 6px #0003;z-index:2}.domestika-software-badge{position:absolute;bottom:10px;right:10px;padding:2px 7px;border-radius:6px;background:#0f172ad9;color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:800;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0003;z-index:2}.domestika-center-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:38px;height:38px;border-radius:50%;background:#0f172aa6;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.35);transition:transform .15s ease,background .15s ease,opacity .15s ease;opacity:0}.domestika-card:hover .domestika-center-play{opacity:1;transform:scale(1.08);background:var(--brand)}.domestika-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.domestika-title{font-family:var(--font-ui);font-size:15px;font-weight:800;color:var(--text);line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.domestika-instructor{font-size:12.5px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domestika-stats-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}.domestika-stat-rating{display:inline-flex;align-items:center;gap:3px;color:#eab308;font-weight:700}.domestika-stat-dot{opacity:.5}.domestika-card-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.domestika-price-tag{font-family:var(--font-ui);font-size:13.5px;font-weight:800;color:var(--brand)}.domestika-enrolled-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--success, #10b981)}.domestika-view-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:12px;font-weight:800;color:var(--text);opacity:.75;transition:transform .15s ease,opacity .15s ease,color .15s ease}.domestika-card:hover .domestika-view-link{opacity:1;color:var(--brand);transform:translate(2px)}.domestika-card-actions{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.domestika-card-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border:1.5px solid var(--line-strong, var(--line));border-radius:8px;background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.domestika-card-action-btn:hover{border-color:var(--brand);color:var(--brand)}.domestika-card-action-btn.cart.is-active{border-color:var(--success, #10b981);color:var(--success, #10b981);background:#10b98114}.domestika-card-action-btn.save.is-active{border-color:var(--brand);color:var(--brand);background:#d9383a14}.course-card-compact .domestika-card-action-btn span{font-size:11.5px}.course-catalog-card{display:flex;flex-direction:column;border:1.5px solid var(--border-strong);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease;max-width:440px;width:100%}.course-catalog-card:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:var(--shadow-hover)}.course-card-banner{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;background:var(--surface-2)}.course-card-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.course-catalog-card:hover .course-card-banner img{transform:scale(1.05)}.course-card-banner-placeholder,.course-card-banner-stage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at center 40%,#e6494840,#171a21fa 75%),linear-gradient(180deg,#1f232d99,#0f1115f2)}[data-theme=light] .course-card-banner-placeholder,[data-theme=light] .course-card-banner-stage{background:radial-gradient(circle at center 40%,#d9383a24,#f4f6f9fa 75%),linear-gradient(180deg,#edf1f7cc,#fffffff2)}.stage-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(230,73,72,.35) 0%,transparent 70%);filter:blur(16px);pointer-events:none}[data-theme=light] .stage-glow{background:radial-gradient(circle,rgba(251,191,36,.4) 0%,transparent 70%)}.stage-art-badge{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2;transition:transform .3s cubic-bezier(.16,1,.3,1)}.course-catalog-card:hover .stage-art-badge{transform:translateY(-2px) scale(1.05)}.stage-art-badge svg{color:var(--brand);filter:drop-shadow(0 6px 16px rgba(230,73,72,.4))}.stage-brand-label{font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.8}.banner-overlay-top{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(15,17,21,.88) 0%,transparent 55%);display:flex;justify-content:space-between;align-items:flex-end;padding:16px 18px;pointer-events:none;z-index:3}[data-theme=light] .banner-overlay-top{background:linear-gradient(to top,rgba(15,23,42,.65) 0%,transparent 55%)}.badge-pill{padding:4px 10px;border-radius:6px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 2px 8px #0003}.badge-pill.active-pill{background:var(--success);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #10b98166}.badge-pill.locked-pill{background:#0f1115d9;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=light] .badge-pill.locked-pill{background:#ffffffe6;color:var(--text);border:1px solid var(--border-strong)}.lesson-count-pill{font-size:11.5px;font-weight:700;color:#fff;background:#0009;padding:3px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15)}.course-card-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.course-card-category-tag{font-family:var(--font-ui);font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);margin-bottom:-4px}.course-card-body h3{margin:0;font-family:var(--font-ui);font-size:19px;font-weight:800;color:var(--text);letter-spacing:-.01em}.course-card-progress{display:flex;flex-direction:column;gap:6px;background:var(--surface-2);padding:12px 14px;border-radius:12px;border:1px solid var(--line)}.progress-label-row{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.progress-label-row strong{color:var(--brand);font-weight:900;font-family:var(--font-ui)}.progress-bar-track{height:7px;background:var(--surface-3);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand),#fb923c);border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #e6494866}.course-card-next{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:10px;background:var(--surface-2);border-left:3.5px solid var(--brand);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.course-card-next .eyebrow{font-size:10px;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.08em}.course-card-next p{margin:0;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-actions{display:flex;gap:10px;margin-top:6px}.course-card-actions button,.course-card-actions a{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;height:42px;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .18s ease}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d101299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center}.progress-bar-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .5s ease}.course-card-next{display:flex;flex-direction:column;gap:4px}.course-card-next .eyebrow{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.course-card-next p{margin:0;font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-actions{display:flex;gap:12px;margin-top:4px}.course-card-actions button,.course-card-actions a{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;height:44px;border-radius:10px;text-decoration:none;cursor:pointer}.course-card-banner.locked{cursor:pointer}.course-card-click-target{display:block;border:0;padding:0;color:inherit;text-align:inherit}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d101299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:background .3s ease}.course-catalog-card:hover .lock-overlay{background:#0d101266}.lock-overlay svg{color:#ffffff80;transition:transform .3s ease}.course-catalog-card:hover .lock-overlay svg{transform:scale(1.1)}.lock-overlay span{font-size:10px;font-weight:800;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.course-card-body.locked{cursor:pointer}.course-card-body.locked h3{color:var(--text);opacity:.65}.course-card-body.locked p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.course-detail-view{animation:fadeSlideUp .3s ease;padding-bottom:120px}.back-button-row{display:flex;margin-bottom:8px}.back-button{background:transparent;border:0;color:var(--muted);display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:color .2s ease;padding:0}.back-button:hover{color:var(--text)}.back-button svg{transition:transform .2s ease}.back-button:hover svg{transform:translate(-4px)}.detail-layout-container{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;margin-top:20px}.detail-layout-container.full-width{grid-template-columns:1fr}.courses-page.course-detail-page-container{max-width:1200px;width:min(100%,1200px)}@media (max-width: 960px){.detail-layout-container{display:flex;flex-direction:column;gap:36px}.detail-timeline{width:100%;max-width:320px;margin:0 auto}.detail-section-title{text-align:center}}.detail-main-content{display:flex;flex-direction:column;gap:20px}.detail-tab-content-card{background:color-mix(in srgb,var(--surface-2) 75%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:36px;box-shadow:var(--shadow)}.detail-header-section{border-bottom:none;padding-bottom:12px}.detail-main-title{margin:0;font-size:38px;font-weight:900;color:var(--text);line-height:1.2;letter-spacing:-.02em}.detail-section{display:flex;flex-direction:column;gap:20px}.detail-section-title{margin:0;font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.015em}.detail-description-text{margin:0;font-size:15px;color:var(--text-muted);line-height:1.8}.detail-timeline{position:relative;display:flex;flex-direction:column;gap:24px;padding-left:8px}.detail-timeline-line{position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}.detail-timeline-item{position:relative;display:flex;align-items:center;gap:20px;z-index:1}.detail-timeline-badge{width:28px;height:28px;border-radius:50%;background:var(--surface-3);border:2px solid var(--line);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--muted);flex-shrink:0;transition:all .2s ease}.detail-timeline-item:hover .detail-timeline-badge{border-color:var(--brand);color:var(--brand);transform:scale(1.05)}.detail-timeline-content h4{margin:0;font-size:15px;font-weight:700;color:var(--text);line-height:1.4}.detail-syllabus-empty{font-size:14.5px;color:var(--muted);padding:24px;background:var(--surface-2);border:1px dashed var(--line);border-radius:16px;text-align:center}.detail-outcomes-list-premium{display:flex;flex-direction:column;gap:14px}.detail-outcome-item-premium{display:flex;gap:16px;align-items:flex-start;background:var(--surface-2);border:1.5px solid var(--border-strong, var(--line));padding:18px 22px;border-radius:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.detail-outcome-item-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand)}.detail-outcome-item-premium .outcome-icon-wrapper{color:var(--brand);flex-shrink:0;margin-top:3px;display:flex}.detail-outcome-item-premium .outcome-text-wrapper h4{margin:0 0 6px;font-size:15.5px;font-weight:800;color:var(--text);letter-spacing:-.01em}.detail-outcome-item-premium .outcome-text-wrapper p{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.55}.domestika-preview-section{margin-top:36px}.domestika-preview-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.domestika-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media (max-width: 640px){.domestika-preview-grid{grid-template-columns:1fr}}.domestika-preview-card{background:var(--surface-2);border:1.5px solid var(--border-strong, var(--line-strong));border-radius:14px;overflow:hidden;display:flex;flex-direction:column;cursor:default;transition:border-color .2s ease,box-shadow .2s ease;text-align:left}.domestika-preview-card:hover{border-color:var(--brand);box-shadow:var(--shadow-hover)}.domestika-preview-thumb-wrap{width:100%;aspect-ratio:16 / 9;position:relative;background:#150f0f;overflow:hidden;border-bottom:1px solid var(--line)}.domestika-preview-thumb{width:100%;height:100%;object-fit:cover;display:block}.domestika-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;transition:background .2s ease}.domestika-preview-card:hover .domestika-play-overlay{background:#00000026}.domestika-play-btn{width:44px;height:44px;border-radius:50%;background:#150f0fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.6);color:#fff;display:flex;align-items:center;justify-content:center;padding-left:2px;box-shadow:0 4px 14px #0006;transition:transform .2s ease,background .2s ease}.domestika-preview-card:hover .domestika-play-btn{transform:scale(1.12);background:var(--brand);border-color:var(--brand)}.domestika-lesson-badge{position:absolute;bottom:10px;left:10px;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.05em;text-transform:uppercase}.domestika-card-meta{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.domestika-card-title{margin:0;font-size:15px;font-weight:700;color:var(--text);line-height:1.4}.curriculum-header-row{margin-bottom:20px}.clean-curriculum-accordion{display:flex;flex-direction:column;gap:12px}.clean-curriculum-item{background:var(--surface-2);border:1.5px solid var(--border-strong, var(--line));border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.clean-curriculum-item.is-open{border-color:var(--brand);box-shadow:var(--shadow)}.clean-curriculum-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent}.clean-curriculum-title-left{display:flex;align-items:center;gap:14px;min-width:0}.clean-curriculum-idx{width:28px;height:28px;border-radius:8px;background:var(--surface-3);border:1px solid var(--line);color:var(--brand);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clean-curriculum-title-text{font-size:15px;font-weight:700;color:var(--text);line-height:1.4}.clean-curriculum-title-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.clean-curriculum-hw-chip{font-size:11px;font-weight:700;color:var(--brand);background:#bb4c4b1a;border:1px solid rgba(187,76,75,.25);padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.clean-curriculum-chevron{color:var(--muted);display:flex;align-items:center;transition:transform .2s ease}.clean-curriculum-chevron.open{transform:rotate(180deg);color:var(--brand)}.clean-curriculum-body{padding:0 20px 18px 62px;display:flex;flex-direction:column;gap:12px}@media (max-width: 640px){.clean-curriculum-body{padding-left:20px}}.clean-curriculum-desc{margin:0;font-size:14px;line-height:1.6;color:var(--text-muted)}.clean-curriculum-hw-box{background:var(--surface-3);border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.5;color:var(--text)}.detail-sidebar{position:sticky;top:88px;z-index:10}@media (max-width: 960px){.detail-sidebar{position:static;order:-1}}.detail-video-hero{width:100%;max-width:1200px;margin:12px auto 28px;aspect-ratio:16 / 9;background:#150f0f;border-radius:12px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-hover)}.course-intro-video{width:100%;height:100%;border:none;display:block;object-fit:cover}.detail-sidebar-card-premium{background:color-mix(in srgb,var(--surface-2) 75%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:border-color .3s ease,box-shadow .3s ease}.detail-sidebar-card-premium:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 12px 30px #00000040}.detail-sidebar-preview-fallback{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--line)}.detail-sidebar-preview-fallback img{width:100%;height:100%;object-fit:cover}.detail-sidebar-info-premium{display:flex;flex-direction:column;gap:24px;padding:24px}.detail-sidebar-price-row-premium{display:flex;flex-direction:column;gap:6px}.detail-sidebar-price-row-premium .price-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.detail-sidebar-price-row-premium .price-value{font-size:32px;font-weight:900;background:linear-gradient(to right,var(--text) 30%,var(--brand));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.detail-sidebar-meta-list-premium{display:flex;flex-direction:column;gap:16px}.detail-sidebar-meta-item-premium{display:flex;align-items:center;gap:14px}.detail-sidebar-meta-item-premium .meta-icon-box{width:36px;height:36px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.detail-sidebar-meta-item-premium .meta-text-box{display:flex;flex-direction:column;gap:2px}.detail-sidebar-meta-item-premium .meta-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.detail-sidebar-meta-item-premium .meta-value{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.4}.detail-sidebar-cta-premium{margin-top:4px}.detail-sidebar-btn-premium{width:100%;height:48px;border-radius:12px;font-size:14.5px;font-weight:800;background:linear-gradient(135deg,var(--brand),#d35d5c);border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.detail-sidebar-btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 24px #bb4c4b4d}.detail-sidebar-setup-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--surface-3);border:1px solid var(--line);border-radius:14px;margin-top:8px}.detail-sidebar-setup-note .note-icon{font-size:14px;flex-shrink:0;margin-top:1px}.detail-sidebar-setup-note .note-text{margin:0;font-size:11.5px;line-height:1.6;color:var(--text-muted)}.detail-sidebar-setup-note .note-text strong{color:var(--text);font-weight:700}.detail-sidebar-setup-note .note-subtext{color:var(--muted);font-size:11px;display:block;margin-top:2px}button,a{touch-action:manipulation}.primary-button:active,.secondary-button:active,.icon-button:active,.mobile-nav button:active{opacity:.86;transform:scale(.98)}.boot-error-card{width:min(100% - 32px,420px);display:grid;gap:12px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);box-shadow:var(--shadow-hover);text-align:left}.confirm-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;gap:12px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);box-shadow:var(--shadow-hover);text-align:left}.boot-error-card strong{color:var(--brand);font-size:18px;font-weight:800}.boot-error-card p,.boot-error-card small{margin:0}.boot-error-card small{color:var(--muted);overflow-wrap:anywhere}.boot-error-card .primary-button{width:100%;min-height:48px}.mobile-thread-toggle,.mobile-thread-close{display:none}.thread-heading-actions{display:flex;align-items:center;gap:8px}.student-access-actions{display:flex;justify-content:flex-end;margin-top:12px}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:18px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{width:min(100%,420px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);box-shadow:var(--shadow-hover)}.confirm-dialog-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:var(--warning);background:#f6b44b1a}.confirm-dialog-danger .confirm-dialog-icon{color:var(--danger);background:#ef6f7b1a}.confirm-dialog-copy{min-width:0}.confirm-dialog-copy h3,.confirm-dialog-copy p{margin:0}.confirm-dialog-copy h3{font-size:16px;font-weight:800}.confirm-dialog-copy p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.confirm-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.confirm-dialog-actions button{min-height:44px}@media (max-width: 860px){body{background-attachment:scroll}.login-screen-wrap{min-height:100vh;min-height:100dvh;align-items:center;overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.auth-back-btn{min-height:44px;padding:8px 4px}.forgot-psw-btn{min-height:44px;padding:10px 4px;font-size:13px}.brand-mark{min-height:44px;padding:8px 4px}.profile-dropdown{max-height:calc(100dvh - 70px);overflow:visible}.mobile-nav{z-index:70;padding-bottom:env(safe-area-inset-bottom);height:calc(var(--mobile-nav-h, 58px) + env(safe-area-inset-bottom))}.mobile-nav button.active{border-top:2px solid var(--brand);background:#bb4c4b1a}.sidebar-toggle-btn,.sidebar-toggle-btn.show-btn{min-width:44px;min-height:44px}.lesson-nav button{min-height:44px;padding:12px}.chat-panel{min-height:0;height:calc(100dvh - var(--mobile-topbar-h, 54px) - var(--mobile-nav-h, 58px) - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}.chat-header{flex-shrink:0}.message-list{flex:1;min-height:0;overflow-y:auto}.chat-compose{flex-shrink:0}.mobile-thread-toggle{display:inline-flex;flex-shrink:0}.chat-action-group .icon-button{width:44px;min-height:44px}.thread-section-toggle{min-height:44px;padding:10px 12px}.admin-edit-btn{width:44px;min-height:44px;opacity:1}.compact-btn{min-height:44px!important}.switch-toggle{width:52px;height:44px;display:inline-flex;align-items:center}.switch-toggle .switch-slider{top:8px;right:2px;bottom:8px;left:2px}.switch-toggle .switch-slider:before{width:22px;height:22px}.switch-toggle input:checked+.switch-slider:before{transform:translate(20px)}}@media (max-width: 860px){.chat-layout .thread-list{display:none}.chat-layout.mobile-thread-open .thread-list{position:fixed;top:var(--mobile-topbar-h, 54px);right:0;bottom:calc(var(--mobile-nav-h, 58px) + env(safe-area-inset-bottom));left:0;z-index:80;display:flex;width:auto;border-radius:0;border-right:0;border-left:0;box-shadow:var(--shadow-hover)}.mobile-thread-close{display:inline-grid}}@media (max-width: 640px){.admin-panel-toolbar,.course-summary-row,.course-manager-heading,.section-heading{flex-wrap:wrap}.admin-panel-toolbar{align-items:stretch}.admin-panel-toolbar .compact-search,.admin-panel-toolbar>.primary-button{width:100%}.course-summary-row{flex-direction:column;align-items:stretch;gap:12px}.admin-row-actions{width:100%;align-items:stretch}.admin-row-actions .secondary-button{flex:1;justify-content:center}.workspace-modal-backdrop{padding:0}.workspace-modal{height:100dvh;max-height:100dvh;max-width:none;border-radius:0}.workspace-split-layout{flex-direction:column}.workspace-sidebar{width:100%;max-height:40dvh;border-right:0;border-bottom:1px solid var(--line)}.workspace-content{flex:1;min-height:0}.student-modal-backdrop{align-items:flex-end;padding:0}.student-modal{width:100%;max-width:none;max-height:92vh;max-height:92dvh;border-radius:18px 18px 0 0}.student-modal-panel{padding:18px}.student-panel-heading{position:sticky;top:0;z-index:2;padding-bottom:12px;background:var(--surface)}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions button{width:100%}}@media (max-width: 560px){.editor-form-grid{grid-template-columns:1fr}.full-row{grid-column:span 1}.editor-actions{flex-wrap:wrap;padding:14px 0 0}.editor-actions .danger-button,.editor-actions .secondary-button,.editor-actions .primary-button{flex:1 1 100%;justify-content:center;margin-right:0!important}.course-cover-uploader{grid-template-columns:56px minmax(0,1fr)}.course-cover-uploader .secondary-button{grid-column:1 / -1;width:100%}.settings-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex:0 0 auto;white-space:nowrap}}@media (max-width: 480px){.topbar-inner{gap:8px}.brand-mark{max-width:132px;overflow:hidden;text-overflow:ellipsis}.admin-badge{width:28px;height:28px;justify-content:center;padding:0;font-size:0}.course-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.back-button{min-height:44px;padding:10px 4px}.detail-title-section h2{font-size:clamp(20px,5vw,28px)}.detail-info-row{flex-direction:column;gap:4px}.detail-info-label{width:auto}.detail-cta-row,.detail-cta-button{width:100%}.bell-menu{position:fixed;top:auto;right:16px;bottom:calc(var(--mobile-nav-h, 58px) + 28px + env(safe-area-inset-bottom));left:16px;width:auto;max-width:none}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-photo-block{grid-template-columns:1fr;justify-items:start}.student-access-actions{position:sticky;bottom:0;z-index:2;padding:12px 0 0;background:var(--surface)}.student-access-actions .primary-button{width:100%}}@media (hover: none){.course-catalog-card:hover{transform:none;box-shadow:var(--shadow)}.course-catalog-card:active{transform:translateY(-2px)}.message-action-reactions button,.message-action-list button{min-height:40px}.message-desktop-actions{display:none!important}}@media (max-width: 640px){.topbar-inner{min-width:0;overflow:hidden}.topbar-brand-group{min-width:0;flex:1 1 auto;gap:8px}.brand-mark{max-width:min(58vw,230px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex:0 0 auto;gap:6px}.theme-toggle,.profile-trigger{width:40px;min-width:40px;height:40px;min-height:40px;justify-content:center;padding:0}.profile-menu{flex:0 0 auto}.section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.section-heading>div,.section-heading>.course-manager-stats{min-width:0;width:100%}.course-manager-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.course-manager-stats.single-stat{grid-template-columns:minmax(0,1fr)}.course-manager-stats span{width:100%;justify-content:center}}@media (max-width: 860px){.content.route-my-class{display:block;overflow:auto;padding-bottom:calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom))!important}}@media (max-width: 640px){.mobile-only-buttons{display:flex!important}.desktop-only-buttons{display:none!important}.lesson-heading-copy{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start!important;width:100%}.lesson-heading-text{min-width:0}.lesson-heading-text h2{font-size:25px;line-height:1.12;overflow-wrap:anywhere}.lesson-heading-text p{max-width:100%;line-height:1.55;overflow-wrap:anywhere}.lesson-action-buttons{width:100%;display:grid;grid-template-columns:1fr;align-items:stretch}.lesson-action-buttons button{width:100%;min-height:44px;justify-content:center}.lesson-progress-status{text-align:left}.video-surface{width:100%;min-height:0}.video-player-shell{aspect-ratio:16 / 9}.course-management-card{min-width:0;overflow:hidden}.course-management-card .admin-row{width:100%;min-width:0;padding:14px}.course-summary-row .admin-row-left{width:100%;align-items:flex-start}.course-summary-row .admin-row-left>div{min-width:0}.course-summary-row strong,.course-summary-row small{max-width:100%;overflow-wrap:anywhere}.course-summary-row .admin-row-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;width:100%}.course-summary-row .admin-row-actions .secondary-button{min-width:0;padding-inline:10px!important;white-space:normal}.course-summary-row .admin-row-actions .admin-edit-btn{width:44px}.chat-header{gap:8px;padding:12px}.chat-title-block{flex:1 1 auto;min-width:0}.chat-avatar,.message-avatar{flex-shrink:0}.chat-header-actions{flex:0 0 auto}.chat-action-group{gap:0;padding:2px}.chat-action-group .icon-button{width:38px;min-height:38px}.message-list{min-width:0;padding-inline:10px}.message{min-width:0}.message-stack{max-width:calc(100% - 42px);min-width:0}.message.mine .message-stack{max-width:86%}.message-bubble{max-width:100%;min-width:0;overflow:visible}.message-bubble p,.message-bubble a,.inline-attachment-link{overflow-wrap:anywhere;word-break:break-word}.message-action-menu{width:min(250px,calc(100vw - 36px));max-width:none;border-radius:16px}.message-action-reactions button{width:42px;height:42px}.reaction-pill{min-height:34px;padding-inline:10px}.chat-compose{grid-template-columns:44px minmax(0,1fr) 48px;gap:8px;padding:10px}.chat-compose textarea{min-width:0}.chat-layout.mobile-thread-open .thread-list{width:100vw!important;max-width:100vw!important}}.mobile-lessons-trigger-bar,.mobile-sidebar-backdrop{display:none}.course-ticker{width:100%;margin:36px 0 20px;overflow:hidden;background:var(--surface-2);border:1.5px solid var(--border-strong);border-radius:16px;padding:12px 0;position:relative;box-shadow:var(--shadow)}@media (max-width: 860px){.course-ticker{margin:20px 0 16px;border-radius:12px}}.course-ticker:before,.course-ticker:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.course-ticker:before{left:0;background:linear-gradient(to right,var(--surface-2),transparent)}.course-ticker:after{right:0;background:linear-gradient(to left,var(--surface-2),transparent)}.course-ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 30s linear infinite;will-change:transform}.course-ticker-track:hover{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.course-ticker-item{display:inline-flex;align-items:center;gap:12px;padding:0 16px;font-size:12px;color:var(--muted);flex-shrink:0}.course-ticker-sep{color:color-mix(in srgb,var(--brand) 50%,transparent);font-size:14px}.weekly-plan-container{display:flex;flex-direction:column;gap:20px;animation:fadeIn .3s ease;padding:12px 4px 40px}.weekly-plan-header{display:flex;justify-content:space-between;align-items:center}.weekly-plan-title-block{display:flex;align-items:center;gap:12px}.weekly-plan-icon{color:var(--brand)}.weekly-plan-progress-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.weekly-plan-progress-info{display:flex;justify-content:space-between;font-size:13px}.weekly-plan-progress-info span{color:var(--muted)}.weekly-plan-progress-info strong{color:var(--brand)}.weekly-plan-progress-bar-bg{height:8px;background:var(--surface-3);border-radius:99px;overflow:hidden}.weekly-plan-progress-bar-fill{height:100%;background:var(--brand);border-radius:99px;transition:width .35s cubic-bezier(.4,0,.2,1)}.weekly-plan-list{display:flex;flex-direction:column;gap:12px}.weekly-plan-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.weekly-plan-item:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));transform:translateY(-1px)}.weekly-plan-item:active{transform:scale(.99)}.weekly-plan-item.checked{background:#1a1a1a4d;border-color:var(--line);opacity:.75}.weekly-plan-item.deadline{border-left:4px solid var(--danger)}.weekly-plan-item.live{border-left:4px solid var(--info)}.weekly-plan-checkbox-wrapper{position:relative;width:22px;height:22px;flex-shrink:0;margin-top:2px}.weekly-plan-checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.weekly-plan-custom-checkbox{position:absolute;top:0;left:0;height:22px;width:22px;background-color:transparent;border:2px solid var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:transparent}.weekly-plan-item:hover .weekly-plan-custom-checkbox{border-color:var(--brand)}.weekly-plan-item.checked .weekly-plan-custom-checkbox{background-color:transparent;border-color:var(--brand);color:var(--brand)}.weekly-plan-item-content{flex:1;min-width:0}.weekly-plan-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.weekly-plan-item-header h3{font-size:14px;font-weight:700;margin:0;color:var(--text)}.weekly-plan-item.checked h3{text-decoration:line-through;color:var(--muted)}.weekly-plan-item-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-3);padding:2px 8px;border-radius:99px;flex-shrink:0}.weekly-plan-item.deadline .weekly-plan-item-label{color:var(--danger);background:#ef44441a}.weekly-plan-item.live .weekly-plan-item-label{color:var(--info);background:var(--info-subtle, rgba(59, 130, 246, .1))}.weekly-plan-item-task{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}.weekly-plan-item.checked .weekly-plan-item-task{color:var(--muted);text-decoration:line-through;opacity:.7}@media (max-width: 860px){.desktop-only{display:none!important}}.course-detail-tabs{display:flex;gap:12px;border-bottom:1.5px solid var(--line);margin-bottom:24px}.course-detail-tabs-mobile{display:none}.course-detail-tab-btn{background:transparent;border:none;color:var(--muted);font-size:14.5px;font-weight:700;padding:12px 18px;cursor:pointer;position:relative;font-family:inherit;transition:color .2s ease}.course-detail-tab-btn:hover{color:var(--text)}.course-detail-tab-btn.active{color:var(--brand)}.course-detail-tab-btn.active:after{content:"";position:absolute;bottom:-1.5px;left:0;right:0;height:2px;background:var(--brand)}.syllabus-accordion-unit{margin-bottom:12px;border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.syllabus-accordion-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:var(--surface-2, #2d2e2f);-webkit-user-select:none;user-select:none}.syllabus-accordion-title-group{display:flex;align-items:center;gap:12px}.syllabus-accordion-badge{font-size:10px;font-weight:800;background:var(--surface-3, #4e4f50);color:var(--text-muted);padding:3px 8px;border-radius:4px;text-transform:uppercase}.syllabus-accordion-title{font-size:15px;font-weight:700;color:var(--text)}.syllabus-accordion-header svg{color:var(--muted);transition:transform .25s ease}.syllabus-accordion-unit.active .syllabus-accordion-header svg{transform:rotate(180deg);color:var(--brand)}.syllabus-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:var(--surface)}.syllabus-accordion-unit.active .syllabus-accordion-content{max-height:600px}.syllabus-accordion-lesson-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--line);font-size:13.5px}.syllabus-accordion-lesson-title{color:var(--text);font-weight:500}.syllabus-accordion-lesson-meta{display:flex;align-items:center;gap:8px;color:var(--muted)}.syllabus-preview-badge{font-size:9px;font-weight:800;color:var(--success);background:#34d3991a;border:1px solid rgba(52,211,153,.2);padding:2px 6px;border-radius:4px;text-transform:uppercase}.showcase-masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}@media (max-width: 768px){.showcase-masonry-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.showcase-masonry-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative}.showcase-masonry-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-hover)}.showcase-masonry-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;border-bottom:1px solid var(--line);background:#0f1013}.showcase-masonry-info{padding:12px}.showcase-masonry-student{display:block;font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;margin-bottom:4px}.showcase-masonry-title{display:block;font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.showcase-lightbox-container{background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;width:90%;max-width:960px;display:grid;grid-template-columns:1fr 300px;overflow:hidden;max-height:85vh;box-shadow:var(--shadow-hover);position:relative}@media (max-width: 768px){.showcase-lightbox-container{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}}.showcase-lightbox-media{background:#090a0d;display:flex;align-items:center;justify-content:center;overflow:hidden}.showcase-lightbox-img{max-width:100%;max-height:85vh;object-fit:contain}@media (max-width: 768px){.showcase-lightbox-img{max-height:50vh;width:100%}}.showcase-lightbox-sidebar{padding:24px;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 768px){.showcase-lightbox-sidebar{border-left:none;border-top:1px solid var(--line);overflow-y:visible}}.showcase-lightbox-student{font-size:16px;font-weight:800;color:var(--brand);cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.showcase-lightbox-student:hover{color:var(--text)}.showcase-lightbox-headline{font-size:12px;color:var(--muted);margin-top:2px}.showcase-lightbox-title{font-size:15px;font-weight:700;color:var(--text);margin-top:16px;line-height:1.4}.showcase-lightbox-date{font-size:11px;color:var(--subtle);margin-top:4px}.showcase-lightbox-feedback-box{margin-top:20px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:14px}.showcase-lightbox-feedback-title{font-size:11px;font-weight:800;color:var(--brand);text-transform:uppercase;margin-bottom:6px}.showcase-lightbox-feedback-text{font-size:13px;color:var(--text-muted);line-height:1.5}.showcase-lightbox-close{position:absolute;top:16px;right:16px;background:var(--surface);border:1px solid var(--line-strong);color:var(--text);width:36px;height:36px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2050}.showcase-lightbox-close:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.classmate-popover-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeIn .15s ease}.classmate-popover-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;width:100%;max-width:360px;padding:24px;text-align:center;box-shadow:var(--shadow-hover);position:relative}.classmate-popover-avatar{width:60px;height:60px;border-radius:50%;background:var(--brand-light);color:var(--brand);font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:2px solid var(--brand)}.classmate-popover-name{font-size:18px;font-weight:800;color:var(--text)}.classmate-popover-headline{font-size:13px;color:var(--brand);font-weight:600;margin-top:2px}.classmate-popover-bio{font-size:13.5px;color:var(--text-muted);line-height:1.5;margin:14px 0}.classmate-popover-socials{display:flex;justify-content:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.instructor-bio-wrapper{display:flex;gap:24px;align-items:flex-start;margin-top:8px}@media (max-width: 640px){.instructor-bio-wrapper{flex-direction:column;align-items:center;text-align:center}}.instructor-bio-avatar{width:90px;height:90px;border-radius:50%;background:var(--brand-light);color:var(--brand);font-size:36px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--brand)}.instructor-bio-name{font-size:22px;font-weight:800;color:var(--text);margin-bottom:2px}.instructor-bio-headline{font-size:14px;font-weight:600;color:var(--brand);margin-bottom:12px}.instructor-bio-text{font-size:14.5px;color:var(--text-muted);line-height:1.6;margin-bottom:16px}.instructor-bio-socials{display:flex;gap:10px}.instructor-card-premium{display:grid;grid-template-columns:132px minmax(0,1fr);background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:32px 48px;gap:36px;align-items:center;box-shadow:var(--shadow);transition:border-color .3s ease,box-shadow .3s ease;overflow:visible;margin-left:88px}.instructor-card-premium:hover{border-color:#bb4c4b40;box-shadow:var(--shadow-hover)}@media (max-width: 768px){.instructor-card-premium{display:flex;flex-direction:column;text-align:center;padding:24px;gap:24px;margin-left:0}}.instructor-frame-window{width:220px;height:252px;background:var(--surface-2, #2d2e2f);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000040;flex-shrink:0;margin-left:-88px;margin-top:-48px;margin-bottom:-48px;position:relative;z-index:2;transform:rotate(-2.5deg);transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease}.instructor-card-premium:hover .instructor-frame-window{transform:rotate(0) scale(1.03);box-shadow:0 16px 36px #00000059,0 0 20px #bb4c4b1f}@media (max-width: 768px){.instructor-frame-window{margin-left:0;margin-top:0;margin-bottom:0;transform:rotate(0)}}.instructor-frame-header{height:32px;background:#00000026;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;position:relative}.window-dots{display:flex;gap:6px}.window-dots .dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--muted);opacity:.55}.window-title{position:absolute;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.instructor-frame-body{height:220px;background:#0f1013;display:flex;align-items:center;justify-content:center;overflow:hidden}.instructor-frame-photo{width:100%;height:100%;object-fit:cover}.instructor-frame-photo-fallback{font-size:54px;font-weight:800;color:var(--brand)}.instructor-card-content{flex-grow:1;display:flex;flex-direction:column}.instructor-card-name{font-size:24px;font-weight:800;color:var(--text);margin-bottom:10px}.instructor-card-bio{font-size:14.5px;color:var(--text-muted);line-height:1.7}@media (max-width: 860px){.detail-tab-content-card{padding:20px}}.social-icon-btn,.instructor-socials .social-icon{transition:all .2s ease-in-out!important}.social-icon-btn:hover,.instructor-socials .social-icon:hover{background:var(--surface-4)!important;color:var(--brand)!important;border-color:#e11d4866!important;transform:translateY(-2px);box-shadow:0 4px 12px #e11d481a}.course-detail-toc{display:none}.my-courses-clean-container{width:100%;max-width:var(--page-max-w-standard);margin:0 auto;padding:var(--page-pad-top) var(--page-pad-inline) var(--page-pad-bottom);display:flex;flex-direction:column;gap:32px}.my-courses-block{display:flex;flex-direction:column;gap:14px}.my-courses-section-header h2{font-size:20px;font-weight:800;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.25),0 0 10px rgba(0,0,0,.12);margin:0}.clean-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;text-transform:uppercase;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.25);letter-spacing:.5px}.continue-card-compact{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:stretch;width:100%;max-width:100%;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.continue-card-compact:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.continue-card-media{position:relative;width:100%;aspect-ratio:16 / 9;height:100%;background:var(--surface-2);overflow:hidden}.continue-card-media img{width:100%;height:100%;object-fit:cover;display:block}.continue-placeholder-box{width:100%;height:100%;display:grid;place-items:center;color:var(--brand);background:var(--surface-2)}.software-badge-tag{position:absolute;top:8px;left:8px;background:var(--text);border:1px solid var(--border);color:var(--bg);padding:2px 7px;border-radius:4px;font-size:10px;font-weight:800;box-shadow:0 2px 6px #0003;z-index:2}.media-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .15s ease}.continue-card-compact:hover .media-play-overlay{opacity:1}.continue-card-details{padding:14px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.details-header{display:flex;justify-content:space-between;align-items:center}.instructor-text{font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.04em}.access-pill{font-size:11px;font-weight:700;color:var(--success);padding:2px 8px;border-radius:6px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.continue-title{font-size:17px;font-weight:800;color:var(--text);margin:0;line-height:1.35}.lesson-subtitle{font-size:13px;color:var(--muted);margin:0}.progress-inline-row{display:flex;align-items:center;gap:12px}.progress-bar-track{flex:1;height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress-bar-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .3s ease}.progress-text-label{font-size:11px;font-weight:700;color:var(--text);white-space:nowrap}.continue-footer-btn-row{display:flex;justify-content:flex-start}.my-courses-flat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.course-flat-item{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:all .15s ease}.course-flat-item:hover{border-color:var(--brand);transform:translateY(-2px)}.course-flat-banner{position:relative;aspect-ratio:16 / 9;background:var(--surface-2)}.course-flat-banner img{width:100%;height:100%;object-fit:cover;display:block}.banner-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--brand)}.banner-play-icon{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .15s ease}.course-flat-item:hover .banner-play-icon{opacity:1}.course-flat-body{padding:14px;display:flex;flex-direction:column;flex:1;justify-content:space-between;gap:10px}.course-flat-title{font-size:14.5px;font-weight:800;color:var(--text);margin:0;line-height:1.35}.course-flat-byline{font-size:11.5px;color:var(--muted);margin:0}.course-flat-progress{display:flex;align-items:center;gap:8px}.progress-fraction{font-size:11px;font-weight:700;color:var(--muted)}.enter-classroom-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--surface-2);color:var(--text);border:1.5px solid var(--border-strong);border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.enter-classroom-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.empty-courses-card{padding:32px 20px;text-align:center;background:var(--surface);border:1.5px dashed var(--border-strong);border-radius:12px}.suggestion-pill-label{display:inline-block;font-size:12px;font-weight:800;color:var(--brand);letter-spacing:.3px}.suggestions-flat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.suggestion-flat-item{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:all .15s ease}.suggestion-flat-item:hover{border-color:var(--brand);transform:translateY(-2px)}.suggestion-banner{position:relative;aspect-ratio:16 / 9;background:var(--surface-2)}.suggestion-banner img{width:100%;height:100%;object-fit:cover;display:block}.suggestion-body{padding:14px;display:flex;flex-direction:column;flex:1;justify-content:space-between;gap:8px}.suggestion-eyebrow{font-size:9.5px;font-weight:800;letter-spacing:.5px;color:var(--brand);text-transform:uppercase}.suggestion-title{font-size:13.5px;font-weight:800;color:var(--text);margin:0;line-height:1.35}.suggestion-author{font-size:11px;color:var(--muted);margin:0}.suggestion-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border)}.suggestion-fee{font-size:11.5px;font-weight:800;color:var(--text)}.view-details-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:700;color:var(--text);cursor:pointer;transition:all .15s ease}.view-details-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}@media (max-width: 860px){.my-courses-clean-container{gap:24px}.continue-card-compact{grid-template-columns:1fr}.continue-card-media{aspect-ratio:16 / 9;height:auto}.my-courses-flat-grid,.suggestions-flat-grid{grid-template-columns:1fr}}.domestika-progress-row{display:flex;align-items:center;gap:10px;margin-top:10px}.domestika-progress-row .progress-bar-track{flex:1;height:6px;background:var(--surface-3);border-radius:100px;overflow:hidden}.domestika-progress-row .progress-bar-fill{height:100%;border-radius:100px;transition:width .3s ease}.domestika-progress-label{font-size:11px;font-weight:800;color:var(--muted);min-width:34px;text-align:right}.online-payment-cta{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.online-payment-cta .detail-sidebar-btn-premium:disabled{opacity:.72;cursor:progress;transform:none;box-shadow:none}.online-payment-hint{margin:0;text-align:center;font-size:11px;line-height:1.5;color:var(--muted)}.online-payment-credit{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-3);font-size:12px;font-weight:600;color:var(--text);cursor:pointer}.online-payment-credit input{accent-color:var(--brand);cursor:pointer}.online-payment-note{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border-radius:11px;border:1px solid var(--line);background:var(--surface-3);font-size:12px;line-height:1.55;color:var(--text)}.online-payment-note svg{flex-shrink:0;margin-top:1px}.online-payment-note.is-good{border-color:#2ea06766;color:var(--text)}.online-payment-note.is-warn{border-color:#d69e2e73}.online-payment-note.is-bad{border-color:#bb4c4b73}.online-payment-cta .spin{animation:online-payment-spin .9s linear infinite}@keyframes online-payment-spin{to{transform:rotate(360deg)}}.checkout-page-container{max-width:var(--page-max-w-standard, 1120px);margin:0 auto;padding:20px var(--page-pad-inline, 16px) 80px}.checkout-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:14px;border-bottom:1.5px solid var(--border-strong)}.checkout-main-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}.checkout-ticket-card{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-panel, 14px);padding:24px;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .04));display:flex;flex-direction:column;gap:20px}.checkout-inclusion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checkout-inclusion-pill{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-btn, 8px);padding:10px 12px;font-size:12.5px;font-weight:700;color:var(--text)}.checkout-inclusion-pill svg{flex-shrink:0;color:var(--brand)}.checkout-credit-box{background:var(--surface-2);border:1.5px dashed var(--border-strong);border-radius:var(--radius-card, 12px);padding:16px 18px;transition:border-color .2s ease,background-color .2s ease}.checkout-credit-box.is-active{border-style:solid;border-color:var(--brand);background:#d9383a0a}.checkout-guarantees-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checkout-guarantee-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card, 12px);padding:14px 12px;display:flex;flex-direction:column;gap:6px}.checkout-payment-box{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-panel, 14px);padding:24px;box-shadow:var(--shadow, 0 4px 14px rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:18px}.checkout-method-tab{border:1.5px solid var(--border);background:var(--surface-2);border-radius:var(--radius-card, 12px);padding:14px 16px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.checkout-method-tab:hover{border-color:var(--border-strong)}.checkout-method-tab.is-selected{border-color:var(--brand);border-width:2px;background:#d9383a0a}.checkout-bank-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:var(--radius-badge, 6px);font-size:10.5px;font-weight:800;letter-spacing:.2px;border:1px solid var(--border);background:var(--surface-3);color:var(--text)}.checkout-bank-badge.kpay{background:#039;color:#fff;border-color:#039}.checkout-bank-badge.wave{background:#fc0;color:#111;border-color:#e6b800}.checkout-bank-badge.ayapay{background:#d41426;color:#fff;border-color:#d41426}.checkout-bank-badge.cbpay{background:#c8102e;color:#fff;border-color:#c8102e}.checkout-bank-badge.uabpay{background:#5b2d90;color:#fff;border-color:#5b2d90}.checkout-qr-station{background:#fff;border:1.5px solid var(--border-strong);border-radius:var(--radius-card, 12px);padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.checkout-qr-reticle{position:relative;padding:14px;background:#fff;border:2px solid #18181b;border-radius:12px;display:grid;place-items:center;box-shadow:0 4px 12px #00000014}.checkout-qr-reticle:before{content:"";position:absolute;top:-4px;left:-4px;width:16px;height:16px;border-top:3px solid var(--brand);border-left:3px solid var(--brand);border-top-left-radius:4px}.checkout-qr-reticle:after{content:"";position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;border-bottom:3px solid var(--brand);border-right:3px solid var(--brand);border-bottom-right-radius:4px}.checkout-qr-scanline{position:absolute;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);box-shadow:0 0 8px #d9383acc;animation:qr-scan-sweep 2.8s ease-in-out infinite alternate;z-index:2;pointer-events:none}@keyframes qr-scan-sweep{0%{top:10px;opacity:.2}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 10px);opacity:.2}}.checkout-timer-pill{display:inline-flex;align-items:center;gap:5px;background:#d9383a14;color:var(--brand);border:1px solid rgba(217,56,58,.2);padding:3px 9px;border-radius:var(--radius-badge, 6px);font-size:11px;font-weight:800}.checkout-step-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;color:var(--text)}.checkout-step-num{width:20px;height:20px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);font-size:11px;font-weight:800;display:grid;place-items:center;flex-shrink:0;margin-top:1px}@media (max-width: 860px){.checkout-main-grid{grid-template-columns:1fr!important;gap:20px}.checkout-inclusion-grid,.checkout-guarantees-grid{grid-template-columns:1fr}}@media (max-width: 860px){html,body,#root,.app-frame{background:linear-gradient(180deg,#87c7ff,#87c7ffb3 18%,#87c7ff00 33.33%),var(--surface) url(/assets/sky-cloud-bg.jpg) no-repeat center top / cover!important;background-attachment:fixed!important;color:var(--text)!important}.app-card-shell{background:transparent!important;border-radius:0!important;border:none!important;box-shadow:none!important}.app-window{background:transparent!important}.topbar{display:block!important;position:sticky!important;top:0!important;z-index:1000!important;background:#ffffff29!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.25)!important;height:auto!important;min-height:var(--mobile-topbar-h, 54px)!important;box-shadow:0 4px 16px #0000000a!important}.topbar-search-btn,.topbar-filter-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:8px!important;background:transparent!important;border:1.5px solid transparent!important;color:var(--text)!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important}.topbar-search-btn:hover,.topbar-search-btn.active,.topbar-filter-btn:hover,.topbar-filter-btn.active{background:#fff6!important;color:var(--brand)!important}.topbar-mobile-search-bar{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;height:var(--mobile-topbar-h, 54px)!important;min-height:var(--mobile-topbar-h, 54px)!important;padding:0 10px 0 6px!important;box-sizing:border-box!important;background:var(--header-bg)!important;position:relative!important;z-index:1000!important}.mobile-search-back-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:transparent!important;border:none!important;color:var(--text)!important;cursor:pointer!important;flex-shrink:0!important;padding:0!important;transition:background .15s ease!important}.mobile-search-back-btn:active{background:#00000014!important}.mobile-search-input-wrapper{flex:1!important;min-width:0!important;display:flex!important;align-items:center!important}.mobile-search-box{width:100%!important}.mobile-search-box .header-search-form{position:relative!important;width:100%!important;display:flex!important;align-items:center!important}.mobile-search-box .header-search-input{width:100%!important;height:38px!important;font-size:14.5px!important;font-weight:500!important;background:var(--surface-2)!important;border:1.5px solid var(--border-strong)!important;border-radius:20px!important;padding:0 34px 0 14px!important;color:var(--text)!important;outline:none!important;box-sizing:border-box!important;box-shadow:none!important;transition:all .15s ease!important}.mobile-search-box .header-search-input:focus{border-color:var(--text)!important;background:var(--surface)!important;box-shadow:0 0 0 2px #00000014!important}.mobile-search-box .header-search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--muted)!important;pointer-events:none!important}.mobile-search-box .header-search-clear{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important;height:22px!important;border-radius:50%!important;background:var(--surface-3)!important;border:none!important;display:grid!important;place-items:center!important;color:var(--text)!important;cursor:pointer!important;padding:0!important}.mobile-suggestion-portal{position:fixed!important;top:var(--mobile-topbar-h, 54px)!important;left:0!important;right:0!important;bottom:0!important;background:var(--surface)!important;z-index:99999!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important;padding-bottom:calc(var(--mobile-nav-h, 58px) + env(safe-area-inset-bottom))!important}.mobile-search-discovery{padding:16px 18px!important}.mobile-search-discovery-header{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--muted)!important;margin-bottom:12px!important}.mobile-search-discovery-icon{color:var(--brand)!important}.mobile-search-tags-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.mobile-search-tag-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 13px!important;border-radius:20px!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .12s ease!important}.mobile-search-tag-chip:active{background:var(--surface-3)!important;border-color:var(--border-strong)!important;transform:scale(.97)!important}.mobile-search-tag-icon{color:var(--muted)!important}.mobile-search-featured-list{display:flex!important;flex-direction:column!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:12px!important;overflow:hidden!important;margin-top:8px!important}.mobile-suggestion-content-wrapper{display:flex!important;flex-direction:column!important;width:100%!important}.mobile-suggestion-group-title{padding:12px 18px 8px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--muted)!important;border-bottom:1px solid var(--line)!important}.mobile-suggestion-list{display:flex!important;flex-direction:column!important}.mobile-suggestion-item{display:flex!important;align-items:center!important;gap:12px!important;padding:13px 18px!important;border-bottom:1px solid var(--line)!important;background:transparent!important;cursor:pointer!important;min-height:50px!important;box-sizing:border-box!important;-webkit-tap-highlight-color:transparent!important}.mobile-suggestion-item:active,.mobile-suggestion-item.is-selected{background:var(--surface-2)!important}.mobile-suggestion-icon{color:var(--muted)!important;flex-shrink:0!important}.mobile-suggestion-title{flex:1!important;font-size:14.5px!important;font-weight:600!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.search-highlight{color:var(--brand)!important;font-weight:800!important}.mobile-suggestion-fill-btn{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:transparent!important;border:none!important;color:var(--muted)!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important;transition:background .12s ease!important}.mobile-suggestion-fill-btn:active{background:var(--surface-3)!important;color:var(--text)!important}.mobile-suggestion-arrow{color:var(--muted)!important;opacity:.45!important;flex-shrink:0!important}.mobile-suggestion-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 18px!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;background:var(--surface-2)!important;font-size:13.5px!important;font-weight:700!important;color:var(--brand)!important;cursor:pointer!important;margin-top:0!important;transition:background .12s ease!important}.mobile-suggestion-footer:active{background:var(--surface-3)!important}.mobile-suggestion-empty{padding:48px 24px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.mobile-empty-icon-circle{width:56px!important;height:56px!important;border-radius:50%!important;background:var(--surface-2)!important;border:1.5px solid var(--border)!important;display:grid!important;place-items:center!important;color:var(--muted)!important;margin-bottom:14px!important}.mobile-suggestion-empty h3{margin:0 0 6px!important;font-size:16px!important;font-weight:800!important;color:var(--text)!important}.mobile-suggestion-empty p{margin:0!important;font-size:13px!important;color:var(--muted)!important;max-width:280px!important;line-height:1.5!important}@keyframes slideInDrawerRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-filter-backdrop{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000073!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:2000!important;animation:drawerFadeIn .2s ease!important}.mobile-filter-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:min(340px,86vw)!important;background:var(--surface)!important;border-left:1.5px solid var(--border-strong)!important;box-shadow:-4px 0 24px #00000040!important;z-index:2001!important;display:flex!important;flex-direction:column!important;animation:slideInDrawerRight .22s cubic-bezier(.16,1,.3,1) forwards!important}.mobile-filter-drawer-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 18px!important;border-bottom:1.5px solid var(--border)!important;background:var(--surface-2)!important;flex-shrink:0!important}.mobile-filter-drawer-title-group{display:flex!important;align-items:center!important;gap:8px!important}.mobile-filter-drawer-title-group h3{margin:0!important;font-size:15.5px!important;font-weight:800!important;color:var(--text)!important;letter-spacing:-.01em!important}.mobile-filter-drawer-body{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px 14px 28px!important;display:flex!important;flex-direction:column!important;gap:14px!important}.mobile-cat-group{display:flex!important;flex-direction:column!important;gap:6px!important}.mobile-cat-group-title{font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--muted)!important;padding:4px 6px 2px!important}.mobile-cat-group-list{display:flex!important;flex-direction:column!important;gap:2px!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:12px!important;overflow:hidden!important;padding:4px!important}.mobile-cat-drawer-item{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:11px 12px!important;border-radius:8px!important;background:transparent!important;border:none!important;cursor:pointer!important;text-align:left!important;transition:all .12s ease!important;-webkit-tap-highlight-color:transparent!important;box-sizing:border-box!important}.mobile-cat-drawer-item:active{background:var(--surface-3)!important}.mobile-cat-drawer-item.is-active{background:var(--brand-dim, rgba(239, 68, 68, .08))!important;color:var(--brand)!important;font-weight:700!important}.mobile-cat-item-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important}.mobile-cat-icon{color:var(--muted)!important;flex-shrink:0!important;transition:color .12s ease!important}.mobile-cat-drawer-item.is-active .mobile-cat-icon{color:var(--brand)!important}.mobile-cat-label{font-size:13.5px!important;font-weight:600!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-cat-drawer-item.is-active .mobile-cat-label{color:var(--brand)!important;font-weight:700!important}.mobile-cat-check{color:var(--brand)!important;flex-shrink:0!important}.profile-trigger{display:inline-flex!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0!important;border:none!important;background:transparent!important;cursor:pointer!important}.topbar-inner{display:flex!important;justify-content:space-between!important;align-items:center!important;height:100%!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0 14px!important;gap:10px!important;box-sizing:border-box!important;overflow:visible!important}.desktop-nav,.topbar-search-zone,.nav-item-with-mega-menu,.topbar-right-zone .desktop-nav-link,.topbar-cart-btn,.topbar-noti-wrapper{display:none!important}.topbar-left-zone{display:flex!important;align-items:center!important;gap:8px!important}.brand-mark{display:flex!important;align-items:center!important;gap:6px!important;font-size:16px!important;font-weight:800!important;color:var(--text)!important;background:none!important;border:none!important;padding:0!important;cursor:pointer!important}.brand-word-learn{color:var(--text)!important;font-size:16px!important;font-weight:800!important}.topbar-right-zone{display:flex!important;align-items:center!important;gap:8px!important}.mobile-profile-backdrop{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000073!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:1999!important;animation:drawerFadeIn .2s ease!important}.mobile-drawer-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:12px!important;margin-bottom:10px!important;border-bottom:1.5px solid var(--border)!important;flex-shrink:0!important}.mobile-drawer-title{font-family:var(--font-display, inherit);font-size:15px!important;font-weight:800!important;color:var(--text)!important;letter-spacing:-.01em}.mobile-drawer-close-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:8px!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;cursor:pointer!important;padding:0!important;transition:all .15s ease!important}.mobile-drawer-close-btn:hover{background:var(--surface-3)!important;color:var(--brand)!important}.profile-dropdown{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(320px,86vw)!important;max-width:86vw!important;height:100dvh!important;max-height:100dvh!important;background:var(--surface)!important;border-radius:0!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:1.5px solid var(--border-strong)!important;box-shadow:-8px 0 32px #00000059!important;z-index:2000!important;display:flex!important;flex-direction:column!important;padding:16px 14px 28px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;animation:drawerSlideInRight .25s cubic-bezier(.16,1,.3,1)!important;box-sizing:border-box!important}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.notifications-dropdown{position:fixed!important;top:var(--mobile-topbar-h, 54px)!important;right:10px!important;left:auto!important;width:min(340px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;z-index:1050!important}.course-detail-page-container .back-button-row,.course-detail-page-container .detail-header-section{display:none!important}.content.route-courses:has(.course-detail-page-container){overflow-y:auto!important;padding:0 0 32px!important;max-width:100%!important}.app-frame.is-guest .content.route-courses:has(.course-detail-page-container){overflow:visible!important}.courses-page.course-detail-page-container{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 16px 32px!important;box-sizing:border-box!important}.app-frame.is-guest .courses-page.course-detail-page-container{padding-top:0!important}.app-frame.is-guest .course-detail-page-container>.mobile-top-bar{display:none!important}.app-frame:not(.is-guest) .course-detail-page-container .mobile-top-bar{width:calc(100% + 32px)!important;margin:0 -16px!important;padding:0 14px!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important}.course-detail-page-container .course-detail-tabs-desktop{display:none!important}.course-detail-page-container .course-detail-tabs-mobile{display:flex!important;position:sticky!important;top:var(--mobile-topbar-h, 54px)!important;z-index:999!important;width:calc(100% + 32px)!important;margin:0 -16px 18px!important;padding:10px 14px!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;background:var(--surface)!important;border-top:0!important;border-bottom:1px solid var(--line)!important;box-shadow:var(--shadow)!important;box-sizing:border-box!important}.course-detail-page-container .course-detail-tabs-mobile::-webkit-scrollbar{display:none!important}.app-frame.is-guest .course-detail-page-container .course-detail-tabs-mobile{position:sticky!important;top:57px!important;z-index:999!important;margin-top:0!important;background:var(--surface)!important}.course-detail-page-container .course-detail-tab-btn{flex:1 0 auto!important;min-width:max-content!important;padding:9px 14px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface-2)!important;color:var(--muted)!important;font-size:13px!important;line-height:1!important;text-align:center!important;white-space:nowrap!important}.course-detail-page-container .course-detail-tab-btn.active{background:var(--brand)!important;border-color:var(--brand)!important;color:var(--bg)!important}.course-detail-page-container .course-detail-tab-btn.active:after{display:none!important}.course-detail-page-container .course-detail-view{padding-bottom:96px!important}.course-detail-page-container .detail-layout-container{align-items:stretch!important;gap:20px!important;margin-top:0!important;width:100%!important}.course-detail-page-container .detail-main-content,.course-detail-page-container .detail-sidebar,.course-detail-page-container .detail-sidebar-card-premium{width:100%!important;max-width:100%!important;min-width:0!important}.course-detail-page-container .detail-sidebar{order:-1!important}.detail-layout-container.tab-curriculum .detail-sidebar{display:none!important}.course-detail-page-container .mobile-top-bar-left,.course-detail-page-container .mobile-top-bar-right{flex:0 0 48px!important;min-width:48px!important;width:48px!important}.course-detail-page-container .mobile-top-bar .mobile-top-bar-back-btn,.course-detail-page-container .mobile-top-bar .mobile-top-bar-menu-btn{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--brand)!important;gap:0!important}.course-detail-page-container .mobile-top-bar .mobile-top-bar-back-text,.course-detail-page-container .mobile-top-bar .mobile-top-bar-menu-text{display:none!important}.course-detail-toc{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:280px!important;height:100vh!important;max-height:100vh!important;background:var(--surface)!important;border:none!important;border-left:1px solid var(--line)!important;border-radius:0!important;z-index:10001!important;transform:translate(100%);transition:transform .25s cubic-bezier(.16,1,.3,1)!important;padding:24px 20px!important;box-shadow:-10px 0 30px #0000004d!important}.course-detail-toc.mobile-open{transform:translate(0)!important}.topbar-brand-group{flex:0 0 auto!important}.app-frame.is-guest .topbar-brand-group{flex:1 1 auto!important;min-width:0!important}.app-frame.is-guest .brand-mark{max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.topbar-actions{flex:0 0 auto!important}.app-frame.is-guest .topbar-actions{flex:0 0 auto!important;min-width:max-content!important;max-width:calc(100vw - 130px)!important;overflow:visible!important}.app-frame .app-window{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.app-frame .content{flex:1 0 auto!important;height:auto!important;max-height:none!important;min-height:auto!important;box-sizing:border-box!important}.content.route-chats,.content.route-notifications,.content.route-courses:has(.courses-admin-page),.content.route-manage,.content.route-manage-copy,.content.route-people,.content.route-desk,.content:has(.console-shell),.content:has(.manage-command-center),.content.route-overview{height:calc(100dvh - var(--mobile-topbar-h, 54px) - var(--mobile-nav-h, 58px) - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - var(--mobile-topbar-h, 54px) - var(--mobile-nav-h, 58px) - env(safe-area-inset-bottom))!important;overflow:hidden!important;padding:0!important;max-width:100%!important}.content.route-manage:has(.teacher-manage-page){overflow-y:auto!important;padding:0 0 calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom)) 0!important;max-width:100%!important}.app-frame:not(:has(.workspace-active-mobile)) .content.route-homework{overflow-y:auto!important;padding:0 14px calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom)) 14px!important;max-width:100%!important}.app-frame:has(.workspace-active-mobile) .content.route-homework{overflow-y:auto!important;padding:0 0 calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom)) 0!important;max-width:100%!important}.content.route-help{overflow-y:auto!important;padding:16px 16px calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom)) 16px!important;max-width:100%!important}.content.route-profile{overflow-y:auto!important;padding:14px 12px calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom)) 12px!important;max-width:100%!important;width:100%!important}.content.route-profile .profile-layout,.content.route-profile .self-profile-page,.content.route-profile .teacher-detail-single-col{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.content.route-profile .teacher-detail-profile-unified-card{width:100%!important;max-width:100%!important;padding:16px 14px!important;box-sizing:border-box!important}.content.route-settings{overflow-y:auto!important;padding:0 0 calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom)) 0!important;max-width:100%!important;width:100%!important;background:transparent!important;border:none!important;border-radius:0!important}.content.route-my-class{overflow-y:auto!important;padding:0!important;max-width:100%!important}:root{--page-pad-inline: 0px;--page-pad-top: 4px;--page-pad-bottom: 40px}.content.route-home,.content.route-courses,.content.route-my-courses,.content.route-teachers{overflow-y:auto!important;padding:16px 14px calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom)) 14px!important;max-width:100%!important}.app-frame:has(.chat-layout:not(.mobile-thread-open)) .content{height:var(--chat-visible-height, 100dvh)!important;max-height:var(--chat-visible-height, 100dvh)!important;padding:0!important;overflow:hidden!important}.app-frame:has(.chat-layout:not(.mobile-thread-open)) .mobile-nav{display:none!important}.brand-text-mobile{display:inline!important}.app-frame.is-guest .brand-text-desktop{display:none!important}.app-frame.is-guest .brand-text-mobile{display:inline!important;font-size:17px!important;line-height:1!important}.app-frame.is-guest .topbar-actions{gap:6px!important}.app-frame.is-guest .topbar-actions>div{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}.app-frame.is-guest .topbar-signup-link{display:none!important}.app-frame.is-guest .landing-language-toggle,.app-frame.is-guest .theme-toggle{width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.app-frame.is-guest .topbar-actions .primary-button{height:36px!important;min-height:36px;padding:0 12px!important;white-space:nowrap!important;flex-shrink:0!important}.workspace,.rail,.side-panel,.thread-list,.chat-panel,.note-panel,.invite-panel,.settings-card,.course-management-card,.course-detail-view .detail-card{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}.boot-error-card{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.course-detail-view .detail-body{padding-left:0!important;padding-right:0!important}.admin-row,.course-card,.settings-row,.metric{background:transparent!important;border:none!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:14px 0!important;margin-left:0!important;margin-right:0!important}.content.route-settings .settings-page{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;gap:0!important}.settings-shell{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:0!important}.settings-sidebar-desktop{display:none!important}.settings-mobile-header{display:flex!important;align-items:center!important;margin-bottom:16px!important;padding-bottom:4px!important}.settings-back-btn{display:inline-flex!important;align-items:center!important;gap:4px!important;background:none!important;border:none!important;color:var(--brand)!important;font-size:13.5px!important;font-weight:700!important;cursor:pointer!important;padding:2px 0!important}.settings-content{width:100%!important;max-width:100%!important;padding:16px 14px 40px!important;box-sizing:border-box!important}.settings-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.profile-access-list,.purchases-list{width:100%!important;max-width:100%!important}.profile-access-row,.purchases-row{width:100%!important;box-sizing:border-box!important}.settings-mobile-utilities{display:none!important}.settings-nav-menu{display:flex;flex-direction:column;gap:8px;width:100%}.settings-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--text);text-align:left;width:100%;min-height:48px;font-size:14px;font-weight:700}.settings-menu-item:active{background:var(--line-strong)}.settings-menu-icon{display:flex;align-items:center;color:var(--brand);flex-shrink:0}.settings-menu-label{flex:1}.settings-menu-chevron{color:var(--muted);opacity:.6}.settings-menu-item.logout-item{margin-top:12px;border-color:#ef444433;color:var(--danger)}.settings-menu-item.logout-item .settings-menu-icon{color:var(--danger)}.settings-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--brand);font-size:13px;font-weight:800;margin-bottom:20px}.settings-back-btn:active{background:var(--line-strong)}.profile-photo-block{grid-template-columns:1fr!important;justify-items:center!important;width:100%!important;gap:12px!important}.profile-photo-block .photo-button{width:100%!important;justify-content:center!important;height:40px!important}.profile-photo-block .text-button{width:100%!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--line)!important;border-radius:8px!important;color:var(--danger)!important}.learning-layout.sidebar-hidden .lesson-sidebar{display:flex!important;transform:translate(-100%);pointer-events:none;box-shadow:none}.learning-layout:not(.sidebar-hidden) .lesson-sidebar{transform:translate(0);pointer-events:auto;box-shadow:4px 0 24px #00000059}.lesson-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;width:290px!important;z-index:1000!important;background:var(--surface)!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:1px solid var(--line)!important;border-radius:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;margin:0!important;padding:20px!important}.mobile-sidebar-backdrop{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:999!important;background:#00000073!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;opacity:1!important;pointer-events:auto!important;animation:fadeIn .2s ease-out!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-layout{height:100%!important;min-height:0!important;grid-template-columns:1fr!important}.chat-panel{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.message-list{flex:1!important;min-height:0!important;overflow-y:auto!important}.chat-layout.mobile-thread-open .thread-list{display:flex!important;position:static!important;width:100%!important;max-width:100%!important;height:100%!important;z-index:auto!important;box-shadow:none!important}.chat-layout.mobile-thread-open .chat-panel{display:none!important}.chat-layout:not(.mobile-thread-open) .thread-list{display:none!important}.chat-layout:not(.mobile-thread-open) .chat-panel{display:flex!important}.mobile-thread-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;margin-right:4px;color:var(--brand)!important}.mobile-thread-close{display:none!important}.message-action-reactions button{width:42px!important;height:42px!important}.manage-layout.student-selected-mobile{display:none!important}.student-modal-backdrop{position:static!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:block!important;z-index:auto!important;padding:0!important}.student-modal{position:static!important;height:100%!important;width:100%!important;max-height:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.student-modal-header{flex-shrink:0;padding:16px 0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:transparent}.student-modal-body{flex:1;min-height:0;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:20px}.student-modal-footer{flex-shrink:0;padding:16px 0;border-top:1px solid var(--line);background:transparent;display:flex;flex-direction:column;gap:8px}.student-access-actions{position:static!important;padding:0!important;background:transparent!important}.student-access-actions button{width:100%!important;height:44px!important;justify-content:center!important}.course-summary-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.course-summary-row .admin-row-actions{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;grid-template-columns:none!important}.course-summary-row .admin-row-actions .secondary-button{flex:1!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.course-summary-row .admin-row-actions .admin-edit-btn{width:44px!important;height:44px!important;flex-shrink:0!important;display:grid!important;place-items:center!important}.course-summary-row .admin-row-actions .admin-edit-btn svg{width:18px!important;height:18px!important}.admin-panel-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.admin-panel-toolbar>div{text-align:left!important}.admin-panel-toolbar .compact-search,.admin-panel-toolbar>.primary-button{width:100%!important;display:inline-flex!important;justify-content:center!important;align-items:center!important}.course-manager-panel.syllabus-active-mobile>*:not(script):not(.workspace-modal-backdrop),.course-manager-panel.edit-active-mobile>*:not(script):not(.workspace-modal-backdrop){display:none!important}.workspace-modal-backdrop{position:static!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:block!important;z-index:auto!important;padding:0!important}.workspace-modal{position:static!important;height:100%!important;max-height:none!important;width:100%!important;max-width:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.workspace-modal-header{padding:16px 0 12px!important;border-bottom:1px solid var(--line)!important;background:transparent!important}.workspace-split-layout{flex-direction:column!important;flex:1!important;overflow:hidden!important}.workspace-sidebar{width:100%!important;max-height:none!important;border-right:0!important;padding:16px 0!important}.workspace-content{width:100%!important;padding:16px 0!important}.workspace-modal.lesson-selected .workspace-sidebar{display:none!important}.workspace-modal.lesson-selected .workspace-content{display:block!important}.workspace-modal:not(.lesson-selected) .workspace-sidebar{display:block!important}.workspace-modal:not(.lesson-selected) .workspace-content{display:none!important}.editor-actions{position:static!important;padding-top:16px!important;display:flex!important;flex-direction:row-reverse!important;gap:8px!important}.editor-actions button{flex:1!important;min-height:40px!important;justify-content:center!important;margin:0!important}.editor-actions .danger-button{display:none!important}.mobile-only-inline{display:inline-flex!important}.desktop-only-flex{display:none!important}.mobile-only-flex{display:flex!important}.mobile-lessons-trigger-bar{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:calc(100% + 32px)!important;margin:0 -16px 16px!important;padding:16px!important;background:var(--surface)!important;border:none!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;color:var(--brand);font-size:13.5px!important;font-weight:700;transition:background .15s ease;position:sticky;top:0;z-index:99;box-shadow:0 2px 8px #00000026!important;box-sizing:border-box!important;min-height:54px!important}.content.route-settings,.content.route-my-class{padding-top:0!important}.content.route-notifications{padding:0 0 88px!important}.announcement-page-inner{padding:16px 12px 60px!important}.announcement-card{--card-padding: 10px !important;--card-radius: 12px !important;padding:var(--card-padding)!important;border-radius:var(--card-radius)!important}.announcement-card-header{margin-bottom:12px!important}.announcement-post-menu-button{width:24px!important;height:24px!important;background:transparent!important;border-radius:0!important;padding:0!important}.announcement-card-header-actions{gap:8px!important}.announcement-card-image-grid{margin-top:10px!important}.announcement-card-author-block{gap:10px!important}.announcement-card-avatar{width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:16px!important}.announcement-card-author-block strong{font-size:14px!important}.announcement-card-author-block span{font-size:11px!important}.announcement-category-badge{min-height:24px!important;padding:0 10px!important;font-size:10px!important}.announcement-card-body,.announcement-card-copy p{font-size:15px!important}.content.route-help{padding:0!important}.content.route-help .help-center-page-container{padding:0 12px 60px!important}.content.route-help .help-center-page-container .mobile-top-bar{width:calc(100% + 24px)!important;margin-left:-12px!important;margin-right:-12px!important}.content.route-settings .settings-page{padding-top:0!important;margin-top:0!important}.content.route-profile .mobile-top-bar,.content.route-my-class .mobile-top-bar{width:calc(100% + 32px)!important;margin:0 -16px 16px!important;position:relative!important;top:auto!important;border-top:0!important;z-index:10!important}.content.route-income .mobile-top-bar,.content.route-manage .mobile-top-bar,.content.route-manage-copy .mobile-top-bar,.content.route-people .mobile-top-bar,.content.route-desk .mobile-top-bar,.content.route-help .mobile-top-bar,.content.route-notifications .mobile-top-bar{width:100%!important;margin:0!important;position:relative!important;top:auto!important;border-top:0!important;z-index:10!important}.mobile-lessons-trigger-bar:active{background:var(--line-strong)!important}.lesson-action-buttons{display:flex!important;flex-direction:row!important;gap:10px!important;width:100%!important;align-items:center!important}.lesson-action-buttons button{flex:1!important;width:100%!important;min-height:44px!important;justify-content:center!important;margin:0!important}.chat-layout .side-panel{background:var(--surface-2)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-hover)!important;border-radius:16px!important;padding:16px!important}}.streak-badge{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid rgba(251,146,60,.25);background:#fb923c14;color:#fb923c;font-size:13px;font-weight:600;margin-bottom:10px;animation:streakPulse 3s ease-in-out infinite}.streak-badge strong{font-size:15px;font-weight:800}@keyframes streakPulse{0%,to{box-shadow:0 0 #fb923c00}50%{box-shadow:0 0 0 4px #fb923c1f}}.milestone-celebration{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;animation:milestoneSlideIn .5s cubic-bezier(.34,1.56,.64,1) forwards,milestoneSlideOut .4s ease-in 4.5s forwards;cursor:pointer;pointer-events:auto}@keyframes milestoneSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-32px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes milestoneSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-16px) scale(.96)}}.milestone-celebration-inner{display:flex;align-items:center;gap:14px;padding:14px 22px;border-radius:16px;border:1px solid rgba(52,211,153,.35);background:linear-gradient(135deg,#10b98126,#34d39914);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #10b98133,0 2px 8px #0006;color:var(--text);white-space:nowrap}.milestone-emoji{font-size:28px;line-height:1;animation:emojiPop .6s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes emojiPop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.milestone-celebration-inner strong{display:block;font-size:15px;font-weight:700;color:var(--success)}.milestone-celebration-inner p{margin:3px 0 0;font-size:13px;color:var(--muted)}.lesson-ask-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid rgba(187,76,75,.35);background:linear-gradient(135deg,var(--surface-2) 0%,rgba(187,76,75,.04) 100%);margin-bottom:16px;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff08}.lesson-ask-bar button,.lesson-ask-bar .secondary-button{background:var(--brand)!important;color:#fff!important;border:1px solid var(--brand-dark)!important;font-weight:800!important;box-shadow:0 4px 12px #bb4c4b4d!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;cursor:pointer}.lesson-ask-bar button:hover,.lesson-ask-bar .secondary-button:hover{background:var(--brand-dark)!important;transform:translateY(-1px) scale(1.03)!important;box-shadow:0 6px 18px #bb4c4b73!important}.lesson-ask-bar button:active,.lesson-ask-bar .secondary-button:active{transform:translateY(1px) scale(.97)!important;box-shadow:0 2px 8px #bb4c4b33!important}.lesson-ask-bar-text{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);min-width:0;overflow:hidden}.lesson-ask-bar-text svg{color:var(--brand);filter:drop-shadow(0 0 6px rgba(187,76,75,.3));flex-shrink:0}.lesson-ask-bar-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-ask-bar-text strong{color:var(--text);font-weight:700}.lesson-notes-section{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px;margin-bottom:20px}.lesson-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.lesson-notes-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.lesson-notes-title svg{color:var(--muted)}.lesson-notes-private-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted)}.lesson-notes-saved{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--success);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lesson-notes-textarea{width:100%;min-height:100px;resize:vertical;background:#111416;border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--text);font-family:inherit;font-size:14px;line-height:1.6;box-sizing:border-box;transition:all .2s ease}.lesson-notes-textarea:hover{border-color:#bb4c4b59}.lesson-notes-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 10px #bb4c4b66;background:#0c0e10}.lesson-notes-textarea::placeholder{color:var(--surface-3)}.lesson-notes-hint{margin:8px 0 0;font-size:11.5px;color:var(--surface-3)}@media (max-width: 860px){.milestone-celebration{top:14px;width:calc(100vw - 28px)}.milestone-celebration-inner{white-space:normal;padding:12px 16px}.lesson-ask-bar{flex-direction:column;align-items:flex-start;gap:10px}.lesson-ask-bar .secondary-button{width:100%;justify-content:center}.lesson-ask-bar-text span{white-space:normal}.lesson-notes-section{border-radius:10px;padding:13px}}@media (max-width: 640px){.workspace .section-heading{flex-direction:column;align-items:stretch;gap:12px}.lesson-heading-copy{flex-direction:column!important;gap:6px!important}.lesson-action-buttons{flex-direction:row;flex-wrap:wrap;gap:8px;width:100%}}@media (max-width: 860px){.learning-layout.sidebar-hidden .workspace{overflow:visible!important;height:auto!important;max-height:none!important}.lesson-heading-text p,.lesson-heading-text h2{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}}html,body,.content,.learning-layout .workspace{overflow-x:hidden!important}@media (min-width: 861px){.sidebar-toggle-btn{display:none!important}}@media (max-width: 860px){.learning-layout .workspace,.learning-layout.sidebar-hidden .workspace{overflow:visible!important;height:auto!important;max-height:none!important}.workspace{padding-top:12px!important;padding-bottom:16px!important}.workspace .section-heading{margin-bottom:26px!important;gap:16px!important}.lesson-heading-text h2{font-size:22px!important;line-height:1.3!important}.lesson-heading-text p{font-size:13.5px!important;line-height:1.55!important;color:var(--muted)!important;margin-top:8px!important}.lesson-action-buttons{display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important;margin-top:6px!important}.lesson-action-buttons button{flex:1!important;min-width:0!important;padding:10px 14px!important;font-size:13.5px!important;border-radius:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-surface{margin-bottom:22px!important;border-radius:12px!important}.lesson-ask-bar{margin-bottom:22px!important;padding:14px 18px!important;border-radius:14px!important}.lesson-detail-grid{display:flex!important;flex-direction:column!important;gap:0!important;background:var(--surface);border:1px solid var(--line);border-radius:14px!important;overflow:hidden;margin-bottom:26px!important}.lesson-detail-grid article{background:none!important;border:none!important;border-radius:0!important;padding:12px 16px!important;margin:0!important}.lesson-detail-grid article+article{border-top:1px solid var(--line)!important}.lesson-detail-grid h3{margin:0!important;font-size:14.5px!important;font-weight:700!important}.lesson-detail-header-toggle{cursor:pointer!important}.lesson-detail-content{margin-top:6px!important}.lesson-detail-grid p{margin:0!important;font-size:13px!important;line-height:1.45!important}.lesson-detail-grid article:not(.expanded) .lesson-detail-content{display:none!important}.lesson-detail-grid .toggle-chevron{display:block!important;transition:transform .2s ease}.lesson-detail-grid article.expanded .toggle-chevron{transform:rotate(180deg)}.lesson-notes-section{padding:16px!important;border-radius:14px!important;margin-bottom:26px!important}}.message-desktop-actions{position:absolute!important;display:none;align-items:center;gap:6px;opacity:0;transform:translate(-50%,-50%) scale(.96)!important;transition:opacity .14s ease,transform .14s ease;z-index:10}.message:not(.mine) .message-desktop-actions{top:0!important;left:100%!important;right:auto!important;bottom:auto!important;flex-direction:row!important}.message.mine .message-desktop-actions{top:0!important;left:0!important;right:auto!important;bottom:auto!important;flex-direction:row!important}.desktop-menu-anchor .message-action-menu{position:absolute!important;bottom:calc(100% + 8px)!important;right:0!important;left:auto!important;z-index:60!important;width:240px!important}.message:not(.mine) .desktop-menu-anchor .message-action-menu{left:0!important;right:auto!important}.message-action-menu.floating-message-action-menu{position:fixed!important;right:auto!important;width:min(252px,calc(100vw - 24px))!important;z-index:120!important;transform:translate(-50%);overflow:hidden}.message-action-menu.floating-message-action-menu .message-action-reactions button{width:34px;height:34px;min-height:34px}@media (min-width: 861px){.message-bubble-shell>.message-action-menu{display:none!important}}@media (max-width: 640px){html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%}.app-frame:has(.chat-layout){width:100vw;max-width:100vw;overflow-x:hidden}.app-frame:has(.chat-layout:not(.mobile-thread-open)) .content,.chat-layout,.chat-panel,.message-list,.chat-compose{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}.message-list{padding:12px 10px!important;gap:0!important}.message,.message-stack,.message-content-row,.message-bubble-shell{min-width:0!important;max-width:100%!important}.message-stack{width:100%!important}.message.mine .message-stack{width:86%!important;max-width:86%!important;margin-left:auto}.message.first-in-group{margin-top:16px!important}.message.consecutive{margin-top:4px!important}.message-content-row{width:100%!important}.message:not(.mine) .message-bubble-shell{flex:1 1 auto!important;width:auto!important;max-width:calc(100% - 43px)!important}.message.mine .message-bubble-shell{width:100%!important}.message-bubble-shell.attachment-only-shell,.message.mine .message-bubble-shell.attachment-only-shell{width:min(340px,100%)!important;max-width:100%!important}.message:not(.mine) .message-bubble-shell.attachment-only-shell{width:min(340px,calc(100% - 43px))!important;max-width:calc(100% - 43px)!important}.message-bubble{width:fit-content;max-width:100%!important;padding:9px 11px!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:anywhere!important;word-break:break-word!important}.message.mine .message-bubble{margin-left:auto}.message-bubble.attachment-only,.message.mine .message-bubble.attachment-only{width:100%!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.message-bubble p,.message-bubble a,.inline-attachment-link{font-size:inherit!important;line-height:inherit!important;overflow-wrap:anywhere!important;word-break:break-word!important}.message-meta{font-size:11px!important}.message-avatar,.message-avatar-spacer{width:32px!important;height:32px!important}.reaction-pill-row{max-width:100%!important}.reaction-pill{min-height:30px!important;font-size:13px!important}.chat-compose{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:8px!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom)) 12px!important;background:var(--surface)!important;border-top:1px solid var(--line)!important;align-items:flex-end!important}.chat-compose .icon-only,.chat-compose .secondary-button.icon-only,.chat-compose .primary-button.icon-only{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:50%!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.chat-compose textarea{min-height:40px!important;max-height:120px!important;border-radius:10px!important;padding:9px 14px!important;font-size:16px!important;line-height:1.4!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;margin-bottom:0!important}}@media (max-width: 860px){input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=time],textarea,select,.input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),.search-field input,.mini-search input,.chat-compose textarea,.message-edit-box textarea,.login-input-box,.lesson-notes-textarea,.date-picker-input{box-sizing:border-box;font-size:16px!important;line-height:1.4!important}.date-picker-input{max-width:170px}}@media (max-width: 860px){html:has(.chat-layout:not(.mobile-thread-open)),body:has(.chat-layout:not(.mobile-thread-open)){height:100%;overflow:hidden}.app-frame:has(.chat-layout:not(.mobile-thread-open)){height:var(--chat-visible-height, 100dvh);max-height:var(--chat-visible-height, 100dvh);overflow:hidden}.app-frame:has(.chat-layout:not(.mobile-thread-open)) .content{height:var(--chat-visible-height, 100dvh)!important;min-height:0!important;max-height:var(--chat-visible-height, 100dvh)!important;overflow:hidden!important}.app-frame:has(.chat-layout:not(.mobile-thread-open)) .chat-layout{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}.app-frame:has(.chat-layout:not(.mobile-thread-open)) .chat-panel{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}.app-frame:has(.chat-layout:not(.mobile-thread-open)) .chat-header,.app-frame:has(.chat-layout:not(.mobile-thread-open)) .chat-compose{flex-shrink:0!important}.app-frame:has(.chat-layout:not(.mobile-thread-open)) .message-list{flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}}@media (max-width: 640px){.compose-attachment-preview-list{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.compose-attachment-preview{flex:0 0 min(260px,calc(100vw - 36px));scroll-snap-align:start}}.swipe-reply-affordance{display:none}@media (max-width: 860px){.message-bubble-shell{--swipe-reply-offset: 0px;--swipe-reply-progress: 0;touch-action:pan-y}.message-bubble-shell>.message-bubble{z-index:1;transition:transform .18s ease;will-change:transform}.message-bubble-shell.swipe-reply-active>.message-bubble{transform:translate(var(--swipe-reply-offset));transition:none}.swipe-reply-affordance{position:absolute;top:50%;z-index:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(187,76,75,.34);border-radius:999px;background:#bb4c4b33;color:var(--brand);opacity:var(--swipe-reply-progress);pointer-events:none;transform:translateY(-50%);transition:background-color .14s ease,border-color .14s ease,opacity .08s linear}.swipe-reply-other .swipe-reply-affordance{left:8px}.swipe-reply-mine .swipe-reply-affordance{right:8px}.message-bubble-shell.swipe-reply-ready .swipe-reply-affordance{border-color:#bb4c4b9e;background:#bb4c4b57}.student-modal-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;min-height:100vh!important;min-height:100dvh!important;background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;flex-direction:column!important;z-index:1000!important;padding:0!important}.student-modal{position:static!important;height:100%!important;width:100%!important;max-height:100vh!important;max-height:100dvh!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:var(--bg)!important;display:flex!important;flex-direction:column!important}.student-modal-header{flex-shrink:0;padding:16px 16px 12px!important;border-bottom:1px solid var(--line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--surface)!important}.student-modal-body{flex:1!important;min-height:0!important;overflow-y:auto!important;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px))!important;display:flex!important;flex-direction:column!important;gap:20px!important}.student-modal-footer{flex-shrink:0!important;padding:16px!important;border-top:1px solid var(--line)!important;background:var(--surface)!important;display:flex!important;flex-direction:column!important;gap:8px!important}}.chat-side-panel .chat-library-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 16px!important;border-bottom:1px solid var(--line)!important;min-height:56px!important;box-sizing:border-box!important}.chat-info-header-identity{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0;flex:1;text-align:left}.chat-info-avatar-wrap{position:relative;margin-bottom:0;flex-shrink:0}.chat-info-avatar-large{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--line);display:block}.chat-info-avatar-initials-large{width:38px;height:38px;border-radius:50%;background:var(--surface-3);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1px solid var(--line)}.chat-info-active-badge{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background-color:var(--success);border:1.5px solid var(--surface)}.chat-info-text-wrap{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}.chat-info-name{margin:0;font-size:14px;font-weight:800;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.chat-info-active-time{font-size:11px;color:var(--text-muted);margin-top:1px}.mobile-chats-unread-badge{position:absolute;top:8px;right:calc(50% - 13px);width:8px;height:8px;background-color:var(--brand);border-radius:50%;border:1.5px solid #ffffff}.mobile-noti-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;background-color:var(--brand);border-radius:50%;border:1px solid var(--header-bg)}.mobile-updates-dismiss-btn{background:transparent;border:none;color:var(--muted);font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.mobile-updates-dismiss-btn:hover{background:var(--surface-3);color:var(--text)}.mobile-noti-list{display:flex;flex-direction:column;gap:12px;padding:12px 16px;flex:1;overflow-y:auto;box-sizing:border-box}.mobile-noti-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;box-sizing:border-box;position:relative}.mobile-noti-card:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));transform:translateY(-1px)}.mobile-noti-card:active{transform:scale(.99)}.mobile-noti-card.unread{background:var(--surface-2);border-color:color-mix(in srgb,var(--brand) 25%,var(--line))}.mobile-noti-card.homework{border-left:4px solid var(--success)}.mobile-noti-card.announcement{border-left:4px solid var(--warning)}.mobile-noti-card.dm{border-left:4px solid var(--info)}.mobile-noti-avatar-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.mobile-noti-avatar-container .avatar{width:36px;height:36px;font-size:13px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--text)}.mobile-noti-icon-fallback{width:36px;height:36px;border-radius:50%;background:var(--surface-3);color:var(--muted);display:flex;align-items:center;justify-content:center}.mobile-noti-card.unread .mobile-noti-icon-fallback{background:#ef44441a;color:var(--brand)}.mobile-noti-content{flex:1;min-width:0}.mobile-noti-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:12px}.mobile-noti-title{font-size:13.5px;font-weight:700;color:var(--text);margin:0}.mobile-noti-time{font-size:10.5px;color:var(--muted);white-space:nowrap}.mobile-noti-preview{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5;word-break:break-word}.mobile-noti-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0;align-self:center}.mobile-settings-topbar::-webkit-scrollbar{display:none!important}@media (max-width: 768px){.profile-card-modal-backdrop{background:#000000bf!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;padding:16px!important;box-sizing:border-box!important}.profile-card-modal{width:92%!important;max-width:380px!important;border-radius:14px!important;box-shadow:0 10px 30px #00000080!important}.profile-card-banner{height:90px!important}.profile-card-content{padding:16px 20px 20px!important}.profile-card-avatar-container{width:76px!important;height:76px!important;margin-top:-54px!important}.profile-avatar-preview-layer{padding:18px!important}.profile-avatar-preview-dialog{width:min(72vw,260px)!important;padding:12px!important;border-radius:14px!important}.profile-avatar-preview-image{border-radius:10px!important}.profile-card-name{font-size:18px!important}.profile-card-fields{gap:12px!important}.profile-card-field-val{font-size:13.5px!important;padding:8px 10px!important}.profile-card-footer{padding:12px 20px 16px!important}.profile-card-action-btn{padding:13px!important;font-size:14.5px!important;border-radius:12px!important;min-height:46px!important}}@media (max-width: 860px){.primary-button,.secondary-button,.danger-button,.primary-button-mobile,.secondary-button-mobile{min-height:44px!important;height:44px!important;border-radius:12px!important;padding:0 16px!important;font-size:14px!important;font-weight:700!important;transition:background .15s ease,transform .1s ease,opacity .15s ease!important}.primary-button:active,.secondary-button:active,.danger-button:active{transform:scale(.97)!important;opacity:.85!important}.danger-button,.primary-button.danger-soft,.secondary-button.danger-soft{border-color:var(--danger)!important;color:var(--danger)!important;background:#ef6f7b1f!important}.primary-button.danger-soft:hover,.secondary-button.danger-soft:hover{background:#ef6f7b33!important}.icon-button,.button-icon-only,.chat-compose .icon-only,.chat-compose .secondary-button.icon-only,.chat-compose .primary-button.icon-only{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;transition:background .15s ease,transform .1s ease!important}.app-frame input[type=text],.app-frame input[type=email],.app-frame input[type=password],.app-frame input[type=search],.app-frame input[type=number],.app-frame textarea,.app-frame select{min-height:44px!important;height:44px;border-radius:12px!important;border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--text)!important;padding:10px 14px!important;font-size:16px!important;outline:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}.app-frame textarea{height:auto!important;min-height:100px!important;resize:none!important}.app-frame input[type=text]:focus,.app-frame input[type=email]:focus,.app-frame input[type=password]:focus,.app-frame input[type=search]:focus,.app-frame textarea:focus,.app-frame select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 1px var(--brand-light)!important}.app-frame input::placeholder,.app-frame textarea::placeholder{color:var(--muted)!important;opacity:.8!important}.app-frame select{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px!important;padding-right:40px!important}.chat-filter-tab,.tab-item,.nav-tab{padding:10px 4px 12px!important;font-size:14px!important}.homework-status-badge,.status-badge,.badge-pill,.homework-mobile-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:3px 8px!important;border-radius:6px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;line-height:1!important}.homework-status-badge.pending,.status-badge.pending,.status-badge.warning{background:#f6b44b1f!important;color:var(--warning)!important;border:1px solid rgba(246,180,75,.28)!important}.homework-status-badge.reviewed,.homework-status-badge.success,.status-badge.success,.status-badge.active,.homework-mobile-badge.student{background:#34d3991f!important;color:var(--success)!important;border:1px solid rgba(52,211,153,.28)!important}.homework-status-badge.danger,.status-badge.danger,.status-badge.rejected{background:#ef6f7b1f!important;color:var(--danger)!important;border:1px solid rgba(239,111,123,.28)!important}.status-badge.info,.status-badge.blue{background:#bb4c4b1f!important;color:var(--brand)!important;border:1px solid rgba(187,76,75,.28)!important}.status-badge.neutral,.status-badge.inactive,.status-badge.gray{background:#b0b3b81f!important;color:var(--muted)!important;border:1px solid rgba(176,179,184,.28)!important}.mobile-chat-alert-button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:50%!important;background:transparent!important;border:none!important;color:var(--text)!important}.thread-list{padding:0 16px!important;background:var(--surface)!important}.panel-heading{padding:16px 0 12px!important}.admin-main-workspace header h3,.admin-main-workspace header button:has(svg.lucide-arrow-left){display:none!important}.admin-main-workspace header{border-bottom:none!important;padding-bottom:0!important;margin-bottom:12px!important;justify-content:flex-end!important}.manage-command-center,.content.route-manage,.content.route-manage-copy,.content.route-people,.content.route-desk,.content.route-overview{background:var(--surface)!important}.course-editor-wrapper,.lesson-editor-wrapper{height:auto!important;overflow:visible!important;padding:0 0 120px!important}.course-editor-inner,.lesson-editor-inner{padding-left:0!important;padding-right:0!important;padding-bottom:120px!important}.course-editor-inner input,.lesson-editor-inner input,.course-editor-inner textarea,.lesson-editor-inner textarea{min-height:auto!important;height:auto!important;background:transparent!important;border:none!important;border-radius:0!important;padding:6px 0!important;font-size:13px!important;color:var(--text)!important;border-bottom:1px dashed rgba(255,255,255,.08)!important;transition:border-color .2s ease!important;box-sizing:border-box!important}.course-editor-inner input:focus,.lesson-editor-inner input:focus,.course-editor-inner textarea:focus,.lesson-editor-inner textarea:focus{border-bottom:1px dashed var(--brand)!important;box-shadow:none!important}.course-editor-inner input[placeholder*=Course],.lesson-editor-inner input[placeholder*=Title],.lesson-editor-inner input[placeholder*=Lesson]{font-size:28px!important;font-weight:800!important;border-bottom:1px dashed transparent!important;margin-bottom:16px!important;padding:4px 0!important}.course-editor-inner input[placeholder*=Course]:focus,.lesson-editor-inner input[placeholder*=Title]:focus,.lesson-editor-inner input[placeholder*=Lesson]:focus{border-bottom:1px dashed var(--brand)!important}.course-editor-inner textarea,.lesson-editor-inner textarea{min-height:120px!important;font-size:14px!important;line-height:1.6!important;resize:vertical!important}.chat-compose{background:transparent!important;border-top:none!important;padding:8px 12px calc(32px + env(safe-area-inset-bottom)) 12px!important}.chat-compose textarea{min-height:40px!important;height:auto!important;max-height:120px!important;border-radius:10px!important;padding:9px 14px!important;font-size:16px!important;line-height:1.4!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;margin-bottom:0!important;resize:none!important}.chat-compose .secondary-button.icon-only,.chat-compose .primary-button.icon-only{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:8px!important}.chat-compose .secondary-button.icon-only{background:var(--surface-2)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--text-secondary)!important}.mobile-nav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;width:100dvw!important;max-width:100dvw!important;height:calc(var(--mobile-nav-h, 58px) + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important;background:#fffffff0!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1.5px solid var(--border-strong)!important;box-shadow:0 -4px 20px #00000014!important;z-index:990!important;box-sizing:border-box!important}.mobile-nav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-size:10.5px!important;font-weight:700!important;color:var(--muted)!important;background:transparent!important;border:none!important;padding:6px 2px!important;cursor:pointer!important;transition:color .15s ease,background-color .15s ease!important;min-width:0!important}.mobile-nav button span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;padding:0 2px!important;box-sizing:border-box!important;line-height:1.1!important}.mobile-nav button svg{width:19px!important;height:19px!important;flex-shrink:0!important;stroke:currentColor!important}.mobile-nav button.active{color:var(--brand)!important;background:var(--brand-light)!important}.mobile-nav button.active svg{stroke:var(--brand)!important}.app-frame.route-my-class .mobile-nav{display:none!important}.manage-command-center .admin-list-sidebar{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow:hidden!important;background-color:var(--surface)!important;box-sizing:border-box!important;padding:0!important}.manage-command-center .admin-list-sidebar>div:nth-child(2){flex:1!important;overflow-y:auto!important;min-height:0!important;padding:8px 12px 24px!important;box-sizing:border-box!important}.manage-command-center .admin-list-sidebar select.input{background-color:var(--surface-2)!important;border-color:var(--surface-2)!important}.manage-command-center .admin-list-sidebar div[style*="background: var(--surface-2)"]{background:var(--surface)!important;border:1px solid var(--line)!important}.manage-command-center .admin-list-sidebar button[style*="background: var(--surface)"]{background:var(--surface-2)!important}.manage-command-center .admin-list-sidebar .manage-sidebar-item.selected{background-color:var(--surface-2)!important;outline:none!important}.manage-command-center .admin-list-sidebar .manage-sidebar-item:hover{background-color:#2d2e2f26!important}.manage-command-center .admin-list-sidebar .search-field,.chat-layout .thread-list .thread-search-container .mini-search{display:flex!important;width:100%!important;max-width:none!important;height:44px!important;border-radius:8px!important;margin-top:0!important;margin-bottom:8px!important;padding:0 10px!important;box-sizing:border-box!important;align-items:center!important;background-color:var(--surface)!important;border:1px solid var(--line-strong)!important}.manage-command-center .admin-list-sidebar .search-field input,.chat-layout .thread-list .thread-search-container .mini-search input{font-size:16px!important;height:100%!important;background:transparent!important;border:none!important;color:var(--text)!important;outline:none!important;padding:0!important;width:100%!important;box-shadow:none!important}.chat-layout .thread-list .thread-search-container .mini-search svg,.manage-command-center .admin-list-sidebar .search-field svg{width:16px!important;height:16px!important;flex-shrink:0!important}.manage-command-center .admin-list-sidebar>div:first-child{padding:16px 12px 12px!important;gap:0!important;border-bottom:none!important}.mobile-top-bar-left,.mobile-top-bar-right{flex:0 0 90px!important;min-width:90px!important}.mobile-top-bar-right{display:flex!important;align-items:center!important;justify-content:flex-end!important}.manage-command-center .mobile-top-bar-center{justify-content:center!important;padding-right:0!important}.manage-command-center .mobile-top-bar:has(.topbar-search-wrapper) .mobile-top-bar-center{justify-content:flex-start!important;padding-right:8px!important}.manage-command-center .mobile-top-bar-left:empty{flex:0 0 0px!important;min-width:0px!important}.manage-command-center .mobile-top-bar .topbar-search-wrapper input{background-color:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--text)!important;padding-left:32px!important}.manage-command-center .mobile-top-bar .topbar-search-wrapper input:focus{border-color:var(--brand)!important}.mobile-top-bar .mobile-top-bar-back-btn{background:var(--surface-2)!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:0 10px 0 4px!important;height:34px!important;width:auto!important;min-width:68px!important;color:var(--text)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important}.mobile-top-bar .mobile-top-bar-back-text{font-size:13px!important;font-weight:700!important;color:var(--text)!important;display:inline-block!important}.mobile-top-bar .topbar-action-save-btn{background:var(--brand)!important;border:none!important;border-radius:8px!important;padding:0 16px!important;height:34px!important;color:#fff!important;font-size:13px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important}.mobile-top-bar .topbar-action-save-btn:disabled{background:var(--surface-2)!important;color:var(--muted)!important;cursor:not-allowed!important;opacity:.6!important}.manage-command-center .admin-main-workspace.details-active{padding:16px 0 32px!important;overflow-y:auto!important;height:100%!important;width:100%!important}.manage-command-center .admin-main-workspace.details-active>div{padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important;width:100%!important}.mobile-top-bar .topbar-action-add-btn{background:var(--brand)!important;border:none!important;border-radius:8px!important;padding:0 12px!important;height:34px!important;color:#fff!important;font-size:12px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;cursor:pointer!important;transition:all .15s ease!important}.mobile-top-bar .topbar-action-add-btn:disabled{background:var(--surface-2)!important;color:var(--muted)!important;cursor:not-allowed!important;opacity:.6!important}.manage-command-center .admin-main-workspace header{display:none!important}.manage-command-center .mobile-only-flex.secondary-button,.manage-command-center .admin-list-sidebar h2,.manage-command-center .mobile-hide,.chat-layout .thread-list .panel-heading{display:none!important}.chat-layout .thread-list{display:flex!important;flex-direction:column!important;padding:14px 12px 0!important;background:var(--surface)!important;height:100%!important;max-height:100%!important;overflow:hidden!important;box-sizing:border-box!important}.chat-layout .thread-list .thread-scroll{padding-bottom:24px!important;box-sizing:border-box!important;overflow-y:auto!important;flex:1!important;min-height:0!important}.chat-layout .thread-list .mobile-top-bar{display:none!important}.chat-layout .thread-list .thread-search-container{margin:16px 0 0!important;padding:0!important}.segmented-control{display:flex!important;background:var(--surface-3)!important;border:1.5px solid var(--border-strong, var(--line))!important;border-radius:8px!important;padding:3px!important;margin:0 0 8px!important;gap:3px!important;box-sizing:border-box!important;height:auto!important;align-items:stretch!important;width:100%!important}.segmented-control-btn{flex:1!important;background:transparent!important;border:1px solid transparent!important;border-radius:6px!important;font-family:var(--font-ui)!important;font-size:12px!important;font-weight:700!important;color:var(--muted)!important;cursor:pointer!important;text-align:center!important;transition:all .15s ease!important;margin-bottom:0!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important}.segmented-control-btn.active,.segmented-control-btn.selected{background-color:var(--surface)!important;color:var(--text)!important;font-weight:800!important;border:1px solid var(--border-strong)!important;box-shadow:0 1px 3px #0000000f!important}.chat-layout .thread-list .chat-filter-tabs{display:flex!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin:0 0 8px!important;gap:6px!important;box-sizing:border-box!important;height:auto!important;align-items:stretch!important;width:100%!important}.chat-layout .thread-list .chat-filter-tab{flex:1!important;background:var(--surface)!important;border:1.5px solid var(--border)!important;border-radius:8px!important;font-family:var(--font-ui)!important;font-size:11.5px!important;font-weight:700!important;color:var(--muted)!important;cursor:pointer!important;text-align:center!important;transition:all .15s ease!important;margin-bottom:0!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 4px!important}.chat-layout .thread-list .chat-filter-tab.active,.chat-layout .thread-list .chat-filter-tab.selected{background-color:var(--surface-2)!important;color:var(--text)!important;font-weight:800!important;border-color:var(--text)!important;box-shadow:var(--shadow-sm)!important}:root{--mobile-page-padding: 16px;--mobile-page-padding-bottom: 32px;--mobile-card-gap: 12px;--mobile-section-gap: 20px}.homework-review-page .course-manager-heading{display:none!important}.homework-mobile-topbar-wrapper{display:block!important;margin:0 -14px 12px!important;position:relative!important;top:auto!important;z-index:10!important}.homework-mobile-topbar-wrapper .mobile-top-bar{border-radius:0!important;width:100%!important;overflow:visible!important;z-index:1400!important}.homework-topbar-queue-info{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.homework-topbar-queue-info.has-pending{color:var(--brand)!important}.homework-topbar-queue-info.has-pending svg{color:var(--brand)!important}.homework-topbar-filter-menu{position:relative;display:inline-flex}.homework-topbar-filter-trigger{height:28px;min-width:58px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 7px 0 9px;border:1px solid color-mix(in srgb,var(--brand) 68%,var(--line));border-radius:8px;background:var(--surface-2);color:var(--text);font-size:12px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.homework-topbar-filter-trigger svg{color:var(--muted);transition:transform .14s ease,color .14s ease}.homework-topbar-filter-trigger.open{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface-2))}.homework-topbar-filter-trigger.open svg{color:var(--brand);transform:rotate(180deg)}.homework-topbar-filter-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 42%,transparent);outline-offset:2px}.homework-topbar-filter-list{position:absolute;top:calc(100% + 7px);right:0;z-index:1500;width:94px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);box-shadow:0 16px 34px #00000026;display:grid;gap:2px}.homework-topbar-filter-option{width:100%;min-height:30px;border:0;border-radius:7px;background:transparent;color:var(--text);padding:0 9px;text-align:left;font-size:13px;font-weight:700;cursor:pointer}.homework-topbar-filter-option.selected{background:color-mix(in srgb,var(--brand) 18%,var(--surface-2));color:var(--text)}.homework-topbar-filter-option:active{background:color-mix(in srgb,var(--brand) 24%,var(--surface-2))}.homework-review-page:has(.workspace-active-mobile) .homework-mobile-topbar-wrapper{display:none!important}.homework-review-page .homework-review-queue-header{display:none!important}.homework-review-page .homework-review-queue{position:relative!important;z-index:1!important;width:100%!important;border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.homework-review-page .homework-review-queue-list{display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px 0 24px!important;overflow:visible!important}.homework-review-page .homework-review-queue-item{border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:14px!important;box-shadow:0 1px 4px #0000001a!important;padding:14px!important}.lp-instructor-strip{order:6!important}.lp-hero-actions{order:7!important}.domestika-grid,.home-domestika-grid{grid-template-columns:1fr!important;gap:16px!important}.domestika-card{border-radius:12px!important}.domestika-title{font-size:14.5px!important;min-height:auto!important}.domestika-card-body{padding:12px 14px!important}.domestika-card-actions{grid-template-columns:1fr 1fr!important}.domestika-card-action-btn{min-height:36px!important}.app-footer{display:none!important}}@media (max-width: 860px){.category-drilldown-bar{gap:10px!important}.drilldown-bar-left{width:100%!important;justify-content:space-between!important}.drilldown-bar-filters{justify-content:flex-start!important}.drilldown-bar-filters .search-input-wrapper{flex:1 1 100%!important;min-width:0!important}.enrollment-drawer-backdrop{align-items:flex-end!important;justify-content:center!important}.enrollment-drawer{max-width:100%!important;max-height:88vh!important;height:auto!important;border-left:none!important;border-top:2px solid var(--border-strong, var(--text))!important;border-radius:16px 16px 0 0!important;animation:slideUp .25s cubic-bezier(.16,1,.3,1)!important}.course-hub-student-progress{display:none!important}.course-hub-layout{flex-direction:column!important}.course-hub-sidebar{width:100%!important;border-right:none!important;border-bottom:1.5px solid var(--border-strong, var(--border))!important;padding:8px 12px!important;gap:8px!important}.course-hub-sidebar-tabs{flex-direction:row!important;overflow-x:auto!important;gap:6px!important;padding-bottom:2px!important}.course-hub-sidebar-item{padding:7px 12px!important;font-size:12px!important;white-space:nowrap!important;width:auto!important}.course-hub-sidebar-divider{display:none!important}}.homework-panel,.homework-review-page{width:100%}.homework-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px;position:relative}.homework-panel-header .homework-status-badge{position:static}.homework-panel-header,.homework-status-row,.homework-canvas-toolbar,.homework-review-queue-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.homework-panel-header h3,.homework-detail-card h3{margin:2px 0 0;font-size:18px}.homework-upload-dropzone{width:100%;min-height:156px;border:1px dashed color-mix(in srgb,var(--brand) 58%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand-light) 40%,var(--surface-2));color:var(--text);display:grid;place-items:center;gap:8px;padding:20px;text-align:center;box-sizing:border-box;transition:all .18s ease;cursor:pointer}.homework-upload-dropzone.is-dragover{border-color:var(--brand);background:color-mix(in srgb,var(--brand-light) 75%,var(--surface-2));transform:scale(1.01);box-shadow:0 4px 16px #d9383a26}.homework-upload-dropzone:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.homework-upload-dropzone svg{color:var(--brand)}.homework-upload-dropzone span{max-width:420px;color:var(--muted);font-size:13px;line-height:1.45}.homework-submission-stack{display:grid;gap:16px}.homework-status-copy{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.homework-status-copy svg{color:var(--brand)}.homework-status-badge{min-height:26px;display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:0 8px;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap;border:1px solid var(--line-strong);color:var(--muted);background:var(--surface-2)}.homework-status-badge.pending{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,var(--surface-2));border-color:color-mix(in srgb,var(--warning) 36%,var(--line-strong))}.homework-status-badge.reviewed{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--success) 34%,var(--line-strong))}.homework-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.homework-art-card{margin:0;min-width:0;display:grid;gap:8px}.homework-art-card figcaption{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.homework-art-frame{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#111315;aspect-ratio:4 / 3}.homework-art-frame img{width:100%;height:100%;object-fit:contain}.homework-redline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.homework-pending-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;padding:18px;text-align:center;background:#00000094;color:var(--text)}.homework-pending-cover span{max-width:240px;color:var(--muted);font-size:12px;line-height:1.4}.homework-feedback-note{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:14px}.homework-feedback-note span{display:block;margin-bottom:6px;color:var(--brand);font-size:11px;font-weight:800;text-transform:uppercase}.homework-feedback-note p{margin:0;color:var(--text);line-height:1.55;white-space:pre-wrap}.homework-review-page{display:flex;flex-direction:column;height:100%;max-height:100%;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;padding:0!important;background:var(--surface)!important;margin:0 auto}.homework-queue-count{display:inline-flex;align-items:center;min-height:20px;border-radius:6px;padding:0 6px;background:#f59e0b1f;color:var(--warning);font-size:10px;font-weight:800;text-transform:uppercase}@media (min-width: 861px){.homework-review-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;align-items:stretch;height:100%;min-height:0;flex:1;background:var(--surface)!important;border:none!important;border-radius:14px 14px var(--radius-panel, 18px) var(--radius-panel, 18px)!important;box-shadow:none!important;overflow:hidden!important;padding:0!important;box-sizing:border-box}.homework-review-queue{border:none!important;border-right:1.5px solid var(--border-strong)!important;border-top-left-radius:14px!important;border-bottom-left-radius:var(--radius-panel, 18px)!important;background:var(--surface-2)!important;box-shadow:none!important;overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0}.homework-review-queue-header{padding:14px 16px;border-bottom:1.5px solid var(--border-strong);color:var(--text);flex-shrink:0}}.homework-filter-select{background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:6px 32px 6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;transition:all .15s ease}.homework-filter-select:hover{border-color:var(--line-strong);background-color:color-mix(in srgb,var(--surface-2) 90%,var(--text))}.homework-filter-select:focus{border-color:var(--brand);box-shadow:0 0 0 2px #bb4c4b26}.homework-filter-select option{background:var(--surface-2);color:var(--text)}.homework-review-queue-list{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.homework-review-queue-item{width:100%;border:0;border-radius:12px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;text-align:left}.homework-review-queue-item:hover,.homework-review-queue-item.selected{background:color-mix(in srgb,var(--brand-light) 55%,var(--surface-2))}.homework-review-queue-item.selected{outline:1px solid color-mix(in srgb,var(--brand) 46%,transparent)}.homework-review-queue-item .homework-status-badge{min-height:22px;font-size:10px;padding:0 7px}.homework-review-queue-item>span:first-child{min-width:0;display:grid;gap:3px}.homework-review-queue-item strong,.homework-review-queue-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homework-review-queue-item small{color:var(--muted);font-size:12px}.homework-review-queue-item .homework-queue-course{color:var(--brand);font-size:11px;font-weight:800;text-transform:uppercase}.homework-queue-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.homework-queue-item-chevron{display:none;color:var(--muted);opacity:.6}.homework-queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--muted);font-size:13px}.homework-queue-empty svg{opacity:.4}.homework-review-workspace{border-radius:var(--radius-panel, 14px);padding:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:16px;height:100%;max-height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;align-items:start}@media (min-width: 861px){.homework-review-workspace{border:none!important;border-radius:0!important;box-shadow:none!important;background:var(--surface)!important;padding:24px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px;box-sizing:border-box}}.homework-canvas-panel{border-radius:14px;overflow:hidden}.homework-canvas-toolbar{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.homework-canvas-toolbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.homework-canvas-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.homework-color-swatches{display:flex;align-items:center;gap:6px}.homework-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.25);cursor:pointer;outline:none;padding:0;transition:all .15s ease}.homework-swatch.active{border:2.5px solid #ffffff;box-shadow:0 0 0 1px var(--brand);transform:scale(1.15)}.homework-size-label{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:12px;font-weight:700}.homework-size-label input[type=range]{width:80px;accent-color:var(--brand)}.homework-size-value{min-width:28px;text-align:right}.danger-soft{color:var(--danger)}.homework-canvas-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.homework-canvas-stage{min-height:420px;display:grid;place-items:center;padding:16px;background:#111315;overflow:auto}.homework-canvas-stack{position:relative;width:min(100%,820px);border-radius:12px;overflow:hidden;background:#0b0c0d}.homework-canvas-stack img{width:100%;height:auto;-webkit-user-select:none;user-select:none}.homework-canvas-stack canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.homework-review-details{display:grid;gap:14px;align-content:start}.homework-review-details.desktop-only{display:grid!important;gap:14px;align-content:start}@media (max-width: 860px){.homework-review-details.desktop-only{display:none!important}}.homework-meta-card,.homework-action-card,.homework-detail-card{border-radius:14px;padding:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.homework-detail-card dl{display:grid;gap:10px;margin:14px 0 0}.homework-reply-shortcut{width:100%;justify-content:center;margin-top:14px}.homework-detail-card dl div{display:grid;gap:2px}.homework-detail-card dt{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.homework-detail-card dd{margin:0;color:var(--text);font-size:13px;line-height:1.4}.homework-feedback-label{display:block;margin-bottom:8px;color:var(--text);font-size:13px;font-weight:800}.homework-feedback-textarea{width:100%;min-height:120px;max-height:220px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);padding:12px;line-height:1.5;margin-bottom:12px}.homework-feedback-textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 38%,transparent);outline-offset:2px}@media (max-width: 860px){.homework-review-layout,.homework-review-workspace{grid-template-columns:1fr}.homework-canvas-stage{min-height:320px}.homework-queue-item-chevron{display:block}}@media (min-width: 861px) and (max-width: 1340px){.homework-review-workspace{grid-template-columns:minmax(0,1fr) minmax(220px,260px)}}@media (max-width: 720px){.homework-panel,.homework-review-workspace{padding:14px}.homework-canvas-stage{padding:8px!important}.homework-panel-header,.homework-status-row{align-items:flex-start;flex-direction:column}.homework-canvas-toolbar-row{flex-direction:column;align-items:flex-start}.homework-canvas-controls{width:100%}.homework-canvas-actions{width:100%;justify-content:flex-end}.homework-feedback-grid{grid-template-columns:1fr}}.cropper-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.cropper-modal{width:min(100%,420px);background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:24px 0 28px;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 45px #00000059;color:var(--text);animation:modalEnter .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cropper-modal h3{margin:0;font-size:20px;font-weight:700;text-align:center}.cropper-viewport-container{width:100%;height:320px;position:relative;overflow:hidden;border-radius:0;background:#111;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:inset 0 4px 12px #00000080;margin-bottom:24px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.cropper-viewport-container:active{cursor:grabbing}.cropper-image{position:absolute;left:50%;top:50%;transform-origin:center;max-width:none;pointer-events:none}.cropper-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cropper-overlay:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;border:2.5px solid rgba(255,255,255,.85);box-shadow:0 0 0 9999px #0000008c}.cropper-controls{width:100%;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.cropper-zoom-slider{display:flex;align-items:center;gap:12px;width:100%}.cropper-zoom-slider input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--surface-3);outline:none;cursor:pointer;accent-color:var(--brand)}.cropper-actions{display:flex;gap:12px;width:100%}.cropper-actions button{flex:1;height:44px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1)}.cropper-actions .cancel-btn{background:transparent;border:1px solid var(--line);color:var(--text)}.cropper-actions .cancel-btn:hover{background:var(--surface-3);transform:translateY(-1px)}.cropper-actions .save-btn{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark, var(--brand)) 100%);border:none;color:#fff;box-shadow:0 4px 12px #bb4c4b33}.cropper-actions .save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #bb4c4b59}.cropper-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}.appearance-option-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--surface);display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 2px #0000000d;max-width:560px}.appearance-option-card h3{margin:0;font-size:14px;font-weight:800;color:var(--text)}.appearance-option-card p{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.4}.appearance-grid-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-btn-option{padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:700}.appearance-btn-option.selected{border:2px solid var(--brand)!important;background:var(--brand-light)!important;color:var(--brand)!important}.appearance-btn-option:not(.selected){border:1px solid var(--line-strong)!important;background:var(--surface-2)!important;color:var(--text)!important}.appearance-btn-option:not(.selected):hover{border-color:var(--brand)!important;color:var(--brand)!important;background:var(--brand-light)!important;opacity:.9}.mobile-only,.homework-mobile-submission-header,.homework-mobile-toolbar,.homework-mobile-workspace-header,.homework-mobile-details-aside{display:none!important}@media (max-width: 860px){.app-frame:has(.workspace-active-mobile) .content{padding:0 0 88px!important}.mobile-only{display:block!important}.desktop-only{display:none!important}.homework-mobile-submission-header{display:flex!important;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 16px;align-items:center;gap:12px;margin:0 16px 16px}.homework-mobile-header-icon-box{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--brand-light);color:var(--brand);border-radius:10px;flex-shrink:0}.homework-mobile-header-info{display:flex;flex-direction:column;gap:2px}.homework-mobile-header-title{font-size:14px;font-weight:700;color:var(--text)}.homework-mobile-header-time{font-size:12px;color:var(--muted)}.homework-canvas-stage{min-height:auto!important;aspect-ratio:auto;border-radius:16px;background:#111315;border:1px solid var(--line);margin:0 16px 16px;padding:8px!important}.homework-canvas-stack{border-radius:12px;overflow:hidden}.homework-mobile-toolbar{display:flex!important;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px;flex-direction:column;gap:16px;margin:0 16px 20px}.homework-mobile-toolbar-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;justify-items:center}.homework-mobile-tool-btn{background:transparent;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:11px;font-weight:500;padding:4px;outline:none;transition:all .15s ease;width:100%}.homework-mobile-tool-btn svg{color:var(--muted);transition:color .15s ease}.homework-mobile-tool-btn.active,.homework-mobile-tool-btn.active svg{color:var(--brand)!important;font-weight:700}.homework-mobile-toolbar-actions{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);gap:12px}.homework-mobile-swatches{display:flex;align-items:center;gap:12px}.homework-mobile-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;outline:none;transition:all .15s ease}.homework-mobile-swatch.active{border-color:#fff;box-shadow:0 0 0 1px var(--brand);transform:scale(1.1)}.homework-mobile-divider{width:1px;height:24px;background:var(--line)}.homework-mobile-upload-btn{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.homework-mobile-upload-btn:hover{background-color:var(--surface-3)}.homework-mobile-details-aside{display:grid!important;gap:14px;align-content:start;padding:0 16px}.homework-mobile-details-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px;display:flex;flex-direction:column}.homework-mobile-label{font-size:11px;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.homework-mobile-student-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.homework-mobile-student-name{font-size:22px;font-weight:800;color:var(--text);margin:0}.homework-mobile-badge.student{display:flex;align-items:center;gap:4px;background:#10b9811f;color:var(--success);padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700}.homework-mobile-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.homework-mobile-field{display:flex;flex-direction:column;gap:2px}.homework-mobile-field-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.homework-mobile-field-val{font-size:14px;color:var(--text);font-weight:600}.homework-mobile-dm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.homework-mobile-dm-btn:hover{background-color:var(--surface-3)}.homework-mobile-feedback-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}.homework-mobile-feedback-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 12px}.homework-mobile-feedback-textarea{width:100%;min-height:120px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px;font-size:14px;line-height:1.5;resize:none;margin-bottom:16px;outline:none;transition:border-color .15s ease}.homework-mobile-feedback-textarea:focus{border-color:var(--brand)}.homework-mobile-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--brand);border:none;color:#fff;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.homework-mobile-submit-btn:active{opacity:.8}.homework-mobile-workspace-header{display:grid!important;grid-template-columns:44px 1fr 44px;align-items:center;height:56px;padding:0 12px;background:var(--surface-2);border-bottom:1px solid var(--line);border-radius:0;margin-bottom:12px}.homework-mobile-back-btn{width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;background:transparent;border:none;color:var(--brand)!important;cursor:pointer;padding:0;margin:0!important}.homework-mobile-back-btn svg{color:var(--brand)!important}.homework-mobile-workspace-title{margin:0!important;text-align:center;justify-self:center;align-self:center;line-height:1;color:var(--text);font-size:16px;font-weight:700}}@media (min-width: 861px) and (max-width: 1020px){.homework-review-details.desktop-only{display:contents!important}.homework-review-workspace{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.homework-review-workspace .homework-meta-card{order:1!important;display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:12px 20px!important;padding:16px 20px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;border-radius:12px!important}.homework-review-workspace .homework-meta-card .eyebrow{display:none!important}.homework-review-workspace .homework-meta-card h3{grid-column:1!important;grid-row:1!important;margin:0!important;font-size:16px!important;font-weight:700!important;color:var(--text)!important}.homework-review-workspace .homework-meta-card dl{grid-column:1 / -1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin:0!important}.homework-review-workspace .homework-meta-card dl div{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;background:var(--surface-3)!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:5px 12px!important}.homework-review-workspace .homework-meta-card dl div:has(.homework-status-badge){background:transparent!important;border:none!important;padding:0!important}.homework-review-workspace .homework-meta-card dl div:has(.homework-status-badge) dt{display:none!important}.homework-review-workspace .homework-meta-card dt{font-size:10px!important;font-weight:800!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important}.homework-review-workspace .homework-meta-card dd{font-size:12px!important;font-weight:600!important;color:var(--text)!important;margin:0!important}.homework-review-workspace .homework-meta-card .homework-reply-shortcut{grid-column:3!important;grid-row:1!important;width:auto!important;margin:0!important;padding:8px 16px!important;font-size:12px!important;font-weight:700!important;border-radius:8px!important;align-self:center!important}.homework-review-workspace .homework-canvas-panel{order:2!important;width:100%!important}.homework-review-workspace .homework-action-card{order:3!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px 20px!important;width:100%!important;box-sizing:border-box!important}.homework-review-workspace .homework-feedback-textarea{width:100%!important;height:180px!important;min-height:140px!important;resize:vertical!important}}.homework-brief-card{border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:12px;background:var(--surface-2);padding:12px 14px;margin-bottom:14px}.homework-brief-label{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.homework-brief-card p{margin:6px 0 0;color:var(--text);font-size:13.5px;line-height:1.55;white-space:pre-wrap}.homework-empty-note{color:var(--muted);font-size:13.5px;line-height:1.55;margin:0}.homework-submit-form{display:grid;gap:10px}.homework-submit-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.homework-link-input,.homework-text-input{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);padding:12px 14px;font-family:inherit;font-size:14px}.homework-link-input:focus,.homework-text-input:focus{outline:none;border-color:var(--brand)}.homework-text-input{min-height:220px;line-height:1.6;resize:vertical}.homework-submit-hint{color:var(--muted);font-size:12px;line-height:1.5}.homework-submission-card{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:14px;display:grid;gap:12px}.homework-submission-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.homework-link-chip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px;color:var(--text);text-decoration:none}.homework-link-chip:hover{border-color:var(--brand)}.homework-link-chip svg{color:var(--brand)}.homework-link-host{font-weight:800;font-size:14px}.homework-link-full{grid-column:2;color:var(--muted);font-size:12px;word-break:break-all}.homework-text-body{margin:0;color:var(--text);font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.homework-attached-correction{display:grid;gap:6px}.homework-attached-correction span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.homework-attached-correction img{width:100%;border:1px solid var(--line);border-radius:12px}.homework-reader-stage{width:100%;height:100%;min-height:260px;display:grid;place-content:center;justify-items:center;align-content:center;gap:10px;padding:28px;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.homework-reader-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--brand)}.homework-reader-url{margin:0;max-width:460px;color:var(--muted);font-size:12.5px;word-break:break-all}.homework-reader-note{color:var(--muted);font-size:12px}.homework-reader-text{place-content:start stretch;justify-items:stretch;text-align:left;overflow-y:auto}.homework-reader-head{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.homework-reader-body{margin:0;color:var(--text);font-size:14.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.homework-storage-card{flex-shrink:0;border-top:1px solid var(--line);padding:14px 16px;display:grid;gap:10px}.homework-storage-card .eyebrow{display:inline-flex;align-items:center;gap:6px}.homework-storage-card dl{margin:0;display:grid;gap:6px}.homework-storage-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.homework-storage-card dt{color:var(--muted);font-size:12px}.homework-storage-card dd{margin:0;color:var(--text);font-size:13px;font-weight:800}.homework-storage-note{margin:0;color:var(--muted);font-size:11.5px;line-height:1.5}.homework-storage-message{margin:0;color:var(--brand);font-size:12px;font-weight:700}.lesson-homework-type-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.lesson-homework-type-btn{display:grid;gap:3px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);padding:10px 12px;cursor:pointer;font-family:inherit}.lesson-homework-type-btn:hover{border-color:var(--brand)}.lesson-homework-type-btn.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand-light) 45%,var(--surface-2))}.lesson-homework-type-btn strong{font-size:13px;font-weight:800}.lesson-homework-type-btn span{color:var(--muted);font-size:11.5px;line-height:1.45}.homework-reader-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0 2px}.homework-student-feed{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding:8px 0 60px;box-sizing:border-box}.homework-student-feed-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1.5px solid var(--border-strong)}.homework-student-feed-title h1,.homework-student-feed-title .homework-page-title{font-family:var(--font-ui);font-size:24px;font-weight:800;margin:0;color:var(--text);letter-spacing:-.01em;flex-shrink:0}.homework-feed-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.homework-feed-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-btn, 8px);border:1.5px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.homework-feed-tab-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.homework-feed-tab-btn.active{background:var(--surface-2);border-color:var(--border-strong);color:var(--text);font-weight:800;box-shadow:var(--shadow-sm)}.homework-feed-tab-badge{font-size:11px;font-weight:800;padding:1px 6px;border-radius:12px;background:var(--surface-3);color:var(--muted)}.homework-feed-tab-btn.active .homework-feed-tab-badge{background:var(--brand-light);color:var(--brand)}.homework-feed-empty-card{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-card, 14px);padding:48px 24px;text-align:center;color:var(--muted);box-shadow:var(--shadow)}.homework-feed-empty-card h3{font-size:17px;font-weight:800;color:var(--text);margin:0 0 8px}.homework-feed-empty-card p{font-size:13.5px;max-width:480px;margin:0 auto}.homework-feed-list{display:flex;flex-direction:column;gap:18px}.homework-feed-card{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-card, 14px);padding:20px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 14px #0000000a;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.homework-feed-card:hover{box-shadow:0 6px 20px #0000000f}.homework-feed-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.homework-feed-card-title-block{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.homework-feed-course-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:3px 8px;border-radius:var(--radius-badge, 6px);align-self:flex-start;letter-spacing:.2px}.homework-feed-card-lesson{font-size:16.5px;font-weight:800;color:var(--text);margin:0;line-height:1.35}.homework-feed-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:4px 10px;border-radius:20px;flex-shrink:0}.homework-feed-status-badge.reviewed{background:#0596691a;color:var(--success);border:1px solid rgba(5,150,105,.25)}.homework-feed-status-badge.pending{background:#d977061a;color:var(--warning);border:1px solid rgba(217,119,6,.25)}.homework-feed-preview-box{border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#18181b;display:flex;justify-content:center;align-items:center;max-height:480px;position:relative}.homework-feed-preview-img{max-width:100%;max-height:480px;height:auto;width:auto;display:block;object-fit:contain}.homework-feed-art-placeholder{width:100%;padding:36px 20px;background:var(--surface-2);border:1.5px dashed var(--border-strong);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted)}.homework-feed-art-placeholder-icon{width:44px;height:44px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border);display:grid;place-items:center;color:var(--brand)}.homework-feed-link-box{padding:14px 16px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.homework-feed-text-box{padding:16px 18px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border)}.homework-feed-feedback-box{background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--success);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}.homework-feed-feedback-author{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--text)}.homework-feed-feedback-author-badge{width:24px;height:24px;border-radius:50%;background:#0596691f;color:var(--success);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.homework-feed-feedback-text{font-size:13.5px;line-height:1.55;color:var(--text);margin:0;font-style:normal;white-space:pre-wrap;word-break:break-word}.homework-feed-redline-row{padding:12px 16px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.homework-feed-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}.manage-split-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}.manage-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.manage-sidebar-header{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--text)}.manage-sidebar-list{flex:1;min-height:0;max-height:calc(100dvh - 280px);overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.manage-sidebar-item{width:100%;min-width:0;border:0;border-radius:12px;background:transparent;color:var(--text);display:flex;align-items:center;gap:12px;padding:12px;text-align:left;cursor:pointer;transition:all .15s ease}.manage-sidebar-item>*{min-width:0}.manage-sidebar-item strong,.manage-sidebar-item small{min-width:0;max-width:100%}.manage-sidebar-item .status-pill,.manage-sidebar-item .role-badge{flex-shrink:0}.manage-sidebar-item:hover,.manage-sidebar-item.selected{background:color-mix(in srgb,var(--brand-light) 55%,var(--surface-2))!important;color:var(--text)!important}.manage-sidebar-item.selected{outline:1px solid color-mix(in srgb,var(--brand) 46%,transparent)!important}.manage-details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.manage-heading-actions{display:flex;align-items:center;gap:10px}.archive-view-button{flex:0 0 auto;color:var(--muted)}.archive-view-button:hover,.icon-button.active,.archive-view-button.active{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--brand-light)}.courses-archive-view{display:grid;gap:22px}.archive-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media (max-width: 860px){.archive-split-layout{grid-template-columns:1fr;gap:24px}}.courses-archive-section{display:grid;gap:12px}.courses-archive-section>h3{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding-bottom:8px}.archive-action-status{margin:0 0 8px;border:1px solid color-mix(in srgb,var(--success) 22%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--success) 8%,var(--surface));color:var(--success);padding:10px 12px;font-size:12px;font-weight:800}.courses-archive-list{display:grid;gap:12px}.courses-archive-card{display:flex;flex-direction:column;align-items:stretch;gap:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.courses-archive-card:hover{border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}.courses-archive-card h3{margin:0;color:var(--text);font-size:15px;font-weight:700;line-height:1.4}.courses-archive-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.archive-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.typed-delete-dialog{width:min(460px,100%)}.typed-delete-field{display:grid;gap:8px;margin-top:14px}.typed-delete-field span{color:var(--muted);font-size:12px;font-weight:800}.typed-delete-field strong{color:var(--text);font-size:13px}@media (max-width: 640px){.manage-heading-actions{width:100%;align-items:stretch}.manage-heading-actions .course-manager-stats{flex:1}.manage-heading-actions .archive-view-button{min-height:36px}.courses-archive-card{align-items:stretch;flex-direction:column}.archive-card-actions{justify-content:stretch}.archive-card-actions .secondary-button,.archive-card-actions .danger-button,.archive-card-actions .course-manager-stats{width:100%}}.student-lesson-record-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding-right:4px}.course-split-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}.course-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.course-sidebar-item{width:100%;border:0;border-radius:12px;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;text-align:left;cursor:pointer;transition:all .15s ease}.course-sidebar-item:hover,.course-sidebar-item.selected{background:color-mix(in srgb,var(--brand-light) 55%,var(--surface-2))!important;color:var(--text)!important}.course-sidebar-item.selected{outline:1px solid color-mix(in srgb,var(--brand) 46%,transparent)!important}.course-sidebar-sublist{display:flex;flex-direction:column;gap:4px;padding-left:12px;margin-top:4px;margin-bottom:6px;border-left:1px solid var(--line);margin-left:16px}.course-sidebar-subitem{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:0;background:transparent;color:var(--muted);text-align:left;cursor:pointer;font-size:12px;font-weight:700;transition:all .15s ease}.course-sidebar-subitem:hover{background:var(--surface-2);color:var(--text)}.course-sidebar-subitem.active{background:var(--brand-light)!important;color:var(--brand)!important}.course-sidebar-subitem-bullet{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4b5563;transition:background .15s ease}.course-sidebar-subitem.active .course-sidebar-subitem-bullet{background:var(--brand)}.course-workspace{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;min-height:500px}.course-workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.course-workspace-header-left{display:flex;align-items:center;gap:10px;min-width:0}.course-workspace-tabs{display:none;gap:8px;margin-bottom:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.course-workspace-tabs::-webkit-scrollbar{display:none}.course-workspace-tab{flex:0 0 auto;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;text-align:center}.course-workspace-tab:hover{background:var(--surface-2);color:var(--text)}.course-workspace-tab.active{background:var(--brand-light);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,transparent)}@media (min-width: 1021px){.course-split-layout.catalog-collapsed{grid-template-columns:minmax(0,1fr)}.course-split-layout.catalog-collapsed .course-sidebar{display:none}}.syllabus-workspace-panel{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;margin:-16px}.syllabus-workspace-panel .workspace-split-layout{min-height:480px;overflow:visible}@media (min-width: 1021px){.syllabus-workspace-panel.curriculum-collapsed .workspace-sidebar{display:none!important}}.syllabus-workspace-panel .workspace-sidebar{background:transparent!important;border-right:1px solid var(--line)!important}.syllabus-workspace-panel .workspace-sidebar-header{background:transparent!important;border-bottom:none!important;padding:16px 16px 8px 20px}.syllabus-workspace-panel .workspace-sidebar-list{padding:4px 12px 16px 20px;display:flex;flex-direction:column;gap:2px}.syllabus-workspace-panel .workspace-content{padding:16px 24px 40px;background:transparent!important;overflow:visible;max-height:none}.syllabus-workspace-panel .workspace-sidebar-item{background:transparent!important;border:none!important;border-radius:8px!important;padding:8px 12px!important;gap:8px!important;width:100%;display:flex;align-items:center;transition:background .15s ease,color .15s ease;box-shadow:none!important}.syllabus-workspace-panel .workspace-sidebar-item:hover{background:var(--surface-2)!important;color:var(--text)!important}.syllabus-workspace-panel .workspace-sidebar-item.selected{background:color-mix(in srgb,var(--brand-light) 50%,var(--surface-2))!important;color:var(--text)!important;outline:none!important}.syllabus-workspace-panel .lesson-number-prefix{font-size:11px;font-weight:700;color:var(--muted);width:16px;display:inline-block;flex-shrink:0}.syllabus-workspace-panel .workspace-sidebar-item.selected .lesson-number-prefix{color:var(--brand)}.syllabus-workspace-panel .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}.syllabus-workspace-panel .status-dot.coming-soon{background-color:var(--warning)}.syllabus-workspace-panel .status-dot.published{background-color:var(--success)}.student-panel-identity{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:16px;gap:12px}.student-panel-identity-info{display:flex;gap:14px;align-items:center;min-width:0}.student-panel-identity-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.student-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.student-metrics-grid>.record-grid-cell:first-child{grid-column:1 / -1}@media (max-width: 480px){.student-metrics-grid{grid-template-columns:1fr 1fr}}.mobile-only-inline{display:none!important}.mobile-only-flex{display:none}.properties-grid{display:grid;grid-template-columns:180px 1fr;row-gap:10px;column-gap:16px;padding:8px 0 24px;border-bottom:1px solid var(--line);margin-bottom:24px}.cover-area-wrapper{position:relative;margin-bottom:28px}.cover-controls-overlay{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0a0c0ebf;padding:8px 12px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);z-index:10}@media (max-width: 860px){.mobile-only-inline{display:inline-flex!important}.desktop-only{display:none!important}.homework-review-layout .homework-review-queue{display:flex;flex-direction:column}.homework-review-layout .homework-review-workspace,.homework-review-layout.workspace-active-mobile .homework-review-queue{display:none}.homework-review-layout.workspace-active-mobile .homework-review-workspace{display:grid}.manage-split-layout{grid-template-columns:1fr}.manage-split-layout .manage-sidebar{display:flex}.manage-split-layout .manage-details,.manage-split-layout.details-active-mobile .manage-sidebar{display:none}.manage-split-layout.details-active-mobile .manage-details{display:block;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.manage-details .mobile-only-flex{display:flex!important}.student-manager-page.details-active-mobile .section-heading{display:none!important}.student-lesson-record-list{max-height:none!important;overflow-y:visible!important;padding-right:0!important}.homework-queue-item-chevron{display:block}.course-split-layout{grid-template-columns:1fr}.course-split-layout .course-sidebar{display:flex}.course-split-layout .course-workspace,.course-manager-panel-new.course-selected-mobile .course-sidebar,.course-manager-panel.course-selected-mobile .course-sidebar{display:none}.course-manager-panel-new.course-selected-mobile .course-workspace,.course-manager-panel.course-selected-mobile .course-workspace{display:block;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;min-height:auto!important}.course-workspace-header .mobile-only-inline,.course-workspace .mobile-only-inline{display:inline-flex!important}.course-manager-panel-new.course-selected-mobile .course-workspace-tabs,.course-manager-panel.course-selected-mobile .course-workspace-tabs{display:flex}.courses-admin-page:has(.course-selected-mobile) .course-manager-heading{display:none!important}.syllabus-workspace-panel,.syllabus-workspace-panel .workspace-sidebar{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important}.syllabus-workspace-panel .workspace-split-layout{flex-direction:column!important}.syllabus-workspace-panel.lesson-selected .workspace-sidebar{display:none!important}.syllabus-workspace-panel.lesson-selected .workspace-content{display:block!important;width:100%!important;max-height:none!important;overflow-y:visible!important;padding:0!important;background:transparent!important}.syllabus-workspace-panel:not(.lesson-selected) .workspace-sidebar{display:flex!important;width:100%!important;max-height:none!important}.syllabus-workspace-panel:not(.lesson-selected) .workspace-content{display:none!important}.syllabus-workspace-panel .workspace-content .mobile-only-flex{display:flex!important}.homework-review-layout.workspace-active-mobile .homework-review-workspace{display:grid;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.homework-review-layout.workspace-active-mobile .homework-canvas-panel{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.homework-review-layout.workspace-active-mobile .homework-canvas-toolbar{padding-left:0!important;padding-right:0!important}.homework-review-layout.workspace-active-mobile .homework-meta-card,.homework-review-layout.workspace-active-mobile .homework-action-card{background:transparent!important;border:none!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important;border-radius:0!important}.homework-review-layout.workspace-active-mobile .homework-canvas-stage{padding:8px!important;border-radius:8px!important}.homework-review-page:has(.workspace-active-mobile) .section-heading{display:none!important}.course-workspace-header{flex-wrap:wrap;gap:12px!important}.course-workspace-switcher-container{order:3;width:100%;display:flex;justify-content:center}.course-workspace-switcher-container .segmented{width:100%!important;margin:0!important}.course-workspace-switcher-container .segmented button{flex:1;text-align:center}.properties-grid{grid-template-columns:140px 1fr!important}@media (max-width: 768px){.properties-grid{grid-template-columns:1fr!important;row-gap:16px}}@media (max-width: 600px){.cover-controls-overlay{position:static!important;margin-top:12px!important;background:var(--surface)!important;border:1px solid var(--line)!important;flex-wrap:wrap;gap:10px}}}.referral-stats-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:24px}.referral-stat-card{background:var(--surface);border:1px solid var(--line);padding:12px 16px;border-radius:12px;box-sizing:border-box}.referral-stat-card.available{padding:14px 16px}.referral-stat-card .label{font-size:11px;color:var(--muted);font-weight:600}.referral-stat-card.available .label{font-weight:800;text-transform:uppercase;letter-spacing:.5px}.referral-stat-card .value{font-size:16px;font-weight:800;color:var(--text);margin-top:4px}.referral-stat-card.available .value{font-size:22px;font-weight:900;color:var(--brand)}@media (max-width: 768px){.referral-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.referral-stat-card{text-align:center}.referral-stat-card.available{grid-column:span 2}}.income-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.premium-stat-card{position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.premium-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:background .3s ease}.premium-stat-card:hover{transform:translateY(-5px);border-color:#bb4c4b59;box-shadow:var(--shadow-hover)}.premium-stat-card.brand-accent{background:var(--surface-2);border-color:#bb4c4b4d;box-shadow:var(--shadow)}.premium-stat-card.brand-accent:before{background:var(--brand)}.premium-stat-card.brand-accent:hover{border-color:var(--brand);box-shadow:var(--shadow-hover)}.premium-stat-card.success-accent:before{background:var(--success)}.premium-stat-card.success-accent:hover{border-color:var(--success);box-shadow:var(--shadow-hover)}.premium-stat-card.warning-accent:before{background:var(--warning)}.premium-stat-card.warning-accent:hover{border-color:var(--warning);box-shadow:var(--shadow-hover)}.premium-stat-card .card-icon-wrapper{position:absolute;top:20px;right:20px;opacity:.15;transition:transform .3s ease,opacity .3s ease;color:var(--text)}.premium-stat-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg);opacity:.3}.premium-stat-card.brand-accent .card-icon-wrapper{color:var(--brand)}.premium-stat-card.success-accent .card-icon-wrapper{color:var(--success)}.premium-stat-card.warning-accent .card-icon-wrapper{color:var(--warning)}.premium-stat-card-secondary{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:20px;transition:all .25s ease}.premium-stat-card-secondary:hover{border-color:#bb4c4b4d;background:var(--surface);transform:translateY(-2px)}.premium-payout-list-item{display:block;width:100%;padding:16px 20px;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-payout-list-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s ease}.premium-payout-list-item:hover{background:var(--surface);border-color:#bb4c4b40;transform:translate(2px)}.premium-payout-list-item.active{background:var(--surface-2);border-color:var(--brand);box-shadow:var(--shadow-hover)}.premium-payout-list-item.active:after{background:var(--brand)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-width:1px;border-style:solid}.status-badge.paid{background:#2e7d321f;color:#81c784;border-color:#2e7d3259}.status-badge.cancelled{background:#d32f2f1f;color:#e57373;border-color:#d32f2f59}.status-badge.pending{background:#ef6c001f;color:#ffb74d;border-color:#ef6c0059}.audit-details-glass{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.audit-meta-card{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:12px;margin-bottom:28px}.premium-ledger-table{width:100%;border-collapse:separate;border-spacing:0 8px}.premium-ledger-table tr{transition:transform .2s ease}.premium-ledger-table tbody tr:hover{transform:scale(1.005)}.premium-ledger-table th{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;padding:12px 16px;border-bottom:2px solid var(--line)}.premium-ledger-table td{padding:16px;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s ease}.premium-ledger-table td:first-child{border-left:1px solid var(--line);border-top-left-radius:10px;border-bottom-left-radius:10px}.premium-ledger-table td:last-child{border-right:1px solid var(--line);border-top-right-radius:10px;border-bottom-right-radius:10px}.premium-ledger-table tbody tr:hover td{background:var(--surface);border-color:#bb4c4b40}.review-payouts-btn{background:var(--brand)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:8px 18px!important;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease;position:relative;outline:none}.review-payouts-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #bb4c4b40}.review-payouts-btn .noti-badge{background:#f59e0b!important;color:#1e1e1e!important;font-weight:800;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.status-pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.pending{border-color:#f59e0b4d;color:var(--warning);background:#f59e0b0d}.status-pill.paid{border-color:#10b9814d;color:var(--success);background:#10b9810d}.status-pill.cancelled{border-color:#ef44444d;color:var(--danger);background:#ef44440d}.premium-stat-card.brand-accent{border-color:#bb4c4b4d;box-shadow:0 0 16px #bb4c4b1f}.premium-stat-card.warning-accent{border-color:#f59e0b33}.premium-stat-card.gross-accent{border-color:#10b98133}.admin-verification-workspace{display:grid;grid-template-columns:360px 1fr;gap:24px;margin-top:24px;align-items:start}.payout-inbox-sidebar{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.payout-sidebar-tabs{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.payout-sidebar-tab-btn{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;color:var(--muted);background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;outline:none}.payout-sidebar-tab-btn:hover{color:var(--text)}.payout-sidebar-tab-btn.active{background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow)}.payout-sidebar-tab-btn .tab-badge{background:#f59e0b;color:#18191a;font-weight:800;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px}.payout-inbox-list{flex:1;overflow-y:auto;max-height:520px;padding:16px;display:flex;flex-direction:column;gap:12px}.payout-inbox-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;position:relative;transition:all .2s ease;width:100%;outline:none}.payout-inbox-item:hover{border-color:#bb4c4b40;transform:translateY(-1px)}.payout-inbox-item.active{border-color:var(--brand);background:var(--surface-3);box-shadow:var(--shadow-hover)}.payout-inbox-item-avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted);border:1px solid var(--line);flex-shrink:0}.payout-inbox-item-info{flex:1;min-width:0}.payout-inbox-item-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.payout-inbox-item-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payout-inbox-item-amount{font-size:13px;font-weight:800;color:var(--brand)}.payout-inbox-item-time{font-size:11px;color:var(--muted)}.payout-inbox-item-desc{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.payout-audit-desk{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.payout-audit-header{padding:24px 28px;border-bottom:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;gap:16px}.payout-audit-body{padding:28px;flex:1}.audit-meta-grid-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.audit-detail-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.copy-btn{flex-shrink:0;padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;outline:none}.copy-btn:hover{border-color:#bb4c4b4d;background:var(--surface)}.copy-btn.copied{color:var(--success);border-color:#34d3994d;background:#34d3990d}.admin-note-textarea{width:100%;min-height:80px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:13px;color:var(--text);margin-top:8px;resize:vertical;outline:none;transition:border-color .2s ease}.admin-note-textarea:focus{border-color:var(--brand)}.payout-audit-footer{padding:20px 28px;border-top:1px solid var(--line);background:var(--surface-2);display:flex;justify-content:flex-end;gap:12px}.content.route-courses:has(.manage-command-center),.content.route-manage:has(.manage-command-center),.content.route-manage-copy:has(.manage-command-center),.content.route-people:has(.manage-command-center),.content.route-desk:has(.manage-command-center),.content.route-overview:has(.manage-command-center),.content.route-people,.content:has(.console-shell),.content:has(.manage-command-center),.content.route-income{max-width:none!important;padding:0!important;margin:0!important;height:100%!important;max-height:100%!important;flex:1 1 100%!important;display:flex;overflow:hidden!important}.manage-command-center{display:flex;height:100%;width:100%;min-width:0;background:var(--surface)!important;overflow:hidden;padding:0!important;margin:0!important}.console-shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex:1 1 auto;overflow:hidden;box-sizing:border-box;background:var(--surface)}.console-tabstrip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0;padding:14px 24px 0;border-bottom:1px solid var(--line);background:var(--surface);box-sizing:border-box}.console-tabstrip-tabs,.console-tabstrip-actions{display:flex;align-items:center;min-height:30px}.console-tabstrip-tabs{gap:4px}.console-tabstrip-actions{gap:6px}.console-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 24px 48px;box-sizing:border-box}.console-body-inner{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}@media (max-width: 860px){.console-body{padding:16px 16px 80px}}.manage-command-body{display:flex;flex:1;min-width:0;height:100%;background:var(--surface)!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;padding:0!important;gap:0!important;box-sizing:border-box}.admin-nav-sidebar{width:240px;background:var(--surface-2);border-right:1.5px solid var(--border-strong);border-top-left-radius:14px;border-bottom-left-radius:var(--radius-panel, 18px);display:flex;flex-direction:column;justify-content:space-between;padding:20px 14px;flex-shrink:0;height:100%;overflow:hidden!important;z-index:10;transition:width .2s ease,padding .2s ease}.admin-list-sidebar{width:320px;min-width:0;background:var(--surface-2)!important;border:none!important;border-right:1.5px solid var(--border-strong)!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden}.admin-main-workspace,.admin-workspace{flex:1;min-width:0;height:100%;background:var(--surface)!important;border:none!important;box-shadow:none!important;overflow-y:auto;overflow-x:hidden;padding:24px!important;display:flex;flex-direction:column;scrollbar-width:thin}.admin-workspace .student-panel-identity,.admin-main-workspace .student-panel-identity,.admin-workspace .teacher-panel-identity,.admin-main-workspace .teacher-panel-identity{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1.5px solid var(--line)!important;padding-bottom:16px;gap:12px}.admin-workspace .student-panel-identity h3,.admin-main-workspace .student-panel-identity h3,.admin-workspace .teacher-panel-identity h3,.admin-main-workspace .teacher-panel-identity h3{color:var(--text)!important;font-size:18px!important;font-weight:800!important;text-shadow:none!important}.admin-workspace .student-panel-identity p.muted,.admin-main-workspace .student-panel-identity p.muted,.admin-workspace .teacher-panel-identity p.muted,.admin-main-workspace .teacher-panel-identity p.muted{color:var(--muted)!important;font-size:13px!important;text-shadow:none!important}.admin-workspace .details-tabs-container,.admin-main-workspace .details-tabs-container{border-bottom:1.5px solid var(--line)!important;margin-bottom:20px!important}.admin-workspace .details-tabs-container .active-tab,.admin-main-workspace .details-tabs-container .active-tab{color:var(--text)!important;border-bottom:2.5px solid var(--brand)!important;font-weight:800!important;text-shadow:none!important}.admin-workspace .details-tabs-container .inactive-tab,.admin-main-workspace .details-tabs-container .inactive-tab{color:var(--muted)!important;font-weight:600!important;text-shadow:none!important}.admin-workspace .details-tabs-container .inactive-tab:hover,.admin-main-workspace .details-tabs-container .inactive-tab:hover{color:var(--text)!important}.admin-empty-workspace-hub{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;margin:auto;max-width:540px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow)}.hub-art-stage{width:90px;height:90px;border-radius:50%;background:var(--surface-2);border:1.5px solid var(--border-strong);display:grid;place-items:center;position:relative;margin-bottom:20px}.hub-art-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(230,73,72,.3) 0%,transparent 70%);filter:blur(10px);pointer-events:none}.hub-art-icon{color:var(--brand);position:relative;z-index:2;filter:drop-shadow(0 4px 12px rgba(230,73,72,.4))}.admin-empty-workspace-hub h2{font-family:var(--font-ui);font-size:22px;font-weight:800;color:var(--text);margin:0 0 10px;letter-spacing:-.01em}.admin-empty-workspace-hub p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 24px}.hub-actions{display:flex;gap:12px;align-items:center}.admin-nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-weight:700;font-size:13px;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.admin-nav-item:hover,.admin-nav-item.active{background:var(--surface);color:var(--text)}.admin-nav-item.active .admin-nav-icon{color:var(--brand)}.admin-nav-item-content{display:flex;align-items:center;gap:10px}.admin-nav-icon{color:var(--muted);transition:color .15s ease}.admin-nav-badge{font-size:10px;opacity:.6;flex-shrink:0}.admin-nav-utility-container{border-top:1px solid var(--line);padding-top:14px;margin-top:auto}.admin-nav-utility{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-weight:500;font-size:12px;white-space:nowrap;transition:color .15s ease}.admin-nav-utility:hover,.admin-nav-utility:hover .admin-nav-icon{color:var(--text)}.admin-nav-utility.active{color:var(--brand);font-weight:600}.admin-nav-utility.active .admin-nav-icon{color:var(--brand)}@media (min-width: 1021px) and (max-width: 1366px){.manage-command-center:not(.teacher-manage-page) .admin-nav-sidebar{width:72px;padding:18px 8px}.manage-command-center:not(.teacher-manage-page) .admin-list-sidebar{width:clamp(270px,26vw,320px)}.manage-command-center:not(.teacher-manage-page) .admin-main-workspace{padding:28px}.manage-command-center:not(.teacher-manage-page) .admin-nav-item,.manage-command-center:not(.teacher-manage-page) .admin-nav-utility{position:relative;justify-content:center;min-height:42px;padding:10px 0}.manage-command-center:not(.teacher-manage-page) .admin-nav-item-content{gap:0;justify-content:center}.manage-command-center:not(.teacher-manage-page) .admin-nav-item-content>span{display:none!important}.manage-command-center:not(.teacher-manage-page) .admin-nav-badge{position:absolute;top:4px;right:6px;display:inline-grid;min-width:16px;height:16px;place-items:center;border-radius:999px;background:var(--surface);color:var(--muted);font-size:9px;opacity:1}}@media (min-width: 861px) and (max-width: 1020px){.manage-command-center:not(.teacher-manage-page) .admin-nav-sidebar,.income-page-wrapper .admin-nav-sidebar{width:64px;padding:16px 8px}.manage-command-center:not(.teacher-manage-page) .admin-list-sidebar,.income-page-wrapper .admin-list-sidebar{width:280px!important;flex-shrink:0!important;flex-grow:0!important}.manage-command-center:not(.teacher-manage-page) .admin-main-workspace,.income-page-wrapper .admin-main-workspace{flex:1 1 auto!important;width:auto!important;min-width:0!important}.manage-command-center:not(.teacher-manage-page) .admin-main-workspace,.income-page-wrapper .admin-main-workspace{padding:24px}.manage-command-center:not(.teacher-manage-page) .admin-nav-item,.manage-command-center:not(.teacher-manage-page) .admin-nav-utility,.income-page-wrapper .admin-nav-item{position:relative;justify-content:center;min-height:42px;padding:10px 0}.manage-command-center:not(.teacher-manage-page) .admin-nav-item-content,.income-page-wrapper .admin-nav-item-content{gap:0;justify-content:center}.manage-command-center:not(.teacher-manage-page) .admin-nav-item-content>span,.income-page-wrapper .admin-nav-item-content>span{display:none!important}.manage-command-center:not(.teacher-manage-page) .admin-nav-badge{position:absolute;top:4px;right:4px;display:inline-grid;min-width:15px;height:15px;place-items:center;border-radius:999px;background:var(--surface);color:var(--muted);font-size:8px;opacity:1}}.teacher-manage-page .admin-nav-sidebar{width:240px;min-width:240px;padding:16px 12px}@media (min-width: 861px) and (max-width: 1020px){.teacher-manage-page .admin-nav-sidebar{width:220px;min-width:220px;padding:14px 10px}}@media (max-width: 860px){.content.route-manage,.content.route-manage-copy,.content.route-people,.content.route-desk,.content.route-overview{height:100dvh!important;max-height:100dvh!important;padding:0!important;overflow:hidden!important}.manage-command-center{flex-direction:column;max-width:100vw;overflow:hidden}.manage-command-body{width:100%;flex:1}.manage-command-center .admin-nav-sidebar{display:none}.manage-command-center .admin-list-sidebar{width:100%;border-right:none;padding-bottom:calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom))}.manage-command-center .admin-main-workspace{width:100%;padding:16px 16px calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom));overflow-x:hidden}.manage-command-center .admin-list-sidebar.details-active{display:none!important}.manage-command-center .admin-main-workspace:not(.details-active){display:none!important}.manage-command-center .admin-main-workspace.details-active{display:flex!important}.manage-command-center .mobile-top-bar{flex:0 0 54px;position:sticky!important;top:0;z-index:1000}}.details-panel-container{display:flex;gap:32px;align-items:start;width:100%;min-width:0}.details-main-content{flex:1;min-width:0;max-width:850px;display:flex;flex-direction:column;gap:24px}.details-right-inspector{width:340px;min-width:0;flex-shrink:0;position:sticky;top:0;display:flex;flex-direction:column;gap:20px}@media (max-width: 1200px){.details-panel-container{flex-direction:column!important;gap:24px!important;align-items:stretch!important}.details-main-content{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.details-right-inspector{width:100%!important;max-width:100%!important;position:static!important;box-sizing:border-box!important}}.inspector-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;box-sizing:border-box}.inspector-card-title{font-size:11px;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.05em;margin:0;border-bottom:1px solid var(--line);padding-bottom:8px}.collapsible-inspector-card{gap:0}.inspector-card-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.inspector-card-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;border:0;background:transparent;color:var(--muted);padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.inspector-card-toggle .inspector-card-title{border-bottom:0;padding-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-card-toggle:hover,.inspector-card-toggle:focus-visible{color:var(--text)}.inspector-card-body{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.lesson-roadmap-summary{display:grid;gap:12px;margin-top:12px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.lesson-roadmap-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(18px,1fr));gap:8px;align-items:center}.lesson-roadmap-dot{width:100%;max-width:22px;aspect-ratio:1;justify-self:center;border-radius:999px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.lesson-roadmap-dot.completed{background:color-mix(in srgb,var(--success) 18%,var(--surface-2));border-color:color-mix(in srgb,var(--success) 55%,var(--line));color:var(--success)}.lesson-roadmap-dot.current{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent);border-color:var(--brand)}.lesson-roadmap-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.inspector-status-list{display:flex;flex-direction:column;gap:8px}.inspector-status-item{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;font-size:12px;color:var(--text-secondary)}.inspector-status-item>span:first-child{min-width:0;overflow-wrap:anywhere}.inspector-status-value{font-weight:700;color:var(--text);min-width:0;text-align:right;overflow-wrap:anywhere}.inspector-timeline{display:flex;flex-direction:column;gap:12px;position:relative;padding-left:12px;border-left:1px solid var(--line);margin-left:6px}.inspector-timeline-item{position:relative;font-size:12px;color:var(--text-secondary);line-height:1.4}.inspector-timeline-item:before{content:"";position:absolute;left:-16px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--brand);border:1px solid var(--surface-2)}.inspector-timeline-date{font-size:10px;color:var(--muted);display:block;margin-bottom:2px}.inspector-notes-textarea{width:100%;min-height:100px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--text);font-size:13px;line-height:1.4;resize:vertical;outline:none;transition:border-color .15s ease}.inspector-notes-textarea:focus{border-color:var(--brand)}.inspector-shortcut-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--brand-light);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:8px;color:var(--brand);font-size:12px;font-weight:700;cursor:pointer;transition:background-color .15s ease}.inspector-shortcut-btn:hover{background:color-mix(in srgb,var(--brand) 15%,var(--brand-light))}.income-inner-content{width:100%;margin-inline:auto;text-align:left}.income-inner-content.dashboard-width{max-width:1180px}.income-inner-content.ledger-width{max-width:1380px}.income-inner-content.payout-width{max-width:1280px}.kpi-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);border-color:#bb4c4b4d;box-shadow:var(--shadow-hover)}.kpi-card.highlight{border-color:#bb4c4b66;background:linear-gradient(135deg,var(--surface-2) 0%,rgba(187,76,75,.05) 100%)}.kpi-icon-wrapper{width:42px;height:42px;border-radius:10px;background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}.kpi-card.highlight .kpi-icon-wrapper{background:var(--brand-light);color:var(--brand)}.kpi-content{display:flex;flex-direction:column;gap:4px;min-width:0}.kpi-label{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block}.kpi-value{font-size:20px;font-weight:800;color:var(--text);display:block;line-height:1.2}.mobile-section-drawer{position:fixed;top:0;right:0;bottom:0;width:290px;max-width:85vw;background:var(--surface);border-left:1px solid var(--line);z-index:1000;padding:20px;display:none!important;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none;pointer-events:none}.mobile-section-drawer.open{transform:translate(0);box-shadow:-4px 0 24px #00000059;pointer-events:auto}.mobile-sidebar-backdrop{display:none!important;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-sidebar-backdrop.active{opacity:1;pointer-events:auto}@media (max-width: 860px){.mobile-section-drawer{display:flex!important}.mobile-sidebar-backdrop{display:block!important}}.mobile-section-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.mobile-section-drawer .drawer-header strong{font-size:16px;color:var(--text)}.mobile-section-drawer .drawer-nav{display:flex;flex-direction:column;gap:8px}.mobile-section-drawer .drawer-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.mobile-section-drawer .drawer-menu-item:hover,.mobile-section-drawer .drawer-menu-item.active{background:var(--surface-3);border-color:var(--brand);color:var(--text)}.mobile-section-drawer .drawer-menu-item.active{background:var(--brand-dim, rgba(187, 76, 75, .08));font-weight:600}.mobile-section-drawer .drawer-menu-icon{display:flex;align-items:center;color:var(--text-secondary)}.mobile-section-drawer .drawer-menu-item.active .drawer-menu-icon{color:var(--brand)}.mobile-section-drawer .drawer-menu-label{flex:1;font-size:14px}.mobile-section-drawer .drawer-menu-arrow{color:var(--muted);transition:transform .2s ease}.mobile-section-drawer .drawer-menu-item:hover .drawer-menu-arrow{transform:translate(2px)}.income-mobile-trigger-bar{display:none;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.income-mobile-trigger-bar span{font-size:14px;font-weight:600;color:var(--text)}@media (max-width: 860px){.income-mobile-trigger-bar{display:flex}}@media (max-width: 860px){.income-page-wrapper{flex-direction:column}.income-page-wrapper .admin-nav-sidebar{display:none}.income-page-wrapper .admin-main-workspace{padding:16px 16px 90px!important;overflow-y:auto;height:auto;display:flex;flex-direction:column;flex:1;width:100%;box-sizing:border-box}.income-page-wrapper .admin-list-sidebar{width:100%;height:100%;border-right:none;padding-bottom:calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom))!important;box-sizing:border-box}.income-page-wrapper.details-active .admin-list-sidebar{display:none}.income-page-wrapper:not(.details-active) .admin-main-workspace:not(.always-active){display:none}.income-page-wrapper .income-dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.income-page-wrapper .table-responsive{margin-inline:-16px;border-radius:0;border-left:none;border-right:none;width:calc(100% + 32px);max-width:calc(100% + 32px)}.income-page-wrapper .two-col-grid{grid-template-columns:1fr}.income-page-wrapper .audit-detail-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.income-page-wrapper .audit-detail-row>span{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:700}}.income-page-wrapper{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;background:var(--surface)!important;padding:0!important;box-sizing:border-box;overflow:hidden}.income-page-body{display:flex;flex:1;min-width:0;height:100%;background:var(--surface)!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;padding:0!important;gap:0!important;box-sizing:border-box}.income-page-wrapper .admin-nav-sidebar{width:240px;background:var(--surface-2)!important;border:none!important;border-right:1.5px solid var(--border-strong)!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;justify-content:space-between;padding:20px 14px;flex-shrink:0;height:100%;overflow:hidden!important;z-index:10}.income-page-wrapper .admin-list-sidebar{width:320px;min-width:0;background:var(--surface-2)!important;border:none!important;border-right:1.5px solid var(--border-strong)!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden}.income-page-wrapper .admin-main-workspace{background:var(--surface)!important;border:none!important;box-shadow:none!important;padding:28px 32px!important;overflow-y:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin}.income-inner-content{width:100%;margin:0 auto;padding-bottom:64px}.income-inner-content.normal-width,.income-inner-content.dashboard-width,.income-inner-content.payout-width{max-width:1200px}.income-inner-content.wide-width,.income-inner-content.ledger-width{max-width:1320px}@media (max-width: 860px){.content.route-income{padding:0!important}.income-page-wrapper{flex-direction:column;height:100%}.income-page-wrapper .admin-main-workspace{padding:0;display:flex;flex-direction:column;flex:1;width:100%;overflow-y:auto}.income-page-wrapper .mobile-lessons-trigger-bar{width:100%!important;margin:0!important;position:sticky!important;top:0!important;z-index:99;box-shadow:0 2px 8px #00000026}.income-inner-content{padding:16px 16px 90px;max-width:100%!important}.income-page-wrapper .income-header{display:none!important}}.mobile-only-flex{display:none!important}@media (max-width: 860px){.mobile-only-flex{display:flex!important}.income-page-wrapper{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.income-page-wrapper .admin-main-workspace{padding:0!important;overflow-x:hidden!important}.income-page-wrapper .income-inner-content{padding:16px 16px 100px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.income-page-wrapper .table-responsive{margin-inline:0!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;box-sizing:border-box!important}.income-page-wrapper .table-responsive table{min-width:750px!important;width:100%!important}.teacher-income-tabs-mobile{display:none!important}}.mobile-top-bar{display:none!important}@media (max-width: 860px){.mobile-top-bar{display:flex!important}}.mobile-only,.hide-on-desktop{display:none!important}@media (min-width: 861px){.income-page-wrapper .income-dashboard-grid.desktop-only{display:grid!important}.income-page-wrapper .audit-details-glass.desktop-only,.income-page-wrapper .table-responsive.desktop-only{display:block!important;width:100%;box-sizing:border-box}.income-page-wrapper .audit-details-glass.desktop-only .audit-detail-row{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.income-page-wrapper .audit-details-glass.desktop-only .audit-detail-row>strong{flex-shrink:0;text-align:right}}@media (max-width: 860px){.desktop-only{display:none!important}.mobile-only{display:block!important}.hide-on-mobile{display:none!important}.hide-on-desktop{display:block!important}.income-page-wrapper .teacher-earnings-mobile-stack{display:flex!important;flex-direction:column;gap:20px}.teacher-earnings-mobile-action{margin-top:-8px}.teacher-earnings-mobile-action .primary-button{min-height:38px}.income-page-wrapper .admin-overview-mobile-stack{display:flex!important;flex-direction:column;gap:0}.income-page-wrapper .admin-overview-mobile-hero{margin-bottom:22px}.income-page-wrapper .admin-overview-mobile-stats{margin-bottom:26px}.income-page-wrapper .admin-overview-mobile-section{margin-bottom:28px}.income-page-wrapper .admin-overview-mobile-section:last-child{margin-bottom:0}.income-page-wrapper .admin-overview-mobile-section-title{line-height:1.3;margin-bottom:2px}.income-page-wrapper .admin-overview-mobile-list{background:var(--surface-2)}.income-page-wrapper .admin-overview-mobile-payout-row{gap:14px}.income-page-wrapper .admin-overview-mobile-payout-row>div:first-child{min-width:0}.income-page-wrapper .admin-overview-mobile-payout-row>div:first-child>div:first-child{overflow-wrap:anywhere}.income-page-wrapper .admin-overview-mobile-payout-meta{flex-shrink:0}.mobile-safe-list-padding{padding-bottom:calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom))!important}.income-page-wrapper .audit-details-glass{background:transparent!important;border:none!important;box-shadow:none!important;padding:12px 0!important;margin-bottom:0!important}.income-page-wrapper .audit-details-glass h3{margin-bottom:12px!important;font-size:13px!important;color:var(--muted)!important}.mobile-data-row{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;box-sizing:border-box;width:100%}.mobile-data-row-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}.mobile-data-row-title{font-size:13.5px;font-weight:700;color:var(--text);min-width:0;overflow-wrap:anywhere}.mobile-data-row-date{font-size:11px;color:var(--muted);white-space:nowrap}.mobile-data-row-details{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.03);padding-top:8px}.mobile-data-row-details .value{font-weight:600;color:var(--text);overflow-wrap:anywhere}.mobile-data-row-details .value.negative{color:var(--brand)}.mobile-data-row-footer{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:8px;margin-top:4px;gap:10px;min-width:0;justify-content:space-between;gap:24px}.income-page-wrapper .audit-details-glass.desktop-only .audit-detail-row>strong{flex-shrink:0;text-align:right}}.teacher-earnings-desktop-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;align-items:stretch}.teacher-earnings-desktop-activity-grid>.audit-details-glass{width:100%;min-width:0;box-sizing:border-box}.teacher-earnings-mobile-stack{display:none!important}@media (max-width: 1180px) and (min-width: 1021px){.teacher-earnings-desktop-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.desktop-only{display:none!important}.mobile-only{display:block!important}.hide-on-mobile{display:none!important}.hide-on-desktop{display:block!important}.income-page-wrapper .teacher-earnings-mobile-stack{display:flex!important;flex-direction:column;gap:20px}.teacher-earnings-mobile-action{margin-top:-8px}.teacher-earnings-mobile-action .primary-button{min-height:38px}.income-page-wrapper .admin-overview-mobile-stack{display:flex!important;flex-direction:column;gap:0}.income-page-wrapper .admin-overview-mobile-hero{margin-bottom:22px}.income-page-wrapper .admin-overview-mobile-stats{margin-bottom:26px}.income-page-wrapper .admin-overview-mobile-section{margin-bottom:28px}.income-page-wrapper .admin-overview-mobile-section:last-child{margin-bottom:0}.income-page-wrapper .admin-overview-mobile-section-title{line-height:1.3;margin-bottom:2px}.income-page-wrapper .admin-overview-mobile-list{background:var(--surface-2)}.income-page-wrapper .admin-overview-mobile-payout-row{gap:14px}.income-page-wrapper .admin-overview-mobile-payout-row>div:first-child{min-width:0}.income-page-wrapper .admin-overview-mobile-payout-row>div:first-child>div:first-child{overflow-wrap:anywhere}.income-page-wrapper .admin-overview-mobile-payout-meta{flex-shrink:0}.mobile-safe-list-padding{padding-bottom:calc(var(--mobile-content-clearance, 72px) + env(safe-area-inset-bottom))!important}.income-page-wrapper .audit-details-glass{background:transparent!important;border:none!important;box-shadow:none!important;padding:12px 0!important;margin-bottom:0!important}.income-page-wrapper .audit-details-glass h3{margin-bottom:12px!important;font-size:13px!important;color:var(--muted)!important}.mobile-data-row{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;box-sizing:border-box;width:100%}.mobile-data-row-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}.mobile-data-row-title{font-size:13.5px;font-weight:700;color:var(--text);min-width:0;overflow-wrap:anywhere}.mobile-data-row-date{font-size:11px;color:var(--muted);white-space:nowrap}.mobile-data-row-details{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.03);padding-top:8px}.mobile-data-row-details .value{font-weight:600;color:var(--text);overflow-wrap:anywhere}.mobile-data-row-details .value.negative{color:var(--brand)}.mobile-data-row-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:8px;margin-top:4px;gap:10px;min-width:0}.mobile-data-row-amount{font-size:12px;color:var(--text-secondary);min-width:0;overflow-wrap:anywhere}.mobile-data-row-amount .value{font-size:13px;font-weight:800}.mobile-data-row-amount .value.positive{color:var(--success)}.mobile-data-row-amount .value.negative{color:#c87a7a}}@media (max-width: 600px){.details-main-content .details-tabs-container{display:flex!important;background:var(--surface-3)!important;padding:4px!important;border-radius:10px!important;gap:6px!important;border:1px solid var(--line)!important;border-bottom:none!important;margin-bottom:16px!important}.details-main-content .details-tabs-container button{flex:1!important;text-align:center!important;border-radius:8px!important;padding:8px 0!important;font-size:13px!important;font-weight:700!important;border-bottom:none!important;margin-bottom:0!important;transition:all .15s ease!important}.details-main-content .details-tabs-container button.active-tab{background:var(--surface-2)!important;color:var(--text)!important;box-shadow:0 2px 8px #00000026!important;border-bottom:none!important}.details-main-content .details-tabs-container button.inactive-tab{background:transparent!important;color:var(--muted)!important;border-bottom:none!important}.financial-stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.financial-stats-grid>div{padding:12px!important;border-radius:10px!important}.financial-stats-grid span{font-size:9px!important;margin-bottom:4px!important}.financial-stats-grid strong{font-size:15px!important}.details-main-content .course-access-card{padding:12px!important}.details-main-content .lesson-roadmap-summary{padding:10px 12px!important}.details-main-content .lesson-roadmap-track{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.details-main-content .lesson-roadmap-dot{width:20px!important;height:20px!important;flex-shrink:0!important;font-size:8.5px!important}}.desktop-only-table{display:block}.mobile-only-list{display:none}@media (max-width: 860px){.desktop-only-table{display:none!important}.mobile-only-list{display:flex!important;flex-direction:column;gap:12px}}.admin-nav-group-label{margin:14px 0 4px;padding:0 10px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.admin-nav-group-label:first-child{margin-top:0}.admin-nav-sidebar.details-active .admin-nav-group-label{display:none}.category-manager-dialog{width:min(760px,calc(100vw - 32px));max-height:min(82vh,820px);display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--surface);border:1.5px solid var(--border-strong, var(--border));border-radius:12px;box-shadow:0 24px 60px #0000003d;overflow:hidden}.category-manager-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.category-manager-header h3{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--text)}.category-manager-header p{margin:0;font-size:12px;line-height:1.5;color:var(--muted);max-width:62ch}.category-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-manager-toolbar-count{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.category-manager-create-panel{display:flex;flex-direction:column;gap:12px;padding:14px;border:1.5px solid var(--border-strong, var(--border));border-radius:10px;background:var(--surface-2)}.category-manager-create-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.category-manager-create-head h4{margin:0;font-size:13px;font-weight:800;color:var(--text)}.category-manager-create-panel .category-manager-field{flex:0 0 auto}.category-manager-create-panel .input{height:34px;padding:0 10px;font-size:12.5px;line-height:normal;box-sizing:border-box;width:100%}.category-manager-hint{font-size:11px;line-height:1.45;color:var(--muted)}.category-manager-hint code{font-size:10.5px;background:var(--surface-3, var(--surface));border-radius:4px;padding:1px 5px}.category-manager-icon-grid{display:flex;flex-wrap:wrap;gap:6px}.category-manager-icon-swatch{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s ease}.category-manager-icon-swatch:hover{border-color:var(--border-strong, var(--border));color:var(--text)}.category-manager-icon-swatch.is-picked{border-color:var(--brand);color:var(--brand);background:#d9383a14}.category-manager-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.category-manager-status{font-size:12px;font-weight:700;color:var(--brand)}.category-manager-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px;min-height:0}.category-manager-empty{margin:24px 0;text-align:center;font-size:13px;color:var(--muted)}.category-manager-group{flex-shrink:0;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.category-manager-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}.category-manager-group>.category-manager-row:first-child{border-top:none;background:var(--surface-2)}.category-manager-row.is-sub{padding-left:32px;background:var(--surface);border-top:1px dashed var(--border)}.category-manager-row.is-hidden{opacity:.5}.category-manager-row-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.category-manager-row-icon{color:var(--brand);flex-shrink:0}.category-manager-label{font-size:13px;font-weight:700;color:var(--text)}.category-manager-slug{font-size:11px;color:var(--muted);background:var(--surface-3, var(--surface-2));border-radius:4px;padding:1px 5px}.category-manager-count{font-size:11px;font-weight:700;color:var(--muted);margin-left:auto;white-space:nowrap;flex-shrink:0}.category-manager-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.category-manager-edit-body{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;width:100%}.category-manager-field{display:flex;flex-direction:column;gap:4px;flex:1 1 260px}.category-manager-field span{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.category-manager-input{height:30px;font-size:13px}.category-manager-section{display:flex;flex-direction:column;gap:10px}.category-manager-section-title{position:sticky;top:0;z-index:2;padding:6px 2px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--border)}.category-manager-section-title span{opacity:.7}.category-manager-empty.is-section{margin:4px 0 8px;text-align:left;font-size:12px}.category-manager-disclosure{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}.category-manager-disclosure:hover{color:var(--text);background:var(--surface-3, var(--surface-2))}.category-manager-disclosure.is-empty{cursor:default}.category-manager-subcount{padding:1px 7px;border:1px solid var(--border);border-radius:999px;background:transparent;font-size:10.5px;font-weight:700;color:var(--muted);cursor:pointer}.category-manager-subcount:hover{border-color:var(--border-strong, var(--border));color:var(--text)}.category-manager-count.is-zero{opacity:.55}.people-discipline-field{display:flex;align-items:center;gap:8px;margin-bottom:14px}.people-discipline-field>span{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.people-discipline-field .input{height:34px;max-width:260px;font-size:12.5px}.chat-role-badges{display:inline-flex;gap:4px;align-items:center;margin-left:6px;vertical-align:middle}.role-badge{font-size:9px;font-weight:700;letter-spacing:.5px;padding:1.5px 5px;border-radius:4px;text-transform:uppercase;display:inline-block;line-height:1}.role-badge.badge-admin{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.role-badge.badge-teacher{background:#6366f11f;color:#818cf8;border:1px solid rgba(99,102,241,.25)}.thread-title-row{display:flex;align-items:center;gap:4px}.teachers-page{width:100%;max-width:var(--page-max-w-standard);margin:0 auto;padding:var(--page-pad-top) var(--page-pad-inline) var(--page-pad-bottom)}.teachers-header-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;width:100%;flex-wrap:nowrap}.teachers-title{margin:0;font-family:var(--font-ui);font-size:28px;font-weight:800;color:#fff!important;letter-spacing:-.02em;text-shadow:0 1px 4px rgba(0,0,0,.25),0 0 10px rgba(0,0,0,.12);flex-shrink:0}.teachers-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;flex-shrink:0}.teachers-toolbar-right .search-input-wrapper{width:260px;min-width:220px;max-width:280px;flex:0 0 auto}.teachers-filter-select-wrap{flex-shrink:0}.teachers-cat-select{height:42px;padding:0 14px;border-radius:12px;background:var(--surface);border:1.5px solid var(--border-strong);font-family:var(--font-ui);font-size:.82rem;font-weight:700;color:var(--text);outline:none;cursor:pointer;box-shadow:0 2px 6px #00000008;transition:border-color .15s ease}.teachers-cat-select:focus{border-color:var(--brand)}.teachers-search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:12px;padding:0 14px;height:42px;max-width:460px;width:100%;box-shadow:0 2px 6px #00000008;transition:border-color .15s ease}.teachers-search-box:focus-within{border-color:var(--brand)}.teachers-search-box .search-icon{color:var(--muted);flex-shrink:0}.teachers-search-input{background:transparent;border:none;outline:none;font-family:var(--font-ui);font-size:.86rem;color:var(--text);width:100%}.teachers-search-input::placeholder{color:var(--muted);opacity:.8}.teachers-search-clear{background:transparent;border:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:3px;border-radius:50%}.teachers-search-clear:hover{color:var(--text)}.soneyat-talents-grid-3col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-top:24px}@media (max-width: 700px){.soneyat-talents-grid-3col{grid-template-columns:1fr}}.soneyat-talents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;width:100%;margin-top:24px}@media (max-width: 480px){.soneyat-talents-grid{grid-template-columns:1fr}}.bekyo-teacher-card-final{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:12px;padding:20px 24px;overflow:hidden;box-shadow:0 4px 16px #0000000a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;display:flex;align-items:center;gap:20px;min-height:136px;text-align:left;position:relative}.bekyo-teacher-card-final:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 10px 24px #00000014}.bekyo-teacher-card-final:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.teacher-card-avatar-sq{width:96px;min-width:96px;max-width:96px;height:96px;border-radius:16px;border:1px solid var(--border);background:var(--surface-2);overflow:hidden;flex-shrink:0;position:relative}.teacher-card-avatar-sq img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.bekyo-teacher-card-final:hover .teacher-card-avatar-sq img{transform:scale(1.05)}.teacher-card-avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:32px;font-weight:800;color:var(--brand);background:var(--brand-light);font-family:var(--font-ui)}.teacher-card-info-final{flex:1;min-width:0;padding:0;display:flex;flex-direction:column;justify-content:center;gap:8px}.teacher-card-name-group{display:flex;flex-direction:column;gap:6px}.teacher-card-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.teacher-card-name{margin:0;font-family:var(--font-ui);font-size:1.22rem;font-weight:800;color:var(--text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-card-arrow{font-size:.74rem;font-weight:800;color:var(--brand);white-space:nowrap;opacity:.85;transition:transform .15s ease,opacity .15s ease}.bekyo-teacher-card-final:hover .teacher-card-arrow{opacity:1;transform:translate(3px)}.teacher-card-role{margin:0;font-size:.88rem;font-weight:500;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-card-location{margin:0;font-size:.82rem;font-weight:500;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.teacher-card-stats-row{display:flex;align-items:center;gap:16px;margin-top:4px}.teacher-card-stat{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--muted)}.teacher-card-stat svg{color:var(--muted)}.teacher-detail-view-container{max-width:var(--max-w-shell);margin:0 auto;padding:24px 20px 64px}.teacher-detail-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:.84rem;color:var(--muted)}.teacher-breadcrumb-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--muted);font-size:.84rem;font-weight:600;cursor:pointer;padding:0;transition:color .15s ease}.teacher-breadcrumb-btn:hover{color:var(--brand)}.teacher-breadcrumb-sep{color:var(--muted);opacity:.6}.teacher-breadcrumb-curr{color:var(--text);font-weight:700}.teacher-detail-single-col{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px;min-width:0}.teacher-detail-profile-unified-card{background:#fff;border:1.5px solid var(--border-strong);border-radius:12px;padding:24px 28px;box-shadow:0 4px 16px #00000008;display:flex;flex-direction:column;gap:16px}.teacher-detail-profile-top{display:flex;align-items:center;gap:24px}.teacher-detail-avatar-wrap{width:96px;min-width:96px;max-width:96px;height:96px;border-radius:18px;border:1.5px solid var(--border);background:var(--surface-2);overflow:hidden;flex-shrink:0}.teacher-detail-avatar-wrap img{width:100%;height:100%;object-fit:cover}.teacher-detail-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.teacher-detail-header-top-line{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.teacher-detail-title{margin:0;font-family:var(--font-ui);font-size:1.6rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.teacher-detail-socials-icon-row{display:inline-flex;align-items:center;gap:12px}.teacher-social-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:2px;color:var(--muted);text-decoration:none;transition:color .15s ease,transform .15s ease}.teacher-social-icon-btn:hover{color:var(--brand);transform:translateY(-2px)}.teacher-detail-subtitle{margin:0;font-size:.9rem;font-weight:500;color:var(--muted);line-height:1.4}.teacher-detail-stats-row{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:.82rem;font-weight:600;color:var(--muted);flex-wrap:wrap}.teacher-detail-stat-item{display:inline-flex;align-items:center;gap:6px}.teacher-detail-stat-item svg{color:var(--muted)}.teacher-detail-stat-dot{opacity:.4}.teacher-detail-unified-bio{padding-top:16px;border-top:1px solid var(--line)}.teacher-detail-unified-bio p{margin:0;font-size:.92rem;line-height:1.7;color:var(--text-secondary, var(--text));white-space:pre-line}.teacher-detail-unified-skills{padding-top:14px;border-top:1px solid var(--line)}.teacher-skills-cloud{display:flex;flex-wrap:wrap;gap:6px}.teacher-skill-pill{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.teacher-detail-courses-section{display:flex;flex-direction:column;gap:16px;margin-top:6px}.teacher-detail-courses-heading{margin:0;font-family:var(--font-ui);font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.teacher-detail-courses-list{display:flex;flex-direction:column;gap:16px}.teacher-detail-course-row{display:flex;align-items:stretch;background:#fff;border:1.5px solid var(--border-strong);border-radius:18px;padding:16px;gap:20px;cursor:pointer;box-shadow:0 2px 10px #00000008;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;text-align:left}.teacher-detail-course-row:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 22px #00000014}.teacher-detail-course-row:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.teacher-detail-course-thumb{width:175px;min-width:175px;max-width:175px;height:105px;border-radius:12px;border:1px solid var(--border);overflow:hidden;background:var(--surface-2);flex-shrink:0}.teacher-detail-course-thumb img{width:100%;height:100%;object-fit:cover}.thumb-empty-box{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}.teacher-detail-course-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.teacher-detail-course-badge{display:inline-block;align-self:flex-start;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:6px;background:var(--brand-light);color:var(--brand);border:1px solid rgba(230,73,72,.2)}.teacher-detail-course-title{margin:2px 0 0;font-family:var(--font-ui);font-size:1.06rem;font-weight:800;color:var(--text);line-height:1.35}.teacher-detail-course-byline{margin:0;font-size:.8rem;font-weight:500;color:var(--muted)}.teacher-detail-course-footer-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:.76rem;font-weight:600;color:var(--muted)}.teacher-detail-course-footer-meta span{display:inline-flex;align-items:center;gap:4px}@media (max-width: 580px){.teacher-detail-header-card{flex-direction:column;align-items:flex-start;padding:18px;gap:16px}.teacher-detail-course-row{flex-direction:column;gap:12px;padding:14px}.teacher-detail-course-thumb{width:100%;min-width:100%;max-width:100%;height:150px}}.course-detail-view .back-button-row{align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.course-share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:8px;color:var(--text);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.course-share-btn:hover{background:var(--surface-2);border-color:var(--text);color:var(--text)}.course-share-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.profile-role-badge{align-self:flex-start;margin-top:2px;padding:2px 8px;background:var(--brand-light);border:1px solid var(--brand);border-radius:6px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.profile-social-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.profile-public-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-public-actions .secondary-button{display:inline-flex;align-items:center;gap:6px;width:auto;min-height:32px;padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700}button.lp-instructor-strip{background:none;border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer}button.lp-instructor-strip:hover span:last-child{color:var(--brand)}.lp-teachers-section{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:var(--max-w-shell);margin:0 auto;padding:56px 24px}.lp-teachers-strip{display:flex;flex-wrap:wrap;gap:12px;width:100%}.lp-teacher-chip{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.lp-teacher-chip:hover{transform:translateY(-2px);border-color:var(--brand)}.lp-teacher-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.lp-teacher-chip-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;overflow:hidden;background:var(--surface-2);border:1.5px solid var(--border-strong);border-radius:50%;color:var(--text);font-family:var(--font-ui);font-size:13px;font-weight:800}.lp-teacher-chip-avatar img{width:100%;height:100%;object-fit:cover}.lp-teacher-chip-text{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.lp-teacher-chip-text strong{font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--text)}.lp-teacher-chip-text em{font-size:12px;font-style:normal;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.lp-teach-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:var(--max-w-shell);margin:0 auto 64px;padding:28px 24px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:18px}.lp-teach-cta h3{margin:0 0 8px;font-family:var(--font-ui);font-size:19px;font-weight:800;color:var(--text)}.lp-teach-cta p{margin:0;max-width:64ch;font-size:14px;line-height:1.8;color:var(--muted)}.lp-teach-cta .secondary-button{display:inline-flex;align-items:center;gap:8px;width:auto;white-space:nowrap}@media (max-width: 640px){.teachers-header h1{font-size:22px}.soneyat-talents-grid-3col{grid-template-columns:1fr;gap:14px}.bekyo-teacher-card-final{min-height:auto;border-radius:12px;padding:14px;gap:14px}.teacher-card-avatar-sq{width:84px;min-width:84px;max-width:84px;height:84px;border-radius:12px}.teacher-card-info-final{padding:0;gap:4px}.teachers-grid,.teacher-course-list{grid-template-columns:1fr}.teacher-profile-card{flex-direction:column;align-items:center;text-align:center;padding:20px 16px}.teacher-profile-avatar{width:92px;height:92px;font-size:26px}.teacher-profile-socials{justify-content:center}.teacher-profile-bio{text-align:left}.lp-teachers-section{padding:40px 16px}.lp-teacher-chip{width:100%}.lp-teacher-chip-text em{max-width:none}.lp-teach-cta{margin-bottom:40px;padding:22px 16px}.lp-teach-cta .secondary-button{width:100%;justify-content:center}}.instructor-name-link{background:none;border:0;padding:0;font:inherit;color:var(--text);cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--line-strong);transition:color .15s ease,text-decoration-color .15s ease}.instructor-name-link:hover,.instructor-name-link:focus-visible{color:var(--brand);text-decoration-color:var(--brand)}.instructor-profile-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--text);background:var(--surface-2);border:1.5px solid var(--line-strong);border-radius:100px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.instructor-profile-cta:hover,.instructor-profile-cta:focus-visible{background:var(--brand);border-color:var(--brand);color:#fff}.self-profile-page{padding-top:8px}.self-profile-card{position:relative}.self-profile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.self-profile-status{margin:0;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600}.self-profile-status.is-ok{background:var(--surface-2);border:1px solid var(--success);color:var(--success)}.self-profile-status.is-error{background:var(--surface-2);border:1px solid var(--danger);color:var(--danger)}.self-profile-edit-btn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:2px 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700;line-height:1.6;cursor:pointer}.self-profile-edit-btn:hover,.self-profile-edit-btn:focus-visible{border-color:var(--brand);color:var(--brand)}.self-profile-edit-btn.is-primary{border-color:var(--brand);color:var(--brand);padding:5px 14px;font-size:12px}.self-profile-edit-btn.is-danger:hover,.self-profile-edit-btn.is-danger:focus-visible{border-color:var(--danger);color:var(--danger)}.self-profile-avatar-block{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.self-profile-avatar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.self-profile-inline-row{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.self-profile-inline-row.is-block{align-items:flex-start}.self-profile-inline-row>p,.self-profile-inline-row>h1{min-width:0}.self-profile-muted-line{font-size:13px;color:var(--muted)}.self-profile-field-editor{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;padding:12px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:10px}.self-profile-field-label{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.self-profile-hint{font-size:11px;color:var(--muted)}.self-profile-field-actions{display:flex;gap:8px}.self-profile-field-actions .primary-button,.self-profile-field-actions .secondary-button{width:auto;min-height:32px;padding:4px 16px;font-size:12px}.self-profile-footer-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.self-profile-footer-actions .primary-button,.self-profile-footer-actions .secondary-button{width:auto;min-height:36px;padding:6px 22px;font-size:13px}.self-profile-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.self-profile-social-input{display:flex;flex-direction:column;gap:5px;min-width:0}.self-profile-social-input>span{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.self-profile-headline-editor{display:flex;flex-direction:column;gap:8px}.self-profile-chip-row{display:flex;flex-wrap:wrap;gap:6px}.self-profile-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:6px;font-size:12px;color:var(--text)}.self-profile-chip button{border:0;padding:0;background:transparent;color:var(--danger);font-size:14px;line-height:1;cursor:pointer}.self-profile-chip-picker{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:8px}.self-profile-chip-option{padding:3px 8px;background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--text);cursor:pointer}.self-profile-chip-option.is-custom{border:1px dashed var(--brand);color:var(--brand)}.self-profile-chip-option.is-close{border:0;background:transparent;color:var(--danger);font-weight:700}.self-profile-chip-custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.self-profile-chip-custom .input{max-width:220px;min-height:34px;padding:6px 10px;font-size:13px}.self-profile-chip-add{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px dashed var(--line-strong);border-radius:50%;background:transparent;color:var(--brand);font-size:16px;font-weight:700;cursor:pointer}@media (max-width: 580px){.self-profile-toolbar{justify-content:space-between}.self-profile-inline-row{align-items:flex-start}}.teacher-manage-page{flex:1 1 auto;width:100%;max-width:1100px;margin:0 auto;min-height:0;box-sizing:border-box}@media (max-width: 860px){.teacher-manage-page{padding:16px 14px 32px!important}.teacher-lessons-layout{grid-template-columns:1fr!important}}.cinema-page-wrapper{width:100%;max-width:var(--page-max-w-wide, 1240px);margin:0 auto;padding:16px 0 120px;display:flex;flex-direction:column;gap:16px;color:var(--text);min-height:calc(100vh - 70px);box-sizing:border-box}.cinema-header-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;box-sizing:border-box}.cinema-header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.cinema-btn-back{background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text);padding:6px 12px;font-family:var(--font-ui);font-weight:700;font-size:12.5px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.cinema-btn-back:hover{background:var(--surface-2);border-color:var(--brand);color:var(--brand)}.cinema-course-picker{background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text);padding:6px 12px;border-radius:8px;font-family:var(--font-ui);font-weight:700;font-size:13px;max-width:380px;cursor:pointer;outline:none;transition:border-color .15s ease}.cinema-course-picker:focus{border-color:var(--brand)}.cinema-instructor-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text);background:var(--surface-2);padding:5px 10px;border-radius:6px;border:1.5px solid var(--border-strong)}.cinema-header-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.cinema-progress-container{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--text)}.cinema-progress-track{width:110px;height:7px;background:var(--surface-3);border:1px solid var(--border);border-radius:6px;overflow:hidden}.cinema-progress-fill{height:100%;background:var(--brand);border-radius:6px;transition:width .3s ease}.cinema-streak-badge{display:inline-flex;align-items:center;gap:4px;background:#bb4c4b1a;color:var(--brand);border:1.5px solid var(--brand);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:800}.cinema-grid{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start;width:100%;box-sizing:border-box;transition:all .3s ease}.cinema-grid.theater-active{display:flex;flex-direction:column;gap:20px;width:100%}.cinema-grid.theater-active .cinema-stage{width:100%;gap:18px}.cinema-grid.theater-active .cinema-tabs-box{margin-top:10px;margin-bottom:60px}.cinema-stage{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%;box-sizing:border-box}.cinema-viewport-frame{position:relative;width:100%!important;max-width:100%!important;aspect-ratio:16 / 9;background:#000;border:1.5px solid var(--border-strong);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);box-sizing:border-box}.cinema-viewport-frame iframe,.cinema-viewport-frame video,.cinema-viewport-frame .video-player-shell{width:100%!important;height:100%!important;max-width:100%!important;border:none;display:block;margin:0!important}.cinema-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:10px;padding:8px 12px;flex-wrap:wrap;box-sizing:border-box}.cinema-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;border-radius:8px;cursor:pointer;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);transition:all .15s ease}.cinema-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text)}.cinema-btn:disabled{opacity:.4;cursor:not-allowed}.cinema-btn-complete{background:var(--surface);border:1.5px solid var(--border-strong);color:var(--muted)}.cinema-btn-complete.is-completed{background:#22c55e1f!important;color:#16a34a!important;border-color:#16a34a!important;font-weight:800}.cinema-btn-theater{background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text)}.cinema-btn-theater.is-active{background:var(--brand);color:#fff;border-color:var(--brand)}.cinema-tabs-box{display:flex;flex-direction:column;gap:14px;margin-top:4px;background:transparent;border:none;border-radius:0;box-shadow:none}.cinema-tabs-header{display:flex;align-items:center;gap:8px;background:transparent;border-bottom:none;padding:0;overflow-x:auto}.cinema-tab-nav-btn{padding:7px 14px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--muted);border:1.5px solid var(--border);background:var(--surface);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;white-space:nowrap}.cinema-tab-nav-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.cinema-tab-nav-btn.is-active{background:var(--surface-2);border:1.5px solid var(--text);color:var(--text);font-weight:800;box-shadow:var(--shadow-sm)}.cinema-tab-content-panel{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:12px;padding:24px;min-height:240px;box-shadow:var(--shadow);box-sizing:border-box}.cinema-tab-content-panel .homework-panel{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;margin-bottom:0}.cinema-overview-meta{margin-bottom:16px}.cinema-overview-meta h2{font-size:18px;font-weight:800;margin-bottom:8px;color:var(--text)}.cinema-overview-meta p{font-size:13.5px;line-height:1.6;color:var(--muted)}.cinema-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:14px}.cinema-resource-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:8px;padding:12px 14px;transition:border-color .15s ease,transform .15s ease}.cinema-resource-card:hover{border-color:var(--brand);transform:translateY(-1px)}.cinema-notes-wrap{display:flex;flex-direction:column;gap:10px}.cinema-notes-textarea{width:100%;min-height:180px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:8px;padding:12px;color:var(--text);font-family:var(--font-ui);font-size:13.5px;line-height:1.5;resize:vertical;outline:none;box-sizing:border-box;transition:border-color .15s ease}.cinema-notes-textarea:focus{border-color:var(--brand)}.cinema-sidebar{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:sticky;top:16px;max-height:calc(100vh - 120px);box-shadow:var(--shadow)}.cinema-sidebar-header{padding:12px 16px;background:var(--surface-2);border-bottom:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.cinema-sidebar-header h3{font-size:13px;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.cinema-syllabus-scroll{overflow-y:auto;flex:1;min-height:0;padding:8px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.cinema-module-group{display:flex;flex-direction:column;gap:2px}.cinema-module-title{padding:8px 10px 4px;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between}.cinema-lesson-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;cursor:pointer;border:1px solid transparent;border-radius:8px;background:transparent;width:100%;text-align:left;color:var(--text);font-family:var(--font-ui);font-size:12.5px;font-weight:600;transition:all .15s ease;box-sizing:border-box;gap:8px}.cinema-lesson-row:hover{background:var(--surface-2);color:var(--text)}.cinema-lesson-row.is-active{background:var(--surface-2);border:1px solid var(--border-strong);border-left:3.5px solid var(--brand);color:var(--text);font-weight:800}.cinema-lesson-row-left{display:flex;align-items:center;gap:8px;min-width:0}.cinema-lesson-num{font-size:11px;font-weight:700;color:var(--muted);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--surface-2);flex-shrink:0}.cinema-lesson-row.is-active .cinema-lesson-num{background:#bb4c4b1f;color:var(--brand);font-weight:800}.cinema-lesson-num.is-done{color:#16a34a;background:#22c55e1f;font-weight:800}.cinema-lesson-name{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cinema-btn-certificate{border-color:var(--success);color:var(--success);font-weight:800}.cinema-lesson-row-marks{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.cinema-lesson-hw{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted)}.cinema-lesson-hw.is-todo{color:var(--muted)}.cinema-lesson-hw.is-pending{color:var(--warning);background:var(--warning-subtle);border-color:var(--warning)}.cinema-lesson-hw.is-reviewed{color:var(--success);background:var(--success-subtle);border-color:var(--success)}.cinema-qa-wrap{display:flex;flex-direction:column;gap:10px}.cinema-qa-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cinema-qa-thread{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding:10px;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--surface-2);scrollbar-width:thin}.cinema-qa-msg{border-bottom:1px solid var(--border);padding-bottom:8px}.cinema-qa-msg:last-child{border-bottom:none;padding-bottom:0}.cinema-qa-msg-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.cinema-qa-msg-head strong{color:var(--text);font-size:12.5px}.cinema-qa-msg p{margin:4px 0 0;font-size:13px;color:var(--text);line-height:1.55;white-space:pre-wrap;word-break:break-word}.cinema-qa-context{font-size:12px;color:var(--muted)}.cinema-qa-composer{display:flex;align-items:flex-end;gap:8px}.cinema-qa-textarea{flex:1;min-height:62px;resize:vertical;padding:10px 12px;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:13px;line-height:1.5;box-sizing:border-box}.cinema-qa-textarea:focus{outline:none;border-color:var(--brand)}@media (max-width: 1024px){.cinema-grid{grid-template-columns:1fr}.cinema-sidebar{position:static;max-height:500px}}@media (max-width: 768px){.cinema-page-wrapper{padding:12px}.cinema-header-bar{flex-direction:column;align-items:stretch;gap:10px}.cinema-header-right{flex-wrap:wrap;gap:8px}.cinema-course-picker{max-width:100%;width:100%}}.certificate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f0c0a8c;overflow-y:auto}.certificate-dialog{width:100%;max-width:720px;display:flex;flex-direction:column;gap:14px}.certificate-sheet{background:var(--surface-2);border:2px solid var(--text);border-radius:12px;padding:14px;box-shadow:var(--shadow-lg)}.certificate-frame{border:1.5px solid var(--border-strong);border-radius:8px;padding:30px 26px 26px;text-align:center}.certificate-crest{width:54px;height:54px;margin:0 auto 14px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--text);border-radius:50%;color:var(--brand);background:var(--surface)}.certificate-eyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.certificate-heading{margin:6px 0 22px;font-size:24px;font-weight:900;color:var(--text);letter-spacing:.01em}.certificate-lede{margin:0;font-size:13px;color:var(--muted)}.certificate-name{margin:8px 0 22px;font-size:30px;font-weight:900;color:var(--text);line-height:1.2;border-bottom:1.5px solid var(--border-strong);padding-bottom:12px}.certificate-course{margin:8px 0 24px;font-size:19px;font-weight:800;color:var(--brand);line-height:1.35}.certificate-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;border-top:1.5px solid var(--border-strong);padding-top:18px}.certificate-meta>div{display:flex;flex-direction:column;gap:3px;min-width:130px}.certificate-meta span{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.certificate-meta strong{font-size:13px;color:var(--text)}.certificate-actions{display:flex;justify-content:flex-end;gap:10px}.certificate-shelf{display:flex;flex-direction:column;gap:10px}.certificate-shelf-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:12px;background:var(--surface-2)}.certificate-shelf-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--success);color:var(--success);background:var(--success-subtle);flex-shrink:0}.certificate-shelf-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.certificate-shelf-copy strong{font-size:14px;color:var(--text)}.certificate-shelf-copy span{font-size:12px;color:var(--muted)}@media (max-width: 560px){.certificate-shelf-card{flex-wrap:wrap}.certificate-name{font-size:24px}.certificate-heading{font-size:20px}}@media print{body *{visibility:hidden}.certificate-sheet,.certificate-sheet *{visibility:visible}.certificate-backdrop{position:static;background:none;padding:0;overflow:visible}.certificate-sheet{position:absolute;left:0;top:0;width:100%;box-shadow:none}.certificate-actions{display:none}}