@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--color-primary-dark:#1e3a8a;--color-primary-base:#3b82f6;--color-primary-light:#dbeafe;--color-accent-purple:#7c3aed;--color-accent-cyan:#06b6d4;--color-dark:#111827;--color-gray-900:#1f2937;--color-gray-800:#374151;--color-gray-700:#4b5563;--color-gray-600:#6b7280;--color-gray-500:#9ca3af;--color-gray-400:#d1d5db;--color-gray-300:#e5e7eb;--color-gray-200:#f3f4f6;--color-gray-100:#f9fafb;--color-white:#fff;--color-black:#000;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family:"Poppins", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-gray-900);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.2}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.3}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-dark);margin-bottom:var(--spacing-sm);line-height:1.4}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-dark);margin-bottom:var(--spacing-sm)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-dark)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-dark)}p{margin-bottom:var(--spacing-md);color:var(--color-gray-700)}a{color:var(--color-primary-base);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}button,.btn{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;display:inline-flex}.btn-primary{background-color:var(--color-primary-base);color:var(--color-white);box-shadow:var(--shadow-base)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-900);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background-color:var(--color-gray-300);border-color:var(--color-gray-400)}.btn-accent{background:linear-gradient(135deg, var(--color-accent-purple) 0%, var(--color-accent-cyan) 100%);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-accent:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover{background-color:#059669}.btn-error{background-color:var(--color-error);color:var(--color-white)}.btn-error:hover{background-color:#dc2626}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary-base);outline:none;box-shadow:0 0 0 3px #3b82f61a}label{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);display:block}.card{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-base);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.container{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.text-primary{color:var(--color-primary-base)}.text-accent{background:linear-gradient(135deg, var(--color-accent-purple), var(--color-accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-primary{background-color:var(--color-primary-base)}.bg-accent{background:linear-gradient(135deg, var(--color-accent-purple) 0%, var(--color-accent-cyan) 100%)}.gradient-primary{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary-base) 100%)}.gradient-accent{background:linear-gradient(135deg, var(--color-accent-purple) 0%, var(--color-accent-cyan) 100%)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn var(--transition-base)}.slide-in{animation:slideIn var(--transition-base)}.scale-in{animation:scaleIn var(--transition-base)}.home-page{min-height:100vh;color:var(--color-white);background:radial-gradient(circle at 18% 6%,#3b82f629,#0000 26%),radial-gradient(circle at 86% 4%,#7c3aed24,#0000 24%),#05070d}.home-nav{justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:20;width:min(1180px,100% - 40px);min-height:76px;padding:var(--spacing-md) var(--spacing-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-bottom:1px solid #94a3b829;border-radius:20px;margin:0 auto;display:flex;position:sticky;top:20px}.home-brand{align-items:center;min-width:150px;display:inline-flex}.home-brand-logo{filter:brightness(0)invert();width:154px;height:auto;display:block}.home-nav-links{justify-content:center;align-items:center;gap:var(--spacing-xl);display:flex}.home-nav-links a,.home-footer-links a{color:#e2e8f0c7;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.home-nav-links a:hover,.home-footer-links a:hover{color:var(--color-white)}.home-login-btn,.home-primary-btn,.home-secondary-btn,.home-course-link{border-radius:var(--border-radius-md);min-height:44px;font-weight:var(--font-weight-semibold);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.home-login-btn{padding:0 var(--spacing-lg);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);box-shadow:0 12px 24px #1e3a8a2e}.home-login-btn:hover,.home-primary-btn:hover,.home-course-link:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.home-hero{width:min(1180px,100% - 40px);min-height:calc(100vh - 76px);padding:var(--spacing-2xl) 0;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:center;gap:clamp(32px,7vw,88px);margin:0 auto;display:grid}.home-hero-content{max-width:700px}.home-eyebrow{width:fit-content;margin-bottom:var(--spacing-md);color:var(--color-accent-purple);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.home-hero h1{max-width:690px;margin-bottom:var(--spacing-lg);color:var(--color-white);letter-spacing:0;font-size:64px;line-height:1.05}.home-hero p,.home-section-heading p{color:#e2e8f0b8;max-width:620px;font-size:var(--font-size-lg)}.home-hero-actions{gap:var(--spacing-md);margin:var(--spacing-xl) 0;flex-wrap:wrap;display:flex}.home-primary-btn{padding:0 var(--spacing-xl);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);box-shadow:0 16px 30px #3b82f638}.home-secondary-btn{padding:0 var(--spacing-xl);color:var(--color-white);background:#ffffff14;border:1px solid #e2e8f029}.home-secondary-btn:hover{color:var(--color-white);background:#ffffff24;transform:translateY(-2px)}.home-stats{gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;display:grid}.home-stats div{padding:var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff12;border:1px solid #94a3b829}.home-stats strong{color:var(--color-white);font-size:var(--font-size-2xl);line-height:1.2;display:block}.home-stats span{color:#e2e8f0a8;font-size:var(--font-size-sm);display:block}.home-hero-panel{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 24px 70px #00000038}.home-panel-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.home-panel-header span{color:#e2e8f0ad;font-weight:var(--font-weight-semibold)}.home-panel-header strong{color:var(--color-white)}.home-progress-list{gap:var(--spacing-md);display:grid}.home-progress-item{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;border:1px solid #94a3b824;grid-template-columns:52px 1fr;display:grid}.home-progress-item span{border-radius:var(--border-radius-md);width:52px;height:52px;color:var(--color-white);font-weight:var(--font-weight-bold);background:#ffffff1a;place-items:center;display:grid}.home-progress-item strong,.home-course-body h3,.home-feature h3,.home-faq-item h3{margin-bottom:var(--spacing-xs);color:var(--color-white);display:block}.home-progress-item small{color:#e2e8f0a8}.home-progress-item.completed,.home-progress-item.active{background:#3b82f629;border-color:#3b82f638}.home-progress-item.active span{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-cyan));color:var(--color-white)}.home-section{width:min(1180px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.home-section-heading{margin-bottom:var(--spacing-xl)}.home-section-heading h2{max-width:760px;color:var(--color-white);font-size:44px;line-height:1.12}.home-course-grid,.home-feature-grid,.home-faq-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-course-card,.home-feature,.home-faq-item,.home-contact-card{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;overflow:hidden;box-shadow:0 18px 48px #0000002e}.home-course-card{flex-direction:column;display:flex}.home-course-card img,.home-course-art{aspect-ratio:16/10;object-fit:cover;width:100%}.home-course-art{background:linear-gradient(135deg, #1e3a8af2, #3b82f6e0), var(--color-primary-dark);place-items:center;display:grid}.home-course-art span{color:var(--color-white);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);text-transform:uppercase}.home-course-body,.home-feature,.home-faq-item{padding:var(--spacing-lg)}.home-course-meta{justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.home-course-meta span,.home-feature span{color:var(--color-accent-purple);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.home-course-body p,.home-feature p,.home-faq-item p,.home-contact-card p{color:#e2e8f0ad;font-size:var(--font-size-sm)}.home-course-pricing{gap:var(--spacing-xs);margin:var(--spacing-md) 0;color:#bfdbfef2;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:grid}.home-course-link{background:var(--color-primary-dark);width:100%;color:var(--color-white);margin-top:auto}.home-course-note{margin-top:var(--spacing-md);color:#e2e8f0a8}.home-why{border-top:1px solid #94a3b829}.home-feature{min-height:210px}.home-feature span{margin-bottom:var(--spacing-lg);display:inline-flex}.home-faq{border-top:1px solid #94a3b829}.home-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-faq-item{min-height:170px}.home-faq-item h3{font-size:var(--font-size-lg)}.home-contact{padding-top:var(--spacing-xl)}.home-contact-card{padding:var(--spacing-xl);gap:var(--spacing-xl);background:linear-gradient(135deg,#3b82f629,#7c3aed1f),#ffffff14;grid-template-columns:1fr auto;align-items:center;display:grid}.home-contact-card h2{max-width:680px;margin-bottom:var(--spacing-md);color:var(--color-white);font-size:36px;line-height:1.15}.home-contact-card p{max-width:640px;font-size:var(--font-size-base);margin-bottom:0}.home-contact-actions,.home-contact-form{gap:var(--spacing-md);min-width:240px;display:grid}.home-contact-form{min-width:min(520px,100%)}.home-form-row{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-contact-form label{gap:var(--spacing-sm);color:#e2e8f0db;font-size:var(--font-size-sm);margin:0;display:grid}.home-contact-form input,.home-contact-form select,.home-contact-form textarea{border-radius:var(--border-radius-md);width:100%;color:var(--color-white);background:#ffffff14;border:1px solid #94a3b82e}.home-contact-form input,.home-contact-form select{min-height:48px}.home-contact-form textarea{resize:vertical;min-height:120px}.home-contact-form input::placeholder,.home-contact-form textarea::placeholder{color:#e2e8f085}.home-contact-form select option{color:var(--color-dark)}.home-contact-form .home-primary-btn{border:none;width:100%}.home-footer{margin-top:var(--spacing-2xl);color:var(--color-white);background:radial-gradient(circle at 18% 12%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d;padding:0 max(20px,33.3333vw - 393.333px)}.home-footer:before{content:"";background:linear-gradient(90deg,#0000,#3b82f6d9,#7c3aede6,#0000);height:1px;display:block}.home-footer-inner{grid-template-columns:1.2fr .55fr .55fr .75fr 1.05fr;align-items:start;gap:42px;padding:54px 0 42px;display:grid}.home-footer-brand{min-width:0}.home-footer-logo{width:148px;height:auto;margin-bottom:var(--spacing-md);filter:brightness(0)invert();display:block}.home-footer p{color:#e2e8f0ad;margin:0}.home-footer-links,.home-social-links{gap:14px;display:grid}.home-footer-links a,.home-social-links a,.home-legal-links a{color:#e2e8f0c7;font-size:15px;font-weight:var(--font-weight-semibold)}.home-footer-links a:hover,.home-social-links a:hover,.home-legal-links a:hover{color:var(--color-white)}.home-social-links a{align-items:center;gap:var(--spacing-md);display:inline-flex}.social-icon{width:24px;height:24px;color:var(--color-primary-base);flex:0 0 24px;place-items:center;display:inline-grid}.social-icon svg{fill:currentColor;width:22px;height:22px;display:block}.social-icon.youtube{color:#ff3b3b}.social-icon.instagram{color:#f43f9f}.home-newsletter{gap:14px;display:grid}.home-newsletter h3{color:var(--color-white);margin:0;font-size:22px}.home-newsletter p{color:#e2e8f0a3;font-size:var(--font-size-sm);line-height:1.5}.home-newsletter input{width:100%;min-height:48px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--color-white);background:#ffffff14;border:1px solid #ffffff0f}.home-newsletter input::placeholder{color:#e2e8f094}.home-newsletter button{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-accent-purple), #a21caf);min-height:48px;color:var(--color-white);box-shadow:0 18px 34px #7c3aed38}.home-newsletter button:hover{transform:translateY(-2px);box-shadow:0 22px 40px #7c3aed4d}.home-footer-bottom{gap:var(--spacing-lg);border-top:1px solid #94a3b82e;grid-template-columns:1fr 1.2fr;padding:26px 0 30px;display:grid}.home-legal-links{flex-wrap:wrap;gap:28px;display:flex}.home-legal-links a,.home-footer-copy p{color:#94a3b8c2;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.home-footer-copy{gap:var(--spacing-sm);text-align:right;display:grid}@media (width<=940px){.home-nav{width:min(100% - 28px,1180px)}.home-nav-links{display:none}.home-hero{min-height:auto;padding-top:var(--spacing-xl);grid-template-columns:1fr}.home-hero-content{max-width:none}.home-course-grid,.home-feature-grid,.home-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-contact-card{grid-template-columns:1fr}.home-contact-actions,.home-contact-form{min-width:0}}@media (width<=640px){.home-nav,.home-hero,.home-section{width:min(100% - 28px,1180px)}.home-nav{min-height:68px}.home-brand-logo{width:128px}.home-login-btn{min-height:40px;padding:0 var(--spacing-md)}.home-hero h1{font-size:40px}.home-section-heading h2{font-size:30px}.home-hero p,.home-section-heading p{font-size:var(--font-size-base)}.home-stats,.home-course-grid,.home-feature-grid,.home-faq-grid{grid-template-columns:1fr}.home-contact-card{padding:var(--spacing-lg)}.home-contact-card h2{font-size:28px}.home-form-row{grid-template-columns:1fr}.home-hero-panel{padding:var(--spacing-lg)}.home-footer{padding:0 20px}.home-footer-inner{grid-template-columns:1fr 1fr}.home-newsletter{grid-column:1/-1}.home-footer-bottom{grid-template-columns:1fr}.home-footer-copy{text-align:left}.home-footer-inner{grid-template-columns:1fr;padding:44px 0 36px}.home-legal-links{gap:var(--spacing-md)}}.auth-page{min-height:100vh;padding:var(--spacing-lg);color:var(--color-white);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 10%,#7c3aed29,#0000 28%),#05070d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";border-radius:var(--border-radius-lg);pointer-events:none;border:1px solid #94a3b81f;position:absolute;inset:28px}.auth-card{width:min(100%,440px);padding:var(--spacing-xl);z-index:1;text-align:left;border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:slideIn var(--transition-base);background:#ffffff14;border:1px solid #94a3b829;position:relative;box-shadow:0 24px 70px #00000047}.auth-logo-link{width:178px;min-height:58px;margin:0 auto var(--spacing-lg);border-radius:var(--border-radius-md);background:#ffffff0f;border:1px solid #94a3b824;place-items:center;display:grid}.auth-logo{filter:brightness(0)invert();width:154px;height:auto;display:block}.auth-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-purple);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.auth-card h1{margin:0 0 var(--spacing-sm);color:var(--color-white);font-size:var(--font-size-3xl);line-height:1.15}.subtitle{margin:0 0 var(--spacing-lg);color:#e2e8f0b3;font-size:var(--font-size-sm)}.message{margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:#e2e8f0e6;font-size:var(--font-size-sm);background:#ffffff14}.form-group{margin-bottom:var(--spacing-md);text-align:left;flex-direction:column;display:flex}.form-group label{margin-bottom:var(--spacing-sm);color:#e2e8f0db;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-group input,.form-group select{width:100%;min-height:48px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-white);background:#ffffff14;border:1px solid #94a3b82e;outline:none}.form-group input::placeholder{color:#e2e8f085}.form-group input:focus,.form-group select:focus{border-color:#3b82f6c7;box-shadow:0 0 0 3px #3b82f629}.auth-btn{width:100%;min-height:48px;margin-top:var(--spacing-sm);border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);font-weight:var(--font-weight-bold);border:none;box-shadow:0 16px 30px #7c3aed38}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 20px 36px #7c3aed4d}.auth-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.auth-links{margin-top:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);color:#e2e8f09e;font-size:var(--font-size-sm);display:flex}.auth-links a{color:#bfdbfef2;font-weight:var(--font-weight-semibold)}.auth-links a:hover{color:var(--color-white)}@media (width<=640px){.auth-page{padding:var(--spacing-md)}.auth-page:before{inset:12px}.auth-card{padding:var(--spacing-lg)}.auth-logo-link{width:150px;min-height:52px}.auth-logo{width:128px}.auth-card h1{font-size:var(--font-size-2xl)}.auth-links{flex-direction:column;align-items:flex-start}}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.admin-dashboard{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.admin-navbar{width:min(1180px,100% - 40px);min-height:76px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-bottom:1px solid #94a3b829;border-radius:20px;margin:0 auto;display:flex;position:sticky;top:20px}.admin-brand{align-items:center;display:inline-flex}.admin-brand img{filter:brightness(0)invert();width:154px;height:auto;display:block}.admin-nav-links{align-items:center;gap:var(--spacing-xl);display:flex}.admin-nav-links a{color:#e2e8f0bd;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.admin-nav-links a:hover{color:var(--color-white)}.admin-nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}.admin-menu-toggle{border-radius:var(--border-radius-md);background:#ffffff14;border:1px solid #94a3b829;place-items:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.admin-menu-toggle span{border-radius:var(--border-radius-full);background:var(--color-white);width:20px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);display:block}.admin-navbar.menu-open .admin-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.admin-navbar.menu-open .admin-menu-toggle span:nth-child(2){opacity:0}.admin-navbar.menu-open .admin-menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.admin-icon-link,.admin-profile-link,.admin-logout-btn{border-radius:var(--border-radius-md);min-height:44px;color:var(--color-white);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff14;border:none}.admin-icon-link{place-items:center;width:48px;display:grid;position:relative}.admin-bell-icon{border:2px solid #e2e8f0e6;border-bottom:none;border-radius:14px 14px 6px 6px;width:18px;height:20px;display:block;position:relative}.admin-bell-icon:before{content:"";border-radius:var(--border-radius-full);background:#e2e8f0e6;height:2px;position:absolute;bottom:-5px;left:4px;right:4px}.admin-bell-icon:after{content:"";background:#e2e8f0e6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-10px;left:6px}.admin-notification-count{border-radius:var(--border-radius-full);background:linear-gradient(135deg, var(--color-error), #dc2626);min-width:20px;height:20px;color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);place-items:center;padding:0 5px;display:grid;position:absolute;top:-6px;right:-6px}.admin-profile-link{padding:5px var(--spacing-sm) 5px 5px;align-items:center;gap:var(--spacing-sm);display:inline-flex}.admin-profile-link>span{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:34px;height:34px;color:var(--color-white);font-weight:var(--font-weight-bold);place-items:center;display:grid}.admin-profile-link strong,.admin-profile-link small{line-height:1.1;display:block}.admin-profile-link strong{max-width:120px;color:var(--color-white);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-profile-link small{color:#e2e8f094;font-size:11px}.admin-logout-btn{padding:0 var(--spacing-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));cursor:pointer;font-weight:var(--font-weight-semibold);box-shadow:0 12px 24px #1e3a8a2e}.admin-logout-btn:hover,.admin-icon-link:hover,.admin-profile-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-icon-link:hover,.admin-profile-link:hover{background:#ffffff1f}.admin-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.admin-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:end;display:grid;box-shadow:0 24px 70px #0003}.admin-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.admin-hero h1,.admin-section-heading h2{color:var(--color-white);margin:0;line-height:1.15}.admin-hero h1{max-width:760px;font-size:46px}.admin-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg)}.admin-hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.admin-primary-btn,.admin-secondary-btn{min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);text-align:center;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);color:var(--color-white);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.admin-primary-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border:none;box-shadow:0 16px 30px #7c3aed38}.admin-secondary-btn{color:var(--color-white);background:#ffffff14;border:1px solid #94a3b82e}.admin-primary-btn:hover,.admin-secondary-btn:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-stat-grid{margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.admin-stat-card,.admin-panel,.admin-management-card{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.admin-stat-card{padding:var(--spacing-lg);color:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast);cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.admin-stat-card span{color:#e2e8f09e;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.admin-stat-card strong{margin:var(--spacing-sm) 0;color:var(--color-white);font-size:var(--font-size-3xl);line-height:1;display:block}.admin-stat-card p,.admin-muted{color:#e2e8f09e;font-size:var(--font-size-sm);margin:0}.admin-stat-card:hover{border-color:#3b82f661;transform:translateY(-4px)}.admin-content-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);display:grid}.admin-panel{padding:var(--spacing-lg)}.admin-section-heading{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.admin-section-heading a{color:#bfdbfef2;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.admin-management-list,.admin-notification-list{gap:var(--spacing-md);display:grid}.admin-management-card{padding:var(--spacing-lg);gap:var(--spacing-md);transition:transform var(--transition-fast), border-color var(--transition-fast);color:inherit;grid-template-columns:1fr auto;align-items:center;text-decoration:none;display:grid}.admin-management-card h3,.admin-class-card h4{color:var(--color-white);margin:0}.admin-management-card p{margin:var(--spacing-sm) 0 0;color:#e2e8f0a3;font-size:var(--font-size-sm)}.admin-arrow{color:#e2e8f080;font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.admin-management-card:hover{border-color:#3b82f661;transform:translateY(-4px)}.admin-management-card:hover .admin-arrow{transform:translate(4px)}.admin-notification-item{padding:var(--spacing-md);border-radius:var(--border-radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);color:inherit;background:#ffffff0f;border:1px solid #94a3b824;text-decoration:none}.admin-notification-item p{margin:0 0 var(--spacing-sm);color:#e2e8f0db;font-size:var(--font-size-sm)}.admin-notification-item small,.admin-class-card small{color:#e2e8f08a;font-size:var(--font-size-xs)}.admin-notification-item:hover{border-color:#3b82f661;transform:translateY(-2px)}.admin-calendar-section{scroll-margin-top:90px}.admin-calendar-layout{gap:var(--spacing-lg);grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);display:grid}.admin-calendar-shell{border-radius:var(--border-radius-lg);background:#ffffff14;border:1px solid #94a3b824;overflow:hidden}.admin-calendar-shell .react-calendar{width:100%;color:var(--color-white);font-family:var(--font-family);background:0 0;border:none}.admin-calendar-shell .react-calendar__navigation{border-bottom:1px solid #94a3b824;min-height:56px;margin:0}.admin-calendar-shell .react-calendar__navigation button{color:var(--color-white);font-weight:var(--font-weight-semibold);background:0 0}.admin-calendar-shell .react-calendar__navigation button:hover,.admin-calendar-shell .react-calendar__navigation button:focus,.admin-calendar-shell .react-calendar__tile:hover,.admin-calendar-shell .react-calendar__tile:focus{background:#ffffff1a}.admin-calendar-shell .react-calendar__tile--active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));border-radius:var(--border-radius-md)}.admin-calendar-dot{background:var(--color-accent-cyan);border-radius:50%;width:4px;height:4px;margin-top:4px}.admin-day-classes{gap:var(--spacing-md);max-height:500px;padding:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.admin-day-classes h3{margin:0 0 var(--spacing-md);color:var(--color-white)}.admin-class-card{padding:var(--spacing-md);border-radius:var(--border-radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #94a3b824}.admin-class-card small{margin-bottom:var(--spacing-xs);display:block}.admin-class-card h4{font-size:var(--font-size-md);margin:0}.admin-class-instructor{margin:var(--spacing-xs) 0;color:#e2e8f09e;font-size:var(--font-size-xs)}.admin-status{width:fit-content;margin-top:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.admin-status.completed{color:var(--color-success)}.admin-loader{background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d;justify-content:center;align-items:center;height:100vh;display:flex}.admin-spinner{border:5px solid #94a3b829;border-top:5px solid var(--color-accent-cyan);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-content-grid,.admin-calendar-layout{grid-template-columns:1fr}}@media (width<=768px){.admin-navbar{width:calc(100% - 20px);padding:var(--spacing-sm) var(--spacing-md);top:10px}.admin-brand img{width:120px}.admin-menu-toggle{display:grid}.admin-nav-links{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05070df2;border:1px solid #94a3b829;flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.admin-navbar.menu-open .admin-nav-links{display:flex}.admin-nav-links a{padding:var(--spacing-md);display:block}.admin-main{width:calc(100% - 20px);padding:var(--spacing-lg) 0}.admin-hero{gap:var(--spacing-md);grid-template-columns:1fr}.admin-hero h1{font-size:32px}.admin-hero-actions{flex-direction:column}.admin-hero-actions .admin-primary-btn,.admin-hero-actions .admin-secondary-btn{width:100%}.admin-stat-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.admin-section-heading{flex-direction:column;align-items:flex-start}.admin-calendar-layout{max-height:none}.admin-day-classes{max-width:100%;max-height:none}}@media (width<=480px){.admin-stat-grid{grid-template-columns:1fr}.admin-hero h1{font-size:24px}.admin-hero p{font-size:var(--font-size-md)}.admin-stat-card{padding:var(--spacing-md)}.admin-stat-card strong{font-size:var(--font-size-2xl)}.admin-panel{padding:var(--spacing-md)}}.instructor-dashboard{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.instructor-navbar{width:min(1180px,100% - 40px);min-height:76px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-bottom:1px solid #94a3b829;border-radius:20px;margin:0 auto;display:flex;position:sticky;top:20px}.instructor-brand{align-items:center;display:inline-flex}.instructor-brand img{filter:brightness(0)invert();width:154px;height:auto;display:block}.instructor-nav-links{align-items:center;gap:var(--spacing-xl);display:flex}.instructor-nav-links a{color:#e2e8f0bd;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.instructor-nav-links a:hover{color:var(--color-white)}.instructor-nav-links .instructor-nav-pill{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:#e2e8f0db;white-space:nowrap;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#ffffff14;border:1px solid #94a3b82e;justify-content:center;align-items:center;display:inline-flex}.instructor-nav-links .instructor-nav-pill:hover{color:var(--color-white);background:#3b82f624;border-color:#3b82f673;transform:translateY(-2px)}.instructor-nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}.instructor-menu-toggle{border-radius:var(--border-radius-md);background:#ffffff14;border:1px solid #94a3b829;place-items:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.instructor-menu-toggle span{border-radius:var(--border-radius-full);background:var(--color-white);width:20px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);display:block}.instructor-navbar.menu-open .instructor-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.instructor-navbar.menu-open .instructor-menu-toggle span:nth-child(2){opacity:0}.instructor-navbar.menu-open .instructor-menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.instructor-icon-link,.instructor-profile-link,.instructor-logout-btn{border-radius:var(--border-radius-md);min-height:44px;color:var(--color-white);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff14;border:none}.instructor-icon-link{place-items:center;width:48px;display:grid;position:relative}.instructor-bell-icon{border:2px solid #e2e8f0e6;border-bottom:none;border-radius:14px 14px 6px 6px;width:18px;height:20px;display:block;position:relative}.instructor-bell-icon:before{content:"";border-radius:var(--border-radius-full);background:#e2e8f0e6;height:2px;position:absolute;bottom:-5px;left:4px;right:4px}.instructor-bell-icon:after{content:"";background:#e2e8f0e6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-10px;left:6px}.instructor-notification-count{border-radius:var(--border-radius-full);background:linear-gradient(135deg, var(--color-error), #dc2626);min-width:20px;height:20px;color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);place-items:center;padding:0 5px;display:grid;position:absolute;top:-6px;right:-6px}.instructor-profile-link{padding:5px var(--spacing-sm) 5px 5px;align-items:center;gap:var(--spacing-sm);display:inline-flex}.instructor-profile-link>span{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:34px;height:34px;color:var(--color-white);font-weight:var(--font-weight-bold);place-items:center;display:grid}.instructor-profile-link strong,.instructor-profile-link small{line-height:1.1;display:block}.instructor-profile-link strong{max-width:120px;color:var(--color-white);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.instructor-profile-link small{color:#e2e8f094;font-size:11px}.instructor-logout-btn{padding:0 var(--spacing-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));cursor:pointer;font-weight:var(--font-weight-semibold);box-shadow:0 12px 24px #1e3a8a2e}.instructor-logout-btn:hover,.instructor-icon-link:hover,.instructor-profile-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.instructor-icon-link:hover,.instructor-profile-link:hover{background:#ffffff1f}.instructor-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.instructor-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:end;display:grid;box-shadow:0 24px 70px #0003}.instructor-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.instructor-hero h1,.instructor-section-heading h2{color:var(--color-white);margin:0;line-height:1.15}.instructor-hero h1{max-width:760px;font-size:46px}.instructor-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg)}.instructor-hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.instructor-primary-btn,.instructor-secondary-btn{min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);text-align:center;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.instructor-primary-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border:none;box-shadow:0 16px 30px #7c3aed38}.instructor-secondary-btn{color:var(--color-white);background:#ffffff14;border:1px solid #94a3b82e}.instructor-primary-btn:hover,.instructor-secondary-btn:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.instructor-stat-grid{margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.instructor-tools-grid{margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.instructor-tool-card{padding:var(--spacing-lg);gap:var(--spacing-md);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:center;text-decoration:none;display:grid;box-shadow:0 18px 48px #0000002e}.instructor-tool-card h3{color:var(--color-white);margin:0}.instructor-tool-card p{margin:var(--spacing-sm) 0 0;color:#e2e8f0a3;font-size:var(--font-size-sm)}.instructor-tool-card:hover{box-shadow:var(--shadow-lg);border-color:#3b82f661;transform:translateY(-4px)}.instructor-arrow{color:#e2e8f080;font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.instructor-tool-card:hover .instructor-arrow{transform:translate(4px)}.instructor-stat-card,.instructor-panel,.instructor-course-card{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.instructor-stat-card{padding:var(--spacing-lg)}.instructor-stat-card span{color:#e2e8f09e;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.instructor-stat-card strong{margin:var(--spacing-sm) 0;color:var(--color-white);font-size:var(--font-size-3xl);line-height:1;display:block}.instructor-stat-card p,.instructor-muted{color:#e2e8f09e;font-size:var(--font-size-sm);margin:0}.instructor-stat-card:hover,.instructor-course-card:hover,.instructor-notification-item:hover{border-color:#3b82f661;transform:translateY(-4px)}.instructor-content-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);display:grid}.instructor-panel{padding:var(--spacing-lg)}.instructor-section-heading{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.instructor-section-heading a{color:#bfdbfef2;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.instructor-course-list,.instructor-notification-list{gap:var(--spacing-md);display:grid}.instructor-course-card{padding:var(--spacing-lg);gap:var(--spacing-md);transition:transform var(--transition-fast), border-color var(--transition-fast);color:inherit;grid-template-columns:1fr auto;align-items:center;display:grid}.instructor-course-card span,.instructor-status{width:fit-content;margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.instructor-course-card h3,.instructor-empty-state h3,.instructor-day-classes h3,.instructor-class-card h4{color:var(--color-white);margin:0}.instructor-course-card p,.instructor-empty-state p{margin:var(--spacing-sm) 0 0;color:#e2e8f0a3;font-size:var(--font-size-sm)}.instructor-course-card .instructor-secondary-btn{min-width:112px;text-decoration:none}.instructor-empty-state{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;border:1px dashed #94a3b838}.instructor-empty-state .instructor-primary-btn{margin-top:var(--spacing-md)}.instructor-notification-item{padding:var(--spacing-md);border-radius:var(--border-radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #94a3b824}.instructor-notification-item p{margin:0 0 var(--spacing-sm);color:#e2e8f0db;font-size:var(--font-size-sm)}.instructor-notification-item small,.instructor-class-card small{color:#e2e8f08a;font-size:var(--font-size-xs)}.instructor-calendar-section{scroll-margin-top:90px}.instructor-calendar-layout{gap:var(--spacing-lg);grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);display:grid}.instructor-calendar-shell{border-radius:var(--border-radius-lg);background:#ffffff14;border:1px solid #94a3b824;overflow:hidden}.instructor-calendar-shell .react-calendar{width:100%;color:var(--color-white);font-family:var(--font-family);background:0 0;border:none}.instructor-calendar-shell .react-calendar__navigation{border-bottom:1px solid #94a3b824;min-height:56px;margin:0}.instructor-calendar-shell .react-calendar__navigation button{color:var(--color-white);font-weight:var(--font-weight-semibold);background:0 0}.instructor-calendar-shell .react-calendar__navigation button:hover,.instructor-calendar-shell .react-calendar__navigation button:focus,.instructor-calendar-shell .react-calendar__tile:hover,.instructor-calendar-shell .react-calendar__tile:focus{background:#ffffff1a}.instructor-calendar-shell .react-calendar__month-view__weekdays{color:#e2e8f08f;font-size:var(--font-size-xs);text-transform:uppercase}.instructor-calendar-shell .react-calendar__month-view__weekdays abbr{text-decoration:none}.instructor-calendar-shell .react-calendar__tile{color:#e2e8f0d6;background:0 0;min-height:58px;position:relative}.instructor-calendar-shell .react-calendar__tile--now{background:#3b82f629}.instructor-calendar-shell .react-calendar__tile--active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white)}.instructor-calendar-dot{background:var(--color-accent-cyan);border-radius:50%;width:6px;height:6px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.instructor-day-classes{align-content:start;gap:var(--spacing-md);display:grid}.instructor-day-classes h3{margin-bottom:var(--spacing-xs)}.instructor-class-card{padding:var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;border:1px solid #94a3b824}.instructor-class-card h4{margin:var(--spacing-xs) 0 var(--spacing-md)}.instructor-status.completed{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);color:var(--color-success);background:#10b98124;margin:0}.instructor-loader{background:#05070d;place-items:center;min-height:100vh;display:grid}.instructor-spinner{border:4px solid #94a3b82e;border-top-color:var(--color-primary-base);border-radius:50%;width:52px;height:52px;animation:1s linear infinite spin}@media (width<=1080px){.instructor-navbar,.instructor-main{width:min(100% - 28px,1220px)}.instructor-nav-links{display:none}.instructor-content-grid,.instructor-calendar-layout,.instructor-hero{grid-template-columns:1fr}.instructor-stat-grid,.instructor-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.instructor-navbar{min-height:auto;padding:var(--spacing-sm) 0;align-items:center;row-gap:var(--spacing-md);grid-template-columns:1fr auto;display:grid}.instructor-brand img{width:132px}.instructor-menu-toggle{display:grid}.instructor-nav-links,.instructor-nav-actions{grid-column:1/-1;width:100%;display:none}.instructor-navbar.menu-open .instructor-nav-links,.instructor-navbar.menu-open .instructor-nav-actions{display:flex}.instructor-nav-links{padding-top:var(--spacing-md);align-items:stretch;gap:var(--spacing-sm);border-top:1px solid #94a3b829;flex-direction:column}.instructor-nav-links a{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;align-items:center;display:flex}.instructor-nav-actions{flex-direction:column;justify-content:flex-start;align-items:stretch}.instructor-icon-link,.instructor-profile-link,.instructor-logout-btn{justify-content:center;width:100%}.instructor-icon-link{gap:var(--spacing-sm);display:flex}.instructor-icon-link:after{content:"Notifications";color:var(--color-white);font-weight:var(--font-weight-semibold)}.instructor-profile-link div{display:block}.instructor-main{padding:var(--spacing-lg) 0}.instructor-hero,.instructor-panel{padding:var(--spacing-lg)}.instructor-hero h1{font-size:34px}.instructor-hero p{font-size:var(--font-size-base)}.instructor-stat-grid,.instructor-tools-grid,.instructor-course-card{grid-template-columns:1fr}.instructor-section-heading{flex-direction:column;align-items:flex-start}.instructor-calendar-shell .react-calendar__tile{min-height:48px}}.student-dashboard{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.student-navbar{width:min(1180px,100% - 40px);min-height:76px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-bottom:1px solid #94a3b829;border-radius:20px;margin:0 auto;display:flex;position:sticky;top:20px}.student-brand{align-items:center;display:inline-flex}.student-brand img{filter:brightness(0)invert();width:154px;height:auto;display:block}.student-nav-links{align-items:center;gap:var(--spacing-xl);display:flex}.student-nav-links a{color:#e2e8f0bd;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.student-nav-links a:hover{color:var(--color-white)}.student-nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}.student-menu-toggle{border-radius:var(--border-radius-md);background:#ffffff14;border:1px solid #94a3b829;place-items:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.student-menu-toggle span{border-radius:var(--border-radius-full);background:var(--color-white);width:20px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);display:block}.student-navbar.menu-open .student-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.student-navbar.menu-open .student-menu-toggle span:nth-child(2){opacity:0}.student-navbar.menu-open .student-menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.student-icon-link,.student-profile-link,.student-logout-btn{border-radius:var(--border-radius-md);min-height:44px;color:var(--color-white);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff14;border:none}.student-icon-link{place-items:center;width:48px;display:grid;position:relative}.student-bell-icon{border:2px solid #e2e8f0e6;border-bottom:none;border-radius:14px 14px 6px 6px;width:18px;height:20px;display:block;position:relative}.student-bell-icon:before{content:"";border-radius:var(--border-radius-full);background:#e2e8f0e6;height:2px;position:absolute;bottom:-5px;left:4px;right:4px}.student-bell-icon:after{content:"";background:#e2e8f0e6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-10px;left:6px}.student-notification-count{border-radius:var(--border-radius-full);background:linear-gradient(135deg, var(--color-error), #dc2626);min-width:20px;height:20px;color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);place-items:center;padding:0 5px;display:grid;position:absolute;top:-6px;right:-6px}.student-profile-link{padding:5px var(--spacing-sm) 5px 5px;align-items:center;gap:var(--spacing-sm);display:inline-flex}.student-profile-link>span{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:34px;height:34px;color:var(--color-white);font-weight:var(--font-weight-bold);place-items:center;display:grid}.student-profile-link strong,.student-profile-link small{line-height:1.1;display:block}.student-profile-link strong{max-width:120px;color:var(--color-white);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.student-profile-link small{color:#e2e8f094;font-size:11px}.student-logout-btn{padding:0 var(--spacing-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));cursor:pointer;font-weight:var(--font-weight-semibold);box-shadow:0 12px 24px #1e3a8a2e}.student-logout-btn:hover,.student-icon-link:hover,.student-profile-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.student-icon-link:hover,.student-profile-link:hover{background:#ffffff1f}.student-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.student-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:end;display:grid;box-shadow:0 24px 70px #0003}.student-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.student-hero h1,.student-section-heading h2{color:var(--color-white);margin:0;line-height:1.15}.student-hero h1{max-width:760px;font-size:46px}.student-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg)}.student-hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.student-primary-btn,.student-secondary-btn{min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);text-align:center;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.student-primary-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border:none;box-shadow:0 16px 30px #7c3aed38}.student-secondary-btn{color:var(--color-white);background:#ffffff14;border:1px solid #94a3b82e}.student-primary-btn:hover,.student-secondary-btn:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.student-stat-grid{margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.student-stat-card,.student-panel,.student-course-card{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.student-stat-card{padding:var(--spacing-lg)}.student-stat-card span{color:#e2e8f09e;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.student-stat-card strong{margin:var(--spacing-sm) 0;color:var(--color-white);font-size:var(--font-size-3xl);line-height:1;display:block}.student-stat-card p,.student-muted{color:#e2e8f09e;font-size:var(--font-size-sm);margin:0}.student-stat-card:hover,.student-course-card:hover,.student-notification-item:hover{border-color:#3b82f661;transform:translateY(-4px)}.student-content-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);display:grid}.student-panel{padding:var(--spacing-lg)}.student-section-heading{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.student-section-heading a{color:#bfdbfef2;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.student-course-list,.student-notification-list{gap:var(--spacing-md);display:grid}.student-course-card{padding:var(--spacing-lg);gap:var(--spacing-md);transition:transform var(--transition-fast), border-color var(--transition-fast);grid-template-columns:1fr auto;align-items:center;display:grid}.student-course-card span,.student-status{width:fit-content;margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.student-course-card h3,.student-empty-state h3,.student-day-classes h3,.student-class-card h4{color:var(--color-white);margin:0}.student-course-card p,.student-empty-state p{margin:var(--spacing-sm) 0 0;color:#e2e8f0a3;font-size:var(--font-size-sm)}.student-empty-state{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;border:1px dashed #94a3b838}.student-empty-state .student-primary-btn{margin-top:var(--spacing-md)}.student-notification-item{padding:var(--spacing-md);border-radius:var(--border-radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #94a3b824}.student-notification-item p{margin:0 0 var(--spacing-sm);color:#e2e8f0db;font-size:var(--font-size-sm)}.student-notification-item small,.student-class-card small{color:#e2e8f08a;font-size:var(--font-size-xs)}.student-upcoming-link{width:fit-content;margin-top:var(--spacing-sm);color:#bfdbfef2;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;display:inline-flex}.student-upcoming-link:hover{color:var(--color-white)}.student-calendar-section{scroll-margin-top:90px}.student-calendar-layout{gap:var(--spacing-lg);grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);display:grid}.student-calendar-shell{border-radius:var(--border-radius-lg);background:#ffffff14;border:1px solid #94a3b824;overflow:hidden}.student-calendar-shell .react-calendar{width:100%;color:var(--color-white);font-family:var(--font-family);background:0 0;border:none}.student-calendar-shell .react-calendar__navigation{border-bottom:1px solid #94a3b824;min-height:56px;margin:0}.student-calendar-shell .react-calendar__navigation button{color:var(--color-white);font-weight:var(--font-weight-semibold);background:0 0}.student-calendar-shell .react-calendar__navigation button:hover,.student-calendar-shell .react-calendar__navigation button:focus,.student-calendar-shell .react-calendar__tile:hover,.student-calendar-shell .react-calendar__tile:focus{background:#ffffff1a}.student-calendar-shell .react-calendar__month-view__weekdays{color:#e2e8f08f;font-size:var(--font-size-xs);text-transform:uppercase}.student-calendar-shell .react-calendar__month-view__weekdays abbr{text-decoration:none}.student-calendar-shell .react-calendar__tile{color:#e2e8f0d6;background:0 0;min-height:58px;position:relative}.student-calendar-shell .react-calendar__tile--now{background:#3b82f629}.student-calendar-shell .react-calendar__tile--active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white)}.student-calendar-dot{background:var(--color-accent-cyan);border-radius:50%;width:6px;height:6px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.student-day-classes{align-content:start;gap:var(--spacing-md);display:grid}.student-day-classes h3{margin-bottom:var(--spacing-xs)}.student-class-card{padding:var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;border:1px solid #94a3b824}.student-class-card h4{margin:var(--spacing-xs) 0 var(--spacing-md)}.student-status.completed{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);color:var(--color-success);background:#10b98124;margin:0}.student-loader{background:#05070d;place-items:center;min-height:100vh;display:grid}.student-spinner{border:4px solid #94a3b82e;border-top-color:var(--color-primary-base);border-radius:50%;width:52px;height:52px;animation:1s linear infinite spin}@media (width<=1080px){.student-navbar,.student-main{width:min(100% - 28px,1220px)}.student-nav-links{display:none}.student-content-grid,.student-calendar-layout,.student-hero{grid-template-columns:1fr}.student-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.student-navbar{min-height:auto;padding:var(--spacing-sm) 0;align-items:center;row-gap:var(--spacing-md);grid-template-columns:1fr auto;display:grid}.student-brand img{width:132px}.student-menu-toggle{display:grid}.student-nav-links,.student-nav-actions{grid-column:1/-1;width:100%;display:none}.student-navbar.menu-open .student-nav-links,.student-navbar.menu-open .student-nav-actions{display:flex}.student-nav-links{padding-top:var(--spacing-md);align-items:stretch;gap:var(--spacing-sm);border-top:1px solid #94a3b829;flex-direction:column}.student-nav-links a{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;align-items:center;display:flex}.student-nav-actions{flex-direction:column;justify-content:flex-start;align-items:stretch}.student-icon-link,.student-profile-link,.student-logout-btn{justify-content:center;width:100%}.student-icon-link{gap:var(--spacing-sm);display:flex}.student-icon-link:after{content:"Notifications";color:var(--color-white);font-weight:var(--font-weight-semibold)}.student-profile-link div{display:block}.student-main{padding:var(--spacing-lg) 0}.student-hero,.student-panel{padding:var(--spacing-lg)}.student-hero h1{font-size:34px}.student-hero p{font-size:var(--font-size-base)}.student-stat-grid,.student-course-card{grid-template-columns:1fr}.student-section-heading{flex-direction:column;align-items:flex-start}.student-calendar-shell .react-calendar__tile{min-height:48px}}.create-course-page{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.create-navbar{width:min(1180px,100% - 40px);min-height:76px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-bottom:1px solid #94a3b829;border-radius:20px;margin:0 auto;display:flex;position:sticky;top:20px}.create-brand{align-items:center;display:inline-flex}.create-brand img{filter:brightness(0)invert();width:140px;height:auto}.create-nav-links{align-items:center;gap:var(--spacing-xl);display:flex}.create-nav-links a{color:#e2e8f0bd;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.create-nav-links a:hover{color:var(--color-white)}.create-nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}.create-menu-toggle{border-radius:var(--border-radius-md);background:#ffffff14;border:1px solid #94a3b829;place-items:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.create-menu-toggle span{border-radius:var(--border-radius-full);background:var(--color-white);width:20px;height:2px;transition:transform var(--transition-fast);display:block}.create-navbar.menu-open .create-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.create-navbar.menu-open .create-menu-toggle span:nth-child(2){opacity:0}.create-navbar.menu-open .create-menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.create-profile-link{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:40px;height:40px;color:var(--color-white);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast);place-items:center;display:grid}.create-profile-link:hover{transform:translateY(-2px)}.create-logout-btn{padding:0 var(--spacing-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));min-height:40px;color:var(--color-white);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none}.create-logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed40}.create-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.create-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;box-shadow:0 24px 70px #0003}.create-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.create-hero h1{color:var(--color-white);margin:0;font-size:46px;line-height:1.15}.create-hero p{margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg);max-width:720px}.create-container{gap:var(--spacing-lg);grid-template-columns:1fr .4fr;display:grid}.create-form{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--spacing-lg);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.form-columns{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-column h2{margin:0 0 var(--spacing-lg);font-size:var(--font-size-xl);color:var(--color-white)}.required{color:var(--color-error)}select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(226, 232, 240, 0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}select.form-input option{color:var(--color-white);padding:var(--spacing-md);background:#1a1a2e}.form-textarea{resize:vertical;min-height:120px}.pricing-section{padding:var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0a;border:1px solid #94a3b81a}.file-input-wrapper{border-radius:var(--border-radius-md);transition:all var(--transition-fast);background:#ffffff0a;border:2px dashed #94a3b84d;position:relative;overflow:hidden}.file-input-wrapper:hover{background:#3b82f614;border-color:#3b82f680}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.file-input-label{padding:var(--spacing-md);text-align:center;color:#e2e8f0bd;font-size:var(--font-size-sm);pointer-events:none;-webkit-user-select:none;user-select:none}.create-message{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:#10b98124;border:1px solid #10b9814d}.create-message:has-text("❌"){color:var(--color-error);background:#ef444424;border-color:#ef44444d}.create-submit-btn{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-lg);border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:none;box-shadow:0 16px 30px #7c3aed38}.create-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px #7c3aed4d}.create-submit-btn:disabled{opacity:.5;cursor:not-allowed}.create-info{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--spacing-lg);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.create-info h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-white);padding-bottom:var(--spacing-md);border-bottom:1px solid #94a3b829}.create-info h3:first-child{margin-top:0}.tips-list{margin:var(--spacing-md) 0 var(--spacing-lg);padding:0;list-style:none}.tips-list li{padding:var(--spacing-sm) 0;color:#e2e8f0bd;font-size:var(--font-size-sm);border-bottom:1px solid #94a3b81a}.tips-list li:last-child{border-bottom:none}.tips-list li:before{content:"→ ";color:var(--color-accent-cyan);font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm)}@media (width<=1080px){.create-navbar,.create-main{width:min(100% - 28px,1220px)}.create-nav-links{display:none}.create-container,.form-columns{grid-template-columns:1fr}}@media (width<=680px){.create-navbar{min-height:auto;padding:var(--spacing-sm) 0;align-items:center;row-gap:var(--spacing-md);grid-template-columns:1fr auto;display:grid}.create-brand img{width:120px}.create-menu-toggle{display:grid}.create-nav-links,.create-nav-actions{grid-column:1/-1;width:100%;display:none}.create-navbar.menu-open .create-nav-links,.create-navbar.menu-open .create-nav-actions{flex-direction:column;display:flex}.create-nav-links{padding-top:var(--spacing-md);gap:var(--spacing-sm);border-top:1px solid #94a3b829}.create-nav-links a{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;align-items:center;display:flex}.create-hero h1{font-size:32px}.create-form{padding:var(--spacing-lg)}}.pagination{width:100%;margin-top:var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.pagination-pages{justify-content:center;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.pagination-btn,.pagination-page{min-width:42px;height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:#e2e8f0c7;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:#ffffff14;border:1px solid #94a3b83d}.pagination-page{padding:0}.pagination-btn:hover:not(:disabled),.pagination-page:hover:not(:disabled){border-color:var(--color-primary-base);color:var(--color-white);transform:translateY(-2px)}.pagination-page.active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border-color:#0000;box-shadow:0 12px 24px #7c3aed38}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=480px){.pagination{gap:var(--spacing-xs)}.pagination-btn,.pagination-page{min-width:38px;height:38px;padding:0 var(--spacing-sm)}.pagination-page{padding:0}}.course-page{min-height:100vh;padding:var(--spacing-2xl) max(20px, calc((100vw - 1220px) / 2));color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 12% 6%,#06b6d41f,#0000 26%),radial-gradient(circle at 92% 4%,#7c3aed1f,#0000 24%),#05070d}.course-page>h1{margin:0 0 var(--spacing-xl);color:var(--color-white);letter-spacing:0;font-size:44px;line-height:1.1}.course-page>h1:after{content:"Explore live Skillstek programs and choose your learning plan.";max-width:680px;margin-top:var(--spacing-sm);color:#e2e8f0b3;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.6;display:block}.student-course-nav{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.student-course-nav-btn{min-height:42px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);color:#e2e8f0c7;font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:#ffffff14;border:1px solid #94a3b82e}.student-course-nav-btn:hover,.student-course-nav-btn.active{color:var(--color-white);background:#06b6d424;border-color:#06b6d47a;transform:translateY(-2px)}.course-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;display:grid}.course-page .course-card{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0f172ad1;border:1px solid #94a3b82e;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 48px #00000038}.course-page .course-card:hover{border-color:#06b6d461;transform:translateY(-6px);box-shadow:0 26px 70px #00000052}.course-image-wrap{height:250px;padding:var(--spacing-sm);background:linear-gradient(135deg,#fffffff0,#e2e8f0e6),#ffffff14;border-bottom:1px solid #94a3b824;place-items:center;display:grid;overflow:hidden}.course-image-wrap img{object-fit:contain;border-radius:var(--border-radius-md);width:100%;height:100%;display:block}.course-image-placeholder{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-cyan));width:86px;height:86px;color:var(--color-white);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);border-radius:50%;place-items:center;display:grid;box-shadow:0 18px 38px #06b6d438}.course-content{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.course-heading{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.course-content h2{color:var(--color-white);font-size:var(--font-size-xl);overflow-wrap:anywhere;margin:0;line-height:1.3}.course-content p{color:#e2e8f0b8;font-size:var(--font-size-sm);margin:0;line-height:1.55}.course-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);color:#e2e8f0c7;font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;background:#94a3b824;flex-shrink:0}.course-status.approved{color:var(--color-success);background:#10b98129}.pricing{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.pricing span{min-height:64px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:#bfdbfef5;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:#ffffff12;border:1px solid #94a3b829;flex-direction:column;justify-content:center;gap:3px;display:flex}.pricing span:first-line{color:#e2e8f0a3;font-size:12px}.curriculum-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;min-height:40px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);background:#06b6d41f;border:1px solid #06b6d461;display:inline-flex}.curriculum-btn:hover{border-color:var(--color-accent-cyan);background:#06b6d433;transform:translateY(-2px);box-shadow:0 8px 16px #06b6d429}.buy-buttons,.admin-controls{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.buy-buttons{padding-top:0}.buy-buttons button,.admin-controls button{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none}.buy-buttons button:hover:not(:disabled),.admin-controls button:hover,.modal-actions button:hover{transform:translateY(-2px);box-shadow:0 12px 22px #3b82f638}.buy-buttons button:disabled{opacity:.78}.admin-controls{flex-direction:column;width:100%;padding-top:0}.admin-control-row{gap:var(--spacing-sm);grid-template-columns:auto 1fr;align-items:center;display:grid}.admin-controls select{width:100%;min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-white);font-family:var(--font-family);font-weight:var(--font-weight-semibold);background:#ffffff14;border:1px solid #94a3b838}.admin-controls select option{color:var(--color-dark)}.approve-btn{width:fit-content}.assigned-instructors{margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid #94a3b824}.assigned-instructors h3{margin:0 0 var(--spacing-sm);color:#e2e8f0ad;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase}.assigned-instructor{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:#ffffff0f;border:1px solid #94a3b829;grid-template-columns:minmax(0,1fr) auto;display:grid}.assigned-instructor p{color:var(--color-white);font-weight:var(--font-weight-bold);overflow-wrap:anywhere;margin:0}.assigned-instructor small{color:#e2e8f094;overflow-wrap:anywhere;margin-top:2px;display:block}.remove-instructor-btn{min-height:36px!important;padding:0 var(--spacing-sm)!important;box-shadow:none!important;background:#ef4444eb!important}.no-instructors{padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:1px dashed #94a3b838;color:#e2e8f08f!important}@media (width<=768px){.course-page{padding:var(--spacing-xl) var(--spacing-md)}.course-page>h1{font-size:36px}.course-grid{grid-template-columns:1fr}.course-image-wrap{height:220px}}@media (width<=480px){.admin-control-row,.assigned-instructor{grid-template-columns:1fr}.remove-instructor-btn,.approve-btn{width:100%}}.drawer-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9998;background:#0f172aa6;animation:.25s fadeIn;position:fixed;inset:0}.course-drawer{color:#fff;z-index:9999;background:#0f172a;flex-direction:column;width:520px;max-width:100%;height:100vh;animation:.35s slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-15px 0 40px #00000073}.drawer-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.drawer-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.drawer-close{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;width:42px;height:42px;font-size:18px;transition:all .25s}.drawer-close:hover{background:#ef4444;transform:rotate(90deg)}.drawer-body{flex:1;padding:28px;overflow-y:auto}.drawer-body::-webkit-scrollbar{width:8px}.drawer-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:20px}.drawer-body label{color:#94a3b8;margin-top:22px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.drawer-body label:first-child{margin-top:0}.drawer-body input,.drawer-body textarea{color:#fff;box-sizing:border-box;background:#1e293b;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .25s}.drawer-body textarea{resize:vertical;min-height:140px}.drawer-body input:focus,.drawer-body textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f62e}.file-card{background:linear-gradient(#1e293b,#172033);border:1px solid #ffffff14;border-radius:18px;margin-top:24px;padding:20px;transition:all .25s}.file-card:hover{border-color:#3b82f673;transform:translateY(-2px)}.file-title{align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.file-title svg{color:#60a5fa;font-size:20px}.preview-image{object-fit:cover;border:1px solid #ffffff14;border-radius:14px;width:100%;max-height:220px;margin-bottom:16px}.pdf-link{color:#38bdf8;margin-bottom:16px;font-weight:600;text-decoration:none;display:inline-block}.pdf-link:hover{text-decoration:underline}.selected-file{color:#22c55e;margin:12px 0;font-size:14px}.empty-file{color:#94a3b8;text-align:center;background:#ffffff0a;border-radius:12px;margin-bottom:16px;padding:18px}.replace-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-weight:600;transition:all .25s;display:flex}.replace-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3b82f647}.drawer-footer{background:#111827;border-top:1px solid #ffffff14;gap:14px;padding:22px 28px;display:flex}.drawer-footer button{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;height:48px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.save-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.save-btn:disabled{opacity:.65;cursor:not-allowed}.delete-btn{color:#fff;background:#dc2626}.delete-btn:hover{background:#b91c1c;transform:translateY(-2px)}@media (width<=768px){.course-drawer{width:100%}.drawer-body{padding:20px}.drawer-footer{flex-direction:column;padding:20px}.drawer-footer button{width:100%}.drawer-header{padding:18px 20px}}.schedule-page{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.schedule-navbar{width:min(1180px,100% - 40px);min-height:76px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-bottom:1px solid #94a3b829;border-radius:20px;margin:0 auto;display:flex;position:sticky;top:20px}.schedule-brand{align-items:center;display:inline-flex}.schedule-brand img{filter:brightness(0)invert();width:140px;height:auto}.schedule-nav-links{align-items:center;gap:var(--spacing-xl);display:flex}.schedule-nav-links a{color:#e2e8f0bd;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.schedule-nav-links a:hover{color:var(--color-white)}.schedule-nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}.schedule-menu-toggle{border-radius:var(--border-radius-md);background:#ffffff14;border:1px solid #94a3b829;place-items:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.schedule-menu-toggle span{border-radius:var(--border-radius-full);background:var(--color-white);width:20px;height:2px;transition:transform var(--transition-fast);display:block}.schedule-navbar.menu-open .schedule-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.schedule-navbar.menu-open .schedule-menu-toggle span:nth-child(2){opacity:0}.schedule-navbar.menu-open .schedule-menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.schedule-profile-link{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:40px;height:40px;color:var(--color-white);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast);place-items:center;display:grid}.schedule-profile-link:hover{transform:translateY(-2px)}.schedule-logout-btn{padding:0 var(--spacing-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));min-height:40px;color:var(--color-white);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none}.schedule-logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed40}.schedule-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.schedule-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;box-shadow:0 24px 70px #0003}.schedule-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.schedule-hero h1{color:var(--color-white);margin:0;font-size:46px;line-height:1.15}.schedule-hero p{margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg);max-width:720px}.schedule-card{gap:var(--spacing-lg);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr .5fr;display:grid;overflow:hidden;box-shadow:0 18px 48px #0000002e}.form-section{padding:var(--spacing-lg)}.form-section h2{margin:0 0 var(--spacing-lg);color:var(--color-white);font-size:var(--font-size-2xl)}.form-section h3{margin:var(--spacing-lg) 0 var(--spacing-md);color:#e2e8f0f2;font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-sm);color:#e2e8f0db;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:block}.form-input{width:100%;padding:var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-white);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-fast);background:#ffffff14;border:1px solid #94a3b829}.form-input::placeholder{color:#e2e8f073}.form-input:focus{background:#ffffff1a;border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f61a}select.form-input{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(226, 232, 240, 0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}select.form-input option{color:#e5e7eb;background:#1f2937;padding:8px}select.form-input option:checked{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white)}select.form-input option:hover{background:#374151}.schedule-message{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:#10b98124;border:1px solid #10b9814d}.schedule-message:has-text("❌"){color:var(--color-error);background:#ef444424;border-color:#ef44444d}.schedule-submit-btn{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-lg);border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:none;box-shadow:0 16px 30px #7c3aed38}.schedule-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px #7c3aed4d}.schedule-submit-btn:disabled{opacity:.5;cursor:not-allowed}.info-section{background:#ffffff0f;border-left:2px solid #3b82f64d}.instruction-list{margin:var(--spacing-md) 0 var(--spacing-lg);padding:0;list-style:none}.instruction-list li{padding:var(--spacing-sm) 0;color:#e2e8f0bd;font-size:var(--font-size-sm);border-bottom:1px solid #94a3b81a}.instruction-list li:last-child{border-bottom:none}.instruction-list li:before{content:"✓ ";color:var(--color-accent-cyan);font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm)}@media (width<=1080px){.schedule-navbar,.schedule-main{width:min(100% - 28px,1220px)}.schedule-nav-links{display:none}.schedule-card{grid-template-columns:1fr}.info-section{border-top:2px solid #3b82f64d;border-left:none}}@media (width<=680px){.schedule-navbar{min-height:auto;padding:var(--spacing-sm) 0;align-items:center;row-gap:var(--spacing-md);grid-template-columns:1fr auto;display:grid}.schedule-brand img{width:120px}.schedule-menu-toggle{display:grid}.schedule-nav-links,.schedule-nav-actions{grid-column:1/-1;width:100%;display:none}.schedule-navbar.menu-open .schedule-nav-links,.schedule-navbar.menu-open .schedule-nav-actions{flex-direction:column;display:flex}.schedule-nav-links{padding-top:var(--spacing-md);gap:var(--spacing-sm);border-top:1px solid #94a3b829}.schedule-nav-links a{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;align-items:center;display:flex}.schedule-hero h1{font-size:32px}.schedule-card{padding:var(--spacing-lg)!important}}.center-page{min-height:100vh;padding:var(--spacing-2xl) max(20px, calc((100vw - 1180px) / 2));color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.classes-container{width:100%}.classes-container>h1{margin:0 0 var(--spacing-xl);color:var(--color-white);font-size:44px;line-height:1.1}.classes-container>h1:after{content:"View upcoming live sessions and join your scheduled classes.";max-width:640px;margin-top:var(--spacing-md);color:#e2e8f0ad;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.6;display:block}.class-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.class-tab{min-height:42px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-full);color:#e2e8f0b8;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#ffffff14;border:1px solid #94a3b838}.class-tab:hover{color:var(--color-white);border-color:#3b82f67a;transform:translateY(-2px)}.class-tab.active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border-color:#0000;box-shadow:0 12px 24px #7c3aed38}.class-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.center-page .class-card,.center-page .empty{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.center-page .class-card{padding:var(--spacing-lg);transition:transform var(--transition-fast), border-color var(--transition-fast)}.center-page .class-card:hover{border-color:#3b82f661;transform:translateY(-4px)}.center-page .class-card h2{margin:0 0 var(--spacing-md);color:var(--color-white);font-size:var(--font-size-xl)}.center-page .time{margin:0 0 var(--spacing-md);color:#e2e8f09e;font-size:var(--font-size-sm)}.center-page .status{width:fit-content;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.center-page .status.upcoming{color:#bfdbfefa;background:#3b82f629}.center-page .status.completed{color:var(--color-success);background:#10b98124}.center-page .actions{margin-top:var(--spacing-md)}.center-page .join-btn,.center-page .completed-btn{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);border:none;justify-content:center;align-items:center;display:inline-flex}.center-page .join-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);box-shadow:0 16px 30px #7c3aed38}.center-page .completed-btn{color:#e2e8f0a3;cursor:not-allowed;background:#ffffff1a}.center-page .empty{padding:var(--spacing-xl);color:#e2e8f0ad;text-align:center}@media (width<=640px){.center-page{padding:var(--spacing-xl) var(--spacing-md)}.classes-container>h1{font-size:34px}.class-grid{grid-template-columns:1fr}}.manage-users{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.manage-navbar{width:min(1180px,100% - 40px);min-height:76px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-bottom:1px solid #94a3b829;border-radius:20px;margin:0 auto;display:flex;position:sticky;top:20px}.manage-brand{align-items:center;display:inline-flex}.manage-brand img{filter:brightness(0)invert();width:154px;height:auto;display:block}.manage-nav-links{align-items:center;gap:var(--spacing-xl);display:flex}.manage-nav-links a{color:#e2e8f0bd;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);text-decoration:none}.manage-nav-links a:hover{color:var(--color-white)}.manage-nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}.manage-menu-toggle{border-radius:var(--border-radius-md);cursor:pointer;background:#ffffff14;border:1px solid #94a3b829;place-items:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.manage-menu-toggle span{border-radius:var(--border-radius-full);background:var(--color-white);width:20px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);display:block}.manage-navbar.menu-open .manage-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.manage-navbar.menu-open .manage-menu-toggle span:nth-child(2){opacity:0}.manage-navbar.menu-open .manage-menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.manage-profile-link,.manage-logout-btn{border-radius:var(--border-radius-md);min-height:44px;color:var(--color-white);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);cursor:pointer;background:#ffffff14;border:none;align-items:center;text-decoration:none;display:flex}.manage-profile-link{padding:5px var(--spacing-sm) 5px 5px;gap:var(--spacing-sm)}.manage-profile-link>span{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:34px;height:34px;color:var(--color-white);font-weight:var(--font-weight-bold);flex-shrink:0;place-items:center;display:grid}.manage-profile-link strong,.manage-profile-link small{line-height:1.1;display:block}.manage-profile-link strong{max-width:120px;color:var(--color-white);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manage-profile-link small{color:#e2e8f094;font-size:11px}.manage-logout-btn{padding:0 var(--spacing-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));font-weight:var(--font-weight-semibold);box-shadow:0 12px 24px #1e3a8a2e}.manage-logout-btn:hover,.manage-profile-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.manage-profile-link:hover{background:#ffffff1f}.manage-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.manage-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:end;display:grid;box-shadow:0 24px 70px #0003}.manage-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.manage-hero h1{color:var(--color-white);margin:0;font-size:46px;line-height:1.15}.manage-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg)}.manage-hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.manage-primary-btn,.manage-secondary-btn{min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);text-align:center;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);color:var(--color-white);cursor:pointer;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.manage-primary-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));box-shadow:0 16px 30px #7c3aed38}.manage-secondary-btn{background:#ffffff14;border:1px solid #94a3b82e}.manage-primary-btn:hover,.manage-secondary-btn:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.manage-stat-grid{margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.manage-stat-card{padding:var(--spacing-lg);color:inherit;border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-fast), border-color var(--transition-fast);cursor:pointer;background:#ffffff14;border:1px solid #94a3b829;flex-direction:column;text-decoration:none;display:flex;box-shadow:0 18px 48px #0000002e}.manage-stat-card span{color:#e2e8f09e;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.manage-stat-card strong{margin:var(--spacing-sm) 0;color:var(--color-white);font-size:var(--font-size-3xl);line-height:1;display:block}.manage-stat-card p{color:#e2e8f09e;font-size:var(--font-size-sm);margin:0}.manage-stat-card:hover{border-color:#3b82f661;transform:translateY(-4px)}.manage-form-section{margin-bottom:var(--spacing-xl)}.manage-panel{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.manage-section-heading{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.manage-section-heading h2{color:var(--color-white);margin:0}.manage-form-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.manage-input{padding:var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-white);font-family:var(--font-family);font-size:var(--font-size-base);transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff14;border:1px solid #94a3b83d}.manage-input::placeholder{color:#e2e8f080}.manage-input:focus{border-color:var(--color-primary-base);background:#ffffff1f;outline:none}.manage-input:disabled{opacity:.6;cursor:not-allowed}.manage-tabs{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid #94a3b829;display:flex}.manage-tab{padding:var(--spacing-md) var(--spacing-lg);color:#e2e8f09e;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000}.manage-tab:hover{color:var(--color-white)}.manage-tab.active{color:var(--color-accent-cyan);border-bottom-color:var(--color-accent-cyan)}.manage-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.manage-filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);color:#e2e8f0bd;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #94a3b83d}.manage-filter-btn:hover{border-color:var(--color-primary-base)}.manage-filter-btn.active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border-color:#0000;box-shadow:0 12px 24px #7c3aed38}.manage-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.manage-card{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-fast), border-color var(--transition-fast);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.manage-card h3{margin:0 0 var(--spacing-sm);color:var(--color-white);font-size:var(--font-size-xl)}.manage-card p{color:#e2e8f0b3;font-size:var(--font-size-sm);margin:0;line-height:1.6}.manage-card:hover{border-color:#3b82f661;transform:translateY(-4px)}.manage-user-card{flex-direction:column;display:flex}.manage-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.manage-email{word-break:break-all;color:#e2e8f09e!important;margin-bottom:var(--spacing-lg)!important}.manage-role-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;white-space:nowrap;display:inline-flex}.manage-role-badge.student{color:var(--color-success);background:#10b98133}.manage-role-badge.instructor{color:var(--color-primary-base);background:#3b82f633}.manage-role-badge.admin{color:var(--color-accent-purple);background:#7c3aed33}.manage-card-actions{gap:var(--spacing-sm);margin-top:auto;display:flex}.manage-edit-btn,.manage-delete-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #94a3b83d;flex:1}.manage-edit-btn:hover{border-color:var(--color-primary-base);background:#3b82f62e}.manage-delete-btn{color:#ff6b6b}.manage-delete-btn:hover{background:#ef44442e;border-color:#ff6b6b}.manage-course-instructor{margin:var(--spacing-md) 0!important}.manage-enrollment-item{gap:var(--spacing-sm);flex-direction:column;display:flex}.manage-student,.manage-course{font-size:var(--font-size-sm)!important;margin:0!important}.manage-empty{text-align:center;padding:var(--spacing-2xl);color:#e2e8f09e;font-size:var(--font-size-lg);grid-column:1/-1}.manage-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.manage-modal{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827f2;border:1px solid #94a3b829;width:90%;max-width:500px;box-shadow:0 25px 50px -12px #00000040}.manage-modal-header{padding:var(--spacing-lg);border-bottom:1px solid #94a3b829;justify-content:space-between;align-items:center;display:flex}.manage-modal-header h2{color:var(--color-white);margin:0}.manage-modal-close{width:36px;height:36px;color:var(--color-white);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:none;font-size:18px}.manage-modal-close:hover{background:#fff3}.manage-modal-body{padding:var(--spacing-lg)}.manage-form-group{margin-bottom:var(--spacing-lg)}.manage-form-group label{margin-bottom:var(--spacing-sm);color:#e2e8f0bd;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;display:block}.manage-modal-actions{padding:var(--spacing-lg);gap:var(--spacing-md);border-top:1px solid #94a3b829;display:flex}.manage-modal-actions button{flex:1}.manage-loader{background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d;justify-content:center;align-items:center;height:100vh;display:flex}.manage-spinner{border:5px solid #94a3b829;border-top:5px solid var(--color-accent-cyan);border-radius:50%;width:50px;height:50px;animation:1s linear infinite manage-spin}@keyframes manage-spin{to{transform:rotate(360deg)}}@media (width<=1024px){.manage-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.manage-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.manage-hero{gap:var(--spacing-md);grid-template-columns:1fr}.manage-hero h1{font-size:36px}}@media (width<=768px){.manage-navbar{width:calc(100% - 20px);padding:var(--spacing-sm) var(--spacing-md);top:10px}.manage-brand img{width:120px}.manage-menu-toggle{display:grid}.manage-nav-links{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05070df2;border:1px solid #94a3b829;flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.manage-navbar.menu-open .manage-nav-links{display:flex}.manage-nav-links a{padding:var(--spacing-md);display:block}.manage-main{width:calc(100% - 20px);padding:var(--spacing-lg) 0}.manage-hero{gap:var(--spacing-md);padding:var(--spacing-lg);grid-template-columns:1fr}.manage-hero h1{font-size:32px}.manage-hero-actions{flex-direction:column}.manage-hero-actions button,.manage-hero-actions a{width:100%}.manage-stat-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.manage-form-grid,.manage-grid{grid-template-columns:1fr}.manage-tabs{overflow-x:auto}.manage-tab{white-space:nowrap}}@media (width<=480px){.manage-stat-grid{gap:var(--spacing-md);grid-template-columns:1fr}.manage-stat-card{padding:var(--spacing-md)}.manage-stat-card strong{font-size:var(--font-size-2xl)}.manage-hero h1{font-size:24px}.manage-hero p{font-size:var(--font-size-base)}.manage-panel,.manage-card{padding:var(--spacing-md)}.manage-form-group{margin-bottom:var(--spacing-md)}.manage-modal{width:95%}.manage-filter-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:12px}}.calendar-page{min-height:100vh;padding:var(--spacing-2xl) max(20px, calc((100vw - 1180px) / 2));color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.page-title{margin:0 0 var(--spacing-xl);color:var(--color-white);font-size:44px;line-height:1.1}.page-title:after{content:"Review scheduled sessions and join classes directly from your calendar.";max-width:680px;margin-top:var(--spacing-md);color:#e2e8f0ad;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.6;display:block}.calendar-layout{gap:var(--spacing-lg);grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);display:grid}.calendar-box,.classes-box{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.calendar-box .react-calendar{width:100%;color:var(--color-white);font-family:var(--font-family);background:0 0;border:none}.calendar-box .react-calendar__navigation{min-height:56px;margin:0 0 var(--spacing-md);border-bottom:1px solid #94a3b824}.calendar-box .react-calendar__navigation button{color:var(--color-white);font-weight:var(--font-weight-semibold);background:0 0}.calendar-box .react-calendar__navigation button:hover,.calendar-box .react-calendar__navigation button:focus,.calendar-box .react-calendar__tile:hover,.calendar-box .react-calendar__tile:focus{background:#ffffff1a}.calendar-box .react-calendar__month-view__weekdays{color:#e2e8f08f;font-size:var(--font-size-xs);text-transform:uppercase}.calendar-box .react-calendar__month-view__weekdays abbr{text-decoration:none}.calendar-box .react-calendar__tile{color:#e2e8f0d6;background:0 0;min-height:58px;position:relative}.calendar-box .react-calendar__tile--now{background:#3b82f629}.calendar-box .react-calendar__tile--active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white)}.dot{background:var(--color-accent-cyan);border-radius:50%;width:6px;height:6px;margin:3px auto 0}.classes-box h2{margin:0 0 var(--spacing-lg);color:var(--color-white);font-size:var(--font-size-xl)}.classes-box h2 span{color:#bfdbfef2}.calendar-page .class-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;border:1px solid #94a3b824}.calendar-page .class-card h3{margin:var(--spacing-xs) 0 var(--spacing-md);color:var(--color-white);font-size:var(--font-size-base)}.calendar-page .time{color:#e2e8f08a;font-size:var(--font-size-xs);margin:0}.calendar-page .join-btn{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 16px 30px #7c3aed38}.calendar-page .badge.completed{width:fit-content;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:#10b98124;display:inline-flex}.no-data{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);color:#e2e8f09e;text-align:center;border:1px dashed #94a3b833}@media (width<=900px){.calendar-page{padding:var(--spacing-xl) var(--spacing-md)}.calendar-layout{grid-template-columns:1fr}.page-title{font-size:34px}}.notif-page{min-height:100vh;padding:var(--spacing-2xl) max(20px, calc((100vw - 900px) / 2));color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.notif-page h1{margin:0 0 var(--spacing-xl);color:var(--color-white);font-size:44px;line-height:1.1}.notif-page h1:after{content:"Latest updates, class announcements, and platform messages.";max-width:640px;margin-top:var(--spacing-md);color:#e2e8f0ad;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.6;display:block}.notif-list{gap:var(--spacing-md);display:grid}.notif-card,.notif-page .empty{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.notif-card{padding:var(--spacing-lg);border-left:4px solid var(--color-primary-base);transition:transform var(--transition-fast), border-color var(--transition-fast)}.notif-card:hover{border-color:#3b82f66b;transform:translateY(-3px)}.notif-message{margin-bottom:var(--spacing-sm);color:#e2e8f0eb;font-size:var(--font-size-base)}.notif-time{color:#e2e8f08a;font-size:var(--font-size-xs)}.notif-page .empty{padding:var(--spacing-xl);color:#e2e8f0ad;text-align:center}@media (width<=640px){.notif-page{padding:var(--spacing-xl) var(--spacing-md)}.notif-page h1{font-size:34px}}.profile-page{min-height:100vh;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d;place-items:center;display:grid}.profile-card{width:min(100%,560px);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 24px 70px #00000047}.profile-card h1{margin:0 0 var(--spacing-xl);color:var(--color-white);text-align:left;font-size:40px;line-height:1.1}.profile-card h1:after{content:"Keep your Skillstek account details up to date.";margin-top:var(--spacing-md);color:#e2e8f0ad;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.6;display:block}.profile-card .form-group{margin-bottom:var(--spacing-md);text-align:left}.profile-card .form-group label{margin-bottom:var(--spacing-sm);color:#e2e8f0db;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.profile-card .form-group input{width:100%;min-height:48px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-white);background:#ffffff14;border:1px solid #94a3b82e}.profile-card .form-group input::placeholder{color:#e2e8f085}.profile-card .form-group input:focus{border-color:#3b82f6c7;box-shadow:0 0 0 3px #3b82f629}.save-btn{width:100%;min-height:48px;margin-top:var(--spacing-sm);border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);font-weight:var(--font-weight-bold);border:none;box-shadow:0 16px 30px #7c3aed38}.save-btn:hover{transform:translateY(-2px);box-shadow:0 20px 36px #7c3aed4d}.save-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.loader-container{background:#05070d;place-items:center;min-height:100vh;display:grid}.spinner{border:4px solid #94a3b82e;border-top-color:var(--color-primary-base);border-radius:50%;width:52px;height:52px;animation:1s linear infinite spin}@media (width<=640px){.profile-page{padding:var(--spacing-xl) var(--spacing-md)}.profile-card{padding:var(--spacing-lg)}.profile-card h1{font-size:32px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.sales-dashboard{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.sales-navbar{width:min(1180px,100% - 40px);min-height:76px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-bottom:1px solid #94a3b829;border-radius:20px;margin:0 auto;display:flex;position:sticky;top:20px}.sales-brand{align-items:center;display:inline-flex}.sales-brand img{filter:brightness(0)invert();width:154px;height:auto;display:block}.sales-nav-links,.sales-nav-actions{align-items:center;gap:var(--spacing-lg);display:flex}.sales-nav-links a{color:#e2e8f0bd;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.sales-nav-links a:hover{color:var(--color-white)}.sales-menu-toggle{border-radius:var(--border-radius-md);cursor:pointer;background:#ffffff14;border:1px solid #94a3b829;place-items:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.sales-menu-toggle span{border-radius:var(--border-radius-full);background:var(--color-white);width:20px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);display:block}.sales-navbar.menu-open .sales-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.sales-navbar.menu-open .sales-menu-toggle span:nth-child(2){opacity:0}.sales-navbar.menu-open .sales-menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sales-profile-link,.sales-logout-btn{border-radius:var(--border-radius-md);min-height:44px;color:var(--color-white);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff14;border:none;align-items:center;text-decoration:none;display:flex}.sales-profile-link{padding:5px var(--spacing-sm) 5px 5px;gap:var(--spacing-sm)}.sales-profile-link>span{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:34px;height:34px;color:var(--color-white);font-weight:var(--font-weight-bold);flex-shrink:0;place-items:center;display:grid}.sales-profile-link strong,.sales-profile-link small{line-height:1.1;display:block}.sales-profile-link strong{max-width:120px;color:var(--color-white);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sales-profile-link small{color:#e2e8f094;font-size:11px}.sales-logout-btn{padding:0 var(--spacing-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));cursor:pointer;font-weight:var(--font-weight-semibold);box-shadow:0 12px 24px #1e3a8a2e}.sales-profile-link:hover,.sales-logout-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sales-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.sales-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:end;display:grid;box-shadow:0 24px 70px #0003}.sales-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.sales-hero h1,.sales-section-heading h2{color:var(--color-white);margin:0;line-height:1.15}.sales-hero h1{max-width:780px;font-size:46px}.sales-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg)}.sales-hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.sales-primary-btn,.sales-secondary-btn{min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--color-white);font-family:var(--font-family);font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sales-primary-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));box-shadow:0 16px 30px #7c3aed38}.sales-secondary-btn{background:#ffffff14;border:1px solid #94a3b82e}.sales-primary-btn:hover:not(:disabled),.sales-secondary-btn:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sales-primary-btn:disabled{opacity:.5;cursor:not-allowed}.sales-stat-grid{margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.sales-stat-card,.sales-panel,.sales-course-card,.sales-schedule-card,.sales-trial-card{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.sales-stat-card{padding:var(--spacing-lg)}.sales-stat-card span{color:#e2e8f09e;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sales-stat-card strong{margin:var(--spacing-sm) 0;color:var(--color-white);font-size:var(--font-size-3xl);line-height:1;display:block}.sales-stat-card p,.sales-muted,.sales-empty{color:#e2e8f09e;font-size:var(--font-size-sm);margin:0}.sales-panel{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);scroll-margin-top:110px}.sales-section-heading{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.sales-course-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.sales-course-card{padding:var(--spacing-lg);gap:var(--spacing-md);display:grid}.sales-course-card h3,.sales-schedule-card h3,.sales-trial-card h3,.sales-datepicker-shell h4,.sales-schedule-details h4,.sales-instructor-card h3{color:var(--color-white);margin:0}.sales-link-box{gap:var(--spacing-sm);display:grid}.sales-link-box label{color:#e2e8f0b8;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.sales-link-box input,.sales-input,.sales-select{width:100%;min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-white);font-family:var(--font-family);background:#ffffff14;border:1px solid #94a3b838}.sales-link-box input{text-overflow:ellipsis;overflow:hidden}.sales-link-box button{width:fit-content;min-height:40px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-accent-cyan);font-weight:var(--font-weight-semibold);cursor:pointer;background:#06b6d41f;border:1px solid #06b6d461}.sales-select option{color:var(--color-dark)}.sales-pending-list,.sales-trial-list{gap:var(--spacing-lg);display:grid}.sales-schedule-card{padding:var(--spacing-lg)}.sales-lead-summary{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid #94a3b824}.sales-lead-summary p,.sales-trial-card p{margin:var(--spacing-xs) 0 0;color:#e2e8f0ad;font-size:var(--font-size-sm)}.sales-schedule-grid{gap:var(--spacing-lg);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;display:grid}.sales-datepicker-shell{gap:var(--spacing-md);display:grid}.sales-datepicker-shell .react-datepicker{border-radius:var(--border-radius-lg);width:100%;color:var(--color-white);font-family:var(--font-family);background:#0f172af0;border:1px solid #94a3b829;overflow:hidden}.sales-datepicker-shell .react-datepicker__month-container{width:100%}.sales-datepicker-shell .react-datepicker__header{background:#ffffff14;border-bottom:1px solid #94a3b829}.sales-datepicker-shell .react-datepicker__current-month,.sales-datepicker-shell .react-datepicker__day-name,.sales-datepicker-shell .react-datepicker__day{color:var(--color-white)}.sales-datepicker-shell .react-datepicker__day:hover,.sales-datepicker-shell .react-datepicker__day--selected{border-radius:var(--border-radius-md);background:var(--color-primary-base)}.sales-schedule-details{gap:var(--spacing-lg);display:grid}.sales-instructor-list{gap:var(--spacing-md);margin-top:var(--spacing-md);display:grid}.sales-instructor-card{padding:var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;border:1px solid #94a3b824}.sales-slot-list{margin-top:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.sales-slot-btn{min-height:38px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:#e2e8f0c7;font-weight:var(--font-weight-semibold);cursor:pointer;background:#ffffff14;border:1px solid #94a3b82e}.sales-slot-btn.active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border-color:#0000}.sales-form-grid{gap:var(--spacing-md);display:grid}.sales-input{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}textarea.sales-input{resize:vertical;min-height:110px}.sales-time-summary{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.sales-time-summary p{padding:var(--spacing-md);border-radius:var(--border-radius-md);color:#e2e8f0b8;font-size:var(--font-size-sm);overflow-wrap:anywhere;background:#ffffff0f;border:1px solid #94a3b824;margin:0}.sales-status-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.sales-status-tab{min-height:42px;padding:0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-radius:var(--border-radius-full);color:#e2e8f0bd;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#ffffff14;border:1px solid #94a3b838;display:inline-flex}.sales-status-tab span{min-width:24px;height:24px;padding:0 var(--spacing-xs);border-radius:var(--border-radius-full);color:var(--color-white);background:#ffffff1a;place-items:center;font-size:12px;display:grid}.sales-status-tab:hover{color:var(--color-white);border-color:#3b82f67a;transform:translateY(-2px)}.sales-status-tab.active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border-color:#0000;box-shadow:0 12px 24px #7c3aed38}.sales-trial-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sales-trial-card{padding:var(--spacing-md);gap:var(--spacing-md);display:grid}.sales-status{width:fit-content;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);color:#e2e8f0c7;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;background:#94a3b824;display:inline-flex}.sales-status.pending{color:#fbbf24;background:#f59e0b29}.sales-status.scheduled{color:#bfdbfefa;background:#3b82f629}.sales-status.completed{color:var(--color-success);background:#10b98124}.sales-status.cancelled{color:#f87171;background:#ef444424}.sales-empty{padding:var(--spacing-lg);border-radius:var(--border-radius-md);text-align:center;border:1px dashed #94a3b838}@media (width<=1080px){.sales-hero,.sales-schedule-grid,.sales-trial-grid{grid-template-columns:1fr}.sales-nav-links{display:none}}@media (width<=768px){.sales-navbar{width:calc(100% - 20px);padding:var(--spacing-sm) var(--spacing-md);top:10px}.sales-brand img{width:120px}.sales-menu-toggle{display:grid}.sales-nav-links{align-items:stretch;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:#05070df2;border:1px solid #94a3b829;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.sales-navbar.menu-open .sales-nav-links{display:flex}.sales-nav-links a{min-height:42px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);background:#ffffff0f;align-items:center;display:flex}.sales-main{width:calc(100% - 20px);padding:var(--spacing-lg) 0}.sales-hero{padding:var(--spacing-lg)}.sales-hero h1{font-size:32px}.sales-hero-actions{flex-direction:column}.sales-primary-btn,.sales-secondary-btn{width:100%}.sales-stat-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.sales-course-grid,.sales-trial-grid{grid-template-columns:1fr}.sales-section-heading{flex-direction:column;align-items:flex-start}}@media (width<=480px){.sales-stat-grid{grid-template-columns:1fr}.sales-panel,.sales-schedule-card,.sales-course-card{padding:var(--spacing-md)}.sales-hero h1{font-size:26px}}.student-trials-page{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.student-trials-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.student-trials-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:end;display:grid;box-shadow:0 24px 70px #0003}.student-trials-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.student-trials-hero h1,.student-trials-section-heading h2{color:var(--color-white);margin:0;line-height:1.15}.student-trials-hero h1{font-size:46px}.student-trials-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg)}.student-trials-stat-grid{margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.student-trials-stat-card,.student-trials-panel,.student-trials-card{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.student-trials-stat-card{padding:var(--spacing-lg)}.student-trials-stat-card span{color:#e2e8f09e;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.student-trials-stat-card strong{margin:var(--spacing-sm) 0;color:var(--color-white);font-size:var(--font-size-3xl);line-height:1;display:block}.student-trials-stat-card p,.student-trials-muted{color:#e2e8f09e;font-size:var(--font-size-sm);margin:0}.student-trials-panel{padding:var(--spacing-lg)}.student-trials-section-heading{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.student-trials-tabs{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.student-trials-tab{min-height:42px;padding:0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-radius:var(--border-radius-full);color:#e2e8f0bd;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;background:#ffffff14;border:1px solid #94a3b838;display:inline-flex}.student-trials-tab span{min-width:24px;height:24px;padding:0 var(--spacing-xs);border-radius:var(--border-radius-full);color:var(--color-white);background:#ffffff1a;place-items:center;font-size:12px;display:grid}.student-trials-tab.active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border-color:#0000;box-shadow:0 12px 24px #7c3aed38}.student-trials-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.student-trials-card{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.student-trials-card h3{color:var(--color-white);margin:0}.student-trials-details{gap:var(--spacing-sm);display:grid}.student-trials-details p{color:#e2e8f0ad;font-size:var(--font-size-sm);margin:0}.student-trials-status{width:fit-content;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);color:#bfdbfefa;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;background:#3b82f629;display:inline-flex}.student-trials-status.waiting{color:#fbbf24;background:#f59e0b29}.student-trials-status.completed{color:var(--color-success);background:#10b98124}.student-trials-primary-btn,.student-trials-secondary-btn,.student-trials-complete-btn{min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--color-white);font-weight:var(--font-weight-semibold);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.student-trials-primary-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:fit-content;margin-top:auto;box-shadow:0 16px 30px #7c3aed38}.student-trials-secondary-btn{background:#ffffff14;border:1px solid #94a3b82e}.student-trials-complete-btn{width:fit-content;color:var(--color-success);background:#10b9812e;margin-top:auto}.student-trials-empty{padding:var(--spacing-xl);border-radius:var(--border-radius-md);color:#e2e8f09e;text-align:center;border:1px dashed #94a3b838;margin:0}.student-trials-loader{background:#05070d;place-items:center;min-height:100vh;display:grid}.student-trials-spinner{border:4px solid #94a3b82e;border-top-color:var(--color-primary-base);border-radius:50%;width:52px;height:52px;animation:1s linear infinite student-trials-spin}@keyframes student-trials-spin{to{transform:rotate(360deg)}}@media (width<=900px){.student-trials-hero,.student-trials-stat-grid{grid-template-columns:1fr}.student-trials-section-heading{flex-direction:column;align-items:flex-start}}@media (width<=640px){.student-trials-main{width:calc(100% - 20px);padding:var(--spacing-lg) 0}.student-trials-hero,.student-trials-panel{padding:var(--spacing-lg)}.student-trials-hero h1{font-size:32px}.student-trials-grid{grid-template-columns:1fr}}.trial-page{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.trial-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.trial-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:end;display:grid;box-shadow:0 24px 70px #0003}.trial-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.trial-hero h1,.trial-section-heading h2{color:var(--color-white);margin:0;line-height:1.15}.trial-hero h1{font-size:46px}.trial-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg)}.trial-stat-grid{margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.trial-stat-card,.trial-panel,.trial-card{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.trial-stat-card{padding:var(--spacing-lg)}.trial-stat-card span{color:#e2e8f09e;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.trial-stat-card strong{margin:var(--spacing-sm) 0;color:var(--color-white);font-size:var(--font-size-3xl);line-height:1;display:block}.trial-stat-card p{color:#e2e8f09e;font-size:var(--font-size-sm);margin:0}.trial-panel{padding:var(--spacing-lg)}.trial-section-heading{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.trial-tabs{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.trial-tab{min-height:42px;padding:0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-radius:var(--border-radius-full);color:#e2e8f0bd;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;background:#ffffff14;border:1px solid #94a3b838;display:inline-flex}.trial-tab span{min-width:24px;height:24px;padding:0 var(--spacing-xs);border-radius:var(--border-radius-full);color:var(--color-white);background:#ffffff1a;place-items:center;font-size:12px;display:grid}.trial-tab.active{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);border-color:#0000;box-shadow:0 12px 24px #7c3aed38}.trial-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.trial-card{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.trial-card h3{color:var(--color-white);margin:0}.trial-detail-list{gap:var(--spacing-sm);display:grid}.trial-detail-list p{color:#e2e8f0ad;font-size:var(--font-size-sm);overflow-wrap:anywhere;margin:0}.trial-status{width:fit-content;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);color:#bfdbfefa;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;background:#3b82f629;display:inline-flex}.trial-status.completed,.trial-complete-note{color:var(--color-success)}.trial-primary-btn,.trial-secondary-btn{min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--color-white);font-weight:var(--font-weight-semibold);transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.trial-primary-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:fit-content;margin-top:auto;box-shadow:0 16px 30px #7c3aed38}.trial-secondary-btn{background:#ffffff14;border:1px solid #94a3b82e}.trial-primary-btn:hover,.trial-secondary-btn:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.trial-complete-note{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-top:auto}.trial-empty{padding:var(--spacing-xl);border-radius:var(--border-radius-md);color:#e2e8f09e;text-align:center;border:1px dashed #94a3b838;margin:0}.trial-loader{background:#05070d;place-items:center;min-height:100vh;display:grid}.trial-spinner{border:4px solid #94a3b82e;border-top-color:var(--color-primary-base);border-radius:50%;width:52px;height:52px;animation:1s linear infinite trial-spin}@keyframes trial-spin{to{transform:rotate(360deg)}}@media (width<=900px){.trial-hero,.trial-stat-grid{grid-template-columns:1fr}.trial-section-heading{flex-direction:column;align-items:flex-start}}@media (width<=640px){.trial-main{width:calc(100% - 20px);padding:var(--spacing-lg) 0}.trial-hero,.trial-panel{padding:var(--spacing-lg)}.trial-hero h1{font-size:32px}.trial-grid{grid-template-columns:1fr}}.availability-page{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.availability-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.availability-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:1fr auto;align-items:end;display:grid;box-shadow:0 24px 70px #0003}.availability-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.availability-hero h1,.availability-section-heading h2{color:var(--color-white);margin:0;line-height:1.15}.availability-hero h1{font-size:46px}.availability-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b3;font-size:var(--font-size-lg)}.availability-layout{gap:var(--spacing-lg);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;display:grid}.availability-panel{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.availability-section-heading{margin-bottom:var(--spacing-lg)}.availability-day-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.availability-day{min-height:72px;padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);border-radius:var(--border-radius-md);color:#e2e8f0c7;font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#ffffff0f;border:1px solid #94a3b82e;display:flex}.availability-day:hover,.availability-day.active{color:var(--color-white);background:#3b82f624;border-color:#3b82f673;transform:translateY(-2px)}.availability-day input{width:18px;height:18px;accent-color:var(--color-primary-base)}.availability-form-grid{gap:var(--spacing-md);display:grid}.availability-field{gap:var(--spacing-sm);display:grid}.availability-field span{color:#e2e8f0b8;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.availability-field input,.availability-field select{width:100%;min-height:46px;padding:0 var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-white);font-family:var(--font-family);background:#ffffff14;border:1px solid #94a3b838}.availability-field select option{color:var(--color-dark)}.availability-summary{margin:var(--spacing-lg) 0;gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.availability-summary p{padding:var(--spacing-md);border-radius:var(--border-radius-md);color:#e2e8f09e;font-size:var(--font-size-sm);background:#ffffff0f;border:1px solid #94a3b824;margin:0}.availability-summary strong{margin-bottom:var(--spacing-xs);color:var(--color-white);display:block}.availability-primary-btn,.availability-secondary-btn{min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--color-white);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.availability-primary-btn{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));width:100%;box-shadow:0 16px 30px #7c3aed38}.availability-secondary-btn{background:#ffffff14;border:1px solid #94a3b82e}.availability-primary-btn:hover:not(:disabled),.availability-secondary-btn:hover{color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.availability-primary-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.availability-hero,.availability-layout{grid-template-columns:1fr}}@media (width<=640px){.availability-main{width:calc(100% - 20px);padding:var(--spacing-lg) 0}.availability-hero,.availability-panel{padding:var(--spacing-lg)}.availability-hero h1{font-size:32px}.availability-summary{grid-template-columns:1fr}}.course-details-page{min-height:100vh;color:var(--color-white);font-family:var(--font-family);background:radial-gradient(circle at 18% 8%,#3b82f629,#0000 28%),radial-gradient(circle at 86% 8%,#7c3aed24,#0000 26%),#05070d}.course-details-main{width:min(1220px,100% - 40px);padding:var(--spacing-2xl) 0;margin:0 auto}.course-details-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);gap:var(--spacing-xl);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#3b82f62e,#7c3aed1f),#ffffff14;border:1px solid #94a3b829;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;display:grid;box-shadow:0 24px 70px #0003}.course-details-copy{flex-direction:column;justify-content:center;display:flex}.course-details-eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-accent-cyan);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-flex}.course-details-hero h1,.course-details-section-heading h2,.course-details-checkout h2{color:var(--color-white);margin:0;line-height:1.15}.course-details-hero h1{max-width:760px;font-size:46px}.course-details-hero p{max-width:720px;margin:var(--spacing-md) 0 0;color:#e2e8f0b8;font-size:var(--font-size-lg);line-height:1.65}.course-details-media{min-height:330px;padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:#ffffffe6;border:1px solid #94a3b829;place-items:center;display:grid;overflow:hidden}.course-details-media img{object-fit:contain;border-radius:var(--border-radius-md);width:100%;height:100%;max-height:380px;display:block}.course-details-placeholder{background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-cyan));width:96px;height:96px;color:var(--color-white);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);border-radius:50%;place-items:center;display:grid}.course-details-highlights{margin-top:var(--spacing-xl);gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.course-details-highlights div,.course-details-plan,.course-details-panel,.course-details-checkout{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #94a3b829;box-shadow:0 18px 48px #0000002e}.course-details-highlights div{padding:var(--spacing-md)}.course-details-highlights span,.course-details-plan span,.course-details-price span,.course-details-muted,.course-details-note{color:#e2e8f09e;font-size:var(--font-size-sm)}.course-details-highlights strong,.course-details-plan strong{margin-top:var(--spacing-xs);color:var(--color-white);display:block}.course-details-layout{gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);align-items:start;display:grid}.course-details-panel,.course-details-checkout{padding:var(--spacing-lg)}.course-details-section-heading{margin-bottom:var(--spacing-lg)}.course-details-plan-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.course-details-plan{padding:var(--spacing-lg)}.course-details-plan.active{background:#06b6d41f;border-color:#06b6d473}.course-details-checkout{position:sticky;top:24px}.course-details-muted{margin:var(--spacing-md) 0;line-height:1.6}.course-details-price{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);border-radius:var(--border-radius-md);background:#ffffff0f;border:1px solid #94a3b829}.course-details-price strong{margin-top:var(--spacing-xs);color:var(--color-white);font-size:var(--font-size-3xl);line-height:1;display:block}.course-details-primary-btn{width:100%;min-height:48px;padding:0 var(--spacing-lg);border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary-base), var(--color-accent-purple));color:var(--color-white);font-family:var(--font-family);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;box-shadow:0 16px 30px #7c3aed38}.course-details-primary-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.course-details-note{margin:var(--spacing-md) 0 0;line-height:1.5}.course-details-loader{background:#05070d;place-items:center;min-height:100vh;display:grid}.course-details-spinner{border:4px solid #94a3b82e;border-top-color:var(--color-primary-base);border-radius:50%;width:52px;height:52px;animation:1s linear infinite course-details-spin}@keyframes course-details-spin{to{transform:rotate(360deg)}}@media (width<=900px){.course-details-hero,.course-details-layout,.course-details-highlights{grid-template-columns:1fr}.course-details-checkout{position:static}}@media (width<=640px){.course-details-main{width:calc(100% - 20px);padding:var(--spacing-lg) 0}.course-details-hero,.course-details-panel,.course-details-checkout{padding:var(--spacing-lg)}.course-details-hero h1{font-size:32px}.course-details-media{min-height:240px}}