:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-500: #a855f7;--secondary-600: #9333ea;--secondary-700: #7c3aed;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-500: #22c55e;--success-600: #16a34a;--error-500: #ef4444;--error-600: #dc2626;--warning-500: #f59e0b;--warning-600: #d97706;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition: all .2s ease;--primary: #0ea5e9;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex{display:flex}.md\:hidden{display:none}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}@media(min-width:768px){h1{font-size:3rem}h2{font-size:2.25rem}}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-white{color:#fff}.text-primary{color:var(--primary-600)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-success{color:var(--success-600)}.text-error{color:var(--error-600)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.space-y-4>*+*{margin-top:1rem}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-900{background-color:var(--gray-900)}.bg-primary{background-color:var(--primary-600)}.bg-primary-light{background-color:var(--primary-100)}.bg-success{background-color:var(--success-500)}.bg-error{background-color:var(--error-500)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.border{border:1px solid var(--gray-200)}.border-2{border-width:2px}.border-white{border-color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:var(--transition);text-decoration:none;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover{background-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--gray-100);color:var(--gray-800)}.btn-secondary:hover{background-color:var(--gray-200)}.btn-outline{background-color:transparent;border:2px solid var(--primary-600);color:var(--primary-600)}.btn-outline:hover{background-color:var(--primary-600);color:#fff}.btn-outline-white{background-color:transparent;border:2px solid white;color:#fff}.btn-outline-white:hover,.btn-white{background-color:#fff;color:var(--primary-700)}.btn-white:hover{background-color:var(--gray-100)}.btn-success{background-color:var(--success-500);color:#fff}.btn-success:hover{background-color:var(--success-600)}.btn-danger{background-color:var(--error-500);color:#fff}.btn-danger:hover{background-color:var(--error-600)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background-color:#fff;transition:var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e926}.form-input::-moz-placeholder{color:var(--gray-400)}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--error-500)}.form-error{margin-top:.25rem;font-size:.875rem;color:var(--error-600)}.card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:1.5rem}.course-card{display:block;text-decoration:none;color:inherit}.course-card .card-image{position:relative;height:200px;overflow:hidden;background-color:var(--gray-200)}.course-card .card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.course-card:hover .card-image img{transform:scale(1.05)}.card-image .placeholder-icon{display:flex;align-items:center;justify-content:center;height:100%;font-size:4rem;color:var(--gray-400)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.badge-primary{background-color:var(--primary-100);color:var(--primary-700)}.badge-success{background-color:#dcfce7;color:var(--success-600)}.badge-warning{background-color:#fef3c7;color:var(--warning-600)}.badge-error{background-color:#fee2e2;color:var(--error-600)}.badge-gray{background-color:var(--gray-100);color:var(--gray-700)}.navbar{position:sticky;top:0;z-index:100;background-color:#fff;box-shadow:var(--shadow)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-logo{font-size:1.5rem;font-weight:800;color:var(--primary-600);text-decoration:none;display:flex;align-items:center;gap:.5rem}.navbar-logo:hover{color:var(--primary-700)}.navbar-logo-img{height:36px;width:auto;-o-object-fit:contain;object-fit:contain}.navbar-logo-icon{font-size:1.5rem}.navbar-logo-text{font-size:1.25rem;font-weight:700}@media(max-width:480px){.navbar-logo-text{display:none}.navbar-logo-img{height:32px}}.navbar-menu{display:none;align-items:center;gap:2rem}@media(min-width:768px){.navbar-menu{display:flex}}.navbar-link{font-weight:500;color:var(--gray-700);transition:var(--transition);position:relative}.navbar-link:hover{color:var(--primary-600)}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--primary-600);transition:var(--transition)}.navbar-link:hover:after{width:100%}.navbar-cart-link{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--gray-600);transition:var(--transition)}.navbar-cart-link:hover{color:var(--primary-600)}.cart-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:var(--primary-600);color:#fff;font-size:.7rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.navbar-actions{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--primary-600);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:50}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;color:var(--gray-700);background:none;border:none;cursor:pointer;transition:var(--transition)}.dropdown-item:hover{background-color:var(--gray-100);color:var(--primary-600)}.hero{position:relative;padding:5rem 0;background:linear-gradient(135deg,var(--primary-700) 0%,var(--secondary-700) 100%);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.hero h1{color:#fff;font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2}@media(min-width:768px){.hero{padding:6rem 0}.hero h1{font-size:3.5rem}}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media(min-width:640px){.hero-buttons{flex-direction:row}}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.hero-stat{text-align:center}.hero-stat-number{font-size:2.5rem;font-weight:800}.hero-stat-label{font-size:.875rem;opacity:.8}.section{padding:5rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}.section-alt{background-color:var(--gray-100)}.features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{text-align:center;padding:2rem;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem}.feature-title{font-size:1.125rem;margin-bottom:.5rem}.feature-desc{font-size:.875rem;color:var(--gray-600)}.pricing-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;max-width:900px;margin:0 auto}@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.pricing-card{background-color:#fff;border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:var(--shadow-lg);position:relative;transition:var(--transition)}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured{border:2px solid var(--primary-500)}.pricing-card.featured:before{content:"En Populer";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.25rem 1rem;background-color:var(--primary-600);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.pricing-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem}.pricing-name{font-size:1.25rem;color:var(--gray-800);margin-bottom:.5rem}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.pricing-currency{font-size:1.5rem;color:var(--gray-600)}.pricing-amount{font-size:3.5rem;font-weight:800;color:var(--gray-900);line-height:1}.pricing-period{font-size:1rem;color:var(--gray-500)}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{padding:.75rem 0;display:flex;align-items:center;gap:.75rem;color:var(--gray-700)}.pricing-features li:before{content:"✓";color:var(--success-500);font-weight:700}.footer{background-color:var(--gray-900);color:var(--gray-300);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-bottom:3rem}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-logo{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:1rem}.footer-desc{color:var(--gray-400);line-height:1.7}.footer-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--gray-400);transition:var(--transition)}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid var(--gray-800);text-align:center;color:var(--gray-500);font-size:.875rem}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.w-full{width:100%}.max-w-4xl{max-width:56rem}.h-16{height:4rem}.h-48{height:12rem}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.top-2{top:.5rem}.right-2{right:.5rem}.z-10{z-index:10}.object-cover{-o-object-fit:cover;object-fit:cover}.transition{transition:var(--transition)}.cursor-pointer{cursor:pointer}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1rem}.alert{padding:1rem 1.25rem;border-radius:var(--radius-lg);margin-bottom:1rem}.alert-success{background-color:#dcfce7;color:var(--success-600);border:1px solid #bbf7d0}.alert-error{background-color:#fee2e2;color:var(--error-600);border:1px solid #fecaca}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;background-color:var(--gray-900);color:#fff;position:fixed;height:100vh;overflow-y:auto}.admin-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--gray-800)}.admin-sidebar-logo{font-size:1.25rem;font-weight:700;color:#fff}.admin-nav{padding:1rem 0}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--gray-400);transition:var(--transition);border:none;background:none;width:100%;text-align:left;cursor:pointer}.admin-nav-item:hover,.admin-nav-item.active{color:#fff;background-color:var(--gray-800)}.admin-nav-item.active{border-left:3px solid var(--primary-500)}.admin-content{flex:1;margin-left:260px;background-color:var(--gray-100)}.admin-header{background-color:#fff;padding:1rem 2rem;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between}.admin-main{padding:2rem}.admin-page-header{margin-bottom:1.5rem}.admin-page-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.admin-card{background-color:#fff;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow)}[data-theme=dark] .admin-card{background-color:#1a1a2e;border:1px solid #2a2a4a}[data-theme=dark] .admin-page-header h1{color:#f9fafb}.stat-card{background-color:#fff;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-card-value{font-size:2rem;font-weight:700;color:var(--gray-900)}.stat-card-label{font-size:.875rem;color:var(--gray-500)}.table-container{overflow-x:auto;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray-100)}.table th{background-color:var(--gray-50);font-weight:600;color:var(--gray-700);font-size:.875rem;text-transform:uppercase}.table tr:hover td{background-color:var(--gray-50)}.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;padding:.5rem;background:none;border:none;cursor:pointer}.mobile-menu-btn span{width:24px;height:2px;background-color:var(--gray-700);transition:var(--transition)}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{position:fixed;top:70px;left:0;right:0;background-color:#fff;padding:1rem;box-shadow:var(--shadow-lg);z-index:99}.mobile-menu a{display:block;padding:.75rem;color:var(--gray-700);border-radius:var(--radius)}.mobile-menu a:hover{background-color:var(--gray-100)}.mobile-menu-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:var(--gray-700);border-radius:var(--radius);transition:var(--transition);font-weight:500}.mobile-menu-link:hover{background-color:var(--gray-100);color:var(--primary-600)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--gray-100);border:none;cursor:pointer;transition:var(--transition)}.theme-toggle:hover{background-color:var(--gray-200);transform:scale(1.1)}.theme-toggle-icon{font-size:1.25rem}.language-switcher{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--gray-100);border:none;cursor:pointer;transition:var(--transition)}.language-switcher:hover{background-color:var(--gray-200);transform:scale(1.1)}.language-switcher-text{font-size:.75rem;font-weight:700;color:var(--gray-700);letter-spacing:.5px}.admin-stat-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media(min-width:640px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-stat-grid{grid-template-columns:repeat(4,1fr)}}.admin-stat-card{background:linear-gradient(135deg,white 0%,var(--gray-50) 100%);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition);border-left:4px solid var(--primary-500)}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.admin-stat-card.success{border-left-color:var(--success-500)}.admin-stat-card.warning{border-left-color:var(--warning-500)}.admin-stat-card.error{border-left-color:var(--error-500)}.admin-stat-card.purple{border-left-color:var(--secondary-600)}.admin-stat-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.admin-stat-icon.primary{background-color:var(--primary-100)}.admin-stat-icon.success{background-color:#dcfce7}.admin-stat-icon.warning{background-color:#fef3c7}.admin-stat-icon.purple{background-color:#f3e8ff}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--gray-900);line-height:1}.admin-stat-label{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.admin-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.admin-quick-actions{grid-template-columns:repeat(4,1fr)}}.admin-quick-action{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);text-decoration:none;color:var(--gray-700);transition:var(--transition);border:2px solid transparent}.admin-quick-action:hover{border-color:var(--primary-500);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.admin-quick-action-icon{font-size:2rem;margin-bottom:.5rem}.admin-quick-action-label{font-weight:500}.input-field{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background-color:#fff;transition:var(--transition)}.input-field:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e926}.btn-primary{background-color:var(--primary-600);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-lg);border:none;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary:hover{background-color:var(--primary-700)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-700);padding:.75rem 1.5rem;border-radius:var(--radius-lg);border:none;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background-color:var(--gray-300)}[data-theme=dark]{--gray-50: #1a1a2e;--gray-100: #1f1f3a;--gray-200: #2a2a4a;--gray-300: #3a3a5a;--gray-400: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--gray-900: #f9fafb;--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--bg-primary: #1a1a2e;--bg-secondary: #1f1f3a;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #2a2a4a}[data-theme=dark] body{background-color:#0f0f1a;color:var(--gray-700)}[data-theme=dark] .navbar{background-color:#1a1a2e;border-bottom:1px solid var(--gray-200)}[data-theme=dark] .navbar-link{color:var(--gray-600)}[data-theme=dark] .navbar-link:hover{color:var(--primary-400)}[data-theme=dark] .card,[data-theme=dark] .pricing-card,[data-theme=dark] .feature-card{background-color:#1a1a2e;border:1px solid var(--gray-200)}[data-theme=dark] .card:hover,[data-theme=dark] .pricing-card:hover,[data-theme=dark] .feature-card:hover{background-color:#1f1f3a}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--gray-900)}[data-theme=dark] .text-gray-600{color:var(--gray-500)}[data-theme=dark] .text-gray-700{color:var(--gray-600)}[data-theme=dark] .text-gray-800{color:var(--gray-700)}[data-theme=dark] .text-gray-900{color:var(--gray-800)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] .input-field{background-color:#1f1f3a;border-color:var(--gray-300);color:var(--gray-800)}[data-theme=dark] .form-input::-moz-placeholder,[data-theme=dark] .input-field::-moz-placeholder{color:var(--gray-400)}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .input-field::placeholder{color:var(--gray-400)}[data-theme=dark] .bg-white{background-color:#1a1a2e}[data-theme=dark] .bg-gray-50{background-color:#0f0f1a}[data-theme=dark] .bg-gray-100{background-color:#1a1a2e}[data-theme=dark] .bg-gray-200{background-color:#1f1f3a}[data-theme=dark] .section-alt{background-color:#151525}[data-theme=dark] .footer{background-color:#0a0a14}[data-theme=dark] .footer-bottom{border-top-color:var(--gray-200)}[data-theme=dark] .table-container{background-color:#1a1a2e}[data-theme=dark] .table th{background-color:#1f1f3a;color:var(--gray-600)}[data-theme=dark] .table td{border-bottom-color:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .table tr:hover td{background-color:#1f1f3a}[data-theme=dark] .dropdown-menu{background-color:#1a1a2e;border:1px solid var(--gray-200)}[data-theme=dark] .dropdown-item{color:var(--gray-600)}[data-theme=dark] .dropdown-item:hover{background-color:#1f1f3a}[data-theme=dark] .mobile-menu{background-color:#1a1a2e;border-bottom:1px solid var(--gray-200)}[data-theme=dark] .mobile-menu a{color:var(--gray-600)}[data-theme=dark] .mobile-menu a:hover{background-color:#1f1f3a}[data-theme=dark] .theme-toggle{background-color:var(--gray-200)}[data-theme=dark] .theme-toggle:hover{background-color:var(--gray-300)}[data-theme=dark] .language-switcher{background-color:var(--gray-200)}[data-theme=dark] .language-switcher:hover{background-color:var(--gray-300)}[data-theme=dark] .language-switcher-text{color:var(--gray-300)}[data-theme=dark] .admin-stat-card{background:linear-gradient(135deg,#1a1a2e,#1f1f3a)}[data-theme=dark] .admin-quick-action{background-color:#1a1a2e;color:var(--gray-600)}[data-theme=dark] .admin-quick-action:hover{background-color:#1f1f3a}[data-theme=dark] .admin-sidebar{background-color:#111827}[data-theme=dark] .admin-sidebar-header{border-bottom-color:#ffffff1f}[data-theme=dark] .admin-nav-item{color:#9ca3af}[data-theme=dark] .admin-nav-item:hover,[data-theme=dark] .admin-nav-item.active{color:#fff;background-color:#ffffff14}[data-theme=dark] .admin-content{background-color:#0f0f1a}[data-theme=dark] .admin-header{background-color:#1a1a2e;border-bottom:1px solid var(--gray-200)}[data-theme=dark] .admin-header .text-gray-800{color:#f9fafb}[data-theme=dark] .admin-header .text-gray-700{color:#e5e7eb}[data-theme=dark] .admin-main{background-color:#0f1117;color:#e5e7eb}[data-theme=dark] .admin-main h1,[data-theme=dark] .admin-main h2,[data-theme=dark] .admin-main h3,[data-theme=dark] .admin-main h4,[data-theme=dark] .admin-main .admin-page-header h1{color:#f9fafb}[data-theme=dark] .admin-main .admin-card,[data-theme=dark] .admin-main .stat-card,[data-theme=dark] .admin-main .card{background-color:#1a1a2e;border:1px solid #2a2a4a}[data-theme=dark] .admin-main .table-container{background-color:#1a1a2e}[data-theme=dark] .admin-main .table th{background-color:#1f1f3a;color:#9ca3af}[data-theme=dark] .admin-main .table td{color:#d1d5db;border-bottom-color:#2a2a4a}[data-theme=dark] .admin-main .table tr:hover td{background-color:#1f1f3a}[data-theme=dark] .admin-main .form-input,[data-theme=dark] .admin-main .form-select,[data-theme=dark] .admin-main .form-textarea,[data-theme=dark] .admin-main .input-field{background-color:#1f1f3a;border-color:#2a2a4a;color:#f9fafb}[data-theme=dark] .admin-main .form-input::-moz-placeholder,[data-theme=dark] .admin-main .input-field::-moz-placeholder{color:#6b7280}[data-theme=dark] .admin-main .form-input::placeholder,[data-theme=dark] .admin-main .input-field::placeholder{color:#6b7280}[data-theme=dark] .admin-main .form-label{color:#9ca3af}[data-theme=dark] .admin-main .dropdown-menu{background-color:#1a1a2e;border-color:#2a2a4a}[data-theme=dark] .admin-main .dropdown-item{color:#d1d5db}[data-theme=dark] .admin-main .dropdown-item:hover{background-color:#1f1f3a}[data-theme=dark] .admin-main .bg-white{background-color:#1a1a2e}[data-theme=dark] .admin-main .bg-gray-50{background-color:#0f0f1a}[data-theme=dark] .admin-main .bg-gray-100{background-color:#1a1a2e}[data-theme=dark] .admin-main .section-alt{background-color:#151525}[data-theme=dark] .admin-main .pricing-card,[data-theme=dark] .admin-main .feature-card{background-color:#1a1a2e;border:1px solid #2a2a4a}[data-theme=dark] .admin-main .text-gray-600{color:#d1d5db}[data-theme=dark] .admin-main .text-gray-700{color:#e5e7eb}[data-theme=dark] .admin-main .text-gray-800{color:#f3f4f6}[data-theme=dark] .admin-main .text-gray-900{color:#f9fafb}[data-theme=dark] .badge-primary{background-color:#0ea5e933}[data-theme=dark] .badge-success{background-color:#22c55e33}[data-theme=dark] .badge-warning{background-color:#f59e0b33}[data-theme=dark] .badge-error{background-color:#ef444433}[data-theme=dark] .badge-gray{background-color:#6b728033}[data-theme=dark] .pricing-header{border-bottom-color:var(--gray-200)}[data-theme=dark] .pricing-features li{color:var(--gray-600)}[data-theme=dark] .alert-success{background-color:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .alert-error{background-color:#ef444426;border-color:#ef44444d}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1a2e}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a3a5a}[data-theme=dark] .mobile-menu-btn span{background-color:var(--gray-600)}@media(max-width:767px){.admin-sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:200}.admin-sidebar.open{transform:translate(0)}.admin-content{margin-left:0}.admin-main,.admin-header{padding:1rem}.table-container{border-radius:var(--radius-lg)}.table{display:block}.table thead{display:none}.table tbody{display:block}.table tr{display:block;margin-bottom:1rem;padding:1rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:#fff}.table td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--gray-100);text-align:right}.table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:1rem}.table td:before{content:attr(data-label);font-weight:600;color:var(--gray-600);text-align:left;margin-right:auto}.table td .flex{flex-wrap:wrap;justify-content:flex-end}.grid-cols-1,.sm\:grid-cols-2,.md\:grid-cols-2,.md\:grid-cols-3,.lg\:grid-cols-3,.lg\:grid-cols-4{grid-template-columns:1fr}.btn{padding:.625rem 1rem;font-size:.875rem}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.form-input,.form-select,.form-textarea{font-size:16px}.hero{padding:3rem 0}.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.hero-stats{gap:1rem}.hero-stat-number{font-size:1.5rem}.section{padding:3rem 0}.pricing-amount{font-size:2.5rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.course-card .card-image{height:160px}.fixed.inset-0 .card{margin:.5rem;max-height:calc(100vh - 1rem)}.admin-stat-grid{gap:1rem}.admin-stat-value{font-size:1.5rem}.admin-quick-actions{grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-quick-action{padding:1rem}.admin-quick-action-icon{font-size:1.5rem}.mobile-col{flex-direction:column;align-items:stretch}.gap-6{gap:1rem}.gap-8{gap:1.5rem}.container{padding:0 .75rem}.p-6{padding:1rem}.p-8{padding:1.25rem}.py-16{padding-top:2.5rem;padding-bottom:2.5rem}.py-20{padding-top:3rem;padding-bottom:3rem}.mobile-fixed-btn{position:fixed;bottom:1rem;right:1rem;z-index:50;box-shadow:var(--shadow-lg)}}@media(min-width:768px)and (max-width:1023px){.admin-sidebar{width:220px}.admin-content{margin-left:220px}.admin-stat-grid,.admin-quick-actions,.grid-cols-1.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-1.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:2.5rem}.course-card .card-image{height:180px}}@media(min-width:1024px){.admin-stat-grid,.admin-quick-actions{grid-template-columns:repeat(4,1fr)}.grid-cols-1.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-1.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.mobile-menu-toggle{display:none;padding:.5rem;background:none;border:none;cursor:pointer;z-index:300}@media(max-width:767px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.admin-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--gray-900);color:#fff;padding:0 1rem;align-items:center;justify-content:space-between;z-index:150}@media(max-width:767px){.admin-mobile-header{display:flex}.admin-content{padding-top:60px}}.mobile-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:150}.mobile-overlay.active{display:block}@media(max-width:767px){.badge{font-size:.65rem;padding:.2rem .5rem}}@media(max-width:767px){.user-avatar{width:32px;height:32px;font-size:.875rem}}@media(max-width:767px){.footer{padding:2rem 0 1rem}.footer-grid{gap:1.5rem}.footer-bottom{font-size:.75rem}}@media(max-width:767px){.navbar-container{height:60px}.navbar-logo{font-size:1.25rem}.navbar-actions{gap:.5rem}.navbar-actions .btn{padding:.5rem .75rem;font-size:.75rem}}@media(max-width:767px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media(max-width:767px){.show-mobile{display:block!important}.show-mobile.flex{display:flex!important}}@media(max-width:767px){[data-theme=dark] .table tr{background-color:#1a1a2e;border-color:var(--gray-300)}[data-theme=dark] .admin-mobile-header{background-color:#0f0f1a;border-bottom:1px solid var(--gray-200)}}@media(hover:none){.card:hover{transform:none;box-shadow:var(--shadow)}.course-card:hover .card-image img,.btn:hover,.feature-card:hover,.admin-stat-card:hover,.admin-quick-action:hover{transform:none}}@media(max-width:767px){.table td .flex.gap-2{gap:.5rem}.table td .btn-sm{padding:.375rem .5rem}}@media print{.navbar,.admin-sidebar,.admin-header,.btn,.footer{display:none!important}.admin-content{margin-left:0}}@media(max-width:896px)and (orientation:landscape){.hero{padding:2rem 0}.hero h1{font-size:1.5rem}.hero-stats{margin-top:2rem}.section{padding:2rem 0}}