.materials-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:calc(100vh - 80px);padding:52px 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:16px 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:0;display:flex}.materials-page .back-link{color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.materials-page .back-link:hover{color:#0245ae}.materials-page .back-link i{font-size:16px}.materials-page .page-title-row,.materials-header-left{align-items:center;gap:14px;display:flex}.materials-page .page-title-icon,.materials-page-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0245ae4d}.materials-page .page-title-icon i,.materials-page-icon i{color:#fff;font-size:22px}.materials-page .page-title-gradient,.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-subtitle,.materials-page-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500}.materials-controls{margin-bottom:20px}.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}.category-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.category-tab{color:#1e293b;cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.category-tab:hover{color:#fff;background-color:#0245ae;border-color:#0245ae}.category-tab.active{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.course-card{text-align:left;width:100%;font:inherit;cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:0;transition:all .3s;display:block;position:relative;overflow:hidden}.course-card:focus-visible{outline-offset:3px;outline:3px solid #4a9eff}.course-card:hover{border-color:#0245ae;transform:translateY(-4px);box-shadow:0 12px 24px #0245ae26}.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-rating{color:#1e293b;align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:flex}.course-rating i{color:#f59e0b}.course-category{color:#0245ae;background:#0245ae1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.materials-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.materials-empty .empty-icon{color:#94a3b8;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:32px;display:flex}.materials-empty h3{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:700}.materials-empty p{color:#64748b;margin:0 0 20px;font-size:14px}.btn-reset{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}.btn-reset:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0245ae4d}@media (width<=768px){.materials-page{padding:72px 16px 40px}.materials-container{width:100%;padding:16px 16px 40px;left:0}.materials-header-left{align-items:flex-start;gap:12px}.materials-page-title{font-size:22px}.category-tabs{gap:8px}.category-tab{padding:8px 16px;font-size:.85rem}.courses-grid{grid-template-columns:1fr;gap:16px}.course-artwork{height:150px}.course-content{padding:16px}}@media (width<=480px){.materials-container{padding:0}.materials-header{margin-bottom:20px}.materials-page .page-title-icon{width:40px;height:40px}.materials-page .page-title-icon i{font-size:18px}.materials-page .page-title-gradient{font-size:20px}}[data-theme=dark] .materials-page{background:var(--fxv-bg)}[data-theme=dark] .materials-page .back-link,[data-theme=dark] .materials-subtitle,[data-theme=dark] .materials-page-subtitle,[data-theme=dark] .course-description,[data-theme=dark] .course-lessons,[data-theme=dark] .materials-empty p{color:var(--fxv-text-muted)}[data-theme=dark] .materials-search input,[data-theme=dark] .category-tab,[data-theme=dark] .course-card,[data-theme=dark] .materials-empty{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm);color:var(--fxv-text)}[data-theme=dark] .materials-search input{color:var(--fxv-text)}[data-theme=dark] .materials-search i,[data-theme=dark] .course-level i,[data-theme=dark] .course-lessons i,[data-theme=dark] .course-rating i{color:var(--fxv-accent-strong)}[data-theme=dark] .course-title,[data-theme=dark] .materials-page-title,[data-theme=dark] .course-rating,[data-theme=dark] .materials-empty h3{color:var(--fxv-text);-webkit-text-fill-color:currentColor}[data-theme=dark] .course-footer{border-top-color:var(--fxv-border)}[data-theme=dark] .category-tab:hover{border-color:var(--fxv-accent)}.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:before{content:"";background:linear-gradient(90deg,#0245ae 0%,#4a9eff 50%,#0245ae 100%) 0 0/200% 100%;height:4px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.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:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:2px solid #e2e8f0;border-radius:12px;padding:14px 40px 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-card:hover{border-color:#0245ae;transform:translateY(-8px);box-shadow:0 20px 50px #0245ae26}.lesson-card:hover:before{opacity:1}.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,.dark-mode .course-detail-page{color:#f4f4f5;background:#1b1b1b}[data-theme=dark] .course-hero,[data-theme=dark] .lessons-filters-section,[data-theme=dark] .level-group,[data-theme=dark] .chapter-group.expanded,[data-theme=dark] .lessons-table,[data-theme=dark] .lesson-item,[data-theme=dark] .lesson-card,[data-theme=dark] .lessons-loading,[data-theme=dark] .lessons-error,[data-theme=dark] .lessons-empty,.dark-mode .course-hero,.dark-mode .lessons-filters-section,.dark-mode .level-group,.dark-mode .chapter-group.expanded,.dark-mode .lessons-table,.dark-mode .lesson-item,.dark-mode .lesson-card,.dark-mode .lessons-loading,.dark-mode .lessons-error,.dark-mode .lessons-empty{box-shadow:none;background:#202020;border-color:#ffffff1f}[data-theme=dark] .course-hero:before,.dark-mode .course-hero:before{background:linear-gradient(90deg,#4a9eff 0%,#7bb8ff 50%,#4a9eff 100%)}[data-theme=dark] .course-title-main,.dark-mode .course-title-main{-webkit-text-fill-color:#f4f4f5;color:#f4f4f5;background:0 0}[data-theme=dark] .course-description-main,[data-theme=dark] .course-stat,[data-theme=dark] .filter-label,[data-theme=dark] .level-lesson-count,[data-theme=dark] .chapter-lesson-count,[data-theme=dark] .lesson-col-skill,[data-theme=dark] .lesson-col-goal,[data-theme=dark] .lesson-item-goal,[data-theme=dark] .lesson-goal,[data-theme=dark] .lesson-meta,[data-theme=dark] .lessons-loading p,[data-theme=dark] .lessons-error p,[data-theme=dark] .lessons-empty p,[data-theme=dark] .chapter-empty,.dark-mode .course-description-main,.dark-mode .course-stat,.dark-mode .filter-label,.dark-mode .level-lesson-count,.dark-mode .chapter-lesson-count,.dark-mode .lesson-col-skill,.dark-mode .lesson-col-goal,.dark-mode .lesson-item-goal,.dark-mode .lesson-goal,.dark-mode .lesson-meta,.dark-mode .lessons-loading p,.dark-mode .lessons-error p,.dark-mode .lessons-empty p,.dark-mode .chapter-empty{color:#b8bec8}[data-theme=dark] .course-category-badge,[data-theme=dark] .lesson-item-number,.dark-mode .course-category-badge,.dark-mode .lesson-item-number{color:#9bc8ff;background:#4a9eff24;border-color:#4a9eff47}[data-theme=dark] .level-badge-large,[data-theme=dark] .level-badge,.dark-mode .level-badge-large,.dark-mode .level-badge{color:#fff!important;opacity:1!important;text-shadow:none!important}[data-theme=dark] .course-stat,[data-theme=dark] .filter-select,[data-theme=dark] .filter-group .lessons-search input,[data-theme=dark] .lessons-search input,[data-theme=dark] .btn-reset,.dark-mode .course-stat,.dark-mode .filter-select,.dark-mode .filter-group .lessons-search input,.dark-mode .lessons-search input,.dark-mode .btn-reset{color:#f4f4f5;background:#262626;border-color:#ffffff1f}[data-theme=dark] .course-stat:hover,[data-theme=dark] .filter-select:hover,[data-theme=dark] .filter-select:focus,[data-theme=dark] .filter-group .lessons-search input:focus,[data-theme=dark] .lessons-search input:focus,[data-theme=dark] .btn-reset:hover,.dark-mode .course-stat:hover,.dark-mode .filter-select:hover,.dark-mode .filter-select:focus,.dark-mode .filter-group .lessons-search input:focus,.dark-mode .lessons-search input:focus,.dark-mode .btn-reset:hover{box-shadow:none;background:#2b2b2b;border-color:#4a9eff8c}[data-theme=dark] .filter-select:disabled,.dark-mode .filter-select:disabled{color:#737b86;background:#222}[data-theme=dark] .filter-select option,.dark-mode .filter-select option{color:#f4f4f5;background:#202020}[data-theme=dark] .lessons-search input::placeholder,[data-theme=dark] .filter-group .lessons-search input::placeholder,.dark-mode .lessons-search input::placeholder,.dark-mode .filter-group .lessons-search input::placeholder{color:#8f98a6}[data-theme=dark] .course-detail-page .back-link,.dark-mode .course-detail-page .back-link{color:#d7dbe2;background:#202020;border-color:#ffffff1f}[data-theme=dark] .course-detail-page .back-link:hover,.dark-mode .course-detail-page .back-link:hover{color:#9bc8ff;background:#262626;border-color:#4a9eff8c}[data-theme=dark] .level-header,.dark-mode .level-header{background:#202020}[data-theme=dark] .level-header:hover,[data-theme=dark] .level-group.expanded .level-header,.dark-mode .level-header:hover,.dark-mode .level-group.expanded .level-header{background:#262626}[data-theme=dark] .level-group:hover,[data-theme=dark] .level-group.expanded,[data-theme=dark] .chapter-group.expanded,[data-theme=dark] .lesson-card:hover,[data-theme=dark] .lesson-item:hover,.dark-mode .level-group:hover,.dark-mode .level-group.expanded,.dark-mode .chapter-group.expanded,.dark-mode .lesson-card:hover,.dark-mode .lesson-item:hover{border-color:#4a9eff8c;box-shadow:0 12px 30px #00000047}[data-theme=dark] .chapter-group,.dark-mode .chapter-group{background:#242424;border-color:#ffffff1a}[data-theme=dark] .chapter-group:hover,[data-theme=dark] .chapter-header:hover,.dark-mode .chapter-group:hover,.dark-mode .chapter-header:hover{background:#2b2b2b}[data-theme=dark] .chapter-title,[data-theme=dark] .lesson-col-number,[data-theme=dark] .lesson-col-title,[data-theme=dark] .lesson-item-title,[data-theme=dark] .lesson-title,[data-theme=dark] .lessons-error h3,[data-theme=dark] .lessons-empty h3,.dark-mode .chapter-title,.dark-mode .lesson-col-number,.dark-mode .lesson-col-title,.dark-mode .lesson-item-title,.dark-mode .lesson-title,.dark-mode .lessons-error h3,.dark-mode .lessons-empty h3{color:#f4f4f5}[data-theme=dark] .chapter-lesson-count,.dark-mode .chapter-lesson-count{background:#303030}[data-theme=dark] .lessons-table thead,.dark-mode .lessons-table thead{background:#262626;border-bottom-color:#ffffff1f}[data-theme=dark] .lessons-table th,.dark-mode .lessons-table th{color:#aeb7c5}[data-theme=dark] .lesson-row,.dark-mode .lesson-row{background:#202020;border-bottom-color:#ffffff14}[data-theme=dark] .lesson-row:nth-child(2n),.dark-mode .lesson-row:nth-child(2n){background:#242424}[data-theme=dark] .lesson-row:hover,.dark-mode .lesson-row:hover{background:#2b2b2b}[data-theme=dark] .lesson-row td,.dark-mode .lesson-row td{color:#d7dbe2}[data-theme=dark] .lesson-action,.dark-mode .lesson-action{border-top-color:#ffffff1a}[data-theme=dark] .spinner,.dark-mode .spinner{border-color:#4a9eff #ffffff24 #ffffff24}.lesson-fullpage{z-index:9999;background:#f8fafc;width:100vw;height:100vh;position:fixed;inset:0}[data-theme=dark] :is(.lesson-fullpage,.lesson-fullpage-iframe){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1a1a1a}[data-theme=dark] :is(.lesson-fullpage-loading p,.lesson-fullpage-error p){color:#b8b8b8}.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;z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;inset:0}.lesson-content-wrapper{width:100%;height:100%;padding-top:60px;overflow-y:auto}.lesson-fullpage-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.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-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}}