*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #818cf8;--primary-400: #6366f1;--primary-500: #4f46e5;--primary-600: #4338ca;--primary-700: #3730a3;--primary-800: #312e81;--primary-900: #1e1b4b;--accent-400: #818cf8;--accent-500: #6366f1;--accent-600: #4f46e5;--bg-deep: #f0f2f5;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f9fc;--bg-elevated: #f5f6fa;--bg-glass: rgba(255, 255, 255, .85);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-accent: #4f46e5;--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-focus: rgba(99, 102, 241, .5);--success-400: #22c55e;--success-500: #16a34a;--success-bg: rgba(34, 197, 94, .1);--warning-400: #f59e0b;--warning-500: #d97706;--warning-bg: rgba(245, 158, 11, .1);--danger-400: #ef4444;--danger-500: #dc2626;--danger-bg: rgba(239, 68, 68, .08);--info-400: #0ea5e9;--info-500: #0284c7;--info-bg: rgba(14, 165, 233, .08);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 16px rgba(99, 102, 241, .1);--font-body: "Inter", system-ui, sans-serif;--font-heading: "Outfit", "Inter", system-ui, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--sidebar-width: 300px;--header-height: 64px;--content-max-width: 1200px}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 30%,rgba(99,102,241,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 70%,rgba(139,92,246,.03) 0%,transparent 50%);pointer-events:none;z-index:0}#app{position:relative;z-index:1}a{color:var(--text-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c8d4;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.glass{background:var(--bg-glass);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--border-subtle)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.2em .6em;font-size:var(--font-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--success-bg);color:var(--success-400)}.badge-warning{background:var(--warning-bg);color:var(--warning-400)}.badge-info{background:var(--info-bg);color:var(--info-400)}.badge-primary{background:#6366f11a;color:var(--primary-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.65em 1.4em;font-family:var(--font-body);font-size:var(--font-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;box-shadow:0 2px 12px #6366f14d}.btn-primary:hover{box-shadow:0 4px 20px #6366f173;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary-400)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#6366f114;color:var(--text-primary)}.btn-danger{background:var(--danger-bg);color:var(--danger-400);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.btn-sm{padding:.4em .9em;font-size:var(--font-xs)}.btn-lg{padding:.8em 2em;font-size:var(--font-md)}.btn:disabled{opacity:.4;pointer-events:none}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.input,.textarea,.select{width:100%;padding:.7em 1em;font-family:var(--font-body);font-size:var(--font-md);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f126}.input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:120px}.select{cursor:pointer}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-lg);overflow-x:auto}.tab{padding:.75em 1.25em;font-size:var(--font-sm);font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;font-family:var(--font-body)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--primary-500);border-bottom-color:var(--primary-500)}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring svg{transform:rotate(-90deg)}.progress-ring__bg{stroke:#e2e8f0;fill:none}.progress-ring__fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.progress-ring__label{position:absolute;font-size:var(--font-sm);font-weight:700;color:var(--text-primary)}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;color:#fff;min-width:280px;box-shadow:var(--shadow-lg);animation:toastIn var(--duration-normal) var(--ease-out)}.toast-success{background:linear-gradient(135deg,#059669,#10b981)}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444)}.toast-info{background:linear-gradient(135deg,#0284c7,#0ea5e9)}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn var(--duration-normal) var(--ease-out)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-header h2{font-size:var(--font-xl)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;border-radius:var(--radius-sm)}.modal-close:hover{background:#0000000d;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--primary-400);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md)}.loading-screen span{color:var(--text-muted);font-size:var(--font-sm)}.markdown-content{line-height:1.8;color:var(--text-secondary)}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-primary)}.markdown-content p{margin-bottom:var(--space-md)}.markdown-content ul,.markdown-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.markdown-content li{margin-bottom:var(--space-xs)}.markdown-content code{background:var(--bg-surface);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em}.markdown-content pre{background:var(--bg-surface);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-md)}.markdown-content blockquote{border-left:3px solid var(--primary-500);padding-left:var(--space-md);color:var(--text-muted);margin-bottom:var(--space-md)}.markdown-content strong{color:var(--text-primary)}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-md)}.markdown-content th,.markdown-content td{padding:var(--space-sm);border:1px solid var(--border-subtle);text-align:left}.markdown-content th{background:var(--bg-surface);font-weight:600;color:var(--text-primary)}@media(max-width:768px){:root{--sidebar-width: 0px;--header-height: 56px}}.auth-page{display:flex;min-height:100vh}.auth-visual{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f10f,#8b5cf60a),var(--bg-surface);padding:var(--space-3xl);position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.08),transparent 70%);top:20%;left:30%;animation:floatBlob 8s ease-in-out infinite alternate}@keyframes floatBlob{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.1)}}.auth-visual__logo{font-family:var(--font-heading);font-size:var(--font-4xl);font-weight:800;color:var(--primary-500);margin-bottom:var(--space-md);z-index:1}.auth-visual__tagline{font-size:var(--font-lg);color:var(--text-secondary);max-width:320px;text-align:center;z-index:1}.auth-visual__features{list-style:none;margin-top:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md);z-index:1}.auth-visual__features li{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-sm)}.auth-visual__features li:before{content:"✓";color:var(--success-400);font-weight:700}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--bg-deep)}.auth-form-container{width:100%;max-width:400px}.auth-form-container h1{font-size:var(--font-3xl);margin-bottom:var(--space-xs)}.auth-form-container .subtitle{color:var(--text-muted);margin-bottom:var(--space-2xl)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-toggle{text-align:center;margin-top:var(--space-lg);color:var(--text-muted);font-size:var(--font-sm)}.auth-toggle a{color:var(--primary-500);cursor:pointer;font-weight:600}.auth-toggle a:hover{text-decoration:underline}.auth-error{padding:var(--space-sm) var(--space-md);background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--danger-400);font-size:var(--font-sm);display:none}.auth-error.visible{display:block}@media(max-width:768px){.auth-visual{display:none}.auth-form-panel{padding:var(--space-lg)}}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform var(--duration-normal) var(--ease-out)}.sidebar__brand{padding:var(--space-lg) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.sidebar__brand-icon{font-size:1.5rem}.sidebar__brand-text{font-family:var(--font-heading);font-weight:700;font-size:var(--font-lg);color:var(--primary-500)}.sidebar__nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:.65em .9em;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);border:none;background:none;width:100%;text-align:left;font-family:var(--font-body)}.nav-item:hover{background:#6366f114;color:var(--text-primary)}.nav-item.active{background:var(--primary-50);color:var(--primary-500)}.nav-item__icon{font-size:1.1rem;width:24px;text-align:center}.nav-divider{height:1px;background:var(--border-subtle);margin:var(--space-sm) 0}.sidebar__footer{padding:var(--space-md);border-top:1px solid var(--border-subtle)}.sidebar__user{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm)}.sidebar__avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-sm);color:#fff}.sidebar__user-info{flex:1;overflow:hidden}.sidebar__user-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--font-xs);color:var(--text-muted);text-transform:capitalize}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.header{height:var(--header-height);padding:0 var(--space-xl);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.header__left{display:flex;align-items:center;gap:var(--space-md)}.header__title{font-family:var(--font-heading);font-size:var(--font-xl);font-weight:700}.header__right{display:flex;align-items:center;gap:var(--space-sm)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.3rem;cursor:pointer;padding:var(--space-sm)}.page-content{flex:1;padding:var(--space-xl);max-width:var(--content-max-width);width:100%;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.stat-icon-primary{background:#6366f11f}.stat-icon-success{background:var(--success-bg)}.stat-icon-warning{background:var(--warning-bg)}.stat-icon-info{background:var(--info-bg)}.stat-value{font-size:var(--font-2xl);font-weight:700;font-family:var(--font-heading)}.stat-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.lesson-card{cursor:pointer;position:relative;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.lesson-card__number{position:absolute;top:var(--space-md);right:var(--space-md);font-family:var(--font-heading);font-size:var(--font-3xl);font-weight:800;color:#6366f11a;line-height:1}.lesson-card__title{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-xs)}.lesson-card__desc{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.lesson-card__progress{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-xs);color:var(--text-muted)}.progress-bar-mini{width:80px;height:6px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar-mini__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary-500),var(--accent-500));transition:width var(--duration-slow) var(--ease-out)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-subtle)}.data-table td{padding:var(--space-md);font-size:var(--font-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table tr:hover td{background:#6366f108}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state__title{font-size:var(--font-lg);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.empty-state__desc{font-size:var(--font-sm);margin-bottom:var(--space-lg)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h2{font-size:var(--font-xl)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.sidebar-overlay.active{display:block}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-btn{display:flex}.header{padding:0 var(--space-md)}.page-content{padding:var(--space-md)}.lessons-grid,.lesson-grid{grid-template-columns:1fr}}.breadcrumbs{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--text-muted);margin-top:2px}.breadcrumb-link{color:var(--primary-300);cursor:pointer;text-decoration:none;transition:color var(--duration-fast)}.breadcrumb-link:hover{color:var(--primary-200);text-decoration:underline}.breadcrumb-sep{color:var(--text-muted);opacity:.5}.breadcrumb-current{color:var(--text-secondary)}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.lesson-card__header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.lesson-card__meta{display:flex;gap:var(--space-xs);font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-md)}.module-lesson-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.module-lesson-card__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.module-lesson-card__title{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:600}.module-lesson-card__desc{font-size:var(--font-sm);color:var(--text-muted);margin-top:var(--space-xs)}.chapter-list{display:flex;flex-direction:column}.chapter-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--duration-fast)}.chapter-item:last-child{border-bottom:none}.chapter-item:hover{background:#6366f10a}.chapter-item__info{display:flex;align-items:center;gap:var(--space-sm)}.chapter-item__icon{font-size:1.1rem}.chapter-item__title{font-size:var(--font-sm);font-weight:500}.chapter-item__right{display:flex;align-items:center;gap:var(--space-sm)}.chapter-item__arrow{color:var(--text-muted);font-size:var(--font-sm)}.progress-module-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.progress-module-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.progress-module-card__header h3{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:600}.progress-bar{height:8px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.badge-danger{background:var(--danger-bg);color:var(--danger-400)}.table-container{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg)}.course-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.course-card--draft{opacity:.85;border-style:dashed}.course-card__status{padding:var(--space-md) var(--space-lg) 0}.course-card__body{padding:var(--space-sm) var(--space-lg) var(--space-md);flex:1}.course-card__title{font-family:var(--font-heading);font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-xs)}.course-card__desc{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__stats{display:flex;gap:var(--space-md);font-size:var(--font-xs);color:var(--text-secondary)}.course-card__stat{display:flex;align-items:center;gap:4px}.course-card__actions{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);background:#00000005}.preview-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--info-bg);border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.preview-banner__left{display:flex;align-items:center;gap:var(--space-md)}.preview-banner__icon{font-size:1.5rem}.preview-banner__left strong{display:block;color:var(--text-primary);font-size:var(--font-md)}.preview-banner__hint{display:block;color:var(--text-secondary);font-size:var(--font-sm)}.module-lesson-card--draft{border-style:dashed;opacity:.75}.chapter-item--preview{cursor:pointer}.cb-overlay{position:fixed;inset:0;z-index:1000;background:var(--bg-deep, #f0f2f5);opacity:0;transition:opacity .3s ease}.cb-overlay.active{opacity:1}.cb-layout{display:grid;grid-template-columns:300px 1fr;height:100vh;width:100vw}.cb-sidebar{background:var(--bg-card, #ffffff);border-right:1px solid var(--border-subtle, #e2e8f0);display:flex;flex-direction:column;overflow:hidden}.cb-sidebar__header{padding:var(--space-lg) var(--space-lg) var(--space-sm);border-bottom:1px solid var(--border-subtle)}.cb-sidebar__header h3{font-family:var(--font-heading, sans-serif);font-size:var(--font-lg, 18px);font-weight:700;margin:0}.cb-sidebar__actions{padding:var(--space-sm) var(--space-lg)}.cb-tree{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-sm) var(--space-xl)}.cb-tree-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background .15s,color .15s;position:relative;-webkit-user-select:none;user-select:none;font-size:var(--font-sm, 14px);color:var(--text-secondary, #475569)}.cb-tree-item:hover{background:#6366f114;color:var(--text-primary, #1e293b)}.cb-tree-item--active{background:#6366f126!important;color:var(--primary-400, #818cf8)!important;font-weight:600}.cb-tree-item--course{font-weight:700;font-size:var(--font-md, 15px);margin-bottom:4px;color:var(--text-primary, #1e293b)}.cb-tree-item--module{padding-left:24px;margin-top:2px}.cb-tree-item--chapter{padding-left:48px;font-size:var(--font-xs, 13px)}.cb-tree-item__icon{flex-shrink:0;font-size:14px}.cb-tree-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-tree-item__del{opacity:0;background:none;border:none;color:var(--danger-400, #f87171);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:var(--radius-sm, 4px);transition:opacity .15s,background .15s;flex-shrink:0}.cb-tree-item:hover .cb-tree-item__del{opacity:1}.cb-tree-item__del:hover{background:#f8717126}.cb-tree-add{padding:6px 12px 6px 48px;font-size:var(--font-xs, 13px);color:var(--primary-400, #818cf8);cursor:pointer;border-radius:var(--radius-sm, 4px);transition:background .15s;margin-bottom:4px}.cb-tree-add:hover{background:#6366f114}.cb-main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface, #ffffff)}.cb-main__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.cb-main__title{font-family:var(--font-heading, sans-serif);font-size:var(--font-xl, 20px);font-weight:700;margin:0}.cb-main__header-right{display:flex;align-items:center;gap:var(--space-sm)}.cb-main__content{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-2xl)}.cb-editor-section{max-width:720px}.cb-editor__heading{font-family:var(--font-heading, sans-serif);font-size:var(--font-lg, 18px);font-weight:700;margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--primary-500, #6366f1);display:inline-block}.cb-field{margin-bottom:var(--space-lg)}.cb-label{display:block;font-size:var(--font-sm, 14px);font-weight:600;color:var(--text-secondary, #475569);margin-bottom:6px}.cb-hint{display:block;font-size:var(--font-xs, 12px);color:var(--text-muted, #94a3b8);margin-top:4px}.cb-input,.cb-textarea{width:100%;padding:10px 14px;font-size:var(--font-md, 15px);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--bg-elevated, #f5f6fa);color:var(--text-primary, #1e293b);transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.cb-input:focus,.cb-textarea:focus{outline:none;border-color:var(--primary-400, #818cf8);box-shadow:0 0 0 3px #6366f126}.cb-input--lg{font-size:var(--font-lg, 18px);padding:12px 16px;font-weight:600}.cb-input--sm{font-size:var(--font-sm, 14px);padding:6px 10px}.cb-textarea{resize:vertical;min-height:80px}.cb-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:var(--font-sm, 14px);font-weight:600;border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--bg-card, #ffffff);color:var(--text-primary, #1e293b);cursor:pointer;transition:all .15s;font-family:inherit}.cb-btn:hover{background:var(--bg-elevated, #f5f6fa)}.cb-btn--primary{background:var(--primary-500, #6366f1);color:#fff;border-color:var(--primary-500, #6366f1)}.cb-btn--primary:hover{background:var(--primary-400, #818cf8)}.cb-btn--ghost{background:transparent;border:none;font-size:var(--font-lg, 18px);color:var(--text-muted, #6b6f8d);padding:4px 10px}.cb-btn--ghost:hover{color:var(--text-primary, #1e293b)}.cb-btn--icon{padding:4px 8px;min-width:28px;justify-content:center}.cb-btn--danger{color:var(--danger-400, #f87171);border-color:transparent}.cb-btn--danger:hover{background:#f871711f}.cb-btn--small{padding:6px 12px;font-size:var(--font-xs, 12px)}.cb-btn--full{width:100%;justify-content:center}.cb-btn:disabled{opacity:.5;cursor:not-allowed}.cb-editor-tabs{display:flex;gap:4px;margin-bottom:var(--space-lg);background:var(--bg-elevated, #f5f6fa);border-radius:var(--radius-md, 8px);padding:4px;border:1px solid var(--border-subtle, #e2e8f0)}.cb-editor-tab{flex:1;padding:8px 16px;border:none;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--text-muted, #94a3b8);font-size:var(--font-sm, 14px);font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.cb-editor-tab:hover{color:var(--text-primary, #1e293b)}.cb-editor-tab.active{background:var(--primary-500, #6366f1);color:#fff}.cb-embed-preview{margin-top:var(--space-md);margin-bottom:var(--space-lg)}.cb-embed-iframe{width:100%;height:400px;border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 8px);background:#f0f0f0;margin-top:6px}.cb-quiz__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.cb-quiz__q{background:var(--bg-elevated, #f5f6fa);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 8px);padding:var(--space-md);margin-bottom:var(--space-md)}.cb-quiz__q-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.cb-quiz__options{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-sm)}.cb-quiz__opt{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm, 6px);transition:background .15s}.cb-quiz__opt:hover{background:#6366f10f}.cb-quiz__opt--correct{background:#22c55e14}.cb-quiz__opt input[type=radio]{accent-color:var(--primary-500, #6366f1);width:16px;height:16px;flex-shrink:0}@media(max-width:768px){.cb-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.cb-sidebar{max-height:40vh;border-right:none;border-bottom:1px solid var(--border-subtle)}.cb-main__content{padding:var(--space-lg)}.cb-embed-iframe{height:250px}.courses-grid{grid-template-columns:1fr}}.sidebar--course{display:flex;flex-direction:column;overflow:hidden}.course-nav__exit{display:flex;align-items:center;gap:6px;width:calc(100% - var(--space-lg) * 2);margin:var(--space-sm) var(--space-lg);padding:8px 12px;border:none;border-radius:var(--radius-md);background:#ef444426;color:#f87171;font-size:var(--font-sm);font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.course-nav__exit:hover{background:#ef44444d;color:#fff}.course-nav__course-title{padding:var(--space-xs) var(--space-lg) var(--space-sm);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.course-nav__tree{flex:1;overflow-y:auto;padding:0 var(--space-sm) var(--space-lg)}.course-nav__tree::-webkit-scrollbar{width:4px}.course-nav__tree::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.course-nav__lesson{margin-bottom:var(--space-sm)}.course-nav__lesson-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) var(--space-md);border:none;background:transparent;cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);margin-top:var(--space-sm)}.course-nav__lesson-header:hover{background:#ffffff0a}.course-nav__lesson-name{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.course-nav__toggle-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#6366f11f;color:var(--primary-400);font-size:14px;font-weight:700;line-height:1;transition:background var(--duration-fast) var(--ease-out)}.course-nav__lesson-header:hover .course-nav__toggle-icon{background:#6366f138}.course-nav__chapters{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--border-subtle);margin-left:var(--space-md);padding-left:var(--space-sm);overflow:hidden;max-height:800px;transition:max-height .28s ease,opacity .2s ease;opacity:1}.course-nav__lesson.collapsed .course-nav__chapters{max-height:0;opacity:0}.course-nav__chapter{display:flex;align-items:center;gap:8px;width:100%;padding:7px var(--space-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--font-sm);font-weight:500;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.course-nav__chapter:hover{background:#6366f114;color:var(--text-primary)}.course-nav__chapter.active{background:#6366f124;color:var(--primary-400);font-weight:700}.course-nav__chapter-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.course-nav__chapter.active .course-nav__chapter-dot{opacity:1;box-shadow:0 0 0 2px #6366f14d}.course-nav__chapter-label{line-height:1.3}.course-nav__empty{display:block;padding:var(--space-xs) var(--space-md);font-size:var(--font-xs);color:var(--text-muted);font-style:italic}.lesson-detail{max-width:900px;margin:0 auto}.lesson-detail__header{margin-bottom:var(--space-xl)}.lesson-detail__back{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--font-sm);cursor:pointer;margin-bottom:var(--space-md);background:none;border:none;font-family:var(--font-body);transition:color var(--duration-fast)}.lesson-detail__back:hover{color:var(--text-primary)}.lesson-detail__title{font-size:var(--font-3xl);margin-bottom:var(--space-xs)}.lesson-detail__desc{color:var(--text-muted);font-size:var(--font-md)}.tab-content{min-height:400px}.tab-pane{display:none;animation:tabFade var(--duration-normal) var(--ease-out)}.tab-pane.active{display:block}@keyframes tabFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.presentation-embed{width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-subtle)}.presentation-embed iframe{width:100%;height:480px;border:none}.presentation-link-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.presentation-link-card__icon{font-size:2.5rem;flex-shrink:0}.presentation-link-card__body{flex:1}.presentation-link-card__title{font-weight:700;font-size:var(--font-lg);color:var(--text-primary);margin-bottom:4px}.presentation-link-card__hint{font-size:var(--font-sm);color:var(--text-muted)}.tabs,.lesson-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:fit-content}.tabs .tab,.lesson-tabs .lesson-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:calc(var(--radius-lg) - 2px);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.tabs .tab:hover,.lesson-tabs .lesson-tab:hover{background:#6366f114;color:var(--text-primary)}.tabs .tab.active,.lesson-tabs .lesson-tab.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;box-shadow:0 2px 8px #6366f159}.presentation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-muted);text-align:center}.presentation-empty__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.4}.presentation-empty__text{font-size:var(--font-sm)}.quiz-container{max-width:700px;margin:0 auto}.quiz-progress{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:var(--font-sm);color:var(--text-muted)}.quiz-progress-bar{flex:1;height:6px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.quiz-question{margin-bottom:var(--space-xl)}.quiz-question__number{font-size:var(--font-xs);color:var(--primary-300);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.quiz-question__text{font-size:var(--font-xl);font-weight:600;margin-bottom:var(--space-lg);line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body);font-size:var(--font-md);color:var(--text-primary);width:100%;text-align:left}.quiz-option:hover:not(.disabled){border-color:var(--primary-400);background:#6366f10f}.quiz-option.selected{border-color:var(--primary-400);background:#6366f11a}.quiz-option.correct{border-color:var(--success-400);background:var(--success-bg)}.quiz-option.incorrect{border-color:var(--danger-400);background:var(--danger-bg)}.quiz-option.disabled{pointer-events:none}.quiz-option__letter{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-sm);flex-shrink:0}.quiz-option.selected .quiz-option__letter{background:var(--primary-600);color:#fff}.quiz-option.correct .quiz-option__letter{background:var(--success-500);color:#fff}.quiz-option.incorrect .quiz-option__letter{background:var(--danger-500);color:#fff}.quiz-feedback{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;display:none}.quiz-feedback.visible{display:flex;align-items:center;gap:var(--space-sm)}.quiz-feedback.correct{background:var(--success-bg);color:var(--success-400)}.quiz-feedback.incorrect{background:var(--danger-bg);color:var(--danger-400)}.quiz-nav{display:flex;justify-content:flex-end;margin-top:var(--space-lg)}.quiz-results{text-align:center;padding:var(--space-2xl)}.quiz-results__icon{font-size:4rem;margin-bottom:var(--space-md)}.quiz-results__title{font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--space-sm)}.quiz-results__score{font-size:var(--font-4xl);font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,var(--primary-300),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.quiz-results__detail{color:var(--text-muted);margin-bottom:var(--space-xl)}.quiz-results__actions{display:flex;justify-content:center;gap:var(--space-md)}.progress-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.progress-card{text-align:center}.progress-card__label{font-size:var(--font-sm);color:var(--text-muted);margin-top:var(--space-sm)}.progress-lessons{display:flex;flex-direction:column;gap:var(--space-md)}.progress-lesson-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.progress-lesson-row__title{flex:1;font-weight:500}.progress-lesson-row__bar{flex:2}.progress-bar-full{height:10px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar-full__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary-500),var(--accent-500));transition:width var(--duration-slow) var(--ease-out)}.progress-lesson-row__score{font-size:var(--font-sm);font-weight:600;color:var(--text-accent);min-width:60px;text-align:right}.lesson-editor{max-width:800px;margin:0 auto}.lesson-editor .form-group{margin-bottom:var(--space-md)}.quiz-builder{margin-top:var(--space-xl)}.quiz-builder__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.question-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);position:relative}.question-card__remove{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:var(--space-xs);border-radius:var(--radius-sm)}.question-card__remove:hover{background:var(--danger-bg);color:var(--danger-400)}.option-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.option-row .input{flex:1}.correct-radio{width:20px;height:20px;accent-color:var(--success-400);cursor:pointer}.invite-section{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.invite-section .input{flex:1}.editor-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);border-bottom:2px solid var(--border-subtle);padding-bottom:var(--space-xs)}.editor-tab{padding:var(--space-sm) var(--space-lg);background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:var(--font-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--duration-fast)}.editor-tab:hover{color:var(--text-primary);background:#6366f10f}.editor-tab.active{color:var(--primary-300);background:#6366f11a;border-bottom:2px solid var(--primary-400);margin-bottom:-2px}.editor-form{max-width:800px}.editor-form .form-group{margin-bottom:var(--space-lg)}.form-textarea{min-height:150px;resize:vertical;font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-sm);line-height:1.6}.quiz-builder__question{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.quiz-builder__options{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.quiz-builder__option{display:flex;align-items:center;gap:var(--space-sm)}.quiz-builder__option input[type=radio]{width:18px;height:18px;accent-color:var(--success-400);cursor:pointer;flex-shrink:0}.quiz-builder__option .form-input{flex:1}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.quiz-header h3{font-family:var(--font-heading);font-size:var(--font-xl);font-weight:700}.quiz-nav{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-lg)}.quiz-result{text-align:center;padding:var(--space-3xl)}.quiz-result__score{font-size:4rem;font-weight:800;font-family:var(--font-heading);margin-bottom:var(--space-md)}.quiz-result__score--pass{background:linear-gradient(135deg,var(--success-400),var(--primary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-result__score--fail{background:linear-gradient(135deg,var(--warning-400),var(--danger-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-content{line-height:1.8;font-size:var(--font-md);color:var(--text-secondary)}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--text-primary);font-family:var(--font-heading);margin:var(--space-xl) 0 var(--space-md)}.markdown-content code{background:var(--bg-surface);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}.markdown-content pre{background:var(--bg-surface);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto}.markdown-content ul,.markdown-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-md)}.markdown-content blockquote{border-left:3px solid var(--primary-400);padding-left:var(--space-md);color:var(--text-muted);font-style:italic;margin:var(--space-md) 0}.presentation-frame{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}