.navbar[data-v-d38c2a41]{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-secondary);border-bottom:1px solid var(--gray-200);height:64px}.container[data-v-d38c2a41]{max-width:1200px;margin:0 auto;padding:0 24px;height:100%}.navbar-inner[data-v-d38c2a41]{display:flex;align-items:center;justify-content:space-between;height:100%}.logo[data-v-d38c2a41]{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.logo-icon[data-v-d38c2a41]{font-size:22px}.logo-text[data-v-d38c2a41]{font-size:20px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-main[data-v-d38c2a41]{display:flex;align-items:center;gap:32px}.nav-menu[data-v-d38c2a41]{display:flex;list-style:none;gap:4px;margin:0;padding:0}.nav-link[data-v-d38c2a41]{display:block;padding:6px 14px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s ease}.nav-link[data-v-d38c2a41]:hover{color:var(--text-primary);background:var(--gray-50)}.nav-link.active[data-v-d38c2a41]{color:var(--primary);background:var(--gray-50)}.nav-link.active[data-v-d38c2a41]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--primary);border-radius:2px}.admin-link[data-v-d38c2a41]{background:var(--primary);color:#fff!important;padding:4px 14px;border-radius:20px}.admin-link[data-v-d38c2a41]:hover{background:var(--primary-dark)!important;color:#fff!important}.nav-actions[data-v-d38c2a41]{display:flex;align-items:center;gap:12px}.cart-trigger[data-v-d38c2a41]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;gap:4px;font-size:18px}.cart-trigger[data-v-d38c2a41]:hover{background:var(--gray-50);color:var(--text-primary)}.cart-count[data-v-d38c2a41]{background:var(--primary);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.cart-dropdown[data-v-d38c2a41]{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 20px 60px #00000026;border:1px solid var(--gray-200);overflow:hidden;z-index:1001}.cart-dropdown-header[data-v-d38c2a41]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray-200)}.cart-dropdown-header h4[data-v-d38c2a41]{font-size:15px;font-weight:600;margin:0}.cart-dropdown-header button[data-v-d38c2a41]{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted)}.cart-dropdown-body[data-v-d38c2a41]{max-height:320px;overflow-y:auto;padding:8px 0}.cart-dropdown-item[data-v-d38c2a41]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--gray-100)}.item-name[data-v-d38c2a41]{flex:1;font-size:13px;font-weight:500}.item-price[data-v-d38c2a41]{font-size:13px;font-weight:600;color:var(--primary)}.remove-item[data-v-d38c2a41]{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:12px}.remove-item[data-v-d38c2a41]:hover{color:var(--danger)}.cart-dropdown-footer[data-v-d38c2a41]{padding:16px 20px;border-top:1px solid var(--gray-200);background:var(--bg-primary)}.cart-total[data-v-d38c2a41]{display:flex;justify-content:space-between;font-weight:600;font-size:15px;margin-bottom:12px}.btn-checkout[data-v-d38c2a41]{display:block;width:100%;padding:10px;text-align:center;background:var(--primary);color:#fff;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none}.btn-checkout[data-v-d38c2a41]:hover{background:var(--primary-dark)}.cart-empty[data-v-d38c2a41]{padding:32px 20px;text-align:center}.cart-empty p[data-v-d38c2a41]{color:var(--text-muted);margin-bottom:8px}.cart-empty a[data-v-d38c2a41]{color:var(--primary);text-decoration:none}.auth-buttons[data-v-d38c2a41]{display:flex;align-items:center;gap:8px}.btn-login[data-v-d38c2a41]{padding:6px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:8px}.btn-login[data-v-d38c2a41]:hover{background:var(--gray-50);color:var(--text-primary)}.btn-signup[data-v-d38c2a41]{padding:6px 20px;background:var(--primary);color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:8px}.btn-signup[data-v-d38c2a41]:hover{background:var(--primary-dark)}.user-menu[data-v-d38c2a41]{position:relative}.user-trigger[data-v-d38c2a41]{background:none;border:none;cursor:pointer;padding:0}.user-avatar[data-v-d38c2a41]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--primary-gradient);color:#fff;font-size:13px;font-weight:600}.user-avatar[data-v-d38c2a41]:hover{transform:scale(1.05)}.user-dropdown[data-v-d38c2a41]{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 20px 60px #00000026;border:1px solid var(--gray-200);overflow:hidden;z-index:1001}.user-info[data-v-d38c2a41]{padding:16px 20px;background:var(--bg-primary)}.user-name[data-v-d38c2a41]{display:block;font-weight:600;font-size:14px}.user-email[data-v-d38c2a41]{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.user-divider[data-v-d38c2a41]{height:1px;background:var(--gray-200);margin:4px 0}.user-menu-item[data-v-d38c2a41]{display:flex;align-items:center;gap:8px;padding:10px 20px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;border:none;background:none;width:100%;text-align:left;cursor:pointer}.user-menu-item[data-v-d38c2a41]:hover{background:var(--gray-50);color:var(--text-primary)}.logout-item[data-v-d38c2a41]{color:var(--danger)}.mobile-toggle[data-v-d38c2a41]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.mobile-toggle span[data-v-d38c2a41]{width:22px;height:2px;background:var(--text-secondary);border-radius:2px}@media (max-width: 900px){.nav-menu[data-v-d38c2a41],.auth-buttons[data-v-d38c2a41]{display:none}.mobile-toggle[data-v-d38c2a41]{display:flex}}@media (max-width: 768px){.navbar[data-v-d38c2a41]{height:56px}.logo-text[data-v-d38c2a41]{font-size:17px}.cart-dropdown[data-v-d38c2a41]{width:300px;right:-80px}}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}#app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.footer{background:var(--bg-dark);color:var(--text-light);padding:40px 0;margin-top:40px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.link{text-decoration:none;transition:color .3s ease}.link:hover{color:var(--primary)!important}@media (max-width: 768px){.footer-content{grid-template-columns:1fr 1fr}}.hero[data-v-1f27b038]{padding:80px 0;background:var(--bg-primary);position:relative;overflow:hidden}.hero-content[data-v-1f27b038]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge[data-v-1f27b038]{display:inline-block;background:var(--primary);color:#fff;padding:4px 16px;border-radius:var(--radius-full);font-size:14px;margin-bottom:16px}.hero-text h1[data-v-1f27b038]{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:16px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p[data-v-1f27b038]{font-size:18px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.hero-buttons[data-v-1f27b038]{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.btn-large[data-v-1f27b038]{padding:16px 40px;font-size:18px}.hero-stats[data-v-1f27b038]{display:flex;gap:40px}.stat[data-v-1f27b038]{display:flex;flex-direction:column}.stat-number[data-v-1f27b038]{font-size:28px;font-weight:700;color:var(--text-primary)}.stat-label[data-v-1f27b038]{font-size:14px;color:var(--text-muted)}.hero-image[data-v-1f27b038]{display:flex;justify-content:center;align-items:center}.hero-illustration[data-v-1f27b038]{position:relative;width:400px;height:400px}.hero-circle[data-v-1f27b038]{width:300px;height:300px;border-radius:50%;background:var(--primary-gradient);opacity:.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-card[data-v-1f27b038]{position:absolute;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xl);font-size:32px;animation:float-1f27b038 3s ease-in-out infinite}.floating-card.card-1[data-v-1f27b038]{top:0;right:0;animation-delay:0s}.floating-card.card-2[data-v-1f27b038]{bottom:0;left:0;animation-delay:1s}.floating-card.card-3[data-v-1f27b038]{top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:2s;font-size:64px}@keyframes float-1f27b038{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features[data-v-1f27b038]{padding:80px 0;background:var(--bg-secondary)}.section-header[data-v-1f27b038]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-header h2[data-v-1f27b038]{font-size:32px;font-weight:700}.section-header p[data-v-1f27b038]{color:var(--text-muted)}.features-grid[data-v-1f27b038]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.feature-card[data-v-1f27b038]{background:var(--bg-primary);padding:32px;border-radius:var(--radius-lg);text-align:center;transition:all .3s ease;border:1px solid transparent}.feature-card[data-v-1f27b038]:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.feature-icon[data-v-1f27b038]{font-size:48px;margin-bottom:16px}.feature-card h3[data-v-1f27b038]{margin-bottom:8px}.feature-card p[data-v-1f27b038]{color:var(--text-muted);font-size:14px;line-height:1.5}.popular-courses[data-v-1f27b038]{padding:80px 0;background:var(--bg-primary)}.courses-grid[data-v-1f27b038]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.course-card[data-v-1f27b038]{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease}.course-card[data-v-1f27b038]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.course-image[data-v-1f27b038]{height:120px;display:flex;align-items:center;justify-content:center;font-size:48px}.course-info[data-v-1f27b038]{padding:20px}.course-info h4[data-v-1f27b038]{margin-bottom:8px}.course-info p[data-v-1f27b038]{color:var(--text-muted);font-size:14px;margin-bottom:16px}.course-footer[data-v-1f27b038]{display:flex;justify-content:space-between;align-items:center}.course-price[data-v-1f27b038]{font-weight:700;color:var(--primary)}.btn-sm[data-v-1f27b038]{padding:8px 16px;font-size:14px}.cta-section[data-v-1f27b038]{padding:80px 0;background:var(--primary-gradient);color:#fff}.cta-content[data-v-1f27b038]{text-align:center}.cta-content h2[data-v-1f27b038]{font-size:36px;margin-bottom:16px}.cta-content p[data-v-1f27b038]{font-size:18px;margin-bottom:32px;opacity:.9}.cta-content .btn[data-v-1f27b038]{background:#fff;color:var(--primary);box-shadow:0 4px 20px #0003}.cta-content .btn[data-v-1f27b038]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}@media (max-width: 768px){.hero-content[data-v-1f27b038]{grid-template-columns:1fr;text-align:center}.hero-text h1[data-v-1f27b038]{font-size:32px}.hero-buttons[data-v-1f27b038],.hero-stats[data-v-1f27b038]{justify-content:center}.hero-illustration[data-v-1f27b038]{width:200px;height:200px}.hero-circle[data-v-1f27b038]{width:150px;height:150px}.floating-card[data-v-1f27b038]{font-size:24px;padding:12px}.floating-card.card-3[data-v-1f27b038]{font-size:40px}}.courses-page[data-v-23e9bb41]{background:var(--bg-primary);min-height:100vh}.container[data-v-23e9bb41]{max-width:1200px;margin:0 auto;padding:0 20px}.courses-hero[data-v-23e9bb41]{background:var(--primary-gradient);color:#fff;padding:60px 0;text-align:center}.courses-hero h1[data-v-23e9bb41]{font-size:42px;font-weight:800;margin-bottom:12px}.courses-hero p[data-v-23e9bb41]{font-size:18px;opacity:.9;margin-bottom:24px}.hero-stats[data-v-23e9bb41]{display:flex;justify-content:center;gap:40px;font-weight:500}.hero-stats span[data-v-23e9bb41]{opacity:.95}.filters-section[data-v-23e9bb41]{padding:24px 0}.filters-row[data-v-23e9bb41]{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;background:var(--bg-secondary);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.filter-group[data-v-23e9bb41]{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px}.filter-group label[data-v-23e9bb41]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-select[data-v-23e9bb41],.filter-input[data-v-23e9bb41]{padding:10px 14px;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .3s ease;width:100%}.filter-select[data-v-23e9bb41]:focus,.filter-input[data-v-23e9bb41]:focus{border-color:var(--primary);outline:none}.clear-btn[data-v-23e9bb41]{padding:10px 24px;height:42px;align-self:flex-end}.active-filters[data-v-23e9bb41]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.filter-tag[data-v-23e9bb41]{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);padding:4px 12px;border-radius:var(--radius-full);font-size:13px;border:1px solid var(--gray-200)}.filter-tag button[data-v-23e9bb41]{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;padding:0 4px}.filter-tag button[data-v-23e9bb41]:hover{color:var(--danger)}.results-bar[data-v-23e9bb41]{display:flex;justify-content:space-between;align-items:center;margin:16px 0 24px;padding:0 4px}.results-count[data-v-23e9bb41]{font-size:16px;font-weight:600}.sort-select[data-v-23e9bb41]{padding:8px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.loading-state[data-v-23e9bb41]{text-align:center;padding:80px 0}.spinner[data-v-23e9bb41]{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin-23e9bb41 .8s linear infinite;margin:0 auto 16px}@keyframes spin-23e9bb41{to{transform:rotate(360deg)}}.courses-grid[data-v-23e9bb41]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:40px}.course-card[data-v-23e9bb41]{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);transition:all .3s ease}.course-card[data-v-23e9bb41]:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.course-card.featured[data-v-23e9bb41]{border-color:var(--primary);position:relative}.course-card.featured[data-v-23e9bb41]:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--primary-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.course-image[data-v-23e9bb41]{height:160px;display:flex;align-items:center;justify-content:center;position:relative;font-size:56px}.image-overlay[data-v-23e9bb41]{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#0009);color:#fff}.image-overlay .students-count[data-v-23e9bb41]{font-size:13px}.free-badge[data-v-23e9bb41]{position:absolute;top:12px;right:12px;background:#00c897;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.featured-badge[data-v-23e9bb41]{position:absolute;top:12px;left:12px;background:#f39c12;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.course-content[data-v-23e9bb41]{padding:20px}.course-header[data-v-23e9bb41]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.level-badge[data-v-23e9bb41]{background:var(--gray-200);padding:2px 12px;border-radius:var(--radius-full);font-size:11px;text-transform:capitalize}.rating[data-v-23e9bb41]{font-size:14px;font-weight:600}.course-content h3[data-v-23e9bb41]{font-size:18px;font-weight:700;margin-bottom:8px}.course-content h3 a[data-v-23e9bb41]{color:var(--text-primary);text-decoration:none}.course-content>p[data-v-23e9bb41]{color:var(--text-muted);font-size:14px;margin-bottom:16px;line-height:1.5}.course-footer[data-v-23e9bb41]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--gray-200)}.price-section[data-v-23e9bb41]{display:flex;flex-direction:column}.course-price[data-v-23e9bb41]{font-weight:700;font-size:20px;color:var(--primary)}.price-note[data-v-23e9bb41]{font-size:12px;color:var(--text-muted);text-decoration:line-through}.btn[data-v-23e9bb41]{border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.btn-primary[data-v-23e9bb41]{background:var(--primary);color:#fff}.btn-primary[data-v-23e9bb41]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6c63ff4d}.btn-outline[data-v-23e9bb41]{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline[data-v-23e9bb41]:hover{background:var(--primary);color:#fff}.empty-state[data-v-23e9bb41]{text-align:center;padding:80px 0}.empty-icon[data-v-23e9bb41]{font-size:64px;display:block;margin-bottom:16px}.empty-state h3[data-v-23e9bb41]{font-size:24px;margin-bottom:8px}.empty-state .btn[data-v-23e9bb41]{margin-top:16px}@media (max-width: 768px){.courses-hero h1[data-v-23e9bb41]{font-size:28px}.hero-stats[data-v-23e9bb41]{flex-direction:column;gap:8px}.filters-row[data-v-23e9bb41]{flex-direction:column}.filter-group[data-v-23e9bb41]{min-width:100%}.clear-btn[data-v-23e9bb41]{width:100%;justify-content:center}.results-bar[data-v-23e9bb41]{flex-direction:column;gap:8px;align-items:flex-start}.courses-grid[data-v-23e9bb41]{grid-template-columns:1fr}}.store-page[data-v-ef868f03]{background:var(--bg-primary);min-height:100vh}.container[data-v-ef868f03]{max-width:1200px;margin:0 auto;padding:0 20px}.store-hero[data-v-ef868f03]{background:var(--primary-gradient);color:#fff;padding:60px 0;text-align:center}.store-hero h1[data-v-ef868f03]{font-size:42px;font-weight:800;margin-bottom:12px}.store-hero p[data-v-ef868f03]{font-size:18px;opacity:.9;margin-bottom:24px}.hero-stats[data-v-ef868f03]{display:flex;justify-content:center;gap:40px;font-weight:500}.hero-stats span[data-v-ef868f03]{opacity:.95}.filters-section[data-v-ef868f03]{padding:24px 0}.filters-row[data-v-ef868f03]{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;background:var(--bg-secondary);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.filter-group[data-v-ef868f03]{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px}.filter-group label[data-v-ef868f03]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-select[data-v-ef868f03],.filter-input[data-v-ef868f03]{padding:10px 14px;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .3s ease;width:100%}.filter-select[data-v-ef868f03]:focus,.filter-input[data-v-ef868f03]:focus{border-color:var(--primary);outline:none}.clear-btn[data-v-ef868f03]{padding:10px 24px;height:42px;align-self:flex-end}.active-filters[data-v-ef868f03]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.filter-tag[data-v-ef868f03]{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);padding:4px 12px;border-radius:var(--radius-full);font-size:13px;border:1px solid var(--gray-200)}.filter-tag button[data-v-ef868f03]{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;padding:0 4px}.filter-tag button[data-v-ef868f03]:hover{color:var(--danger)}.results-bar[data-v-ef868f03]{display:flex;justify-content:space-between;align-items:center;margin:16px 0 24px;padding:0 4px}.results-count[data-v-ef868f03]{font-size:16px;font-weight:600}.results-sub[data-v-ef868f03]{font-size:14px;color:var(--text-muted)}.loading-state[data-v-ef868f03]{text-align:center;padding:80px 0}.spinner[data-v-ef868f03]{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin-ef868f03 .8s linear infinite;margin:0 auto 16px}@keyframes spin-ef868f03{to{transform:rotate(360deg)}}.courses-grid[data-v-ef868f03]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:40px}.course-card[data-v-ef868f03]{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);transition:all .3s ease}.course-card[data-v-ef868f03]:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.course-card.featured[data-v-ef868f03]{border-color:var(--primary);position:relative}.course-card.featured[data-v-ef868f03]:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--primary-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.course-image[data-v-ef868f03]{height:160px;display:flex;align-items:center;justify-content:center;position:relative;font-size:56px}.image-overlay[data-v-ef868f03]{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#0009);color:#fff}.image-overlay .students-count[data-v-ef868f03]{font-size:13px}.free-badge[data-v-ef868f03]{position:absolute;top:12px;right:12px;background:#00c897;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.featured-badge[data-v-ef868f03]{position:absolute;top:12px;left:12px;background:#f39c12;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.course-content[data-v-ef868f03]{padding:20px}.course-header[data-v-ef868f03]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.level-badge[data-v-ef868f03]{background:var(--gray-200);padding:2px 12px;border-radius:var(--radius-full);font-size:11px;text-transform:capitalize}.rating[data-v-ef868f03]{font-size:14px;font-weight:600}.course-content h3[data-v-ef868f03]{font-size:18px;font-weight:700;margin-bottom:8px}.course-content>p[data-v-ef868f03]{color:var(--text-muted);font-size:14px;margin-bottom:16px;line-height:1.5}.course-footer[data-v-ef868f03]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--gray-200);flex-wrap:wrap;gap:8px}.price-section[data-v-ef868f03]{display:flex;flex-direction:column}.course-price[data-v-ef868f03]{font-weight:700;font-size:20px;color:var(--primary)}.price-note[data-v-ef868f03]{font-size:12px;color:var(--text-muted);text-decoration:line-through}.action-buttons[data-v-ef868f03]{display:flex;gap:6px}.btn-sm[data-v-ef868f03]{padding:6px 12px;font-size:12px}.btn[data-v-ef868f03]{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.btn-primary[data-v-ef868f03]{background:var(--primary);color:#fff}.btn-primary[data-v-ef868f03]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6c63ff4d}.btn-outline[data-v-ef868f03]{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline[data-v-ef868f03]:hover{background:var(--primary);color:#fff}.btn-danger[data-v-ef868f03]{background:var(--danger);color:#fff}.btn-danger[data-v-ef868f03]:hover{opacity:.8}.empty-state[data-v-ef868f03]{text-align:center;padding:80px 0}.empty-icon[data-v-ef868f03]{font-size:64px;display:block;margin-bottom:16px}.empty-state h3[data-v-ef868f03]{font-size:24px;margin-bottom:8px}.empty-state .btn[data-v-ef868f03]{margin-top:16px}@media (max-width: 768px){.store-hero h1[data-v-ef868f03]{font-size:28px}.hero-stats[data-v-ef868f03]{flex-direction:column;gap:8px}.filters-row[data-v-ef868f03]{flex-direction:column}.filter-group[data-v-ef868f03]{min-width:100%}.clear-btn[data-v-ef868f03]{width:100%;justify-content:center}.courses-grid[data-v-ef868f03]{grid-template-columns:1fr}}.login-page[data-v-3015864e]{background:var(--bg-primary);min-height:100vh}.login-hero[data-v-3015864e]{background:var(--primary-gradient);color:#fff;padding:60px 0;text-align:center}.login-hero h1[data-v-3015864e]{font-size:42px;font-weight:800;margin-bottom:8px}.login-hero p[data-v-3015864e]{font-size:18px;opacity:.9}.container[data-v-3015864e]{max-width:1200px;margin:0 auto;padding:0 20px}.login-container[data-v-3015864e]{display:flex;justify-content:center;padding:40px 0}.login-card[data-v-3015864e]{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px;max-width:420px;width:100%;border:1px solid var(--gray-200)}.login-header[data-v-3015864e]{text-align:center;margin-bottom:32px}.login-header h2[data-v-3015864e]{font-size:28px;margin-bottom:4px;color:var(--text-primary)}.login-header p[data-v-3015864e]{color:var(--text-muted)}.login-form[data-v-3015864e]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-3015864e]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-3015864e]{font-weight:600;font-size:14px;color:var(--text-secondary)}.input[data-v-3015864e]{padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:16px;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary)}.input[data-v-3015864e]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6c63ff1a}.form-options[data-v-3015864e]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.checkbox-label[data-v-3015864e]{display:flex;align-items:center;gap:8px;color:var(--text-secondary);cursor:pointer}.link[data-v-3015864e]{color:var(--primary);text-decoration:none}.link[data-v-3015864e]:hover{text-decoration:underline}.btn-full[data-v-3015864e]{width:100%;padding:14px;font-size:16px}.btn[data-v-3015864e]{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary[data-v-3015864e]{background:var(--primary);color:#fff}.btn-primary[data-v-3015864e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #6c63ff4d}.btn-primary[data-v-3015864e]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-3015864e]{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-200)}.login-footer p[data-v-3015864e]{color:var(--text-secondary)}@media (max-width: 480px){.login-card[data-v-3015864e]{padding:24px}.login-hero h1[data-v-3015864e]{font-size:28px}}.register-page[data-v-539cf6ce]{background:var(--bg-primary);min-height:100vh}.register-hero[data-v-539cf6ce]{background:var(--primary-gradient);color:#fff;padding:60px 0;text-align:center}.register-hero h1[data-v-539cf6ce]{font-size:42px;font-weight:800;margin-bottom:8px}.register-hero p[data-v-539cf6ce]{font-size:18px;opacity:.9}.container[data-v-539cf6ce]{max-width:1200px;margin:0 auto;padding:0 20px}.register-container[data-v-539cf6ce]{display:flex;justify-content:center;padding:40px 0}.register-card[data-v-539cf6ce]{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px;max-width:420px;width:100%;border:1px solid var(--gray-200)}.register-header[data-v-539cf6ce]{text-align:center;margin-bottom:32px}.register-header h2[data-v-539cf6ce]{font-size:28px;margin-bottom:4px;color:var(--text-primary)}.register-header p[data-v-539cf6ce]{color:var(--text-muted)}.register-form[data-v-539cf6ce]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-539cf6ce]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-539cf6ce]{font-weight:600;font-size:14px;color:var(--text-secondary)}.input[data-v-539cf6ce]{padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:16px;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary)}.input[data-v-539cf6ce]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6c63ff1a}.btn-full[data-v-539cf6ce]{width:100%;padding:14px;font-size:16px;margin-top:8px}.btn[data-v-539cf6ce]{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary[data-v-539cf6ce]{background:var(--primary);color:#fff}.btn-primary[data-v-539cf6ce]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #6c63ff4d}.btn-primary[data-v-539cf6ce]:disabled{opacity:.6;cursor:not-allowed}.register-footer[data-v-539cf6ce]{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-200)}.register-footer p[data-v-539cf6ce]{color:var(--text-secondary)}.link[data-v-539cf6ce]{color:var(--primary);text-decoration:none}.link[data-v-539cf6ce]:hover{text-decoration:underline}@media (max-width: 480px){.register-card[data-v-539cf6ce]{padding:24px}.register-hero h1[data-v-539cf6ce]{font-size:28px}}.dashboard-page[data-v-314c3f18]{background:var(--bg-primary);min-height:100vh;padding-top:64px}.container[data-v-314c3f18]{max-width:1200px;margin:0 auto;padding:0 24px}.dashboard-hero[data-v-314c3f18]{background:var(--primary-gradient);color:#fff;padding:40px 0}.hero-content[data-v-314c3f18]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.hero-content h1[data-v-314c3f18]{font-size:28px;font-weight:700;margin-bottom:4px}.hero-content p[data-v-314c3f18]{opacity:.9}.btn-hero[data-v-314c3f18]{display:inline-block;padding:10px 28px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;text-decoration:none;font-weight:600}.btn-hero[data-v-314c3f18]:hover{background:#ffffff4d;transform:translateY(-2px)}.stats-grid[data-v-314c3f18]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:32px 0}.stat-card[data-v-314c3f18]{background:var(--bg-secondary);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--gray-200)}.stat-icon[data-v-314c3f18]{font-size:28px}.stat-value[data-v-314c3f18]{font-size:24px;font-weight:700;color:var(--text-primary)}.stat-label[data-v-314c3f18]{font-size:12px;color:var(--text-muted)}.dashboard-grid[data-v-314c3f18]{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding-bottom:40px}.dashboard-card[data-v-314c3f18]{background:var(--bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--gray-200)}.card-header[data-v-314c3f18]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3[data-v-314c3f18]{font-size:16px;font-weight:600}.card-link[data-v-314c3f18]{font-size:13px;color:var(--primary);text-decoration:none}.course-list[data-v-314c3f18]{display:flex;flex-direction:column;gap:12px}.course-item[data-v-314c3f18]{padding:12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--gray-100)}.course-name[data-v-314c3f18]{font-weight:500;font-size:14px;display:block;margin-bottom:8px}.progress-bar[data-v-314c3f18]{height:4px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-fill[data-v-314c3f18]{height:100%;background:var(--primary-gradient);transition:width .5s ease}.progress-details[data-v-314c3f18]{display:flex;justify-content:space-between;align-items:center}.progress-text[data-v-314c3f18]{font-size:12px;color:var(--text-muted)}.continue-link[data-v-314c3f18]{font-size:13px;color:var(--primary);text-decoration:none;font-weight:500}.activity-list[data-v-314c3f18]{display:flex;flex-direction:column;gap:8px}.activity-item[data-v-314c3f18]{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--gray-100);font-size:14px}.activity-time[data-v-314c3f18]{font-size:12px;color:var(--text-muted);margin-left:auto}.empty-state[data-v-314c3f18]{text-align:center;padding:24px 0}.empty-state span[data-v-314c3f18]{font-size:32px;display:block;margin-bottom:8px}.empty-state p[data-v-314c3f18]{color:var(--text-muted);margin-bottom:12px}.btn-empty[data-v-314c3f18]{display:inline-block;padding:6px 20px;background:var(--primary);color:#fff;border-radius:6px;text-decoration:none;font-size:13px}@media (max-width: 900px){.dashboard-grid[data-v-314c3f18]{grid-template-columns:1fr}}@media (max-width: 600px){.hero-content[data-v-314c3f18]{flex-direction:column;text-align:center}.stats-grid[data-v-314c3f18]{grid-template-columns:repeat(2,1fr)}}.profile-page[data-v-aee52d50]{background:var(--bg-primary);min-height:100vh;padding-top:64px}.container[data-v-aee52d50]{max-width:1200px;margin:0 auto;padding:0 24px}.profile-hero[data-v-aee52d50]{background:var(--primary-gradient);color:#fff;padding:112px 0 48px;margin-top:-64px}.hero-content[data-v-aee52d50]{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.avatar-wrapper[data-v-aee52d50]{position:relative;width:100px;height:100px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3)}.avatar-text[data-v-aee52d50]{font-size:36px;font-weight:700}.avatar-upload[data-v-aee52d50]{position:absolute;bottom:0;right:0;background:#fff;color:var(--text-primary);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--bg-primary);transition:all .2s ease}.avatar-upload[data-v-aee52d50]:hover{transform:scale(1.1)}.avatar-upload input[data-v-aee52d50]{display:none}.hero-info h1[data-v-aee52d50]{font-size:32px;margin-bottom:4px}.user-email[data-v-aee52d50]{opacity:.8;margin-bottom:12px}.user-badges[data-v-aee52d50]{display:flex;gap:8px;flex-wrap:wrap}.badge[data-v-aee52d50]{background:#fff3;padding:4px 12px;border-radius:20px;font-size:13px}.hero-stats[data-v-aee52d50]{display:flex;gap:32px;margin-left:auto}.stat-item[data-v-aee52d50]{text-align:center}.stat-value[data-v-aee52d50]{display:block;font-size:28px;font-weight:700}.stat-label[data-v-aee52d50]{font-size:13px;opacity:.8}.profile-layout[data-v-aee52d50]{display:flex;gap:32px;padding:32px 0}.profile-sidebar[data-v-aee52d50]{width:200px;flex-shrink:0}.sidebar-nav[data-v-aee52d50]{display:flex;flex-direction:column;gap:4px;position:sticky;top:80px}.sidebar-link[data-v-aee52d50]{display:flex;align-items:center;gap:12px;padding:10px 16px;border:none;background:none;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;width:100%;text-align:left}.sidebar-link[data-v-aee52d50]:hover{background:var(--gray-50);color:var(--text-primary)}.sidebar-link.active[data-v-aee52d50]{background:var(--primary);color:#fff}.tab-icon[data-v-aee52d50]{font-size:18px}.profile-main[data-v-aee52d50]{flex:1;min-width:0}.tab-content[data-v-aee52d50]{animation:fadeIn-aee52d50 .3s ease}@keyframes fadeIn-aee52d50{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.overview-grid[data-v-aee52d50]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.overview-card[data-v-aee52d50]{background:var(--bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--gray-200)}.overview-card h3[data-v-aee52d50]{font-size:16px;margin-bottom:16px}.course-list[data-v-aee52d50]{display:flex;flex-direction:column;gap:12px}.course-item[data-v-aee52d50]{display:flex;align-items:center;gap:12px}.course-progress[data-v-aee52d50]{display:flex;align-items:center;gap:8px;flex:1}.progress-bar[data-v-aee52d50]{flex:1;height:4px;background:var(--gray-200);border-radius:4px;overflow:hidden}.progress-fill[data-v-aee52d50]{height:100%;background:var(--primary-gradient);transition:width .5s ease}.progress-text[data-v-aee52d50]{font-size:12px;font-weight:600;color:var(--text-muted);min-width:36px}.course-title[data-v-aee52d50]{font-size:13px;font-weight:500;flex:1}.certificate-list[data-v-aee52d50]{display:flex;flex-direction:column;gap:12px}.certificate-item[data-v-aee52d50]{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--gray-100)}.cert-icon[data-v-aee52d50]{font-size:20px}.cert-name[data-v-aee52d50]{font-weight:500;font-size:14px;display:block}.cert-date[data-v-aee52d50]{font-size:12px;color:var(--text-muted)}.empty-text[data-v-aee52d50]{color:var(--text-muted);font-size:14px}.progress-stats[data-v-aee52d50]{display:flex;flex-direction:column;gap:16px}.progress-stat[data-v-aee52d50]{display:flex;align-items:center;gap:12px}.progress-stat .progress-bar[data-v-aee52d50]{flex:1}.stat-percent[data-v-aee52d50]{font-weight:600;font-size:14px;min-width:40px;text-align:right}.weekly-activity[data-v-aee52d50]{display:flex;align-items:flex-end;gap:8px;flex:1;height:60px}.day-bar[data-v-aee52d50]{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.day-fill[data-v-aee52d50]{width:100%;max-width:20px;background:var(--primary-gradient);border-radius:4px 4px 0 0;transition:height .5s ease;min-height:2px}.day-bar span[data-v-aee52d50]{font-size:10px;color:var(--text-muted)}.courses-grid[data-v-aee52d50]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.course-card[data-v-aee52d50]{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--gray-200);transition:all .3s ease}.course-card[data-v-aee52d50]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.course-image[data-v-aee52d50]{height:80px;display:flex;align-items:center;justify-content:center;font-size:32px}.course-info[data-v-aee52d50]{padding:16px}.course-info h4[data-v-aee52d50]{font-size:14px;margin-bottom:8px}.course-info .progress-bar[data-v-aee52d50]{height:4px;margin:8px 0}.btn-continue[data-v-aee52d50]{display:inline-block;margin-top:8px;padding:6px 16px;background:var(--primary);color:#fff;border-radius:6px;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease}.btn-continue[data-v-aee52d50]:hover{background:var(--primary-dark);transform:translateY(-1px)}.settings-form[data-v-aee52d50]{max-width:600px}.settings-form h3[data-v-aee52d50]{margin-bottom:24px}.form-group[data-v-aee52d50]{margin-bottom:16px}.form-group label[data-v-aee52d50]{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.input[data-v-aee52d50]{width:100%;padding:10px 14px;border:2px solid var(--gray-200);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.input[data-v-aee52d50]:focus{border-color:var(--primary);outline:none}textarea.input[data-v-aee52d50]{resize:vertical;font-family:inherit}.form-row[data-v-aee52d50]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-save[data-v-aee52d50]{padding:10px 32px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-save[data-v-aee52d50]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff4d}.security-section[data-v-aee52d50]{margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-200)}.security-section h4[data-v-aee52d50]{margin-bottom:16px}@media (max-width: 900px){.overview-grid[data-v-aee52d50]{grid-template-columns:1fr}.hero-stats[data-v-aee52d50]{margin-left:0;width:100%;justify-content:space-around}.profile-layout[data-v-aee52d50]{flex-direction:column}.profile-sidebar[data-v-aee52d50]{width:100%}.sidebar-nav[data-v-aee52d50]{flex-direction:row;flex-wrap:wrap;position:static}.sidebar-link[data-v-aee52d50]{flex:1;justify-content:center;min-width:100px}}@media (max-width: 600px){.hero-content[data-v-aee52d50]{flex-direction:column;text-align:center}.hero-stats[data-v-aee52d50]{flex-wrap:wrap}.form-row[data-v-aee52d50],.courses-grid[data-v-aee52d50]{grid-template-columns:1fr}}.course-details[data-v-56a25435]{background:var(--bg-primary);min-height:100vh}.loading-container[data-v-56a25435]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loader[data-v-56a25435]{width:50px;height:50px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin-56a25435 1s linear infinite}@keyframes spin-56a25435{to{transform:rotate(360deg)}}.course-header[data-v-56a25435]{padding:60px 0;color:#fff;position:relative}.header-content[data-v-56a25435]{display:grid;grid-template-columns:2fr 1fr;gap:40px}.course-badge[data-v-56a25435]{display:inline-block;background:#fff3;padding:4px 16px;border-radius:var(--radius-full);font-size:14px;text-transform:capitalize;margin-bottom:12px}.header-text h1[data-v-56a25435]{font-size:36px;margin-bottom:16px}.header-text p[data-v-56a25435]{opacity:.9;font-size:18px;margin-bottom:16px}.header-meta[data-v-56a25435]{display:flex;gap:20px;margin-bottom:20px;font-size:14px;opacity:.8}.header-actions .btn-large[data-v-56a25435]{padding:16px 40px;font-size:18px}.enrolled-badge[data-v-56a25435]{display:inline-block;background:#fff3;padding:12px 24px;border-radius:var(--radius-md);font-weight:600}.price-card[data-v-56a25435]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;color:var(--text-primary);box-shadow:var(--shadow-xl)}.price[data-v-56a25435]{font-size:32px;font-weight:700;margin-bottom:16px;text-align:center}.course-features[data-v-56a25435]{margin-top:16px;font-size:14px;display:flex;flex-direction:column;gap:8px;color:var(--text-secondary)}.course-content-section[data-v-56a25435]{padding:40px 0;background:var(--bg-primary)}.content-grid[data-v-56a25435]{display:grid;grid-template-columns:2fr 1fr;gap:40px}.progress-section[data-v-56a25435]{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-lg);margin-bottom:24px;border:1px solid var(--gray-200)}.progress-header[data-v-56a25435]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-bar[data-v-56a25435]{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-56a25435]{height:100%;background:var(--primary-gradient);transition:width .5s ease}.curriculum[data-v-56a25435]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--gray-200)}.curriculum h3[data-v-56a25435]{margin-bottom:16px}.section[data-v-56a25435]{border-bottom:1px solid var(--gray-200)}.section[data-v-56a25435]:last-child{border-bottom:none}.section-header[data-v-56a25435]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;transition:all .3s ease}.section-header[data-v-56a25435]:hover{background:var(--bg-primary)}.section-title[data-v-56a25435]{display:flex;align-items:center;gap:8px;font-weight:600}.section-info[data-v-56a25435]{font-size:14px;color:var(--text-muted)}.lessons-list[data-v-56a25435]{padding-left:24px}.lesson-item[data-v-56a25435]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:all .3s ease}.lesson-item[data-v-56a25435]:hover{background:var(--bg-primary)}.lesson-item.completed[data-v-56a25435]{color:var(--success)}.lesson-item.locked[data-v-56a25435]{opacity:.5;cursor:not-allowed}.lesson-item.active[data-v-56a25435]{background:var(--bg-primary);border-left:3px solid var(--primary)}.lesson-left[data-v-56a25435]{display:flex;align-items:center;gap:8px}.lesson-status[data-v-56a25435]{font-size:16px}.lesson-title[data-v-56a25435]{font-size:14px}.lesson-duration[data-v-56a25435]{font-size:12px;color:var(--text-muted)}.sidebar-card[data-v-56a25435]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--gray-200);position:sticky;top:20px}.sidebar-card h4[data-v-56a25435]{margin-bottom:16px}.includes-list[data-v-56a25435]{list-style:none;padding:0}.includes-list li[data-v-56a25435]{padding:8px 0;color:var(--text-secondary);border-bottom:1px solid var(--gray-100)}.includes-list li[data-v-56a25435]:last-child{border-bottom:none}.lesson-modal[data-v-56a25435]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content[data-v-56a25435]{background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-56a25435]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--gray-200)}.modal-title[data-v-56a25435]{display:flex;align-items:center;gap:12px}.back-btn[data-v-56a25435]{font-size:24px;cursor:pointer;color:var(--text-secondary);transition:all .3s ease}.back-btn[data-v-56a25435]:hover{color:var(--primary)}.close-btn[data-v-56a25435]{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:4px 8px}.close-btn[data-v-56a25435]:hover{color:var(--danger)}.modal-body[data-v-56a25435]{padding:24px;overflow-y:auto;flex:1}.video-container[data-v-56a25435]{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:var(--radius-md);margin-bottom:16px}.video-container iframe[data-v-56a25435],.video-container video[data-v-56a25435]{position:absolute;top:0;left:0;width:100%;height:100%}.text-content[data-v-56a25435]{background:var(--bg-primary);padding:24px;border-radius:var(--radius-md);line-height:1.8}.lesson-description[data-v-56a25435]{background:var(--bg-primary);padding:16px;border-radius:var(--radius-md)}.modal-footer[data-v-56a25435]{padding:16px 24px;border-top:1px solid var(--gray-200)}.lesson-nav[data-v-56a25435]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.completed-text[data-v-56a25435]{color:var(--success);font-weight:600}@media (max-width: 768px){.header-content[data-v-56a25435],.content-grid[data-v-56a25435]{grid-template-columns:1fr}.modal-content[data-v-56a25435]{max-height:100vh;border-radius:0}}.admin-layout[data-v-948cd7a6]{display:flex;min-height:100vh;background:var(--bg-primary);padding-top:64px}.admin-sidebar[data-v-948cd7a6]{width:260px;background:var(--bg-secondary);border-right:1px solid var(--gray-200);padding:24px 16px;min-height:calc(100vh - 64px);position:sticky;top:64px;flex-shrink:0}.sidebar-header[data-v-948cd7a6]{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.sidebar-header h2[data-v-948cd7a6]{font-size:20px;color:var(--primary);margin:0}.sidebar-header p[data-v-948cd7a6]{font-size:12px;color:var(--text-muted);margin:4px 0 0}.sidebar-nav[data-v-948cd7a6]{display:flex;flex-direction:column;gap:4px}.nav-item[data-v-948cd7a6]{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-size:14px;font-weight:500}.nav-item[data-v-948cd7a6]:hover{background:var(--bg-primary);color:var(--text-primary)}.nav-item.active[data-v-948cd7a6]{background:var(--primary);color:#fff}.admin-main[data-v-948cd7a6]{flex:1;padding:24px;min-width:0}.admin-header[data-v-948cd7a6]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:24px;border:1px solid var(--gray-200)}.header-left[data-v-948cd7a6]{display:flex;align-items:center;gap:16px}.header-left h1[data-v-948cd7a6]{font-size:20px;font-weight:600;margin:0}.menu-btn[data-v-948cd7a6]{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-primary);display:none;padding:4px 8px}.header-right[data-v-948cd7a6]{display:flex;align-items:center;gap:16px}.admin-user[data-v-948cd7a6]{font-weight:600;font-size:14px}.logout-btn[data-v-948cd7a6]{background:var(--danger);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.logout-btn[data-v-948cd7a6]:hover{opacity:.8}.admin-content[data-v-948cd7a6]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--gray-200);min-height:400px}@media (max-width: 768px){.admin-sidebar[data-v-948cd7a6]{position:fixed;left:-280px;top:64px;bottom:0;z-index:999;width:280px;transition:left .3s ease}.admin-sidebar.open[data-v-948cd7a6]{left:0}.menu-btn[data-v-948cd7a6]{display:block}.admin-main[data-v-948cd7a6]{padding:16px}.admin-header[data-v-948cd7a6]{flex-wrap:wrap;gap:8px}}@media (max-width: 480px){.admin-header[data-v-948cd7a6]{padding:12px 16px}.header-left h1[data-v-948cd7a6]{font-size:16px}.admin-content[data-v-948cd7a6]{padding:16px}}.admin-dashboard[data-v-66f95d61]{padding:0}.stats-grid[data-v-66f95d61]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-66f95d61]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--gray-200);transition:all .3s ease}.stat-card[data-v-66f95d61]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon[data-v-66f95d61]{font-size:32px}.stat-info h3[data-v-66f95d61]{font-size:12px;color:var(--text-muted);margin:0 0 4px}.stat-info p[data-v-66f95d61]{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.charts-row[data-v-66f95d61]{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-card[data-v-66f95d61]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--gray-200)}.chart-card h3[data-v-66f95d61]{font-size:16px;font-weight:600;margin:0 0 16px}.revenue-chart[data-v-66f95d61]{display:flex;justify-content:space-between;align-items:flex-end;height:150px;gap:4px}.revenue-bar[data-v-66f95d61]{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.revenue-bar .bar[data-v-66f95d61]{width:100%;max-width:24px;background:var(--primary-gradient);border-radius:4px 4px 0 0;transition:height .5s ease;min-height:4px}.revenue-bar span[data-v-66f95d61]{font-size:10px;color:var(--text-muted)}.categories-list[data-v-66f95d61]{display:flex;flex-direction:column;gap:8px}.category-item[data-v-66f95d61]{display:flex;align-items:center;gap:8px}.category-name[data-v-66f95d61]{min-width:100px;font-size:13px}.category-bar[data-v-66f95d61]{flex:1;height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.category-fill[data-v-66f95d61]{height:100%;background:var(--primary-gradient);transition:width .5s ease}.category-count[data-v-66f95d61]{font-size:12px;color:var(--text-muted);min-width:30px;text-align:right}.no-data[data-v-66f95d61]{color:var(--text-muted);text-align:center;padding:20px 0;margin:0}@media (max-width: 768px){.charts-row[data-v-66f95d61]{grid-template-columns:1fr}.stats-grid[data-v-66f95d61]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid[data-v-66f95d61]{grid-template-columns:1fr}}:root{--primary: #6C63FF;--primary-dark: #5A52D5;--primary-light: #8B83FF;--primary-gradient: linear-gradient(135deg, #6C63FF 0%, #3F3D9E 100%);--secondary: #FF6584;--secondary-dark: #E54A6A;--secondary-light: #FF8BA1;--success: #00C897;--warning: #FFB800;--danger: #FF4757;--info: #2ED573;--white: #FFFFFF;--black: #1A1A2E;--gray-50: #F8F9FA;--gray-100: #F1F3F5;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-400: #CED4DA;--gray-500: #ADB5BD;--gray-600: #868E96;--gray-700: #495057;--gray-800: #343A40;--gray-900: #212529;--bg-primary: #F0F2FF;--bg-secondary: #FFFFFF;--bg-dark: #1A1A2E;--text-primary: #1A1A2E;--text-secondary: #495057;--text-muted: #868E96;--text-light: #FFFFFF;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15);--shadow-2xl: 0 25px 50px rgba(0,0,0,.25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px}[data-theme=light]{--bg-primary: #F0F2FF;--bg-secondary: #FFFFFF;--text-primary: #1A1A2E;--text-secondary: #495057;--text-muted: #868E96;--shadow-color: rgba(0,0,0,.1)}[data-theme=dark]{--bg-primary: #0D0D1A;--bg-secondary: #1A1A2E;--text-primary: #F8F9FA;--text-secondary: #E9ECEF;--text-muted: #ADB5BD;--shadow-color: rgba(0,0,0,.3);--gray-50: #1A1A2E;--gray-100: #212529;--gray-200: #343A40;--gray-300: #495057;--gray-400: #868E96;--gray-500: #ADB5BD}[data-theme=blue]{--primary: #4A90D9;--primary-dark: #357ABD;--primary-light: #6BA8E8;--primary-gradient: linear-gradient(135deg, #4A90D9 0%, #2C3E6B 100%);--bg-primary: #E8F0FE}[data-theme=green]{--primary: #2ECC71;--primary-dark: #27AE60;--primary-light: #58D68D;--primary-gradient: linear-gradient(135deg, #2ECC71 0%, #1A6B3B 100%);--bg-primary: #E8F8F0}[data-theme=purple]{--primary: #9B59B6;--primary-dark: #8E44AD;--primary-light: #AF7AC5;--primary-gradient: linear-gradient(135deg, #9B59B6 0%, #512E5F 100%);--bg-primary: #F4ECF7}[data-theme=gold]{--primary: #F39C12;--primary-dark: #E67E22;--primary-light: #F5B041;--primary-gradient: linear-gradient(135deg, #F39C12 0%, #7D5A0A 100%);--bg-primary: #FEF9E7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease;line-height:1.6}[lang=ar]{font-family:Cairo,Tajawal,-apple-system,sans-serif;direction:rtl}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all .3s ease;border:1px solid var(--gray-200)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:16px;transition:all .3s ease;cursor:pointer;border:none;text-decoration:none;gap:8px}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #6c63ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c63ff66}.btn-secondary{background:var(--secondary);color:#fff}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.link{color:var(--primary);text-decoration:none;transition:all .3s ease;font-weight:500}.link:hover{color:var(--primary-dark);text-decoration:underline}.input{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:16px;transition:all .3s ease;background:var(--bg-secondary);color:var(--text-primary)}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6c63ff1a}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.navbar{background:var(--bg-secondary);box-shadow:var(--shadow-sm);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:24px;font-weight:700;color:var(--primary);text-decoration:none}.navbar-links{display:flex;gap:var(--spacing-lg);align-items:center}.course-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--gray-200)}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.course-card-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:var(--primary-gradient)}.course-card-content{padding:var(--spacing-lg)}.course-card-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.course-card-description{color:var(--text-secondary);font-size:14px;line-height:1.5}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:var(--radius-full);padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;color:var(--text-primary)}.theme-toggle:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.language-toggle{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);padding:8px 16px;cursor:pointer;font-weight:600;transition:all .3s ease}.language-toggle:hover{transform:scale(1.05);box-shadow:0 4px 15px #6c63ff4d}.footer{background:var(--bg-dark);color:var(--text-light);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-2xl)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.navbar-links{display:none;flex-direction:column;width:100%}.navbar-links.active{display:flex}.container{padding:0 var(--spacing-md)}}