@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0fdf4;--secondary-100: #dcfce7;--secondary-200: #bbf7d0;--secondary-300: #86efac;--secondary-400: #4ade80;--secondary-500: #22c55e;--secondary-600: #16a34a;--accent-50: #fdf4ff;--accent-100: #fae8ff;--accent-200: #f5d0fe;--accent-300: #f0abfc;--accent-400: #e879f9;--accent-500: #d946ef;--accent-600: #c026d3;--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;--danger-500: #ef4444;--danger-600: #dc2626;--warning-500: #f59e0b;--success-500: #22c55e;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--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);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--bg-primary: var(--gray-50);--bg-secondary: white;--bg-card: rgba(255, 255, 255, .9);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--border-color: var(--gray-200)}html.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .9);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--gray-50: #1e293b;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #cbd5e1;--gray-600: #e2e8f0;--gray-700: #f1f5f9;--gray-800: #f8fafc;--gray-900: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle,rgba(99,102,241,.08) 1px,transparent 1px),var(--bg-primary);background-size:24px 24px,100% 100%;color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background var(--transition-normal),color var(--transition-normal)}html.dark body{background:radial-gradient(circle,rgba(99,102,241,.15) 1px,transparent 1px),linear-gradient(135deg,#0f172a,#1e293b);background-size:24px 24px,100% 100%}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.container{width:100%;max-width:none;margin:0;padding:0 var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;line-height:1.5}.btn-primary{background:var(--primary-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-600);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary-500);color:var(--primary-600)}.btn-danger{background:var(--danger-500);color:#fff}.btn-danger:hover{background:var(--danger-600)}.btn-success{background:var(--secondary-500);color:#fff}.btn-success:hover{background:var(--secondary-600)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-body{padding:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:var(--gray-100);cursor:not-allowed}.form-textarea{min-height:120px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--secondary-100);color:var(--secondary-600)}.badge-warning{background:#fef3c7;color:#b45309}.badge-danger{background:#fee2e2;color:#dc2626}.alert{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-overlay{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-400) 0%,var(--accent-400) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.avatar-sm{width:32px;height:32px;font-size:.875rem}.progress-bar{height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-500) 0%,var(--secondary-500) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.grid{display:grid;gap:var(--space-6)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-primary{color:var(--primary-600)}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.empty-state{text-align:center;padding:var(--space-16);color:var(--gray-500)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.5}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:var(--space-3)}.table-container{overflow-x:auto;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6)}.stat-card,.progress-card,.info-card{margin-bottom:var(--space-4)}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-4);text-align:left}th{background:var(--bg-primary);font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}tr{border-bottom:1px solid var(--gray-100)}tr:hover{background:var(--bg-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease}.animate-slideUp{animation:slideUp .5s ease}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{pointer-events:auto;min-width:300px;max-width:450px;padding:12px 16px;border-radius:var(--radius-lg);background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-dark .toast-item{background:#1e293bcc;border-color:#ffffff1a;color:#fff}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-message{font-size:.875rem;font-weight:500}.toast-icon{flex-shrink:0}.toast-icon.success{color:var(--secondary-500)}.toast-icon.error{color:var(--danger-500)}.toast-icon.warning{color:var(--warning-500)}.toast-icon.info{color:var(--primary-500)}.toast-close{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;transition:all .2s}.toast-close:hover{background:#0000000d;color:var(--gray-600)}.theme-dark .toast-close:hover{background:#ffffff1a;color:#fff}.fade-in{animation:toast-slide-in .3s ease-out forwards}.fade-out{animation:toast-slide-out .3s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:max(0px,calc((100vw - var(--app-max-width, 1440px)) / 2));right:max(0px,calc((100vw - var(--app-max-width, 1440px)) / 2));z-index:99;height:65px}.navbar-container{height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:700;color:var(--text-primary);text-decoration:none}.navbar-brand svg{color:var(--primary-500)}.navbar-actions,.user-menu{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;text-decoration:none;padding:.5rem;border-radius:10px;transition:all .2s ease}.user-info:hover{background:var(--bg-secondary)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:500;font-size:.875rem;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.auth-buttons{display:flex;align-items:center;gap:.75rem}.avatar{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-weight:600;border-radius:50%}.avatar-sm{width:36px;height:36px;font-size:.85rem}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-primary);color:var(--primary-500)}@media(max-width:768px){.user-details,.auth-buttons .btn span{display:none}.navbar-container{padding:0 1rem}.navbar-brand span{display:none}}@media(max-width:1024px){.sidebar-toggle{display:flex!important}}.sidebar{position:fixed;left:max(0px,calc((100vw - var(--app-max-width, 1440px)) / 2));top:0;bottom:0;width:260px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:60px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);min-height:65px}.sidebar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem}.sidebar-brand svg{color:var(--primary-500);flex-shrink:0}.sidebar.collapsed .sidebar-brand span{display:none}.collapse-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.collapse-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.sidebar.collapsed .collapse-btn{position:absolute;right:-16px;top:20px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:10px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .2s ease;white-space:nowrap}.sidebar-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-link.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-500),transparent 85%),color-mix(in srgb,var(--primary-500),transparent 90%));color:var(--primary-500);box-shadow:inset 4px 0 0 var(--primary-500)}.sidebar-link.active svg{color:var(--primary-500)}.sidebar-link svg{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.75rem}.sidebar.collapsed .sidebar-link span{display:none}@media(max-width:1024px){.sidebar{transform:translate(-100%);width:280px;box-shadow:20px 0 50px #0000001a}.sidebar.mobile-open{transform:translate(0)}.collapse-btn{display:none}}.layout{min-height:100vh;display:flex;flex-direction:column;max-width:var(--app-max-width, 1440px);margin:0 auto;background:var(--bg-primary);position:relative}.layout.with-sidebar{padding-left:300px;transition:padding-left .3s ease}.layout.with-sidebar.sidebar-collapsed{padding-left:100px}.main-content{flex:1;padding-top:65px;padding-left:2rem;padding-right:2rem;padding-bottom:2rem}.layout.with-sidebar .main-content>div:first-child{width:100%;margin:0}@media(max-width:1024px){.layout.with-sidebar,.layout.with-sidebar.sidebar-collapsed{padding-left:0!important}.main-content{padding-left:1rem;padding-right:1rem}}.sidebar-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:98;display:none}@media(max-width:1024px){.sidebar-overlay{display:block}}.course-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);display:flex;flex-direction:column}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.course-thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-badge{position:absolute;top:var(--space-3);right:var(--space-3)}.price-badge{position:absolute;bottom:var(--space-3);left:var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border-color)}.category-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--primary-600);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.course-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.course-title{font-size:1.125rem;font-weight:600;line-height:1.3}.course-title a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.course-title a:hover{color:var(--primary-600)}.course-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;flex:1}.course-teacher{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary)}.course-stats{display:flex;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.course-stats .stat{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--text-muted)}.course-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.course-actions .btn{flex:1}.home-page{min-height:100vh}.hero{position:relative;padding:var(--space-16) 0;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:10}.hero-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-100) 0%,var(--accent-100) 100%);color:var(--primary-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;margin-bottom:var(--space-4)}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:var(--space-6)}.gradient-text{background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.7}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.hero-trust{display:flex;align-items:center;gap:var(--space-3)}.trust-avatars{display:flex}.trust-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-400) 0%,var(--accent-400) 100%);border:2px solid var(--bg-card);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;margin-left:-8px;overflow:hidden}.trust-avatar img{width:100%;height:100%;object-fit:cover}.trust-avatar:first-child{margin-left:0}.hero-trust p{color:var(--text-secondary);font-size:.875rem}.hero-visual{perspective:1000px}.hero-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 60px #3b82f626;padding:var(--space-6);transform:rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-slow)}.hero-card:hover{transform:rotateY(0) rotateX(0)}.hero-card-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4)}.hero-card-header svg{color:var(--primary-500)}.hero-card-header span{font-weight:700;font-size:1.25rem;color:var(--text-primary)}.hero-card-content{display:flex;flex-direction:column;gap:var(--space-4)}.mini-course{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-lg)}.mini-thumbnail{width:60px;height:60px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-600) 100%)}.mini-thumbnail.style-2{background:linear-gradient(135deg,var(--accent-400) 0%,var(--accent-600) 100%)}.mini-info{flex:1}.mini-info h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.mini-info p{font-size:.75rem;color:var(--text-muted)}.progress-ring{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--primary-500) 75%,var(--gray-200) 0);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--primary-600);position:relative}.progress-ring:before{content:"";position:absolute;inset:4px;background:var(--bg-card);border-radius:50%}.progress-ring:after{content:attr(data-progress);position:relative;z-index:1}.hero-bg-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-shape-1{position:absolute;width:600px;height:600px;border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);top:-200px;right:-200px}.hero-shape-2{position:absolute;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#22c55e1a,#3b82f61a);bottom:-100px;left:-100px}.featured-courses{padding:var(--space-16) 0}.featured-courses .courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-12)}.featured-courses .section-footer{display:flex;justify-content:center}@media(max-width:1024px){.featured-courses .courses-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(max-width:640px){.featured-courses .courses-grid{grid-template-columns:1fr}}.stats-section{padding:var(--space-12) 0;background:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.stat-card{text-align:center;padding:var(--space-6)}.stat-value{display:block;font-size:2.5rem;font-weight:800;color:var(--primary-600);margin-bottom:var(--space-2)}.stat-label{color:var(--text-muted);font-size:.9375rem}.features-section{padding:var(--space-16) 0}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-12)}.section-badge{display:inline-block;background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.section-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.section-description{color:var(--text-secondary);font-size:1.0625rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.feature-card{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary-600)}.feature-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.feature-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.cta-section{padding:var(--space-16) 0}.cta-card{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);border-radius:var(--radius-2xl);padding:var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.cta-content h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:var(--space-3)}.cta-content p{color:var(--primary-100);font-size:1.0625rem;max-width:500px}.cta-actions .btn-primary{background:var(--bg-card);color:var(--primary-600)}.cta-actions .btn-primary:hover{background:var(--bg-primary);transform:translateY(-2px)}.footer{padding:var(--space-8) 0;background:var(--gray-900)}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:var(--space-3);color:#fff;font-weight:700;font-size:1.25rem}.footer-brand svg{color:var(--primary-400)}.footer-copyright{color:var(--text-muted);font-size:.875rem}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-actions,.hero-trust{justify-content:center}.hero-visual{display:none}.stats-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.cta-card{flex-direction:column;text-align:center}.cta-content p{margin:0 auto}}@media(max-width:640px){.hero{padding:var(--space-8) 0}.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.75rem}.features-grid{grid-template-columns:1fr}.section-title{font-size:1.75rem}.cta-card{padding:var(--space-8)}.cta-content h2{font-size:1.5rem}.footer-content{flex-direction:column;gap:var(--space-4);text-align:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden}.auth-container{position:relative;z-index:10;width:100%;max-width:440px}.auth-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 60px #3b82f61a;padding:var(--space-8);border:1px solid var(--border-color)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{display:inline-flex;color:var(--primary-500);margin-bottom:var(--space-4)}.auth-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.auth-header p{color:var(--text-muted);font-size:.9375rem}.auth-form{margin-top:var(--space-6)}.input-with-icon>svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:all var(--transition-fast);z-index:2}.input-with-icon .form-input{padding-left:calc(var(--space-4) + 28px);padding-right:calc(var(--space-4) + 40px)}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.password-toggle:hover{color:var(--text-secondary);background:var(--gray-100)}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-secondary)}.auth-link{color:var(--primary-600);font-weight:500}.auth-link:hover{text-decoration:underline}.demo-accounts{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.demo-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.demo-list{display:flex;flex-direction:column;gap:var(--space-1)}.demo-list code{font-size:.8125rem;color:var(--text-primary);font-family:Courier New,monospace}.auth-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-shape{position:absolute;border-radius:50%;opacity:.5;animation:float 20s infinite ease-in-out}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,var(--primary-200) 0%,var(--primary-400) 100%);top:-100px;right:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,var(--accent-200) 0%,var(--accent-400) 100%);bottom:-50px;left:-50px;animation-delay:-7s}.shape-3{width:200px;height:200px;background:linear-gradient(135deg,var(--secondary-200) 0%,var(--secondary-400) 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(20px) rotate(-5deg)}}@media(max-width:480px){.auth-card{padding:var(--space-6)}.auth-header h1{font-size:1.5rem}.shape-1{width:200px;height:200px}.shape-2{width:150px;height:150px}.shape-3{width:100px;height:100px}}.login-qr-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.qr-divider{position:relative;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.qr-divider span{background:var(--bg-card);padding:0 1rem;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;z-index:1}.qr-box{display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-code{background:#fff;padding:.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.qr-hint{font-size:.875rem;color:var(--text-secondary)}.dashboard-page{min-height:100vh;background:var(--bg-primary)}.dashboard-container{padding:1.5rem var(--space-8)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8)}.welcome-section h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.welcome-section p{color:var(--gray-600)}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.users{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.teachers{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-icon.courses{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.enrollments{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-info .stat-label{font-size:.875rem;color:var(--gray-500)}.charts-section{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.chart-card h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-4)}.overview-stats{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4)}.overview-item{display:flex;flex-direction:column;text-align:center;padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg)}.overview-value{font-size:2rem;font-weight:800;color:var(--primary-600)}.overview-label{font-size:.875rem;color:var(--gray-500);font-weight:500}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard-section h2{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.view-all{display:flex;align-items:center;gap:var(--space-1);color:var(--primary-600);font-weight:500;font-size:.875rem}.view-all:hover{text-decoration:underline}.enrollments-list{display:flex;flex-direction:column;gap:var(--space-4)}.enrollment-card{background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-normal)}.enrollment-card:hover{box-shadow:var(--shadow-lg)}.enrollment-thumbnail{width:120px;height:80px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.enrollment-thumbnail img{width:100%;height:100%;object-fit:cover}.enrollment-info{flex:1}.enrollment-info h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-2)}.enrollment-info h3 a{color:var(--text-primary)}.enrollment-info h3 a:hover{color:var(--primary-600)}.enrollment-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.enrollment-meta span{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--gray-500)}.enrollment-progress{display:flex;align-items:center;gap:var(--space-3)}.enrollment-progress .progress-bar{flex:1;max-width:200px}.progress-text{font-size:.75rem;font-weight:500;color:var(--primary-600)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.action-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;color:var(--gray-700);transition:all var(--transition-normal)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);color:var(--primary-600)}.action-card svg{color:var(--primary-500)}.action-card span{font-weight:500}.empty-state{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-md)}.empty-state svg{color:var(--gray-300);margin-bottom:var(--space-4)}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2)}.empty-state p{color:var(--gray-500);margin-bottom:var(--space-6)}@media(max-width:1024px){.stats-cards,.courses-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:var(--space-4)}.stats-cards,.courses-grid{grid-template-columns:1fr}.enrollment-card{flex-direction:column;text-align:center}.enrollment-thumbnail{width:100%;height:160px}.enrollment-meta{justify-content:center}.enrollment-progress{flex-direction:column}.enrollment-progress .progress-bar{max-width:100%;width:100%}}.revenue-settings-card{background:var(--bg-card);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);margin-bottom:2rem}.revenue-settings-card .form-help{color:var(--text-secondary);font-size:.875rem}.courses-page{min-height:100vh}.courses-hero{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);padding:var(--space-16) 0;text-align:center;color:#fff}.courses-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-3)}.courses-hero p{font-size:1.125rem;color:var(--primary-100);margin-bottom:var(--space-8)}.search-form{display:flex;gap:var(--space-3);max-width:600px;margin:0 auto}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:var(--space-4);color:var(--gray-400)}.search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 28px);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-lg);font-size:1rem;box-shadow:var(--shadow-lg)}.search-input:focus{outline:none;box-shadow:var(--shadow-xl),0 0 0 3px #fff3}.search-form .btn{padding:var(--space-4) var(--space-8)}.courses-content{padding:var(--space-8) var(--space-4)}.filters-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chip:hover{border-color:var(--primary-300);color:var(--primary-600)}.chip.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.sort-dropdown{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.sort-dropdown select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:.875rem;cursor:pointer}.courses-count{margin-bottom:var(--space-6);color:var(--gray-600)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-muted)}.loading-state svg{margin-bottom:var(--space-4);color:var(--primary-500)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.courses-hero{padding:var(--space-8) 0}.courses-hero h1{font-size:1.75rem}.search-form{flex-direction:column}.courses-grid{grid-template-columns:1fr}}.course-detail-page{min-height:100vh}.course-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);padding:var(--space-8) var(--space-8) var(--space-12);color:#fff}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);transition:all var(--transition-fast)}.back-button:hover{background:#fff3}.course-header-content{display:grid;grid-template-columns:1fr 400px;gap:var(--space-8);align-items:center}.course-badges{margin-bottom:var(--space-3)}.course-header-text h1{font-size:2.25rem;font-weight:700;margin-bottom:var(--space-4)}.course-header-text .course-description{font-size:1.0625rem;color:var(--primary-100);margin-bottom:var(--space-6);line-height:1.7}.course-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-8)}.meta-item{display:flex;align-items:center;gap:var(--space-2);color:var(--primary-100)}.course-actions{display:flex;gap:var(--space-4)}.course-header-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.course-header-image img{width:100%;height:auto;display:block}.course-progress-section{margin-top:-40px;position:relative;z-index:10}.progress-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.progress-info{display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.progress-label{font-weight:500;color:var(--text-primary)}.progress-value{font-weight:700;color:var(--primary-600)}.progress-bar.large{height:12px}.progress-text{margin-top:var(--space-2);font-size:.875rem;color:var(--text-muted)}.course-content{padding:var(--space-8)}.lessons-section h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-2)}.lessons-count{color:var(--gray-500);margin-bottom:var(--space-6)}.lessons-list{display:flex;flex-direction:column;gap:var(--space-3)}.lesson-item{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-card);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-fast)}.lesson-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-100)}.lesson-item.completed{background:var(--secondary-50);border-color:var(--secondary-200)}.lesson-number{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--gray-600);flex-shrink:0}.lesson-item.completed .lesson-number{background:var(--secondary-100);color:var(--secondary-600)}.lesson-info{flex:1}.lesson-info h3{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.lesson-duration{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--gray-500)}.lesson-locked{color:var(--gray-400)}.empty-lessons{text-align:center;padding:var(--space-12);color:var(--gray-400)}.payment-info{margin-bottom:var(--space-6)}.bank-card{background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-900) 100%);color:#fff;padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-4) 0;box-shadow:var(--shadow-lg)}.bank-name{font-size:.8125rem;opacity:.8;margin-bottom:var(--space-2)}.bank-account{font-size:1.5rem;font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-1)}.bank-holder{font-size:.875rem}.payment-instructions{background:var(--primary-50);padding:var(--space-3);border-radius:var(--radius-md);font-size:.875rem;color:var(--primary-700)}.file-upload-box{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.file-upload-box:hover{border-color:var(--primary-400);background:var(--primary-50)}.file-upload-box.has-file{border-color:var(--secondary-400);background:var(--secondary-50)}.file-upload-box input{display:none}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--gray-500)}.file-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--secondary-600)}.w-full{width:100%}@media(max-width:1024px){.course-header-content{grid-template-columns:1fr}.course-header-image{order:-1;max-width:500px;margin:0 auto}}@media(max-width:768px){.course-header-text h1{font-size:1.75rem}.course-meta{flex-direction:column;gap:var(--space-3)}.course-actions{flex-direction:column}.lesson-item{flex-wrap:wrap}}.reviews-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--gray-200)}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.reviews-header h2{font-size:1.5rem;font-weight:600}.rating-summary{display:flex;align-items:center;gap:var(--space-3)}.avg-rating{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.review-count{color:var(--gray-500);font-size:.875rem}.review-form{background:var(--bg-primary);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.review-form h3{margin-bottom:var(--space-4);font-weight:600}.reviews-list{display:flex;flex-direction:column;gap:var(--space-4)}.no-reviews{text-align:center;color:var(--gray-400);padding:var(--space-8)}.review-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.review-author{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.review-author .avatar{width:40px;height:40px}.author-name{font-weight:600;color:var(--gray-800);display:block}.review-date{font-size:.75rem;color:var(--gray-400)}.review-comment{margin-top:var(--space-3);color:var(--gray-600);line-height:1.6}.announcements-banner{margin-top:var(--space-6)}.announcements-banner-card{background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-6)}.announcements-banner-card h3{display:flex;align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:600;color:var(--primary-700);margin-bottom:var(--space-4)}.announcements-banner-list{display:flex;flex-direction:column;gap:var(--space-3)}.announcement-banner-item{background:var(--bg-card);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--primary-500)}.announcement-banner-item strong{display:block;color:var(--gray-900);margin-bottom:var(--space-1)}.announcement-banner-item p{color:var(--gray-600);font-size:.875rem;margin-bottom:var(--space-2)}.announcement-banner-item small{color:var(--gray-400);font-size:.75rem}.course-form-page{min-height:100vh;background:var(--bg-primary)}.course-form-container{padding:var(--space-8) var(--space-4);max-width:800px}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-card);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.back-button:hover{box-shadow:var(--shadow-md)}.form-header{margin-bottom:var(--space-8)}.form-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.form-header p{color:var(--text-secondary)}.form-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.form-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6)}.form-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.form-section .section-header h2{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 150px;gap:var(--space-4)}.input-with-button{display:flex;gap:var(--space-2)}.input-with-button .form-input{flex:1}.upload-btn{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;white-space:nowrap;height:44px;justify-content:center}.thumbnail-preview{margin-top:var(--space-4);max-width:320px;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.thumbnail-preview img{width:100%;height:auto;display:block}.remove-thumbnail{position:absolute;top:var(--space-2);right:var(--space-2);background:#ffffffe6;color:var(--danger-600);border:none;border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.remove-thumbnail:hover{background:var(--bg-card);color:var(--danger-700);transform:scale(1.1)}.toggle-label input{display:none}.toggle-switch{width:48px;height:26px;background:var(--gray-300);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--bg-card);border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-label input:checked+.toggle-switch{background:var(--secondary-500)}.toggle-label input:checked+.toggle-switch:after{transform:translate(22px)}.toggle-text{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-600);font-weight:500}.lessons-editor{display:flex;flex-direction:column;gap:var(--space-4)}.lesson-editor-item{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.lesson-editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.lesson-number{display:flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--gray-700)}.lesson-number svg{color:var(--text-muted);cursor:grab}.lesson-editor-body{padding:var(--space-4)}.empty-lessons{text-align:center;padding:var(--space-12);color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.empty-lessons svg{margin-bottom:var(--space-4)}.empty-lessons p{margin-bottom:var(--space-6)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-6)}@media(max-width:640px){.form-row{grid-template-columns:1fr}.form-section .section-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.announcement-form{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.announcements-list{display:flex;flex-direction:column;gap:var(--space-3)}.announcement-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-left:4px solid var(--primary-500)}.announcement-info strong{display:block;color:var(--gray-900);margin-bottom:var(--space-1)}.announcement-info p{color:var(--gray-600);font-size:.875rem;margin-bottom:var(--space-2)}.announcement-info small{color:var(--gray-400);font-size:.75rem}.lesson-page{min-height:100vh;background:var(--bg-primary)}.lesson-layout{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 72px)}.sidebar-toggle{display:none;position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);background:var(--primary-600);color:#fff;box-shadow:var(--shadow-lg);z-index:100;align-items:center;justify-content:center}.theater-toggle{position:fixed;top:84px;right:var(--space-4);width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-md);z-index:100;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border:1px solid var(--border-color)}.theater-toggle:hover{background:var(--bg-primary);color:var(--primary-600);transform:scale(1.05)}.video-container.small{max-height:400px;padding-top:0;height:400px}.lesson-layout.theater-mode .video-container{max-height:65vh;padding-top:0;height:65vh}.lesson-layout.theater-mode .lesson-info-section{padding:var(--space-6)}.lessons-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:calc(100vh - 72px);position:sticky;top:72px;overflow:hidden}.sidebar-header{padding:var(--space-4) var(--space-5);border-color:var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.close-sidebar{display:none;background:none;color:var(--text-muted)}.sidebar-progress{padding:var(--space-4) var(--space-5);border-color:var(--border-color)}.sidebar-progress .progress-bar{margin-bottom:var(--space-2)}.sidebar-progress span{font-size:.75rem;color:var(--text-muted)}.sidebar-lessons{flex:1;overflow-y:auto;padding:var(--space-2) 0}.sidebar-lesson{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);border-left:3px solid transparent}.sidebar-lesson:hover{background:var(--gray-50)}.sidebar-lesson.active{background:var(--primary-50);border-left-color:var(--primary-500);color:var(--primary-700)}.sidebar-lesson.completed .lesson-status{color:var(--secondary-500)}.lesson-status{flex-shrink:0;margin-top:2px}.sidebar-lesson .lesson-info{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-lesson .lesson-number{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sidebar-lesson .lesson-title{font-size:.875rem;font-weight:500;line-height:1.4}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--gray-200)}.lesson-content{display:flex;flex-direction:column}.video-container{position:relative;width:100%;padding-top:56.25%;background:#000}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}.no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);background:linear-gradient(135deg,var(--gray-100) 0%,var(--primary-50) 100%);color:var(--text-muted)}.no-video svg{margin-bottom:var(--space-4)}.lesson-info-section{padding:var(--space-8);max-width:900px}.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8)}.lesson-badge{display:inline-block;background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;margin-bottom:var(--space-2)}.lesson-info-section h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.lesson-duration{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:.875rem}.completion-actions{flex-shrink:0}.btn-success{background:linear-gradient(135deg,var(--secondary-500) 0%,var(--secondary-600) 100%);color:#fff}.lesson-text-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.lesson-text-content h2{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-color:var(--border-color)}.content-body{color:var(--gray-700);line-height:1.8}.content-body p{margin-bottom:var(--space-4)}.content-body p:last-child{margin-bottom:0}.lesson-navigation{display:flex;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.lesson-navigation .btn{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.lesson-layout{grid-template-columns:1fr}.sidebar-toggle{display:flex}.lessons-sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;z-index:200;transform:translate(-100%);transition:transform var(--transition-normal);height:100vh}.lessons-sidebar.open{transform:translate(0)}.close-sidebar{display:block}.lesson-info-section{padding:var(--space-4)}.lesson-header,.lesson-navigation{flex-direction:column}.lesson-navigation .btn{max-width:100%}}@media(max-width:640px){.lesson-info-section h1{font-size:1.25rem}}.quiz-section{background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.quiz-section-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);color:var(--primary-600)}.quiz-section-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.quiz-section-header p{color:var(--gray-600);font-size:.875rem}.quiz-section-stats{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.quiz-stat{display:flex;flex-direction:column;gap:var(--space-1)}.quiz-stat .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.quiz-stat .stat-value{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.quiz-best-score{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--gray-600)}.quiz-best-score.passed{background:var(--secondary-100);color:var(--secondary-700)}.quiz-section-actions{display:flex;gap:var(--space-3)}.text-muted{color:var(--gray-500);font-style:italic}.my-learning-page{min-height:100vh;background:var(--bg-primary)}.my-learning-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);padding:var(--space-12) var(--space-8);color:#fff}.my-learning-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--space-2)}.my-learning-header p{color:var(--primary-100);font-size:1.0625rem}.my-learning-content{padding:2rem var(--space-8);margin-top:-40px}.learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-4)}.stat-item svg{color:var(--primary-500)}.stat-item .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-item .stat-label{font-size:.875rem;color:var(--gray-500)}.filter-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-tab{padding:var(--space-2) var(--space-4);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.filter-tab:hover{border-color:var(--primary-300);color:var(--primary-600)}.filter-tab.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.enrolled-courses{display:flex;flex-direction:column;gap:var(--space-4)}.enrolled-course-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:grid;grid-template-columns:280px 1fr;overflow:hidden;transition:all var(--transition-normal)}.enrolled-course-card:hover{box-shadow:var(--shadow-lg)}.enrolled-course-card .course-thumbnail{position:relative;height:100%;min-height:180px}.enrolled-course-card .course-thumbnail img{width:100%;height:100%;object-fit:cover}.completed-badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--secondary-500);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:var(--space-1)}.course-details{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.status-badge-overlay{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:var(--space-2);font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.status-badge-overlay.pending{color:var(--warning-500)}.status-badge-overlay.rejected{color:var(--danger-500)}.course-details h3{font-size:1.125rem;font-weight:600}.course-details h3 a{color:var(--gray-900);text-decoration:none}.course-details h3 a:hover{color:var(--primary-600)}.course-teacher{font-size:.875rem;color:var(--text-muted)}.course-details .course-meta{display:flex;gap:var(--space-4)}.course-details .course-meta span{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--text-muted)}.course-progress{margin-top:auto}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:.8125rem;color:var(--text-secondary)}.progress-percent{font-weight:600;color:var(--primary-600)}.course-actions{margin-top:var(--space-2)}@media(max-width:768px){.learning-stats,.enrolled-course-card{grid-template-columns:1fr}.enrolled-course-card .course-thumbnail{height:180px}.my-learning-header{padding:var(--space-8) 0}.my-learning-header h1{font-size:1.5rem}}.my-courses-page{min-height:100vh;background:var(--bg-primary)}.my-courses-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);padding:var(--space-10) var(--space-8);color:#fff}.my-courses-header .header-content{display:flex;justify-content:space-between;align-items:center}.my-courses-header h1{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-1)}.my-courses-header p{color:var(--primary-100)}.my-courses-header .btn{background:var(--bg-card);color:var(--primary-600)}.my-courses-header .btn:hover{background:var(--primary-50)}.my-courses-content{padding:2rem 0;margin-top:-30px}.teacher-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.teacher-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-4)}.teacher-stats .stat-card svg{color:var(--primary-500)}.teacher-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.teacher-stats .stat-label{font-size:.875rem;color:var(--gray-500)}.courses-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-card);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-color);min-width:250px}.search-box input{border:none;outline:none;background:transparent;flex:1}.search-box svg{color:var(--gray-400)}.courses-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.courses-table{width:100%;border-collapse:collapse}.courses-table th,.courses-table td{padding:var(--space-4);text-align:left}.courses-table th{background:var(--bg-primary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.courses-table td{border-bottom:1px solid var(--border-color)}.courses-table tr:last-child td{border-bottom:none}.courses-table tr:hover{background:var(--bg-primary)}.course-info{display:flex;align-items:center;gap:var(--space-3)}.course-thumb{width:80px;height:50px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.course-thumb img{width:100%;height:100%;object-fit:cover}.course-title{font-weight:600;color:var(--text-primary);text-decoration:none}.course-title:hover{color:var(--primary-600)}.course-desc{font-size:.8125rem;color:var(--gray-500);margin-top:var(--space-1)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.status-badge.published{background:var(--secondary-100);color:var(--secondary-700)}.status-badge.published:hover{background:var(--secondary-200)}.status-badge.draft{background:var(--gray-100);color:var(--text-secondary)}.status-badge.draft:hover{background:var(--gray-200)}.lesson-count,.student-count{font-size:.875rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:var(--space-1)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:90%}.modal h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3)}.modal p{color:var(--text-secondary);margin-bottom:var(--space-6)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@media(max-width:1024px){.teacher-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.my-courses-header .header-content{flex-direction:column;gap:var(--space-4);text-align:center}.courses-toolbar{flex-direction:column}.search-box{width:100%}.filter-tabs{width:100%;justify-content:center}.courses-table-container{overflow-x:auto}.courses-table{min-width:600px}}@media(max-width:640px){.teacher-stats{grid-template-columns:1fr}}.profile-page{min-height:100vh;background:var(--bg-primary)}.profile-container{padding:var(--space-8);max-width:1000px}.profile-header{margin-bottom:var(--space-8)}.profile-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.profile-header p{color:var(--text-secondary)}.profile-content{display:grid;gap:var(--space-6)}.profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.profile-avatar-section{display:flex;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5)}.profile-avatar-section .avatar{width:80px;height:80px;font-size:1.75rem}.profile-avatar-section .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.profile-info p{color:var(--text-muted);margin-bottom:var(--space-2)}.profile-info .badge{display:inline-flex;align-items:center;gap:var(--space-1);text-transform:capitalize}.profile-stats{display:flex;gap:var(--space-8)}.profile-stats .stat{display:flex;flex-direction:column;gap:var(--space-1)}.profile-stats .stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.profile-stats .stat-value{font-weight:500;color:var(--gray-800)}.profile-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.profile-form-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6)}.profile-form-card .form-label{display:flex;align-items:center;gap:var(--space-2)}.profile-form-card .form-label svg{color:var(--text-muted)}.form-hint{display:block;margin-top:var(--space-1);font-size:.75rem;color:var(--text-muted)}.avatar-preview{margin-top:var(--space-3);width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-md)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-form-card .btn{margin-top:var(--space-4)}.alert{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:640px){.profile-avatar-section{flex-direction:column;text-align:center}.profile-stats{flex-direction:column;gap:var(--space-4)}}.admin-users-page{min-height:100vh;background:var(--bg-primary)}.admin-container{padding:var(--space-8)}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8)}.admin-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.admin-header p{color:var(--text-secondary)}.filters-bar{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.search-box{flex:1;max-width:400px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:var(--space-4);color:var(--text-muted)}.search-box input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 28px);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary)}.search-box input:focus{outline:none;border-color:var(--primary-400)}.filters-bar .form-select{max-width:200px}.user-cell{display:flex;align-items:center;gap:var(--space-3)}.action-buttons{display:flex;gap:var(--space-2)}.text-danger{color:var(--danger-500)!important}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:2}.input-with-icon .form-input{padding-left:calc(var(--space-4) + 28px)}@media(max-width:768px){.admin-header{flex-direction:column;gap:var(--space-4)}.filters-bar{flex-direction:column}.search-box,.filters-bar .form-select{max-width:100%}}.invitation-form{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-lg);border:1px dashed var(--gray-300)}.expire-info{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-600);font-size:.875rem}.expire-info svg{color:var(--gray-400)}.admin-table th,.admin-payouts-container{padding:var(--space-8)}.admin-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--gray-100)}.admin-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef9c3;color:#854d0e}.badge-error{background-color:#fee2e2;color:#991b1b}.mt-6{margin-top:var(--space-6)}.mt-4{margin-top:var(--space-4)}.btn-icon{padding:.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.btn-danger{background:#fee2e2;color:#ef4444}.btn-danger:hover{background:#fecaca}.quiz-take-page{min-height:100vh;background:var(--bg-primary)}.quiz-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-4) var(--space-8);position:sticky;top:72px;z-index:50}.quiz-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.quiz-header h1{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.quiz-header p{color:var(--gray-500);font-size:.875rem}.quiz-timer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem}.quiz-timer.warning{background:#fee2e2;color:#dc2626;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.quiz-progress{height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));transition:width var(--transition-normal)}.quiz-content{padding:var(--space-8);max-width:800px}.question-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.question-number{background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.question-points{color:var(--gray-500);font-size:.875rem}.question-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.5;margin-bottom:var(--space-6)}.answers-list{display:flex;flex-direction:column;gap:var(--space-3)}.answer-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--text-primary)}.answer-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.answer-option.selected{border-color:var(--primary-500);background:var(--primary-50)}.answer-indicator{flex-shrink:0;color:var(--primary-500)}.answer-circle{display:block;width:20px;height:20px;border:2px solid var(--gray-300);border-radius:50%}.answer-option.selected .answer-circle{border-color:var(--primary-500);background:var(--primary-500)}.answer-text{font-size:1rem;color:var(--gray-700)}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.question-dots{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.question-dot{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--border-color);background:var(--bg-card);font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.question-dot:hover{border-color:var(--primary-400)}.question-dot.active{border-color:var(--primary-500);background:var(--primary-500);color:#fff}.question-dot.answered{border-color:var(--secondary-500);background:var(--secondary-100);color:var(--secondary-700)}.question-dot.active.answered{background:var(--primary-500);color:#fff}.unanswered-warning{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:#fef3c7;color:#b45309;border-radius:var(--radius-lg);font-size:.875rem}.quiz-result-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;max-width:600px;margin:0 auto}.result-header{padding:var(--space-12) var(--space-8);text-align:center;color:#fff}.result-header.passed{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600))}.result-header.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.result-header svg{margin-bottom:var(--space-4)}.result-header h1{font-size:2rem;margin-bottom:var(--space-2)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.result-stats .stat{text-align:center}.result-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.result-stats .stat-label{font-size:.875rem;color:var(--gray-500)}.text-success{color:var(--secondary-600)!important}.text-danger{color:#dc2626!important}.result-actions{display:flex;gap:var(--space-4);padding:var(--space-6);justify-content:center}@media(max-width:768px){.quiz-content{padding:var(--space-4)}.question-card{padding:var(--space-6)}.quiz-navigation{flex-direction:column}.question-dots{order:-1}.result-stats{grid-template-columns:1fr;gap:var(--space-4)}.result-actions{flex-direction:column}}.quiz-edit-page{min-height:100vh;background:var(--bg-primary)}.quiz-edit-container{padding:var(--space-8)}.quiz-edit-header{margin-bottom:var(--space-8)}.quiz-edit-header .back-button{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);background:none;font-weight:500;margin-bottom:var(--space-4);transition:color var(--transition-fast)}.quiz-edit-header .back-button:hover{color:var(--primary-600)}.quiz-edit-header h2{font-size:2rem;font-weight:700;color:var(--text-primary)}.quiz-edit-header p{color:var(--text-secondary);font-size:1.1rem}.quiz-grid{display:grid;grid-template-columns:350px 1fr;gap:var(--space-8);align-items:start}.quiz-settings-sidebar .card{position:sticky;top:100px}.card-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.card-header h3{font-size:1.125rem;font-weight:600}.quiz-questions-main .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.header-info{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary)}.header-info h3{font-size:1.25rem;font-weight:600}.questions-list{display:flex;flex-direction:column;gap:var(--space-4)}.question-item-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-normal)}.question-item-card.expanded{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.question-item-header{padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:var(--bg-card)}.question-item-header:hover{background:var(--gray-50)}.question-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.question-number{font-size:.75rem;font-weight:600;color:var(--primary-600);text-transform:uppercase}.question-preview{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-actions{display:flex;align-items:center;gap:var(--space-4);color:var(--gray-400)}.question-item-body{padding:var(--space-6);border-top:1px solid var(--border-color);background:var(--bg-primary)}.answers-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.answers-list{display:flex;flex-direction:column;gap:var(--space-2)}.answer-item{display:flex;align-items:center;gap:var(--space-3)}.answer-item input[type=radio]{width:20px;height:20px;cursor:pointer}.remove-answer{background:none;border:none;color:var(--text-muted);padding:var(--space-2);cursor:pointer;transition:color var(--transition-fast)}.remove-answer:hover{color:var(--danger-500)}.question-card-footer{display:flex;justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-switch{width:44px;height:24px;background:var(--gray-300);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:var(--bg-primary);border-radius:50%;transition:transform var(--transition-fast)}input:checked+.toggle-switch{background:var(--primary-500)}input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-text{font-size:.9375rem;font-weight:500;color:var(--gray-700);display:flex;align-items:center;gap:var(--space-2)}@media(max-width:1024px){.quiz-grid{grid-template-columns:1fr}.quiz-settings-sidebar .card{position:static}}.quiz-result-page{min-height:100vh;background:var(--bg-primary)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast);background:none;border:none;cursor:pointer}.back-link:hover{color:var(--primary-600)}.result-container{max-width:800px;margin:0 auto}.result-summary-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;box-shadow:var(--shadow-xl)}.result-summary-card.passed{border-color:var(--success-200)}.result-summary-card.passed .summary-header{color:var(--success-600)}.result-summary-card.failed{border-color:var(--danger-200)}.result-summary-card.failed .summary-header{color:var(--danger-600)}.summary-header h1{font-size:2.5rem;font-weight:800;margin:var(--space-4) 0 var(--space-2)}.summary-header p{font-size:1.25rem;color:var(--text-secondary)}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:var(--space-10) 0;padding:var(--space-8) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:2rem;font-weight:800;color:var(--text-primary)}.summary-info{display:flex;justify-content:center;gap:var(--space-8);color:var(--text-muted);font-size:.875rem}.info-item{display:flex;align-items:center;gap:var(--space-2)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.responses-list{display:flex;flex-direction:column;gap:var(--space-6)}.response-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.response-card.correct{border-left:6px solid var(--success-500)}.response-card.incorrect{border-left:6px solid var(--danger-500)}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.question-index{font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.status-badge{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase}.status-badge.correct{background:var(--success-50);color:var(--success-700)}.status-badge.incorrect{background:var(--danger-50);color:var(--danger-700)}.question-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6)}.options-review{display:flex;flex-direction:column;gap:var(--space-3)}.option-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-primary);position:relative;transition:all var(--transition-fast)}.option-item.selected-correct{background:var(--success-50);border-color:var(--success-200)}.option-item.selected-incorrect{background:var(--danger-50);border-color:var(--danger-200)}.option-item.correct-option{background:var(--success-50);border-color:var(--success-200);border-style:dashed}.option-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--gray-400)}.selected-correct .option-indicator{color:var(--success-600)}.selected-incorrect .option-indicator{color:var(--danger-600)}.correct-option .option-indicator{color:var(--success-600)}.option-text{font-weight:500;color:var(--text-primary);flex:1}.user-badge,.correct-badge{font-size:.625rem;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.user-badge{background:var(--gray-200);color:var(--text-primary)}.correct-badge{background:var(--success-600);color:#fff}.response-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--gray-100);font-size:.875rem;font-weight:600;color:var(--text-muted);text-align:right}.result-footer-actions{text-align:center}@media(max-width:640px){.summary-stats{grid-template-columns:1fr;gap:var(--space-4)}.summary-header h1{font-size:2rem}.summary-info{flex-direction:column;gap:var(--space-2)}}.certificates-page{max-width:1200px;margin:0 auto;padding:2rem}.certificates-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.certificates-header .header-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, #8b5cf6));display:flex;align-items:center;justify-content:center;color:#fff}.certificates-header h1{margin:0;font-size:1.75rem}.certificates-header p{margin:.25rem 0 0;color:var(--text-secondary)}.certificates-grid{display:grid;gap:1.5rem}.certificate-card{background:var(--card-bg);border-radius:16px;padding:1.5rem;display:flex;gap:1.5rem;align-items:center;border:1px solid var(--border-color);transition:all .3s ease}.certificate-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.certificate-badge{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.certificate-content{flex:1}.certificate-content h3{margin:0 0 .75rem;font-size:1.25rem}.certificate-meta{display:flex;flex-direction:column;gap:.5rem}.certificate-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.certificate-meta .meta-item.code{margin-top:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:8px;font-family:monospace;width:fit-content}.certificate-actions{display:flex;gap:.75rem}.certificate-actions .btn-outline,.certificate-actions .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:500;transition:all .2s ease;text-decoration:none}.certificate-actions .btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.certificate-actions .btn-outline:hover{background:var(--bg-secondary)}.empty-state p{margin:0 0 1.5rem}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:8px;text-decoration:none;font-weight:500}@media(max-width:768px){.certificate-card{flex-direction:column;text-align:center}.certificate-meta{align-items:center}.certificate-actions{width:100%;justify-content:center}}.verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.verify-card{background:var(--card-bg);border-radius:24px;padding:2.5rem;max-width:600px;width:100%;box-shadow:0 20px 60px #00000026;text-align:center}.verify-card.loading{padding:4rem}.verify-header{margin-bottom:2rem}.verify-header.success svg{color:#10b981;margin-bottom:1rem}.verify-header.error svg{color:#ef4444;margin-bottom:1rem}.verify-header h2{margin:0 0 .5rem;font-size:1.5rem}.verify-header p{margin:0;color:var(--text-secondary)}.verify-header .searched-code{margin-top:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;font-size:.9rem}.verify-header .searched-code code{font-family:monospace;color:var(--primary-color)}.certificate-display{padding:2rem;border:2px solid var(--border-color);border-radius:16px;background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);position:relative}.certificate-badge{width:100px;height:100px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #fbbf2466}.certificate-title{font-size:1.75rem;margin:0 0 1.5rem;color:var(--text-primary);font-weight:700}.certificate-text{color:var(--text-secondary);margin:0 0 .5rem;font-size:.95rem}.recipient-name{font-size:1.5rem;margin:0 0 1.5rem;color:var(--primary-color);font-weight:600}.course-name{font-size:1.25rem;margin:0 0 1.5rem;color:var(--text-primary);font-weight:500}.certificate-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.certificate-details .detail-item{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.certificate-code{padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;font-family:monospace;font-size:.9rem;color:var(--text-secondary)}.certificate-code strong{color:var(--primary-color)}.verify-actions{margin-top:2rem}.verify-actions .btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.verify-actions .btn-outline:hover{background:var(--bg-secondary)}.loading-spinner{color:var(--text-secondary)}@media(max-width:600px){.verify-card,.certificate-display{padding:1.5rem}.certificate-title{font-size:1.35rem}.recipient-name{font-size:1.25rem}}.teacher-students-page{padding:1.5rem 0}.filter-select select{border:none;background:transparent;color:var(--text-primary);font-size:.95rem;outline:none;cursor:pointer;min-width:150px}.students-table{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.students-table table{width:100%;border-collapse:collapse}.students-table th,.students-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color)}.students-table th{background:var(--bg-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.students-table tbody tr:hover{background:var(--bg-secondary)}.students-table tbody tr:last-child td{border-bottom:none}.student-info{display:flex;align-items:center;gap:.75rem}.student-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, #8b5cf6));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.student-name{font-weight:500}.student-email{font-size:.85rem;color:var(--text-secondary)}.course-badge{display:inline-block;padding:.35rem .75rem;background:var(--bg-secondary);border-radius:6px;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.approved{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.rejected{background:#ef44441a;color:#ef4444}.progress-cell{display:flex;flex-direction:column;gap:.35rem}.progress-bar{width:120px;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-bar.progress-complete .progress-fill{background:#10b981}.progress-bar.progress-good .progress-fill{background:#3b82f6}.progress-bar.progress-started .progress-fill{background:#f59e0b}.progress-bar.progress-low .progress-fill{background:#ef4444}.progress-text{font-size:.8rem;color:var(--text-secondary)}.date-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}@media(max-width:1024px){.students-table{overflow-x:auto}.students-table table{min-width:700px}}@media(max-width:768px){.stats-bar{flex-wrap:wrap;gap:1rem}.filters-bar{flex-direction:column}.filter-select select{width:100%}}.teacher-reviews-page{padding:1.5rem 0}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.page-header .header-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, #8b5cf6));display:flex;align-items:center;justify-content:center;color:#fff}.page-header h1{margin:0;font-size:1.75rem}.page-header p{margin:.25rem 0 0;color:var(--text-secondary)}.stats-bar{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.stats-bar .stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.stats-bar .stat-item svg{color:var(--primary-color)}.stats-bar .stat-item.rating svg{color:#fbbf24}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.search-box{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px}.search-box input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;outline:none}.search-box svg{color:var(--text-secondary)}.filter-select{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px}.filter-select select{border:none;background:transparent;color:var(--text-primary);font-size:.95rem;outline:none;cursor:pointer;min-width:120px}.filter-select svg{color:var(--text-secondary)}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-card{background:var(--card-bg);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.reviewer-info{display:flex;gap:.75rem}.reviewer-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, #8b5cf6));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.reviewer-name{font-weight:500;margin-bottom:.25rem}.review-course{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary)}.review-meta{text-align:right}.review-rating{display:flex;gap:.15rem;margin-bottom:.35rem;justify-content:flex-end}.review-rating .star-empty{color:var(--text-secondary);opacity:.5}.review-date{font-size:.8rem;color:var(--text-secondary)}.review-comment{margin:0;color:var(--text-primary);line-height:1.6}.review-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.btn-delete{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:#ef4444;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-delete:hover{background:#ef44441a;border-color:#ef4444}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state svg{opacity:.5;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.loading-spinner{display:flex;justify-content:center;padding:4rem;color:var(--text-secondary)}@media(max-width:768px){.stats-bar{flex-wrap:wrap;gap:1rem}.filters-bar{flex-direction:column}.review-header{flex-direction:column;gap:.75rem}.review-meta{text-align:left}.review-rating{justify-content:flex-start}}.admin-settings-container{padding:var(--space-8)}.admin-settings-header{margin-bottom:var(--space-8)}.admin-settings-header h1{font-size:1.875rem;font-weight:700;margin-bottom:var(--space-1)}.admin-settings-header p{color:var(--text-secondary)}.admin-settings-form{display:flex;flex-direction:column;gap:var(--space-6)}.settings-section{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.section-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.section-title h2{font-size:1.25rem;font-weight:600}.section-title svg{color:var(--primary-500)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:500;font-size:.875rem;color:var(--text-primary)}.color-picker-wrapper{display:flex;gap:var(--space-2);align-items:center}.color-picker-wrapper input[type=color]{width:48px;height:48px;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:transparent}.color-picker-wrapper input[type=text]{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:monospace}.form-group small{font-size:.75rem;color:var(--text-muted)}.toggle-wrapper{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.toggle-switch{position:relative;width:52px;height:28px;background:var(--gray-300);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .3s ease;padding:2px}.toggle-switch.active{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%)}.toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-switch.active .toggle-slider{transform:translate(24px)}.toggle-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.toggle-switch.active+.toggle-label{color:var(--primary-500)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.form-actions .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);padding:.75rem 2rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #3b82f64d}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;filter:brightness(1.1)}.form-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.form-actions .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--bg-secondary);color:var(--text-secondary);padding:.75rem 1.5rem;border:1.5px solid var(--border-color);transition:all .3s ease}.form-actions .btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);color:var(--text-primary);transform:translateY(-1px)}.form-actions svg{transition:transform .3s ease}.form-actions .btn-primary:hover svg{transform:scale(1.1)}.form-actions .btn-secondary:hover svg{transform:rotate(-30deg)}.full-width{grid-column:1 / -1}.whatsapp-actions{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.btn-danger-outline{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;background:transparent;color:var(--error-500);border:1.5px solid var(--error-200);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content}.btn-danger-outline:hover:not(:disabled){background:var(--error-50);border-color:var(--error-500);transform:translateY(-1px)}.help-text{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.checkbox-item{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:color .2s ease}.checkbox-item:hover{color:var(--primary-500)}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-500)}@media(max-width:640px){.settings-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;padding-top:var(--space-4)}.form-actions button{width:100%;justify-content:center}}.file-upload-wrapper{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);align-items:center}.current-image-preview{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-2)}.current-image-preview.small{height:60px;width:60px;border-radius:var(--radius-sm)}.logo-preview{max-height:60px;max-width:90%;object-fit:contain}.favicon-preview{width:32px;height:32px;object-fit:contain}.no-image{font-size:.75rem;color:var(--text-muted);font-style:italic}.upload-actions{display:flex;gap:var(--space-2);width:100%;justify-content:center}.btn-outline{display:flex;align-items:center;gap:var(--space-2);padding:.5rem 1rem;border:1px solid var(--border-color);background:transparent;border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-text-danger{padding:.5rem;background:transparent;border:none;color:var(--error-500);font-size:.875rem;font-weight:500;cursor:pointer}.btn-text-danger:hover{text-decoration:underline}.admin-whatsapp-page{padding-top:var(--space-8);padding-bottom:var(--space-12)}.admin-whatsapp-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-4);color:var(--text-secondary)}.whatsapp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.highlight-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-6)}.card-header{display:flex;align-items:center;gap:var(--space-3);color:var(--primary-600)}.card-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.status-content{display:flex;align-items:center;justify-content:center;padding:var(--space-4) 0}.status-indicator{display:flex;align-items:center;gap:var(--space-5);width:100%}.status-indicator.connected{color:var(--success-500)}.status-indicator.disconnected{color:var(--danger-500)}.status-text{display:flex;flex-direction:column;gap:var(--space-1)}.status-badge{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-text p{color:var(--text-secondary);font-size:.9375rem}.qr-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.qr-wrapper{background:#fff;padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.qr-code{max-width:100%;height:auto!important}.qr-instructions{color:var(--text-secondary);font-size:.875rem}.qr-instructions ol{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--text-muted);padding:var(--space-8)}.info-list{display:flex;flex-direction:column;gap:var(--space-3)}.info-item{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:.9375rem}.info-item svg{color:var(--success-500)}.warning-banner{background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;gap:var(--space-3);color:var(--warning-700);font-size:.875rem;line-height:1.5}.warning-banner svg{flex-shrink:0}@media(max-width:640px){.whatsapp-grid{grid-template-columns:1fr}}.marketing-automation{padding:var(--space-6);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--space-2)}.page-header p{color:var(--text-muted)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-4)}.campaign-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-5);border:2px solid var(--border-color);transition:all .3s ease}.campaign-card.active{border-color:var(--success-500);box-shadow:0 0 0 4px var(--success-50)}.campaign-card.inactive{opacity:.7}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.campaign-header h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-1)}.campaign-type{display:inline-block;padding:.25rem .75rem;background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.campaign-actions{display:flex;gap:var(--space-2)}.icon-btn{padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-hover);border-color:var(--primary-500);color:var(--primary-500)}.icon-btn.danger:hover{background:var(--error-50);border-color:var(--error-500);color:var(--error-500)}.campaign-stats{display:flex;gap:var(--space-4);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-500)}.campaign-schedule{padding-top:var(--space-3);border-top:1px solid var(--border-color)}.campaign-schedule small{color:var(--text-muted);font-size:.875rem}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state svg{color:var(--text-muted);margin-bottom:var(--space-4)}.empty-state h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-2)}.empty-state p{color:var(--text-muted);margin-bottom:var(--space-6)}.campaign-builder{max-width:800px;margin:0 auto;padding:var(--space-6)}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-color)}.builder-header h2{font-size:1.75rem;font-weight:700}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-50)}.form-group textarea{font-family:inherit;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.time-inputs{display:flex;gap:var(--space-3)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-500)}.help-text{display:block;margin-top:var(--space-2);font-size:.875rem;color:var(--text-muted)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6);border-top:2px solid var(--border-color)}.loading{text-align:center;padding:var(--space-12);color:var(--text-muted)}