.student-materials{--mt-bg:#f5f7fa;--mt-surface:#fff;--mt-text:#202636;--mt-muted:#647184;--mt-border:#dfe5ed;--mt-accent:#0245ae;--mt-tint:#edf4ff;background:var(--mt-bg);color:var(--mt-text);min-height:100vh;margin-left:116px}[data-theme=dark] .student-materials{--mt-bg:var(--fxv-bg,#202020);--mt-surface:var(--fxv-surface,#262626);--mt-text:var(--fxv-text,#f1f3f6);--mt-muted:var(--fxv-text-muted,#aab2bd);--mt-border:var(--fxv-border,#3c3c3c);--mt-accent:#79b5ff;--mt-tint:#293646;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.student-materials .materials-page{background:var(--mt-bg);min-height:100vh;padding:132px 32px 64px}.materials-container{width:100%;min-width:0;max-width:1200px;margin:auto}.materials-heading{align-items:center;gap:16px;margin-bottom:32px;display:flex}.materials-heading>div{min-width:0}.materials-heading-art{object-fit:contain;flex-shrink:0;width:64px;height:64px}.materials-eyebrow{color:var(--mt-muted);font-size:12px;font-weight:600;display:block}.materials-heading h1{color:var(--mt-text);letter-spacing:0;overflow-wrap:anywhere;margin:4px 0 0;font-size:28px;font-weight:800;line-height:1.35}.student-materials .materials-book-button{background:#0245ae;border:1px solid #0245ae;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:10px 16px;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex;color:#fff!important}.student-materials .materials-book-button:hover{background:#003b96}.materials-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.materials-collections{border:1px solid var(--mt-border);background:var(--mt-surface);border-radius:8px;gap:4px;padding:4px;display:flex}.materials-collections button{min-height:38px;color:var(--mt-muted);cursor:pointer;letter-spacing:0;background:0 0;border:0;border-radius:5px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.5}.materials-collections button.active{background:var(--mt-tint);color:var(--mt-accent)}.materials-search-field{border:1px solid var(--mt-border);background:var(--mt-surface);width:340px;max-width:100%;min-height:46px;color:var(--mt-muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.materials-search-field input{width:100%;min-width:0;height:44px;color:var(--mt-text);box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0;font-size:14px}.materials-search-field input:focus{outline:none}.materials-search-field:focus-within{outline:2px solid var(--mt-accent);outline-offset:2px}.materials-search-field input::placeholder{color:var(--mt-muted)}.materials-search-field input::-webkit-search-cancel-button{display:none}.materials-search-field button{width:28px;height:28px;color:var(--mt-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-theme=dark] .student-materials .materials-search-field input{color:var(--mt-text);background:0 0;border:0}.student-materials svg{flex-shrink:0}.materials-result-count{color:var(--mt-muted);margin:16px 0 24px;font-size:12px}.materials-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.student-materials .materials-course{border:1px solid var(--mt-border);background:var(--mt-surface);min-width:0;color:var(--mt-text);border-radius:8px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.materials-course:hover{border-color:var(--mt-accent)}.materials-course-art{aspect-ratio:16/9;background:#dceeff;width:100%;overflow:hidden}.materials-course-art img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.materials-course-content{flex-direction:column;flex:1;min-width:0;padding:24px;display:flex}.materials-course-category{color:var(--mt-accent);margin-bottom:8px;font-size:12px;font-weight:600}.materials-course h2{color:var(--mt-text);letter-spacing:0;overflow-wrap:anywhere;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.4}.materials-course p{color:var(--mt-muted);margin:0 0 24px;font-size:14px;line-height:1.65}.materials-course-footer{border-top:1px solid var(--mt-border);color:var(--mt-accent);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:16px;font-size:13px;font-weight:600;display:flex}.student-materials .materials-course-footer>span{color:var(--mt-accent)!important}[data-theme=dark] .student-materials .materials-course-category,[data-theme=dark] .student-materials .materials-course-footer{color:var(--mt-accent)}.materials-empty{border:1px solid var(--mt-border);background:var(--mt-surface);text-align:center;border-radius:8px;padding:48px 24px}.materials-empty img{object-fit:contain;margin-bottom:20px}.materials-empty h2{color:var(--mt-text);letter-spacing:0;margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.4}.materials-empty p{color:var(--mt-muted);overflow-wrap:anywhere;margin:0 0 24px;font-size:14px;line-height:1.6}.materials-reset-button{border:1px solid var(--mt-border);background:var(--mt-surface);min-height:44px;color:var(--mt-accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.student-materials :is(a,button):focus-visible{outline:2px solid var(--mt-accent);outline-offset:3px}@media (width>=1200px){.materials-container{position:relative;left:-24px}}@media (width<=1500px){.student-materials{margin-left:95px}}@media (width<=1199px){.student-materials{margin-left:0}.student-materials .materials-page{padding-bottom:140px}}@media (width<=991px){.student-materials .materials-page{padding-top:148px;padding-bottom:64px}.materials-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-toolbar{flex-wrap:wrap;gap:16px}.materials-search-field{width:100%}}@media (width<=768px){.student-materials .materials-page{padding-inline:20px}.materials-heading h1{font-size:24px}.materials-course-content{padding:20px}.materials-course h2{font-size:18px}.materials-course-grid{gap:20px}}@media (width<=600px){.student-materials .materials-page{padding:116px 16px 40px}.materials-heading{flex-wrap:wrap;gap:12px;margin-bottom:24px}.materials-heading-art{width:48px;height:48px}.materials-heading>div{flex:1}.materials-heading h1{font-size:22px}.student-materials .materials-book-button{width:100%;margin:8px 0 0}.materials-collections{width:100%}.materials-collections button{flex:1;padding:8px 6px;font-size:12px}.materials-course-grid{grid-template-columns:minmax(0,1fr)}.materials-result-count{margin-bottom:20px}.materials-empty{padding:32px 20px}}@media (width<=360px){.student-materials .menu-wrap.main-menu .brand-text{font-size:16px}}.course-detail-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:calc(100vh - 80px);padding:100px 20px 60px;animation:.6s ease-out pageLoad;position:relative}@keyframes pageLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-detail-container{max-width:1400px;margin:0 auto;padding:28px 120px 48px 28px}.course-detail-header{margin-bottom:40px}.course-detail-page .back-link{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.course-detail-page .back-link:hover{color:#0245ae;background:#f0f7ff;border-color:#0245ae;transform:translate(-5px)}.course-detail-page .back-link i{font-size:12px;transition:transform .3s}.course-detail-page .back-link:hover i{transform:translate(-3px)}.course-hero{background:#fff;border:2px solid #e2e8f0;border-radius:24px;align-items:flex-start;gap:32px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.course-hero-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:56px;animation:3s ease-in-out infinite iconFloat;display:flex;box-shadow:0 10px 40px #0245ae4d}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.course-hero-content{flex:1}.course-category-badge{color:#0245ae;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border:1px solid #0245ae33;border-radius:20px;margin-bottom:16px;padding:8px 18px;font-size:11px;font-weight:700;display:inline-block}.course-title-main{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.2}.course-description-main{color:#64748b;max-width:600px;margin:0 0 24px;font-size:16px;line-height:1.7}.course-stats-row{flex-wrap:wrap;gap:16px;display:flex}.course-stat{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.course-stat:hover{background:#f0f7ff;border-color:#0245ae;transform:translateY(-2px);box-shadow:0 4px 12px #0245ae1a}.course-stat i{color:#0245ae;font-size:16px}.lessons-filters-section{background:#fff;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:32px;padding:24px 28px;box-shadow:0 2px 12px #0000000a}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.filter-group{flex-direction:column;gap:8px;min-width:180px;display:flex}.filter-group.filter-search{flex:1;min-width:200px}.filter-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.filter-select{color:#1e293b;cursor:pointer;appearance:auto;-webkit-appearance:menulist;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .3s}.filter-select:hover{border-color:#0245ae}.filter-select:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.filter-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.filter-group .lessons-search{margin-bottom:0}.filter-group .lessons-search input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;padding:14px 18px 14px 48px}.filter-group .lessons-search input::placeholder{color:#94a3b8}.filter-group .lessons-search input:focus{border-color:#0245ae;box-shadow:0 0 0 3px #0245ae1a}.filter-group .lessons-search i{color:#64748b}.btn-clear-filters{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-clear-filters:hover{background:#fee2e2;border-color:#f87171;transform:translateY(-2px)}.lessons-search-section{margin-bottom:24px}.lessons-search{width:100%;position:relative}.lessons-search i{color:#64748b;font-size:16px;transition:color .3s;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.lessons-search input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:14px;width:100%;padding:16px 18px 16px 52px;font-size:15px;transition:all .3s}.lessons-search input:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.lessons-search input:focus+i,.lessons-search:focus-within i{color:#0245ae}.lessons-search input::placeholder{color:#94a3b8}.lessons-grouped{flex-direction:column;gap:16px;display:flex}.level-group{background:#fff;border:2px solid #e2e8f0;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 12px #0000000a}.level-group:hover{border-color:#cbd5e1;box-shadow:0 4px 20px #00000014}.level-group.expanded{border-color:#0245ae;box-shadow:0 8px 30px #0245ae26}.level-header{cursor:pointer;background:linear-gradient(135deg,#0245ae08 0%,#4a9eff08 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:24px 28px;transition:all .3s;display:flex}.level-header:hover{background:linear-gradient(135deg,#0245ae0f 0%,#4a9eff0f 100%)}.level-info{align-items:center;gap:20px;display:flex}.level-badge-large{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;align-items:center;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #0245ae4d}.level-lesson-count{color:#64748b;font-size:14px;font-weight:500}.level-header i{color:#64748b;font-size:16px;transition:all .3s}.level-group.expanded .level-header i{color:#0245ae;transform:rotate(180deg)}.level-content{flex-direction:column;gap:10px;padding:8px 20px 20px;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chapter-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;transition:all .3s;overflow:hidden}.chapter-group:hover{background:#f1f5f9}.chapter-group.expanded{background:#fff;border-color:#0245ae;box-shadow:0 2px 12px #0245ae1a}.chapter-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .3s;display:flex}.chapter-header:hover{background:#0245ae0a}.chapter-info{align-items:center;gap:14px;display:flex}.chapter-title{color:#1e293b;font-size:14px;font-weight:600}.chapter-lesson-count{color:#64748b;background:#e2e8f0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500}.chapter-header i{color:#94a3b8;font-size:12px;transition:all .3s}.chapter-group.expanded .chapter-header i{color:#0245ae;transform:rotate(180deg)}.chapter-lessons{flex-direction:column;gap:8px;padding:0 14px 14px;animation:.3s ease-out slideDown;display:flex}.lessons-table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden}.lessons-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.lessons-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:11px;font-weight:700}.lessons-table th:last-child{text-align:center;width:60px}.lesson-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s}.lesson-row:last-child{border-bottom:none}.lesson-row:hover{background:#f0f7ff}.lesson-row td{color:#334155;vertical-align:middle;padding:14px 16px;font-size:14px}.lesson-col-number{color:#1e293b;text-align:center;width:80px;font-weight:600}.lesson-col-skill{color:#64748b;width:120px;font-weight:500}.lesson-col-title{color:#1e293b;font-weight:600}.lesson-col-goal{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:13px;overflow:hidden}.lesson-col-action{text-align:center;width:60px}.lesson-col-action .btn-start-lesson{margin-left:0}.lesson-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.lesson-item:hover{background:#f0f7ff;border-color:#0245ae;transform:translate(8px);box-shadow:0 4px 20px #0245ae1f}.lesson-item-info{flex:1;min-width:0}.lesson-item-number{color:#0245ae;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.lesson-item-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:14px;font-weight:600;overflow:hidden}.lesson-item-goal{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.btn-start-lesson{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0245ae4d}.btn-start-lesson:hover{transform:scale(1.1);box-shadow:0 6px 25px #0245ae66}.btn-start-lesson i{font-size:12px}.chapter-empty{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;font-style:italic;display:flex}.chapter-empty i{font-size:14px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.lesson-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.lesson-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0245ae 0%,#4a9eff 50%,#0245ae 100%);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.lesson-thumbnail{background-position:50%;background-size:cover;height:160px;position:relative;overflow:hidden}.lesson-thumbnail:after{content:"";background:linear-gradient(#0000 0%,#0006 100%);position:absolute;inset:0}.lesson-thumbnail-overlay{z-index:1;justify-content:flex-start;align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.level-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:8px;padding:6px 14px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #0245ae4d}.lesson-content{flex:1;padding:20px 24px}.lesson-chapter{color:#0245ae;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:700}.lesson-title{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.lesson-goal{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.lesson-meta{color:#94a3b8;gap:16px;font-size:12px;display:flex}.lesson-sections,.lesson-date{align-items:center;gap:6px;display:flex}.lesson-sections i,.lesson-date i{color:#0245ae;font-size:12px}.lesson-action{border-top:1px solid #f1f5f9;padding:16px 24px 20px}.btn-open-lesson{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0245ae4d}.btn-open-lesson:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0245ae66}.btn-open-lesson i{font-size:12px;transition:transform .3s}.btn-open-lesson:hover i{transform:translate(3px)}.lessons-loading,.lessons-error,.lessons-empty{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;padding:80px 40px;box-shadow:0 2px 12px #0000000a}.lessons-loading .spinner,.error-icon,.empty-icon{margin:0 auto 24px}.spinner{border:3px solid #e2e8f0;border-top-color:#0245ae;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lessons-loading p{color:#64748b;font-size:15px}.error-icon,.empty-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex}.error-icon{color:#dc2626;background:#fef2f2}.empty-icon{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%)}.lessons-error h3,.lessons-empty h3{color:#1e293b;margin:0 0 12px;font-size:22px;font-weight:700}.lessons-error p,.lessons-empty p{color:#64748b;margin:0 0 24px;font-size:15px}.btn-retry,.btn-reset{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-retry{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 4px 15px #0245ae4d}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0245ae66}.btn-reset{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0}.btn-reset:hover{background:#f0f7ff;border-color:#0245ae;transform:translateY(-2px)}@media (width<=1024px){.course-detail-container{padding:20px}}@media (width<=768px){.course-detail-page{padding:100px 16px 40px}.course-hero{text-align:center;flex-direction:column;padding:28px}.course-hero-icon{align-self:center;width:100px;height:100px;font-size:48px}.course-title-main{font-size:28px}.course-description-main{font-size:14px}.course-stats-row{flex-wrap:wrap;justify-content:center;gap:12px}.filters-row{flex-direction:column;align-items:stretch}.filter-group,.filter-group.filter-search{min-width:100%}.btn-clear-filters{justify-content:center;width:100%}.lessons-grid{grid-template-columns:1fr;gap:20px}.level-header{padding:18px 20px}.level-info{flex-direction:column;align-items:flex-start;gap:10px}.chapter-header{padding:14px 16px}.lesson-item{padding:14px}}@media (width<=480px){.course-hero{padding:24px 20px}.course-hero-icon{width:80px;height:80px;font-size:40px}.course-title-main{font-size:24px}.lesson-thumbnail{height:140px}}[data-theme=dark] .course-detail-page{background:var(--fxv-bg)}[data-theme=dark] .course-detail-page .back-link,[data-theme=dark] .course-hero,[data-theme=dark] .course-stat,[data-theme=dark] .lessons-filters-section,[data-theme=dark] .level-content,[data-theme=dark] .chapter-group,[data-theme=dark] .lessons-table,[data-theme=dark] .lesson-card,[data-theme=dark] .lessons-loading,[data-theme=dark] .lessons-error,[data-theme=dark] .lessons-empty,[data-theme=dark] .filter-select,[data-theme=dark] .filter-group .lessons-search input,[data-theme=dark] .btn-clear-filters{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .course-title-main,[data-theme=dark] .lesson-title,[data-theme=dark] .chapter-title{color:var(--fxv-text);-webkit-text-fill-color:currentColor}[data-theme=dark] .course-description-main,[data-theme=dark] .filter-label,[data-theme=dark] .lesson-goal,[data-theme=dark] .lesson-meta,[data-theme=dark] .lessons-empty,[data-theme=dark] .lessons-loading,[data-theme=dark] .lessons-error,[data-theme=dark] .course-stat span,[data-theme=dark] .lessons-loading p,[data-theme=dark] .lessons-error p,[data-theme=dark] .lessons-empty p{color:var(--fxv-text-muted)}[data-theme=dark] .lessons-error h3,[data-theme=dark] .lessons-empty h3{color:var(--fxv-text)}[data-theme=dark] .empty-icon{color:#7eb3ff;background:#3b82f61f;border:1px solid #60a5fa2e}[data-theme=dark] .course-stat i,[data-theme=dark] .filter-group .lessons-search i{color:#7eb3ff}[data-theme=dark] .course-category-badge{color:#9fc5ff;background:#3b82f61f;border-color:#60a5fa2e}[data-theme=dark] .filter-group .lessons-search input::placeholder{color:var(--fxv-text-soft)}[data-theme=dark] .course-detail-page .lessons-filters-section{box-shadow:none;background:#242424;border-color:#3a3a3a}[data-theme=dark] .course-detail-page .filter-label{color:#aeb7c4}[data-theme=dark] .course-detail-page .filter-select,[data-theme=dark] .course-detail-page .filter-group .lessons-search input{color:#f4f7fb;box-shadow:none;background:#1b1b1b;border-color:#444851}[data-theme=dark] .course-detail-page .filter-select:hover,[data-theme=dark] .course-detail-page .filter-select:focus,[data-theme=dark] .course-detail-page .filter-group .lessons-search input:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff24}[data-theme=dark] .course-detail-page .filter-select:disabled{color:#717784;background:#202020;border-color:#353535}[data-theme=dark] .course-detail-page .lessons-grouped{gap:14px}[data-theme=dark] .course-detail-page .level-group{box-shadow:none;background:#222;border:1px solid #3b3b3b;border-radius:14px;position:relative}[data-theme=dark] .course-detail-page .level-group:before{content:"";z-index:2;opacity:0;background:#3f8efc;width:3px;transition:opacity .2s;position:absolute;inset:0 auto 0 0}[data-theme=dark] .course-detail-page .level-group:hover{border-color:#51545b;box-shadow:0 8px 22px #0000002e}[data-theme=dark] .course-detail-page .level-group.expanded{border-color:#397fd7;box-shadow:0 10px 28px #0000003d}[data-theme=dark] .course-detail-page .level-group.expanded:before{opacity:1}[data-theme=dark] .course-detail-page .level-header{color:#f4f7fb;background:#242424;min-height:76px;padding:18px 24px}[data-theme=dark] .course-detail-page .level-header:hover,[data-theme=dark] .course-detail-page .level-group.expanded .level-header{background:#292b2f}[data-theme=dark] .course-detail-page .level-badge-large{color:#fff;background:#287ee8;border:1px solid #56a0fa;border-radius:8px;justify-content:center;min-width:82px;padding:9px 14px;box-shadow:0 5px 14px #1867d33d}[data-theme=dark] .course-detail-page .level-group.is-empty .level-badge-large{color:#aeb4be;box-shadow:none;background:#303238;border-color:#474a50}[data-theme=dark] .course-detail-page .level-lesson-count{color:#c1c7d0;font-weight:600}[data-theme=dark] .course-detail-page .level-group.is-empty .level-lesson-count{color:#777d87}[data-theme=dark] .course-detail-page .level-header i,[data-theme=dark] .course-detail-page .chapter-header i{color:#62a7fb}[data-theme=dark] .course-detail-page .level-content{box-shadow:none;background:#1d1d1d;border-top:1px solid #343434;padding:14px 18px 18px}[data-theme=dark] .course-detail-page .chapter-group{box-shadow:none;background:#232323;border-color:#3b3b3b;border-radius:10px}[data-theme=dark] .course-detail-page .chapter-group:hover,[data-theme=dark] .course-detail-page .chapter-group.expanded{background:#242424;border-color:#4b73a6}[data-theme=dark] .course-detail-page .chapter-header{min-height:58px;padding:14px 18px}[data-theme=dark] .course-detail-page .chapter-header:hover{background:#292b2f}[data-theme=dark] .course-detail-page .chapter-title{color:#f3f5f8;font-weight:700}[data-theme=dark] .course-detail-page .chapter-lesson-count{color:#c5ccd5;background:#33363b;border:1px solid #494d54}[data-theme=dark] .course-detail-page .chapter-lessons{background:0 0;padding:0 12px 12px}[data-theme=dark] .course-detail-page .lessons-table{box-shadow:none;background:#191919;border-color:#3d4148;border-radius:8px}[data-theme=dark] .course-detail-page .lessons-table thead{background:#2c2d30;border-bottom-color:#484b50}[data-theme=dark] .course-detail-page .lessons-table th{color:#aeb6c2}[data-theme=dark] .course-detail-page .lesson-row{background:#1d1d1d;border-bottom-color:#33363a}[data-theme=dark] .course-detail-page .lesson-row:nth-child(2n){background:#242424}[data-theme=dark] .course-detail-page .lesson-row:hover{background:#293241;box-shadow:inset 3px 0 #4a9eff}[data-theme=dark] .course-detail-page .lesson-row td{color:#d7dce4}[data-theme=dark] .course-detail-page .lesson-col-number{color:#91bef7;font-weight:800}[data-theme=dark] .course-detail-page .lesson-col-skill{color:#9bd7cb;font-weight:700}[data-theme=dark] .course-detail-page .lesson-col-title{color:#f5f7fa;font-weight:700}[data-theme=dark] .course-detail-page .lesson-col-goal{color:#b4bbc5}[data-theme=dark] .course-detail-page .btn-start-lesson{background:#287ee8;border-radius:8px;width:38px;height:38px;box-shadow:0 4px 12px #1867d33d}[data-theme=dark] .course-detail-page .btn-start-lesson:hover{background:#3f91f5;box-shadow:0 6px 16px #1867d357}@media (width<=768px){[data-theme=dark] .course-detail-page .level-header{min-height:68px;padding:15px 16px}[data-theme=dark] .course-detail-page .level-content{padding:10px}[data-theme=dark] .course-detail-page .chapter-lessons{overflow-x:auto}[data-theme=dark] .course-detail-page .lessons-table{min-width:720px}}.lesson-fullpage{z-index:9999;background:#f8fafc;width:100vw;height:100vh;position:fixed;inset:0}.lesson-back-btn{z-index:10001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e293b;cursor:pointer;background:#fffffff2;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0000001a}.lesson-back-btn:hover{color:#0245ae;background:#fff;border-color:#0245ae;transform:translate(-2px);box-shadow:0 4px 12px #0245ae33}.lesson-back-btn i{font-size:14px}.lesson-fullpage-iframe{border:none;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;top:0;left:0}.lesson-fullpage-iframe.loading{opacity:0}.lesson-fullpage-iframe.loaded{opacity:1}.lesson-fullpage-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;inset:0}.lesson-fullpage-loading .spinner{border:4px solid #e2e8f0;border-top-color:#0245ae;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}.lesson-fullpage-loading p{color:#64748b;font-size:14px}.lesson-content-wrapper{width:100%;height:100%;padding-top:60px;overflow-y:auto}.lesson-fullpage-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.lesson-fullpage-error .error-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.lesson-fullpage-error .error-icon i{color:#ef4444;font-size:28px}.lesson-fullpage-error h3{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:700}.lesson-fullpage-error p{color:#64748b;margin:0 0 20px;font-size:14px}.lesson-fullpage-error .btn-back{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.lesson-fullpage-error .btn-back:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0245ae4d}@media (width<=768px){.lesson-back-btn{padding:8px 12px;font-size:13px;top:12px;left:12px}.lesson-back-btn span{display:none}.lesson-content-wrapper{padding-top:50px}}[data-theme=dark] .lesson-fullpage,[data-theme=dark] .lesson-content-wrapper,[data-theme=dark] .lesson-fullpage-loading,[data-theme=dark] .lesson-fullpage-error{background:var(--fxv-bg);color:var(--fxv-text)}[data-theme=dark] .lesson-back-btn{color:var(--fxv-text);box-shadow:var(--fxv-shadow-sm);background:#1e1e1eeb;border-color:#ffffff14}[data-theme=dark] .lesson-back-btn:hover{background:var(--fxv-surface);color:var(--fxv-accent-strong);border-color:#7cb8ff3d}[data-theme=dark] .lesson-fullpage-loading p,[data-theme=dark] .lesson-fullpage-error p{color:var(--fxv-text-muted)}[data-theme=dark] .lesson-fullpage-error h3{color:var(--fxv-text)}