.materials-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:calc(100vh - 80px);padding:120px 20px 60px;animation:.5s ease-out pageLoad}@keyframes pageLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.materials-container{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:28px 15px 48px;position:relative;left:0}@media (width>=1501px){.materials-container{width:1270px;padding:28px 0 48px;left:calc(50vw - 771px)}}@media (width>=1200px) and (width<=1500px){.materials-container{width:1140px;padding:28px 0 48px;left:calc(50vw - 685px)}}.materials-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding-top:16px;display:flex}.materials-header-left{align-items:center;gap:14px;display:flex}.materials-page-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0245ae4d}.materials-page-icon i{color:#fff;font-size:22px}.materials-page-title{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.materials-page-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500}.materials-search{width:100%;margin-bottom:20px;position:relative}.materials-search i{color:#64748b;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.materials-search input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 16px 14px 48px;font-size:15px;transition:all .2s}.materials-search input:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.materials-search input::placeholder{color:#94a3b8}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.course-card{cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.course-card:hover{border-color:#0245ae;transform:translateY(-4px);box-shadow:0 12px 24px #0245ae26}.course-card.coming-soon{opacity:.7;cursor:not-allowed}.course-card.coming-soon:hover{box-shadow:none;border-color:#e2e8f0;transform:none}.coming-soon-badge{color:#fff;z-index:1;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:12px;right:12px}.course-artwork{background:#dceeff;width:100%;height:164px;overflow:hidden}.course-artwork img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s;display:block}.course-card:hover .course-artwork img{transform:scale(1.035)}.course-content{padding:20px}.course-title{color:#1e293b;margin:0 0 8px;font-size:1.1rem;font-weight:700}.course-description{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.course-meta{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.course-level,.course-lessons{color:#64748b;align-items:center;gap:6px;font-size:.8rem;display:flex}.course-level i,.course-lessons i{color:#0245ae}.course-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;padding-top:16px;display:flex}.course-category{color:#0245ae;background:#0245ae1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}@media (width<=768px){.materials-container{width:100%;padding:16px 16px 40px;left:0}.materials-header-content h1{font-size:22px}.materials-header-content h1 i{font-size:26px}.courses-grid{grid-template-columns:1fr;gap:16px}.course-artwork{height:150px}.course-content{padding:16px}}@media (width<=480px){.materials-container{width:100%;padding:12px 15px 30px;left:0}.materials-header-content h1{font-size:20px}.materials-header-content p{font-size:.9rem}}[data-theme=dark] .materials-page{background:var(--fxv-bg)}[data-theme=dark] .materials-search input,[data-theme=dark] .course-card{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .materials-page-title,[data-theme=dark] .course-title{color:var(--fxv-text);-webkit-text-fill-color:currentColor}[data-theme=dark] .materials-page-subtitle,[data-theme=dark] .materials-search i,[data-theme=dark] .course-description,[data-theme=dark] .course-lessons,[data-theme=dark] .course-meta{color:var(--fxv-text-muted)}[data-theme=dark] .course-footer{border-top-color:#ffffff1f}[data-theme=dark] .course-rating{color:var(--fxv-text)}[data-theme=dark] .course-category{color:#a9cfff;background:#3b82f61f}[data-theme=dark] .materials-search input::placeholder{color:var(--fxv-text-soft)}.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}.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)}