:root{--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .2);--secondary: #34d399;--secondary-glow: rgba(52, 211, 153, .2);--accent: #34d399;--bg-deep: #020617;--bg-card: #0f172a;--bg-surface: #1e293b;--bg-surface-hover: #334155;--bg-aside: #0f172a;--bg-header: rgba(15, 23, 42, .8);--backdrop: rgba(2, 6, 23, .75);--text-main: #f8fafc;--text-muted: #94a3b8;--text-on-accent: #0f172a;--border: #334155;--border-hover: #475569;--border-glow: rgba(59, 130, 246, .2);--glass-bg: rgba(30, 41, 59, .7);--glass-blur: blur(20px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-accent: 0 4px 14px rgba(59, 130, 246, .3);--logo-filter: invert(31%) sepia(94%) saturate(4605%) hue-rotate(215deg) brightness(97%) contrast(103%);--logo-glow: rgba(37, 99, 235, .45);--transition: cubic-bezier(.16, 1, .3, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background-color:var(--bg-deep)}:root[data-theme=light]{--primary: #2563eb;--primary-glow: rgba(37, 99, 235, .1);--secondary: #059669;--secondary-glow: rgba(5, 150, 105, .1);--accent: #059669;--bg-deep: #FFFBF1;--bg-card: #FFFBF1;--bg-surface: #FDF4E3;--bg-surface-hover: #F9ECD4;--bg-aside: #FFFBF1;--bg-header: rgba(255, 251, 241, .82);--backdrop: rgba(255, 251, 241, .75);--text-main: #0f172a;--text-muted: #64748b;--text-on-accent: #FFFBF1;--border: #F0E6D2;--border-hover: #E3D9C1;--border-glow: rgba(37, 99, 235, .1);--glass-bg: rgba(255, 251, 241, .7);--glass-bg-hover: rgba(255, 251, 241, .9);--glass-blur: blur(20px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-accent: 0 4px 14px rgba(37, 99, 235, .2);--logo-filter: invert(31%) sepia(94%) saturate(4605%) hue-rotate(215deg) brightness(97%) contrast(103%);--logo-glow: rgba(37, 99, 235, .45)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0;background-color:var(--bg-deep);background-image:radial-gradient(circle at 80% 20%,var(--primary-glow) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(0,242,255,.05) 0%,transparent 40%);background-attachment:fixed;overflow-x:hidden;isolation:auto}a{color:var(--primary);text-decoration:none;transition:all .2s var(--transition)}a:hover{filter:brightness(1.2)}.sidebar-nav-link{color:#2dd4bf!important}.sidebar-nav-link:hover{color:#fff!important}.sidebar-nav-link.active{color:#2dd4bf!important}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border)}.glass-card{background:var(--bg-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 24px 48px -12px #00000080;transition:transform .4s var(--transition),border-color .4s var(--transition),box-shadow .4s var(--transition)}.glass-card:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:0 10px 15px -3px #0000001a,0 32px 64px -12px #0009}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.responsive-table{width:100%;border-collapse:separate;border-spacing:0 8px}@media(max-width:1024px){.responsive-table thead{display:none}.responsive-table tr{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:16px;position:relative}.responsive-table td{display:flex;justify-content:space-between;align-items:center;padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,.05);text-align:right!important;background:transparent!important;border-radius:0!important}.responsive-table td:last-child{border-bottom:none;margin-top:8px;padding-top:16px!important}.responsive-table td:before{content:attr(data-label);font-weight:800;text-transform:uppercase;font-size:11px;color:var(--text-muted);text-align:left}.responsive-table td[data-label=Mentor],.responsive-table td[data-label=Student],.responsive-table td[data-label=Lead]{flex-direction:column;align-items:flex-start;text-align:left!important;gap:12px}.responsive-table td[data-label=Mentor]:before,.responsive-table td[data-label=Student]:before,.responsive-table td[data-label=Lead]:before{margin-bottom:4px}}.grid-mobile-stack{display:grid}@media(max-width:768px){.grid-mobile-stack{grid-template-columns:1fr!important}}.input-group{display:flex;flex-direction:column;gap:8px}.flex-center{display:flex;align-items:center;justify-content:center}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:24px}button{cursor:pointer;padding:10px 20px;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;transition:all .2s var(--transition);border:none}button.primary{background:var(--primary);color:var(--text-on-accent);box-shadow:0 0 20px var(--primary-glow);font-weight:700;letter-spacing:.5px}button.primary:hover{filter:brightness(1.1);box-shadow:0 0 30px var(--primary-glow);transform:translateY(-2px)}button.secondary{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--border)}button.secondary:hover{background:var(--border)}input,select,textarea{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;color:var(--text-main);font-family:inherit;width:100%;transition:all .3s var(--transition);color-scheme:dark}input:focus{outline:none;background:#0006;border-color:var(--primary);box-shadow:0 0 20px #9d00ff26}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000001a}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-tooltip{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:0 4px 14px #0006;color:var(--text-main);font-size:.8125rem;font-weight:500;z-index:1000;pointer-events:none;max-width:250px}.tooltip-arrow{fill:var(--border)}.z-50{z-index:50}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-top:12px;padding-bottom:12px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-10{margin-bottom:40px}.mt-auto{margin-top:auto}.sticky{position:sticky}.top-0{top:0}.w-full{width:100%}.h-screen{height:100vh}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-xs{font-size:.75rem}.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}.border-b{border-bottom:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.rounded-md{border-radius:var(--radius-md)}.rounded-full{border-radius:9999px}.grid{display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-muted{color:var(--text-muted)}.w-64{width:16rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .8s var(--transition) forwards}.animate-slide-up{opacity:0;animation:slideUp .8s var(--transition) forwards}.animate-slide-right{opacity:0;animation:slideRight .8s var(--transition) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.input-focus-group:focus-within .input-icon{color:var(--primary);transform:scale(1.1)}.input-icon{transition:all .3s var(--transition)}.btn-social{background:#ffffff08;border:1px solid var(--border);color:var(--text-main);display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:var(--radius-sm);transition:all .3s var(--transition)}.btn-social:hover{background:#ffffff14;border-color:var(--border-hover);transform:scale(1.02)}svg{display:inline-block;vertical-align:middle;flex-shrink:0;shape-rendering:geometricPrecision;stroke-width:2px}:root[data-theme=light] body{background-image:radial-gradient(circle at 80% 20%,var(--primary-glow) 0%,transparent 40%),radial-gradient(circle at 20% 80%,var(--secondary-glow) 0%,transparent 40%)}:root[data-theme=light] [style*="background: rgba(255, 255, 255, 0.0"],:root[data-theme=light] [style*="background: rgba(255,255,255,0.0"],:root[data-theme=light] [style*="backgroundColor: rgba(255, 255, 255, 0.0"],:root[data-theme=light] [style*="background-color: rgba(255, 255, 255, 0.0"]{background:var(--bg-card)!important}:root[data-theme=light] [style*="background: #090920"],:root[data-theme=light] [style*="background: rgb(9, 9, 32)"]{background:var(--bg-aside)!important}:root[data-theme=light] [style*="background: #06061a"]{background:var(--bg-deep)!important}:root[data-theme=light] [style*="background: rgba(6, 6, 26, 0.85)"],:root[data-theme=light] [style*="background: rgba(6,6,26,0.85)"]{background:var(--bg-header)!important}:root[data-theme=light] [style*="border: 1px solid rgba(255, 255, 255, 0.0"],:root[data-theme=light] [style*="border: 1px solid rgba(255,255,255,0.0"]{border:1px solid var(--border)!important}:root[data-theme=light] :not(button):not(a):not(span[class*=badge]) [style*="color: #fff"],:root[data-theme=light] :not(button):not(a):not(span[class*=badge]) [style*="color: #ffffff"],:root[data-theme=light] :not(button):not(a):not(span[class*=badge]) [style*="color: rgb(255, 255, 255)"],:root[data-theme=light] :not(button):not(a):not(span[class*=badge]) [style*="color: white"]{color:var(--text-main)!important}:root[data-theme=light] [style*="color: #8888aa"],:root[data-theme=light] [style*="color: rgb(136, 136, 170)"]{color:var(--text-muted)!important}:root[data-theme=light] table th,:root[data-theme=light] table td{border-color:var(--border)!important}:root[data-theme=light] tr{border-bottom-color:var(--border)!important}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text-main)!important;color-scheme:light!important}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.stats-compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}@media(max-width:1024px){.sidebar-mobile{position:fixed!important;left:0;top:0;z-index:50;transition:transform .3s var(--transition)}.sidebar-hidden{transform:translate(-100%)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:49;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.mobile-show{display:block!important}.mobile-show-flex{display:flex!important}.mobile-hide{display:none!important}.mobile-stack{flex-direction:column!important}.mobile-full-width{width:100%!important}.dashboard-grid{grid-template-columns:1fr;padding:16px}.grid-cols-4{grid-template-columns:1fr 1fr}header{padding:0 16px!important}main{padding:16px!important}}@media(max-width:768px){.glass-card,.p-6,.main-content{padding:16px!important}.header{padding:0 16px!important}.dashboard-main-grid{grid-template-columns:1fr!important;gap:20px!important}.stats-compact-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:16px!important}.mobile-text-center{text-align:center!important}h1{font-size:clamp(24px,7vw,36px)!important}h2{font-size:clamp(20px,6vw,28px)!important}h3{font-size:clamp(18px,5vw,24px)!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important}[style*="display: grid"],[style*="display:grid"]{grid-template-columns:1fr!important}[style*="padding: 24px"],[style*="padding: 32px"],[style*="padding: 40px"],[style*="padding:24px"],[style*="padding:32px"],[style*="padding:40px"]{padding:16px!important}[style*="padding: 40px 16px 32px"],[style*="padding: 40px 16px"]{padding:20px 16px!important}[style*="gap: 24px"],[style*="gap: 32px"],[style*="gap:24px"],[style*="gap:32px"]{gap:16px!important}[style*="fontSize: 30px"],[style*="fontSize: 28px"],[style*="font-size: 30px"],[style*="font-size: 28px"]{font-size:22px!important}[style*="fontSize: 24px"],[style*="font-size: 24px"]{font-size:20px!important}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:var(--radius-md)}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-scroll-x{overflow-x:auto!important;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.grid-cols-4{grid-template-columns:1fr}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}[style*="display: flex"].mobile-flex-col-xs{flex-direction:column!important;align-items:stretch!important}}@media(max-width:1024px){.desktop-hide{display:none!important}.mobile-show{display:block!important}.mobile-show-flex{display:flex!important}.mobile-hide{display:none!important}.mobile-stack{flex-direction:column!important}}@media(min-width:1025px){.mobile-show,.lg\:hidden{display:none!important}}@media(max-width:1024px){.sidebar-mobile{position:fixed!important;transform:translate(-100%)}.sidebar-mobile.sidebar-hidden{transform:translate(-100%)}.sidebar-mobile:not(.sidebar-hidden){transform:translate(0)}}@media(max-width:900px){.login-container{flex-direction:column!important;gap:32px!important}.login-card{width:100%!important;padding:32px!important}}body.theater-mode .sidebar-mobile,body.theater-mode .header{display:none!important}body.theater-mode .main-content{padding:0!important}@media(min-width:1025px){body.theater-mode .player-container-root{height:100vh!important}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:20px}@media(max-width:900px){.mobile-stack{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important}.responsive-table{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tr{display:block;margin-bottom:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:16px}.responsive-table td{display:flex;justify-content:space-between;align-items:center;padding:12px 8px!important;text-align:right!important;border-bottom:1px solid var(--border-subtle)}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);font-weight:800;text-transform:uppercase;font-size:11px;color:var(--text-muted);margin-right:16px;text-align:left}}@media(max-width:1024px){aside.sidebar-mobile{position:fixed!important;top:0;left:0;height:100vh!important;z-index:200;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}aside.sidebar-mobile:not(.sidebar-hidden){transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.lg\:hidden{display:flex!important}}@media(min-width:1025px){.lg\:hidden{display:none!important}aside.sidebar-mobile{position:sticky!important;transform:none!important}}@media(max-width:768px){.header{padding:0 12px!important;height:60px!important}.main-content{padding:16px!important}}@media(max-width:768px){.login-container{flex-direction:column!important;gap:24px!important;padding:16px!important}.login-card{width:100%!important;padding:28px 20px!important;border-radius:20px!important}}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){[style*="position: fixed"][style*="zIndex: 1000"]>div,[style*="position: fixed"][style*="z-index: 1000"]>div{width:100%!important;max-width:100%!important;max-height:100dvh!important;border-radius:20px 20px 0 0!important;margin:auto 0 0!important;align-self:flex-end}}@media(max-width:640px){h1{font-size:clamp(18px,5vw,28px)!important}h2{font-size:clamp(16px,4vw,22px)!important}[style*="padding: 24px"]{padding:16px!important}[style*="display: flex"][style*="gap: 24px"]{flex-wrap:wrap!important;gap:12px!important}[style*="display: flex"][style*="gap: 10px"]{flex-wrap:wrap!important}[style*="justifyContent: space-between"][style*=borderTop]{flex-direction:column!important;gap:12px!important;align-items:center!important}}@media(max-width:900px){[style*="display: flex"][style*="alignItems: center"][style*="gap: 20px"]{flex-wrap:wrap!important}}@media(max-width:768px){input,select,textarea{font-size:16px!important}}@media(hover:none)and (pointer:coarse){button,a{min-height:44px}}@media(max-width:768px){.mobile-hide,.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:600px){[style*="justifyContent: space-between"][style*="borderRadius: 20px"]{flex-direction:column!important;gap:14px!important;align-items:flex-start!important}}@media(max-width:500px){[style*="display: flex"][style*="alignItems: center"][style*="gap: 24px"]{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}}