@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-bg:#0f172a;--sidebar-active:#4f46e5;--sidebar-hover:#ffffff1a;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--bg-main:#f8fafc;--bg-surface:#fff;--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#6366f1;--text-main:#1e293b;--text-muted:#64748b;--text-dim:#94a3b8;--border:#e2e8f0;--border-focus:var(--primary);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.auth-page-wrapper{background:#fff;width:100%;min-height:100vh;display:flex}.auth-sidebar{text-align:center;background:#f1f5f9;flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:4rem;display:flex}@media (width<=1024px){.auth-sidebar{display:none}}.auth-sidebar-content{max-width:450px}.auth-illustration-box{background:#fff;border-radius:12px;margin:2rem 0;padding:1.5rem;box-shadow:0 20px 25px -5px #0000000d}.auth-container{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-card{width:100%;max-width:450px}.auth-header{margin-bottom:2rem}.auth-title{color:#111827;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.auth-subtitle{color:var(--text-muted);font-size:.9375rem}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{border-radius:var(--radius-sm);color:#111827;width:100%;transition:var(--transition);background-color:#fff;border:1px solid #d1d5db;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.875rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.input-field{border-radius:var(--radius-sm);color:#111827;width:100%;transition:var(--transition);background-color:#fff;border:1px solid #d1d5db;padding:.625rem .875rem;font-size:.875rem}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.dashboard-layout{width:100%;min-height:100vh;display:flex}.sidebar{width:260px;color:var(--sidebar-text);z-index:50;background:linear-gradient(#0f172a 0%,#1e293b 50%,#0f172a 100%);border-right:1px solid #ffffff0f;flex-direction:column;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:4px 0 24px #00000026}.sidebar-brand{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.75rem;padding:1.5rem 1.5rem 1.25rem;display:flex}.sidebar-brand-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #4f46e566}.sidebar-brand-text{color:#fff;letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.sidebar-nav{flex:1;padding:1rem .75rem;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:.75rem}.nav-item{color:var(--sidebar-text);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.2rem;padding:.7rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{color:#e2e8f0;background:#ffffff14}.nav-item.active{color:#fff;background:linear-gradient(135deg,#4f46e5e6 0%,#6366f1b3 100%);font-weight:700;box-shadow:0 4px 12px #4f46e54d}.nav-item svg{flex-shrink:0}.nav-item.logout-item{color:#f87171}.nav-item.logout-item:hover{color:#fca5a5;background:#ef44441f}.main-content{background:var(--bg-main);flex:1;min-width:0;min-height:100vh;margin-left:260px;padding:2rem}.stat-card{box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card{box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-title{color:#111827;font-size:1.125rem;font-weight:700}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}td{color:#374151;border-bottom:1px solid var(--border);padding:1rem;font-size:.875rem}tr:last-child td{border-bottom:none}.badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{color:#2563eb;background:#eff6ff}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#b45309;background:#fef3c7}.badge-danger{color:#b91c1c;background:#fee2e2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a66;animation:.2s fadeIn;position:fixed;inset:0}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:block}}@media (width<=1024px){.sidebar{width:72px}.sidebar-brand{justify-content:center;padding:1.25rem .75rem}.sidebar-brand-text{display:none}.sidebar-nav{padding:.75rem .5rem}.sidebar-footer{padding:.5rem}.nav-item{justify-content:center;gap:0;padding:.7rem}.nav-item span{display:none}.main-content{margin-left:72px;padding:1.5rem}}@media (width<=768px){.sidebar{z-index:1000;width:260px;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.sidebar.active .nav-item span{display:inline}.sidebar.active .nav-item{justify-content:flex-start;gap:.75rem}.sidebar.active .sidebar-brand-text{display:inline}.sidebar.active .sidebar-brand{justify-content:flex-start}.main-content{width:100%;padding:1rem;margin-left:0!important}.header{padding:.75rem 1rem}.stats-grid,.card-grid{grid-template-columns:1fr!important}.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;margin-bottom:1rem;overflow-x:auto}table{min-width:600px}.btn{padding:.6rem 1rem;font-size:.85rem}}@media (width<=480px){h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}.auth-card{width:95%!important;padding:1.5rem!important}}.hover-scale{transition:var(--transition)}.hover-scale:hover{transform:scale(1.02)}@media print{.no-print,.sidebar,.sidebar-footer,header,button,.nav-item{display:none!important}.main-content{width:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.card{box-shadow:none!important;border:1px solid #000!important;width:100%!important;margin:0!important;padding:1rem!important}table{page-break-inside:avoid;border:1px solid #000!important;width:100%!important}th,td{color:#000!important;border:1px solid #000!important}body{color:#000!important;background:#fff!important}@page{size:landscape;margin:1cm}}.premium-course-card{cursor:pointer;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.premium-course-card:hover{transform:translateY(-8px)scale(1.02);border-color:#4f46e5!important;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005!important}.premium-course-card:hover .arrow-icon-circle{background:#4f46e5!important}.premium-course-card:hover .arrow-icon-circle svg{color:#fff!important}.faculty-item{transition:all .2s}.faculty-item:hover{transform:translate(8px);background:#fff!important;border-color:#4f46e5!important}.glass-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #ffffff4d}.dashboard-root,.student-dashboard-root,.teacher-dashboard-root{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}