body{background-color:#f8fafc;color:#1a202c;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{padding:0 20px}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;z-index:1000}.header.transparent{background:#0000;box-shadow:none}.header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.logo{gap:1rem}.logo-avatar{align-items:center;background:linear-gradient(45deg,#1976d2,#dc004e);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.logo-text h1{font-size:1.3rem;font-weight:700;margin-bottom:.2rem}.logo-text p{color:#718096;font-size:.8rem}.nav-desktop{align-items:center;display:flex;gap:2rem}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{color:#1a202c;padding:.5rem 1rem}.nav-link:hover{background:#1976d21a;color:#1976d2;transform:translateY(-1px)}.header .btn-primary,.mobile-menu .btn-primary,.nav-desktop .btn-primary{align-items:center;background:linear-gradient(45deg,#1976d2,#dc004e);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.header .btn-primary:hover,.mobile-menu .btn-primary:hover,.nav-desktop .btn-primary:hover{box-shadow:0 8px 25px #1976d266;transform:translateY(-2px)}.cta .btn-secondary,.header .btn-secondary,.mobile-menu .btn-secondary,.nav-desktop .btn-secondary{align-items:center;background:#0000;border:2px solid #fff;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.cta .btn-secondary:hover,.header .btn-secondary:hover,.mobile-menu .btn-secondary:hover,.nav-desktop .btn-secondary:hover{background:#ffd7001a;border-color:gold;color:gold}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem}.mobile-menu-overlay{background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:2000}.mobile-menu{height:100%;overflow-y:auto;padding:2rem;width:300px}.mobile-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.mobile-menu-header h3{font-size:1.2rem;font-weight:600}.mobile-menu-close{background:none;border:none;cursor:pointer;font-size:1.5rem}.mobile-nav{display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{border-radius:8px;color:#1a202c;font-weight:500;padding:1rem;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{background:#1976d21a;color:#1976d2}.mobile-cta{justify-content:center;margin-top:1rem}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;padding:2rem 0}.hero-text{max-width:600px}.hero-badge{background:#fff3;border-radius:25px;color:#fff;display:inline-block;font-size:1rem;margin-bottom:2rem;padding:.75rem 1.5rem}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,gold);-webkit-background-clip:text;background-clip:text;line-height:1.2;margin-bottom:2rem}.hero-subtitle{font-size:1.3rem;margin-bottom:3rem}.hero-buttons{gap:1.5rem}.hero-visual{text-align:center}.hero-avatar{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 20px 40px #0000004d;height:300px;margin-bottom:2rem;width:300px}.hero-stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.stat-card{background:#ffffff1a;border:1px solid #fff3;min-width:120px;text-align:center}.stat-number{color:gold;font-size:2rem}.stat-label{font-size:.9rem;opacity:.8}.services{background:#f8fafc;padding:5rem 0}.section-header{margin-bottom:4rem}.section-badge{background:#1976d2;border-radius:25px;color:#fff;display:inline-block;font-size:1rem;margin-bottom:1.5rem;padding:.75rem 1.5rem}.section-title{color:#1a202c;margin-bottom:1.5rem}.section-subtitle{color:#718096;font-size:1.3rem;margin:0 auto}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.service-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.service-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-8px)}.service-icon{align-items:center;border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.service-title{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.service-description{color:#718096;line-height:1.6;margin-bottom:1.5rem}.service-price{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.service-features{margin-bottom:2rem}.feature-item{gap:.5rem;margin-bottom:.5rem}.feature-icon{color:#2e7d32;font-size:1.2rem}.service-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.service-btn:hover{transform:translateY(-2px)}.testimonials{background:#fff;padding:5rem 0}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:2rem}.testimonial-rating{color:gold;font-size:1.2rem;margin-bottom:1rem}.testimonial-content{color:#4a5568;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.testimonial-avatar{border-radius:50%;height:50px;width:50px}.testimonial-info h4{font-weight:600;margin-bottom:.25rem}.testimonial-info p{color:#718096;font-size:.9rem}.cta{background:linear-gradient(135deg,#1976d2,#dc004e);color:#fff;padding:5rem 0;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-subtitle{font-size:1.3rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:.9}.cta-buttons{gap:1.5rem}.btn-white{align-items:center;background:#fff;border:none;border-radius:12px;color:#1976d2;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-white:hover{background:#f5f5f5;transform:translateY(-2px)}.footer{background:#1a202c;color:#fff;padding:4rem 0 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin-bottom:3rem}.footer-brand{max-width:400px}.footer-logo{gap:1rem;margin-bottom:1.5rem}.footer-logo-avatar{background:linear-gradient(45deg,#1976d2,#dc004e);font-size:1.5rem;height:60px;width:60px}.footer-description{opacity:.8}.social-links{gap:.5rem}.social-link{height:40px;width:40px}.footer-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-links{gap:.75rem}.footer-link{color:#fffc}.footer-link:hover{color:#fff;opacity:1}.footer-bottom{padding-top:2rem}.footer-bottom-links{display:flex;gap:2rem}.floating-whatsapp{align-items:center;background:#25d366;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #25d36666;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;position:fixed;right:24px;text-decoration:none;transition:all .3s ease;width:60px;z-index:1000}.floating-whatsapp:hover{box-shadow:0 8px 24px #25d36699;transform:scale(1.1)}.floating-contact-btn{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);bottom:2rem;box-shadow:0 4px 15px #10b9814d;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;right:2rem;transition:all .3s ease}.floating-contact-btn:hover{box-shadow:0 8px 25px #10b98166;color:#fff;text-decoration:none;transform:translateY(-3px)}@media (max-width:480px){.floating-contact-btn{bottom:1rem;font-size:.9rem;padding:.75rem 1.25rem;right:1rem}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:768px){.nav-desktop{display:none}.mobile-menu-btn{display:block}.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.footer-content,.services-grid{grid-template-columns:1fr}.footer-content{gap:2rem}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.cta-title,.hero-title,.section-title{font-size:2rem}.cta-buttons,.hero-buttons{align-items:center;flex-direction:column}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-bottom:1px solid #e5e7eb33;height:70px;left:0;position:fixed;right:0;top:0;transition:background .3s ease,border-bottom .3s ease;z-index:100}.header.scrolled{background:#fffffff2;border-bottom:1px solid #e5e7eb80}.header-container{height:100%;justify-content:space-between;margin:0 auto;max-width:none;padding:0 1em}.header-container,.logo{align-items:center;display:flex}.logo{color:#1f2937;font-size:20px;font-weight:700;gap:12px;text-decoration:none}.logo img{border-radius:8px;height:32px;width:32px}.nav{display:flex;gap:40px}.nav-link{align-items:center;border-radius:8px;color:#4b5563;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.nav-link:hover{background:#f3f4f6;color:#1f2937}.dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e5e7ebcc;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:4px;min-width:200px;padding:8px 0;position:absolute;top:100%;z-index:101}.dropdown-item{align-items:center;color:#4b5563;display:flex;gap:12px;padding:8px 16px;text-decoration:none;transition:background .2s}.dropdown-item:hover{background:#f3f4f6}.dropdown-badge{border-radius:4px;font-size:10px;font-weight:600;margin-left:auto;padding:2px 6px;text-transform:uppercase}.dropdown-badge.new{background:#10b981;color:#fff}.dropdown-badge.access{background:#3b82f6;color:#fff}.dropdown-badge.pro{background:#f59e0b;color:#fff}.actions{align-items:center;display:flex;gap:24px}.language-switcher{position:relative}.language-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.language-btn:hover{background:#e5e7eb;border-color:#d1d5db}.language-flag{font-size:18px;line-height:1}.language-code{color:#1f2937;font-weight:600}.language-arrow{color:#9ca3af;font-size:10px;transition:transform .2s}.language-switcher:hover .language-arrow{transform:rotate(180deg)}.language-dropdown{animation:fadeIn .2s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e5e7ebcc;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:180px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:101}.language-option{align-items:center;background:none;border:none;color:#4b5563!important;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.language-option:hover{background:#f3f4f6;color:#1f2937!important}.language-option.active{background:#eff6ff;color:#2563eb!important}.language-option.active .language-label{font-weight:600}.language-label{color:inherit;flex:1 1}.language-check{color:#10b981;font-size:16px;font-weight:700}.mobile-language-section{background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:16px 20px}.mobile-section-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.mobile-language-options{display:flex;flex-direction:column;gap:8px}.mobile-language-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.mobile-language-btn:hover{background:#fafafa;border-color:#d1d5db}.mobile-language-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.mobile-language-btn.active .language-label{font-weight:600}.contact-btn,.cta-btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.contact-btn{background:#0000;border:1px solid #d1d5db;color:#4b5563}.cta-btn{background:#3b82f6}.contact-btn:hover{background:#e5e7eb}.cta-btn:hover{background:#2563eb}.menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px}.menu-btn span{background:#4b5563;height:2px;transition:all .3s;width:24px}.mobile-menu{background:#fff;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;padding:20px 0;position:fixed;right:0;top:70px;transform:translateX(100%);transition:transform .3s;width:280px;z-index:99}.mobile-menu.open{transform:translateX(0)}.mobile-link{align-items:center;border-bottom:1px solid #f3f4f6;color:#4b5563;display:flex;gap:12px;padding:12px 20px;text-decoration:none}.mobile-dropdown,.mobile-link:hover{background:#f9fafb}.mobile-dropdown{border-left:3px solid #3b82f6}.mobile-dropdown-item{align-items:center;border-bottom:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:14px;gap:12px;padding:8px 20px 8px 40px;text-decoration:none}.mobile-dropdown-item:hover{background:#f3f4f6}.user-auth-wrapper{position:relative}.user-auth-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s;white-space:nowrap}.user-auth-btn.authenticated{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.user-auth-btn.authenticated:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.user-icon{font-size:18px;line-height:1}.user-status-dot{animation:pulse 2s infinite;background:#10b981;border:2px solid #fff;border-radius:50%;height:8px;width:8px}.user-auth-btn.login{background:#f3f4f6;border:1px solid #e5e7eb;color:#1f2937}.user-auth-btn.login:hover{background:#e5e7eb;border-color:#d1d5db}.login-icon{font-size:16px}.user-dropdown{animation:fadeIn .2s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:101}.user-dropdown-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:12px;padding:16px}.user-avatar{background:#fff3;border:2px solid #ffffff4d;font-size:24px;height:48px;width:48px}.user-info{color:#fff}.user-info-name{color:inherit;font-size:16px;font-weight:600;margin-bottom:4px}.user-info-email{color:inherit;font-size:12px;margin-bottom:6px;opacity:.9}.user-info-role{display:flex;gap:4px}.role-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.user-dropdown-divider{background:#e5e7eb;height:1px;margin:8px 0}.user-dropdown-item{align-items:center;background:none;border:none;color:#374151!important;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.user-dropdown-item:hover{background:#f9fafb;color:#667eea!important}.user-dropdown-item.logout{color:#ef4444!important}.user-dropdown-item.logout:hover{background:#fef2f2;color:#dc2626!important}.item-icon{font-size:18px;line-height:1;opacity:.8}.item-text{color:inherit;flex:1 1}.mobile-user-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px}.mobile-user-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.mobile-user-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.mobile-user-info{flex:1 1}.mobile-user-name{font-size:18px;font-weight:700;margin-bottom:4px}.mobile-user-email{font-size:13px;margin-bottom:8px;opacity:.9}.mobile-user-role{display:inline-flex}.mobile-user-actions{display:flex;flex-direction:column;gap:8px}.mobile-user-actions .mobile-link{background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;font-weight:600;padding:12px 16px}.mobile-user-actions .mobile-link:hover{background:#ffffff40}.logout-btn{background:#ef444433!important;border-color:#ef44444d!important;color:#fff!important}.logout-btn:hover{background:#ef44444d!important}.mobile-auth-section{padding:16px}.mobile-login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #667eea33;color:#fff;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:14px;text-decoration:none;transition:all .2s;width:100%}.mobile-login-btn:hover{box-shadow:0 6px 12px #667eea4d;transform:translateY(-2px)}.mobile-section-divider{background:#e5e7eb;height:1px;margin:16px 0}.overlay{background:#0000004d;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:98}.overlay.active{opacity:1;pointer-events:auto;visibility:visible}@media (max-width:768px){.contact-btn,.language-switcher,.nav,.user-auth-wrapper{display:none}.menu-btn{display:flex}}.optimized-footer{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;overflow:hidden;position:relative}.optimized-footer:before{background:linear-gradient(90deg,#0000,#4a5568,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.container{padding:0 1rem;width:100%}.footer-main{padding:3rem 0 2rem}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;margin-bottom:2rem}.footer-brand{max-width:320px}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.footer-logo-avatar{align-items:center;background:linear-gradient(135deg,#1976d2,#dc004e);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:48px}.footer-logo-avatar img{height:100%;object-fit:cover;width:100%}.footer-logo-avatar:hover{transform:scale(1.05)}.footer-logo-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1976d2,#dc004e);-webkit-background-clip:text;font-size:1.3rem;font-weight:700;margin:0 0 .25rem}.footer-logo-text p{color:#a0aec0;font-size:.85rem;margin:0}.footer-description{color:#cbd5e0;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.footer-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem}.footer-stat{text-align:center}.footer-stat-number{color:#1976d2;display:block;font-size:1.5rem;font-weight:700;line-height:1}.footer-stat-label{color:#a0aec0;display:block;font-size:.75rem;margin-top:.25rem}.social-links{display:flex;flex-wrap:wrap;gap:.75rem}.social-link{border-radius:50%;height:36px;overflow:hidden;position:relative;transition:all .3s ease;width:36px}.social-link:before{background:linear-gradient(135deg,#1976d2,#dc004e);border-radius:50%;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.social-link:hover:before{opacity:1}.social-link span,.social-link svg{color:inherit;font-size:1rem;position:relative;transition:transform .3s ease;z-index:1}.social-link:hover span,.social-link:hover svg{transform:scale(1.1)}.social-linkedin{background:#0077b533;color:#0077b5}.social-youtube{background:#f003;color:red}.social-twitter{background:#0003;color:#fff}.social-instagram{background:#e4405f33;color:#e4405f}.social-telegram{background:#08c3;color:#08c}.social-github{background:#3333;color:#fff}.social-link:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-3px)}.footer-section{animation:fadeInUp .6s ease forwards;animation-delay:0s;animation-delay:var(--delay,0s)}.footer-section h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem;position:relative}.footer-section h4:after{background:linear-gradient(90deg,#1976d2,#dc004e);border-radius:1px;bottom:-.25rem;content:"";height:2px;left:0;position:absolute;width:2rem}.footer-section-header{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:none;justify-content:space-between;padding:1rem 0;transition:all .3s ease}.footer-section-header:hover{background:#ffffff0d}.footer-section-header:active{background:#ffffff1a;transform:scale(.98)}.footer-section-header h4{font-size:1rem;margin:0;-webkit-user-select:none;user-select:none}.footer-section-header h4:after{display:none}.footer-toggle{color:#1976d2;font-size:1.2rem;font-weight:700;min-width:24px;text-align:center;transition:transform .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}.footer-toggle.expanded{color:#dc004e;transform:rotate(180deg)}.footer-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.footer-section-content.expanded{max-height:1000px;padding:1rem 0}.footer-links{display:flex;flex-direction:column;gap:.5rem;transition:max-height .3s ease,padding .3s ease}.footer-links:not(.expanded){max-height:0;overflow:hidden;padding:0}.footer-links.expanded{max-height:500px;padding:1rem 0}.footer-link{color:#cbd5e0;display:inline-block;font-size:.85rem;padding-left:0;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#1976d2;padding-left:.5rem}.footer-link:before{background:#1976d2;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:width .3s ease;width:0}.footer-link:hover:before{width:.25rem}.newsletter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.newsletter-section h4{margin-bottom:.5rem}.newsletter-section p{color:#cbd5e0;font-size:.8rem;line-height:1.4;margin-bottom:1rem}.newsletter-form{display:flex;gap:.5rem;margin-bottom:1rem}.newsletter-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:.9rem;min-width:0;outline:none;padding:.75rem;transition:all .3s ease}.newsletter-input::placeholder{color:#a0aec0}.newsletter-input:focus{background:#ffffff26;border-color:#1976d2}.newsletter-btn{background:linear-gradient(135deg,#1976d2,#dc004e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:60px;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.newsletter-btn:hover:not(:disabled){box-shadow:0 4px 12px #1976d24d;transform:translateY(-1px)}.newsletter-btn:disabled{cursor:not-allowed;opacity:.7}.newsletter-status{border-radius:6px;font-size:.8rem;margin-bottom:1rem;padding:.75rem;text-align:center}.newsletter-status.success{background:#2e7d3233;border:1px solid #4caf504d;color:#4caf50}.newsletter-benefits{list-style:none;margin:0;padding:0}.newsletter-benefits li{align-items:center;color:#a0aec0;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.4rem}.newsletter-benefits li:before{color:#1976d2;content:"✓";font-size:.9rem;font-weight:700}.contact-info{display:flex;flex-direction:column;gap:.75rem}.contact-item{color:#cbd5e0;font-size:.85rem;gap:.75rem}.contact-icon,.contact-item{align-items:center;display:flex}.contact-icon{background:#1976d233;border-radius:50%;color:#1976d2;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;width:32px}.contact-text{flex:1 1;min-width:0}.contact-label{color:#a0aec0;display:block;font-size:.7rem}.contact-value{color:#cbd5e0;font-weight:500;word-break:break-word}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 0}.footer-copyright{align-items:center;color:#a0aec0;display:flex;font-size:.8rem;gap:.5rem}.footer-copyright:before{color:#1976d2;content:"©";font-weight:700}.footer-legal{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-legal .footer-link{font-size:.8rem}.footer-badge{align-items:center;background:#1976d21a;border:1px solid #1976d24d;border-radius:20px;display:flex;gap:.5rem;padding:.5rem .75rem}.footer-badge-icon{color:#1976d2;font-size:.9rem}.footer-badge-text{color:#cbd5e0;font-size:.75rem;font-weight:500}.footer-visible .footer-section{animation:fadeInUp .6s ease forwards}.footer-visible .footer-section:first-child{animation-delay:.1s}.footer-visible .footer-section:nth-child(2){animation-delay:.2s}.footer-visible .footer-section:nth-child(3){animation-delay:.3s}.footer-visible .footer-section:nth-child(4){animation-delay:.4s}.footer-visible .footer-section:nth-child(5){animation-delay:.5s}@media (min-width:769px){.footer-section-header{display:none!important}.footer-links,.footer-section-content{max-height:none!important;overflow:visible!important;padding:0!important}.footer-section>h4{display:block!important}.newsletter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.newsletter-section h4{display:block!important;margin-bottom:.5rem}}@media (max-width:1200px){.footer-grid{gap:1.5rem;grid-template-columns:2fr 1fr 1fr 1.8fr}}@media (max-width:1024px){.footer-grid{gap:2rem;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:none;text-align:center}.footer-stats,.social-links{justify-content:center}.newsletter-section{grid-column:1/-1;margin-top:1rem}}@media (max-width:768px){.footer-main{padding:2rem 0 1.5rem}.footer-grid{gap:0;grid-template-columns:1fr;text-align:left}.footer-brand{border-bottom:1px solid #ffffff1a;grid-column:1;margin-bottom:1rem;padding-bottom:2rem;text-align:center}.footer-section:not(.footer-brand) .footer-section-header{display:flex}.footer-section:not(.footer-brand)>h4{display:none}.footer-section:not(.footer-brand){border-bottom:1px solid #ffffff0d}.footer-section:not(.footer-brand):last-child{border-bottom:none}.footer-section h4:after{display:none}.footer-links{align-items:flex-start;text-align:left}.footer-stats{gap:2rem;justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-legal{justify-content:center}.newsletter-form{margin:0 auto 1rem;max-width:400px}.contact-info{margin:0 auto;max-width:300px}.newsletter-section{background:#0000;border:none;margin-bottom:1rem;padding:0}.newsletter-section h4{display:none}}@media (max-width:640px){.footer-main{padding:1.5rem 0 1rem}.footer-brand{padding-bottom:1.5rem;text-align:center}.footer-logo{justify-content:center}.footer-description{font-size:.85rem;text-align:center}.footer-stats{flex-wrap:wrap;gap:1rem;justify-content:center}.footer-stat{min-width:80px}.footer-section-header{padding:.75rem 0}.footer-section-header h4{font-size:.9rem}.footer-toggle{font-size:1rem}.footer-links.expanded,.footer-section-content.expanded{padding:.75rem 0}.newsletter-form{flex-direction:column;gap:.75rem}.newsletter-btn{padding:.75rem}}@media (max-width:480px){.container{padding:0 .75rem}.footer-brand{padding-bottom:1rem}.footer-logo-avatar{font-size:1rem;height:40px;width:40px}.footer-logo-text h3{font-size:1.1rem}.footer-stats{gap:.5rem}.footer-stat-number{font-size:1.2rem}.social-links{gap:.5rem;justify-content:center}.social-link{height:32px;width:32px}.footer-section-header{padding:.6rem 0}.footer-section-header h4{font-size:.85rem}.footer-links.expanded,.footer-section-content.expanded{padding:.6rem 0}.newsletter-benefits li,.newsletter-section p{font-size:.75rem}.contact-icon,.contact-item{font-size:.8rem}.contact-icon{height:28px;width:28px}.footer-bottom{padding:1rem 0}.footer-legal{flex-direction:column;gap:.5rem}.footer-legal .footer-link{font-size:.75rem}.footer-badge{padding:.4rem .6rem}.footer-badge-text{font-size:.7rem}}.dark-mode .optimized-footer{background:linear-gradient(135deg,#000,#1a1a1a)}.footer-link:focus,.newsletter-btn:focus,.newsletter-input:focus,.social-link:focus{outline:2px solid #1976d2;outline-offset:2px}@media print{.optimized-footer{background:#fff!important;color:#000!important}.newsletter-section,.social-links{display:none}}.hero-section{background:linear-gradient(135deg,#0a0f1e,#111827 50%,#0f172a);box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;max-width:100vw;min-height:100vh;width:100%}.hero-section:before{animation:revealGif 1.5s ease-out forwards;background:url(/static/media/HomePageImage.68e50d8d98e5f1671116.gif) 50%/cover no-repeat;content:"";height:100%;mask-image:linear-gradient(270deg,#000 0,#000000e6 40%,#00000080 70%,#0000);-webkit-mask-image:linear-gradient(270deg,#000 0,#000000e6 40%,#00000080 70%,#0000);position:absolute;right:0;top:0;width:55%;z-index:1}@keyframes revealGif{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.hero-section:after{animation:pulseGlow 4s ease-in-out infinite;background:radial-gradient(circle,#3b82f626 0,#0000 70%);border-radius:50%;content:"";filter:blur(80px);height:400px;position:absolute;right:10%;top:20%;width:400px;z-index:0}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.floating-icon,.gradient-orb{display:none}.hero-container{align-items:flex-start;display:flex;flex-direction:column;grid-column:1;grid-row:1;justify-content:center;padding:120px 60px 60px 80px;position:relative;z-index:10}.hero-content{align-items:flex-start;animation:fadeInUp .8s ease-out .3s forwards;gap:32px;max-width:620px;opacity:0;padding:0;text-align:left;transform:translateY(30px)}.hero-content.fade-in{opacity:1;transform:translateY(0)}.launch-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#3b82f614;border:1px solid #3b82f640;border-radius:100px;display:inline-flex;gap:10px;padding:10px 20px}.badge-dot{animation:pulse 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;box-shadow:0 0 12px #3b82f6cc;height:8px;width:8px}.badge-text{color:#60a5fa;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hero-title{font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:800;margin:0}.typing-text{display:inline;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.typing-text.visible{opacity:1;transform:translateY(0)}.highlight-underline{opacity:0;transition:opacity .5s ease-out .2s}.highlight-underline.visible{opacity:.8}.highlight-wrapper{display:inline-block;position:relative}.hero-title .highlight{animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);background-size:200% 200%}.highlight-underline{bottom:-6px;height:10px;left:0;opacity:.9;position:absolute;width:100%}.hero-subtitle{color:#a1afc4;font-size:clamp(1.05rem,1.8vw,1.25rem);letter-spacing:.01em;line-height:1.9;margin:0;max-width:500px}.hero-actions-center{display:none}.hero-row{align-items:center;gap:20px;margin-bottom:48px;width:100%}.feature-pills,.hero-row{display:flex;flex-wrap:wrap;justify-content:center}.feature-pills{flex-shrink:0;gap:10px;margin-bottom:0}.pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50px;color:#e2e8f0;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .3s ease}.pill-animated{animation:slideUp .6s ease-out backwards}.pill-animated:first-child{animation-delay:.4s}.pill-animated:nth-child(2){animation-delay:.5s}.pill-animated:nth-child(3){animation-delay:.6s}.pill-icon{filter:drop-shadow(0 2px 6px rgba(59,130,246,.4));font-size:14px}.pill:hover{background:#3b82f626;border-color:#3b82f666;box-shadow:0 4px 16px #3b82f633;transform:translateY(-2px)}.hero-actions{flex-shrink:0;flex-wrap:nowrap;gap:12px;justify-content:center;margin-bottom:0}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 6px 24px #3b82f659;font-size:15px;gap:10px;overflow:hidden;padding:14px 36px;position:relative;text-decoration:none;white-space:nowrap}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-primary:hover .btn-shine{left:100%}.btn-primary:hover{box-shadow:0 10px 35px #3b82f680}.btn-primary .btn-icon{font-size:16px;transition:transform .3s}.btn-primary:hover .btn-icon{transform:translateX(4px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1.5px solid #ffffff2e;border-radius:12px;display:inline-flex;font-size:15px;gap:10px;padding:14px 36px;text-decoration:none;white-space:nowrap}.btn-secondary:hover{background:#ffffff1f;border-color:#8b5cf680;box-shadow:0 4px 20px #8b5cf640}.btn-secondary .btn-icon{transition:transform .3s}.btn-secondary:hover .btn-icon{transform:translateX(4px)}.feature-pills-bottom{flex-wrap:wrap;gap:10px;max-width:800px}.cute-stats,.feature-pills-bottom{display:flex;justify-content:center}.cute-stats{flex-wrap:nowrap;gap:12px;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:550px;width:100%}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex:0 1 auto;gap:8px;min-width:0;padding:6px 12px}.stat-card:hover{background:#ffffff12;border-color:#3b82f64d;box-shadow:0 6px 24px #3b82f626}.stat-icon{filter:drop-shadow(0 2px 6px rgba(59,130,246,.3));font-size:18px;margin-bottom:0}.stat-content{align-items:flex-start;gap:0}.stat{text-align:left}.stat-number{animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;font-size:16px;line-height:1.2}.stat-label,.stat-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{font-size:9px;letter-spacing:0;width:100%}.hero-showcase-bottom{background:linear-gradient(0deg,#0a0f1ef2 0,#0000);grid-column:1/-1;grid-row:2;padding:30px 60px 40px;width:100%;z-index:10}.showcase-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding:0;width:100%}.showcase-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:row;gap:16px;overflow:hidden;padding:20px 24px;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.showcase-card:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:3px}.showcase-card:hover:before{opacity:1}.showcase-card:hover{background:#ffffff0f;border-color:#3b82f640;box-shadow:0 20px 50px #0006;transform:translateY(-6px)}.card-icon{filter:drop-shadow(0 4px 12px rgba(59,130,246,.3));flex-shrink:0;font-size:40px;transition:transform .4s}.showcase-card:hover .card-icon{transform:scale(1.15)}.card-content{display:flex;flex-direction:column;gap:4px}.card-title{font-size:15px;font-weight:700;line-height:1.3;margin:0}.card-desc{color:#64748b;font-size:12px;line-height:1.4;margin:0}.card-1{animation:slideUp .6s ease-out .5s backwards}.card-2{animation:slideUp .6s ease-out .6s backwards}.card-3{animation:slideUp .6s ease-out .7s backwards}.card-4{animation:slideUp .6s ease-out .8s backwards}.floating-contact-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:50px;bottom:30px;box-shadow:0 8px 30px #3b82f680;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;padding:12px 24px;position:fixed;right:30px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.contact-icon{font-size:16px}.floating-contact-btn:hover{box-shadow:0 14px 50px #3b82f699;transform:translateY(-4px) scale(1.05)}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 0 10px #3b82f600}}@keyframes emojiRotate{0%{opacity:0;transform:rotate(0deg) scale(.8)}to{opacity:1;transform:rotate(1turn) scale(1)}}@keyframes draw{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 0}}.btn-secondary:hover{background:#ffffff26;border-color:#3b82f680}@media (max-width:1200px){.hero-section{padding:110px 32px 90px}.hero-container{padding:0 30px}.showcase-grid{grid-template-columns:repeat(2,1fr)}.floating-icon{font-size:40px}}@media (max-width:1024px){.hero-section{padding:100px 28px 80px}.hero-container{padding:0 24px}.hero-row{gap:20px}.feature-pills{min-width:250px}.hero-title{font-size:clamp(2rem,5vw,4rem);margin-bottom:20px}.hero-subtitle{font-size:clamp(.95rem,2.2vw,1.4rem);margin-bottom:32px}.feature-pills{gap:10px}.pill{font-size:12px;padding:8px 16px}.hero-actions{gap:12px}.btn-primary,.btn-secondary{font-size:14px;padding:10px 24px}.cute-stats{gap:12px}.stat-card{padding:7px 14px}.stat-icon{font-size:20px}.stat-number{font-size:16px}.stat-label{font-size:9px}.card-icon{font-size:32px}.card-title{font-size:15px}.card-desc{font-size:11px}.floating-icon,.gradient-orb{display:none}}@media (max-width:768px){.hero-section{display:flex;flex-direction:column;min-height:100vh;padding:0}.hero-section:before{height:100%;left:0;mask-image:linear-gradient(180deg,#0009 0,#0000004d 50%,#000c);-webkit-mask-image:linear-gradient(180deg,#0009 0,#0000004d 50%,#000c);top:0;width:100%}.hero-section:after{display:none}.hero-container{flex:1 1;padding:100px 24px 40px}.hero-container,.hero-content{align-items:center;text-align:center}.hero-content{gap:28px}.hero-title{font-size:clamp(1.8rem,6vw,2.5rem);text-align:center}.hero-subtitle{font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.8;max-width:90%;text-align:center}.launch-badge{font-size:12px;padding:6px 16px}.badge-text{font-size:11px}.hero-actions-center{display:none}.btn-primary,.btn-secondary{flex:1 1;font-size:13px;justify-content:center;max-width:48%;padding:12px 20px}.btn-icon{font-size:12px}.feature-pills-bottom{display:none}.hero-showcase-bottom{background:linear-gradient(0deg,#0a0f1e 0,#0a0f1ee6 50%,#0000);padding:20px 16px 30px}.showcase-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.showcase-card{align-items:center;flex-direction:row;gap:10px;padding:14px 12px}.card-icon{font-size:28px}.card-title{font-size:12px}.card-desc{font-size:10px}.floating-icon{font-size:32px;opacity:.1}.gradient-orb{filter:blur(70px)}.orb-1{height:400px;width:400px}.orb-2{height:350px;width:350px}.orb-3{height:300px;width:300px}.scroll-indicator{bottom:30px}.floating-contact-btn{bottom:24px;font-size:13px;padding:10px 20px;right:24px}}@media (max-width:480px){.hero-section{min-height:100vh;padding:80px 16px 230px}.hero-container{padding:0 12px}.hero-content{gap:18px}.hero-title{font-size:clamp(1.6rem,4.5vw,2.5rem);margin-bottom:0}.hero-subtitle{font-size:clamp(.85rem,1.8vw,1rem);margin-bottom:0}.launch-badge{padding:5px 14px}.badge-text{font-size:10px}.hero-actions-center{flex-direction:row;gap:10px;justify-content:center;margin:25px 0 50px;width:100%}.btn-primary,.btn-secondary{flex:1 1;font-size:10px;gap:5px;justify-content:center;max-width:48%;padding:9px 14px}.btn-icon{font-size:10px}.btn-text{white-space:nowrap}.feature-pills-bottom{display:none}.hero-showcase-bottom{bottom:8px;padding:0 12px}.showcase-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.showcase-card{gap:4px;padding:10px 8px}.card-icon{font-size:24px;margin-bottom:2px}.card-title{font-size:11px}.card-desc{font-size:9px}.floating-icon{font-size:16px}.stat-number{font-size:14px}.stat-label{font-size:9px}.showcase-grid{gap:10px;grid-template-columns:1fr}.showcase-card{padding:12px 16px}.card-icon{font-size:28px;margin-bottom:0}.card-title{font-size:14px;margin-bottom:0}.card-desc{font-size:11px}.floating-icon{font-size:28px;opacity:.08}.gradient-orb{filter:blur(60px)}.orb-1{height:300px;width:300px}.orb-2{height:250px;width:250px}.orb-3{height:200px;width:200px}.scroll-indicator{bottom:24px}.scroll-mouse{height:40px;width:24px}.scroll-wheel{height:6px;width:3px}.scroll-text{font-size:11px}.floating-contact-btn{bottom:20px;font-size:12px;gap:8px;padding:9px 18px;right:20px}.contact-icon{font-size:15px}}@media (max-width:360px){.hero-section{padding:70px 16px 50px}.hero-title{font-size:clamp(1.6rem,4.5vw,2.4rem)}.hero-subtitle{font-size:clamp(.9rem,1.8vw,1.15rem)}.feature-pills{gap:8px}.pill{font-size:11px;padding:7px 14px}.hero-actions{max-width:280px}.btn-primary,.btn-secondary{font-size:14px;padding:12px 24px}.cute-stats{gap:28px}.stat-card{min-width:130px;padding:20px 24px}.stat-icon{font-size:28px}.stat-number{font-size:30px}.stat-label{font-size:12px}.showcase-card{padding:28px 20px}.card-icon{font-size:40px}.card-title{font-size:18px}.floating-contact-btn{font-size:13px;padding:12px 20px}}:root{--academy-bg:#0a0e1a;--academy-surface:#111827;--academy-border:#ffffff14;--academy-text:#e2e8f0;--academy-muted:#94a3b8;--academy-accent:#f59e0b;--academy-gradient:linear-gradient(135deg,#f59e0b,#f97316)}.academy-page{background:#0a0e1a;background:var(--academy-bg);color:#e2e8f0;color:var(--academy-text);min-height:100vh;overflow-x:hidden}.academy-container{margin:0 auto;max-width:1200px;padding:0 24px}.academy-hero{align-items:center;display:flex;justify-content:center;min-height:80vh;overflow:hidden;padding:120px 24px 80px;position:relative}.academy-hero-content{max-width:800px;position:relative;text-align:center;z-index:2}.academy-badge{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:50px;color:#f59e0b;color:var(--academy-accent);display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;margin-bottom:28px;padding:8px 16px}.academy-title{color:#fff;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.15;margin-bottom:20px}.academy-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#f97316);background:var(--academy-gradient);-webkit-background-clip:text;background-clip:text}.academy-subtitle{color:#94a3b8;color:var(--academy-muted);font-size:1.2rem;line-height:1.7;margin:0 auto 36px;max-width:600px}.academy-hero-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-btn.primary{background:var(--academy-gradient)}.cta-btn.secondary{border:1px solid var(--academy-border);color:var(--academy-text)}.academy-hero-visual{inset:0;overflow:hidden;position:absolute;z-index:1}.hero-glow{background:radial-gradient(circle,#f59e0b1f 0,#0000 60%);filter:blur(60px);height:700px;top:30%;width:700px}.academy-ai-highlight{padding:60px 0}.ai-card{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid #8b5cf64d;border-radius:24px;padding:40px}.ai-card-content{gap:24px;margin-bottom:24px}.ai-card-content,.ai-icon{align-items:center;display:flex}.ai-icon{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:16px;color:#fff;flex-shrink:0;height:64px;justify-content:center;width:64px}.ai-text h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px}.ai-text p{color:#94a3b8;color:var(--academy-muted);font-size:1rem;line-height:1.6}.ai-features{display:flex;flex-wrap:wrap;gap:16px}.ai-feature{align-items:center;background:#ffffff0d;border-radius:50px;color:#e2e8f0;color:var(--academy-text);display:flex;font-size:.85rem;gap:6px;padding:8px 16px}.section-header{margin-bottom:48px;text-align:center}.section-header h2{color:#fff;font-size:2.25rem;font-weight:700;margin-bottom:12px}.section-header p{color:#94a3b8;color:var(--academy-muted);font-size:1.1rem}.academy-tracks{background:#111827;background:var(--academy-surface);padding:80px 0}.tracks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.track-card{background:#0a0e1a;background:var(--academy-bg);border:1px solid #ffffff14;border:1px solid var(--academy-border);border-radius:20px;color:inherit;padding:28px;text-decoration:none;transition:all .3s ease}.track-card:hover{border-color:#f59e0b;border-color:var(--academy-accent);transform:translateY(-4px)}.track-icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.track-card h3{color:#fff;font-size:1.15rem;font-weight:600;margin-bottom:10px}.track-card p{color:#94a3b8;color:var(--academy-muted);font-size:.9rem;line-height:1.6;margin-bottom:16px}.track-meta{align-items:center;color:#f59e0b;color:var(--academy-accent);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between}.academy-how{padding:80px 0}.steps-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(3,1fr)}.step-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#f97316);background:var(--academy-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:16px}.step-card h3{font-weight:600;margin-bottom:10px}.step-card p{color:#94a3b8;color:var(--academy-muted);font-size:.95rem}.academy-features{background:#111827;background:var(--academy-surface);padding:40px 0}.features-row{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.feature-item{align-items:center;color:#e2e8f0;color:var(--academy-text);display:flex;font-size:.95rem;gap:10px}.feature-item svg{color:#10b981}.academy-cta{padding:80px 0 100px}.cta-card{background:linear-gradient(135deg,#f59e0b1a,#f973161a);border:1px solid #f59e0b4d;border-radius:24px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.cta-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);background:var(--academy-gradient);border-radius:20px;color:#000;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.cta-card h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:12px}.cta-card>p{color:#94a3b8;font-size:1.1rem;margin-bottom:28px}.cta-card>p,.cta-note{color:var(--academy-muted)}.cta-note{display:block;margin-top:16px}@media (max-width:1024px){.tracks-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.academy-hero{min-height:auto;padding:100px 20px 60px}.academy-title{font-size:2rem}.academy-subtitle{font-size:1.05rem}.academy-hero-cta{align-items:center;flex-direction:column}.cta-btn{justify-content:center;max-width:280px;width:100%}.ai-card{padding:28px}.ai-card-content{flex-direction:column;text-align:center}.steps-grid,.tracks-grid{grid-template-columns:1fr}.steps-grid{gap:24px}.features-row{align-items:center;flex-direction:column;gap:20px}.section-header h2{font-size:1.75rem}section{padding:60px 0}}@media (max-width:480px){.academy-container{padding:0 16px}.academy-badge{font-size:.75rem;padding:6px 12px}.track-card{padding:24px}.step-num{font-size:2.5rem}.cta-card{padding:40px 24px}.cta-card h2{font-size:1.5rem}}.courses-page{background:linear-gradient(135deg,#0a0e27,#1a1838 50%,#0f1528);min-height:100vh;overflow-x:hidden;position:relative}.courses-page:before{animation:bgPulse 10s ease-in-out infinite;background:radial-gradient(circle at 10% 20%,#3b82f614 0,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf614 0,#0000 40%),radial-gradient(circle at 50% 50%,#ec48990d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.8}}.courses-hero{overflow:hidden;padding:140px 0 80px;position:relative;text-align:center;width:100%;z-index:1}.courses-hero:before{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg at 50% 50%,#0000 0deg,#3b82f608 60deg,#0000 120deg,#8b5cf608 180deg,#0000 240deg,#ec489908 300deg,#0000 1turn);bottom:-50%;content:"";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-content{padding:0 2.5%;width:100%}.hero-badge{animation:floatIn .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #8b5cf64d;box-shadow:0 4px 20px #8b5cf633,inset 0 1px 0 #ffffff1a;color:#a78bfa;font-size:15px;font-weight:600;gap:10px;margin-bottom:32px;padding:12px 28px;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes floatIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-badge:hover{background:linear-gradient(135deg,#3b82f640,#8b5cf640);border-color:#8b5cf680;box-shadow:0 8px 30px #8b5cf666,inset 0 1px 0 #fff3;transform:translateY(-3px) scale(1.02)}.hero-title{animation:fadeInUp .8s ease-out .2s both;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;letter-spacing:-.03em;margin-bottom:28px}.hero-title .highlight{-webkit-text-fill-color:#0000;animation:gradientFlow 4s ease infinite;background:linear-gradient(135deg,#60a5fa,#a78bfa 50%,#f472b6);-webkit-background-clip:text;background-clip:text;background-size:200% auto;display:inline-block;position:relative}.hero-title .highlight:after{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;opacity:.5;position:absolute;right:0}@keyframes gradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-subtitle{animation:fadeInUp .8s ease-out .4s both;color:#cbd5e1;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.75;margin:0 auto;max-width:750px}.courses-filters{-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:#0a0e27f2;border-bottom:1px solid #ffffff0f;box-shadow:0 4px 30px #0000004d,inset 0 1px 0 #ffffff0d;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.container{max-width:1400px;padding:0 28px;position:relative}.filter-header{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin-bottom:0;width:100%}.filter-stats{display:flex;flex-shrink:0;gap:4px}.stat-item{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #8b5cf633;border-radius:4px;gap:3px;padding:3px 6px;transition:all .3s ease}.stat-item:hover{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#8b5cf666}.stat-icon,.stat-value{font-size:10px}.stat-label{font-size:7px;margin-top:1px}.filter-content{gap:12px;overflow-x:auto}.view-toggle{border-radius:12px;gap:8px;margin-left:auto;padding:6px}.filter-content{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex:1 1;flex-wrap:nowrap;gap:6px;min-width:0;overflow-x:visible}.filter-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b80,#0f172a80);border:1px solid #ffffff14;border-radius:5px;flex-shrink:0;max-width:140px;min-width:110px;padding:6px 8px;transition:all .3s ease}.filter-group:hover{background:linear-gradient(135deg,#1e293bb3,#0f172ab3);border-color:#8b5cf64d;box-shadow:0 4px 15px #0003;transform:translateY(-1px)}.filter-label{align-items:center;color:#e2e8f0;display:flex;font-size:8px;font-weight:600;gap:2px;letter-spacing:.2px;margin-bottom:4px;text-transform:uppercase}.filter-label-icon{font-size:10px}.filter-select,.search-box{background:#0f172acc;border:1px solid #8b5cf633;border-radius:4px;color:#fff;font-family:inherit;font-size:10px;padding:5px 6px;transition:all .3s ease;width:100%}.filter-select:focus,.search-box:focus{background:#0f172af2;border-color:#a78bfa;box-shadow:0 0 0 4px #8b5cf626,0 4px 15px #8b5cf633;outline:none;transform:translateY(-1px)}.search-box::placeholder{color:#64748b}.filter-select option{background:#1e293b;color:#fff;padding:12px}.view-toggle{background:#0f172a80;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-shrink:0;gap:4px;margin-left:8px;padding:4px}.floating-view-toggle{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:5px;color:#a78bfa;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;transition:all .2s ease;width:24px;z-index:10}.floating-view-toggle:hover{background:#8b5cf640;border-color:#8b5cf680;box-shadow:0 2px 8px #8b5cf64d;transform:scale(1.08)}.floating-view-toggle:active{transform:scale(.95)}.view-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#94a3b8;cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:3px;padding:5px 10px;transition:all .3s ease;white-space:nowrap}.view-btn:hover{background:#8b5cf626;color:#fff}.view-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.courses-container{padding:60px 0;position:relative;z-index:1}.courses-grid{grid-gap:32px;animation:fadeInUp .6s ease-out;gap:32px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:768px){.courses-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.course-card{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:1px solid #ffffff14;border-radius:24px;height:100%}.course-card:before{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);bottom:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.course-card:hover{border-color:#8b5cf666;box-shadow:0 20px 60px #0006,0 0 0 1px #8b5cf633,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.course-card:hover:before{opacity:1}.course-card.featured{background:linear-gradient(135deg,#3b82f626,#8b5cf626,#ec489926);border:2px solid #8b5cf666;box-shadow:0 0 40px #8b5cf633,inset 0 1px 0 #ffffff1a}.course-card.featured:after{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 4px 15px #fbbf2466;color:#1e293b;content:"⭐ Featured";font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 16px;position:absolute;right:20px;text-transform:uppercase;top:20px;z-index:2}.course-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 4px 10px #0003;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .3s ease}.badge:hover{transform:scale(1.05)}.badge-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-hot{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-popular{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-pro{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.course-body{display:flex;flex:1 1;flex-direction:column;padding:28px}.course-category{align-items:center;color:#a78bfa;display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.course-title{line-clamp:2;color:#fff;font-size:22px;font-weight:700;line-height:1.3;margin-bottom:12px}.course-card:hover .course-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text}.course-description{line-clamp:2;color:#94a3b8;flex:1 1;font-size:14px;margin-bottom:20px}.course-meta{flex-wrap:wrap;gap:20px;margin-bottom:20px}.meta-item{color:#cbd5e1;font-size:13px;gap:6px}.meta-icon{color:#a78bfa;font-size:16px}.course-footer{border-top:1px solid #ffffff14;gap:16px}.course-pricing{align-items:baseline;display:flex;gap:10px}.course-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.course-price.paid{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.original-price{color:#64748b;font-size:16px;text-decoration:line-through}.enroll-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.enroll-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 8px 25px #8b5cf680;transform:translateY(-2px) scale(1.05)}.enroll-btn:active{transform:translateY(0) scale(.98)}.loading-container{gap:20px;padding:100px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #8b5cf633;border-top-color:#8b5cf6;height:60px;width:60px}.loading-text{color:#cbd5e1;font-size:18px;font-weight:600}.empty-state{padding:100px 20px}.empty-icon{margin-bottom:24px}.empty-title{font-size:28px;font-weight:700;margin-bottom:12px}.empty-text{color:#94a3b8;font-size:16px;margin:0 auto;max-width:500px}.course-details-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.course-details-modal{background:#1e293b;border-radius:8px;box-shadow:0 10px 40px #0006;max-height:85vh;max-width:800px;overflow-y:auto;padding:30px 40px;position:relative;width:90%}.modal-close-btn{background:#0003;border:none;border-radius:4px;font-size:16px;height:30px;position:absolute;right:20px;top:20px;transition:all .2s;width:30px;z-index:10}.modal-close-btn:hover{background:#0006;color:#fff}.modal-header{margin-bottom:25px}.modal-badges{gap:8px;margin-bottom:15px}.modal-category{background:#8b5cf61a;border-radius:6px;color:#a78bfa;font-size:13px;font-weight:600;gap:6px;margin-bottom:15px;padding:6px 12px}.category-icon{font-size:16px}.modal-title{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:10px}.modal-subtitle{font-size:14px;line-height:1.6;margin-bottom:20px}.modal-meta-grid{grid-gap:12px;gap:12px}.meta-card{align-items:center;background:#ffffff08;border-radius:6px;display:flex;gap:10px;padding:12px}.meta-card-icon{font-size:20px}.meta-card-content{flex:1 1}.meta-card-label{color:#64748b;margin-bottom:3px}.meta-card-value{font-size:14px;font-weight:600}.modal-header{margin-bottom:32px}.modal-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.modal-category{align-items:center;background:linear-gradient(135deg,#8b5cf626,#6366f126);border:1px solid #8b5cf633;border-radius:8px;display:inline-flex;gap:10px;margin-bottom:18px;padding:8px 18px}.category-icon{font-size:20px}.category-text{color:#c4b5fd;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.modal-title{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:14px}.modal-subtitle{color:#cbd5e1;font-size:16px;line-height:1.7;margin-bottom:24px}.modal-meta-grid{grid-gap:14px;border-bottom:1px solid #8b5cf626;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:32px;padding-bottom:32px}.meta-card{background:#1e293b80;border:1px solid #8b5cf61a;border-radius:10px;padding:16px;transition:all .2s}.meta-card:hover{background:#1e293bb3;border-color:#8b5cf640;transform:translateY(-2px)}.meta-card-icon{display:block;font-size:24px;margin-bottom:8px}.meta-card-label{color:#94a3b8;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.meta-card-value{color:#f1f5f9;display:block;font-size:15px;font-weight:700}.modal-body,.modal-section{margin-bottom:20px}.section-title{color:#f8fafc;font-size:16px}.section-icon{font-size:18px}.learning-points{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.learning-points li{background:#ffffff08;border-radius:4px;color:#cbd5e1;font-size:14px;line-height:1.5;padding:8px 8px 8px 28px;position:relative}.learning-points li:before{align-items:center;background:#10b981;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;left:6px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.course-full-description{color:#cbd5e1;font-size:14px;line-height:1.6;margin-bottom:10px}.features-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr)}.feature-item{background:#ffffff08;border-radius:6px;padding:12px}.feature-icon{display:block;font-size:22px;margin-bottom:6px}.feature-content h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.feature-content p{color:#94a3b8;font-size:12px;line-height:1.4;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag-pill{background:#8b5cf61a;border-radius:4px;color:#a78bfa;font-size:12px;font-weight:500;padding:5px 10px}.modal-footer{align-items:center;border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:15px;justify-content:space-between;padding-top:20px}.modal-pricing-section{flex:1 1}.pricing-label{color:#64748b;display:block;font-size:11px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.pricing-values{align-items:baseline;display:flex;gap:8px;margin-bottom:6px}.modal-price{color:#10b981;font-size:28px;font-weight:800;line-height:1}.modal-price.paid{color:#8b5cf6}.modal-original-price{color:#64748b;font-size:14px;text-decoration:line-through}.discount-badge,.free-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.free-badge{background:#10b98126;color:#10b981}.discount-badge{background:#fbbf2426;color:#fbbf24}.modal-enroll-btn{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 28px;transition:all .2s;white-space:nowrap}.modal-enroll-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.modal-enroll-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.course-details-modal::-webkit-scrollbar{width:6px}.course-details-modal::-webkit-scrollbar-track{background:#0003}.course-details-modal::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}@media (max-width:768px){.modal-content{padding:25px 20px}.modal-title{font-size:24px}.features-grid,.modal-meta-grid{grid-template-columns:1fr}.modal-footer{align-items:stretch;flex-direction:column}.modal-enroll-btn{width:100%}}@media print{.courses-filters,.enroll-btn{display:none}.course-card{break-inside:avoid;page-break-inside:avoid}}:root{--qore-accent:#10b981;--qore-accent-hover:#34d399;--qore-accent-glow:#10b98159;--qore-accent-soft:#10b9811f;--qore-bg-primary:#000;--qore-bg-elevated:#0d0d0d;--qore-bg-surface:#161616;--qore-bg-surface-hover:#1c1c1c;--qore-bg-glass:#161616d9;--qore-bg-input:#1a1a1a;--qore-text-primary:#fff;--qore-text-secondary:#a1a1a1;--qore-text-tertiary:#6b6b6b;--qore-text-inverse:#000;--qore-border-subtle:#ffffff0f;--qore-border-default:#ffffff1a;--qore-border-focus:#10b98180;--qore-shadow-sm:0 2px 8px #0000004d;--qore-shadow-md:0 8px 32px #0006;--qore-shadow-lg:0 24px 64px #00000080;--qore-shadow-glow:0 0 40px var(--qore-accent-glow);--qore-space-xs:4px;--qore-space-sm:8px;--qore-space-md:16px;--qore-space-lg:24px;--qore-space-xl:32px;--qore-radius-sm:10px;--qore-radius-md:14px;--qore-radius-lg:20px;--qore-radius-xl:28px;--qore-radius-full:9999px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--qore-ease-out:cubic-bezier(0.16,1,0.3,1);--qore-ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--qore-ease-spring:cubic-bezier(0.175,0.885,0.32,1.275)}.ai-tutor-fab{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--qore-accent) 0,#059669 100%);border:none;border-radius:9999px;border-radius:var(--qore-radius-full);bottom:calc(20px + env(safe-area-inset-bottom, 0px));bottom:calc(20px + var(--safe-bottom));box-shadow:0 8px 32px #10b98166,inset 0 0 0 1px #ffffff1a,inset 0 2px 0 #ffffff26;cursor:pointer;display:flex;height:64px;justify-content:center;overflow:hidden;position:fixed;right:16px;touch-action:manipulation;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all .4s var(--qore-ease-bounce);width:64px;z-index:999999!important}.ai-tutor-fab:before{animation:rotate-ring 3s linear infinite;background:conic-gradient(from 0deg,#10b981 0deg,#0000 60deg,#0000 300deg,#10b981 1turn);background:conic-gradient(from 0deg,var(--qore-accent) 0deg,#0000 60deg,#0000 300deg,var(--qore-accent) 1turn);border-radius:9999px;border-radius:var(--qore-radius-full);content:"";inset:-4px;opacity:0;position:absolute;transition:opacity .3s ease}.ai-tutor-fab:hover:before{opacity:.6}@keyframes rotate-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-tutor-fab:after{background:inherit;border-radius:9999px;border-radius:var(--qore-radius-full);content:"";inset:0;position:absolute;z-index:0}.ai-tutor-fab:active{transform:scale(.92)}@media (hover:hover){.ai-tutor-fab:hover{box-shadow:0 16px 48px #10b98180,0 0 40px #10b98159,inset 0 0 0 1px #ffffff26;box-shadow:0 16px 48px #10b98180,var(--qore-shadow-glow),0 0 0 1px #ffffff26 inset;transform:scale(1.1) translateY(-4px)}}.ai-tutor-fab-icon{align-items:center;animation:pulse-icon 3s ease-in-out infinite;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:30px;justify-content:center;position:relative;z-index:1}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ai-tutor-fab-badge{animation:badge-bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #000;border:2px solid var(--qore-bg-primary);border-radius:9999px;border-radius:var(--qore-radius-full);box-shadow:0 4px 12px #ef444480;color:#fff;font-size:12px;font-weight:700;min-width:24px;padding:5px 9px;position:absolute;right:-6px;text-align:center;top:-6px;z-index:2}@keyframes badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ai-tutor-fab-status{animation:status-pulse 2s ease-in-out infinite;background:#22c55e;border:3px solid #000;border:3px solid var(--qore-bg-primary);border-radius:9999px;border-radius:var(--qore-radius-full);bottom:4px;height:14px;position:absolute;right:4px;width:14px;z-index:2}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 #22c55e99}50%{box-shadow:0 0 0 6px #22c55e00}}.ai-tutor-window{animation:window-enter .45s cubic-bezier(.16,1,.3,1);animation:window-enter .45s var(--qore-ease-out);background:#000;background:var(--qore-bg-primary);display:flex;flex-direction:column;height:100%;height:100dvh;inset:0;overflow:hidden;position:fixed;width:100%;z-index:999999!important}@keyframes window-enter{0%{opacity:0;transform:translateY(100%) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-tutor-window.minimized{animation:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#161616d9;background:var(--qore-bg-glass);border:1px solid #ffffff1a;border:1px solid var(--qore-border-default);border-radius:28px;border-radius:var(--qore-radius-xl);height:auto;inset:auto 12px calc(12px + env(safe-area-inset-bottom, 0px)) auto;inset:auto 12px calc(12px + var(--safe-bottom)) auto;min-width:220px;width:auto}.ai-tutor-window.resizing{transition:none;-webkit-user-select:none;user-select:none}.resize-handle{display:none}.ai-tutor-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#0d0d0d,#0d0d0df2);background:linear-gradient(180deg,var(--qore-bg-elevated) 0,#0d0d0df2 100%);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--qore-border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:calc(env(safe-area-inset-top, 0px) + 12px) 16px 16px;padding:calc(var(--safe-top) + 12px) var(--qore-space-md) var(--qore-space-md);position:relative;z-index:10}.ai-tutor-header:after{background:linear-gradient(90deg,#0000,#10b981 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--qore-accent) 50%,#0000 100%);bottom:0;content:"";height:1px;left:24px;left:var(--qore-space-lg);opacity:.3;position:absolute;right:24px;right:var(--qore-space-lg)}.ai-tutor-header-info{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--qore-space-md);min-width:0}.ai-tutor-header-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--qore-accent) 0,#059669 100%);border-radius:14px;border-radius:var(--qore-radius-md);box-shadow:0 4px 16px #10b98159,inset 0 0 0 1px #ffffff1a;box-shadow:0 4px 16px var(--qore-accent-glow),0 0 0 1px #ffffff1a inset;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;position:relative;width:44px}.ai-tutor-header-avatar:before{animation:avatar-breathe 3s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#0000);background:linear-gradient(135deg,var(--qore-accent),#0000);border-radius:16px;border-radius:calc(var(--qore-radius-md) + 2px);content:"";inset:-2px;opacity:.4;position:absolute}@keyframes avatar-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}.ai-tutor-header-text{flex:1 1;min-width:0}.ai-tutor-header-text h3{align-items:center;color:#fff;color:var(--qore-text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:-.02em;margin:0}.ai-tutor-header-text h3:after{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;border-radius:var(--qore-radius-sm);color:#000;content:"PRO";font-size:9px;font-weight:800;letter-spacing:.05em;padding:3px 6px}.ai-tutor-header-text p{align-items:center;color:#10b981;color:var(--qore-accent);display:flex;font-size:13px;font-weight:500;gap:6px;margin:3px 0 0}.ai-tutor-header-text p:before{animation:status-pulse 2s ease-in-out infinite;background:#10b981;background:var(--qore-accent);border-radius:9999px;border-radius:var(--qore-radius-full);content:"";height:6px;width:6px}.ai-tutor-header-actions{align-items:center;display:flex;gap:8px;gap:var(--qore-space-sm)}.ai-tutor-header-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#161616;background:var(--qore-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--qore-border-subtle);border-radius:10px;border-radius:var(--qore-radius-sm);color:#a1a1a1;color:var(--qore-text-secondary);cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all .25s var(--qore-ease-out);width:42px}.ai-tutor-header-btn:active{background:#10b9811f;background:var(--qore-accent-soft);transform:scale(.92)}@media (hover:hover){.ai-tutor-header-btn:hover{background:#1c1c1c;background:var(--qore-bg-surface-hover);border-color:#ffffff1a;border-color:var(--qore-border-default);color:#fff;color:var(--qore-text-primary)}}.ai-tutor-body{background:#000;background:var(--qore-bg-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.ai-tutor-body:before{background:linear-gradient(180deg,#000,#0000);background:linear-gradient(180deg,var(--qore-bg-primary) 0,#0000 100%);content:"";height:40px;left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.ai-tutor-welcome{-webkit-overflow-scrolling:touch;align-items:center;background:radial-gradient(ellipse 80% 50% at 50% -20%,#10b9811f 0,#0000 50%),#000;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--qore-accent-soft) 0,#0000 50%),var(--qore-bg-primary);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:24px 16px;padding:var(--qore-space-lg) var(--qore-space-md);text-align:center}.ai-tutor-avatar{animation:float-hero 5s ease-in-out infinite;font-size:80px;margin-bottom:24px;margin-bottom:var(--qore-space-lg);position:relative}.ai-tutor-avatar:before{animation:aura-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#10b98159 0,#0000 70%);background:radial-gradient(circle,var(--qore-accent-glow) 0,#0000 70%);border-radius:9999px;border-radius:var(--qore-radius-full);content:"";inset:-30px;position:absolute;z-index:-1}@keyframes float-hero{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-12px) rotate(2deg)}75%{transform:translateY(-8px) rotate(-2deg)}}@keyframes aura-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.ai-tutor-welcome h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#10b981);background:linear-gradient(135deg,#fff 0,var(--qore-accent) 100%);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--qore-text-primary);font-size:32px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px;margin:0 0 var(--qore-space-sm) 0}.ai-tutor-welcome p{color:#a1a1a1;color:var(--qore-text-secondary);font-size:16px;line-height:1.5;max-width:300px}.ai-tutor-capabilities,.ai-tutor-welcome p{margin:0 0 32px;margin:0 0 var(--qore-space-xl) 0}.ai-tutor-capabilities{grid-gap:8px;grid-gap:var(--qore-space-sm);display:grid;gap:8px;gap:var(--qore-space-sm);grid-template-columns:repeat(2,1fr);list-style:none;max-width:360px;padding:0;width:100%}.ai-tutor-capabilities li{align-items:center;background:#161616;background:var(--qore-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--qore-border-subtle);border-radius:14px;border-radius:var(--qore-radius-md);color:#fff;color:var(--qore-text-primary);display:flex;flex-direction:column;font-size:14px;gap:8px;gap:var(--qore-space-sm);padding:16px;padding:var(--qore-space-md);text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s var(--qore-ease-out)}.ai-tutor-capabilities li:active{background:#10b9811f;background:var(--qore-accent-soft);border-color:#10b981;border-color:var(--qore-accent);transform:scale(.96)}.ai-tutor-quick-actions{display:flex;flex-direction:column;gap:8px;gap:var(--qore-space-sm);max-width:360px;width:100%}.ai-tutor-quick-actions button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:1.5px solid #ffffff1a;border:1.5px solid var(--qore-border-default);border-radius:20px;border-radius:var(--qore-radius-lg);color:#fff;color:var(--qore-text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;gap:var(--qore-space-sm);justify-content:center;overflow:hidden;padding:16px 24px;padding:var(--qore-space-md) var(--qore-space-lg);position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s var(--qore-ease-out)}.ai-tutor-quick-actions button:before{background:linear-gradient(135deg,#10b981,#0000 50%);background:linear-gradient(135deg,var(--qore-accent) 0,#0000 50%);border-radius:20px;border-radius:var(--qore-radius-lg);content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1.5px;position:absolute;transition:opacity .3s ease}.ai-tutor-quick-actions button:active{background:#10b9811f;background:var(--qore-accent-soft);transform:scale(.97)}.ai-tutor-quick-actions button:active:before{opacity:1}@media (hover:hover){.ai-tutor-quick-actions button:hover{background:#161616;background:var(--qore-bg-surface);border-color:#10b981;border-color:var(--qore-accent);transform:translateY(-2px)}.ai-tutor-quick-actions button:hover:before{opacity:1}}.ai-tutor-messages{-webkit-overflow-scrolling:touch;background:#000;background:var(--qore-bg-primary);display:flex;flex:1 1;flex-direction:column;gap:24px;gap:var(--qore-space-lg);overflow-x:hidden;overflow-y:auto;padding:24px 16px;padding:var(--qore-space-lg) var(--qore-space-md);padding-top:50px;scroll-behavior:smooth}.ai-tutor-messages::-webkit-scrollbar{width:5px}.ai-tutor-messages::-webkit-scrollbar-track{background:#0000}.ai-tutor-messages::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--qore-border-default);border-radius:9999px;border-radius:var(--qore-radius-full)}.ai-tutor-message{animation:message-enter .4s cubic-bezier(.16,1,.3,1);animation:message-enter .4s var(--qore-ease-out);display:flex;gap:8px;gap:var(--qore-space-sm);max-width:92%}@keyframes message-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-tutor-message.user{align-self:flex-end;flex-direction:row-reverse}.ai-tutor-message-avatar{align-items:center;align-self:flex-end;border-radius:10px;border-radius:var(--qore-radius-sm);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.ai-tutor-message.user .ai-tutor-message-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f659;color:#fff}.ai-tutor-message.assistant .ai-tutor-message-avatar{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--qore-accent) 0,#059669 100%);box-shadow:0 4px 12px #10b98159;box-shadow:0 4px 12px var(--qore-accent-glow);color:#fff}.ai-tutor-message-content{flex:1 1;min-width:0}.ai-tutor-message-bubble{word-wrap:break-word;border-radius:20px;border-radius:var(--qore-radius-lg);font-size:15px;line-height:1.6;overflow-wrap:break-word;padding:16px;padding:var(--qore-space-md)}.ai-tutor-message.user .ai-tutor-message-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-right-radius:4px;border-bottom-right-radius:var(--qore-space-xs);box-shadow:0 4px 16px #3b82f64d;color:#fff}.ai-tutor-message.assistant .ai-tutor-message-bubble{background:#161616;background:var(--qore-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--qore-border-subtle);border-bottom-left-radius:4px;border-bottom-left-radius:var(--qore-space-xs);color:#fff;color:var(--qore-text-primary)}.ai-tutor-message.system .ai-tutor-message-bubble{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:14px;border-radius:var(--qore-radius-md);color:#fcd34d}.ai-tutor-message-bubble.error{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.ai-tutor-message-time{color:#6b6b6b;color:var(--qore-text-tertiary);font-size:11px;margin-top:4px;margin-top:var(--qore-space-xs);padding:0 4px;padding:0 var(--qore-space-xs)}.ai-tutor-typing{animation:message-enter .4s cubic-bezier(.16,1,.3,1);animation:message-enter .4s var(--qore-ease-out);display:flex;gap:8px;gap:var(--qore-space-sm);padding:0 16px 16px;padding:0 var(--qore-space-md) var(--qore-space-md)}.ai-tutor-typing-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--qore-accent) 0,#059669 100%);border-radius:10px;border-radius:var(--qore-radius-sm);box-shadow:0 4px 12px #10b98159;box-shadow:0 4px 12px var(--qore-accent-glow);color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.ai-tutor-typing-bubble{align-items:center;background:#161616;background:var(--qore-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--qore-border-subtle);border-radius:20px;border-radius:var(--qore-radius-lg);border-bottom-left-radius:4px;border-bottom-left-radius:var(--qore-space-xs);display:flex;gap:5px;padding:16px 24px;padding:var(--qore-space-md) var(--qore-space-lg)}.ai-tutor-typing-dot{animation:typing-wave 1.4s ease-in-out infinite;background:#10b981;background:var(--qore-accent);border-radius:9999px;border-radius:var(--qore-radius-full);height:8px;width:8px}.ai-tutor-typing-dot:nth-child(2){animation-delay:.15s}.ai-tutor-typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-wave{0%,60%,to{background:#6b6b6b;background:var(--qore-text-tertiary);opacity:.3;transform:translateY(0)}30%{background:#10b981;background:var(--qore-accent);opacity:1;transform:translateY(-10px)}}.ai-tutor-input{background:#0d0d0d;background:var(--qore-bg-elevated);border-top:1px solid #ffffff0f;border-top:1px solid var(--qore-border-subtle);flex-shrink:0;padding:16px;padding:var(--qore-space-md);padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--qore-space-md) + var(--safe-bottom));position:relative}.ai-tutor-input:before{background:linear-gradient(90deg,#0000,#10b981 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--qore-accent) 50%,#0000 100%);content:"";height:1px;left:32px;left:var(--qore-space-xl);opacity:.2;position:absolute;right:32px;right:var(--qore-space-xl);top:0}.ai-tutor-attachments-preview{display:flex;flex-wrap:wrap;gap:8px;gap:var(--qore-space-sm);margin-bottom:8px;margin-bottom:var(--qore-space-sm)}.ai-tutor-attachment-preview{align-items:center;background:#161616;background:var(--qore-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--qore-border-subtle);border-radius:10px;border-radius:var(--qore-radius-sm);color:#a1a1a1;color:var(--qore-text-secondary);display:flex;font-size:12px;gap:4px;gap:var(--qore-space-xs);padding:4px 8px;padding:var(--qore-space-xs) var(--qore-space-sm)}.ai-tutor-attachment-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;transition:transform .2s ease}.ai-tutor-attachment-remove:active{transform:scale(.85)}.ai-tutor-input-wrapper{align-items:flex-end;display:flex;gap:8px;gap:var(--qore-space-sm)}.ai-tutor-input-field{flex:1 1;min-width:0;position:relative}.ai-tutor-textarea{-webkit-appearance:none;appearance:none;background:#1a1a1a;background:var(--qore-bg-input);border:1.5px solid #ffffff0f;border:1.5px solid var(--qore-border-subtle);border-radius:28px;border-radius:var(--qore-radius-xl);color:#fff;color:var(--qore-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:16px;line-height:1.45;max-height:140px;min-height:52px;overflow-y:auto;padding:14px 120px 14px 18px;resize:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all .25s var(--qore-ease-out);width:100%}.ai-tutor-textarea:focus{background:#161616;background:var(--qore-bg-surface);border-color:#10b981;border-color:var(--qore-accent);box-shadow:0 0 0 4px #10b9811f,0 4px 16px #0003;box-shadow:0 0 0 4px var(--qore-accent-soft),0 4px 16px #0003;outline:none}.ai-tutor-textarea::placeholder{color:#6b6b6b;color:var(--qore-text-tertiary)}.ai-tutor-input-actions{align-items:center;bottom:8px;display:flex;gap:4px;position:absolute;right:8px}.ai-tutor-send-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--qore-accent) 0,#059669 100%);border:none;border-radius:9999px;border-radius:var(--qore-radius-full);box-shadow:0 4px 12px #10b98159;box-shadow:0 4px 12px var(--qore-accent-glow);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:38px;justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all .25s var(--qore-ease-out);width:38px}.ai-tutor-send-btn:active:not(:disabled){transform:scale(.88)}@media (hover:hover){.ai-tutor-send-btn:hover:not(:disabled){box-shadow:0 6px 20px #10b98159;box-shadow:0 6px 20px var(--qore-accent-glow);transform:scale(1.1)}}.ai-tutor-send-btn:disabled{background:#161616;background:var(--qore-bg-surface);box-shadow:none;color:#6b6b6b;color:var(--qore-text-tertiary);cursor:not-allowed}.ai-tutor-image-btn,.ai-tutor-voice-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--qore-radius-full);color:#6b6b6b;color:var(--qore-text-tertiary);cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.ai-tutor-image-btn:active,.ai-tutor-voice-btn:active{color:#10b981;color:var(--qore-accent);transform:scale(.88)}.ai-tutor-voice-btn.recording{animation:pulse-recording 1.2s infinite;color:#ef4444}@keyframes pulse-recording{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (min-width:768px){.ai-tutor-fab{bottom:28px;height:68px;right:28px;width:68px}.ai-tutor-fab-icon{font-size:34px}.ai-tutor-window{animation:scale-enter .35s cubic-bezier(.16,1,.3,1);animation:scale-enter .35s var(--qore-ease-out);border-radius:28px;border-radius:var(--qore-radius-xl);inset:auto;bottom:28px;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0f;box-shadow:var(--qore-shadow-lg),0 0 0 1px var(--qore-border-subtle);height:680px;max-height:calc(100vh - 56px);right:28px;width:440px}@keyframes scale-enter{0%{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-tutor-window.minimized{height:auto;width:auto}.resize-handle{display:block;position:absolute;z-index:10}.resize-handle.resize-bottom,.resize-handle.resize-top{cursor:ns-resize;height:8px;left:8px;right:8px}.resize-handle.resize-top{top:0}.resize-handle.resize-bottom{bottom:0}.resize-handle.resize-left,.resize-handle.resize-right{bottom:8px;cursor:ew-resize;top:8px;width:8px}.resize-handle.resize-left{left:0}.resize-handle.resize-right{right:0}.resize-handle.resize-bottom-left,.resize-handle.resize-bottom-right,.resize-handle.resize-top-left,.resize-handle.resize-top-right{height:16px;width:16px}.resize-handle.resize-top-left{cursor:nwse-resize;left:0;top:0}.resize-handle.resize-top-right{cursor:nesw-resize;right:0;top:0}.resize-handle.resize-bottom-left{bottom:0;cursor:nesw-resize;left:0}.resize-handle.resize-bottom-right{bottom:0;cursor:nwse-resize;right:0}.resize-handle:hover{background:#10b9811f;background:var(--qore-accent-soft)}.ai-tutor-header{padding:24px;padding:var(--qore-space-lg) var(--qore-space-lg)}.ai-tutor-welcome{padding:32px;padding:var(--qore-space-xl)}.ai-tutor-avatar{font-size:90px}.ai-tutor-welcome h3{font-size:36px}.ai-tutor-capabilities,.ai-tutor-quick-actions{max-width:400px}.ai-tutor-messages{gap:24px;gap:var(--qore-space-lg);padding:32px;padding:var(--qore-space-xl)}.ai-tutor-message{max-width:88%}.ai-tutor-input{padding:24px;padding:var(--qore-space-lg)}.ai-tutor-textarea{padding-right:130px}}@media (min-width:1024px){.ai-tutor-window{height:720px;width:480px}.ai-tutor-header-avatar{font-size:24px;height:48px;width:48px}.ai-tutor-header-text h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.ai-tutor-avatar,.ai-tutor-fab,.ai-tutor-fab-badge,.ai-tutor-fab-icon,.ai-tutor-fab-status,.ai-tutor-fab:before,.ai-tutor-header-avatar:before,.ai-tutor-message,.ai-tutor-typing-dot,.ai-tutor-window{animation:none!important}*{transition-duration:.01ms!important}}@media (prefers-contrast:high){.ai-tutor-message.user .ai-tutor-message-bubble{border:2px solid #fff}.ai-tutor-message.assistant .ai-tutor-message-bubble{border:2px solid #10b981;border:2px solid var(--qore-accent)}.ai-tutor-textarea{border-width:2px}.ai-tutor-fab{border:2px solid #fff}}@media (max-height:500px) and (orientation:landscape){.ai-tutor-welcome{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:16px;padding:var(--qore-space-md)}.ai-tutor-avatar{font-size:48px;margin-bottom:0;margin-right:24px;margin-right:var(--qore-space-lg)}.ai-tutor-capabilities{grid-template-columns:repeat(4,1fr);max-width:100%}.ai-tutor-quick-actions{flex-direction:row;max-width:100%}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.25"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.markdown-content{color:#e4e4e7;font-size:15px;line-height:1.7}.markdown-h1{border-bottom:2px solid #10b9814d;color:#10b981;font-size:28px;font-weight:700;margin:24px 0 16px;padding-bottom:8px}.markdown-h2{color:#34d399;font-size:24px;font-weight:600;margin:20px 0 12px}.markdown-h3{color:#6ee7b7;font-size:20px;font-weight:600;margin:16px 0 10px}.markdown-content p{line-height:1.8;margin:12px 0}.inline-code{background:#10b98126;border:1px solid #10b9814d;border-radius:4px;color:#10b981;font-family:Courier New,Courier,monospace;font-size:14px;padding:2px 6px}.code-block{border:1px solid #10b98133;border-radius:8px!important;box-shadow:0 4px 12px #0000004d;font-size:14px!important;margin:16px 0!important}.code-block code{font-family:Courier New,Courier,monospace!important}.markdown-link{border-bottom:1px solid #10b98166;color:#10b981;text-decoration:none;transition:all .2s ease}.markdown-link:hover{border-bottom-color:#34d399;color:#34d399}.markdown-ol,.markdown-ul{margin:12px 0;padding-left:28px}.markdown-ol li,.markdown-ul li{line-height:1.7;margin:6px 0}.markdown-ul li::marker{color:#10b981}.markdown-ol li::marker{color:#10b981;font-weight:600}.markdown-blockquote{background:#10b9811a;border-left:4px solid #10b981;border-radius:0 8px 8px 0;color:#d4d4d8;font-style:italic;margin:16px 0;padding:12px 16px}.markdown-blockquote p{margin:0}.markdown-table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0003;font-size:14px;margin:16px 0;overflow:hidden;width:100%}.markdown-table thead{background:#10b98133}.markdown-table th{border-bottom:2px solid #10b98166;color:#10b981;font-weight:600;padding:12px;text-align:left}.markdown-table td{border-bottom:1px solid #ffffff1a;padding:10px 12px}.markdown-table tr:last-child td{border-bottom:none}.markdown-table tbody tr:hover{background:#10b9810d}.markdown-content hr{background:linear-gradient(90deg,#0000,#10b98180,#0000);border:none;height:2px;margin:24px 0}.markdown-content strong{color:#10b981;font-weight:700}.markdown-content em{color:#34d399;font-style:italic}.markdown-content img{border:1px solid #10b98133;border-radius:8px;box-shadow:0 4px 12px #0000004d;height:auto;margin:16px 0;max-width:100%}.markdown-content .katex{color:#10b981!important;font-size:1.1em}.markdown-content .katex-display{background:#10b9810d;border-left:4px solid #10b981;border-radius:8px;margin:20px 0;overflow-x:auto;overflow-y:hidden;padding:16px}.markdown-content .katex-display>.katex{display:block;text-align:center}.markdown-content .katex-inline{padding:0 4px}.markdown-content .katex .base{white-space:nowrap}.markdown-content .katex-html{display:inline-block}.markdown-content .katex-error{background:#ef44441a;border-radius:4px;color:#ef4444;font-family:Courier New,monospace;padding:4px 8px}.markdown-content p:has(.katex-display){overflow-x:auto}.markdown-content input[type=checkbox]{accent-color:#10b981;margin-right:8px}.markdown-content pre{background:#1e1e1e;border:1px solid #10b98133;border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:#0003;border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:#10b98180}.voice-input-container{align-items:center;display:inline-flex;gap:8px;position:relative}.voice-button{align-items:center;background:#0000;border:2px solid #10b9814d;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.voice-button:hover{background:#10b9811a;border-color:#10b981;transform:scale(1.05)}.voice-button:disabled{cursor:not-allowed;opacity:.5}.voice-button.listening{animation:pulse-border 1.5s infinite;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 #10b981b3}50%{box-shadow:0 0 0 8px #10b98100}}.voice-icon{align-items:center;display:flex;font-size:20px;justify-content:center}.voice-icon.recording{animation:recording-pulse 1s infinite}@keyframes recording-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-pulse{animation:pulse-expand 1.5s infinite;background:#10b9814d;border-radius:50%;height:100%;pointer-events:none;position:absolute;width:100%}@keyframes pulse-expand{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.voice-recording-indicator{background:#2a2a2a;border:1px solid #10b9814d;border-radius:12px;bottom:50px;box-shadow:0 8px 24px #0000004d;min-width:280px;padding:16px;position:absolute;right:0;z-index:100}.recording-visual{display:flex;gap:4px;justify-content:center;margin-bottom:12px}.sound-wave{animation:sound-wave .8s ease-in-out infinite;background:#10b981;border-radius:2px;height:24px;width:4px}.sound-wave:first-child{animation-delay:0s}.sound-wave:nth-child(2){animation-delay:.15s}.sound-wave:nth-child(3){animation-delay:.3s}@keyframes sound-wave{0%,to{height:8px;opacity:.5}50%{height:24px;opacity:1}}.live-transcript{background:#10b9810d;border-left:3px solid #10b981;border-radius:6px;margin-bottom:12px;max-height:100px;overflow-y:auto;padding:12px}.live-transcript p{color:#e5e7eb;font-size:14px;line-height:1.5;margin:0}.cancel-recording{background:#0000;border:1px solid #ef444480;border-radius:6px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;width:100%}.cancel-recording:hover{background:#ef44441a;border-color:#ef4444}.voice-input-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;font-size:12px;gap:8px;padding:8px 12px}.voice-error-icon{font-size:16px;opacity:.5}.voice-error-text{flex:1 1}.voice-error-toast{animation:slide-up .3s ease-out;background:#ef4444f2;border-radius:8px;bottom:50px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;padding:10px 16px;position:absolute;right:0;white-space:nowrap;z-index:100}@media (max-width:768px){.voice-recording-indicator{min-width:250px}.voice-error-toast,.voice-recording-indicator{left:50%;right:auto;transform:translateX(-50%)}}.image-upload-container{align-items:center;display:inline-flex;gap:8px;position:relative}.image-upload-button{align-items:center;background:#0000;border:2px solid #10b9814d;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.image-upload-button:hover{background:#10b9811a;border-color:#10b981;transform:scale(1.05)}.image-upload-button:disabled{cursor:not-allowed;opacity:.5}.upload-icon{align-items:center;display:flex;font-size:20px;justify-content:center}.image-preview-container{bottom:50px;position:absolute;right:0;z-index:100}.image-preview{background:#2a2a2a;border:1px solid #10b9814d;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-height:320px;max-width:320px;padding:8px;position:relative}.image-preview img{border-radius:8px;display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.analyzing-overlay{align-items:center;background:#000c;border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0}.analyzing-spinner{animation:spin 1s linear infinite;border:4px solid #10b98133;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}.analyzing-overlay p{color:#fff;font-size:14px;font-weight:500;margin:0}.clear-preview{align-items:center;background:#ef4444e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:28px}.clear-preview:hover{background:#ef4444;transform:scale(1.1)}.drag-drop-overlay{align-items:center;animation:fade-in .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drop-zone{align-items:center;animation:pulse-scale 1.5s infinite;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:3px dashed #10b981;border-radius:24px;display:flex;flex-direction:column;gap:16px;padding:64px}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.drop-icon{animation:bounce 1s infinite;font-size:64px}.drop-zone p{color:#fff;font-size:24px;font-weight:600;margin:0}.drop-hint{color:#fff9;font-size:14px}.upload-error-toast{animation:slide-up .3s ease-out;background:#ef4444f2;border-radius:8px;bottom:50px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;max-width:250px;padding:10px 16px;position:absolute;right:0;white-space:nowrap;z-index:100}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-hints{bottom:-28px;color:#fff6;display:flex;font-size:10px;gap:12px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.hint-item{align-items:center;display:flex;gap:4px}@media (max-width:768px){.image-preview{max-height:280px;max-width:280px}.image-preview img{max-height:260px}.drop-zone{padding:48px}.drop-icon{font-size:48px}.drop-zone p{font-size:20px}.upload-hints{display:none}}.ai-tutoring-page{background-color:#0f172a;color:#fff;font-family:Inter,Helvetica,Arial,sans-serif;min-height:100vh}.hero-section{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#1e40af);overflow:hidden;padding:80px 20px;position:relative;text-align:center}.hero-content{max-width:1000px;z-index:2}.hero-badge{background-color:#10b98133;border:1px solid #10b981;border-radius:24px;color:#10b981;font-size:14px;gap:8px;margin-bottom:24px;padding:8px 16px}.badge-icon{font-size:18px}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:24px}.hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin:0 auto 32px;max-width:800px;opacity:.9}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.btn-primary{background-color:#10b981;display:flex;font-size:16px;gap:8px;padding:14px 32px;transition:all .2s ease}.btn-primary:hover{background-color:#059669;box-shadow:0 10px 20px #10b9814d}.btn-secondary{align-items:center;background-color:initial;border:2px solid #374151;color:#fff;display:flex;font-size:16px;gap:8px;padding:12px 30px;transition:all .2s ease}.btn-secondary:hover{border-color:#10b981;color:#10b981;transform:translateY(-2px)}.login-notice{align-items:center;background-color:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;display:inline-flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 20px}.features-section{background-color:#1e293b;border-bottom:1px solid #374151;padding:64px 20px}.container{margin:0 auto;max-width:1200px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;text-align:center}.section-subtitle{color:#9ca3af;font-size:1.125rem;line-height:1.6;margin:0 auto 48px;max-width:800px;text-align:center}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px}.feature-card:hover{border-color:#10b981;box-shadow:0 20px 40px #10b9811a}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:1.5rem;margin-bottom:12px}.feature-card p{color:#9ca3af;margin-bottom:16px}.feature-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{background-color:#10b98133;border-radius:12px;color:#10b981;font-size:12px;font-weight:500;padding:4px 12px}.how-it-works-section{background-color:#0f172a;padding:64px 20px}.steps-grid{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto 1fr auto 1fr;margin:0 auto;max-width:1200px}.step-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;padding:32px;text-align:center;transition:all .3s ease}.step-card:hover{border-color:#10b981;transform:translateY(-4px)}.step-number{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.step-card h3{color:#fff;font-size:1.25rem;margin-bottom:12px}.step-card p{color:#9ca3af;line-height:1.6}.step-arrow{color:#10b981;font-size:2rem;font-weight:700}.capabilities-section{background-color:#1e293b;padding:64px 20px}.capabilities-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.capability-item{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.capability-item:hover{border-color:#10b981;transform:translateY(-4px)}.capability-icon{display:block;font-size:40px;margin-bottom:12px}.capability-item h4{color:#fff;font-size:1.125rem;margin-bottom:8px}.capability-item p{color:#9ca3af;font-size:.875rem;line-height:1.5}.cta-section{background:linear-gradient(135deg,#10b981,#059669);padding:80px 20px}.cta-content h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:16px}.cta-content p{color:#ffffffe6;font-size:1.125rem;margin:0 auto 32px;max-width:700px}.cta-button{background-color:#fff;border:none;border-radius:8px;color:#10b981;cursor:pointer;font-size:18px;font-weight:700;padding:16px 40px;transition:all .2s ease}.cta-button:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.cta-hint{animation:bounce 2s infinite;margin-top:32px}.hint-arrow{display:block;font-size:2rem;margin-bottom:8px}.cta-hint p{color:#fff;font-size:1rem;font-weight:600}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;max-width:300px;width:100%}.section-title{font-size:2rem}.features-grid,.steps-grid{grid-template-columns:1fr}.step-arrow{margin:16px 0;transform:rotate(90deg)}.capabilities-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}}.skill-demand-chart{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.chart-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-left h2{align-items:center;color:#1a1a1a;display:flex;font-size:1.8rem;gap:.75rem;margin:0 0 .5rem}.header-left h2 i{color:#4caf50}.region-label{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.5rem;margin:0}.header-right{gap:1rem}.region-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:all .3s ease}.region-select:hover{border-color:#4caf50}.close-btn{background:#f44336;color:#fff}.close-btn:hover{box-shadow:0 2px 8px #f443364d}.metrics-grid{margin-bottom:2rem}.metric-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;text-align:center}.metric-card h3{color:#666;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.gauge-container{position:relative}.gauge{height:auto;margin-bottom:.5rem;width:100%}.gauge-value{left:50%;position:absolute;text-align:center;top:60%;transform:translate(-50%,-50%)}.gauge-value .score{color:#1a1a1a;font-size:2.5rem;font-weight:700}.gauge-value .max{color:#999;font-size:1.2rem;font-weight:600}.gauge-label{font-size:1.1rem;font-weight:700;margin-top:.5rem}.growth-display{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.growth-display i{font-size:3rem}.growth-value{align-items:flex-start;display:flex;flex-direction:column}.growth-value .rate{font-size:2.5rem;font-weight:700;line-height:1}.growth-value .period{color:#999;font-size:.85rem}.growth-label{font-size:1.1rem;font-weight:700}.count-display{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.count-display i{color:#4caf50;font-size:3rem}.count-display .count{color:#1a1a1a;font-size:2.5rem;font-weight:700}.count-label{color:#999;font-size:.9rem;margin:0}.salary-section{background:#f8f9fa;border-radius:12px;margin:2rem 0;padding:1.5rem}.salary-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.3rem;gap:.75rem;margin:0 0 1.5rem}.salary-section h3 i{color:#4caf50}.salary-bars{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.salary-bar{align-items:center;display:flex;gap:1rem}.bar-label{color:#666;font-size:.9rem;font-weight:600;min-width:80px}.bar-container{background:#fff;box-shadow:0 2px 4px #0000000d;flex:1 1;height:40px;overflow:hidden}.bar-container,.bar-fill{border-radius:8px;position:relative}.bar-fill{height:100%;transition:width .8s ease}.bar-fill.min{background:linear-gradient(90deg,#ffc107,#ffd54f)}.bar-fill.avg{background:linear-gradient(90deg,#4caf50,#66bb6a)}.bar-fill.max{background:linear-gradient(90deg,#2196f3,#42a5f5)}.bar-value{color:#fff;font-size:.95rem;font-weight:700;position:absolute;right:1rem;text-shadow:0 1px 2px #0000004d;top:50%;transform:translateY(-50%)}.salary-note{color:#999;font-size:.85rem;margin:0;text-align:center}.companies-section{margin:2rem 0}.companies-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.3rem;gap:.75rem;margin:0 0 1.5rem}.companies-section h3 i{color:#4caf50}.companies-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.company-card{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.company-card:hover{background:#fff;border-color:#4caf50;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.company-logo{height:48px;width:48px}.company-info{flex:1 1}.company-info h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 .25rem}.company-industry{color:#999;font-size:.85rem;margin:0 0 .5rem}.company-openings{background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.related-skills-section{margin:2rem 0}.related-skills-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.3rem;gap:.75rem;margin:0 0 1.5rem}.related-skills-section h3 i{color:#4caf50}.skills-tags{gap:.75rem}.skill-tag{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.skill-tag:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.skill-tag.required{background:#e8f5e9;border-color:#4caf50}.skill-tag.preferred{background:#e3f2fd;border-color:#2196f3}.skill-name{font-weight:600}.skill-count{color:#999;font-size:.85rem}.experience-section{background:#f8f9fa;border-radius:12px;margin:2rem 0;padding:1.5rem}.experience-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.3rem;gap:.75rem;margin:0 0 1.5rem}.experience-section h3 i{color:#4caf50}.experience-bars{display:flex;flex-direction:column;gap:1rem}.experience-bar{align-items:center;display:flex;gap:1rem}.level-label{color:#666;font-size:.9rem;font-weight:600;min-width:100px;text-transform:capitalize}.level-container{background:#fff;border-radius:8px;flex:1 1;height:32px;overflow:hidden;position:relative}.level-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:8px;height:100%;transition:width .8s ease}.level-count{color:#1a1a1a;font-size:.9rem;font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.chart-error,.chart-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.chart-error i{color:#f44336;font-size:3rem;margin-bottom:1rem}@media (max-width:768px){.chart-header{flex-direction:column;gap:1rem}.header-right{justify-content:space-between;width:100%}.companies-grid,.metrics-grid{grid-template-columns:1fr}.experience-bar,.salary-bar{align-items:flex-start;flex-direction:column}.bar-label,.level-label{min-width:auto}.bar-container,.level-container{width:100%}}.emerging-skills{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.skills-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-content h2{align-items:center;color:#1a1a1a;display:flex;font-size:1.8rem;gap:.75rem;margin:0 0 .5rem}.header-content h2 i{color:#ff9800}.header-content p{color:#666;font-size:.95rem;margin:0}.header-controls{display:flex;gap:.75rem}.industry-select,.timeframe-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:all .3s ease}.industry-select:hover,.timeframe-select:hover{border-color:#ff9800}.skills-list{display:flex;flex-direction:column;gap:1rem}.skill-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;display:flex;gap:1.5rem;padding:1.25rem;transition:all .3s ease}.skill-item:hover{background:#fff;border-color:#ff9800;box-shadow:0 4px 12px #ff980026;transform:translateX(4px)}.skill-rank{min-width:50px}.rank-badge{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;height:50px;justify-content:center;width:50px}.rank-1{background:linear-gradient(135deg,gold,orange)}.rank-2{background:linear-gradient(135deg,silver,#a8a8a8)}.rank-3{background:linear-gradient(135deg,#cd7f32,#b8733f)}.rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background:linear-gradient(135deg,#4caf50,#45a049)}.skill-info{flex:1 1}.skill-name{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0 0 .75rem}.skill-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.stat{color:#666;font-size:.9rem;font-weight:500;gap:.4rem}.stat i{color:#999}.stat.demand{font-weight:600}.stat.demand,.stat.demand i{color:#ff5722}.skill-companies{align-items:center;color:#999;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.skill-companies i{color:#4caf50}.skill-growth{align-items:center;display:flex;gap:.75rem;min-width:120px}.skill-growth>i{font-size:2rem}.growth-info{display:flex;flex-direction:column}.growth-rate{font-size:1.5rem;font-weight:700;line-height:1}.growth-label{color:#999;font-size:.8rem}.skill-actions{display:flex;gap:.5rem}.btn-add,.btn-analyze{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-analyze{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-analyze:hover{box-shadow:0 4px 8px #2196f34d;transform:scale(1.1)}.btn-add{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-add:hover{box-shadow:0 4px 8px #4caf504d;transform:scale(1.1)}.skills-footer{border-top:2px solid #f0f0f0;margin-top:2rem;padding-top:1.5rem;text-align:center}.btn-view-all{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 2rem;transition:all .3s ease}.btn-view-all:hover{box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}.skills-empty,.skills-error,.skills-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;text-align:center}.skills-empty i,.skills-error i{font-size:3rem;margin-bottom:1rem}.skills-error i{color:#f44336}.skills-empty i{color:#999}.skills-empty p,.skills-error p{color:#666;font-size:1rem}@media (max-width:1024px){.skill-item{flex-wrap:wrap}.skill-growth{order:3}.skill-actions{order:4}}@media (max-width:768px){.skills-header{flex-direction:column;gap:1rem}.header-controls{width:100%}.industry-select,.timeframe-select{flex:1 1}.skill-item{gap:1rem;padding:1rem}.skill-rank{min-width:40px}.rank-badge{font-size:.95rem;height:40px;width:40px}.skill-name{font-size:1.1rem}.skill-stats{font-size:.85rem}.skill-actions,.skill-growth{justify-content:center;width:100%}}.recent-jobs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.jobs-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.jobs-header,.jobs-header h2{align-items:center;display:flex}.jobs-header h2{color:#1a1a1a;font-size:1.8rem;gap:.75rem;margin:0}.jobs-header h2 i{color:#2196f3}.btn-view-more{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.btn-view-more:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.jobs-list{display:flex;flex-direction:column;gap:1rem}.job-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;padding:1.5rem}.job-card:hover{background:#fff;border-color:#2196f3;box-shadow:0 8px 16px #2196f326}.job-header-section{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.company-logo{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.job-title-section{flex:1 1}.job-title{color:#1a1a1a;font-size:1.3rem;margin:0 0 .5rem}.company-name{color:#666;font-size:1rem;font-weight:500;margin:0}.industry-tag{color:#999;font-size:.9rem;font-weight:400;margin-left:.25rem}.job-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.time-ago{align-items:center;color:#999;display:flex;font-size:.85rem;gap:.4rem}.time-ago i{font-size:.75rem}.job-details{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem 0}.detail-item{color:#666;font-size:.95rem}.detail-item i{color:#999;width:16px}.detail-item.location{font-weight:500}.detail-item.salary{color:#4caf50;font-weight:600}.detail-item.salary i{color:#4caf50}.remote-badge{align-items:center;background:#e3f2fd;border-radius:12px;color:#2196f3;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-left:.5rem;padding:.25rem .75rem}.employment-type{text-transform:capitalize}.job-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-badge{background:#fff;border:1px solid #e0e0e0;border-radius:16px;color:#666;font-size:.85rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.skill-badge:hover{border-color:#4caf50;color:#4caf50;transform:translateY(-1px)}.skill-badge.required{background:#e8f5e9;border-color:#4caf50;color:#4caf50;font-weight:600}.skill-badge.preferred{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.skill-badge.more{background:#f0f0f0;border-color:#d0d0d0}.job-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{border-radius:12px;font-size:.8rem;font-weight:600;gap:.4rem;padding:.35rem .75rem}.green-badge{background:#e8f5e9;color:#4caf50}.visa-badge{background:#e3f2fd;color:#2196f3}.platform-badge{background:#f0f0f0;color:#666;text-transform:capitalize}.jobs-empty,.jobs-error,.jobs-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;text-align:center}.jobs-empty i,.jobs-error i{font-size:3rem;margin-bottom:1rem}.jobs-error i{color:#f44336}.jobs-empty i{color:#999}.jobs-empty p,.jobs-error p{color:#666;font-size:1rem}@media (max-width:768px){.recent-jobs{padding:1rem}.jobs-header{align-items:flex-start;flex-direction:column;gap:1rem}.btn-view-more{justify-content:center;width:100%}.job-card{padding:1rem}.job-header-section{flex-direction:column}.company-logo{height:50px;width:50px}.job-title{font-size:1.1rem}.job-meta{align-items:flex-start}.job-details{flex-direction:column;gap:.75rem}.remote-badge{margin-left:0;margin-top:.25rem}}.learning-path-widget{background:linear-gradient(135deg,#1e3a8a,#6366f1);border:1px solid #6366f14d;border-radius:16px;box-shadow:0 10px 30px #6366f133;color:#fff;padding:1.5rem}.learning-path-widget.no-path{background:linear-gradient(135deg,#1e293b,#334155);border:2px dashed #475569;text-align:center}.no-path-content{padding:2rem 1rem}.no-path-content h3{color:#f1f5f9;font-size:1.5rem;margin-bottom:.5rem}.no-path-content p{color:#cbd5e1;margin-bottom:1.5rem}.btn-create-path{background:linear-gradient(135deg,#1e3a8a,#6366f1);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #6366f14d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:transform .2s}.btn-create-path:hover{transform:translateY(-2px)}.widget-header{align-items:flex-start;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.widget-title{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.target-role{font-size:.875rem;opacity:.9}.btn-view-full{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.btn-view-full:hover{background:#ffffff4d}.widget-content{display:flex;flex-direction:column}.progress-section,.widget-content{background:#0000!important;gap:1.5rem}.progress-section{grid-gap:1.5rem}.progress-ring-small{height:120px;position:relative;width:120px}.progress-center-small{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage-small{color:#fff;font-size:2rem;font-weight:700;line-height:1}.progress-label-small{color:#fff;font-size:.75rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.quick-stats{display:flex;flex-direction:column;gap:1rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #fff3;border-radius:8px;gap:.75rem;padding:.75rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem}.stat-label{color:#ffffffe6;opacity:.9}.next-skill-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #fff3;border-radius:12px;padding:1rem}.next-skill-header-compact{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.skill-icon-compact{align-items:center;background:#1e293b99;border:1px solid #fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.next-skill-info{flex:1 1}.next-label{color:#fffc;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;opacity:.8;text-transform:uppercase}.next-skill-info h4{color:#fff;font-size:1.125rem;margin:0 0 .25rem}.skill-hours{color:#ffffffe6;opacity:.9}.btn-start-learning{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#1e3a8a;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.btn-start-learning:hover{background:#fff;box-shadow:0 4px 12px #f1f5f94d;transform:translateY(-2px)}.milestone-preview{background:#1e293b66;border:1px solid #fff3;border-left:4px solid #60a5fa;border-radius:8px;padding:1rem}.milestone-preview h4{color:#fff;font-size:.875rem;letter-spacing:.5px;margin:0 0 .5rem;opacity:.9;text-transform:uppercase}.milestone-preview p{color:#ffffffe6;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.progress-section{grid-template-columns:1fr;text-align:center}.progress-ring-small{margin:0 auto}.widget-header{flex-direction:column;gap:1rem}.btn-view-full{width:100%}}body,html{max-width:100vw;overflow-x:hidden}:root{--portal-bg:#0f172a;--portal-surface:#1e293b;--portal-surface-hover:#334155;--portal-border:#374151;--portal-text:#fff;--portal-text-secondary:#9ca3af;--portal-text-muted:#6b7280;--portal-accent:#f59e0b;--portal-accent-hover:#d97706;--portal-success:#10b981;--portal-warning:#f59e0b;--portal-error:#ef4444;--portal-info:#3b82f6;--portal-purple:#8b5cf6;--portal-cyan:#06b6d4;--portal-pink:#ec4899;--portal-gradient:linear-gradient(135deg,#667eea,#764ba2);--portal-radius-sm:6px;--portal-radius:12px;--portal-radius-lg:16px;--portal-radius-xl:24px;--portal-shadow:0 4px 6px -1px #0000004d;--portal-shadow-lg:0 10px 25px -5px #0006;--portal-transition:all 0.2s ease;--sidebar-width:280px;--sidebar-collapsed:80px}.student-portal{background:#0f172a;background:var(--portal-bg);color:#fff;color:var(--portal-text);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.student-portal,.student-portal *,.student-portal :after,.student-portal :before{box-sizing:border-box}.portal-sidebar{background:#1e293b;background:var(--portal-surface);border-right:1px solid #374151;border-right:1px solid var(--portal-border);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:280px;width:var(--sidebar-width);z-index:100}.portal-sidebar .btn,.portal-sidebar .btn-secondary,.portal-sidebar button.btn,.portal-sidebar button.btn-secondary{background:#334155!important;background:var(--portal-surface-hover)!important;border:1px solid #374151!important;border:1px solid var(--portal-border)!important;color:#9ca3af!important;color:var(--portal-text-secondary)!important}.portal-sidebar .btn-danger,.portal-sidebar button.btn-danger{background:#ef4444!important;background:var(--portal-error)!important;border:none!important;color:#fff!important}.portal-sidebar.collapsed{padding:20px 12px;width:80px;width:var(--sidebar-collapsed)}.portal-sidebar.mobile-hidden{transform:translateX(-100%)}.portal-sidebar.mobile-visible{max-width:320px;transform:translateX(0);width:85vw}.sidebar-toggle{display:flex;justify-content:flex-end;margin-bottom:16px}.sidebar-toggle-btn{align-items:center;background:#334155;background:var(--portal-surface-hover);border:none;border-radius:8px;color:#9ca3af;color:var(--portal-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:var(--portal-transition);width:36px}.sidebar-toggle-btn:hover{background:#374151;background:var(--portal-border);color:#fff;color:var(--portal-text)}.sidebar-profile{align-items:center;background:#334155;background:var(--portal-surface-hover);border-radius:12px;border-radius:var(--portal-radius);display:flex;gap:12px;margin-bottom:24px;padding:16px;transition:all .2s ease;transition:var(--portal-transition)}.sidebar-profile.collapsed{justify-content:center;padding:12px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#f59e0b);background:linear-gradient(135deg,var(--portal-accent) 0,var(--portal-warning) 100%);border-radius:50%;color:#0f172a;color:var(--portal-bg);display:flex;font-size:16px;font-weight:700;height:44px;justify-content:center;min-width:44px;width:44px}.profile-info{overflow:hidden}.profile-name{color:#fff;color:var(--portal-text);font-size:14px;font-weight:600}.profile-name,.profile-program{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-program{color:#9ca3af;color:var(--portal-text-secondary);font-size:12px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px}.nav-item{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--portal-radius-sm);color:#9ca3af;color:var(--portal-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;transition:var(--portal-transition);width:100%}.nav-item:hover{background:#ffffff0d}.nav-item.active,.nav-item:hover{color:#fff;color:var(--portal-text)}.nav-item.active{background:#0f172a;background:var(--portal-bg);border:1px solid #374151;border:1px solid var(--portal-border)}.nav-item.active:before{background:#f59e0b;background:var(--portal-accent);border-radius:2px;bottom:10%;content:"";left:0;position:absolute;top:10%;width:3px}.nav-item.collapsed{justify-content:center;padding:12px}.nav-icon{align-items:center;display:flex;justify-content:center;min-width:20px;position:relative;width:20px}.nav-icon .badge-dot{background:#ef4444;background:var(--portal-error);border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{background:#334155;background:var(--portal-surface-hover);border-radius:999px;color:#9ca3af;color:var(--portal-text-secondary);font-size:11px;font-weight:500;padding:2px 8px}.nav-badge.ai{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--portal-purple) 0,var(--portal-pink) 100%);color:#fff}.sidebar-footer{border-top:1px solid #374151;border-top:1px solid var(--portal-border);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px}.sidebar-footer .btn{align-items:center;border-radius:6px;border-radius:var(--portal-radius-sm);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;text-decoration:none;transition:all .2s ease;transition:var(--portal-transition)}.sidebar-footer .btn-secondary{background:#334155!important;background:var(--portal-surface-hover)!important;border:1px solid #374151!important;border:1px solid var(--portal-border)!important;color:#9ca3af!important;color:var(--portal-text-secondary)!important}.sidebar-footer .btn-secondary:hover{background:#374151!important;background:var(--portal-border)!important;color:#fff!important;color:var(--portal-text)!important}.sidebar-footer .btn-danger{background:#ef4444!important;background:var(--portal-error)!important;border:none!important;color:#fff!important}.sidebar-footer .btn-danger:hover{background:#dc2626!important}.portal-main{flex:1 1;margin-left:280px;margin-left:var(--sidebar-width);max-width:100%;min-height:100vh;overflow-x:hidden;padding:24px;transition:margin-left .3s ease;width:calc(100% - 280px);width:calc(100% - var(--sidebar-width))}.portal-main.sidebar-collapsed{margin-left:80px;margin-left:var(--sidebar-collapsed);width:calc(100% - 80px);width:calc(100% - var(--sidebar-collapsed))}.portal-main.mobile{margin-left:0;max-width:100vw;padding:76px 12px 12px;width:100%}.mobile-header{align-items:center;background:#1e293b;background:var(--portal-surface);border-bottom:1px solid #374151;border-bottom:1px solid var(--portal-border);display:flex;height:64px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:99}.mobile-header-title{color:#fff;color:var(--portal-text);font-size:18px;font-weight:700}.portal-header{align-items:center;background:#1e293b;background:var(--portal-surface);border:1px solid #374151;border:1px solid var(--portal-border);border-radius:12px;border-radius:var(--portal-radius);display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.search-container{flex:1 1;max-width:400px;position:relative}.search-input{background:#334155;background:var(--portal-surface-hover);border:2px solid #0000;border-radius:6px;border-radius:var(--portal-radius-sm);color:#fff;color:var(--portal-text);font-size:14px;padding:10px 16px 10px 44px;transition:var(--portal-transition)}.search-input:focus{background:#0f172a;background:var(--portal-bg);border-color:#f59e0b;border-color:var(--portal-accent)}.search-icon,.search-input::placeholder{color:#6b7280;color:var(--portal-text-muted)}.search-icon{left:14px}.header-actions{gap:12px}.header-actions .btn,.header-actions button,.portal-header .btn,.portal-header button{background:#334155!important;background:var(--portal-surface-hover)!important;border:1px solid #374151!important;border:1px solid var(--portal-border)!important;color:#9ca3af!important;color:var(--portal-text-secondary)!important}.header-actions .btn:hover,.header-actions button:hover,.portal-header .btn:hover,.portal-header button:hover{background:#374151!important;background:var(--portal-border)!important;color:#fff!important;color:var(--portal-text)!important}.portal-card{background:#1e293b;background:var(--portal-surface);border:1px solid #374151;border:1px solid var(--portal-border);border-radius:12px;border-radius:var(--portal-radius);padding:20px;transition:all .2s ease;transition:var(--portal-transition)}.portal-card:hover{border-color:#334155;border-color:var(--portal-surface-hover)}.portal-card.interactive:hover{border-color:#f59e0b;border-color:var(--portal-accent);box-shadow:0 10px 25px -5px #0006;box-shadow:var(--portal-shadow-lg);transform:translateY(-2px)}.portal-card.glow{overflow:hidden;position:relative}.portal-card.glow:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--portal-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.card-header{justify-content:space-between;margin-bottom:16px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#fff;color:var(--portal-text);font-size:16px;font-weight:600;gap:8px}.card-subtitle{color:#9ca3af;color:var(--portal-text-secondary);font-size:13px;margin-top:2px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--portal-surface);border:1px solid #374151;border:1px solid var(--portal-border);border-radius:var(--portal-radius);padding:20px;transition:all .2s ease;transition:var(--portal-transition)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--portal-shadow)}.stat-header{justify-content:space-between;margin-bottom:12px}.stat-label{color:#9ca3af;color:var(--portal-text-secondary);font-size:13px;font-weight:500}.stat-icon{height:32px;width:32px}.stat-value{color:#fff;color:var(--portal-text);font-size:28px}.stat-change{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:8px}.stat-change.positive{color:#10b981;color:var(--portal-success)}.stat-change.negative{color:#ef4444;color:var(--portal-error)}.courses-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.courses-grid{grid-template-columns:repeat(3,1fr)}}.course-card{background:var(--portal-surface);border:1px solid #374151;border:1px solid var(--portal-border);border-radius:var(--portal-radius);cursor:pointer;padding:20px;transition:all .2s ease;transition:var(--portal-transition)}.course-card:hover{border-color:#f59e0b;border-color:var(--portal-accent);box-shadow:0 10px 25px -5px #0006;box-shadow:var(--portal-shadow-lg);transform:translateY(-4px)}.course-header{gap:14px;margin-bottom:16px}.course-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;min-width:48px;width:48px}.course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;line-height:1.4}.course-card h4.course-title,.course-title{color:#fff!important;margin:0 0 4px}.course-instructor{color:#9ca3af;color:var(--portal-text-secondary);font-size:13px;margin:0}.course-progress{margin-bottom:16px}.progress-header{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.progress-label{color:#9ca3af;color:var(--portal-text-secondary)}.progress-value{color:#fff;color:var(--portal-text);font-weight:600}.btn-details-cute{align-items:center;background:linear-gradient(135deg,#8b5cf626,#ec48991a);border:1px solid #8b5cf64d;border-radius:10px;color:#c4b5fd;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-details-cute:hover{background:linear-gradient(135deg,#8b5cf640,#ec489926);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf640;color:#e9d5ff;transform:translateY(-2px)}.btn-details-cute.active{background:linear-gradient(135deg,#8b5cf64d,#ec489933);border-color:#a855f799;color:#f5d0fe}.btn-details-cute svg{transition:transform .2s ease}.btn-details-cute span{display:none}@media (min-width:480px){.btn-details-cute span{display:inline}}.course-card.expanded{border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf626}.course-details-panel{animation:slideDown .3s ease;margin-top:16px}.details-divider{background:linear-gradient(90deg,#0000,#8b5cf64d 50%,#0000);height:1px;margin-bottom:16px}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.detail-item{align-items:center;background:#334155;background:var(--portal-surface-hover);border:1px solid #374151;border:1px solid var(--portal-border);border-radius:10px;gap:10px;padding:10px 12px}.detail-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.detail-content{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-label{color:#6b7280;color:var(--portal-text-muted);font-size:11px;letter-spacing:.03em}.detail-value{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-description{background:#1e293b99;border-left:3px solid #8b5cf680;border-radius:10px;margin-bottom:14px;padding:14px}.detail-description p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#9ca3af;color:var(--portal-text-secondary);display:-webkit-box;font-size:13px;line-height:1.6;margin:0;overflow:hidden}.detail-skills{margin-bottom:14px}.skills-label{align-items:center;color:#f9a8d4;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:10px}.skills-label svg{color:#ec4899}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:5px 10px;transition:all .2s ease}.skill-tag:hover{background:#8b5cf633;transform:translateY(-1px)}.detail-enrolled{align-items:center;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;border-radius:10px;color:#6ee7b7;display:flex;font-size:12px;gap:8px;padding:10px 14px}.detail-enrolled svg{color:#10b981}.progress-bar{background:#334155;background:var(--portal-surface-hover);border-radius:4px}.progress-bar.thin{height:4px}.progress-bar.thick{height:12px}.progress-fill{background:#f59e0b;background:var(--portal-accent);border-radius:4px;transition:width .5s ease}.progress-fill.gradient{background:linear-gradient(90deg,#f59e0b,#10b981);background:linear-gradient(90deg,var(--portal-accent) 0,var(--portal-success) 100%)}.progress-fill.success{background:#10b981;background:var(--portal-success)}.progress-fill.info{background:#3b82f6;background:var(--portal-info)}.progress-fill.purple{background:#8b5cf6;background:var(--portal-purple)}.portal-card .btn,.student-portal .btn,.tab-content .btn{align-items:center;background:#334155;background:var(--portal-surface-hover);border:none;border-radius:6px;border-radius:var(--portal-radius-sm);color:#9ca3af;color:var(--portal-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;text-decoration:none;transition:all .2s ease;transition:var(--portal-transition)}.portal-card .btn-primary,.student-portal .btn-primary,.tab-content .btn-primary{background:#f59e0b!important;background:var(--portal-accent)!important;border:none!important;color:#0f172a!important;color:var(--portal-bg)!important}.portal-card .btn-primary:hover,.student-portal .btn-primary:hover,.tab-content .btn-primary:hover{background:#d97706!important;background:var(--portal-accent-hover)!important;transform:translateY(-1px)}.portal-card .btn-secondary,.student-portal .btn-secondary,.tab-content .btn-secondary{background:#334155!important;background:var(--portal-surface-hover)!important;border:1px solid #374151!important;border:1px solid var(--portal-border)!important;color:#9ca3af!important;color:var(--portal-text-secondary)!important}.portal-card .btn-secondary:hover,.student-portal .btn-secondary:hover,.tab-content .btn-secondary:hover{background:#374151!important;background:var(--portal-border)!important;color:#fff!important;color:var(--portal-text)!important}.portal-card .btn-ghost,.student-portal .btn-ghost,.tab-content .btn-ghost{background:#0000!important;color:#9ca3af!important;color:var(--portal-text-secondary)!important}.portal-card .btn-ghost:hover,.student-portal .btn-ghost:hover,.tab-content .btn-ghost:hover{background:#334155!important;background:var(--portal-surface-hover)!important;color:#fff!important;color:var(--portal-text)!important}.portal-card .btn-success,.student-portal .btn-success,.tab-content .btn-success{background:#10b981!important;background:var(--portal-success)!important;color:#fff!important}.portal-card .btn-danger,.student-portal .btn-danger,.tab-content .btn-danger{background:#ef4444!important;background:var(--portal-error)!important;color:#fff!important}.portal-card .btn-sm,.student-portal .btn-sm,.tab-content .btn-sm{font-size:13px;padding:6px 12px}.portal-card .btn-lg,.student-portal .btn-lg,.tab-content .btn-lg{font-size:16px;padding:14px 24px}.portal-card .btn-full,.student-portal .btn-full,.tab-content .btn-full{width:100%}.portal-card .btn-icon,.student-portal .btn-icon,.tab-content .btn-icon{background:#334155!important;background:var(--portal-surface-hover)!important;border:1px solid #374151!important;border:1px solid var(--portal-border)!important;border-radius:50%;color:#9ca3af!important;color:var(--portal-text-secondary)!important;height:40px;padding:0;width:40px}.portal-card .btn-icon:hover,.student-portal .btn-icon:hover,.tab-content .btn-icon:hover{background:#374151!important;background:var(--portal-border)!important;color:#fff!important;color:var(--portal-text)!important}.portal-card .btn-icon.sm,.student-portal .btn-icon.sm,.tab-content .btn-icon.sm{height:32px;width:32px}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;padding:4px 10px}.badge-default{background:#334155;background:var(--portal-surface-hover);color:#9ca3af;color:var(--portal-text-secondary)}.badge-success{background:#10b98126;color:#10b981;color:var(--portal-success)}.badge-warning{background:#f59e0b26;color:#f59e0b;color:var(--portal-warning)}.badge-error{background:#ef444426;color:#ef4444;color:var(--portal-error)}.badge-info{background:#3b82f626;color:#3b82f6;color:var(--portal-info)}.badge-purple{background:#8b5cf626;color:#8b5cf6;color:var(--portal-purple)}.skeleton{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#1e293b 25%,#334155 37%,#1e293b 63%);background:linear-gradient(90deg,var(--portal-surface) 25%,var(--portal-surface-hover) 37%,var(--portal-surface) 63%);background-size:400% 100%;border-radius:6px;border-radius:var(--portal-radius-sm)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:12px;width:60%}.skeleton-avatar{border-radius:50%;height:48px;width:48px}.skeleton-card{height:200px}.empty-state{padding:48px 24px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-title{color:#fff;color:var(--portal-text);font-size:18px;font-weight:600;margin-bottom:8px}.empty-description{color:#9ca3af;color:var(--portal-text-secondary);font-size:14px;margin-bottom:24px;margin-left:auto;margin-right:auto}.welcome-section{margin-bottom:24px}.welcome-title{color:#fff;color:var(--portal-text);font-size:24px;font-weight:700;margin-bottom:4px}.welcome-subtitle{color:#9ca3af;color:var(--portal-text-secondary)}.sidebar-overlay{background:#00000080;inset:0;opacity:0;position:fixed;transition:all .2s ease;transition:var(--portal-transition);visibility:hidden;z-index:99}.sidebar-overlay.visible{opacity:1;visibility:visible}.student-portal ::-webkit-scrollbar{height:8px;width:8px}.student-portal ::-webkit-scrollbar-track{background:#0f172a;background:var(--portal-bg)}.student-portal ::-webkit-scrollbar-thumb{background:#374151;background:var(--portal-border);border-radius:4px}.student-portal ::-webkit-scrollbar-thumb:hover{background:#334155;background:var(--portal-surface-hover)}.tab-content{animation:fadeIn .3s ease}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.text-center{text-align:center}.text-sm{font-size:13px}.text-lg{font-size:18px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:#9ca3af;color:var(--portal-text-secondary)}.text-success{color:#10b981;color:var(--portal-success)}.text-warning{color:#f59e0b;color:var(--portal-warning)}.text-error{color:#ef4444;color:var(--portal-error)}.rounded{border-radius:12px;border-radius:var(--portal-radius)}.w-full{width:100%}.hidden{display:none}@media (min-width:768px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:block{display:block}}@media (min-width:1024px){.lg\\:flex{display:flex}.lg\\:hidden{display:none}}.card-header button,.portal-card button,.portal-main button,.portal-sidebar button,.student-portal .btn,.student-portal button,.tab-content button{background-color:#334155!important;background-color:var(--portal-surface-hover)!important;border:1px solid #374151!important;border:1px solid var(--portal-border)!important;color:#9ca3af!important;color:var(--portal-text-secondary)!important}.card-header .btn-primary,.portal-card .btn-primary,.portal-main .btn-primary,.portal-sidebar .btn-primary,.student-portal .btn-primary,.tab-content .btn-primary{background:#f59e0b!important;background:var(--portal-accent)!important;border:none!important;color:#0f172a!important;color:var(--portal-bg)!important}.portal-main .btn-primary:hover,.portal-sidebar .btn-primary:hover,.student-portal .btn-primary:hover,.tab-content .btn-primary:hover{background:#d97706!important;background:var(--portal-accent-hover)!important;transform:translateY(-1px)}.card-header .btn-secondary,.portal-card .btn-secondary,.portal-main .btn-secondary,.portal-sidebar .btn-secondary,.student-portal .btn-secondary,.tab-content .btn-secondary{background:#334155!important;background:var(--portal-surface-hover)!important;border:1px solid #374151!important;border:1px solid var(--portal-border)!important;color:#9ca3af!important;color:var(--portal-text-secondary)!important}.portal-main .btn-secondary:hover,.portal-sidebar .btn-secondary:hover,.student-portal .btn-secondary:hover,.tab-content .btn-secondary:hover{background:#374151!important;background:var(--portal-border)!important;color:#fff!important;color:var(--portal-text)!important}.portal-main .btn-danger,.portal-sidebar .btn-danger,.student-portal .btn-danger{background:#ef4444!important;background:var(--portal-error)!important;border:none!important;color:#fff!important}.portal-main .btn-success,.student-portal .btn-success,.tab-content .btn-success{background:#10b981!important;background:var(--portal-success)!important;border:none!important;color:#fff!important}.student-portal .course-card,.student-portal .lab-card,.student-portal .message-item,.student-portal .portal-card,.student-portal .resource-item,.student-portal .stat-card{background:#1e293b!important;background:var(--portal-surface)!important;border:1px solid #374151!important;border:1px solid var(--portal-border)!important}.dashboard-hero{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#1e40af);border-radius:12px;border-radius:var(--portal-radius);margin-bottom:20px;overflow:hidden;padding:20px 16px;position:relative}.dashboard-hero:before{background:radial-gradient(circle,#f59e0b33 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-20%;top:-30%;width:200px}.hero-content{gap:20px;text-align:center}.hero-left{width:100%}.hero-greeting{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;display:inline-flex;font-size:12px;gap:6px;margin-bottom:12px;padding:6px 12px}.greeting-emoji{font-size:14px}.hero-title{color:#fff;font-size:1.35rem;font-weight:700;line-height:1.3;margin-bottom:10px}.gradient-text{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.hero-subtitle{color:#ffffffb3;font-size:14px;line-height:1.4;margin-bottom:16px}.hero-actions{display:flex;flex-direction:column;gap:10px;width:100%}.hero-actions .btn{justify-content:center;padding:12px 16px;width:100%}.hero-level-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;padding:16px;text-align:center;width:100%}.level-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:16px;color:#1e293b;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:5px 12px}.level-badge,.level-info{margin-bottom:12px}.level-title{color:#ffffffb3;font-size:13px;margin-bottom:8px}.level-progress-container{display:flex;flex-direction:column;gap:4px}.level-progress-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden}.level-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;height:100%;transition:width .5s ease}.level-progress-text{color:#fff9;font-size:11px}.streak-container{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:6px;justify-content:center;padding-top:12px}.streak-icon{animation:pulse 2s infinite;color:#f97316}.streak-value{color:#fff;font-size:20px;font-weight:700}.streak-label{color:#fff9;font-size:11px}.stats-grid-enhanced{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-card-enhanced{background:#1e293b;background:var(--portal-surface);border:1px solid #374151;border:1px solid var(--portal-border);border-radius:12px;border-radius:var(--portal-radius);overflow:hidden;transition:all .3s ease}.stat-card-enhanced:hover{box-shadow:0 8px 16px -4px #0000004d;transform:translateY(-2px)}.stat-card-inner{padding:14px;position:relative}.stat-card-enhanced.stat-courses{border-top:3px solid #06b6d4}.stat-card-enhanced.stat-completed{border-top:3px solid #10b981}.stat-card-enhanced.stat-hours{border-top:3px solid #8b5cf6}.stat-card-enhanced.stat-points{border-top:3px solid #f59e0b}.stat-icon-large{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;margin-bottom:10px;width:36px}.stat-icon-large svg{height:18px;width:18px}.stat-courses .stat-icon-large{background:#06b6d426;color:#06b6d4}.stat-completed .stat-icon-large{background:#10b98126;color:#10b981}.stat-hours .stat-icon-large{background:#8b5cf626;color:#8b5cf6}.stat-points .stat-icon-large{background:#f59e0b26;color:#f59e0b}.stat-content{margin-bottom:8px}.stat-value-large{color:#fff;font-size:22px;font-weight:700;line-height:1;margin-bottom:2px}.stat-label-enhanced{color:#9ca3af;color:var(--portal-text-secondary);font-size:11px}.stat-trend{display:none}.quick-actions-section{margin-bottom:20px}.section-title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.quick-actions-grid{grid-gap:10px;gap:10px}.quick-action-card{align-items:center;background:#1e293b;background:var(--portal-surface);border:1px solid var(--portal-border);border-radius:var(--portal-radius);display:flex;flex-direction:column;gap:8px;padding:14px 10px;transition:all .2s ease}.quick-action-card:hover{background:#334155;background:var(--portal-surface-hover);border-color:var(--action-color,var(--portal-accent));transform:translateY(-2px)}.action-icon{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.action-label{color:#fff;font-size:11px;font-weight:600;line-height:1.2}.action-arrow{display:none}.dashboard-grid{gap:16px;margin-bottom:20px}.course-list,.dashboard-grid{display:flex;flex-direction:column}.course-list{gap:10px}.course-item-enhanced{align-items:center;background:#334155;background:var(--portal-surface-hover);border-radius:12px;border-radius:var(--portal-radius);display:flex;gap:12px;justify-content:space-between;padding:12px;transition:all .2s ease}.course-item-enhanced:hover{background:#374151;background:var(--portal-border)}.course-item-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.course-icon-enhanced{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.course-details{min-width:0}.course-title-enhanced{color:#fff!important;font-size:13px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-details h4{color:#fff!important}.course-meta{color:#9ca3af;color:var(--portal-text-secondary);font-size:11px;margin-bottom:6px}.progress-bar-slim{background:#374151;background:var(--portal-border);border-radius:2px;height:3px;overflow:hidden}.progress-fill-slim{border-radius:2px;height:100%;transition:width .3s ease}.btn-continue{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-continue:hover{transform:scale(1.1)}.activity-list{gap:10px}.activity-item{background:#334155;background:var(--portal-surface-hover);border-radius:6px;border-radius:var(--portal-radius-sm);gap:10px;padding:10px}.activity-icon{border-radius:6px;height:28px;width:28px}.activity-text{font-size:12px;line-height:1.3;margin-bottom:2px}.activity-time{color:var(--portal-text-muted);font-size:10px}.path-preview{padding:20px 12px;text-align:center}.path-icon-container{display:inline-block;height:56px;margin-bottom:14px;position:relative;width:56px}.path-icon-container svg{color:#f59e0b;color:var(--portal-accent);height:28px;position:relative;width:28px;z-index:1}.pulse-ring{animation:pulse-ring 2s infinite;background:#f59e0b33;border-radius:50%;height:70px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px}@keyframes pulse-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.path-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:6px}.path-description{color:#9ca3af;color:var(--portal-text-secondary);font-size:12px;line-height:1.4;margin-bottom:16px}.achievements-preview{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px 0}.achievement-badge{align-items:center;background:#334155;background:var(--portal-surface-hover);border:1px solid #374151;border:1px solid var(--portal-border);border-radius:12px;border-radius:var(--portal-radius);display:flex;flex-direction:column;gap:6px;min-width:80px;padding:12px 16px;transition:all .2s ease}.achievement-badge svg{height:20px;width:20px}.achievement-badge.earned{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--portal-accent)}.achievement-badge.earned svg{color:#f59e0b;color:var(--portal-accent)}.achievement-badge.locked{opacity:.5}.achievement-badge.locked svg{color:#6b7280;color:var(--portal-text-muted)}.achievement-badge span{color:#9ca3af;color:var(--portal-text-secondary);font-size:10px}.labs-cta{background:linear-gradient(135deg,#4c1d95,#6d28d9 50%,#7c3aed);border-radius:12px;border-radius:var(--portal-radius);margin-top:16px;padding:16px}.labs-cta-content{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.labs-cta-icon{align-items:center;background:#ffffff26;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.labs-cta-icon svg{height:24px;width:24px}.labs-cta-text{width:100%}.labs-cta-text h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.labs-cta-text p{color:#ffffffb3;font-size:13px}.labs-cta .btn{width:100%}@media (min-width:640px){.dashboard-hero{border-radius:16px;border-radius:var(--portal-radius-lg);padding:24px 20px}.hero-title{font-size:1.6rem}.hero-actions{flex-direction:row;justify-content:center}.hero-actions .btn{width:auto}.hero-level-card{max-width:280px}.stat-value-large{font-size:26px}.stat-trend{align-items:center;border-radius:10px;display:flex;font-size:11px;gap:4px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.stat-trend.positive{background:#10b98126;color:#10b981}.stat-trend.neutral{background:#9ca3af26;color:#9ca3af}.quick-action-card{flex-direction:row;padding:14px;text-align:left}.action-label{flex:1 1;font-size:12px}.labs-cta-content{flex-direction:row;text-align:left}.labs-cta .btn{width:auto}}@media (min-width:768px){.dashboard-hero{margin-bottom:24px;padding:28px}.dashboard-hero:before{height:350px;right:-10%;top:-40%;width:350px}.hero-content{flex-direction:row;gap:28px;text-align:left}.hero-greeting{font-size:13px;padding:7px 14px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:15px}.hero-actions{justify-content:flex-start}.hero-level-card{min-width:200px}.stats-grid-enhanced{gap:16px;grid-template-columns:repeat(4,1fr)}.stat-card-inner{padding:18px}.stat-icon-large{height:44px;width:44px}.stat-icon-large svg{height:22px;width:22px}.stat-value-large{font-size:28px}.stat-label-enhanced{font-size:12px}.quick-actions-grid{gap:12px;grid-template-columns:repeat(4,1fr)}.action-icon{height:40px;width:40px}.action-label{font-size:13px}.action-arrow{color:#6b7280;color:var(--portal-text-muted);display:block;opacity:0;transition:all .2s ease}.quick-action-card:hover .action-arrow{opacity:1;transform:translate(2px,-2px)}}@media (min-width:1024px){.dashboard-hero{border-radius:24px;border-radius:var(--portal-radius-xl);padding:32px}.dashboard-hero:before{height:400px;top:-50%;width:400px}.hero-content{gap:32px}.hero-title{font-size:2rem}.hero-level-card{min-width:220px;padding:24px}.level-progress-bar{height:8px}.streak-value{font-size:24px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.courses-section{grid-column:1;grid-row:1}.activity-section{grid-column:2;grid-row:1}.path-section{grid-column:2;grid-row:2}.achievements-section{grid-column:1/-1}.course-icon-enhanced{height:48px;width:48px}.course-title-enhanced{font-size:14px}.course-meta{font-size:12px}.progress-bar-slim{height:4px;max-width:200px}.btn-continue{height:36px;width:36px}.labs-cta{margin-top:24px;padding:24px}.labs-cta-icon{border-radius:14px;height:56px;width:56px}.labs-cta-icon svg{height:28px;width:28px}.labs-cta-text h3{font-size:18px}.labs-cta-text p{font-size:14px}}@media (max-width:480px){.portal-main.mobile{padding:72px 10px 10px}.dashboard-hero{border-radius:12px;margin-bottom:16px;padding:16px 12px}.hero-greeting{font-size:11px;margin-bottom:10px;padding:5px 10px}.hero-title{font-size:1.2rem;line-height:1.25;margin-bottom:8px}.hero-subtitle{font-size:13px;margin-bottom:12px}.hero-actions .btn{font-size:13px;padding:10px 14px}.hero-level-card{border-radius:12px;padding:12px}.level-badge{font-size:11px;margin-bottom:10px;padding:4px 10px}.level-title{font-size:12px}.level-progress-text{font-size:10px}.streak-value{font-size:18px}.streak-label{font-size:10px}.stats-grid-enhanced{gap:8px;margin-bottom:16px}.stat-card-inner{padding:12px}.stat-icon-large{border-radius:8px;height:32px;margin-bottom:8px;width:32px}.stat-icon-large svg{height:16px;width:16px}.stat-value-large{font-size:20px}.stat-label-enhanced{font-size:10px}.quick-actions-section{margin-bottom:16px}.section-title{font-size:13px;margin-bottom:10px}.quick-actions-grid{gap:8px}.quick-action-card{gap:6px;padding:12px 8px}.action-icon{border-radius:8px;height:32px;width:32px}.action-label{font-size:10px}.course-list{gap:8px}.course-item-enhanced{gap:10px;padding:10px}.course-icon-enhanced{border-radius:8px;height:36px;width:36px}.course-title-enhanced{font-size:12px}.course-meta{font-size:10px;margin-bottom:4px}.btn-continue{height:28px;width:28px}.activity-list{gap:8px}.activity-item{gap:8px;padding:8px}.activity-icon{height:24px;width:24px}.activity-text{font-size:11px}.activity-time{font-size:9px}.path-preview{padding:16px 10px}.path-icon-container{height:48px;margin-bottom:12px;width:48px}.pulse-ring{height:60px;width:60px}.path-title{font-size:13px}.path-description{font-size:11px;margin-bottom:14px}.achievements-preview{gap:8px;padding:10px 0}.achievement-badge{min-width:70px;padding:10px 12px}.achievement-badge svg{height:18px;width:18px}.achievement-badge span{font-size:9px}.labs-cta{border-radius:12px;margin-top:14px;padding:14px}.labs-cta-icon{border-radius:10px;height:40px;width:40px}.labs-cta-icon svg{height:20px;width:20px}.labs-cta-text h3{font-size:14px}.labs-cta-text p{font-size:12px}.portal-card{border-radius:10px;padding:14px}.card-header h2{font-size:14px}.mobile-header{height:56px;padding:0 12px}.mobile-header-title{font-size:16px}}@media (max-width:360px){.portal-main.mobile{padding:68px 8px 8px}.dashboard-hero{margin-bottom:14px;padding:14px 10px}.hero-title{font-size:1.1rem}.hero-subtitle{font-size:12px}.stats-grid-enhanced{gap:6px;grid-template-columns:1fr 1fr}.stat-value-large{font-size:18px}.stat-label-enhanced{font-size:9px}.quick-action-card{padding:10px 6px}.action-icon{height:28px;width:28px}.action-label{font-size:9px}.course-icon-enhanced{height:32px;width:32px}.course-title-enhanced{font-size:11px}.mobile-header{height:52px}.mobile-header-title{font-size:15px}}.student-portal .course-card h4,.student-portal .course-details h4,.student-portal .course-item-enhanced h4,.student-portal .course-title,.student-portal .course-title-enhanced,.student-portal [class*=course] h4{color:#fff!important}.student-portal .course-instructor,.student-portal .course-meta{color:#9ca3af!important}:root{--cv-bg:#0f172a;--cv-surface:#1e293b;--cv-surface-elevated:#334155;--cv-surface-hover:#475569;--cv-border:#94a3b826;--cv-border-strong:#94a3b84d;--cv-text:#f8fafc;--cv-text-secondary:#cbd5e1;--cv-text-muted:#94a3b8;--cv-accent:#6366f1;--cv-accent-light:#818cf8;--cv-success:#10b981;--cv-warning:#f59e0b;--cv-error:#ef4444;--cv-gradient:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--cv-gradient-success:linear-gradient(135deg,#10b981,#059669);--cv-gradient-warm:linear-gradient(135deg,#f59e0b,#ea580c);--cv-radius-sm:8px;--cv-radius:12px;--cv-radius-lg:16px;--cv-radius-xl:24px;--cv-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003;--cv-shadow-lg:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d;--cv-shadow-glow:0 0 40px #6366f133;--cv-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--cv-sidebar-width:380px;--cv-header-height:80px}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes progressFill{0%{width:0}}.course-viewer{-webkit-font-smoothing:antialiased;background:#0f172a;background:var(--cv-bg);color:#f8fafc;color:var(--cv-text);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.course-viewer *{box-sizing:border-box}.cv-loading{align-items:center;background:#0f172a;background:var(--cv-bg);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh}.cv-spinner{animation:spin 1s linear infinite;border:3px solid #334155;border-top-color:#6366f1;border:3px solid var(--cv-surface-elevated);border-radius:50%;border-top-color:var(--cv-accent);height:48px;width:48px}.cv-loading-text{animation:pulse 2s ease-in-out infinite;color:#cbd5e1;color:var(--cv-text-secondary);font-size:1rem}.cv-error{flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem;text-align:center}.cv-error,.cv-error-icon{align-items:center;display:flex;justify-content:center}.cv-error-icon{background:#ef44441a;border-radius:50%;color:#ef4444;color:var(--cv-error);height:80px;width:80px}.cv-error h2{color:#f8fafc;color:var(--cv-text);font-size:1.5rem;font-weight:600;margin:0}.cv-error p{color:#94a3b8;color:var(--cv-text-muted);max-width:400px}.cv-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--cv-border);padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.cv-header-inner{gap:1rem;height:80px;height:var(--cv-header-height);margin:0 auto;max-width:1600px}.cv-back-btn,.cv-header-inner{align-items:center;display:flex}.cv-back-btn{background:#334155;background:var(--cv-surface-elevated);border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:8px;border-radius:var(--cv-radius-sm);color:#cbd5e1;color:var(--cv-text-secondary);cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition);width:40px}.cv-back-btn:hover{background:#475569;background:var(--cv-surface-hover);border-color:#94a3b84d;border-color:var(--cv-border-strong);color:#f8fafc;color:var(--cv-text)}.cv-header-info{flex:1 1;min-width:0}.cv-course-title{color:#f8fafc;color:var(--cv-text);font-size:1.125rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-course-meta{flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.cv-course-meta,.cv-meta-item{align-items:center;display:flex}.cv-meta-item{color:#94a3b8;color:var(--cv-text-muted);font-size:.8125rem;gap:.375rem}.cv-meta-item svg{height:14px;width:14px}.cv-ai-badge{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #818cf84d;border-radius:50px;color:#818cf8;color:var(--cv-accent-light);display:inline-flex;font-size:.6875rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.cv-header-progress{align-items:center;background:#1e293b;background:var(--cv-surface);border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:12px;border-radius:var(--cv-radius);display:none;gap:.75rem;padding:.625rem 1rem}.cv-progress-ring{height:40px;position:relative;width:40px}.cv-progress-ring svg{transform:rotate(-90deg)}.cv-progress-ring-bg{fill:none;stroke:#334155;stroke:var(--cv-surface-elevated);stroke-width:4}.cv-progress-ring-fill{fill:none;stroke:#10b981;stroke:var(--cv-success);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.cv-progress-text{align-items:center;color:#f8fafc;color:var(--cv-text);display:flex;font-size:.6875rem;font-weight:700;inset:0;justify-content:center;position:absolute}.cv-progress-details{display:flex;flex-direction:column;gap:.125rem}.cv-progress-label{color:#94a3b8;color:var(--cv-text-muted);font-size:.75rem}.cv-progress-value{color:#f8fafc;color:var(--cv-text);font-size:.875rem;font-weight:600}.cv-menu-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--cv-gradient);border:none;border-radius:8px;border-radius:var(--cv-radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition);width:40px}.cv-menu-btn:hover{box-shadow:0 0 40px #6366f133;box-shadow:var(--cv-shadow-glow);transform:scale(1.05)}.cv-content{display:flex;flex:1 1;position:relative}.cv-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:60}.cv-sidebar-overlay.active{display:block;opacity:1}.cv-sidebar{background:#1e293b;background:var(--cv-surface);border-right:1px solid #94a3b826;border-right:1px solid var(--cv-border);bottom:0;display:flex;flex-direction:column;left:0;max-width:380px;max-width:var(--cv-sidebar-width);overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:85vw;z-index:70}.cv-sidebar.open{transform:translateX(0)}.cv-sidebar-header{align-items:center;background:#1e293b;background:var(--cv-surface);border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--cv-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.cv-sidebar-title{align-items:center;color:#f8fafc;color:var(--cv-text);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0}.cv-sidebar-title svg{color:#6366f1;color:var(--cv-accent)}.cv-sidebar-close{align-items:center;background:#334155;background:var(--cv-surface-elevated);border:none;border-radius:8px;border-radius:var(--cv-radius-sm);color:#94a3b8;color:var(--cv-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition);width:36px}.cv-sidebar-close:hover{background:#475569;background:var(--cv-surface-hover);color:#f8fafc;color:var(--cv-text)}.cv-sidebar-progress{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;border-radius:12px;border-radius:var(--cv-radius);margin:1rem 1rem 0;padding:1rem}.cv-sidebar-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.cv-sidebar-progress-label{color:#cbd5e1;color:var(--cv-text-secondary);font-size:.8125rem;font-weight:500}.cv-sidebar-progress-value{color:#10b981;color:var(--cv-success);font-size:1.125rem;font-weight:700}.cv-sidebar-progress-bar{background:#1e293b;background:var(--cv-surface);border-radius:3px;height:6px;overflow:hidden}.cv-sidebar-progress-fill{background:linear-gradient(135deg,#10b981,#059669);background:var(--cv-gradient-success);border-radius:3px;height:100%;transition:width .5s ease}.cv-sidebar-progress-stats{color:#94a3b8;color:var(--cv-text-muted);display:flex;font-size:.75rem;justify-content:space-between;margin-top:.625rem}.cv-curriculum{flex:1 1;overflow-y:auto;padding:1rem}.cv-curriculum::-webkit-scrollbar{width:6px}.cv-curriculum::-webkit-scrollbar-track{background:#0000}.cv-curriculum::-webkit-scrollbar-thumb{background:#334155;background:var(--cv-surface-elevated);border-radius:3px}.cv-section{margin-bottom:.75rem}.cv-section-header{align-items:center;background:#334155;background:var(--cv-surface-elevated);border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:12px;border-radius:var(--cv-radius);cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition);width:100%}.cv-section-header:hover{background:#475569;background:var(--cv-surface-hover);border-color:#94a3b84d;border-color:var(--cv-border-strong)}.cv-section-header.expanded{border-bottom-color:#0000;border-radius:12px 12px 0 0;border-radius:var(--cv-radius) var(--cv-radius) 0 0}.cv-section-icon{align-items:center;background:#1e293b;background:var(--cv-surface);border-radius:6px;color:#818cf8;color:var(--cv-accent-light);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.cv-section-icon svg{height:16px;width:16px}.cv-section-info{flex:1 1;min-width:0;text-align:left}.cv-section-title{color:#f8fafc;color:var(--cv-text);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-section-meta{font-size:.75rem;margin-top:.125rem}.cv-section-meta,.cv-section-toggle{color:#94a3b8;color:var(--cv-text-muted)}.cv-section-toggle{transition:transform .2s ease}.cv-section-header.expanded .cv-section-toggle{transform:rotate(180deg)}.cv-lessons{animation:fadeIn .2s ease;border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:0 0 12px 12px;border-radius:0 0 var(--cv-radius) var(--cv-radius);border-top:none;overflow:hidden}.cv-lesson{align-items:center;background:#1e293b;background:var(--cv-surface);border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--cv-border);cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition)}.cv-lesson:last-child{border-bottom:none}.cv-lesson:hover{background:#334155;background:var(--cv-surface-elevated)}.cv-lesson.active{background:linear-gradient(135deg,#6366f126,#a855f71a);border-left:3px solid #6366f1;border-left:3px solid var(--cv-accent)}.cv-lesson.completed{opacity:.7}.cv-lesson-status{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.cv-lesson-status.pending{border:2px solid #94a3b8;border:2px solid var(--cv-text-muted);color:#94a3b8;color:var(--cv-text-muted)}.cv-lesson-status.active{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--cv-gradient);color:#fff}.cv-lesson-status.completed{background:#10b981;background:var(--cv-success);color:#fff}.cv-lesson-info{flex:1 1;min-width:0}.cv-lesson-title{color:#f8fafc;color:var(--cv-text);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-lesson-meta{align-items:center;color:#94a3b8;color:var(--cv-text-muted);display:flex;font-size:.6875rem;gap:.5rem;margin-top:.25rem}.cv-lesson-type{align-items:center;background:#334155;background:var(--cv-surface-elevated);border-radius:4px;display:flex;font-size:.625rem;gap:.25rem;letter-spacing:.03em;padding:.125rem .5rem;text-transform:uppercase}.cv-main{flex:1 1;min-height:calc(100vh - 80px);min-height:calc(100vh - var(--cv-header-height));overflow-y:auto;padding:1.25rem}.cv-welcome{animation:fadeIn .4s ease;flex-direction:column;padding:2rem 1rem;text-align:center}.cv-welcome,.cv-welcome-icon{align-items:center;display:flex}.cv-welcome-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--cv-gradient);border-radius:50%;box-shadow:0 0 40px #6366f133;box-shadow:var(--cv-shadow-glow);height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.cv-welcome-icon svg{color:#fff;height:40px;width:40px}.cv-welcome h2{color:#f8fafc;color:var(--cv-text);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.cv-welcome p{color:#cbd5e1;color:var(--cv-text-secondary);font-size:1rem;line-height:1.6;margin:0 0 2rem;max-width:500px}.cv-welcome-description{color:#94a3b8;color:var(--cv-text-muted);font-size:.9375rem;line-height:1.7;margin-bottom:2rem;max-width:600px;padding:0 1rem}.cv-skills-section{margin:2rem 0;max-width:700px;text-align:left;width:100%}.cv-skills-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.cv-skills-header svg{color:#f59e0b;color:var(--cv-warning)}.cv-skills-header h3{color:#f8fafc;color:var(--cv-text);font-size:1.125rem;font-weight:600;margin:0}.cv-skills-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr}.cv-skill-item{align-items:center;background:#1e293b;background:var(--cv-surface);border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:12px;border-radius:var(--cv-radius);display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition)}.cv-skill-item:hover{background:#334155;background:var(--cv-surface-elevated);border-color:#94a3b84d;border-color:var(--cv-border-strong)}.cv-skill-number{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:var(--cv-gradient-success);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.cv-skill-name{color:#f8fafc;color:var(--cv-text);flex:1 1;font-size:.9375rem;font-weight:500}.cv-skill-hours{background:#334155;background:var(--cv-surface-elevated);border-radius:50px;color:#94a3b8;color:var(--cv-text-muted);font-size:.75rem;padding:.25rem .625rem}.cv-objectives{margin-top:1.5rem;max-width:600px;text-align:left;width:100%}.cv-objectives h3{color:#f8fafc;color:var(--cv-text);font-size:1rem;font-weight:600;margin:0 0 .75rem}.cv-objectives ul{list-style:none;margin:0;padding:0}.cv-objectives li{color:#cbd5e1;color:var(--cv-text-secondary);font-size:.9375rem;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.cv-objectives li:before{background:#6366f1;background:var(--cv-accent);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.875rem;width:6px}.cv-start-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--cv-gradient);border:none;border-radius:12px;border-radius:var(--cv-radius);box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.625rem;margin-top:1.5rem;padding:1rem 2rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition)}.cv-start-btn:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.cv-lesson-content{animation:fadeIn .3s ease}.cv-lesson-header{margin-bottom:1.5rem}.cv-lesson-breadcrumb{align-items:center;color:#94a3b8;color:var(--cv-text-muted);display:flex;font-size:.8125rem;gap:.5rem;margin-bottom:.75rem}.cv-lesson-breadcrumb svg{height:14px;width:14px}.cv-lesson-h1{color:#f8fafc;color:var(--cv-text);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.cv-lesson-stats{display:flex;flex-wrap:wrap;gap:.75rem}.cv-lesson-stat{align-items:center;background:#1e293b;background:var(--cv-surface);border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:50px;color:#cbd5e1;color:var(--cv-text-secondary);display:flex;font-size:.8125rem;gap:.375rem;padding:.375rem .75rem}.cv-lesson-stat svg{height:14px;width:14px}.cv-lesson-body{background:#1e293b;background:var(--cv-surface);border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:16px;border-radius:var(--cv-radius-lg);margin-bottom:1.5rem;padding:1.5rem}.cv-markdown{color:#cbd5e1;color:var(--cv-text-secondary);font-size:1rem;line-height:1.8}.cv-markdown h1{border-bottom:2px solid #94a3b826;border-bottom:2px solid var(--cv-border);color:#f8fafc;color:var(--cv-text);font-size:1.75rem;font-weight:700;margin:2rem 0 1rem;padding-bottom:.5rem}.cv-markdown h2{font-size:1.5rem;margin:1.75rem 0 .875rem}.cv-markdown h2,.cv-markdown h3{color:#f8fafc;color:var(--cv-text);font-weight:600}.cv-markdown h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.cv-markdown p{color:#cbd5e1;color:var(--cv-text-secondary);margin:0 0 1rem}.cv-markdown ol,.cv-markdown ul{margin:0 0 1rem 1.5rem;padding:0}.cv-markdown li{color:#cbd5e1;color:var(--cv-text-secondary);margin-bottom:.5rem}.cv-markdown code{background:#334155;background:var(--cv-surface-elevated);border-radius:4px;color:#fbbf24;font-family:Fira Code,Consolas,monospace;font-size:.875em;padding:.125rem .375rem}.cv-markdown pre{background:#0d1117;border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:12px;border-radius:var(--cv-radius);margin:1rem 0;overflow-x:auto;padding:1rem}.cv-markdown pre code{background:#0000;color:#e6edf3;padding:0}.cv-markdown blockquote{background:#6366f11a;border-left:4px solid #6366f1;border-left:4px solid var(--cv-accent);border-radius:0 8px 8px 0;border-radius:0 var(--cv-radius-sm) var(--cv-radius-sm) 0;color:#cbd5e1;color:var(--cv-text-secondary);font-style:italic;margin:1rem 0;padding:1rem 1.25rem}.cv-markdown img{border-radius:12px;border-radius:var(--cv-radius);height:auto;margin:1rem 0;max-width:100%}.cv-markdown table{border-collapse:collapse;display:block;margin:1rem 0;overflow-x:auto;width:100%}.cv-markdown td,.cv-markdown th{border:1px solid #94a3b826;border:1px solid var(--cv-border);padding:.75rem 1rem;text-align:left}.cv-markdown th{background:#334155;background:var(--cv-surface-elevated)}.cv-markdown strong,.cv-markdown th{color:#f8fafc;color:var(--cv-text);font-weight:600}.cv-no-content{flex-direction:column;min-height:300px;padding:3rem 1.5rem;text-align:center}.cv-no-content,.cv-no-content-icon{align-items:center;display:flex;justify-content:center}.cv-no-content-icon{background:#334155;background:var(--cv-surface-elevated);border-radius:50%;height:64px;width:64px}.cv-no-content p,.cv-no-content-icon{color:#94a3b8;color:var(--cv-text-muted);margin-bottom:1.25rem}.cv-no-content p{font-size:.9375rem;max-width:400px}.cv-generate-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:var(--cv-gradient-success);border:none;border-radius:12px;border-radius:var(--cv-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition)}.cv-generate-btn:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.cv-generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cv-key-concepts{background:linear-gradient(135deg,#f59e0b1a,#ea580c0d);border:1px solid #f59e0b33;border-left:4px solid #f59e0b;border-left:4px solid var(--cv-warning);border-radius:12px;border-radius:var(--cv-radius);margin-top:1.5rem;padding:1.25rem}.cv-key-concepts-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.cv-key-concepts-header svg{color:#f59e0b;color:var(--cv-warning)}.cv-key-concepts-header h3{color:#f8fafc;color:var(--cv-text);font-size:1rem;font-weight:600;margin:0}.cv-key-concepts ul{list-style:none;margin:0;padding:0}.cv-key-concepts li{color:#cbd5e1;color:var(--cv-text-secondary);font-size:.9375rem;padding:.375rem 0}.cv-key-concepts li:before{color:#f59e0b;color:var(--cv-warning);content:"•";margin-right:.5rem}.cv-assignment{align-items:flex-start;background:linear-gradient(135deg,#eab3081a,#ca8a040d);border:1px solid #eab30833;border-radius:12px;border-radius:var(--cv-radius);display:flex;gap:1rem;margin-top:1.5rem;padding:1.25rem}.cv-assignment-icon{align-items:center;background:#eab30833;border-radius:8px;border-radius:var(--cv-radius-sm);color:#f59e0b;color:var(--cv-warning);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.cv-assignment-content h3{color:#f8fafc;color:var(--cv-text);font-size:1rem;font-weight:600;margin:0 0 .375rem}.cv-assignment-content p{color:#cbd5e1;color:var(--cv-text-secondary);font-size:.875rem;margin:0}.cv-lesson-footer{display:flex;flex-direction:column;gap:.75rem}.cv-complete-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:var(--cv-gradient-success);border:none;border-radius:12px;border-radius:var(--cv-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.625rem;justify-content:center;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition);width:100%}.cv-complete-btn:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.cv-nav-btns{display:flex;gap:.75rem}.cv-nav-btn{align-items:center;background:#1e293b;background:var(--cv-surface);border:1px solid #94a3b826;border:1px solid var(--cv-border);border-radius:12px;border-radius:var(--cv-radius);color:#cbd5e1;color:var(--cv-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--cv-transition)}.cv-nav-btn:hover{background:#334155;background:var(--cv-surface-elevated);border-color:#94a3b84d;border-color:var(--cv-border-strong);color:#f8fafc;color:var(--cv-text)}.cv-nav-btn:disabled{cursor:not-allowed;opacity:.5}@media (min-width:640px){.cv-header-inner{padding:0 1.5rem}.cv-course-title{font-size:1.25rem}.cv-main{padding:2rem}.cv-welcome h2{font-size:2rem}.cv-skills-grid{grid-template-columns:repeat(2,1fr)}.cv-lesson-h1{font-size:1.75rem}.cv-lesson-body{padding:2rem}.cv-lesson-footer{align-items:center;flex-direction:row}.cv-complete-btn{flex:none;padding:1rem 2rem;width:auto}.cv-nav-btns{margin-left:auto}}@media (min-width:1024px){.cv-menu-btn{display:none}.cv-sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0;transform:translateX(0);width:380px;width:var(--cv-sidebar-width)}.cv-sidebar-close{display:none}.cv-sidebar-overlay{display:none!important}.cv-header-progress{display:flex}.cv-main{max-width:calc(100vw - 380px);max-width:calc(100vw - var(--cv-sidebar-width));padding:2.5rem 3rem}.cv-welcome{padding:4rem 2rem}.cv-welcome-icon{height:100px;width:100px}.cv-welcome-icon svg{height:50px;width:50px}.cv-welcome h2{font-size:2.25rem}.cv-lesson-h1{font-size:2rem}}@media (min-width:1280px){.cv-main{padding:3rem 4rem}}.sp-page{background:#0a0a0f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.sp-hero{align-items:center;background:radial-gradient(ellipse at top,#1a1a2e 0,#0a0a0f 70%);display:flex;justify-content:center;min-height:70vh;padding:100px 20px 60px;text-align:center}.sp-hero-content{max-width:700px}.sp-ai-badge{align-items:center;background:#8b5cf626;border:1px solid #8b5cf666;border-radius:20px;color:#a78bfa;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.sp-ai-pulse{animation:pulse 2s infinite;background:#8b5cf6;border-radius:50%;height:8px;width:8px}.sp-hero-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.sp-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text}.sp-hero-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.7;margin-bottom:32px}.sp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.sp-btn-primary{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;transition:all .2s}.sp-btn-primary:hover{box-shadow:0 8px 30px #8b5cf666;transform:translateY(-2px)}.sp-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.sp-btn-icon{font-size:18px}.sp-btn-secondary{background:#0000;border:1px solid #334155;border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:15px;font-weight:500;padding:14px 24px;transition:all .2s}.sp-btn-secondary:hover{background:#ffffff0d;border-color:#64748b}.sp-full-width{justify-content:center;margin-top:20px;width:100%}.sp-ai-features{grid-gap:1px;background:#1e1e2d;border-bottom:1px solid #1e1e2d;border-top:1px solid #1e1e2d;display:grid;gap:1px;grid-template-columns:repeat(2,1fr)}.sp-ai-feature{align-items:center;background:#0f0f17;color:#94a3b8;display:flex;font-size:13px;gap:10px;justify-content:center;padding:16px}.sp-feature-icon{font-size:18px}.sp-section-header{margin-bottom:40px;text-align:center}.sp-section-header h2{font-size:1.75rem;font-weight:700;margin-bottom:10px}.sp-section-header p{color:#94a3b8;font-size:1rem}.sp-path-generator{margin:0 auto;max-width:800px;padding:80px 20px}.sp-generator-box{background:#12121a;border:1px solid #1e1e2d;border-radius:16px;padding:24px}.sp-generator-input{align-items:center;background:#0a0a0f;border:1px solid #1e1e2d;border-radius:12px;display:flex;gap:12px;padding:4px}.sp-input-icon{font-size:20px;padding-left:12px}.sp-generator-input input{background:#0000;border:none;color:#fff;flex:1 1;font-size:15px;outline:none;padding:12px 0}.sp-generator-input input::placeholder{color:#64748b}.sp-generate-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:120px;padding:12px 20px;white-space:nowrap}.sp-generate-btn:disabled{cursor:not-allowed;opacity:.6}.sp-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.sp-generated-path{border-top:1px solid #1e1e2d;margin-top:24px;padding-top:24px}.sp-path-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.sp-path-header h3{font-size:1.1rem;font-weight:600}.sp-path-duration{background:#10b98126;border-radius:20px;color:#34d399;font-size:12px;font-weight:500;padding:6px 12px}.sp-path-skills{flex-direction:column;gap:12px;margin-bottom:24px}.sp-path-skill{background:#0a0a0f;border-left:3px solid #64748b;border-radius:0 10px 10px 0;padding:16px}.sp-path-skill.priority-high{border-left-color:#f59e0b}.sp-path-skill.priority-medium{border-left-color:#8b5cf6}.sp-path-skill.priority-low{border-left-color:#06b6d4}.sp-skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.sp-skill-name{font-size:15px;font-weight:600}.sp-skill-hours{color:#64748b;font-size:13px}.sp-skill-why{color:#94a3b8;font-size:13px;margin:0}.sp-path-milestones{background:#0a0a0f;border-radius:12px;margin-bottom:20px;padding:20px}.sp-path-milestones h4{color:#94a3b8;font-size:14px;margin-bottom:16px}.sp-milestone{align-items:flex-start;border-bottom:1px solid #1e1e2d;display:flex;gap:16px;padding:12px 0}.sp-milestone:last-child{border-bottom:none}.sp-milestone-week{background:#8b5cf6;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.sp-milestone-text{color:#e2e8f0;font-size:14px}.sp-assessment{background:linear-gradient(180deg,#0a0a0f,#12121a);padding:80px 20px}.sp-assessment-box{background:#16161f;border:1px solid #1e1e2d;border-radius:16px;margin:0 auto;max-width:600px;padding:32px}.sp-progress-bar{background:#1e1e2d;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.sp-progress-fill{background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:2px;height:100%;transition:width .3s}.sp-progress-text{color:#64748b;font-size:13px;margin-bottom:32px;text-align:center}.sp-question-card h3{font-size:1.25rem;font-weight:600;margin-bottom:24px;text-align:center}.sp-text-input-group{display:flex;gap:12px}.sp-text-input-group input{background:#0a0a0f;border:1px solid #1e1e2d;border-radius:10px;color:#fff;flex:1 1;font-size:15px;outline:none;padding:14px 16px}.sp-text-input-group input:focus{border-color:#8b5cf6}.sp-text-input-group button{background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:14px 20px}.sp-options{display:flex;flex-direction:column;gap:10px}.sp-option-btn{background:#0a0a0f;border:1px solid #1e1e2d;border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:14px;padding:16px;text-align:left;transition:all .2s}.sp-option-btn:hover{background:#8b5cf61a;border-color:#8b5cf6}.sp-analyzing{padding:40px;text-align:center}.sp-ai-analyzing-icon{animation:bounce 1s infinite;font-size:48px;margin-bottom:16px}.sp-spinner-large{animation:spin 1s linear infinite;border:3px solid #1e1e2d;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin:20px auto;width:40px}.sp-results-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.sp-results-icon{font-size:28px}.sp-summary{color:#94a3b8;font-size:15px;line-height:1.7;margin-bottom:32px;text-align:center}.sp-results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.sp-result-card{background:#0a0a0f;border-radius:12px;padding:20px}.sp-result-card h4{font-size:14px;margin-bottom:12px}.sp-result-card ul{list-style:none;margin:0;padding:0}.sp-result-card li{border-bottom:1px solid #1e1e2d;color:#94a3b8;font-size:14px;padding:6px 0}.sp-result-card li:last-child{border-bottom:none}.sp-recommended-path{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid #8b5cf64d;border-radius:12px;margin-bottom:24px;padding:16px;text-align:center}.sp-recommended-path h4{font-size:15px;margin:0}.sp-next-steps{margin-bottom:24px}.sp-next-steps h4{font-size:15px;margin-bottom:12px}.sp-next-steps ol{margin:0;padding-left:20px}.sp-next-steps li{color:#94a3b8;font-size:14px;padding:8px 0}.sp-results-actions{display:flex;flex-wrap:wrap;gap:12px}.sp-results-actions button{flex:1 1;min-width:140px}.sp-paths{margin:0 auto;max-width:1200px;padding:80px 20px}.sp-paths-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.sp-path-card{background:#12121a;border:1px solid #1e1e2d;border-radius:16px;padding:24px;transition:all .3s}.sp-path-card:hover{border-color:var(--path-color);transform:translateY(-4px)}.sp-path-icon{font-size:2.5rem;margin-bottom:16px}.sp-path-card h3{font-size:1.2rem;font-weight:600;margin-bottom:8px}.sp-path-card>p{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:16px}.sp-path-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sp-skill-tag{background:#8b5cf61a;border-radius:6px;color:#a78bfa;font-size:12px;padding:5px 10px}.sp-ai-feature-tag{align-items:center;background:#06b6d41a;border-radius:8px;color:#22d3ee;display:flex;font-size:12px;gap:6px;margin-bottom:16px;padding:8px 12px}.sp-path-btn{background:#0000;border:1px solid var(--path-color);border-radius:10px;color:var(--path-color);cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:all .2s;width:100%}.sp-path-btn:hover{background:var(--path-color);color:#fff}.sp-chat-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.sp-chat-modal{background:#12121a;border:1px solid #1e1e2d;border-radius:20px;display:flex;flex-direction:column;height:80vh;max-height:600px;max-width:500px;overflow:hidden;width:100%}.sp-chat-header{border-bottom:1px solid #1e1e2d;justify-content:space-between;padding:16px 20px}.sp-chat-header,.sp-chat-title{align-items:center;display:flex}.sp-chat-title{gap:12px}.sp-chat-avatar{font-size:28px}.sp-chat-title h4{font-size:15px;margin:0 0 2px}.sp-chat-status{color:#10b981;font-size:12px}.sp-chat-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:28px;line-height:1}.sp-chat-messages{flex:1 1;overflow-y:auto;padding:20px}.sp-chat-welcome{padding:20px;text-align:center}.sp-welcome-icon{font-size:48px;margin-bottom:16px}.sp-chat-welcome h3{font-size:1.1rem;margin-bottom:8px}.sp-chat-welcome p{color:#94a3b8;font-size:14px;margin-bottom:24px}.sp-quick-prompts{display:flex;flex-direction:column;gap:8px}.sp-quick-prompts button{background:#0a0a0f;border:1px solid #1e1e2d;border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:13px;padding:12px;text-align:left;transition:all .2s}.sp-quick-prompts button:hover{border-color:#8b5cf6}.sp-message{display:flex;gap:12px;margin-bottom:16px}.sp-message.user{flex-direction:row-reverse}.sp-msg-avatar{flex-shrink:0;font-size:24px}.sp-msg-content{background:#1e1e2d;border-radius:16px;font-size:14px;line-height:1.6;max-width:80%;padding:12px 16px}.sp-message.user .sp-msg-content{background:#8b5cf6}.sp-message.assistant .sp-msg-content{background:#1e1e2d;border:1px solid #2d2d3d}.sp-typing{display:flex;gap:4px;padding:8px 12px}.sp-typing span{animation:typing 1.4s infinite;background:#64748b;border-radius:50%;height:8px;width:8px}.sp-typing span:nth-child(2){animation-delay:.2s}.sp-typing span:nth-child(3){animation-delay:.4s}.sp-chat-input{border-top:1px solid #1e1e2d;display:flex;gap:12px;padding:16px 20px}.sp-chat-input input{background:#0a0a0f;border:1px solid #1e1e2d;border-radius:24px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 20px}.sp-chat-input input:focus{border-color:#8b5cf6}.sp-chat-input button{background:#8b5cf6;border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px}.sp-chat-input button:disabled{cursor:not-allowed;opacity:.5}.sp-chat-fab{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 20px #8b5cf666;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;width:60px;z-index:999}.sp-fab-icon{font-size:28px}.sp-fab-pulse{animation:fabPulse 2s infinite;border:2px solid #8b5cf6;border-radius:50%;inset:-4px;position:absolute}@keyframes fabPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media (min-width:640px){.sp-hero-title{font-size:3rem}.sp-ai-features{grid-template-columns:repeat(4,1fr)}.sp-paths-grid,.sp-results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sp-hero-title{font-size:3.5rem}.sp-paths-grid{grid-template-columns:repeat(3,1fr)}}.vl-page{background:#0a0a0f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.vl-hero{align-items:center;display:flex;justify-content:center;min-height:80vh;overflow:hidden;padding:100px 20px 60px;position:relative}.vl-hero-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vl-hero-content{max-width:800px;position:relative;text-align:center;z-index:2}.vl-hero-badge{align-items:center;background:#8b5cf626;border:1px solid #8b5cf666;border-radius:30px;color:#a78bfa;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:28px;padding:10px 20px}.vl-badge-pulse{animation:pulse 2s infinite;background:#8b5cf6;border-radius:50%;height:8px;width:8px}.vl-hero-title{font-size:2.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:20px}.vl-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#10b981);-webkit-background-clip:text;background-clip:text}.vl-hero-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.7;margin-bottom:32px}.vl-hero-quote{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:40px;padding:24px;position:relative}.vl-quote-mark{color:#8b5cf6;font-family:Georgia,serif;font-size:48px;left:20px;opacity:.3;position:absolute;top:-10px}.vl-hero-quote p{color:#e2e8f0;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0 0 8px}.vl-quote-author{color:#8b5cf6;font-size:14px;font-weight:600}.vl-hero-stats{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.vl-stat{text-align:center}.vl-stat-number{color:#8b5cf6;display:block;font-size:2rem;font-weight:700}.vl-stat-label{color:#64748b;font-size:13px}.vl-controls{margin:0 auto;max-width:1200px;padding:0 20px 40px}.vl-search{align-items:center;background:#12121a;border:1px solid #1e1e2d;border-radius:12px;display:flex;margin-bottom:20px;padding:4px 16px}.vl-search-icon{font-size:18px;margin-right:12px}.vl-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:15px;outline:none;padding:14px 0}.vl-search input::placeholder{color:#64748b}.vl-categories{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.vl-categories::-webkit-scrollbar{display:none}.vl-category{align-items:center;background:#16161f;border:1px solid #1e1e2d;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.vl-category:hover{border-color:#8b5cf6;color:#e2e8f0}.vl-category.active{background:#8b5cf626;border-color:#8b5cf6;color:#a78bfa}.vl-access-info{margin:0 auto;max-width:1200px;padding:0 20px 32px}.vl-access-card{align-items:flex-start;background:#12121a;border-radius:12px;display:flex;gap:16px;padding:20px}.vl-access-card.success{border:1px solid #10b9814d}.vl-access-icon{font-size:24px}.vl-access-card strong{display:block;font-size:15px;margin-bottom:4px}.vl-access-card p{color:#94a3b8;font-size:13px;margin:0}.vl-section{margin:0 auto;max-width:1200px;padding:40px 20px}.vl-section-header{margin-bottom:32px}.vl-section-header h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.vl-section-header p{color:#94a3b8;font-size:14px}.vl-labs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.vl-lab-card{background:#12121a;border:1px solid #1e1e2d;border-radius:16px;overflow:hidden;transition:all .3s}.vl-lab-card.active-lab{cursor:pointer}.vl-lab-card.active-lab:hover{border-color:var(--lab-color);box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.vl-lab-card.coming-soon{opacity:.85}.vl-lab-header{align-items:center;display:flex;height:120px;justify-content:center;position:relative}.vl-lab-icon{font-size:48px}.vl-lab-badges{position:absolute;right:12px;top:12px}.vl-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px}.vl-badge.unlocked{background:#10b98133;color:#34d399}.vl-badge.locked{background:#64748b4d;color:#94a3b8}.vl-badge.soon{background:#fbbf2433;color:#fbbf24;position:absolute;right:12px;top:12px}.vl-lab-body{padding:24px}.vl-lab-meta{display:flex;gap:12px;margin-bottom:12px}.vl-difficulty{color:var(--lab-color);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.vl-duration{color:#64748b;font-size:12px}.vl-lab-title{font-size:1.25rem;font-weight:700;margin-bottom:4px}.vl-lab-subtitle{color:var(--lab-color);font-size:14px;font-weight:500;margin-bottom:12px}.vl-lab-desc{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:16px}.vl-first-principle{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:10px;margin-bottom:16px;padding:14px}.vl-fp-label{color:#8b5cf6;display:block;font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.vl-first-principle code{color:#e2e8f0;display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.5;word-break:break-word}.vl-lab-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.vl-topic{background:#ffffff0d;border-radius:6px;color:#94a3b8;font-size:11px;padding:5px 10px}.vl-lab-btn{background:#0000;border:1px solid var(--lab-color);border-radius:10px;color:var(--lab-color);cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.vl-lab-btn.unlocked,.vl-lab-btn:hover{background:var(--lab-color);color:#fff}.vl-lab-btn.notify{background:#0000;border-color:#fbbf24;color:#fbbf24}.vl-lab-btn.notify:hover{background:#fbbf24;color:#0a0a0f}.vl-why-section{background:linear-gradient(180deg,#0a0a0f,#12121a);padding:80px 20px}.vl-why-content{margin:0 auto;max-width:900px;text-align:center}.vl-why-content h2{font-size:1.75rem;font-weight:700;margin-bottom:16px}.vl-why-intro{color:#94a3b8;font-size:1rem;line-height:1.7;margin-bottom:48px}.vl-why-intro em{color:#8b5cf6;font-style:italic}.vl-principles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.vl-principle-card{background:#16161f;border:1px solid #1e1e2d;border-radius:16px;padding:28px;text-align:left;transition:all .3s}.vl-principle-card:hover{border-color:#8b5cf6;transform:translateY(-2px)}.vl-principle-icon{display:block;font-size:32px;margin-bottom:16px}.vl-principle-card h3{font-size:1.1rem;font-weight:600;margin-bottom:8px}.vl-principle-card p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}.vl-cta{padding:80px 20px;text-align:center}.vl-cta-content{margin:0 auto;max-width:600px}.vl-cta h2{font-size:1.75rem;font-weight:700;margin-bottom:12px}.vl-cta p{color:#94a3b8;font-size:1rem;margin-bottom:32px}.vl-cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.vl-btn-primary{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s}.vl-btn-primary:hover{box-shadow:0 8px 30px #8b5cf666;transform:translateY(-2px)}.vl-btn-secondary{align-items:center;background:#0000;border:1px solid #334155;border-radius:12px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:14px 28px;transition:all .2s}.vl-btn-secondary:hover{background:#ffffff0d;border-color:#64748b}@media (min-width:640px){.vl-hero-title{font-size:3.5rem}.vl-labs-grid,.vl-principles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.vl-hero-title{font-size:4rem}.vl-labs-grid{grid-template-columns:repeat(3,1fr)}.vl-principles-grid{grid-template-columns:repeat(4,1fr)}.vl-lab-header{height:140px}}:root{--community-primary:#f59e0b;--community-primary-dark:#d97706;--community-bg-dark:#0f172a;--community-bg-card:#1e293b;--community-bg-card-hover:#263548;--community-border:#374151;--community-text:#fff;--community-text-muted:#9ca3af;--community-text-dim:#6b7280;--community-success:#10b981;--community-info:#06b6d4;--community-purple:#8b5cf6;--community-pink:#ec4899;--community-gradient:linear-gradient(135deg,#1e1b4b,#312e81 50%,#1e40af)}.community-page{background-color:#0f172a;background-color:var(--community-bg-dark);color:#fff;color:var(--community-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.community-hero{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#1e40af);background:var(--community-gradient);overflow:hidden;padding:60px 16px 80px;position:relative}.community-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.community-hero-content{margin:0 auto;max-width:1000px;position:relative;text-align:center;z-index:1}.community-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b26;border:1px solid #f59e0b66;border-radius:30px;color:#f59e0b;color:var(--community-primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:10px 20px}.community-hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:20px}.community-hero-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#f59e0b);-webkit-background-clip:text;background-clip:text}.community-hero-subtitle{color:#fffc;font-size:1.125rem;line-height:1.7;margin:0 auto 40px;max-width:700px}.community-stats-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.community-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;padding:20px;text-align:center;transition:all .3s ease}.community-stat-item:hover{background:#ffffff26;transform:translateY(-2px)}.community-stat-value{color:#f59e0b;color:var(--community-primary);font-size:1.75rem;font-weight:800;margin-bottom:4px}.community-stat-label{color:#ffffffb3;font-size:.875rem;font-weight:500}.community-nav-hub{background:#1e293b;background:var(--community-bg-card);border-bottom:1px solid #374151;border-bottom:1px solid var(--community-border);padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.community-nav-inner{-ms-overflow-style:none;display:flex;gap:8px;margin:0 auto;max-width:1200px;overflow-x:auto;padding:16px 0;scrollbar-width:none}.community-nav-inner::-webkit-scrollbar{display:none}.community-nav-item{align-items:center;background:#0f172a;background:var(--community-bg-dark);border:1px solid #374151;border:1px solid var(--community-border);border-radius:12px;color:#9ca3af;color:var(--community-text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.community-nav-item:hover{background:#263548;background:var(--community-bg-card-hover);color:#fff;color:var(--community-text)}.community-nav-item.active,.community-nav-item:hover{border-color:#f59e0b;border-color:var(--community-primary)}.community-nav-item.active{background:#f59e0b;background:var(--community-primary);color:#0f172a;color:var(--community-bg-dark);font-weight:600}.community-nav-item svg{height:18px;width:18px}.nav-item-count{background:#fff3;border-radius:10px;font-size:12px;font-weight:600;padding:2px 8px}.community-nav-item.active .nav-item-count{background:#0003}.community-content{margin:0 auto;max-width:1200px;padding:24px 16px}.community-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.community-card{background:#1e293b;background:var(--community-bg-card);border:1px solid #374151;border:1px solid var(--community-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.community-card:hover{border-color:#f59e0b4d;box-shadow:0 10px 40px -15px #00000080}.community-card-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--community-border);display:flex;justify-content:space-between;padding:20px 24px}.community-card-title{align-items:center;color:#fff;color:var(--community-text);display:flex;font-size:1.25rem;font-weight:700;gap:10px}.community-card-title svg{color:#f59e0b;color:var(--community-primary)}.community-card-body{padding:20px 24px}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.quick-action-card{background:#0f172a;background:var(--community-bg-dark);border:1px solid #374151;border:1px solid var(--community-border);border-radius:12px;color:inherit;cursor:pointer;padding:20px;text-align:center;text-decoration:none;transition:all .3s ease}.quick-action-card:hover{background:#263548;background:var(--community-bg-card-hover);border-color:#f59e0b;border-color:var(--community-primary);transform:translateY(-3px)}.quick-action-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.quick-action-card h4{color:#fff;color:var(--community-text);font-size:14px;font-weight:600;margin-bottom:4px}.quick-action-card p{color:#9ca3af;color:var(--community-text-muted);font-size:12px;line-height:1.4}.discussion-list{display:flex;flex-direction:column;gap:12px}.discussion-item{background:#0f172a;background:var(--community-bg-dark);border:1px solid #374151;border:1px solid var(--community-border);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .3s ease}.discussion-item:hover{background:#263548;background:var(--community-bg-card-hover);border-color:#f59e0b4d}.discussion-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--community-primary) 0,var(--community-primary-dark) 100%);border-radius:12px;color:#0f172a;color:var(--community-bg-dark);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:44px;justify-content:center;width:44px}.discussion-content{flex:1 1;min-width:0}.discussion-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--community-text);display:-webkit-box;font-size:15px;font-weight:600;margin-bottom:6px;overflow:hidden}.discussion-meta{color:#6b7280;color:var(--community-text-dim);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.discussion-meta span{align-items:center;display:flex;gap:4px}.discussion-category{background:#f59e0b26;border-radius:6px;color:#f59e0b;color:var(--community-primary);display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:3px 10px}.event-list{display:flex;flex-direction:column;gap:12px}.event-item{background:#0f172a;background:var(--community-bg-dark);border:1px solid #374151;border:1px solid var(--community-border);border-radius:12px;display:flex;gap:14px;padding:16px;transition:all .3s ease}.event-item:hover{background:#263548;background:var(--community-bg-card-hover);border-color:#10b9814d}.event-date-box{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--community-success) 0,#059669 100%);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;height:56px;justify-content:center;width:56px}.event-date-day{color:#fff;font-size:20px;font-weight:800;line-height:1}.event-date-month{color:#ffffffe6;font-size:11px;font-weight:600;text-transform:uppercase}.event-content{flex:1 1;min-width:0}.event-title{color:#fff;color:var(--community-text);font-size:14px;font-weight:600;margin-bottom:6px}.event-info{color:#6b7280;color:var(--community-text-dim);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.event-info span{align-items:center;display:flex;gap:4px}.event-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:8px;padding:4px 10px}.event-badge.online{background:#10b98126;color:#10b981;color:var(--community-success)}.event-badge.in-person{background:#8b5cf626;color:#8b5cf6;color:var(--community-purple)}.member-list{display:flex;flex-direction:column;gap:12px}.member-item{background:#0f172a;background:var(--community-bg-dark);border:1px solid #374151;border:1px solid var(--community-border);border-radius:12px;display:flex;gap:12px;padding:14px;transition:all .3s ease}.member-item:hover{background:#263548;background:var(--community-bg-card-hover)}.member-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--community-purple) 0,var(--community-pink) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.member-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.member-info{flex:1 1;min-width:0}.member-name{color:#fff;color:var(--community-text);font-size:14px;font-weight:600;margin-bottom:2px}.member-title{color:#9ca3af;color:var(--community-text-muted);font-size:12px;margin-bottom:6px}.member-skills{display:flex;flex-wrap:wrap;gap:4px}.member-skill{background:#f59e0b26;border-radius:4px;color:#f59e0b;color:var(--community-primary);font-size:10px;font-weight:600;padding:2px 8px}.activity-feed{gap:16px}.activity-item{background:#0f172a;background:var(--community-bg-dark);border:1px solid #374151;border:1px solid var(--community-border);gap:12px;padding:14px}.activity-icon{height:36px;width:36px}.activity-icon.join{background:#10b98126;color:#10b981;color:var(--community-success)}.activity-icon.post{background:#8b5cf626;color:#8b5cf6;color:var(--community-purple)}.activity-icon.event{background:#06b6d426;color:#06b6d4;color:var(--community-info)}.activity-icon.achievement{background:#f59e0b26;color:#f59e0b;color:var(--community-primary)}.activity-text{color:#fff;color:var(--community-text);font-size:13px}.activity-text strong{color:#f59e0b;color:var(--community-primary);font-weight:600}.activity-time{color:#6b7280;color:var(--community-text-dim);font-size:11px;margin-top:4px}.community-cta{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#1e40af);background:var(--community-gradient);padding:60px 16px;position:relative;text-align:center}.community-cta:before{background:linear-gradient(180deg,#0000,#0f172a4d);content:"";inset:0;position:absolute}.community-cta-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.community-cta h2{font-size:2rem;font-weight:800;margin-bottom:16px}.community-cta p{color:#ffffffd9;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cta-btn{font-size:15px}.cta-btn.primary{background:#f59e0b;background:var(--community-primary);color:#0f172a;color:var(--community-bg-dark)}.cta-btn.primary:hover{background:#d97706;background:var(--community-primary-dark)}.cta-btn.secondary{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.cta-btn.secondary:hover{background:#fff3;border-color:#ffffff80}.view-all-btn{align-items:center;border:1px solid #374151;border:1px solid var(--community-border);color:#9ca3af;color:var(--community-text-muted);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{background:#263548;background:var(--community-bg-card-hover);border-color:#f59e0b;border-color:var(--community-primary);color:#f59e0b;color:var(--community-primary)}.loading-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0f172a 25%,#263548 50%,#0f172a 75%);background:linear-gradient(90deg,var(--community-bg-dark) 25%,var(--community-bg-card-hover) 50%,var(--community-bg-dark) 75%);background-size:200% 100%;border-radius:8px}.empty-state{color:#9ca3af;color:var(--community-text-muted);padding:40px 20px}.empty-state svg{height:48px;margin-bottom:16px;width:48px}.empty-state h4{color:#fff;color:var(--community-text);font-size:16px;margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:16px}@media (min-width:768px){.community-hero{padding:80px 24px 100px}.community-hero-title{font-size:3.25rem}.community-hero-subtitle{font-size:1.25rem}.community-stats-bar{gap:20px;grid-template-columns:repeat(4,1fr)}.community-content{padding:32px 24px}.community-grid{gap:32px;grid-template-columns:2fr 1fr}.quick-actions-grid{gap:16px;grid-template-columns:repeat(3,1fr)}.community-cta h2{font-size:2.5rem}}@media (min-width:1024px){.community-hero-title{font-size:3.75rem}.community-nav-item{padding:14px 24px}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}.community-card{animation:fadeInUp .5s ease forwards}.community-card:nth-child(2){animation-delay:.1s}.community-card:nth-child(3){animation-delay:.2s}.community-card:nth-child(4){animation-delay:.3s}:root{--forum-primary:#6366f1;--forum-primary-dark:#4f46e5;--forum-accent:#f59e0b;--forum-success:#10b981;--forum-bg-primary:#0f172a;--forum-bg-secondary:#1e293b;--forum-bg-card:#1e293b;--forum-border:#334155;--forum-text-primary:#f1f5f9;--forum-text-secondary:#94a3b8;--forum-text-muted:#64748b}.forum-page{background:#0f172a;background:var(--forum-bg-primary);color:#f1f5f9;color:var(--forum-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.forum-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#312e81);padding:100px 20px 50px;position:relative;text-align:center}.forum-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%236366f1' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.forum-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.forum-back-link{align-items:center;color:#94a3b8;color:var(--forum-text-secondary);display:inline-flex;font-size:14px;gap:8px;margin-bottom:20px;text-decoration:none;transition:color .2s}.forum-back-link:hover,.forum-hero-badge{color:#6366f1;color:var(--forum-primary)}.forum-hero-badge{align-items:center;background:#6366f133;border:1px solid #6366f166;border-radius:30px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px}.forum-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:16px}.forum-hero-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text}.forum-hero-subtitle{color:#94a3b8;color:var(--forum-text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.forum-main{margin:0 auto;max-width:1200px;padding:40px 20px}.forum-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:280px 1fr}@media (max-width:900px){.forum-layout{grid-template-columns:1fr}}.forum-sidebar{display:flex;flex-direction:column;gap:24px}@media (max-width:900px){.forum-sidebar{flex-direction:row;flex-wrap:wrap;gap:16px}.forum-categories,.forum-quick-links{flex:1 1;min-width:200px}}.forum-new-post-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--forum-primary),#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;text-decoration:none;transition:all .3s ease}.forum-new-post-btn:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.forum-sidebar-title{color:#64748b;color:var(--forum-text-muted);font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.forum-categories,.forum-quick-links{background:#1e293b;background:var(--forum-bg-secondary);border:1px solid #334155;border:1px solid var(--forum-border);border-radius:12px;padding:16px}.forum-category-btn,.forum-filter-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--forum-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.forum-category-btn:hover,.forum-filter-btn:hover{background:#6366f11a;color:#f1f5f9;color:var(--forum-text-primary)}.forum-category-btn.active,.forum-filter-btn.active{background:#6366f126;color:#6366f1;color:var(--forum-primary)}.forum-category-btn svg{color:#6366f1;color:var(--cat-color,var(--forum-primary))}.forum-content{display:flex;flex-direction:column;gap:20px}.forum-search-bar{align-items:center;background:#1e293b;background:var(--forum-bg-secondary);border:1px solid #334155;border:1px solid var(--forum-border);border-radius:12px;display:flex;gap:12px;padding:14px 20px}.forum-search-bar svg{color:#64748b;color:var(--forum-text-muted)}.forum-search-bar input{background:none;border:none;color:#f1f5f9;color:var(--forum-text-primary);flex:1 1;font-size:15px;outline:none}.forum-search-bar input::placeholder{color:#64748b;color:var(--forum-text-muted)}.forum-loading{align-items:center;color:#94a3b8;color:var(--forum-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.forum-loading svg{color:#6366f1;color:var(--forum-primary);margin-bottom:16px}.forum-discussions{display:flex;flex-direction:column;gap:16px}.forum-discussion-card{background:#1e293b;background:var(--forum-bg-secondary);border:1px solid #334155;border:1px solid var(--forum-border);border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s ease}.forum-discussion-card:hover{border-color:#6366f1;border-color:var(--forum-primary);box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.forum-pin-badge{align-items:center;background:#f59e0b33;border-radius:20px;color:#f59e0b;color:var(--forum-accent);display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;position:absolute;right:12px;top:12px}.forum-discussion-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.forum-author-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--forum-primary),#8b5cf6);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.forum-author-avatar img{height:100%;object-fit:cover;width:100%}.forum-author-avatar svg{color:#fff}.forum-author-info{flex:1 1}.forum-author-name{color:#f1f5f9;color:var(--forum-text-primary);display:block;font-size:14px;font-weight:600}.forum-post-time{color:#64748b;color:var(--forum-text-muted);font-size:12px}.forum-category-tag{align-items:center;background:#6366f11a;border-radius:20px;color:#6366f1;color:var(--cat-color,var(--forum-primary));display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.forum-discussion-title{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:8px}.solved-icon{color:#10b981;color:var(--forum-success)}.forum-discussion-preview{color:#94a3b8;color:var(--forum-text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px}.forum-discussion-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.forum-tag{align-items:center;background:#64748b33;border-radius:20px;color:#94a3b8;color:var(--forum-text-secondary);display:flex;font-size:12px;gap:4px;padding:4px 10px}.forum-discussion-stats{border-top:1px solid #334155;border-top:1px solid var(--forum-border);display:flex;gap:20px;padding-top:12px}.forum-discussion-stats span{align-items:center;color:#64748b;color:var(--forum-text-muted);display:flex;font-size:13px;gap:6px}.forum-empty{background:#1e293b;background:var(--forum-bg-secondary);border:1px dashed #334155;border:1px dashed var(--forum-border);border-radius:16px;flex-direction:column;padding:80px 20px;text-align:center}.forum-empty,.forum-empty-icon{align-items:center;display:flex;justify-content:center}.forum-empty-icon{background:linear-gradient(135deg,#6366f133,#a855f733);border-radius:50%;height:100px;margin-bottom:24px;width:100px}.forum-empty-icon svg{color:#6366f1;color:var(--forum-primary)}.forum-empty h3{font-size:1.5rem;margin-bottom:12px}.forum-empty p{color:#94a3b8;color:var(--forum-text-secondary);line-height:1.6;margin-bottom:24px;max-width:400px}.forum-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.forum-modal{background:#1e293b;background:var(--forum-bg-secondary);border:1px solid #334155;border:1px solid var(--forum-border);border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.forum-modal-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--forum-border);display:flex;justify-content:space-between;padding:20px 24px}.forum-modal-header h2{font-size:1.25rem;font-weight:700}.forum-modal-close{background:none;border:none;border-radius:8px;color:#64748b;color:var(--forum-text-muted);cursor:pointer;padding:8px;transition:all .2s}.forum-modal-close:hover{background:#ef44441a;color:#ef4444}.forum-new-post-form{padding:24px}.forum-form-group{margin-bottom:20px}.forum-form-group label{color:#94a3b8;color:var(--forum-text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.forum-form-group input,.forum-form-group select,.forum-form-group textarea{background:#0f172a;background:var(--forum-bg-primary);border:1px solid #334155;border:1px solid var(--forum-border);border-radius:8px;color:#f1f5f9;color:var(--forum-text-primary);font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.forum-form-group input:focus,.forum-form-group select:focus,.forum-form-group textarea:focus{border-color:#6366f1;border-color:var(--forum-primary)}.forum-form-group textarea{min-height:120px;resize:vertical}.forum-tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.forum-tag.editable{align-items:center;display:flex;gap:6px}.forum-tag.editable button{background:none;border:none;color:#64748b;color:var(--forum-text-muted);cursor:pointer;display:flex;padding:0}.forum-tag.editable button:hover{color:#ef4444}.forum-modal-actions{border-top:1px solid #334155;border-top:1px solid var(--forum-border);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.forum-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.forum-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--forum-primary),#8b5cf6);border:none;color:#fff}.forum-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.forum-btn.primary:disabled{cursor:not-allowed;opacity:.5}.forum-btn.secondary{background:#0000;border:1px solid #334155;border:1px solid var(--forum-border);color:#94a3b8;color:var(--forum-text-secondary)}.forum-btn.secondary:hover{background:#64748b1a;color:#f1f5f9;color:var(--forum-text-primary)}@media (max-width:600px){.forum-hero{padding:80px 16px 40px}.forum-hero-title{font-size:1.75rem}.forum-main{padding:24px 16px}.forum-discussion-card{padding:16px}.forum-discussion-stats{flex-wrap:wrap;gap:12px}.forum-modal{margin:10px}}.mentorship-page{background:#0a0a0f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.mp-hero{align-items:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:70vh;overflow:hidden;padding:100px 20px 60px;position:relative}.mp-hero:before{background:radial-gradient(circle at 20% 80%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d41a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mp-hero-content{max-width:800px;position:relative;text-align:center;z-index:2}.mp-hero-badge{align-items:center;background:#06b6d426;border:1px solid #06b6d466;border-radius:30px;color:#22d3ee;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:28px;padding:10px 20px}.mp-badge-live{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.mp-hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:20px}.mp-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;background-clip:text}.mp-hero-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.7;margin-bottom:32px}.mp-hero-stats{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:32px}.mp-stat{text-align:center}.mp-stat-number{color:#06b6d4;display:block;font-size:2rem;font-weight:700}.mp-stat-label{color:#64748b;font-size:13px}.mp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.mp-btn-primary{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s}.mp-btn-primary:hover{box-shadow:0 8px 30px #06b6d466;transform:translateY(-2px)}.mp-btn-secondary{align-items:center;background:#0000;border:1px solid #334155;border-radius:12px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:14px 28px;transition:all .2s}.mp-btn-secondary:hover{background:#ffffff0d;border-color:#64748b}.mp-content{margin:0 auto;max-width:1400px;padding:40px 20px}.mp-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.mp-search{align-items:center;background:#12121a;border:1px solid #1e1e2d;border-radius:12px;display:flex;padding:4px 16px}.mp-search-icon{color:#64748b;margin-right:12px}.mp-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:15px;outline:none;padding:14px 0}.mp-search input::placeholder{color:#64748b}.mp-filter-row{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.mp-filter-row::-webkit-scrollbar{display:none}.mp-filter-btn{align-items:center;background:#16161f;border:1px solid #1e1e2d;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.mp-filter-btn:hover{border-color:#06b6d4;color:#e2e8f0}.mp-filter-btn.active{background:#06b6d426;border-color:#06b6d4;color:#22d3ee}.mp-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.mp-main{gap:24px}.mp-main,.mp-sidebar{display:flex;flex-direction:column}.mp-sidebar{gap:20px}.mp-mentors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.mp-mentor-card{background:#12121a;border:1px solid #1e1e2d;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s}.mp-mentor-card:hover{border-color:#06b6d4;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.mp-mentor-header{display:flex;gap:16px;padding:20px}.mp-mentor-avatar{align-items:center;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:72px;justify-content:center;overflow:hidden;width:72px}.mp-mentor-avatar img{height:100%;object-fit:cover;width:100%}.mp-mentor-info{flex:1 1;min-width:0}.mp-mentor-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:4px}.mp-mentor-title{color:#06b6d4;font-size:14px;margin-bottom:4px}.mp-mentor-company{color:#64748b;font-size:13px}.mp-mentor-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mp-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.mp-status-badge.available{background:#10b98133;color:#34d399}.mp-status-badge.busy{background:#fbbf2433;color:#fbbf24}.mp-status-badge.offline{background:#64748b4d;color:#94a3b8}.mp-mentor-body{padding:0 20px 20px}.mp-mentor-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:16px;overflow:hidden}.mp-mentor-expertise{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.mp-expertise-tag{background:#8b5cf626;border-radius:6px;color:#a78bfa;font-size:11px;font-weight:500;padding:5px 10px}.mp-mentor-stats{border-top:1px solid #1e1e2d;display:flex;gap:16px;padding:16px 0}.mp-mentor-stat{flex:1 1;text-align:center}.mp-mentor-stat-value{color:#fff;display:block;font-size:16px;font-weight:700}.mp-mentor-stat-label{color:#64748b;font-size:11px}.mp-mentor-footer{background:#ffffff05;border-top:1px solid #1e1e2d;display:flex;gap:10px;padding:16px 20px}.mp-book-btn{align-items:center;background:#06b6d4;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:all .2s}.mp-book-btn:hover{background:#0891b2}.mp-view-btn{background:#0000;border:1px solid #334155;border-radius:10px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.mp-view-btn:hover{border-color:#64748b;color:#e2e8f0}.mp-sidebar-card{background:#12121a;border:1px solid #1e1e2d;border-radius:16px;padding:20px}.mp-sidebar-card h3{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:8px;margin-bottom:16px}.mp-sessions-list{display:flex;flex-direction:column;gap:12px}.mp-session-item{background:#ffffff08;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.mp-session-item:hover{background:#ffffff0f}.mp-session-date{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:8px;flex-shrink:0;padding:8px 12px;text-align:center}.mp-session-day{display:block;font-size:18px;font-weight:700}.mp-session-month{display:block;font-size:11px;text-transform:uppercase}.mp-session-info{flex:1 1;min-width:0}.mp-session-title{font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-session-mentor{color:#06b6d4;font-size:12px;margin-bottom:2px}.mp-session-time{color:#64748b;font-size:12px}.mp-ai-card{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid #8b5cf64d}.mp-ai-header{gap:12px;margin-bottom:16px}.mp-ai-header,.mp-ai-icon{align-items:center;display:flex}.mp-ai-icon{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:10px;height:40px;justify-content:center;width:40px}.mp-ai-title{font-size:1rem;font-weight:700}.mp-ai-subtitle{color:#94a3b8;font-size:12px}.mp-ai-input{display:flex;gap:8px;margin-bottom:12px}.mp-ai-input input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px}.mp-ai-input input::placeholder{color:#64748b}.mp-ai-input button{background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:12px 16px;transition:all .2s}.mp-ai-input button:hover{background:#7c3aed}.mp-ai-suggestions{display:flex;flex-wrap:wrap;gap:6px}.mp-ai-suggestion{background:#ffffff0d;border:none;border-radius:20px;color:#94a3b8;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.mp-ai-suggestion:hover{background:#8b5cf633;color:#a78bfa}.mp-apply-card{text-align:center}.mp-apply-icon{align-items:center;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-radius:50%;display:flex;height:60px;margin:0 auto 16px;width:60px}.mp-apply-card h3,.mp-apply-icon{justify-content:center}.mp-apply-card p{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:16px}.mp-apply-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.mp-apply-btn:hover{box-shadow:0 8px 30px #8b5cf64d;transform:translateY(-2px)}.mp-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.mp-spinner{animation:spin 1s linear infinite;border:3px solid #1e1e2d;border-radius:50%;border-top-color:#06b6d4;height:40px;margin-bottom:16px;width:40px}.mp-empty{color:#64748b;padding:60px 20px;text-align:center}.mp-empty-icon{align-items:center;background:#16161f;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.mp-empty h3{color:#e2e8f0;font-size:1.25rem;margin-bottom:8px}.mp-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mp-modal{background:#12121a;border:1px solid #1e1e2d;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.mp-modal-header{align-items:center;border-bottom:1px solid #1e1e2d;display:flex;justify-content:space-between;padding:20px}.mp-modal-header h2{font-size:1.25rem;font-weight:700}.mp-modal-close{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s}.mp-modal-close:hover{background:#ffffff1a;color:#fff}.mp-modal-body{padding:20px}.mp-form-group{margin-bottom:20px}.mp-form-group label{color:#e2e8f0;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.mp-form-group input,.mp-form-group select,.mp-form-group textarea{background:#16161f;border:1px solid #1e1e2d;border-radius:10px;color:#fff;font-size:14px;outline:none;padding:12px;transition:border-color .2s;width:100%}.mp-form-group input:focus,.mp-form-group select:focus,.mp-form-group textarea:focus{border-color:#06b6d4}.mp-form-group textarea{min-height:100px;resize:vertical}.mp-time-slots{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.mp-time-slot{background:#16161f;border:1px solid #1e1e2d;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:13px;padding:10px;text-align:center;transition:all .2s}.mp-time-slot:hover{border-color:#06b6d4;color:#e2e8f0}.mp-time-slot.selected{background:#06b6d433;border-color:#06b6d4;color:#22d3ee}.mp-modal-footer{border-top:1px solid #1e1e2d;display:flex;gap:12px;padding:20px}.mp-modal-footer button{border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px;transition:all .2s}.mp-cancel-btn{background:#0000;border:1px solid #334155;color:#94a3b8}.mp-submit-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;color:#fff}.mp-submit-btn:hover{transform:translateY(-2px)}.mp-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.mp-ai-response{background:#0000004d;border-radius:10px;color:#e2e8f0;font-size:14px;line-height:1.6;margin-top:12px;max-height:200px;overflow-y:auto;padding:14px}.mp-ai-typing{display:flex;gap:4px;padding:8px 0}.mp-ai-typing span{animation:typing 1.4s ease-in-out infinite;background:#8b5cf6;border-radius:50%;height:8px;width:8px}.mp-ai-typing span:nth-child(2){animation-delay:.2s}.mp-ai-typing span:nth-child(3){animation-delay:.4s}@media (min-width:640px){.mp-hero-title{font-size:3rem}.mp-mentors-grid{grid-template-columns:repeat(2,1fr)}.mp-filters{align-items:center;flex-direction:row}.mp-search{flex:1 1;max-width:400px}}@media (min-width:1024px){.mp-hero-title{font-size:3.5rem}.mp-grid{grid-template-columns:1fr 340px}.mp-mentors-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.mp-mentors-grid{grid-template-columns:repeat(3,1fr)}}:root{--job-primary:#6366f1;--job-primary-dark:#4f46e5;--job-accent:#10b981;--job-accent-hover:#059669;--job-warning:#f59e0b;--job-danger:#ef4444;--job-bg-primary:#0f172a;--job-bg-secondary:#1e293b;--job-bg-card:#1e293b;--job-bg-hover:#334155;--job-border:#334155;--job-text-primary:#f1f5f9;--job-text-secondary:#94a3b8;--job-text-muted:#64748b;--job-gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--job-gradient-hero:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#312e81);--job-shadow-sm:0 2px 8px #0003;--job-shadow-md:0 4px 20px #0000004d;--job-shadow-lg:0 8px 40px #0006;--job-radius-sm:8px;--job-radius-md:12px;--job-radius-lg:16px;--job-radius-xl:24px}.job-board-container{background-color:#0f172a;background-color:var(--job-bg-primary);color:#f1f5f9;color:var(--job-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.job-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#312e81);background:var(--job-gradient-hero);overflow:hidden;padding:100px 20px 60px;position:relative}.job-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%236366f1' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.job-hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.job-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f133;border:1px solid #6366f166;border-radius:30px;color:#6366f1;color:var(--job-primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:10px 20px}.job-hero-badge svg{animation:pulse 2s infinite}.job-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:20px}.job-hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);-webkit-background-clip:text;background-clip:text}.job-hero-subtitle{color:#94a3b8;color:var(--job-text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;margin-bottom:40px;max-width:700px}.job-search-container{margin:0 auto;max-width:900px}.job-search-box{background:#1e293b;background:var(--job-bg-secondary);border:1px solid #334155;border:1px solid var(--job-border);border-radius:16px;border-radius:var(--job-radius-lg);box-shadow:0 8px 40px #0006;box-shadow:var(--job-shadow-lg);display:flex;flex-wrap:wrap;gap:12px;padding:8px}.job-search-input-wrapper{flex:1 1;min-width:200px;position:relative}.job-search-input-wrapper svg{color:#64748b;color:var(--job-text-muted);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.job-search-input{background:#0f172a;background:var(--job-bg-primary);border:1px solid #334155;border:1px solid var(--job-border);border-radius:12px;border-radius:var(--job-radius-md);color:#f1f5f9;color:var(--job-text-primary);font-size:16px;outline:none;padding:16px 16px 16px 50px;transition:all .3s ease;width:100%}.job-search-input:focus{border-color:#6366f1;border-color:var(--job-primary);box-shadow:0 0 0 3px #6366f133}.job-search-input::placeholder{color:#64748b;color:var(--job-text-muted)}.job-search-select{-webkit-appearance:none;appearance:none;background:#0f172a;background:var(--job-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #334155;border:1px solid var(--job-border);border-radius:12px;border-radius:var(--job-radius-md);color:#f1f5f9;color:var(--job-text-primary);cursor:pointer;font-size:16px;min-width:150px;outline:none;padding:16px 40px 16px 16px}.job-search-select:focus{border-color:#6366f1;border-color:var(--job-primary)}.job-search-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);border:none;border-radius:12px;border-radius:var(--job-radius-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.job-search-btn:hover{box-shadow:0 4px 20px #6366f166;transform:translateY(-2px)}.job-search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.job-stats-bar{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:48px}.job-stat-item{text-align:center}.job-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800}.job-stat-label{color:#64748b;color:var(--job-text-muted);font-size:14px;margin-top:4px}.job-quick-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.job-filter-chip{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:30px;color:#94a3b8;color:var(--job-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 20px;transition:all .3s ease}.job-filter-chip.active,.job-filter-chip:hover{background:#6366f1;background:var(--job-primary);border-color:#6366f1;border-color:var(--job-primary);color:#fff}.job-filter-chip svg{height:16px;width:16px}.job-main-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 380px;margin:0 auto;max-width:1400px;padding:40px 20px}@media (max-width:1024px){.job-main-content{grid-template-columns:1fr}}.job-list-section{display:flex;flex-direction:column;gap:20px}.job-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.job-list-title{font-size:1.5rem;font-weight:700}.job-list-count{color:#64748b;color:var(--job-text-muted);font-size:14px}.job-sort-select{background:#1e293b;background:var(--job-bg-secondary);border:1px solid #334155;border:1px solid var(--job-border);border-radius:12px;border-radius:var(--job-radius-md);color:#f1f5f9;color:var(--job-text-primary);font-size:14px;padding:10px 16px}.job-card{background:#1e293b;background:var(--job-bg-card);border:1px solid #334155;border:1px solid var(--job-border);border-radius:16px;border-radius:var(--job-radius-lg);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.job-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.job-card:hover{border-color:#6366f1;border-color:var(--job-primary);box-shadow:0 4px 20px #0000004d;box-shadow:var(--job-shadow-md);transform:translateY(-2px)}.job-card:hover:before{opacity:1}.job-card-header{display:flex;gap:16px;margin-bottom:16px}.job-company-logo{align-items:center;background:#0f172a;background:var(--job-bg-primary);border-radius:12px;border-radius:var(--job-radius-md);color:#6366f1;color:var(--job-primary);display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:56px;justify-content:center;overflow:hidden;width:56px}.job-company-logo img{height:100%;object-fit:cover;width:100%}.job-card-info{flex:1 1;min-width:0}.job-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f1f5f9;color:var(--job-text-primary);display:-webkit-box;font-size:1.125rem;font-weight:700;margin-bottom:4px;overflow:hidden}.job-company-name{color:#6366f1;color:var(--job-primary);font-size:15px;font-weight:500}.job-card-badges{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.job-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.job-badge-remote{background:#10b98126;color:#10b981;color:var(--job-accent)}.job-badge-new{background:#f59e0b26;color:#f59e0b;color:var(--job-warning)}.job-badge-featured{background:#6366f126;color:#6366f1;color:var(--job-primary)}.job-badge-match{background:linear-gradient(135deg,#6366f133,#a855f733);color:#a855f7}.job-card-meta{color:#94a3b8;color:var(--job-text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:16px;margin:12px 0}.job-meta-item{align-items:center;display:flex;gap:6px}.job-meta-item svg{color:#64748b;color:var(--job-text-muted);height:16px;width:16px}.job-card-skills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.job-skill-tag{background:#0f172a;background:var(--job-bg-primary);border:1px solid #334155;border:1px solid var(--job-border);border-radius:20px;color:#94a3b8;color:var(--job-text-secondary);font-size:12px;padding:6px 12px}.job-skill-tag.match{background:#10b9811a;border-color:#10b9814d;color:#10b981;color:var(--job-accent)}.job-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--job-text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin:12px 0;overflow:hidden}.job-card-footer{align-items:center;border-top:1px solid #334155;border-top:1px solid var(--job-border);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.job-salary{color:#10b981;color:var(--job-accent);font-size:18px;font-weight:700}.job-salary-period{color:#64748b;color:var(--job-text-muted);font-size:12px;font-weight:400}.job-card-actions{display:flex;gap:12px}.job-action-btn{align-items:center;border-radius:12px;border-radius:var(--job-radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.job-action-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);border:none;color:#fff}.job-action-btn-primary:hover{box-shadow:0 4px 20px #6366f166;transform:translateY(-2px)}.job-action-btn-secondary{background:#0000;border:1px solid #334155;border:1px solid var(--job-border);color:#94a3b8;color:var(--job-text-secondary)}.job-action-btn-secondary:hover{border-color:#6366f1;border-color:var(--job-primary);color:#6366f1;color:var(--job-primary)}.job-save-btn{align-items:center;background:#0f172a;background:var(--job-bg-primary);border:1px solid #334155;border:1px solid var(--job-border);border-radius:50%;color:#64748b;color:var(--job-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.job-save-btn.saved,.job-save-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.job-sidebar{display:flex;flex-direction:column;gap:24px}.job-sidebar-card{background:#1e293b;background:var(--job-bg-card);border:1px solid #334155;border:1px solid var(--job-border);border-radius:16px;border-radius:var(--job-radius-lg);padding:24px}.job-sidebar-title{align-items:center;display:flex;font-size:1.125rem;font-weight:700;gap:10px;margin-bottom:16px}.job-sidebar-title svg{color:#6366f1;color:var(--job-primary)}.job-ai-card{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#6366f14d;overflow:hidden;position:relative}.job-ai-card:before{animation:ai-glow 4s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes ai-glow{0%,to{transform:translate(0)}50%{transform:translate(-10%,10%)}}.job-ai-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.job-ai-input-wrapper{margin-top:16px;position:relative}.job-ai-input{background:#0f172a;background:var(--job-bg-primary);border:1px solid #334155;border:1px solid var(--job-border);border-radius:12px;border-radius:var(--job-radius-md);color:#f1f5f9;color:var(--job-text-primary);font-size:14px;outline:none;padding:14px 50px 14px 16px;transition:all .3s ease;width:100%}.job-ai-input:focus{border-color:#6366f1;border-color:var(--job-primary)}.job-ai-send-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:36px}.job-ai-send-btn:hover{transform:translateY(-50%) scale(1.1)}.job-ai-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.job-ai-suggestion{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:#6366f1;color:var(--job-primary);cursor:pointer;font-size:12px;padding:8px 14px;transition:all .3s ease}.job-ai-suggestion:hover{background:#6366f1;background:var(--job-primary);color:#fff}.job-ai-messages{margin:16px 0;max-height:300px;overflow-y:auto;padding-right:8px}.job-ai-message{border-radius:12px;border-radius:var(--job-radius-md);font-size:14px;line-height:1.6;margin-bottom:12px;padding:12px 16px}.job-ai-message-user{background:#6366f1;background:var(--job-primary);color:#fff;margin-left:20%}.job-ai-message-ai{background:#0f172a;background:var(--job-bg-primary);border:1px solid #334155;border:1px solid var(--job-border);color:#f1f5f9;color:var(--job-text-primary);margin-right:20%}.job-ai-typing{display:flex;gap:4px;padding:12px 16px}.job-ai-typing-dot{animation:typing 1.4s ease-in-out infinite;background:#6366f1;background:var(--job-primary);border-radius:50%;height:8px;width:8px}.job-ai-typing-dot:nth-child(2){animation-delay:.2s}.job-ai-typing-dot:nth-child(3){animation-delay:.4s}.job-skills-list{display:flex;flex-direction:column;gap:12px}.job-skill-match-item{align-items:center;display:flex;gap:12px}.job-skill-match-icon{align-items:center;background:#10b9811a;border-radius:50%;color:#10b981;color:var(--job-accent);display:flex;height:32px;justify-content:center;width:32px}.job-skill-match-icon.missing{background:#f59e0b1a;color:#f59e0b;color:var(--job-warning)}.job-skill-match-info{flex:1 1}.job-skill-match-name{font-size:14px;font-weight:500}.job-skill-match-demand{color:#64748b;color:var(--job-text-muted);font-size:12px}.job-skill-match-bar{background:#0f172a;background:var(--job-bg-primary);border-radius:3px;height:6px;overflow:hidden;width:60px}.job-skill-match-bar-fill{background:#10b981;background:var(--job-accent);border-radius:3px;height:100%}.job-app-tracker{display:flex;flex-direction:column;gap:12px}.job-app-item{align-items:center;background:#0f172a;background:var(--job-bg-primary);border-radius:12px;border-radius:var(--job-radius-md);display:flex;gap:12px;padding:12px}.job-app-status{border-radius:50%;height:10px;width:10px}.job-app-status.pending{background:#f59e0b;background:var(--job-warning)}.job-app-status.reviewed{background:#6366f1;background:var(--job-primary)}.job-app-status.interview{background:#10b981;background:var(--job-accent)}.job-app-info{flex:1 1}.job-app-title{font-size:14px;font-weight:500}.job-app-company{font-size:12px}.job-app-company,.job-app-date{color:#64748b;color:var(--job-text-muted)}.job-app-date{font-size:11px}.job-loading{align-items:center;color:#64748b;color:var(--job-text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.job-loading-spinner{animation:spin 1s linear infinite;border:3px solid #334155;border-top-color:#6366f1;border:3px solid var(--job-border);border-radius:50%;border-top-color:var(--job-primary);height:50px;margin-bottom:16px;width:50px}.job-empty-state{padding:60px 20px;text-align:center}.job-empty-icon{align-items:center;background:#1e293b;background:var(--job-bg-secondary);border-radius:50%;color:#64748b;color:var(--job-text-muted);display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.job-empty-title{font-size:1.25rem;font-weight:600;margin-bottom:8px}.job-empty-text{color:#64748b;color:var(--job-text-muted);font-size:14px}.job-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.job-modal{animation:modalIn .3s ease;background:#1e293b;background:var(--job-bg-secondary);border-radius:24px;border-radius:var(--job-radius-xl);max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.job-modal-close{align-items:center;background:#0f172a;background:var(--job-bg-primary);border:1px solid #334155;border:1px solid var(--job-border);border-radius:50%;color:#94a3b8;color:var(--job-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.job-modal-close:hover{border-color:#ef4444;border-color:var(--job-danger);color:#fff}.job-modal-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--job-border);padding:32px}.job-modal-company-row{align-items:center;display:flex;gap:16px;margin-bottom:16px}.job-modal-logo{align-items:center;background:#0f172a;background:var(--job-bg-primary);border-radius:12px;border-radius:var(--job-radius-md);color:#6366f1;color:var(--job-primary);display:flex;font-size:28px;font-weight:700;height:72px;justify-content:center;width:72px}.job-modal-title{font-size:1.5rem;font-weight:700;margin-bottom:4px}.job-modal-company{color:#6366f1;color:var(--job-primary);font-size:16px;font-weight:500}.job-modal-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}.job-modal-body{padding:32px}.job-modal-section{margin-bottom:32px}.job-modal-section-title{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin-bottom:16px}.job-modal-section-title svg{color:#6366f1;color:var(--job-primary)}.job-modal-description{color:#94a3b8;color:var(--job-text-secondary);font-size:15px;line-height:1.8}.job-modal-list{list-style:none;padding:0}.job-modal-list li{color:#94a3b8;color:var(--job-text-secondary);line-height:1.6;padding:10px 0 10px 24px;position:relative}.job-modal-list li:before{color:#6366f1;color:var(--job-primary);content:"→";left:0;position:absolute}.job-ai-guidance{background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #6366f133;border-radius:16px;border-radius:var(--job-radius-lg);padding:24px}.job-ai-guidance-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.job-ai-guidance-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.job-ai-guidance-title{font-size:16px;font-weight:600}.job-ai-guidance-content{color:#94a3b8;color:var(--job-text-secondary);font-size:14px;line-height:1.7}.job-ai-guidance-tips{display:flex;flex-direction:column;gap:12px;margin-top:16px}.job-ai-guidance-tip{align-items:flex-start;background:#0f172a;background:var(--job-bg-primary);border-radius:12px;border-radius:var(--job-radius-md);display:flex;gap:12px;padding:12px}.job-ai-guidance-tip-icon{color:#10b981;color:var(--job-accent);flex-shrink:0;margin-top:2px}.job-modal-footer{align-items:center;border-top:1px solid #334155;border-top:1px solid var(--job-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 32px}.job-apply-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--job-gradient-primary);border:none;border-radius:12px;border-radius:var(--job-radius-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s ease}.job-apply-btn:hover{box-shadow:0 4px 20px #6366f166;transform:translateY(-2px)}.job-pagination{gap:12px;margin-top:32px}.job-page-btn,.job-pagination{align-items:center;display:flex;justify-content:center}.job-page-btn{background:#1e293b;background:var(--job-bg-secondary);border:1px solid #334155;border:1px solid var(--job-border);border-radius:12px;border-radius:var(--job-radius-md);color:#94a3b8;color:var(--job-text-secondary);cursor:pointer;height:40px;transition:all .3s ease;width:40px}.job-page-btn.active,.job-page-btn:hover{background:#6366f1;background:var(--job-primary);border-color:#6366f1;border-color:var(--job-primary);color:#fff}.job-page-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.job-hero{padding:80px 16px 40px}.job-search-box{flex-direction:column;gap:8px}.job-search-select{width:100%}.job-stats-bar{gap:16px}.job-main-content{padding:24px 16px}.job-card{padding:16px}.job-card-header{flex-direction:column;gap:12px}.job-card-badges{margin-left:0}.job-card-footer{align-items:flex-start;flex-direction:column;gap:12px}.job-modal{margin:10px;max-height:95vh}.job-modal-body,.job-modal-footer,.job-modal-header{padding:20px}.job-modal-footer{flex-direction:column}.job-apply-btn{justify-content:center;width:100%}}.job-source-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 12px;text-transform:capitalize}.job-source-arbeitnow{background:#10b98126;color:#10b981}.job-source-themuse{background:#f59e0b26;color:#f59e0b}.job-source-jsearch{background:#3b82f626;color:#3b82f6}.job-source-adzuna{background:#a855f726;color:#a855f7}.job-source-linkedin{background:#0a66c226;color:#0a66c2}.job-source-indeed{background:#003c7126;color:#003c71}.job-source-internal,.job-source-qorenova{background:#6366f126;color:#6366f1;color:var(--job-primary)}.job-apply-btn-external{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 14px;text-decoration:none;transition:all .2s ease}.job-apply-btn-external:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.job-ai-messages::-webkit-scrollbar,.job-modal::-webkit-scrollbar{width:6px}.job-ai-messages::-webkit-scrollbar-track,.job-modal::-webkit-scrollbar-track{background:#0f172a;background:var(--job-bg-primary)}.job-ai-messages::-webkit-scrollbar-thumb,.job-modal::-webkit-scrollbar-thumb{background:#334155;background:var(--job-border);border-radius:3px}.job-ai-messages::-webkit-scrollbar-thumb:hover,.job-modal::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--job-primary)}.contact-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0c1222,#0f172a 50%,#0c1222);color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.contact-page *{box-sizing:border-box}.contact-hero{background:linear-gradient(180deg,#1e293bcc,#0f172a66);border-bottom:1px solid #94a3b814;overflow:hidden;padding:3rem 1.5rem 4rem;position:relative;text-align:center}.contact-hero:before{background:radial-gradient(ellipse at center,#6366f11f 0,#0000 70%);content:"";filter:blur(60px);height:400px;left:50%;pointer-events:none;position:absolute;top:-30%;transform:translateX(-50%);width:800px}.hero-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#6366f11f;border:1px solid #818cf840;border-radius:50px;box-shadow:0 0 20px #6366f126;color:#a5b4fc;display:inline-flex;font-size:.875rem;font-weight:500;gap:.625rem;letter-spacing:.01em;padding:.625rem 1.25rem}.hero-badge svg{color:#c4b5fd;height:16px;width:16px}.contact-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f1f5f9 30%,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;letter-spacing:-.04em;line-height:1.05;margin:0;text-shadow:0 0 40px #6366f133}.contact-hero p{color:#cbd5e1;font-size:1.125rem;font-weight:400;line-height:1.7;margin:0;max-width:520px}.contact-main{margin:0 auto;max-width:1200px;padding:0 1.25rem 4rem;position:relative}.contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:-2rem}.contact-form-section{order:1}.form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 4px 6px -1px #0003,0 10px 15px -3px #0000001a,inset 0 1px 0 #ffffff0d;padding:2rem}.form-card h2{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1.75rem}.alert{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:.875rem;gap:.875rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert svg{flex-shrink:0;margin-top:2px}.alert strong{display:block;font-weight:600;margin-bottom:.25rem}.alert p{line-height:1.5;margin:0;opacity:.9}.alert.success{background:#22c55e1f;border:1px solid #22c55e40;color:#86efac}.alert.success svg{color:#4ade80}.alert.error{background:#ef44441f;border:1px solid #ef444440;color:#fca5a5}.alert.error svg{color:#f87171}.inquiry-types{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.inquiry-btn{align-items:center;background:#0f172a99;border:1px solid #94a3b826;border-radius:14px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;font-size:.8125rem;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;padding:1.125rem .75rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.inquiry-btn:before{background:linear-gradient(135deg,#6366f126,#a855f71a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.inquiry-btn:hover{border-color:#94a3b84d;color:#e2e8f0;transform:translateY(-2px)}.inquiry-btn:hover:before{opacity:1}.inquiry-btn.active{background:linear-gradient(135deg,#6366f133,#a855f726);border-color:#818cf880;box-shadow:0 0 20px #6366f133;color:#c4b5fd}.inquiry-btn.active:before{opacity:0}.inquiry-icon{font-size:1.5rem;line-height:1}.inquiry-btn span:last-child,.inquiry-icon{position:relative;z-index:1}form{display:flex;flex-direction:column}.form-row{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:1fr;margin-bottom:1.25rem}.form-group label{align-items:center;color:#fff!important;display:flex;font-size:.9375rem;gap:.5rem;margin-bottom:.625rem}.form-group label svg{color:#a5b4fc;height:16px;width:16px}.required{color:#fda4af!important}.optional{color:#cbd5e1!important;font-size:.75rem;font-weight:400;margin-left:auto}.form-group input,.form-group textarea{background:#0f172ab3;border:1px solid #94a3b833;border-radius:10px;color:#f1f5f9;font-family:inherit;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:hover,.form-group textarea:hover{border-color:#94a3b84d}.form-group input:focus,.form-group textarea:focus{background:#0f172ae6;border-color:#818cf899;box-shadow:0 0 0 3px #6366f126,0 0 20px #6366f11a;outline:none}.form-group input.error,.form-group textarea.error{border-color:#f8717199}.form-group input.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #f8717126}.form-group textarea{line-height:1.6;min-height:130px}.error-text{color:#f87171;font-size:.75rem;gap:.375rem;margin-top:.5rem}.error-text,.submit-btn{align-items:center;display:flex}.submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background-size:200% 200%;border:none;border-radius:12px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.625rem;justify-content:center;margin-top:.75rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.submit-btn:before{background:linear-gradient(135deg,#818cf8,#a78bfa);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn span,.submit-btn svg{position:relative;z-index:1}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}.contact-info-section{display:flex;flex-direction:column;gap:1.25rem;order:2}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bb3;border:1px solid #94a3b826;border-radius:16px;padding:1.5rem}.info-card h3{align-items:center;color:#fff;display:flex;font-size:1.0625rem;font-weight:600;gap:.5rem;margin:0 0 1.25rem}.info-card h3 svg{color:#818cf8;height:20px;width:20px}.contact-methods{display:flex;flex-direction:column;gap:.75rem}.contact-method{align-items:center;background:#0f172a80;border:1px solid #0000;border-radius:12px;color:inherit;display:flex;gap:1rem;padding:.875rem;text-decoration:none;transition:all .2s ease}a.contact-method:hover{background:#0f172acc;border-color:#6366f14d;transform:translateX(4px)}.method-icon{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f71a);border-radius:10px;color:#a5b4fc;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.method-details{display:flex;flex-direction:column;gap:.125rem}.method-label{color:#cbd5e1;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.method-value{color:#fff;font-size:.9375rem;font-weight:500}.social-links{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(3,1fr)}.social-link{align-items:center;background:#0f172a80;border:1px solid #0000;border-radius:10px;color:#cbd5e1;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem .5rem;text-decoration:none;transition:all .2s ease}.social-link svg{flex-shrink:0;height:20px;width:20px}.social-link:hover{color:#fff;transform:translateY(-2px)}.social-link.linkedin:hover{background:linear-gradient(135deg,#0077b533,#0077b51a);border-color:#0077b566;color:#00a0dc}.social-link.linkedin:hover svg{color:#00a0dc}.social-link.twitter:hover{background:linear-gradient(135deg,#1da1f233,#1da1f21a);border-color:#1da1f266;color:#1da1f2}.social-link.twitter:hover svg{color:#1da1f2}.social-link.youtube:hover svg{color:#f44}.social-link.youtube:hover{background:linear-gradient(135deg,#f003,#ff00001a);border-color:#f006;color:#f44}.social-link span{display:none}.status-card{background:linear-gradient(135deg,#22c55e14,#10b9810d);border-color:#22c55e33}.status-badge{align-items:center;color:#86efac;display:inline-flex;font-size:.8125rem;gap:.625rem;margin-bottom:.875rem}.status-dot{animation:pulse 2s ease-in-out infinite;background:#4ade80;box-shadow:0 0 10px #4ade8080}.status-card p{color:#cbd5e1;font-size:.875rem;line-height:1.6;margin:0}.faq-section{margin-top:4rem;padding:0 .5rem}.faq-section h2{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 2rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:.875rem;margin:0 auto;max-width:800px}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #94a3b81a;border-radius:14px;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:#94a3b833}.faq-item.expanded{border-color:#818cf84d;box-shadow:0 0 20px #6366f11a}.faq-question{align-items:center;background:#0000;border:none;color:#e2e8f0;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.faq-question:hover{color:#fff}.faq-question svg{color:#818cf8;flex-shrink:0;transition:transform .3s ease}.faq-item.expanded .faq-question svg{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem 1.5rem}.faq-answer p{color:#94a3b8;font-size:.9375rem;line-height:1.7;margin:0}.cta-section{background:linear-gradient(135deg,#6366f11a,#a855f714);border:1px solid #94a3b81a;border-radius:24px;margin:4rem 0 0;overflow:hidden;padding:3.5rem 2rem;position:relative;text-align:center}.cta-section:before{background:linear-gradient(90deg,#0000,#818cf880 50%,#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60%}.cta-content{margin:0 auto;max-width:500px;position:relative;z-index:1}.cta-section h2{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .875rem}.cta-section p{color:#94a3b8;font-size:1rem;line-height:1.6;margin:0 0 1.75rem}.cta-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f14d;color:#fff;gap:.625rem;padding:1rem 2rem}.cta-btn:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-3px)}.cta-btn svg{transition:transform .2s ease}.cta-btn:hover svg{transform:translateX(4px)}@media (min-width:640px){.contact-hero{padding:4rem 2rem 5rem}.contact-hero h1{font-size:4rem}.contact-hero p{font-size:1.1875rem;max-width:580px}.hero-content{gap:1.75rem}.contact-main{padding:0 2rem 4rem}.form-card{padding:2.5rem}.inquiry-types{grid-template-columns:repeat(4,1fr)}.inquiry-btn{padding:1.25rem 1rem}.inquiry-icon{font-size:1.75rem}.form-row{grid-template-columns:repeat(2,1fr)}.social-link span{display:inline}.faq-section{padding:0}.faq-section h2{font-size:2rem}.cta-section{margin:4rem 0 0;padding:4rem 2.5rem}}@media (min-width:1024px){.contact-hero{padding:5rem 2rem 6rem}.contact-hero h1{font-size:4.5rem}.contact-hero p{font-size:1.25rem;max-width:640px}.hero-content{gap:2rem}.contact-main{padding:0 0 5rem}.contact-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 360px;margin-top:-3rem}.form-card{padding:3rem}.form-card h2{font-size:1.625rem}.info-card{padding:1.75rem}.faq-section{margin-top:5rem}.faq-section h2{font-size:2.25rem;margin-bottom:2.5rem}.cta-section{margin-top:5rem}.cta-section h2{font-size:2.25rem}.cta-section p{font-size:1.0625rem}}@media (min-width:1280px){.contact-grid{grid-template-columns:1fr 400px}}@media (prefers-reduced-motion:reduce){.contact-page *,.contact-page :after,.contact-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--about-bg:#0a0e1a;--about-surface:#111827;--about-border:#ffffff14;--about-text:#e2e8f0;--about-muted:#94a3b8;--about-accent:#f59e0b;--about-accent-2:#06b6d4;--about-gradient:linear-gradient(135deg,#f59e0b,#f97316)}.about-page{background:#0a0e1a;background:var(--about-bg);color:#e2e8f0;color:var(--about-text);min-height:100vh;overflow-x:hidden}.about-container{margin:0 auto;max-width:1200px;padding:0 24px}.about-hero{align-items:center;display:flex;justify-content:center;min-height:90vh;overflow:hidden;padding:120px 24px 80px;position:relative}.about-hero-content{max-width:900px;position:relative;text-align:center;z-index:2}.about-hero-badge{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:50px;color:#f59e0b;color:var(--about-accent);display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;margin-bottom:32px;padding:8px 16px}.about-hero-title{color:#fff;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.2;margin-bottom:24px}.about-hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#f97316);background:var(--about-gradient);-webkit-background-clip:text;background-clip:text}.about-hero-subtitle{color:#94a3b8;color:var(--about-muted);font-size:1.25rem;line-height:1.7;margin:0 auto 40px;max-width:700px}.about-hero-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background:linear-gradient(135deg,#f59e0b,#f97316);background:var(--about-gradient);color:#000}.cta-btn.primary:hover{box-shadow:0 10px 40px #f59e0b4d;transform:translateY(-2px)}.cta-btn.secondary{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--about-border);color:#e2e8f0;color:var(--about-text)}.cta-btn.secondary:hover{background:#ffffff1a;border-color:#fff3}.cta-btn.large{font-size:1.1rem;padding:18px 36px}.about-hero-visual{inset:0;overflow:hidden;position:absolute;z-index:1}.hero-glow{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,#f59e0b26 0,#0000 60%);filter:blur(80px);height:800px;left:50%;position:absolute;top:20%;transform:translateX(-50%);width:800px}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px;inset:0;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 40%,#0000 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 40%,#0000 100%);position:absolute}.about-story{background:#111827;background:var(--about-surface);padding:100px 0}.story-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.story-block{background:#0a0e1a;background:var(--about-bg);border:1px solid #ffffff14;border:1px solid var(--about-border);border-radius:24px;padding:48px;transition:all .3s ease}.story-block:hover{border-color:#f59e0b4d;transform:translateY(-4px)}.story-icon{align-items:center;border-radius:16px;display:flex;height:56px;justify-content:center;margin-bottom:24px;width:56px}.story-block.problem .story-icon{background:#ef444426;color:#ef4444}.story-block.solution .story-icon{background:#10b98126;color:#10b981}.story-block h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:16px}.story-block p{color:#94a3b8;color:var(--about-muted);font-size:1.1rem;line-height:1.7}.about-features{padding:100px 0}.features-header{margin-bottom:60px;text-align:center}.features-header h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:12px}.features-header p{color:#94a3b8;color:var(--about-muted);font-size:1.2rem}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#111827;background:var(--about-surface);border:1px solid var(--about-border);border-radius:20px;padding:32px}.feature-card:hover{border-color:#f59e0b4d;transform:translateY(-4px)}.feature-icon{border-radius:12px;margin-bottom:20px}.feature-card h3{font-size:1.15rem;margin-bottom:10px}.feature-card p{color:#94a3b8;color:var(--about-muted);font-size:.95rem;line-height:1.6}.about-founder{background:#111827;background:var(--about-surface);padding:100px 0}.founder-content{align-items:center;display:flex;gap:80px;margin:0 auto;max-width:900px}.founder-image{flex-shrink:0;position:relative}.founder-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);background:var(--about-gradient);border-radius:50%;color:#000;display:flex;font-size:3.5rem;font-weight:700;height:180px;justify-content:center;position:relative;width:180px;z-index:2}.founder-glow{background:radial-gradient(circle,#f59e0b4d 0,#0000 70%);border-radius:50%;filter:blur(30px);inset:-20px;position:absolute;z-index:1}.founder-text{flex:1 1}.founder-label{align-items:center;background:#f59e0b1a;border-radius:50px;color:#f59e0b;color:var(--about-accent);display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;margin-bottom:20px;padding:6px 14px}.founder-quote{border-left:3px solid #f59e0b;border-left:3px solid var(--about-accent);color:#e2e8f0;color:var(--about-text);font-size:1.4rem;font-style:italic;line-height:1.7;margin:0 0 24px;padding-left:20px}.founder-info h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:4px}.founder-info p{color:#94a3b8;color:var(--about-muted);font-size:.95rem;margin-bottom:20px}.founder-social{display:flex;gap:12px}.founder-social a{align-items:center;background:#ffffff0d;border-radius:10px;color:#94a3b8;color:var(--about-muted);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.founder-social a:hover{background:#f59e0b;background:var(--about-accent);color:#000}.about-vision{padding:100px 0}.vision-content{margin:0 auto;max-width:800px;text-align:center}.vision-content h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:24px}.vision-statement{color:#94a3b8;color:var(--about-muted);font-size:1.5rem;line-height:1.7;margin-bottom:48px}.vision-statement strong{color:#f59e0b;color:var(--about-accent)}.vision-values{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.value-pill{align-items:center;background:#111827;background:var(--about-surface);border:1px solid #ffffff14;border:1px solid var(--about-border);border-radius:50px;color:#e2e8f0;color:var(--about-text);display:flex;font-size:.95rem;gap:8px;padding:12px 20px;transition:all .3s ease}.value-pill:hover{border-color:#f59e0b;border-color:var(--about-accent);transform:translateY(-2px)}.value-emoji{font-size:1.2rem}.about-cta{background:#111827;background:var(--about-surface);padding:100px 0 120px}.about-cta .cta-content{margin:0 auto;max-width:600px;text-align:center}.about-cta h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:16px}.about-cta>.about-container>.cta-content>p{color:#94a3b8;color:var(--about-muted);font-size:1.15rem;margin-bottom:32px}.cta-buttons{margin-bottom:20px}.cta-note{color:#94a3b8;color:var(--about-muted);font-size:.85rem}@media (max-width:1024px){.story-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.founder-content{flex-direction:column;gap:40px;text-align:center}.founder-quote{border-left:none;border-top:3px solid #f59e0b;border-top:3px solid var(--about-accent);padding-left:0;padding-top:20px}.founder-social{justify-content:center}}@media (max-width:768px){.about-hero{min-height:auto;padding:100px 20px 60px}.about-hero-title{font-size:2rem}.about-hero-subtitle{font-size:1.1rem}.about-hero-cta{align-items:center;flex-direction:column}.cta-btn{justify-content:center;max-width:300px;width:100%}.story-block{padding:32px}.features-grid{grid-template-columns:1fr}.features-header h2{font-size:2rem}.founder-avatar{font-size:2.5rem;height:140px;width:140px}.founder-quote{font-size:1.15rem}.vision-statement{font-size:1.2rem}.about-cta h2{font-size:2rem}section{padding:60px 0}}@media (max-width:480px){.about-container{padding:0 16px}.about-hero-badge{font-size:.75rem;padding:6px 12px}.story-block h2{font-size:1.25rem}.feature-card{padding:24px}.value-pill{font-size:.85rem;padding:10px 16px}}:root{--admin-bg:#0f172a;--admin-surface:#1e293b;--admin-surface-hover:#334155;--admin-border:#94a3b826;--admin-text:#f8fafc;--admin-text-secondary:#94a3b8;--admin-text-muted:#64748b;--admin-primary:#3b82f6;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-danger:#ef4444;--admin-info:#06b6d4;--admin-radius:12px;--admin-radius-sm:8px;--admin-transition:0.2s ease}.admin-dashboard{background:#0f172a;background:var(--admin-bg);color:#f8fafc;color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.admin-loading{color:#94a3b8;color:var(--admin-text-secondary);flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.admin-header,.admin-loading{align-items:center;display:flex}.admin-header{background:#1e293b;background:var(--admin-surface);border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);justify-content:space-between;padding:1.5rem 2rem}.header-left{align-items:center;display:flex;gap:1rem}.admin-icon{color:#3b82f6;color:var(--admin-primary)}.header-left h1{font-size:1.5rem;font-weight:600}.header-left p{font-size:.875rem;margin:0}.btn-icon,.header-left p{color:#94a3b8;color:var(--admin-text-secondary)}.btn-icon{align-items:center;background:#334155;background:var(--admin-surface-hover);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);cursor:pointer;display:flex;height:40px;justify-content:center;transition:.2s ease;transition:var(--admin-transition);width:40px}.btn-icon:hover{background:#3b82f6;background:var(--admin-primary);color:#fff}.btn-logout{align-items:center;background:#ef444426;border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#ef4444;color:var(--admin-danger);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.btn-logout:hover{background:#ef4444;background:var(--admin-danger);color:#fff}.admin-nav{background:#1e293b;background:var(--admin-surface);border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);display:flex;gap:.25rem;overflow-x:auto;padding:.75rem 2rem}.nav-tab{border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);transition:.2s ease;transition:var(--admin-transition)}.nav-tab:hover{background:#334155;background:var(--admin-surface-hover);color:#f8fafc;color:var(--admin-text)}.nav-tab.active{background:#3b82f6;background:var(--admin-primary)}.admin-subnav{background:#0f172a;background:var(--admin-bg);border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 2rem}.subnav-tab{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.625rem 1rem;transition:.2s ease;transition:var(--admin-transition);white-space:nowrap}.subnav-tab:hover{background:#334155;background:var(--admin-surface-hover);color:#f8fafc;color:var(--admin-text)}.subnav-tab.active,.subnav-tab:hover{border-color:#3b82f6;border-color:var(--admin-primary)}.subnav-tab.active{background:#3b82f6;background:var(--admin-primary);color:#fff}.subnav-tab svg{flex-shrink:0}.admin-alert{align-items:center;background:#ef44441a;border-bottom:1px solid #ef444433;color:#ef4444;color:var(--admin-danger);display:flex;gap:.75rem;padding:1rem 2rem}.admin-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;margin-left:auto}.admin-content{margin:0 auto;max-width:1600px;padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{align-items:flex-start;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:var(--admin-radius)}.stat-card.primary{border-left:4px solid #3b82f6;border-left:4px solid var(--admin-primary)}.stat-card.success{border-left:4px solid #10b981;border-left:4px solid var(--admin-success)}.stat-card.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--admin-warning)}.stat-card.info{border-left:4px solid #06b6d4;border-left:4px solid var(--admin-info)}.stat-icon{background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);color:#94a3b8;color:var(--admin-text-secondary);height:48px;width:48px}.stat-card.primary .stat-icon{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.stat-card.success .stat-icon{background:#10b98126;color:#10b981;color:var(--admin-success)}.stat-card.warning .stat-icon{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.stat-card.info .stat-icon{background:#06b6d426;color:#06b6d4;color:var(--admin-info)}.stat-value{margin-bottom:.25rem}.stat-meta,.stat-trend{align-items:center;color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.stat-trend.positive{color:#10b981;color:var(--admin-success)}.pending-actions{margin-bottom:2rem}.pending-actions h3{align-items:center;color:#f59e0b;color:var(--admin-warning);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.pending-grid{display:flex;flex-wrap:wrap;gap:1rem}.pending-card{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.5rem}.pending-count{color:#f59e0b;color:var(--admin-warning);font-size:1.5rem;font-weight:700}.pending-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem}.user-distribution{margin-bottom:2rem}.user-distribution h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.distribution-grid{display:flex;flex-wrap:wrap;gap:1rem}.role-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);min-width:100px;padding:1rem 1.5rem;text-align:center}.role-count{display:block;font-size:1.75rem;font-weight:700}.role-name{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem;text-transform:capitalize}.role-card.student{border-top:3px solid #3b82f6;border-top:3px solid var(--admin-primary)}.role-card.instructor{border-top:3px solid #10b981;border-top:3px solid var(--admin-success)}.role-card.admin{border-top:3px solid #ef4444;border-top:3px solid var(--admin-danger)}.role-card.content-creator{border-top:3px solid #f59e0b;border-top:3px solid var(--admin-warning)}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.recent-section{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.recent-section h3{align-items:center;color:#f8fafc;color:var(--admin-text);display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.activity-list{gap:.75rem}.activity-item{border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);gap:.75rem;padding:.5rem 0}.activity-item:last-child{border-bottom:none}.activity-dot{background:#3b82f6;background:var(--admin-primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.activity-content{min-width:0}.activity-action{color:#f8fafc;color:var(--admin-text);display:block;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-user{color:#64748b;display:block}.activity-time,.activity-user{color:var(--admin-text-muted);font-size:.75rem}.activity-time{margin-left:.5rem}.top-courses-list{gap:.75rem}.course-item{background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);gap:.75rem;padding:.75rem}.course-rank{background:#3b82f6;background:var(--admin-primary);font-size:.75rem;font-weight:600;height:24px;width:24px}.course-title{display:block;font-size:.875rem}.course-enrollments{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.recent-users-section{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.recent-users-section h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.users-table-wrapper{overflow-x:auto}.data-table td,.data-table th{border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);padding:.75rem 1rem;text-align:left}.data-table th{color:#94a3b8;color:var(--admin-text-secondary);letter-spacing:.05em}.data-table tbody tr:hover,.data-table th{background:#334155;background:var(--admin-surface-hover)}.badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.badge.student{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.badge.instructor{background:#10b98126;color:#10b981;color:var(--admin-success)}.badge.admin{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.badge.content-creator{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status.active,.status.published{background:#10b98126;color:#10b981;color:var(--admin-success)}.status.draft,.status.inactive{background:#64748b26;color:#64748b;color:var(--admin-text-muted)}.status.pending-approval,.status.suspended{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.empty-state{font-size:.875rem}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tab-header h2{font-size:1.25rem;font-weight:600;margin:0}.filters{display:flex;flex-wrap:wrap;gap:.75rem}.search-box{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;gap:.5rem;padding:.5rem 1rem}.search-box input{background:none;border:none;color:#f8fafc;color:var(--admin-text);font-size:.875rem;outline:none;width:180px}.search-box input::placeholder{color:#64748b;color:var(--admin-text-muted)}.filters select{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.action-btns{display:flex;gap:.25rem}.btn-icon.small{height:32px;width:32px}.btn-icon.danger:hover{background:#ef4444;background:var(--admin-danger)}.btn-refresh{color:#f8fafc;color:var(--admin-text)}.pagination{border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.pagination,.pagination-btns{align-items:center;display:flex}.pagination-btns{gap:.5rem}.pagination-btns button{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.pagination-btns button:hover:not(:disabled){background:#334155;background:var(--admin-surface-hover)}.pagination-btns button:disabled{cursor:not-allowed;opacity:.5}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.course-card .course-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.course-card h4{flex:1 1;font-size:1rem;font-weight:600;margin:0;padding-right:.5rem}.course-desc{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.course-meta{color:#64748b;color:var(--admin-text-muted);display:flex;gap:1rem;margin-bottom:1rem}.btn-small,.course-meta span{align-items:center;display:flex;gap:.25rem}.btn-small{background:#334155;background:var(--admin-surface-hover);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;font-size:.75rem;padding:.5rem .75rem;transition:.2s ease;transition:var(--admin-transition)}.btn-small:hover{background:#3b82f6;background:var(--admin-primary);color:#fff}.btn-small.danger:hover{background:#ef4444;background:var(--admin-danger)}.timeline-item{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem}.timeline-dot{background:#3b82f6;background:var(--admin-primary);border-radius:50%;flex-shrink:0;height:12px;margin-top:.25rem;width:12px}.timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.action-badge{background:#334155;background:var(--admin-surface-hover);border-radius:4px;color:#f8fafc;color:var(--admin-text);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.action-badge.auth{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.action-badge.course{background:#10b98126;color:#10b981;color:var(--admin-success)}.action-badge.enrollment{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.action-badge.system{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.timeline-time{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.timeline-desc{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;margin:0 0 .5rem}.timeline-user{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem;text-align:center}.analytics-card h4{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;font-weight:400;margin:0 0 .5rem}.big-number{color:#3b82f6;color:var(--admin-primary);display:block;font-size:2.5rem;font-weight:700}.analytics-card small{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.analytics-section{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.analytics-section h3{font-size:1rem;margin:0 0 1rem}.breakdown-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.breakdown-item{align-items:center;background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;justify-content:space-between;padding:.75rem 1rem}.breakdown-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;text-transform:capitalize}.breakdown-value{font-size:1.25rem;font-weight:600}.settings-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.setting-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);cursor:pointer;padding:1.5rem;transition:.2s ease;transition:var(--admin-transition)}.setting-card:hover{background:#334155;background:var(--admin-surface-hover);border-color:#3b82f6;border-color:var(--admin-primary)}.setting-card h4{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 .5rem}.setting-card p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;margin:0}@media (max-width:768px){.admin-header{flex-direction:column;gap:1rem;padding:1rem}.header-left{flex-direction:column;text-align:center}.header-actions,.header-left{justify-content:center;width:100%}.admin-nav{padding:.5rem 1rem}.nav-tab span{display:none}.admin-content{padding:1rem}.stats-grid{gap:1rem;grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;padding:1rem}.stat-value{font-size:1.5rem}.overview-grid{grid-template-columns:1fr}.tab-header{align-items:stretch}.filters,.tab-header{flex-direction:column}.search-box input{width:100%}.courses-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.nav-tab.ai-tab{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid #8b5cf64d;position:relative}.nav-tab.ai-tab.active{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:#0000}.nav-tab .sparkle{animation:sparkle 2s ease-in-out infinite;color:#fbbf24;position:absolute;right:6px;top:6px}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.agent-header{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid #8b5cf633;border-radius:12px;border-radius:var(--admin-radius);justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.agent-header,.agent-identity{align-items:center;display:flex}.agent-identity{gap:1rem}.agent-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;position:relative;width:60px}.agent-pulse{animation:pulse 2s ease-out infinite;border:2px solid #8b5cf6;border-radius:50%;inset:-4px;position:absolute}.agent-info h2{align-items:center;display:flex;font-size:1.5rem;gap:.75rem;margin:0}.agent-badge{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:9999px;font-size:.7rem;font-weight:500;padding:.25rem .5rem}.agent-info p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;margin:.25rem 0 0}.agent-status-indicators{align-items:center;display:flex;gap:1rem}.status-indicator{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;color:#10b981;color:var(--admin-success);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.status-indicator.active svg{animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.agent-version{background:#334155;background:var(--admin-surface-hover);border-radius:4px;color:#64748b;color:var(--admin-text-muted);font-size:.75rem;padding:.25rem .5rem}.agent-capabilities{margin-bottom:1.5rem}.agent-capabilities h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.capabilities-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.capability-card{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.capability-card.active{border-color:#10b9814d}.capability-card.active,.capability-card.active svg{color:#10b981;color:var(--admin-success)}.agent-health-section{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);margin-bottom:1.5rem;padding:1.5rem}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header-row h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0}.health-overview{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:auto 1fr}.health-score-card{background:#334155;background:var(--admin-surface-hover);border:2px solid #0000;border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem 2rem;text-align:center}.health-score-card.healthy{border-color:#10b981;border-color:var(--admin-success)}.health-score-card.warning{border-color:#f59e0b;border-color:var(--admin-warning)}.health-score-card.critical{border-color:#ef4444;border-color:var(--admin-danger)}.health-score{font-size:3rem;font-weight:700;line-height:1}.health-score-card.healthy .health-score{color:#10b981;color:var(--admin-success)}.health-score-card.warning .health-score{color:#f59e0b;color:var(--admin-warning)}.health-score-card.critical .health-score{color:#ef4444;color:var(--admin-danger)}.health-label{color:#64748b;color:var(--admin-text-muted);display:block;letter-spacing:.05em;text-transform:uppercase}.health-label,.health-status{font-size:.75rem;margin-top:.5rem}.health-status{border-radius:9999px;display:inline-block;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.health-status.healthy{background:#10b98126;color:#10b981;color:var(--admin-success)}.health-status.warning{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.health-status.critical{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.health-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric{align-items:center;background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;gap:.75rem}.metric svg{color:#3b82f6;color:var(--admin-primary)}.metric-value{display:block}.metric-label{color:var(--admin-text-muted);font-size:.75rem}.agent-actions-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.agent-insights-section,.agent-scan-section{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.btn-scan{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.btn-scan:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.btn-scan:disabled{cursor:not-allowed;opacity:.6}.scan-results{margin-top:1rem}.scan-summary{background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);justify-content:space-between;margin-bottom:1rem;padding:1rem}.scan-status,.scan-summary{align-items:center;display:flex}.scan-status{font-weight:500;gap:.5rem}.scan-status.healthy{color:#10b981;color:var(--admin-success)}.scan-status.attention_needed{color:#f59e0b;color:var(--admin-warning)}.scan-counts{color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.875rem;gap:1rem}.recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-item{background:#334155;background:var(--admin-surface-hover);border-left:3px solid #64748b;border-left:3px solid var(--admin-text-muted);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem}.recommendation-item.high{border-left-color:#ef4444;border-left-color:var(--admin-danger)}.recommendation-item.medium{border-left-color:#f59e0b;border-left-color:var(--admin-warning)}.recommendation-item.low{border-left-color:#06b6d4;border-left-color:var(--admin-info)}.rec-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.priority-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.priority-badge.high{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.priority-badge.medium{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.priority-badge.low{background:#06b6d426;color:#06b6d4;color:var(--admin-info)}.rec-type{color:#64748b;color:var(--admin-text-muted);font-size:.75rem;text-transform:capitalize}.recommendation-item p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;margin:0}.insights-placeholder,.scan-placeholder{align-items:center;color:#64748b;color:var(--admin-text-muted);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem;text-align:center}.insights-placeholder svg,.scan-placeholder svg{opacity:.5}.insights-content{margin-top:1rem}.insight-block{background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);margin-bottom:.75rem;padding:1rem}.insight-block h4{color:#3b82f6;color:var(--admin-primary);font-size:.875rem;margin:0 0 .5rem}.insight-block p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.insight-block ul{margin:0;padding-left:1.25rem}.insight-block li{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;margin-bottom:.25rem}.raw-analysis{color:#64748b!important;color:var(--admin-text-muted)!important;font-style:italic}.agent-chat-section{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);margin-bottom:1.5rem;padding:1.5rem}.agent-chat-section h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.agent-chat-container{border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;flex-direction:column;height:400px;overflow:hidden}.chat-messages{flex:1 1;gap:1rem;overflow-y:auto;padding:1rem}.chat-messages,.chat-welcome{display:flex;flex-direction:column}.chat-welcome{align-items:center;color:#94a3b8;color:var(--admin-text-secondary);justify-content:center;padding:2rem;text-align:center}.chat-welcome svg{color:#3b82f6;color:var(--admin-primary);margin-bottom:.75rem}.chat-welcome p{line-height:1.5;margin:0 0 1rem;max-width:400px}.suggested-prompts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.suggested-prompts button{background:#334155;background:var(--admin-surface-hover);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:9999px;color:#f8fafc;color:var(--admin-text);cursor:pointer;font-size:.75rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.suggested-prompts button:hover{background:#3b82f6;background:var(--admin-primary);border-color:#3b82f6;border-color:var(--admin-primary)}.chat-message{display:flex;gap:.75rem;max-width:80%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.agent{align-self:flex-start}.chat-message.error{align-self:center}.msg-icon{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;color:#fff;flex-shrink:0;height:32px;padding:.5rem;width:32px}.msg-content{background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);padding:.75rem 1rem}.chat-message.user .msg-content{background:#3b82f6;background:var(--admin-primary)}.chat-message.error .msg-content{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.msg-content p{font-size:.875rem;line-height:1.5;white-space:pre-wrap}.msg-time{color:#64748b;color:var(--admin-text-muted);display:block;font-size:.7rem;margin-top:.25rem}.chat-message.user .msg-time{color:#ffffffb3;text-align:right}.typing-indicator{padding:.5rem 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--admin-text-muted)}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-input-container{background:#334155;background:var(--admin-surface-hover);border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);display:flex;gap:.5rem;padding:1rem}.chat-input-container input{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);flex:1 1;font-size:.875rem;outline:none;padding:.75rem 1rem}.chat-input-container input:focus{border-color:#3b82f6;border-color:var(--admin-primary)}.chat-input-container input::placeholder{color:#64748b;color:var(--admin-text-muted)}.chat-input-container button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:.2s ease;transition:var(--admin-transition);width:44px}.chat-input-container button:hover:not(:disabled){transform:scale(1.05)}.chat-input-container button:disabled{cursor:not-allowed;opacity:.5}.agent-actions-log{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.agent-actions-log h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.actions-list{display:flex;flex-direction:column;gap:.5rem}.action-log-item{grid-gap:1rem;align-items:center;background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);display:grid;gap:1rem;grid-template-columns:120px 1fr auto;padding:.75rem 1rem}.action-type{color:#3b82f6;color:var(--admin-primary);font-size:.75rem;font-weight:500;text-transform:uppercase}.action-input{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-time{font-size:.75rem}.action-time,.loading-placeholder{color:#64748b;color:var(--admin-text-muted)}.loading-placeholder{padding:2rem;text-align:center}.agent-header.nova-v3{background:linear-gradient(135deg,#8b5cf626,#ec48991a,#3b82f626);border:1px solid #8b5cf64d}.agent-avatar.nova{background:linear-gradient(135deg,#8b5cf6,#ec4899,#3b82f6);position:relative}.agent-avatar .crown-icon{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));position:absolute;right:-4px;top:-8px}.agent-badge.nova{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.agent-badge.orchestrator{background:linear-gradient(135deg,#10b981,#06b6d4)}.agent-controls{align-items:center;display:flex;gap:1rem}.autonomous-toggle{align-items:center;display:flex;gap:.5rem}.toggle-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.toggle-switch{align-items:center;background:#334155;background:var(--admin-surface-hover);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:9999px;cursor:pointer;display:flex;height:26px;justify-content:flex-start;padding:0 4px;position:relative;transition:.2s ease;transition:var(--admin-transition);width:48px}.toggle-switch.active{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:#0000}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:18px;transition:.2s ease;transition:var(--admin-transition);width:18px}.toggle-switch.active .toggle-slider{transform:translateX(22px)}.toggle-icon{color:#64748b;color:var(--admin-text-muted);position:absolute;right:6px;transition:.2s ease;transition:var(--admin-transition)}.toggle-switch.active .toggle-icon{color:#fff;left:6px;right:auto}.ceo-alerts-section{margin-bottom:1.5rem}.ceo-alerts-section h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.alert-count{align-items:center;background:#ef4444;background:var(--admin-danger);border-radius:9999px;display:inline-flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.ceo-alerts-list{display:flex;flex-direction:column;gap:.75rem}.ceo-alert-card{background:#1e293b;background:var(--admin-surface);border-left:4px solid #06b6d4;border-left:4px solid var(--admin-info);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem}.ceo-alert-card.critical{background:linear-gradient(90deg,#ef44441a,#0000);border-left-color:#ef4444;border-left-color:var(--admin-danger)}.ceo-alert-card.high{background:linear-gradient(90deg,#f59e0b1a,#0000);border-left-color:#f59e0b;border-left-color:var(--admin-warning)}.ceo-alert-card.acknowledged{opacity:.7}.alert-header{justify-content:space-between;margin-bottom:.5rem}.alert-header,.alert-priority{align-items:center;display:flex}.alert-priority{font-size:.7rem;font-weight:600;gap:.35rem;letter-spacing:.5px;text-transform:uppercase}.ceo-alert-card.critical .alert-priority{color:#ef4444;color:var(--admin-danger)}.ceo-alert-card.high .alert-priority{color:#f59e0b;color:var(--admin-warning)}.alert-time{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.ceo-alert-card h4{font-size:.95rem;margin:0 0 .5rem}.alert-items p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.85rem;margin:.25rem 0}.btn-acknowledge{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;color:#10b981;color:var(--admin-success);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.35rem;margin-top:.75rem;padding:.4rem .75rem;transition:.2s ease;transition:var(--admin-transition)}.btn-acknowledge:hover{background:#10b98140}.acknowledged-badge{align-items:center;color:#10b981;color:var(--admin-success);display:inline-flex;font-size:.75rem;gap:.35rem;margin-top:.75rem}.sub-agents-section{margin-bottom:1.5rem}.sub-agents-section h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.sub-agents-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sub-agent-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem;transition:.2s ease;transition:var(--admin-transition)}.sub-agent-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 12px #0000001a}.sub-agent-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.sub-agent-identity{display:flex;gap:.75rem}.sub-agent-identity svg{color:#3b82f6;color:var(--admin-primary)}.sub-agent-identity h4{font-size:.95rem;margin:0}.sub-agent-domain{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.status-dot{background:#10b981;background:var(--admin-success)}.status-dot.inactive{background:#64748b;background:var(--admin-text-muted)}.sub-agent-metrics{color:#94a3b8;color:var(--admin-text-secondary);display:flex;font-size:.8rem;gap:1rem;margin-bottom:.75rem}.sub-agent-metrics span{color:#f8fafc;color:var(--admin-text);font-weight:600}.sub-agent-capabilities{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.capability-tag{background:#3b82f61a;border-radius:9999px;color:#3b82f6;color:var(--admin-primary);font-size:.65rem;padding:.2rem .5rem;text-transform:capitalize}.sub-agent-last-run{align-items:center;color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.7rem;gap:.35rem}.notification-container{display:flex;flex-direction:column;gap:.75rem;max-width:400px;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}.notification{align-items:flex-start;animation:slideInRight .3s ease;background:#1e293b;background:var(--admin-surface);border-left:4px solid #06b6d4;border-left:4px solid var(--admin-info);border-radius:8px;border-radius:var(--admin-radius-sm);box-shadow:0 10px 40px #0006;display:flex;gap:.75rem;padding:1rem 1.25rem}.notification.success{border-left-color:#10b981;border-left-color:var(--admin-success)}.notification.success .notification-icon{color:#10b981;color:var(--admin-success)}.notification.error{border-left-color:#ef4444;border-left-color:var(--admin-danger)}.notification.error .notification-icon{color:#ef4444;color:var(--admin-danger)}.notification.warning{border-left-color:#f59e0b;border-left-color:var(--admin-warning)}.notification.warning .notification-icon{color:#f59e0b;color:var(--admin-warning)}.notification.info .notification-icon{color:#06b6d4;color:var(--admin-info)}.notification-icon{flex-shrink:0;margin-top:2px}.notification-content{flex:1 1}.notification-content h4{font-size:.9rem;margin:0 0 .25rem}.notification-content p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.85rem;line-height:1.4;margin:0}.notification-close{background:none;border:none;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:flex;padding:0;transition:.2s ease;transition:var(--admin-transition)}.notification-close:hover{color:#f8fafc;color:var(--admin-text)}.modal-overlay{animation:fadeIn .2s ease;z-index:9998}.confirm-modal{animation:scaleIn .2s ease;background:#1e293b;background:var(--admin-surface);border-radius:12px;border-radius:var(--admin-radius);max-width:400px;padding:2rem;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-icon{color:#f59e0b;color:var(--admin-warning);margin-bottom:1rem}.confirm-modal h3{font-size:1.25rem;margin:0 0 .75rem}.confirm-modal p{color:#94a3b8;color:var(--admin-text-secondary);line-height:1.5;margin:0 0 1.5rem}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.btn-cancel{background:#334155;background:var(--admin-surface-hover);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;font-size:.9rem;padding:.6rem 1.5rem;transition:.2s ease;transition:var(--admin-transition)}.btn-cancel:hover{background:#94a3b826;background:var(--admin-border)}.btn-confirm{background:#3b82f6;background:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:.2s ease;transition:var(--admin-transition)}.btn-confirm:hover{opacity:.9}.btn-confirm.danger{background:#ef4444;background:var(--admin-danger)}.course-modal{animation:scaleIn .2s ease;background:#1e293b;background:var(--admin-surface);border-radius:12px;border-radius:var(--admin-radius);display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90vw}.course-modal.edit-modal{max-width:600px}.modal-header{border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);padding:1.25rem 1.5rem}.modal-header h2{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;margin:0}.btn-close{background:none;border:none;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:flex;padding:.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-close:hover{color:#f8fafc;color:var(--admin-text)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.course-view-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 300px}.course-view-main{display:flex;flex-direction:column;gap:1.5rem}.course-thumbnail{border-radius:8px;border-radius:var(--admin-radius-sm);overflow:hidden}.course-thumbnail img{height:200px;object-fit:cover;width:100%}.course-section h4{color:#94a3b8;color:var(--admin-text-secondary);font-size:1rem;margin:0 0 .75rem}.course-section p{line-height:1.6;margin:0}.lessons-list{display:flex;flex-direction:column;gap:.5rem}.lesson-item{background:#0f172a;background:var(--admin-bg);border-radius:8px;border-radius:var(--admin-radius-sm);gap:.75rem;padding:.75rem}.lesson-item,.lesson-number{align-items:center;display:flex}.lesson-number{background:#3b82f6;background:var(--admin-primary);border-radius:50%;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}.lesson-title{flex:1 1}.lesson-duration{color:#64748b;color:var(--admin-text-muted);font-size:.85rem}.course-view-sidebar{display:flex;flex-direction:column;gap:1rem}.course-info-card{background:#0f172a;background:var(--admin-bg);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem}.course-info-card h4{color:#64748b;color:var(--admin-text-muted);font-size:.85rem;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.course-info-card p{margin:0}.info-row{justify-content:space-between;padding:.4rem 0}.info-row span:first-child{color:#94a3b8;color:var(--admin-text-secondary)}.info-row .status{border-radius:9999px;font-size:.75rem;padding:.15rem .5rem}.form-group label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.85rem}.form-group input,.form-group select,.form-group textarea{background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);padding:.75rem;transition:.2s ease;transition:var(--admin-transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--admin-primary)}.btn-save{align-items:center;background:#3b82f6;background:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:.2s ease;transition:var(--admin-transition)}.btn-save:hover:not(:disabled){opacity:.9}.btn-save:disabled{cursor:not-allowed;opacity:.6}.course-thumbnail-preview{border-radius:8px 8px 0 0;border-radius:var(--admin-radius-sm) var(--admin-radius-sm) 0 0;margin:-1rem -1rem 1rem;overflow:hidden}.course-thumbnail-preview img{height:120px;object-fit:cover;width:100%}.course-card .course-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.course-card .price{color:#10b981;color:var(--admin-success);font-weight:600}.course-card .free-badge{background:#10b98126;border-radius:9999px;color:#10b981;color:var(--admin-success);font-size:.75rem;font-weight:500;padding:.15rem .5rem}.course-actions .btn-small.primary{background:#3b82f6;background:var(--admin-primary);border-color:#0000;color:#fff}.course-actions .btn-small.primary:hover{opacity:.9}@media (max-width:768px){.agent-header{gap:1rem;text-align:center}.agent-header,.agent-identity{flex-direction:column}.agent-status-indicators{justify-content:center}.agent-controls{flex-direction:column;gap:.75rem}.capabilities-grid{grid-template-columns:1fr 1fr}.health-overview,.sub-agents-grid{grid-template-columns:1fr}.health-overview{gap:1rem}.agent-actions-row{grid-template-columns:1fr}.agent-chat-container{height:350px}.chat-message{max-width:95%}.action-log-item{gap:.25rem;grid-template-columns:1fr}.notification-container{left:.75rem;max-width:none;right:.75rem}.course-modal{max-height:90vh;width:95vw}.course-view-grid,.form-row{grid-template-columns:1fr}}.tab-mentorship{padding:1rem}.tab-mentorship .tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tab-mentorship .tab-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem}.tab-mentorship .tab-header h2 svg{color:#ef4444;color:var(--admin-danger)}.mentorship-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.mentorship-stat-card{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;gap:1rem;padding:1.25rem;transition:.2s ease;transition:var(--admin-transition)}.mentorship-stat-card:hover{border-color:#3b82f6;border-color:var(--admin-primary);transform:translateY(-2px)}.mentorship-stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.mentorship-stat-card .stat-icon.pending{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.mentorship-stat-card .stat-icon.approved{background:#10b98126;color:#10b981;color:var(--admin-success)}.mentorship-stat-card .stat-icon.requests{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.mentorship-stat-card .stat-icon.active{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.mentorship-stat-card .stat-info{display:flex;flex-direction:column}.mentorship-stat-card .stat-value{color:#f8fafc;color:var(--admin-text);font-size:1.75rem;font-weight:700}.mentorship-stat-card .stat-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.85rem}.mentorship-panels{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.mentorship-section{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);overflow:hidden}.mentorship-section .section-header{align-items:center;background:#0003;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.mentorship-section .section-header h3{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.mentorship-section .filter-group select{background:#334155;background:var(--admin-surface-hover);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);font-size:.85rem;padding:.4rem .75rem}.mentors-list,.requests-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding:1rem}.loading-state{color:#64748b;color:var(--admin-text-muted);gap:.75rem;padding:3rem}.mentor-card{background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem;transition:.2s ease;transition:var(--admin-transition)}.mentor-card:hover{border-color:#94a3b84d}.mentor-card.pending{border-left:3px solid #f59e0b;border-left:3px solid var(--admin-warning)}.mentor-card.approved{border-left:3px solid #10b981;border-left:3px solid var(--admin-success)}.mentor-card.rejected{border-left:3px solid #ef4444;border-left:3px solid var(--admin-danger)}.mentor-card.suspended{border-left:3px solid #64748b;border-left:3px solid var(--admin-text-muted);opacity:.8}.mentor-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.mentor-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--admin-primary),var(--admin-info));border-radius:50%;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:40px;justify-content:center;width:40px}.mentor-info{flex:1 1;min-width:0}.mentor-info h4{font-size:.95rem;font-weight:600;margin:0 0 .25rem}.mentor-email{color:#64748b;color:var(--admin-text-muted);font-size:.8rem;margin:0 0 .5rem}.mentor-meta{color:#94a3b8;color:var(--admin-text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.mentor-meta span{align-items:center;display:flex;gap:.25rem}.status-badge{border-radius:20px;font-size:.7rem;padding:.25rem .6rem;text-transform:uppercase}.status-badge.pending{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.status-badge.active,.status-badge.approved{background:#10b98126;color:#10b981;color:var(--admin-success)}.status-badge.rejected{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.status-badge.suspended{background:#64748b26;color:#64748b;color:var(--admin-text-muted)}.status-badge.completed{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.mentor-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--admin-text-secondary);display:-webkit-box;font-size:.85rem;line-height:1.5;margin:.5rem 0;overflow:hidden}.mentor-link{align-items:center;color:#3b82f6;color:var(--admin-primary);display:inline-flex;font-size:.8rem;gap:.25rem;margin-bottom:.75rem;text-decoration:none}.mentor-link:hover{text-decoration:underline}.mentor-actions,.request-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.mentor-actions button,.request-actions button{align-items:center;border:none;border-radius:8px;border-radius:var(--admin-radius-sm);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.4rem .75rem;transition:.2s ease;transition:var(--admin-transition)}.btn-approve{background:#10b98126;color:#10b981;color:var(--admin-success)}.btn-approve:hover:not(:disabled){background:#10b981;background:var(--admin-success);color:#fff}.btn-reject{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.btn-reject:hover:not(:disabled){background:#ef4444;background:var(--admin-danger);color:#fff}.btn-suspend{background:#64748b26;color:#64748b;color:var(--admin-text-muted)}.btn-suspend:hover:not(:disabled){background:#64748b;background:var(--admin-text-muted);color:#fff}.btn-reactivate{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.btn-reactivate:hover:not(:disabled){background:#3b82f6;background:var(--admin-primary);color:#fff}.btn-activate{background:#10b98126;color:#10b981;color:var(--admin-success)}.btn-activate:hover:not(:disabled){background:#10b981;background:var(--admin-success);color:#fff}.btn-complete{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.btn-complete:hover:not(:disabled){background:#3b82f6;background:var(--admin-primary);color:#fff}.btn-view{background:#94a3b81a;color:#94a3b8;color:var(--admin-text-secondary)}.btn-view:hover{background:#94a3b833;color:#f8fafc;color:var(--admin-text)}.mentor-footer{border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.75rem;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.request-card{background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem;transition:.2s ease;transition:var(--admin-transition)}.request-card:hover{border-color:#94a3b84d}.request-card.pending{border-left:3px solid #f59e0b;border-left:3px solid var(--admin-warning)}.request-card.approved{border-left:3px solid #06b6d4;border-left:3px solid var(--admin-info)}.request-card.active{border-left:3px solid #10b981;border-left:3px solid var(--admin-success)}.request-card.rejected{border-left:3px solid #ef4444;border-left:3px solid var(--admin-danger)}.request-card.completed{border-left:3px solid #3b82f6;border-left:3px solid var(--admin-primary)}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.request-parties{align-items:center;display:flex;gap:.75rem}.party{display:flex;flex-direction:column}.party-label{color:#64748b;color:var(--admin-text-muted);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.party-name{font-size:.9rem;font-weight:500}.request-parties .arrow{color:#64748b;color:var(--admin-text-muted);font-size:1.2rem}.request-message{background:#0003;border-radius:8px;border-radius:var(--admin-radius-sm);color:#94a3b8;color:var(--admin-text-secondary);font-size:.85rem;font-style:italic;margin:.5rem 0;padding:.5rem}.session-title{color:var(--admin-text-primary);font-size:.95rem;font-weight:600;margin:.5rem 0}.session-details{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0}.session-details .detail-item{align-items:center;background:#ffffff0d;border-radius:8px;border-radius:var(--admin-radius-sm);color:#94a3b8;color:var(--admin-text-secondary);display:inline-flex;font-size:.8rem;gap:.35rem;padding:.25rem .6rem}.request-topic,.session-details .format-badge{background:#3b82f61a;color:#3b82f6;color:var(--admin-primary)}.request-topic{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;gap:.35rem;margin:.5rem 0;padding:.25rem .6rem}.request-footer{border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-muted);font-size:.75rem;margin-top:.75rem;padding-top:.75rem}.mentorship-page-link{display:flex;justify-content:center;padding:1rem}.btn-goto-mentorship{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--admin-primary),var(--admin-info));border:none;border-radius:12px;border-radius:var(--admin-radius);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:.2s ease;transition:var(--admin-transition)}.btn-goto-mentorship:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}@media (max-width:1024px){.mentorship-panels{grid-template-columns:1fr}.mentorship-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.mentorship-stats-grid{grid-template-columns:1fr}.request-parties{align-items:flex-start;flex-direction:column;gap:.25rem}.request-parties .arrow{display:none}.mentor-actions,.request-actions{flex-direction:column}.mentor-actions button,.request-actions button{justify-content:center;width:100%}}.tab-messages{padding:0}.tab-messages .tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tab-messages .tab-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.btn-refresh{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.btn-refresh:hover{background:#334155;background:var(--admin-surface-hover);color:#f8fafc;color:var(--admin-text)}.message-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.message-stat-card{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;gap:1rem;padding:1.25rem}.message-stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.message-stat-card.new .stat-icon{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.message-stat-card.progress .stat-icon{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.message-stat-card.resolved .stat-icon{background:#10b98126;color:#10b981;color:var(--admin-success)}.message-stat-card.week .stat-icon{background:#06b6d426;color:#06b6d4;color:var(--admin-info)}.message-stat-card .stat-info{display:flex;flex-direction:column}.message-stat-card .stat-value{color:#f8fafc;color:var(--admin-text);font-size:1.75rem;font-weight:700}.message-stat-card .stat-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem}.message-filters{margin-bottom:1.5rem}.message-filters .filter-group{display:flex;flex-wrap:wrap;gap:1rem}.message-filters select{color:#f8fafc;color:var(--admin-text);cursor:pointer;font-size:.875rem}.message-filters .search-input,.message-filters select{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);padding:.625rem 1rem}.message-filters .search-input{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:200px}.message-filters .search-input input{background:#0000;border:none;color:#f8fafc;color:var(--admin-text);flex:1 1;font-size:.875rem;outline:none}.message-filters .search-input svg{color:#64748b;color:var(--admin-text-muted)}.messages-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:400px 1fr;min-height:600px}.messages-list{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);max-height:700px;overflow-y:auto}.message-item{border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);cursor:pointer;padding:1rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.message-item:hover{background:#334155;background:var(--admin-surface-hover)}.message-item.selected{background:#3b82f61a}.message-item.new,.message-item.selected{border-left:3px solid #3b82f6;border-left:3px solid var(--admin-primary)}.message-item .message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-item .sender-info{display:flex;flex-direction:column}.message-item .sender-name{color:#f8fafc;color:var(--admin-text);font-weight:600}.message-item .sender-email{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.message-item .message-subject{color:#f8fafc;color:var(--admin-text);font-size:.9375rem;font-weight:500;margin:0 0 .25rem}.message-item .message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--admin-text-secondary);display:-webkit-box;font-size:.8125rem;margin:0 0 .5rem;overflow:hidden}.message-item .message-meta{align-items:center;display:flex;font-size:.75rem;justify-content:space-between}.message-item .inquiry-type{background:#334155;background:var(--admin-surface-hover);border-radius:4px;color:#94a3b8;color:var(--admin-text-secondary);padding:.25rem .5rem;text-transform:capitalize}.message-item .inquiry-type.consulting{background:#8b5cf626;color:#a78bfa}.message-item .inquiry-type.partnership{background:#10b98126;color:#10b981;color:var(--admin-success)}.message-item .inquiry-type.speaking{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.message-item .inquiry-type.support{background:#ef444426;color:#ef4444;color:var(--admin-danger)}.message-item .message-date{color:#64748b;color:var(--admin-text-muted)}.tab-messages .status-badge{border-radius:4px;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.tab-messages .status-badge.new{background:#3b82f626;color:#3b82f6;color:var(--admin-primary)}.tab-messages .status-badge.read{background:#94a3b826;color:#94a3b8;color:var(--admin-text-secondary)}.tab-messages .status-badge.in-progress{background:#f59e0b26;color:#f59e0b;color:var(--admin-warning)}.tab-messages .status-badge.responded{background:#06b6d426;color:#06b6d4;color:var(--admin-info)}.tab-messages .status-badge.resolved{background:#10b98126;color:#10b981;color:var(--admin-success)}.tab-messages .status-badge.archived{background:#64748b26;color:#64748b;color:var(--admin-text-muted)}.message-detail{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.message-detail .detail-header{align-items:flex-start;display:flex;justify-content:space-between}.message-detail .detail-sender h3{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.message-detail .detail-sender a{color:#3b82f6;color:var(--admin-primary);font-size:.875rem;text-decoration:none}.message-detail .detail-sender .company,.message-detail .detail-sender .phone{align-items:center;color:#94a3b8;color:var(--admin-text-secondary);display:flex;font-size:.875rem;gap:.375rem;margin-top:.25rem}.message-detail .btn-close{background:#0000;border:none;color:#64748b;color:var(--admin-text-muted);cursor:pointer;padding:.25rem}.message-detail .btn-close:hover{color:#f8fafc;color:var(--admin-text)}.message-detail .detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.message-detail .detail-meta .inquiry-type{background:#334155;background:var(--admin-surface-hover);border-radius:6px;color:#94a3b8;color:var(--admin-text-secondary);font-size:.8125rem;padding:.375rem .75rem;text-transform:capitalize}.message-detail .detail-meta .date{color:#64748b;color:var(--admin-text-muted);font-size:.8125rem}.message-detail .detail-subject{color:#f8fafc;color:var(--admin-text);font-size:1.125rem;font-weight:600;margin:0}.message-detail .detail-message{background:#0f172a80;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1.25rem}.message-detail .detail-message p{color:#f8fafc;color:var(--admin-text);line-height:1.6;margin:0;white-space:pre-wrap}.message-detail .detail-extras{background:#334155;background:var(--admin-surface-hover);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;gap:1.5rem;padding:1rem}.message-detail .extra-item{display:flex;gap:.5rem}.message-detail .extra-item .label{color:#64748b;color:var(--admin-text-muted);font-size:.875rem}.message-detail .extra-item .value{color:#f8fafc;color:var(--admin-text);font-size:.875rem;font-weight:500}.message-detail .previous-response,.message-detail .reply-section{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem}.message-detail .previous-response h5,.message-detail .reply-section h5{align-items:center;color:#3b82f6;color:var(--admin-primary);display:flex;font-size:.875rem;gap:.5rem;margin:0 0 .75rem}.message-detail .reply-section textarea{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);font-size:.875rem;margin-bottom:.75rem;padding:.75rem;resize:vertical;width:100%}.message-detail .reply-section textarea:focus{border-color:#3b82f6;border-color:var(--admin-primary);outline:none}.btn-send-reply{align-items:center;background:#3b82f6;background:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-send-reply:hover:not(:disabled){background:#2563eb}.btn-send-reply:disabled{cursor:not-allowed;opacity:.5}.message-detail .previous-response p{color:#f8fafc;color:var(--admin-text);line-height:1.5;margin:0 0 .5rem}.message-detail .previous-response small{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.message-detail .detail-actions{border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);display:flex;gap:.75rem;padding-top:1rem}.message-detail .detail-actions select{background:#334155;background:var(--admin-surface-hover);color:#f8fafc;color:var(--admin-text);font-size:.875rem;padding:.5rem .75rem}.message-detail .btn-archive,.message-detail .detail-actions select{border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);cursor:pointer}.message-detail .btn-archive{align-items:center;background:#0000;color:#94a3b8;color:var(--admin-text-secondary);display:flex;gap:.375rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.message-detail .btn-archive:hover{background:#334155;background:var(--admin-surface-hover);color:#f8fafc;color:var(--admin-text)}.message-detail .btn-delete{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--admin-radius-sm);color:#ef4444;color:var(--admin-danger);cursor:pointer;display:flex;gap:.375rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.message-detail .btn-delete:hover{background:#ef44441a}.nav-badge{background:#ef4444;background:var(--admin-danger);border-radius:10px;color:#fff;font-size:.6875rem;font-weight:600;min-width:18px;padding:.125rem .375rem;text-align:center}.messages-list .empty-state{align-items:center;color:#64748b;color:var(--admin-text-muted);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem}@media (max-width:1024px){.messages-layout{grid-template-columns:1fr}.messages-list{max-height:400px}.message-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.message-stats-grid{grid-template-columns:1fr}.message-filters .filter-group{flex-direction:column}.message-detail .detail-actions{flex-wrap:wrap}}.tab-placeholder{align-items:center;animation:fadeInUp .3s ease;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:3rem 2rem;text-align:center}.tab-placeholder svg{color:#94a3b8;color:var(--admin-text-secondary);margin-bottom:1.5rem}.tab-placeholder h2{color:#f8fafc;color:var(--admin-text);font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.tab-placeholder p{color:#94a3b8;color:var(--admin-text-secondary);font-size:1rem;line-height:1.6;max-width:500px}.tab-qoretalks{animation:fadeInUp .3s ease}.tab-qoretalks .tab-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.tab-qoretalks .header-left h2{align-items:center;color:#f8fafc;color:var(--admin-text);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.tab-qoretalks .header-left p{color:#94a3b8;color:var(--admin-text-secondary);margin:0}.tab-qoretalks .header-actions{align-items:center;display:flex;gap:.75rem}.tab-qoretalks .filter-select{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;font-size:.875rem;padding:.625rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.tab-qoretalks .filter-select:hover{background:#334155;background:var(--admin-surface-hover)}.tab-qoretalks .filter-select:focus{border-color:#3b82f6;border-color:var(--admin-primary);outline:none}.stats-grid-mini{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.mini-stat-card{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;gap:1rem;padding:1.25rem;transition:.2s ease;transition:var(--admin-transition)}.mini-stat-card:hover{background:#334155;background:var(--admin-surface-hover);transform:translateY(-2px)}.mini-stat-icon{align-items:center;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.mini-stat-info h4{color:#f8fafc;color:var(--admin-text);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.mini-stat-info p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;margin:0}.content-split{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:400px 1fr;min-height:600px}.list-panel{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;flex-direction:column;overflow:hidden}.list-header{align-items:center;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:1.25rem}.list-header h3{color:#f8fafc;color:var(--admin-text);font-size:1rem;font-weight:600;margin:0}.count-badge{background:#3b82f6;background:var(--admin-primary);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.items-list{flex:1 1;overflow-y:auto}.list-item{border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);cursor:pointer;padding:1rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.list-item:hover{background:#334155;background:var(--admin-surface-hover)}.list-item.active{background:#3b82f61a;border-left:3px solid #3b82f6;border-left:3px solid var(--admin-primary)}.item-header{gap:.75rem;margin-bottom:.5rem}.item-avatar,.item-header{align-items:center;display:flex}.item-avatar{background:#3b82f6;background:var(--admin-primary);border-radius:50%;color:#fff;flex-shrink:0;height:32px;justify-content:center;width:32px}.item-title-section{flex:1 1;min-width:0}.item-title-section h4{color:#f8fafc;color:var(--admin-text);font-size:.875rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:4px;padding:.125rem .5rem}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-reviewed{background:#3b82f61a;color:#3b82f6}.status-accepted{background:#10b9811a;color:#10b981}.status-rejected{background:#ef44441a;color:#ef4444}.status-contacted{background:#8b5cf61a;color:#8b5cf6}.item-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--admin-text-secondary);display:-webkit-box;font-size:.875rem;margin:0 0 .5rem;overflow:hidden}.item-meta{color:#64748b;color:var(--admin-text-muted);font-size:.75rem;gap:1rem}.item-meta,.item-meta span{align-items:center;display:flex}.item-meta span{gap:.25rem}.detail-panel{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;flex-direction:column;overflow:hidden}.detail-header{align-items:center;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:1.25rem}.detail-header h3{color:#f8fafc;color:var(--admin-text);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.btn-close-detail{background:#0000;border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;padding:.5rem;transition:.2s ease;transition:var(--admin-transition)}.btn-close-detail:hover{background:#334155;background:var(--admin-surface-hover);color:#f8fafc;color:var(--admin-text)}.detail-body{flex:1 1;overflow-y:auto;padding:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section h4{align-items:center;display:flex;font-size:.875rem;gap:.5rem;letter-spacing:.5px;margin:0 0 .75rem}.info-row{border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);display:flex;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#94a3b8;color:var(--admin-text-secondary);flex-shrink:0;font-size:.875rem;width:120px}.info-row .value{color:#f8fafc;color:var(--admin-text);flex:1 1;font-size:.875rem}.info-row .value a{color:#3b82f6;color:var(--admin-primary);text-decoration:none}.info-row .value a:hover{text-decoration:underline}.message-content{word-wrap:break-word;background:#94a3b80d;line-height:1.6;padding:1rem;white-space:pre-wrap}.message-content,.notes-textarea{border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);font-size:.875rem}.notes-textarea{background:#0f172a;background:var(--admin-bg);font-family:inherit;min-height:100px;padding:.75rem;resize:vertical;transition:.2s ease;transition:var(--admin-transition);width:100%}.notes-textarea:focus{background:#1e293b;background:var(--admin-surface);border-color:#3b82f6;border-color:var(--admin-primary);outline:none}.detail-actions{border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.status-select{background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;flex:1 1;font-size:.875rem;padding:.625rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.status-select:hover{background:#334155;background:var(--admin-surface-hover)}.status-select:focus{border-color:#3b82f6;border-color:var(--admin-primary);outline:none}.btn-save-notes{align-items:center;background:#3b82f6;background:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-save-notes:hover{background:#2563eb;transform:translateY(-1px)}.empty-state{color:var(--admin-text-secondary);padding:3rem 2rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h4{color:#f8fafc;color:var(--admin-text);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state p{margin:0;max-width:400px}.loading-state{padding:3rem 2rem}@media (max-width:1024px){.content-split{grid-template-columns:1fr}.list-panel{max-height:400px}}@media (max-width:768px){.stats-grid-mini{grid-template-columns:repeat(2,1fr)}.detail-actions{flex-direction:column}.detail-actions button,.detail-actions select{width:100%}}@media (max-width:640px){.stats-grid-mini{grid-template-columns:1fr}.tab-qoretalks .filter-select,.tab-qoretalks .header-actions{width:100%}}.tab-analytics .analytics-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.tab-analytics .date-range-inputs{display:flex;gap:.5rem}.tab-analytics .date-range-inputs input[type=date]{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);font-size:.875rem;padding:.5rem .75rem}.tab-analytics .comparison-toggle{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.tab-analytics .comparison-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.btn-export{align-items:center;background:#3b82f6;background:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.btn-export:hover:not(:disabled){background:#2563eb}.btn-export:disabled{cursor:not-allowed;opacity:.5}.analytics-cards .comparison-badge{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem}.analytics-cards .comparison-badge.positive{background:#10b9811a;color:#10b981;color:var(--admin-success)}.analytics-cards .comparison-badge.negative{background:#ef44441a;color:#ef4444;color:var(--admin-danger)}.analytics-cards .comparison-badge.neutral{background:#94a3b81a;color:#94a3b8;color:var(--admin-text-secondary)}.kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.kpi-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.kpi-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem}.kpi-value{color:#f8fafc;color:var(--admin-text);font-size:2rem;font-weight:700}.kpi-trend{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.kpi-trend.positive{background:#10b9811a;color:#10b981;color:var(--admin-success)}.kpi-trend.negative{background:#ef44441a;color:#ef4444;color:var(--admin-danger)}.tab-financial .financial-controls{align-items:center;display:flex;gap:1rem}.financial-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.financial-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;gap:1rem;padding:1.5rem;transition:.2s ease;transition:var(--admin-transition)}.financial-card:hover{border-color:#3b82f6;border-color:var(--admin-primary);transform:translateY(-2px)}.financial-card .card-icon{align-items:center;border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.financial-card.primary .card-icon{background:#3b82f61a;color:#3b82f6;color:var(--admin-primary)}.financial-card.success .card-icon{background:#10b9811a;color:#10b981;color:var(--admin-success)}.financial-card.info .card-icon{background:#06b6d41a;color:#06b6d4;color:var(--admin-info)}.financial-card.warning .card-icon{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.financial-card .card-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.financial-card .card-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem}.financial-card .card-value{color:#f8fafc;color:var(--admin-text);font-size:1.75rem;font-weight:700}.financial-card .card-trend{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.25rem}.financial-card .card-trend.positive{color:#10b981;color:var(--admin-success)}.financial-card small{color:#64748b;color:var(--admin-text-muted);font-size:.75rem;margin-top:.25rem}.financial-section{margin-bottom:2rem}.financial-section h3{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.metrics-grid{grid-gap:1.5rem;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.metric-item{display:flex;flex-direction:column;gap:.5rem}.metric-label{color:var(--admin-text-secondary)}.metric-value{color:var(--admin-text)}.transactions-table-wrapper{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);overflow:hidden}.transactions-table-wrapper .data-table{margin:0}.transactions-table-wrapper .data-table td.amount{font-family:JetBrains Mono,monospace;font-weight:600}.transactions-table-wrapper .data-table code{background:#94a3b81a;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.25rem .5rem}.financial-content{animation:fadeIn .3s ease}@media (max-width:768px){.tab-analytics .analytics-controls,.tab-financial .financial-controls{align-items:stretch;flex-direction:column}.tab-analytics .date-range-inputs{width:100%}.tab-analytics .date-range-inputs input{flex:1 1}.btn-export{justify-content:center;width:100%}.financial-cards{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}}.tab-overview-v2{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:1.5rem}.welcome-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--admin-primary) 0,#2563eb 100%);border-radius:12px;border-radius:var(--admin-radius);color:#fff;padding:2rem}.banner-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.banner-text h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.banner-text p{font-size:1rem;opacity:.9}.banner-date{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.hero-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hero-stat-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);overflow:hidden;padding:1.5rem;position:relative;transition:.2s ease;transition:var(--admin-transition)}.hero-stat-card:before{background:#3b82f6;background:var(--admin-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.hero-stat-card:hover{border-color:#3b82f6;border-color:var(--admin-primary);box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.hero-stat-card:hover:before{opacity:1}.hero-stat-card.primary:before{background:#3b82f6;background:var(--admin-primary)}.hero-stat-card.success:before{background:#10b981;background:var(--admin-success)}.hero-stat-card.warning:before{background:#f59e0b;background:var(--admin-warning)}.hero-stat-card.info:before{background:#06b6d4;background:var(--admin-info)}.hero-stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.hero-stat-icon{align-items:center;background:#3b82f61a;border-radius:12px;color:#3b82f6;color:var(--admin-primary);display:flex;height:56px;justify-content:center;width:56px}.hero-stat-card.success .hero-stat-icon{background:#10b9811a;color:#10b981;color:var(--admin-success)}.hero-stat-card.warning .hero-stat-icon{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.hero-stat-card.info .hero-stat-icon{background:#06b6d41a;color:#06b6d4;color:var(--admin-info)}.hero-stat-trend{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem}.hero-stat-trend.positive{background:#10b9811a;color:#10b981;color:var(--admin-success)}.hero-stat-trend.neutral{background:#94a3b81a;color:#94a3b8;color:var(--admin-text-secondary)}.hero-stat-body{display:flex;flex-direction:column;gap:.5rem}.hero-stat-value{color:#f8fafc;color:var(--admin-text);font-size:2.5rem;font-weight:800;line-height:1}.hero-stat-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;font-weight:500}.hero-stat-meta{display:flex;gap:1rem;margin-top:.5rem}.meta-item{color:#64748b;color:var(--admin-text-muted);font-size:.75rem;gap:.375rem}.overview-row-2col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.card-header-v2{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header-v2 h3{align-items:center;color:#f8fafc;color:var(--admin-text);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.badge-count{background:#ef4444;background:var(--admin-danger);border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.view-all-btn{background:#0000;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.view-all-btn:hover{background:#334155;background:var(--admin-surface-hover);border-color:#3b82f6;border-color:var(--admin-primary);color:#f8fafc;color:var(--admin-text)}.action-alerts-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.action-alerts-list{display:flex;flex-direction:column;gap:1rem}.action-alert-item{align-items:center;background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;gap:1rem;padding:1rem;transition:.2s ease;transition:var(--admin-transition)}.action-alert-item:hover{border-color:#3b82f6;border-color:var(--admin-primary)}.action-alert-item.urgent{border-left:3px solid #ef4444;border-left:3px solid var(--admin-danger)}.action-alert-item.warning{border-left:3px solid #f59e0b;border-left:3px solid var(--admin-warning)}.alert-icon{align-items:center;background:#ef44441a;border-radius:8px;color:#ef4444;color:var(--admin-danger);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.action-alert-item.warning .alert-icon{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.alert-content{flex:1 1}.alert-content h4{color:#f8fafc;color:var(--admin-text);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.alert-content p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.8125rem}.alert-action-btn{align-items:center;background:#3b82f6;background:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.alert-action-btn:hover{background:#2563eb}.platform-health-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.status-badge.status-success{background:#10b9811a;color:#10b981;color:var(--admin-success)}.health-metrics{gap:1.25rem}.health-metric,.health-metrics{display:flex;flex-direction:column}.health-metric{gap:.5rem}.metric-header{align-items:center;display:flex;justify-content:space-between}.metric-name{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem}.metric-value{font-size:.875rem;font-weight:600}.metric-value.success{color:#10b981;color:var(--admin-success)}.metric-value.warning{color:#f59e0b;color:var(--admin-warning)}.metric-value.info{color:#06b6d4;color:var(--admin-info)}.metric-bar{background:#94a3b81a;border-radius:4px;height:8px;overflow:hidden}.metric-fill{border-radius:4px;height:100%;transition:width .6s ease}.metric-fill.success{background:#10b981;background:var(--admin-success)}.metric-fill.warning{background:#f59e0b;background:var(--admin-warning)}.metric-fill.info{background:#06b6d4;background:var(--admin-info)}.user-distribution-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.distribution-visual{display:flex;flex-direction:column;gap:1rem}.distribution-item{display:flex;flex-direction:column;gap:.5rem}.distribution-bar-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto}.distribution-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.distribution-role{font-weight:500}.distribution-count,.distribution-role{color:#f8fafc;color:var(--admin-text);font-size:.875rem}.distribution-count{font-weight:700}.distribution-bar{background:#94a3b81a;border-radius:5px;grid-column:1;height:10px;overflow:hidden}.distribution-fill{border-radius:5px;height:100%;transition:width .6s ease}.distribution-fill.role-student{background:#3b82f6;background:var(--admin-primary)}.distribution-fill.role-instructor{background:#10b981;background:var(--admin-success)}.distribution-fill.role-admin{background:#f59e0b;background:var(--admin-warning)}.distribution-percentage{color:#94a3b8;color:var(--admin-text-secondary);font-size:.8125rem;font-weight:600;grid-column:2}.top-courses-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.top-courses-visual{display:flex;flex-direction:column;gap:1rem}.top-course-item{align-items:center;background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;gap:1rem;padding:1rem;transition:.2s ease;transition:var(--admin-transition)}.top-course-item:hover{border-color:#3b82f6;border-color:var(--admin-primary);transform:translateX(4px)}.course-rank-badge{background:#3b82f6;background:var(--admin-primary);border-radius:8px;font-size:.875rem;font-weight:700;gap:.25rem;height:36px;width:36px}.top-course-item:first-child .course-rank-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.course-details{flex:1 1}.course-name{color:#f8fafc;color:var(--admin-text);font-size:.9375rem;font-weight:600;margin-bottom:.375rem}.course-stats{display:flex;gap:1rem}.course-stat{align-items:center;color:#94a3b8;color:var(--admin-text-secondary);display:flex;font-size:.75rem;gap:.25rem}.course-progress{width:80px}.progress-bar-mini{background:#94a3b81a;border-radius:3px;height:6px;overflow:hidden}.progress-fill-mini{background:#10b981;background:var(--admin-success);border-radius:3px;height:100%;transition:width .6s ease}.recent-activity-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.activity-timeline{display:flex;flex-direction:column;gap:1rem;position:relative}.activity-timeline:before{background:#94a3b826;background:var(--admin-border);bottom:8px;content:"";left:8px;position:absolute;top:8px;width:2px}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-marker{background:#3b82f6;background:var(--admin-primary);border:3px solid #1e293b;border:3px solid var(--admin-surface);border-radius:50%;flex-shrink:0;height:18px;width:18px;z-index:1}.timeline-content{flex:1 1;padding-bottom:.5rem}.timeline-action{color:#f8fafc;color:var(--admin-text);font-size:.875rem;margin-bottom:.25rem}.timeline-meta{color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.75rem;gap:1rem}.timeline-user{font-weight:500}.recent-users-card{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.recent-users-list{display:flex;flex-direction:column;gap:1rem}.recent-user-item{align-items:center;background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;gap:1rem;padding:.75rem;transition:.2s ease;transition:var(--admin-transition)}.recent-user-item:hover{border-color:#3b82f6;border-color:var(--admin-primary)}.user-avatar{align-items:center;background:#3b82f6;background:var(--admin-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-info{flex:1 1}.user-name{color:#f8fafc;color:var(--admin-text);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.user-email{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem}.user-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.375rem}.badge-v2{border-radius:4px;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;text-transform:uppercase}.badge-v2.role-student{background:#3b82f61a;color:#3b82f6;color:var(--admin-primary)}.badge-v2.role-instructor{background:#10b9811a;color:#10b981;color:var(--admin-success)}.badge-v2.role-admin{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.join-date{color:#64748b;color:var(--admin-text-muted);font-size:.6875rem}.quick-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-stat-box{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;gap:1rem;padding:1.25rem;transition:.2s ease;transition:var(--admin-transition)}.quick-stat-box:hover{border-color:#3b82f6;border-color:var(--admin-primary);transform:translateY(-2px)}.quick-stat-icon{height:44px;width:44px}.quick-stat-icon.primary{background:#3b82f61a;color:#3b82f6;color:var(--admin-primary)}.quick-stat-icon.success{background:#10b9811a;color:#10b981;color:var(--admin-success)}.quick-stat-icon.warning{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.quick-stat-icon.info{background:#06b6d41a;color:#06b6d4;color:var(--admin-info)}.quick-stat-value{color:#f8fafc;color:var(--admin-text);font-weight:700}.quick-stat-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem;font-weight:500}.empty-state-v2{color:#64748b;color:var(--admin-text-muted);font-size:.875rem;padding:2rem;text-align:center}@media (max-width:1200px){.hero-stats{grid-template-columns:repeat(2,1fr)}.overview-row-2col{grid-template-columns:1fr}}@media (max-width:768px){.banner-content{align-items:flex-start;flex-direction:column}.banner-text h2{font-size:1.5rem}.hero-stats{grid-template-columns:1fr}.hero-stat-value{font-size:2rem}.quick-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.welcome-banner{padding:1.5rem}.quick-stats-row{grid-template-columns:1fr}.course-stats{flex-direction:column;gap:.25rem}}.tab-users-v2{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:1.5rem}.user-stats-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.user-stat-card{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:.2s ease;transition:var(--admin-transition)}.user-stat-card:hover{border-color:#3b82f6;border-color:var(--admin-primary);transform:translateY(-2px)}.stat-icon-v2{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.stat-icon-v2.primary{background:#3b82f61a;color:#3b82f6;color:var(--admin-primary)}.stat-icon-v2.success{background:#10b9811a;color:#10b981;color:var(--admin-success)}.stat-icon-v2.warning{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.stat-icon-v2.info{background:#06b6d41a;color:#06b6d4;color:var(--admin-info)}.stat-content-v2{display:flex;flex-direction:column;gap:.25rem}.stat-content-v2 h3{color:#f8fafc;color:var(--admin-text);font-size:1.75rem;font-weight:700;line-height:1}.stat-content-v2 p{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;font-weight:500}.user-control-bar{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);justify-content:space-between;padding:1.5rem}.control-left,.user-control-bar{align-items:center;display:flex;gap:1rem}.control-left h2{color:#f8fafc;color:var(--admin-text);font-size:1.25rem;font-weight:600}.result-count{background:#94a3b81a;border-radius:6px;color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem;font-weight:500;padding:.375rem .75rem}.control-right{gap:.75rem}.control-right,.search-box-v2{align-items:center;display:flex}.search-box-v2{position:relative}.search-box-v2 svg{color:#64748b;color:var(--admin-text-muted);left:1rem;position:absolute}.search-box-v2 input{background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);font-size:.875rem;min-width:300px;padding:.625rem 2.75rem .625rem 3rem;transition:.2s ease;transition:var(--admin-transition)}.search-box-v2 input:focus{border-color:#3b82f6;border-color:var(--admin-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-search{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;padding:.25rem;position:absolute;right:.75rem;transition:.2s ease;transition:var(--admin-transition)}.clear-search:hover{background:#94a3b81a;color:#f8fafc;color:var(--admin-text)}.filter-select-v2{background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;font-size:.875rem;padding:.625rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.filter-select-v2:focus{border-color:#3b82f6;border-color:var(--admin-primary);outline:none}.btn-primary-v2{align-items:center;background:#3b82f6;background:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-primary-v2:hover{background:#2563eb}.bulk-action-bar{align-items:center;animation:slideDown .3s ease;background:#3b82f60d;border:1px solid #3b82f6;border:1px solid var(--admin-primary);border-radius:12px;border-radius:var(--admin-radius);display:flex;justify-content:space-between;padding:1rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-info{align-items:center;color:#f8fafc;color:var(--admin-text);display:flex;font-size:.875rem;font-weight:500;gap:.75rem}.bulk-info input[type=checkbox]{cursor:pointer;height:18px;width:18px}.bulk-actions{align-items:center;display:flex;gap:.75rem}.bulk-select{background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);padding:.5rem 1rem}.btn-bulk-apply,.bulk-select{cursor:pointer;font-size:.875rem}.btn-bulk-apply{background:#3b82f6;background:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;font-weight:500;padding:.5rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-bulk-apply:hover:not(:disabled){background:#2563eb}.btn-bulk-apply:disabled{cursor:not-allowed;opacity:.5}.btn-bulk-cancel{background:#0000;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-bulk-cancel:hover{color:#f8fafc;color:var(--admin-text)}.btn-bulk-cancel:hover,.users-table-section{background:#1e293b;background:var(--admin-surface)}.users-table-section{border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);overflow:hidden}.table-wrapper-v2{overflow-x:auto}.data-table-v2{border-collapse:collapse;width:100%}.data-table-v2 thead{background:#0f172a;background:var(--admin-bg);border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border)}.data-table-v2 th{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.data-table-v2 th.checkbox-col{padding:1rem 1.5rem;width:48px}.data-table-v2 tbody tr{border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);transition:.2s ease;transition:var(--admin-transition)}.data-table-v2 tbody tr:hover{background:#0f172a;background:var(--admin-bg)}.data-table-v2 tbody tr.selected{background:#3b82f60d}.data-table-v2 td{color:#f8fafc;color:var(--admin-text);font-size:.875rem;padding:1rem 1.5rem}.data-table-v2 td.checkbox-col input[type=checkbox]{cursor:pointer;height:18px;width:18px}.user-cell{gap:.75rem}.user-avatar-small,.user-cell{align-items:center;display:flex}.user-avatar-small{background:#3b82f6;background:var(--admin-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-info-cell{display:flex;flex-direction:column;gap:.25rem}.user-name-cell{color:#f8fafc;color:var(--admin-text);font-weight:600}.user-email-cell{color:#94a3b8;color:var(--admin-text-secondary);font-size:.8125rem}.badge-role{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;text-transform:capitalize}.badge-role.student{background:#3b82f61a;color:#3b82f6;color:var(--admin-primary)}.badge-role.instructor{background:#10b9811a;color:#10b981;color:var(--admin-success)}.badge-role.admin{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.status-badge-v2{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.375rem .75rem;text-transform:capitalize}.status-badge-v2.status-active{background:#10b9811a;color:#10b981;color:var(--admin-success)}.status-badge-v2.status-inactive{background:#94a3b81a;color:#94a3b8;color:var(--admin-text-secondary)}.status-badge-v2.status-banned{background:#ef44441a;color:#ef4444;color:var(--admin-danger)}.status-dot.active{background:#10b981;background:var(--admin-success);box-shadow:0 0 0 3px #10b98133}.status-dot.inactive{background:#94a3b8;background:var(--admin-text-secondary)}.status-dot.banned{background:#ef4444;background:var(--admin-danger)}.date-text{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem}.action-btns-v2{display:flex;gap:.5rem}.btn-action{align-items:center;background:#0000;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:6px;color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:.2s ease;transition:var(--admin-transition);width:32px}.btn-action:hover{background:#0f172a;background:var(--admin-bg);border-color:#3b82f6;border-color:var(--admin-primary);color:#3b82f6;color:var(--admin-primary)}.btn-action.view:hover{border-color:#06b6d4;border-color:var(--admin-info);color:#06b6d4;color:var(--admin-info)}.btn-action.edit:hover{border-color:#f59e0b;border-color:var(--admin-warning);color:#f59e0b;color:var(--admin-warning)}.btn-action.activate:hover{border-color:#10b981;border-color:var(--admin-success);color:#10b981;color:var(--admin-success)}.btn-action.ban:hover,.btn-action.delete:hover{border-color:#ef4444;border-color:var(--admin-danger);color:#ef4444;color:var(--admin-danger)}.pagination-v2{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);display:flex;justify-content:space-between;padding:1rem 1.5rem}.pagination-info{color:#94a3b8;color:var(--admin-text-secondary);font-size:.875rem}.btn-page,.pagination-controls{align-items:center;display:flex;gap:.5rem}.btn-page{background:#0000;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.btn-page:hover:not(:disabled){background:#0f172a;background:var(--admin-bg);border-color:#3b82f6;border-color:var(--admin-primary)}.btn-page:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:.25rem}.btn-page-num{align-items:center;background:#0000;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:6px;color:#f8fafc;color:var(--admin-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;transition:.2s ease;transition:var(--admin-transition);width:36px}.btn-page-num:hover{background:#0f172a;background:var(--admin-bg)}.btn-page-num.active,.btn-page-num:hover{border-color:#3b82f6;border-color:var(--admin-primary)}.btn-page-num.active{background:#3b82f6;background:var(--admin-primary);color:#fff}.modal-content-v2{background:#1e293b;background:var(--admin-surface);border-radius:12px;border-radius:var(--admin-radius);box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header-v2{align-items:center;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-title-section{align-items:center;display:flex;gap:1rem}.user-avatar-large{align-items:center;background:#3b82f6;background:var(--admin-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;width:56px}.modal-header-v2 h3{color:#f8fafc;color:var(--admin-text);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.modal-subtitle{font-size:.875rem}.modal-close-btn,.modal-subtitle{color:#94a3b8;color:var(--admin-text-secondary)}.modal-close-btn{align-items:center;background:#0000;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:.2s ease;transition:var(--admin-transition);width:36px}.modal-close-btn:hover{background:#0f172a;background:var(--admin-bg);color:#f8fafc;color:var(--admin-text)}.modal-body-v2{padding:1.5rem}.detail-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:#f8fafc;color:var(--admin-text);font-size:.9375rem;font-weight:500}.detail-code{background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:6px;color:#06b6d4;color:var(--admin-info);font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.5rem .75rem}.detail-section{border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);margin-top:1.5rem;padding-top:1.5rem}.detail-section h4{color:#f8fafc;color:var(--admin-text);font-size:1rem;font-weight:600;margin-bottom:1rem}.activity-stats{display:flex;flex-direction:column;gap:1rem}.activity-stat-item{align-items:center;background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;gap:1rem;padding:1rem}.activity-stat-item svg{color:#3b82f6;color:var(--admin-primary)}.activity-stat-item div{display:flex;flex-direction:column;gap:.25rem}.stat-number{color:var(--admin-text);font-size:1.25rem}.stat-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem}.modal-footer-v2{border-top:1px solid #94a3b826;border-top:1px solid var(--admin-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-secondary-v2{align-items:center;background:#0000;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-secondary-v2:hover{background:#0f172a;background:var(--admin-bg);border-color:#3b82f6;border-color:var(--admin-primary)}.btn-success-v2{align-items:center;background:#10b981;background:var(--admin-success);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-success-v2:hover{background:#059669}.btn-danger-v2{align-items:center;background:#ef4444;background:var(--admin-danger);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.btn-danger-v2:hover{background:#dc2626}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.form-group label,.form-input-v2,.form-select-v2{color:#f8fafc;color:var(--admin-text);font-size:.875rem}.form-input-v2,.form-select-v2{background:#0f172a;background:var(--admin-bg);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);padding:.75rem 1rem;transition:.2s ease;transition:var(--admin-transition)}.form-input-v2:focus,.form-select-v2:focus{border-color:#3b82f6;border-color:var(--admin-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input-v2:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1200px){.search-box-v2 input{min-width:200px}}@media (max-width:1024px){.user-control-bar{align-items:stretch;flex-direction:column}.control-left,.control-right{width:100%}.control-right{flex-wrap:wrap}.search-box-v2 input{min-width:100%}}@media (max-width:768px){.user-stats-header{grid-template-columns:repeat(2,1fr)}.detail-grid,.form-grid{grid-template-columns:1fr}.bulk-action-bar,.pagination-v2{flex-direction:column;gap:1rem}}@media (max-width:640px){.user-stats-header{grid-template-columns:1fr}.action-btns-v2{flex-direction:column}.page-numbers{display:none}}.tab-elearning{padding:0}.elearning-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.elearning-stats-grid .stat-card{align-items:flex-start;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #667eea33;border-radius:20px;box-shadow:0 4px 20px #0003;display:flex;gap:1.25rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.elearning-stats-grid .stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.elearning-stats-grid .stat-card:hover{border-color:#667eea66;box-shadow:0 20px 40px #667eea40;transform:translateY(-6px)}.elearning-stats-grid .stat-card:hover:before{opacity:1}.elearning-stats-grid .stat-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px}.elearning-stats-grid .stat-icon:after{border-radius:20px;content:"";filter:blur(8px);inset:-4px;opacity:.3;position:absolute}.elearning-stats-grid .stat-icon.purple{box-shadow:0 8px 24px #667eea66;color:#fff}.elearning-stats-grid .stat-icon.purple,.elearning-stats-grid .stat-icon.purple:after{background:linear-gradient(135deg,#667eea,#764ba2)}.elearning-stats-grid .stat-icon.blue{box-shadow:0 8px 24px #4facfe66;color:#fff}.elearning-stats-grid .stat-icon.blue,.elearning-stats-grid .stat-icon.blue:after{background:linear-gradient(135deg,#4facfe,#00f2fe)}.elearning-stats-grid .stat-icon.green{box-shadow:0 8px 24px #43e97b66;color:#fff}.elearning-stats-grid .stat-icon.green,.elearning-stats-grid .stat-icon.green:after{background:linear-gradient(135deg,#43e97b,#38f9d7)}.elearning-stats-grid .stat-icon.orange{box-shadow:0 8px 24px #fa709a66;color:#fff}.elearning-stats-grid .stat-icon.orange,.elearning-stats-grid .stat-icon.orange:after{background:linear-gradient(135deg,#fa709a,#fee140)}.elearning-stats-grid .stat-content{flex:1 1}.elearning-stats-grid .stat-content h4{color:#94a3b8;font-size:.875rem;font-weight:500;letter-spacing:.025em;margin-bottom:.5rem}.elearning-stats-grid .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:.5rem}.elearning-stats-grid .stat-change{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem}.elearning-stats-grid .stat-change.positive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 8px #04785726;color:#047857}.elearning-stats-grid .stat-change.negative{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.limits-config-section{background:linear-gradient(145deg,#1e3a5f,#0f2744);border:1px solid #3b82f64d;border-radius:24px;box-shadow:0 4px 24px #0000004d;margin-bottom:2rem;padding:2rem}.limits-config-section .section-header{align-items:center;border-bottom:2px solid #3b82f633;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem}.limits-config-section .section-header h3{align-items:center;color:#93c5fd;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.limits-config-section .section-header h3 svg{color:#60a5fa}.limits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.limit-input-group{display:flex;flex-direction:column;gap:.75rem}.limit-input-group label{align-items:center;color:#e2e8f0;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.limit-input-group label svg{color:#60a5fa}.limit-input-group input,.limit-input-group select{background:#0f2744cc;border:2px solid #3b82f64d;border-radius:12px;color:#f1f5f9;font-size:.9rem;padding:.875rem 1rem;transition:all .3s ease}.limit-input-group input:focus,.limit-input-group select:focus{background:#0f2744;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f640;outline:none}.limit-input-group input:disabled{background:#1e3a5f80;cursor:not-allowed;opacity:.7}.input-hint{color:#64748b;font-size:.8rem;margin-top:-.25rem}.user-gen-stats-section{background:linear-gradient(145deg,#3b1c32,#1f0f1a);border:1px solid #ef44444d;border-radius:24px;box-shadow:0 4px 24px #0000004d;margin-bottom:2rem;padding:2rem}.user-gen-stats-section .section-header{align-items:center;border-bottom:2px solid #ef444433;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem}.user-gen-stats-section .section-header h3{align-items:center;color:#fca5a5;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.user-gen-stats-section .section-header h3 svg{color:#f87171}.user-gen-stats-section .data-table-v2{background:#1f0f1acc;border:1px solid #ef444433;border-radius:16px;overflow:hidden}.user-gen-stats-section .data-table-v2 thead{background:linear-gradient(135deg,#3b1c32e6,#1f0f1ae6);border-bottom:2px solid #ef44444d}.user-gen-stats-section .data-table-v2 th{background:#0000;color:#fca5a5;font-weight:700;padding:1rem 1.25rem}.user-gen-stats-section .data-table-v2 tbody{background:#0000}.user-gen-stats-section .data-table-v2 tbody tr{border-bottom:1px solid #ef44441a}.user-gen-stats-section .data-table-v2 tbody tr:hover{background:#ef44441a}.user-gen-stats-section .data-table-v2 td{background:#0000;color:#e2e8f0;padding:1rem 1.25rem}.user-gen-stats-section .user-cell{align-items:center;display:flex;gap:.75rem}.user-gen-stats-section .user-cell .user-avatar{align-items:center;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:10px;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-gen-stats-section .user-cell span{color:#f1f5f9;font-weight:600}.user-gen-stats-section .action-btns-v2{display:flex;gap:.5rem}.user-gen-stats-section .btn-icon-small{align-items:center;background:#3b1c32cc;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.user-gen-stats-section .btn-icon-small:hover{background:#ef444433;border-color:#ef4444;color:#f87171}.search-input-small{background:#1f0f1acc;border:2px solid #ef44444d;border-radius:12px;color:#f1f5f9;font-size:.9rem;min-width:250px;padding:.75rem 1.25rem;transition:all .3s ease}.search-input-small::placeholder{color:#64748b}.search-input-small:focus{background:#1f0f1a;border-color:#ef4444;box-shadow:0 0 0 4px #ef444433;outline:none}.badge-unlimited{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 12px #8b5cf659;color:#fff;gap:.375rem;letter-spacing:.05em;text-transform:uppercase}.badge-unlimited,.usage-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;padding:.375rem 1rem}.usage-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f633;color:#1d4ed8;gap:.25rem}.usage-badge.at-limit{animation:pulseWarning 2s ease-in-out infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc26264d;color:#dc2626}@keyframes pulseWarning{0%,to{box-shadow:0 0 0 0 #dc26264d}50%{box-shadow:0 0 0 6px #dc262600}}.generated-paths-section{background:linear-gradient(145deg,#14352a,#0a1f17);border:1px solid #22c55e4d;border-radius:24px;box-shadow:0 4px 24px #0000004d;margin-bottom:2rem;padding:2rem}.generated-paths-section .section-header{align-items:center;border-bottom:2px solid #22c55e33;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem}.generated-paths-section .section-header h3{align-items:center;color:#86efac;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.generated-paths-section .section-header h3 svg{color:#4ade80}.paths-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.path-card{background:linear-gradient(145deg,#1a3d2e,#0d2318);border:2px solid #22c55e40;border-radius:20px;overflow:hidden;padding:1.75rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.path-card:before{background:linear-gradient(90deg,#22c55e,#10b981 50%,#14b8a6);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.path-card:hover{border-color:#22c55e;box-shadow:0 24px 48px #22c55e40;transform:translateY(-8px)}.path-card:hover:before{transform:scaleX(1)}.path-header{align-items:flex-start;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.path-header h4{color:#f1f5f9;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0}.generation-time{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;box-shadow:0 2px 8px #04785726;color:#047857;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .875rem;white-space:nowrap}.path-user{align-items:center;background:#14352acc;border:1px solid #22c55e33;border-radius:14px;color:#e2e8f0;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.25rem;padding:1rem;transition:all .3s ease}.path-card:hover .path-user{background:#22c55e26;border-color:#22c55e66}.path-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem}.stat-mini{align-items:center;color:#94a3b8;display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.stat-mini svg{color:#4ade80;height:16px;width:16px}.path-meta{border-top:1px solid #22c55e33;color:#64748b;display:flex;flex-direction:column;font-size:.8rem;gap:.5rem;margin-bottom:1.25rem;padding-top:1rem}.path-actions{display:flex;gap:.75rem}.path-actions .btn-small{border-radius:10px;flex:1 1;font-size:.85rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.top-categories-section{background:linear-gradient(145deg,#2d1b4e,#1a0f2e);border:1px solid #8b5cf64d;border-radius:24px;box-shadow:0 4px 24px #0000004d;padding:2rem}.top-categories-section .section-header{align-items:center;border-bottom:2px solid #8b5cf633;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem}.top-categories-section .section-header h3{align-items:center;color:#c4b5fd;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.top-categories-section .section-header h3 svg{color:#a78bfa}.categories-chart{gap:1.25rem}.categories-chart,.category-bar{display:flex;flex-direction:column}.category-bar{gap:.75rem}.category-name{font-size:.95rem}.category-count{color:#a78bfa;font-size:.85rem}.progress-bar{background:#1a0f2ecc;border-radius:20px;box-shadow:inset 0 2px 4px #0000004d;height:12px;width:100%}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7 50%,#c084fc);border-radius:20px;overflow:hidden;position:relative}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{to{left:100%}}.path-detail-modal{max-width:720px;width:92vw}.path-detail-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.detail-section{display:flex;flex-direction:column;gap:.875rem}.detail-section.full-width{grid-column:1/-1}.detail-section h4{color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.detail-section .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.user-info{align-items:center;gap:1rem}.user-avatar.large{border-radius:16px;font-size:1.5rem;height:60px;width:60px}.progress-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.stat-item{font-size:.9rem;justify-content:space-between;padding:.5rem 0}.stat-item .label{color:#64748b}.stat-item .value{color:#1e293b;font-weight:700}.progress-bar-large{background:#f1f5f9;border-radius:20px;height:14px;overflow:hidden;width:100%}.progress-bar-large .progress-fill{height:100%}.time-info{display:flex;flex-direction:column;gap:1rem}.time-item{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:.75rem}.time-item svg{color:#22c55e}.checkbox-label{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:14px;box-shadow:0 4px 12px #fbbf2433;gap:1rem;padding:1rem 1.25rem}.checkbox-label:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b;box-shadow:0 8px 20px #fbbf244d;transform:translateY(-2px)}.checkbox-label input[type=checkbox]{accent-color:#f59e0b;height:22px;width:22px}.checkbox-label svg{color:#d97706}.checkbox-label span{color:#78350f;font-size:.95rem;font-weight:700}.user-info-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:1.25rem;margin-bottom:2rem;padding:1.25rem}.user-info-header h4{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.text-muted{color:#94a3b8;font-size:.9rem}.current-usage-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-top:2rem;padding:1.5rem}.current-usage-info h5{color:#334155;font-size:1rem;font-weight:700;margin-bottom:1rem}.usage-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.usage-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.375rem;padding:1rem}.usage-label{color:#94a3b8;font-size:.8rem;font-weight:500}.usage-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.loading-state{padding:5rem 2rem}.loading-state svg{animation:pulse 1.5s ease-in-out infinite;color:#a78bfa;margin-bottom:1.25rem}.empty-state,.loading-state p{color:#cbd5e1}.empty-state{justify-content:center;padding:5rem 2rem}.empty-state svg{color:#64748b;margin-bottom:1.25rem}.empty-state p{font-size:1rem}.user-stats-table{border-collapse:initial;border-spacing:0;width:100%}.user-stats-table th{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:2px solid #ef444433;color:#991b1b;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.user-stats-table th:first-child{border-radius:12px 0 0 0}.user-stats-table th:last-child{border-radius:0 12px 0 0}.user-stats-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9rem;padding:1rem 1.25rem}.user-stats-table tr:hover td{background:linear-gradient(135deg,#fef2f2,#fff1f2)}.user-stats-table tr:last-child td:first-child{border-radius:0 0 0 12px}.user-stats-table tr:last-child td:last-child{border-radius:0 0 12px 0}@media (max-width:1200px){.elearning-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.limits-grid{grid-template-columns:1fr 1fr}.paths-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.path-detail-grid{grid-template-columns:1fr}.usage-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.elearning-stats-grid{gap:1rem}.elearning-stats-grid,.limits-grid,.paths-grid{grid-template-columns:1fr}.path-stats-grid{grid-template-columns:repeat(2,1fr)}.usage-grid{grid-template-columns:1fr}.header-actions{width:100%}.search-input-small{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.generated-paths-section,.limits-config-section,.top-categories-section,.user-gen-stats-section{border-radius:16px;padding:1.25rem}.path-card{padding:1.25rem}.path-stats-grid{grid-template-columns:1fr}.path-actions{flex-direction:column}.path-actions .btn-small{width:100%}}.tab-atlas-engagement{padding:0}.atlas-header{align-items:center;background:linear-gradient(135deg,#ec48991a,#db27770d);border:1px solid #ec489933;border-radius:12px;border-radius:var(--admin-radius);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}.agent-avatar.atlas{box-shadow:0 0 30px #ec489966}.agent-avatar.atlas,.agent-badge.atlas{background:linear-gradient(135deg,#ec4899,#db2777)}.atlas-quick-actions{display:flex;gap:.75rem}.atlas-quick-actions .action-btn{align-items:center;background:#1e293b;background:var(--admin-surface);border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#f8fafc;color:var(--admin-text);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.25rem;transition:.2s ease;transition:var(--admin-transition)}.atlas-quick-actions .action-btn:hover{background:#334155;background:var(--admin-surface-hover)}.atlas-quick-actions .action-btn.primary{background:linear-gradient(135deg,#ec4899,#db2777);border:none;color:#fff}.atlas-quick-actions .action-btn.primary:hover{box-shadow:0 4px 15px #ec489966;transform:translateY(-2px)}.atlas-quick-actions .action-btn:disabled{cursor:not-allowed;opacity:.6}.atlas-metrics{background:#1e293b;background:var(--admin-surface);border-radius:12px;border-radius:var(--admin-radius);margin-bottom:1.5rem;padding:1.5rem}.atlas-metrics h3{align-items:center;color:#f8fafc;color:var(--admin-text);display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.atlas-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.atlas-grid .metric-card{align-items:center;background:#ffffff08;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);display:flex;gap:1rem;padding:1.25rem}.atlas-grid .metric-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.atlas-grid .metric-icon.engagement{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981}.atlas-grid .metric-icon.medium{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.atlas-grid .metric-icon.warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b}.atlas-grid .metric-icon.new-users{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6}.atlas-grid .metric-content{display:flex;flex-direction:column}.atlas-grid .metric-value{color:#f8fafc;color:var(--admin-text);font-size:1.75rem;font-weight:700}.atlas-grid .metric-label{color:#94a3b8;color:var(--admin-text-secondary);font-size:.8rem}.atlas-segments{background:#1e293b;background:var(--admin-surface);border-radius:12px;border-radius:var(--admin-radius);margin-bottom:1.5rem;padding:1.5rem}.atlas-segments h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.segments-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.segment-card{background:#ffffff08;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);padding:1rem;text-align:center;transition:.2s ease;transition:var(--admin-transition)}.segment-card:hover{border-color:#ec48994d;transform:translateY(-2px)}.segment-card .segment-count{color:#f8fafc;color:var(--admin-text);font-size:1.5rem;font-weight:700}.segment-card .segment-name{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem;margin-top:.25rem;text-transform:capitalize}.segment-card.new_user{border-left:3px solid #8b5cf6}.segment-card.active_learner{border-left:3px solid #10b981}.segment-card.casual_browser{border-left:3px solid #3b82f6}.segment-card.power_user{border-left:3px solid #f59e0b}.segment-card.at_risk{border-left:3px solid #ef4444}.segment-card.churned{border-left:3px solid #6b7280}.segment-card.reactivated{border-left:3px solid #06b6d4}.atlas-actions-panel{background:#1e293b;background:var(--admin-surface);border-radius:12px;border-radius:var(--admin-radius);margin-bottom:1.5rem;padding:1.5rem}.atlas-actions-panel h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.atlas-action-card{align-items:center;background:#ffffff05;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);color:#f8fafc;color:var(--admin-text);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center;transition:.2s ease;transition:var(--admin-transition)}.atlas-action-card:hover{background:#ec48991a;border-color:#ec48994d;transform:translateY(-2px)}.atlas-action-card:disabled{cursor:not-allowed;opacity:.5;transform:none}.atlas-action-card svg{color:#ec4899}.atlas-action-card span{font-size:.9rem;font-weight:600}.atlas-action-card small{color:#94a3b8;color:var(--admin-text-secondary);font-size:.75rem}.atlas-at-risk{background:#1e293b;background:var(--admin-surface);border-radius:12px;border-radius:var(--admin-radius);margin-bottom:1.5rem;padding:1.5rem}.atlas-at-risk h3{align-items:center;color:#f59e0b;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.at-risk-list{display:flex;flex-direction:column;gap:.75rem}.at-risk-item{grid-gap:1rem;align-items:center;background:#ffffff05;border:1px solid #94a3b826;border:1px solid var(--admin-border);border-left:3px solid #0000;border-radius:8px;border-radius:var(--admin-radius-sm);display:grid;gap:1rem;grid-template-columns:1fr 1fr auto;padding:1rem}.at-risk-item.risk-critical{background:#ef44440d;border-left-color:#ef4444}.at-risk-item.risk-high{background:#f59e0b0d;border-left-color:#f59e0b}.at-risk-item .user-info{display:flex;flex-direction:column}.at-risk-item .user-info strong{color:#f8fafc;color:var(--admin-text)}.at-risk-item .user-info span{color:#94a3b8;color:var(--admin-text-secondary);font-size:.8rem}.at-risk-item .risk-info{display:flex;flex-direction:column;gap:.25rem}.risk-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.risk-badge.critical{background:#ef444433;color:#ef4444}.risk-badge.high{background:#f59e0b33;color:#f59e0b}.at-risk-item .risk-info small{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.at-risk-item .risk-factors{display:flex;flex-wrap:wrap;gap:.5rem}.factor-tag{background:#ffffff0d;border-radius:4px;color:#94a3b8;color:var(--admin-text-secondary);font-size:.7rem;padding:.25rem .5rem;text-transform:capitalize}.atlas-activity-log{background:#1e293b;background:var(--admin-surface);border-radius:12px;border-radius:var(--admin-radius);padding:1.5rem}.atlas-activity-log h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.atlas-activity-log .activity-list{display:flex;flex-direction:column;gap:.5rem}.atlas-activity-log .activity-item{grid-gap:1rem;background:#ffffff05;border-radius:8px;border-radius:var(--admin-radius-sm);display:grid;font-size:.85rem;gap:1rem;grid-template-columns:150px 1fr auto;padding:.75rem}.atlas-activity-log .activity-type{color:#ec4899;font-weight:500;text-transform:capitalize}.atlas-activity-log .activity-desc{color:#94a3b8;color:var(--admin-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-activity-log .activity-time{color:#64748b;color:var(--admin-text-muted);font-size:.8rem}.loading-state{align-items:center;color:#94a3b8;color:var(--admin-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.empty-state{color:#64748b;color:var(--admin-text-muted);font-style:italic;padding:2rem}@media (max-width:1024px){.atlas-grid{grid-template-columns:repeat(2,1fr)}.atlas-header{align-items:flex-start;flex-direction:column;gap:1rem}.at-risk-item{gap:.5rem;grid-template-columns:1fr}}@media (max-width:768px){.atlas-grid{grid-template-columns:1fr}.segments-grid{grid-template-columns:repeat(3,1fr)}.actions-grid{grid-template-columns:1fr}.atlas-activity-log .activity-item{gap:.25rem;grid-template-columns:1fr}}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--secondary-500:#a78bfa;--secondary-600:#8b5cf6;--accent-indigo:#6366f1;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-800:#262626;--gray-900:#171717;--gradient-primary:linear-gradient(135deg,#0ea5e9,#6366f1);--gradient-secondary:linear-gradient(135deg,#a78bfa,#ec4899);--gradient-success:linear-gradient(135deg,#10b981,#14b8a6);--gradient-warning:linear-gradient(135deg,#f59e0b,#fb923c);--gradient-danger:linear-gradient(135deg,#f43f5e,#fb7185);--gradient-ocean:linear-gradient(135deg,#06b6d4,#0ea5e9);--gradient-sunset:linear-gradient(135deg,#f97316,#fb923c 50%,#fbbf24);--gradient-aurora:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#06b6d4);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 2px 4px -1px #00000014;--shadow-md:0 6px 12px -2px #0000001f;--shadow-lg:0 12px 24px -4px #00000026;--shadow-xl:0 24px 48px -8px #0000002e;--shadow-2xl:0 32px 64px -12px #00000040;--shadow-glow:0 0 40px #0ea5e94d;--transition:250ms cubic-bezier(0.4,0,0.2,1)}.creator-dashboard{animation:gradientShift 15s ease infinite;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.creator-dashboard:before{animation:breathe 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f626,#0000 40%),radial-gradient(circle at 80% 20%,#8b5cf626,#0000 40%),radial-gradient(circle at 50% 50%,#10b9811a,#0000 50%);inset:0}@keyframes breathe{0%,to{opacity:1}50%{opacity:.7}}.loading-spinner{border:5px solid #e0f2fe;border-right:5px solid #a78bfa;border-top:5px solid #0ea5e9;box-shadow:0 24px 48px -8px #0000002e}.loading-container p{color:#525252;color:var(--gray-600)}.creator-header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172af2;border:2px solid #94a3b833;box-shadow:0 32px 64px -12px #00000040,0 0 50px #3b82f61a;box-shadow:var(--shadow-2xl),0 0 50px #3b82f61a;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition)}.creator-header:before{background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#06b6d4);background:var(--gradient-aurora);height:6px}.creator-header:hover{box-shadow:0 32px 64px -12px #00000040,0 8px 32px #0ea5e933;box-shadow:var(--shadow-2xl),0 8px 32px #0ea5e933;transform:translateY(-4px)}.header-left h1{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.header-left p{color:#525252;color:var(--gray-600);margin:var(--space-2) 0 0}.add-btn,.cancel-btn,.create-btn,.export-btn,.logout-btn,.notification-btn,.refresh-btn,.save-btn,.upload-btn{align-items:center;border:2px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;gap:var(--space-2);overflow:hidden;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.notification-btn{background:#f0f9ff;border-color:#bae6fd;border-color:var(--primary-200);color:#0369a1}.notification-btn:hover{background:#e0f2fe;box-shadow:0 12px 24px -4px #00000026;box-shadow:var(--shadow-lg)}.notification-badge{background:linear-gradient(135deg,#f43f5e,#fb7185)}.logout-btn,.refresh-btn{background:#fff;border-color:#e5e5e5;border-color:var(--gray-200);color:#262626;color:var(--gray-800)}.creator-nav{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172af2;border:2px solid #94a3b833;box-shadow:0 24px 48px -8px #0000002e,0 0 40px #3b82f61a;box-shadow:var(--shadow-xl),0 0 40px #3b82f61a;padding:.75rem;padding:var(--space-3)}.creator-nav::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary)}.nav-tab{border-radius:1rem;border-radius:var(--radius-xl);font-size:.95rem;font-weight:700;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab:hover{background:#3b82f61a;color:#60a5fa}.nav-tab.active{background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 12px 24px -4px #00000026,0 0 30px #3b82f666;box-shadow:var(--shadow-lg),0 0 30px #3b82f666}.nav-tab.active:before{background:#0ea5e9;background:var(--primary-500);border-radius:50%;bottom:-8px;box-shadow:0 0 12px #0ea5e9;box-shadow:0 0 12px var(--primary-500);content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.creator-content{animation:fadeIn .6s ease-out}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.stat-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293b99!important;border:2px solid #94a3b833;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 24px 48px -8px #0000002e,0 0 30px #3b82f61a;box-shadow:var(--shadow-xl),0 0 30px #3b82f61a;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card *{color:inherit}.stat-card h3,.stat-card p,.stat-card small{color:#e2e8f0!important}.stat-card:before{background:linear-gradient(135deg,#0ea5e9,#6366f1);height:3px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#bae6fd;box-shadow:0 12px 24px -4px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 2px 4px -1px #00000014;box-shadow:var(--shadow-sm);height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.stat-card:hover .stat-icon{box-shadow:0 6px 12px -2px #0000001f;box-shadow:var(--shadow-md);transform:scale(1.1)}.stat-card.students .stat-icon{background:linear-gradient(135deg,#a78bfa,#ec4899)}.stat-card.earnings .stat-icon{background:linear-gradient(135deg,#10b981,#14b8a6)}.stat-card.rating .stat-icon{background:linear-gradient(135deg,#f59e0b,#fb923c)}.stat-card.views .stat-icon{background:linear-gradient(135deg,#06b6d4,#0ea5e9);background:var(--gradient-ocean)}.stat-card.completion .stat-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#06b6d4);background:var(--gradient-aurora)}.stat-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.stat-content h3{font-size:.65rem;letter-spacing:.02em;line-height:1.3;margin:0;text-transform:none!important;white-space:normal}.stat-card .stat-content h3,.stat-card h3,.stat-card.completion h3,.stat-card.courses h3,.stat-card.earnings h3,.stat-card.rating h3,.stat-card.students h3,.stat-card.views h3,.stat-content h3{color:#525252!important;color:var(--gray-600)!important}.stat-number{color:#171717!important;font-size:1.5rem;line-height:1.1;margin:0;transition:transform .3s ease}.stat-card:hover .stat-number{transform:scale(1.05)}.stat-content small{color:#525252!important;color:var(--gray-600)!important;font-size:.65rem;line-height:1.3;white-space:normal}.stat-trend{border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-size:.8rem;font-weight:700;gap:var(--space-1);margin-left:.5rem;margin-left:var(--space-2);padding:var(--space-1) var(--space-2)}.stat-trend.up{background:#10b9811a;color:#10b981;color:var(--accent-emerald)}.stat-trend.down{background:#f43f5e1a;color:#f43f5e;color:var(--accent-rose)}.quick-actions{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border:2px solid #fffc;box-shadow:0 12px 24px -4px #00000026;margin-bottom:1.5rem;margin-bottom:var(--space-6);overflow:hidden;padding:1.25rem;padding:var(--space-5);position:relative}.quick-actions:before{background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#06b6d4);background:var(--gradient-aurora);content:"";height:3px;left:0;position:absolute;right:0;top:0}.quick-actions h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800;margin-bottom:var(--space-1)}.quick-actions p{color:#525252;color:var(--gray-600);font-size:.85rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.action-grid{grid-gap:.75rem;grid-gap:var(--space-3);gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.action-btn{background:#fff;border:2px solid #e5e5e5;border:2px solid var(--gray-200);color:#262626;color:var(--gray-800);font-size:.85rem;font-weight:700;min-height:100px;padding:1rem;padding:var(--space-4)}.action-btn:before{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary);inset:0;opacity:0;transition:opacity .4s ease;z-index:-1}.action-btn:hover:before{opacity:1}.action-btn:hover{border-color:#0000;box-shadow:0 24px 48px -8px #0000002e,0 0 40px #0ea5e94d;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-6px) scale(1.03)}.action-btn span{font-size:1.75rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.action-btn:hover span{transform:scale(1.15) rotate(8deg)}.action-btn.create-course:before{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary)}.action-btn.upload-content:before{background:linear-gradient(135deg,#a78bfa,#ec4899);background:var(--gradient-secondary)}.action-btn.view-analytics:before{background:linear-gradient(135deg,#06b6d4,#0ea5e9);background:var(--gradient-ocean)}.action-btn.message-students:before{background:linear-gradient(135deg,#10b981,#14b8a6);background:var(--gradient-success)}.action-btn.manage-courses:before{background:linear-gradient(135deg,#f59e0b,#fb923c);background:var(--gradient-warning)}.action-btn.view-earnings:before{background:linear-gradient(135deg,#f43f5e,#fb7185);background:var(--gradient-danger)}.course-card{background:#fffffffa;box-shadow:0 12px 24px -4px #00000026;transition:all var(--transition)}.course-card:hover{box-shadow:0 32px 64px -12px #00000040;transform:translateY(-10px)}.course-header{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary)}.status-pending-approval{background:#f59e0be6;color:#fff}.status-rejected{background:#ef4444e6;color:#fff}.course-content h4{margin-bottom:.75rem;margin-bottom:var(--space-3)}.course-description{color:#525252;color:var(--gray-600)}.course-description,.course-stats{margin-bottom:1rem;margin-bottom:var(--space-4)}.course-stats{background:#fafafa}.course-stats .stat small{color:#737373;color:var(--gray-500)}.course-actions button{padding:.75rem;padding:var(--space-3);transition:all var(--transition)}.edit-btn{background:#e0f2fe;color:#0369a1}.edit-btn:hover{background:#0ea5e9}.analytics-btn{background:#ddd6fe;color:#7c3aed}.analytics-btn:hover{background:#a78bfa}.submit-approval-btn{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary);color:#fff;font-weight:600}.submit-approval-btn:hover{box-shadow:0 8px 25px #0ea5e94d;transform:translateY(-2px)}.pending-btn{background:#fbbf24;color:#fff;cursor:not-allowed;opacity:.8}.pending-btn:disabled{transform:none}.resubmit-btn{background:linear-gradient(135deg,#f59e0b,#fb923c);background:var(--gradient-warning);color:#fff;font-weight:600}.resubmit-btn:hover{box-shadow:0 8px 25px #f59e0b4d;transform:translateY(-2px)}.unpublish-btn{background:#94a3b8}.unpublish-btn:hover{background:#64748b}.rejection-reason{background:#fef2f2;border-left:3px solid #dc2626;border-radius:var(--radius-sm);color:#dc2626;font-size:.75rem;grid-column:span 2;margin-top:.5rem;margin-top:var(--space-2);padding:.5rem;padding:var(--space-2)}.course-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.content-grid,.message-list,.students-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff9;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 12px 24px -4px #00000026;box-shadow:var(--shadow-lg);overflow-x:auto;padding:1.5rem;padding:var(--space-6)}.students-table table{border-collapse:collapse}.students-table td,.students-table th{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--gray-200);padding:1rem;padding:var(--space-4);text-align:left}.students-table th{color:var(--gray-700);font-weight:700}.students-table th,.students-table tr:hover{background:#fafafa;background:var(--gray-50)}.modal-overlay{animation:fadeIn .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;padding:1rem;padding:var(--space-4)}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 32px 64px -12px #00000040}.modal-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--space-6)}.close-btn{background:#f5f5f5;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);font-size:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.close-btn:hover{background:#e5e5e5;background:var(--gray-200);transform:rotate(90deg)}.content-form,.course-form{padding:1.5rem;padding:var(--space-6)}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.form-group label{color:var(--gray-700);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e5e5;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--gray-200);gap:.75rem;gap:var(--space-3);padding:1.5rem;padding:var(--space-6)}.modal-actions button{border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-weight:600;padding:1rem;padding:var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.cancel-btn{background:#f5f5f5;background:var(--gray-100);border:none;color:var(--gray-700)}.cancel-btn:hover{background:#e5e5e5;background:var(--gray-200)}.create-btn{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary)}.create-btn:hover{box-shadow:0 12px 24px -4px #00000026;box-shadow:var(--shadow-lg)}@media (max-width:768px){.header-right{justify-content:flex-start;width:100%}.action-grid,.courses-grid,.stats-grid{grid-template-columns:1fr}}.empty-state,.no-data{color:#525252;color:var(--gray-600);padding:2rem;padding:var(--space-8);text-align:center}.empty-icon{display:block;font-size:4rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.empty-state h3{color:#262626;color:var(--gray-800);margin-bottom:.75rem;margin-bottom:var(--space-3)}.create-first-btn{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-xl);margin-top:1rem;margin-top:var(--space-4);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.create-first-btn:hover{box-shadow:0 24px 48px -8px #0000002e;box-shadow:var(--shadow-xl)}.error-message{background:#fffffffa;border:2px solid #f43f5e;border:2px solid var(--accent-rose);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 12px 24px -4px #00000026;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8)}.error-message h3{font-size:1.5rem;margin-bottom:.75rem;margin-bottom:var(--space-3)}.retry-btn{background:#f43f5e;background:var(--accent-rose);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1rem;margin-top:var(--space-4);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.retry-btn:hover{box-shadow:0 6px 12px -2px #0000001f;box-shadow:var(--shadow-md)}.dashboard-grid{grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.notifications-section,.recent-activity,.top-courses{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border:2px solid #fffc;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 24px 48px -8px #0000002e;box-shadow:var(--shadow-xl);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .3s ease}.notifications-section:before,.recent-activity:before,.top-courses:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.recent-activity:before{background:linear-gradient(135deg,#06b6d4,#0ea5e9);background:var(--gradient-ocean)}.top-courses:before{background:linear-gradient(135deg,#f59e0b,#fb923c);background:var(--gradient-warning)}.notifications-section:before{background:linear-gradient(135deg,#a78bfa,#ec4899);background:var(--gradient-secondary)}.notifications-section:hover,.recent-activity:hover,.top-courses:hover{box-shadow:0 32px 64px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.notifications-section h3,.recent-activity h3,.top-courses h3{align-items:center;color:#171717;color:var(--gray-900);display:flex;font-size:1.35rem;font-weight:800;gap:.75rem;gap:var(--space-3);margin-bottom:1.25rem;margin-bottom:var(--space-5)}.notifications-section h3 span,.recent-activity h3 span,.top-courses h3 span{font-size:1.5rem}.activity-list,.course-performance,.notifications-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.activity-item,.notification-item,.performance-item{align-items:start;background:#fff;border:2px solid #f5f5f5;border:2px solid var(--gray-100);border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:1rem;gap:var(--space-4);padding:1.25rem;padding:var(--space-5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-item:hover,.notification-item:hover,.performance-item:hover{background:#fafafa;background:var(--gray-50);border-color:#7dd3fc;border-color:var(--primary-300);box-shadow:0 6px 12px -2px #0000001f;box-shadow:var(--shadow-md);transform:translateX(8px)}.activity-icon,.course-rank{align-items:center;background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 6px 12px -2px #0000001f,inset 0 2px 8px #ffffff4d;box-shadow:var(--shadow-md),inset 0 2px 8px #ffffff4d;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:800;height:54px;justify-content:center;width:54px}.performance-item:first-child .course-rank{background:linear-gradient(135deg,#f59e0b,#fb923c);background:var(--gradient-warning);font-size:1.5rem}.performance-item:nth-child(2) .course-rank{background:linear-gradient(135deg,#06b6d4,#0ea5e9);background:var(--gradient-ocean)}.performance-item:nth-child(3) .course-rank{background:linear-gradient(135deg,#10b981,#14b8a6);background:var(--gradient-success)}.activity-details,.course-details{flex:1 1}.activity-details p,.course-details h4{color:#171717;color:var(--gray-900);font-size:1rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.activity-details span,.course-metrics span{color:#737373;color:var(--gray-500);font-size:.85rem;font-weight:600}.course-metrics{font-size:.9rem;gap:1.25rem;gap:var(--space-5);margin-top:.75rem;margin-top:var(--space-3)}.course-metrics span{align-items:center;background:#fafafa;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-weight:700;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.notification-item.unread{background:#0ea5e90d;border-color:#7dd3fc;border-color:var(--primary-300)}.notification-item.unread:after{animation:pulse 2s ease-in-out infinite;background:#0ea5e9;background:var(--primary-500);border-radius:50%;box-shadow:0 0 12px #0ea5e9;box-shadow:0 0 12px var(--primary-500);content:"";height:12px;position:absolute;right:16px;top:16px;width:12px}.notification-type{border-radius:.5rem;border-radius:var(--radius-md);height:100%;margin-right:.5rem;margin-right:var(--space-2);width:6px}.notification-type.info{background:#0ea5e9;background:var(--primary-500)}.notification-type.success{background:#10b981;background:var(--accent-emerald)}.notification-type.warning{background:#f59e0b;background:var(--accent-amber)}.notification-content h4{font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.notification-content p{color:#525252;color:var(--gray-600);line-height:1.6;margin-bottom:.5rem;margin-bottom:var(--space-2)}.notification-content span{color:#737373;color:var(--gray-500);font-weight:600}.progress-bar{align-items:center;background:#e5e5e5;background:var(--gray-200);display:flex;height:24px;justify-content:center}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary);left:0;position:absolute;top:0;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar span{color:var(--gray-700);font-size:.8rem;font-weight:700;position:relative;z-index:1}.filter-select{background:#fff;border:2px solid #e5e5e5;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:var(--gray-700);font-weight:600;padding:var(--space-3) var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.filter-select:hover{border-color:#7dd3fc;border-color:var(--primary-300)}.filter-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.add-btn,.export-btn,.upload-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#6366f1);background:var(--gradient-primary);border-radius:.75rem;border-radius:var(--radius-lg);display:inline-flex;gap:.5rem;gap:var(--space-2);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.add-btn:hover,.export-btn:hover,.upload-btn:hover{box-shadow:0 24px 48px -8px #0000002e,0 0 30px #3b82f666;box-shadow:var(--shadow-xl),0 0 30px #3b82f666}.courses-container-creator{padding:0}.section-header-creator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border-image:linear-gradient(90deg,#8b5cf6,#a78bfa) 1;border-radius:12px;border-top:3px solid #0000;margin-bottom:2rem;padding:1.5rem}.header-title-group{gap:.75rem}.header-title-group .header-icon{color:#a78bfa}.header-title-group h3{color:#f8fafc;font-size:1.25rem;font-weight:600;margin:0}.header-actions-creator{gap:.75rem}.filter-select-modern{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;font-size:.875rem;min-width:150px;padding:.75rem 1rem;transition:all .2s ease}.filter-select-modern:focus{background:#0f172acc;border-color:#8b5cf6}.action-btn-creator{border-radius:8px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.action-btn-creator.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.action-btn-creator.primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #8b5cf666}.courses-table-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #94a3b833;border-radius:12px;overflow:hidden}.data-table-creator{border-collapse:collapse;width:100%}.data-table-creator thead{background:#0f172a99;border-bottom:1px solid #94a3b833}.data-table-creator th{color:#cbd5e1;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.data-table-creator tbody tr{border-bottom:1px solid #94a3b81a;transition:background-color .2s ease}.data-table-creator tbody tr:hover{background:#8b5cf60d}.data-table-creator tbody tr:last-child{border-bottom:none}.data-table-creator td{color:#f8fafc;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.course-cell{align-items:center;display:flex;gap:1rem}.course-thumbnail-icon{align-items:center;background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);border-radius:8px;color:#a78bfa;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.course-info{min-width:0}.course-title{color:#f8fafc;margin-bottom:.25rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-meta{color:#94a3b8;font-size:.75rem}.status-badge-creator{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;text-transform:capitalize;white-space:nowrap}.status-badge-creator.published{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-badge-creator.draft{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.status-badge-creator.pending-approval{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.status-badge-creator.rejected{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.rejection-note{color:#ef4444;font-size:.75rem;font-style:italic;margin-top:.25rem}.metric-cell .metric-value{align-items:center;color:#cbd5e1;display:flex;gap:.5rem}.metric-cell .metric-value svg{color:#64748b;flex-shrink:0}.metric-cell .metric-value.rating{color:#fbbf24;font-weight:600}.metric-cell .metric-value.rating svg{color:#fbbf24}.price-cell{color:#10b981}.price-cell,.revenue-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.revenue-cell{color:#a78bfa}.action-buttons-compact{display:flex;gap:.5rem;justify-content:flex-end}.icon-btn-creator{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;color:#a78bfa;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.icon-btn-creator:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf6;transform:translateY(-2px)}.icon-btn-creator:disabled{cursor:not-allowed;opacity:.4}.icon-btn-creator.success{background:#10b9811a;border-color:#10b9814d;color:#10b981}.icon-btn-creator.success:hover:not(:disabled){background:#10b98133;border-color:#10b981}.icon-btn-creator.warning{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.icon-btn-creator.warning:hover:not(:disabled){background:#fbbf2433;border-color:#fbbf24}.icon-btn-creator.info{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.icon-btn-creator.info:hover:not(:disabled){background:#3b82f633;border-color:#3b82f6}.icon-btn-creator.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.icon-btn-creator.danger:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.empty-state-creator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #94a3b833;border-radius:12px;padding:4rem 2rem;text-align:center}.empty-icon-wrapper{align-items:center;background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);border-radius:16px;color:#8b5cf6;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.empty-state-creator h3{color:#f8fafc;font-size:1.5rem;margin-bottom:.5rem}.empty-state-creator p{color:#94a3b8;font-size:.875rem;margin-bottom:1.5rem}@media (max-width:1400px){.courses-table-wrapper{overflow-x:auto}.data-table-creator{min-width:1000px}}@media (max-width:768px){.section-header-creator{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions-creator{flex-direction:column;width:100%}.action-btn-creator,.filter-select-modern{width:100%}.data-table-creator{min-width:900px}.course-title{max-width:200px}}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#f5f3ff;--secondary-100:#ede9fe;--secondary-200:#ddd6fe;--secondary-300:#c4b5fd;--secondary-400:#a78bfa;--secondary-500:#8b5cf6;--secondary-600:#7c3aed;--secondary-700:#6d28d9;--secondary-800:#5b21b6;--secondary-900:#4c1d95;--accent-emerald:#10b981;--accent-emerald-light:#34d399;--accent-emerald-dark:#059669;--accent-amber:#f59e0b;--accent-amber-light:#fbbf24;--accent-amber-dark:#d97706;--accent-rose:#f43f5e;--accent-rose-light:#fb7185;--accent-rose-dark:#e11d48;--accent-cyan:#06b6d4;--accent-cyan-light:#22d3ee;--accent-teal:#14b8a6;--accent-violet:#8b5cf6;--accent-pink:#ec4899;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#f8fafc;--surface-white:#0f172a;--surface-light:#1e293b;--surface-muted:#1e1b4b;--surface-card:#1e293be6;--surface-overlay:#1e293bf2;--surface-glass:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#fff;--text-gradient:linear-gradient(135deg,#60a5fa,#a78bfa);--border-light:#94a3b833;--border-medium:#94a3b84d;--border-accent:#60a5fa4d;--border-focus:#60a5fa80;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006;--shadow-base:0 2px 4px 0 #00000080,0 1px 2px -1px #0006;--shadow-md:0 4px 8px -1px #0009,0 2px 4px -2px #0006;--shadow-lg:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080;--shadow-xl:0 20px 30px -5px #000c,0 8px 10px -6px #0009;--shadow-2xl:0 25px 50px -12px #000000e6;--shadow-glow:0 0 20px #3b82f633;--shadow-colored:0 10px 40px -10px;--gradient-primary:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-500) 0%,var(--secondary-700) 100%);--gradient-success:linear-gradient(135deg,var(--accent-emerald) 0%,var(--accent-emerald-dark) 100%);--gradient-warning:linear-gradient(135deg,var(--accent-amber) 0%,var(--accent-amber-dark) 100%);--gradient-danger:linear-gradient(135deg,var(--accent-rose) 0%,var(--accent-rose-dark) 100%);--gradient-rainbow:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 50%,var(--accent-pink) 100%);--gradient-mesh:radial-gradient(at 40% 20%,var(--primary-100) 0px,#0000 50%),radial-gradient(at 80% 0%,var(--secondary-100) 0px,#0000 50%),radial-gradient(at 0% 50%,var(--accent-emerald) 0px,#0000 50%),radial-gradient(at 80% 100%,var(--accent-amber) 0px,#0000 50%);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55)}.creator-dashboard{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#0f172a,#1e1b4b 25%,#312e81 50%,#1e293b 75%,#0f172a);background-size:400% 400%;color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;padding:clamp(1rem,3vw,2rem);position:relative}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.creator-dashboard:before{animation:meshMove 20s ease-in-out infinite alternate;background:radial-gradient(circle at 15% 80%,#3b82f626 0,#0000 50%),radial-gradient(circle at 85% 15%,#8b5cf61f 0,#0000 50%),radial-gradient(circle at 45% 45%,#10b9811a 0,#0000 50%),radial-gradient(circle at 75% 85%,#f59e0b14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes meshMove{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.loading-container{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);justify-content:center;min-height:70vh;position:relative;z-index:10}.loading-spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border:5px solid #dbeafe;border-top:5px solid #3b82f6;border:5px solid var(--primary-100);border-radius:50%;border-right:5px solid #8b5cf6;border-right:5px solid var(--secondary-500);border-top-color:var(--primary-500);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009;box-shadow:var(--shadow-xl);height:70px;position:relative;width:70px}.loading-spinner:after{animation:spinReverse .8s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#10b981;border-top:3px solid var(--accent-emerald);content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes spinReverse{0%{transform:translate(-50%,-50%) rotate(1turn)}to{transform:translate(-50%,-50%) rotate(0deg)}}.loading-container p{animation:pulse 2s ease-in-out infinite;color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem;font-weight:600}.creator-header{align-items:center;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#1e293bf2;background:var(--surface-overlay);border:1px solid #ffffff80;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009,inset 0 0 0 1px #fffc;box-shadow:var(--shadow-xl),0 0 0 1px #fffc inset;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8);overflow:hidden;padding:clamp(1.5rem,4vw,2.5rem);position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base),box-shadow var(--transition-base);z-index:10}.creator-header:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);background:var(--gradient-rainbow);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.creator-header:hover{box-shadow:0 25px 50px -12px #000000e6,inset 0 0 0 1px #ffffffe6;box-shadow:var(--shadow-2xl),0 0 0 1px #ffffffe6 inset;transform:translateY(-2px)}.header-left h1{-webkit-text-fill-color:#0000;animation:slideInLeft .6s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);display:inline-block;font-size:clamp(1.75rem,4vw,3rem);font-weight:900;letter-spacing:-.03em;margin:0;position:relative}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.header-left p{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .1s backwards;color:#cbd5e1;color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.15rem);font-weight:500;margin:.5rem 0 0;margin:var(--space-2) 0 0 0}.header-right{align-items:center;animation:slideInRight .6s cubic-bezier(.16,1,.3,1);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.notifications-dropdown{position:relative}.notification-btn{align-items:center;background:#eff6ff;background:var(--primary-50);border:2px solid #bfdbfe;border:2px solid var(--primary-200);border-radius:1rem;border-radius:var(--radius-xl);color:#1d4ed8;color:var(--primary-700);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;gap:var(--space-2);overflow:hidden;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.notification-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.notification-btn:hover:before{left:100%}.notification-btn:hover{background:#dbeafe;background:var(--primary-100);border-color:#60a5fa;border-color:var(--primary-400);box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080,0 0 20px #3b82f633;box-shadow:var(--shadow-lg),0 0 20px #3b82f633;transform:translateY(-3px)}.notification-btn:active{transform:translateY(-1px)}.notification-badge{align-items:center;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#f43f5e,#e11d48);background:var(--gradient-danger);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 8px -1px #0009,0 2px 4px -2px #0006;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);display:inline-flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 .5rem;padding:0 var(--space-2)}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.logout-btn,.refresh-btn{align-items:center;background:#0f172a;background:var(--surface-white);border:2px solid #94a3b833;border:2px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;gap:var(--space-2);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.refresh-btn:hover{background:#10b981;background:var(--accent-emerald);border-color:#10b981;border-color:var(--accent-emerald);box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080,0 0 20px #10b9814d;box-shadow:var(--shadow-lg),0 0 20px #10b9814d;color:#fff;color:var(--text-inverse);transform:translateY(-3px) rotate(180deg)}.logout-btn:hover{background:#f43f5e;background:var(--accent-rose);border-color:#f43f5e;border-color:var(--accent-rose);box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080,0 0 20px #f43f5e4d;box-shadow:var(--shadow-lg),0 0 20px #f43f5e4d;color:#fff;color:var(--text-inverse);transform:translateY(-3px)}.creator-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1e293be6;background:var(--surface-card);border:1px solid #fff9;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080;box-shadow:var(--shadow-lg);display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:2rem;margin-bottom:var(--space-8);overflow-x:auto;padding:.5rem;padding:var(--space-2);position:relative;scrollbar-color:#93c5fd #0000;scrollbar-color:var(--primary-300) #0000;scrollbar-width:thin;z-index:10}.creator-nav::-webkit-scrollbar{height:6px}.creator-nav::-webkit-scrollbar-thumb{background:#93c5fd;background:var(--primary-300);border-radius:9999px;border-radius:var(--radius-full)}.nav-tab{border-radius:.75rem;border-radius:var(--radius-lg);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.nav-tab:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);bottom:0;height:3px;left:50%;transform:translateX(-50%);transition:width .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base);width:0}.nav-tab:hover{background:#eff6ff;background:var(--primary-50);color:#1d4ed8;color:var(--primary-700);transform:translateY(-2px)}.nav-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);box-shadow:0 4px 8px -1px #0009,0 2px 4px -2px #0006,0 0 20px #3b82f64d;box-shadow:var(--shadow-md),0 0 20px #3b82f64d;transform:translateY(-2px)}.nav-tab.active:before{width:100%}.creator-content{animation:fadeIn .6s cubic-bezier(.16,1,.3,1);z-index:10}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff9;border-radius:1rem;border-radius:var(--radius-xl);gap:var(--space-4);padding:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:#bfdbfe;border-color:var(--primary-200);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009,0 0 30px #3b82f633;box-shadow:var(--shadow-xl),0 0 30px #3b82f633;transform:translateY(-8px)}.stat-icon{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 8px -1px #0009,0 2px 4px -2px #0006;box-shadow:var(--shadow-md);flex-shrink:0;font-size:3rem;height:70px;width:70px}.stat-card.courses .stat-icon,.stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary)}.stat-card.students .stat-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);background:var(--gradient-secondary)}.stat-card.earnings .stat-icon{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.stat-card.rating .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning)}.stat-card.views .stat-icon{background:linear-gradient(135deg,#06b6d4,#14b8a6);background:linear-gradient(135deg,var(--accent-cyan) 0,var(--accent-teal) 100%)}.stat-card.completion .stat-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-violet) 0,var(--accent-pink) 100%)}.stat-content{flex:1 1}.stat-content h3{color:#94a3b8;color:var(--text-muted);letter-spacing:.05em;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.stat-number{display:block;font-weight:900;margin:0 0 .5rem;margin-bottom:var(--space-2)}.stat-content small{color:#cbd5e1;color:var(--text-secondary)}.quick-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293be6;background:var(--surface-card);border:1px solid #fff9;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8)}.quick-actions h3{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.action-grid{grid-gap:1rem;grid-gap:var(--space-4);gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-btn{background:#0f172a;background:var(--surface-white);border-radius:.75rem;border-radius:var(--radius-lg);gap:.5rem;gap:var(--space-2);padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.action-btn:before{background:linear-gradient(90deg,#0000,#fff9,#0000)}.action-btn.create-course:hover{background:#3b82f6;background:var(--primary-500);border-color:#2563eb;border-color:var(--primary-600);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009,0 0 30px #3b82f666;box-shadow:var(--shadow-xl),0 0 30px #3b82f666;color:#fff;color:var(--text-inverse);transform:translateY(-4px)}.action-btn.upload-content:hover{background:#8b5cf6;background:var(--secondary-500);border-color:#7c3aed;border-color:var(--secondary-600);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009,0 0 30px #8b5cf666;box-shadow:var(--shadow-xl),0 0 30px #8b5cf666;color:#fff;color:var(--text-inverse);transform:translateY(-4px)}.action-btn.view-analytics:hover{background:#06b6d4;background:var(--accent-cyan);border-color:#06b6d4;border-color:var(--accent-cyan);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009,0 0 30px #06b6d466;box-shadow:var(--shadow-xl),0 0 30px #06b6d466;color:#fff;color:var(--text-inverse);transform:translateY(-4px)}.action-btn.message-students:hover{background:#10b981;background:var(--accent-emerald);border-color:#059669;border-color:var(--accent-emerald-dark);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009,0 0 30px #10b98166;box-shadow:var(--shadow-xl),0 0 30px #10b98166;color:#fff;color:var(--text-inverse);transform:translateY(-4px)}.action-btn.manage-courses:hover{background:#f59e0b;background:var(--accent-amber);border-color:#d97706;border-color:var(--accent-amber-dark);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009,0 0 30px #f59e0b66;box-shadow:var(--shadow-xl),0 0 30px #f59e0b66;color:#fff;color:var(--text-inverse);transform:translateY(-4px)}.action-btn.view-earnings:hover{background:#f43f5e;background:var(--accent-rose);border-color:#e11d48;border-color:var(--accent-rose-dark);box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009,0 0 30px #f43f5e66;box-shadow:var(--shadow-xl),0 0 30px #f43f5e66;color:#fff;color:var(--text-inverse);transform:translateY(-4px)}.analytics-section,.content-section,.courses-section,.earnings-section,.messaging-section,.overview-section,.settings-section,.students-section{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}.section-header{gap:1rem;gap:var(--space-4);margin-bottom:var(--space-6)}.section-header h3{align-items:center;display:flex;font-size:1.75rem;font-weight:800;gap:.5rem;gap:var(--space-2)}.header-actions{flex-wrap:wrap;gap:var(--space-3)}.courses-grid{grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.course-card{border:1px solid #fff9;border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.course-card:hover{border-color:#93c5fd;border-color:var(--primary-300);box-shadow:0 25px 50px -12px #000000e6,0 0 40px #3b82f633;box-shadow:var(--shadow-2xl),0 0 40px #3b82f633;transform:translateY(-10px) scale(1.02)}.course-header{align-items:start;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);padding:1.5rem;padding:var(--space-6);position:relative}.course-thumbnail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:.75rem;border-radius:var(--radius-lg);height:80px;width:80px}.course-icon{font-size:2.5rem}.course-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.status-published{background:#10b981e6}.status-draft,.status-published{color:#fff;color:var(--text-inverse)}.status-draft{background:#9ca3afe6}.status-pending{background:#f59e0be6;color:#fff;color:var(--text-inverse)}.course-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}.course-content h4{font-size:1.25rem;margin:0}.course-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;overflow:hidden}.course-stats{grid-gap:.75rem;grid-gap:var(--space-3);background:#0f172a;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(4,1fr);padding:1rem;padding:var(--space-4)}.course-stats .stat{text-align:center}.course-stats .stat span{color:#f8fafc;color:var(--text-primary);display:block;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-1)}.course-stats .stat small{color:#94a3b8;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.course-actions{gap:.5rem;gap:var(--space-2)}.course-actions button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.25rem;gap:var(--space-1);justify-content:center;min-width:100px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.edit-btn{background:#dbeafe;background:var(--primary-100);color:#1d4ed8;color:var(--primary-700)}.edit-btn:hover{background:#3b82f6;background:var(--primary-500);box-shadow:0 4px 8px -1px #0009,0 2px 4px -2px #0006;box-shadow:var(--shadow-md)}.edit-btn:hover,.publish-btn{color:#fff;color:var(--text-inverse)}.publish-btn{background:#34d399;background:var(--accent-emerald-light)}.publish-btn:hover{background:#059669;background:var(--accent-emerald-dark);box-shadow:0 4px 8px -1px #0009,0 2px 4px -2px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.unpublish-btn{background:#64748b;background:var(--gray-400);color:#fff;color:var(--text-inverse)}.unpublish-btn:hover{background:#cbd5e1;background:var(--gray-600);box-shadow:0 4px 8px -1px #0009,0 2px 4px -2px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-btn{background:#ede9fe;background:var(--secondary-100);color:#6d28d9;color:var(--secondary-700)}.analytics-btn:hover{background:#8b5cf6;background:var(--secondary-500);box-shadow:0 4px 8px -1px #0009,0 2px 4px -2px #0006;box-shadow:var(--shadow-md)}.analytics-btn:hover,.delete-btn{color:#fff;color:var(--text-inverse)}.delete-btn{background:#fb7185;background:var(--accent-rose-light)}.delete-btn:hover{background:#e11d48;background:var(--accent-rose-dark);box-shadow:0 4px 8px -1px #0009,0 2px 4px -2px #0006;box-shadow:var(--shadow-md)}.course-footer{background:#0f172a;background:var(--gray-50);color:#94a3b8;color:var(--text-muted);font-size:.8rem;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.course-revenue{color:#10b981;color:var(--accent-emerald);font-weight:700}.nav-tab{border:2px solid #0000;border-radius:12px;color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.nav-tab:before{background:linear-gradient(90deg,#0000,#eff6ff,#0000);background:linear-gradient(90deg,#0000,var(--primary-50),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-tab:hover:before{left:100%}.nav-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:2px solid #93c5fd;border:2px solid var(--primary-300);box-shadow:0 4px 15px #0ea5e940;color:#fff;color:var(--text-inverse);font-weight:700}.nav-tab:hover:not(.active){background:#eff6ff;background:var(--primary-50);border:2px solid #bfdbfe;border:2px solid var(--primary-200);color:#1d4ed8;color:var(--primary-700);transform:translateY(-2px)}.creator-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;background:var(--surface-overlay);border:1px solid #94a3b833;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 20px 30px -5px #000c,0 8px 10px -6px #0009;box-shadow:var(--shadow-xl);padding:40px;position:relative;z-index:1}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.stat-card{background:#1e293be6;background:var(--surface-card);border:1px solid #94a3b833;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080;box-shadow:var(--shadow-lg);padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);height:4px;right:0}.stat-card:nth-child(2):before{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--accent-emerald) 0,var(--accent-emerald-light) 100%)}.stat-card:nth-child(3):before{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--accent-amber) 0,var(--accent-amber-light) 100%)}.stat-card:nth-child(4):before{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--secondary-500) 0,var(--secondary-600) 100%)}.stat-card:hover{box-shadow:0 25px 50px -12px #000000e6;box-shadow:var(--shadow-2xl);transform:translateY(-8px) scale(1.02)}.stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:16px;box-shadow:0 8px 20px #0ea5e940;color:var(--text-inverse);font-size:28px;height:64px;margin-bottom:20px;transition:all .3s ease;width:64px}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--accent-emerald) 0,var(--accent-emerald-light) 100%);box-shadow:0 8px 20px #10b98140}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--accent-amber) 0,var(--accent-amber-light) 100%);box-shadow:0 8px 20px #f59e0b40}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--secondary-500) 0,var(--secondary-600) 100%);box-shadow:0 8px 20px #a855f740}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-content h3{color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:2.5rem;font-weight:800;margin:0 0 8px}.stat-content small{color:#94a3b8;color:var(--text-muted);font-size:.85rem;font-weight:500}.action-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:40px}.action-btn{background:#1e293be6;background:var(--surface-card);border:2px solid #94a3b833;border:2px solid var(--border-light);border-radius:16px;color:#f8fafc;color:var(--text-primary);flex-direction:column;font-size:.95rem;gap:12px;min-height:130px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:linear-gradient(90deg,#0000,#eff6ff,#0000);background:linear-gradient(90deg,#0000,var(--primary-50),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.action-btn:hover:before{left:100%}.action-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:2px solid #93c5fd;border:2px solid var(--primary-300);box-shadow:0 15px 35px #0ea5e940;color:#fff;color:var(--text-inverse);transform:translateY(-5px)}.section-header{flex-wrap:wrap;gap:20px;margin-bottom:32px}.section-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.header-actions{gap:16px}.filter-select{background:#1e293be6;background:var(--surface-card);border:2px solid #94a3b833;border:2px solid var(--border-light);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .3s ease}.filter-select:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100)}.add-btn,.export-btn,.upload-btn{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--accent-emerald) 0,var(--accent-emerald-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #10b98140;color:#fff;color:var(--text-inverse);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.upload-btn{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--accent-amber) 0,var(--accent-amber-light) 100%);box-shadow:0 4px 15px #f59e0b40}.export-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--secondary-500) 0,var(--secondary-600) 100%);box-shadow:0 4px 15px #a855f740}.add-btn:hover,.export-btn:hover,.upload-btn:hover{box-shadow:0 8px 25px #10b98159;transform:translateY(-3px)}.upload-btn:hover{box-shadow:0 8px 25px #f59e0b59}.export-btn:hover{box-shadow:0 8px 25px #a855f759}.dashboard-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:40px}.recent-activity{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293be6;background:var(--surface-card);border:1px solid #94a3b833;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080;box-shadow:var(--shadow-lg);padding:32px}.recent-activity h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:28px}.activity-list{gap:20px}.activity-item{background:#eff6ff;background:var(--primary-50);border-left:4px solid #3b82f6;border-left:4px solid var(--primary-500);border-radius:16px;gap:16px;padding:20px}.activity-item:hover{background:#dbeafe;background:var(--primary-100);transform:translateX(5px)}.activity-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:12px;box-shadow:0 4px 15px #0ea5e940;color:#fff;color:var(--text-inverse);font-size:20px;height:48px;width:48px}.activity-details{flex:1 1}.activity-details p{color:#f8fafc;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 5px}.activity-details span{color:#cbd5e1;color:var(--text-secondary);font-size:.85rem;font-weight:500}.top-courses{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293be6;background:var(--surface-card);border:1px solid #94a3b833;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080;box-shadow:var(--shadow-lg);padding:32px}.top-courses h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:28px}.course-performance{display:flex;flex-direction:column;gap:20px}.performance-item{align-items:center;background:#10b9810d;border-left:4px solid #10b981;border-left:4px solid var(--accent-emerald);border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.performance-item:hover{background:#10b9811a;transform:translateX(5px)}.course-rank{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--accent-emerald) 0,var(--accent-emerald-light) 100%);border-radius:50%;box-shadow:0 4px 15px #10b98140;color:var(--text-inverse);font-size:1.1rem;font-weight:700;height:40px;width:40px}.course-details h4{color:#f8fafc;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.course-metrics{gap:20px}.course-metrics span{color:#cbd5e1;color:var(--text-secondary);font-size:.85rem;font-weight:500}.courses-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.course-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293be6;background:var(--surface-card);border:1px solid #94a3b833;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 10px 20px -3px #000000b3,0 4px 6px -4px #00000080;box-shadow:var(--shadow-lg);overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.course-card:before{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.course-card:hover{box-shadow:0 25px 50px -12px #000000e6;box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.course-thumbnail{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:16px;box-shadow:0 8px 20px #0ea5e940;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.course-icon{color:#fff;color:var(--text-inverse);font-size:30px}.course-status{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.status-published{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--accent-emerald)}.status-draft{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--accent-amber)}.status-pending{background:#a855f71a;border:1px solid #a855f733;color:#8b5cf6;color:var(--secondary-500)}.course-content h4{color:#f8fafc;color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 15px}.course-description{color:#cbd5e1;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 25px}.course-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.stat{background:#eff6ff;background:var(--primary-50);padding:15px}.stat span{color:#f8fafc;color:var(--text-primary);display:block;font-size:1.2rem;font-weight:700;margin-bottom:5px}.stat small{color:#cbd5e1;color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.course-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.analytics-btn,.delete-btn,.edit-btn,.publish-btn,.unpublish-btn{background:#eff6ff;background:var(--primary-50);border:1px solid #bfdbfe;border:1px solid var(--primary-200);border-radius:8px;color:#1d4ed8;color:var(--primary-700);cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.edit-btn:hover{background:#dbeafe;background:var(--primary-100);transform:translateY(-2px)}.delete-btn{background:#f43f5e1a;border-color:#f43f5e33;color:#f43f5e;color:var(--accent-rose)}.delete-btn:hover{background:#f43f5e26;transform:translateY(-2px)}.publish-btn,.unpublish-btn{background:#10b9811a;border-color:#10b98133;color:#10b981;color:var(--accent-emerald)}.publish-btn:hover,.unpublish-btn:hover{background:#10b98126;transform:translateY(-2px)}.analytics-btn{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b;color:var(--accent-amber)}.analytics-btn:hover{background:#f59e0b26;transform:translateY(-2px)}.course-footer{align-items:center;border-top:1px solid #94a3b833;border-top:1px solid var(--border-light);color:#cbd5e1;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;padding-top:20px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;padding:20px}.modal-content{animation:slideUp .4s ease;background:var(--surface-overlay);border:1px solid #94a3b833;border:1px solid var(--border-light);box-shadow:0 25px 50px -12px #000000e6;box-shadow:var(--shadow-2xl);width:100%}.modal-header{border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border-light);margin-bottom:30px;padding:30px 30px 0}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:8px;color:#f43f5e;color:var(--accent-rose);font-size:18px;padding:8px 12px;transition:all .3s ease}.close-btn:hover{background:#f43f5e26;transform:scale(1.1)}.content-form,.course-form{padding:0 30px 30px}.form-group label{margin-bottom:8px}.form-row{grid-gap:20px;gap:20px}.modal-actions{border-top:1px solid #94a3b833;border-top:1px solid var(--border-light);display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:25px}.cancel-btn{background:#f43f5e1a;border:2px solid #f43f5e33;border-radius:12px;color:#f43f5e;color:var(--accent-rose);cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.cancel-btn:hover{background:#f43f5e26;transform:translateY(-2px)}.create-btn{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--accent-emerald) 0,var(--accent-emerald-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #10b98140;color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.create-btn:hover{box-shadow:0 8px 25px #10b98159;transform:translateY(-2px)}.no-data{color:#cbd5e1;color:var(--text-secondary);padding:60px 20px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:20px}.empty-icon{font-size:80px;margin-bottom:10px;opacity:.3}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.empty-state p{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem;font-style:italic;margin:0 0 25px}.create-first-btn{background:linear-gradient(135deg,#00b894,#00cec9);border:none;border-radius:12px;box-shadow:0 4px 15px #00b8944d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.create-first-btn:hover{box-shadow:0 8px 25px #00b89466;transform:translateY(-3px)}.error-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:40px auto;max-width:500px}.error-message h3{color:#f43f5e;color:var(--accent-rose);font-size:1.8rem;font-weight:700;margin:0 0 20px}.error-message p{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 30px}.retry-btn{background:linear-gradient(135deg,#e17055,#fd79a8);border-radius:12px;box-shadow:0 4px 15px #e170554d;font-size:1rem;font-weight:600;padding:15px 30px}.retry-btn:hover{box-shadow:0 8px 25px #e1705566;transform:translateY(-3px)}.api-test-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-top:40px}.api-test-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-weight:700}.api-test-section p{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem;margin:0 0 25px}.test-buttons{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.test-btn{background:linear-gradient(135deg,#fd79a8,#fdcb6e);border-radius:12px;box-shadow:0 4px 15px #fd79a84d;font-size:.95rem;padding:15px 25px}.test-btn:hover{box-shadow:0 8px 25px #fd79a866;transform:translateY(-3px)}.progress-bar{background:#74b9ff1a;border-radius:10px;height:8px;overflow:hidden;position:relative;width:100px}.progress-fill{background:linear-gradient(135deg,#00b894,#00cec9);border-radius:10px;box-shadow:0 2px 8px #00b8944d;height:100%;transition:width .3s ease}.progress-bar span{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;font-weight:600;position:absolute;right:-35px;top:-2px}.content-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.content-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px;transition:all .3s ease}.content-item:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.content-thumbnail{align-items:center;background:linear-gradient(135deg,#fdcb6e,#e17055);border-radius:16px;box-shadow:0 4px 15px #fdcb6e4d;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.file-icon{color:#fff;font-size:24px}.content-status{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.content-info h5{color:#f8fafc;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 10px}.content-course,.content-details,.upload-date{color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;margin:0 0 8px}.content-course span{color:#f8fafc;color:var(--text-primary);font-weight:600}.content-actions{display:flex;gap:10px;margin-top:20px}.download-btn{background:#00b8941a;border:1px solid #00b8944d;border-radius:8px;color:#10b981;color:var(--accent-emerald);cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.download-btn:hover{background:#00b89433;transform:translateY(-2px)}.messaging-overview{margin-bottom:40px}.message-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.message-stats .stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 25px #00000014;display:flex;gap:15px;padding:20px;transition:all .3s ease}.message-stats .stat-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.messaging-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.messaging-actions .action-btn{align-items:center;background:#fffffff2;border:2px solid #74b9ff33;border-radius:16px;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:8px;justify-content:center;min-height:80px;padding:20px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.messaging-actions .action-btn:hover{background:linear-gradient(135deg,#74b9ff,#0984e3);box-shadow:0 15px 35px #74b9ff4d;color:#fff;transform:translateY(-5px)}.recent-messages{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.recent-messages h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 25px}.message-list{display:flex;flex-direction:column;gap:20px}.message-item{align-items:center;background:#74b9ff0d;border-left:4px solid #74b9ff;border-radius:16px;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s ease}.message-item.unread{background:#fd79a814;border-left-color:#8b5cf6;border-left-color:var(--secondary-500);box-shadow:0 2px 10px #fd79a81a}.message-item.unread:before{background:#fd79a8;border-radius:50%;box-shadow:0 0 10px #fd79a880;content:"";height:10px;position:absolute;right:15px;top:10px;width:10px}.message-item:hover{background:#74b9ff1a;transform:translateX(8px)}.message-item.unread:hover{background:#fd79a826}.student-avatar{align-items:center;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;box-shadow:0 4px 15px #00b8944d;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:50px;justify-content:center;width:50px}.message-content{flex:1 1}.message-content h5{color:#f8fafc;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 8px}.message-content p{color:#cbd5e1;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 12px}.message-time{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:500}.course-tag{background:#74b9ff26;border:1px solid #74b9ff4d;border-radius:12px;color:#3b82f6;color:var(--primary-500);font-size:.7rem;font-weight:600;margin-left:10px;padding:3px 10px}.reply-btn{background:linear-gradient(135deg,#00b894,#00cec9);border:none;border-radius:10px;box-shadow:0 4px 15px #00b8944d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.reply-btn:hover{box-shadow:0 8px 20px #00b89466;transform:translateY(-2px)}.settings-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.settings-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;box-shadow:0 10px 30px #0000001a;padding:30px;transition:all .3s ease}.settings-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.settings-card h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #74b9ff1a;color:var(--text-primary);font-size:1.3rem;margin:0 0 25px;padding-bottom:15px}.form-group{margin-bottom:25px}.form-group label{color:#0f172a!important;display:block;font-size:.95rem;font-weight:600;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{background:#fff!important;border:2px solid #cbd5e1!important;border-radius:12px;box-sizing:border-box;color:#0f172a!important;font-family:inherit;font-size:.95rem;padding:15px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff!important;border-color:#0ea5e9!important;box-shadow:0 0 0 3px #e0f1ff!important;color:#0f172a!important;outline:none;transform:translateY(-2px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b!important;font-style:italic}.form-group textarea{max-height:200px;min-height:120px}.preference-group{background:#74b9ff0d;border:1px solid #74b9ff1a;border-radius:12px;display:flex;flex-direction:column;gap:15px;padding:20px}.checkbox-label{border-radius:8px;color:#f8fafc;color:var(--text-primary);font-weight:500;gap:12px;padding:10px;transition:all .3s ease}.checkbox-label:hover{background:#74b9ff1a}.checkbox-label input[type=checkbox]{accent-color:var(--primary-500);height:18px;margin:0;width:18px}.save-btn{background:linear-gradient(135deg,#00b894,#00cec9);border:none;border-radius:12px;box-shadow:0 4px 15px #00b8944d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:15px 30px;transition:all .3s ease;width:100%}.save-btn:hover{box-shadow:0 8px 25px #00b89466;transform:translateY(-3px)}.danger-zone{background:#e1705514;border:2px solid #e1705533;border-radius:20px;margin-top:30px;padding:30px}.danger-zone h4{align-items:center;color:#f43f5e;color:var(--accent-rose);display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 20px}.danger-zone h4:before{content:"⚠️";font-size:1.5rem}.danger-zone p{color:#cbd5e1;color:var(--text-secondary);line-height:1.6;margin:0 0 20px}.danger-actions{display:flex;flex-wrap:wrap;gap:15px}.danger-btn{background:#e170551a;border:2px solid #e170554d;border-radius:12px;color:#f43f5e;color:var(--accent-rose);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.danger-btn:hover{background:#e1705533;box-shadow:0 4px 15px #e170554d;transform:translateY(-2px)}.danger-btn.critical{background:linear-gradient(135deg,#e17055,#fd79a8);border:2px solid #0000;box-shadow:0 4px 15px #e170554d;color:#fff}.danger-btn.critical:hover{box-shadow:0 8px 25px #e1705580}.notifications-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:30px}.notifications-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 25px}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{align-items:flex-start;background:#74b9ff0d;border-left:4px solid #74b9ff;border-radius:16px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.notification-item.unread{background:#fd79a814;border-left-color:#8b5cf6;border-left-color:var(--secondary-500)}.notification-item:hover{background:#74b9ff1a;transform:translateX(5px)}.notification-type{border-radius:50%;box-shadow:0 2px 8px #0003;flex-shrink:0;height:12px;margin-top:6px;width:12px}.notification-type.info{background:linear-gradient(135deg,#74b9ff,#0984e3)}.notification-type.success{background:linear-gradient(135deg,#00b894,#00cec9)}.notification-type.warning{background:linear-gradient(135deg,#fdcb6e,#e17055)}.notification-type.error{background:linear-gradient(135deg,#e17055,#fd79a8)}.notification-content h4{color:#f8fafc;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.notification-content p{color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 10px}.notification-content span{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:500}.analytics-overview{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.analytics-card{background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px;transition:all .3s ease}.analytics-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.analytics-card h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 20px}.metric-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.metric{background:#74b9ff0d;border:1px solid #74b9ff1a;border-radius:12px;padding:15px;text-align:center}.metric-label{color:#cbd5e1;color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:8px}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:1.8rem}.chart-placeholder{align-items:center;background:#74b9ff0d;border:2px dashed #74b9ff4d;border-radius:16px;color:#cbd5e1;color:var(--text-secondary);display:flex;font-size:1.1rem;font-weight:500;height:220px;justify-content:center}.course-comparison{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:30px}.course-comparison h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0 0 25px}.comparison-table{border-radius:16px;overflow-x:auto;overflow:hidden}.comparison-table table{background:#ffffffe6;border-collapse:collapse;width:100%}.comparison-table th{background:#74b9ff1a;border-bottom:1px solid #74b9ff1a;color:#f8fafc;color:var(--text-primary);font-size:.9rem;font-weight:600;padding:20px 16px;text-align:left}.comparison-table td{border-bottom:1px solid #74b9ff0d;color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;padding:18px 16px}.comparison-table tr:hover{background:#74b9ff0d}.course-info{align-items:center;display:flex;gap:10px}.growth-positive{color:#10b981;color:var(--accent-emerald);font-weight:600}.growth-negative{color:#f43f5e;color:var(--accent-rose);font-weight:600}.analytics-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.detailed-btn,.insights-btn{background:linear-gradient(135deg,#74b9ff,#0984e3);border:none;border-radius:12px;box-shadow:0 4px 15px #74b9ff4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.insights-btn{background:linear-gradient(135deg,#fd79a8,#fdcb6e);box-shadow:0 4px 15px #fd79a84d}.detailed-btn:hover,.insights-btn:hover{box-shadow:0 8px 25px #74b9ff66;transform:translateY(-3px)}.insights-btn:hover{box-shadow:0 8px 25px #fd79a866}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#1e293b;background:var(--gray-100);border-color:#94a3b833;border-color:var(--border-light);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.form-group input:invalid,.form-group select:invalid,.form-group textarea:invalid{background:#f43f5e05;border-color:#f43f5e;border-color:var(--accent-rose)}.form-group input:valid,.form-group select:valid,.form-group textarea:valid{border-color:#10b981;border-color:var(--accent-emerald)}.form-error{color:#f43f5e;color:var(--accent-rose)}.form-error,.form-success{align-items:center;display:flex;font-size:.85rem;gap:5px;margin-top:5px}.form-success{color:#10b981;color:var(--accent-emerald)}.form-hint{color:#94a3b8;color:var(--text-muted);font-size:.8rem;margin-top:5px}.file-upload{background:#0f172a;background:var(--gray-50);border:2px dashed #94a3b84d;border:2px dashed var(--border-medium);border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.file-upload:hover{background:#eff6ff;background:var(--primary-50);border-color:#60a5fa;border-color:var(--primary-400)}.file-upload.dragover{background:#dbeafe;background:var(--primary-100);border-color:#3b82f6;border-color:var(--primary-500)}.file-upload input[type=file]{display:none}.file-upload-text{color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;margin-top:10px}.file-upload-icon{color:#60a5fa;color:var(--primary-400);font-size:2rem;margin-bottom:10px}.form-group input[type=checkbox],.form-group input[type=radio]{accent-color:#3b82f6;accent-color:var(--primary-500);margin-right:8px;width:auto}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:10px}.checkbox-item,.radio-item{align-items:center;cursor:pointer;display:flex;padding:8px 0}.checkbox-item:hover,.radio-item:hover{background:#0f172a;background:var(--gray-50);border-radius:6px;padding-left:8px}.form-loading{opacity:.6;pointer-events:none;position:relative}.form-loading:after{align-items:center;background:#0f172a;background:var(--surface-white);bottom:0;content:"";display:flex;justify-content:center;left:0;opacity:.8;position:absolute;right:0;top:0}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.creator-dashboard{padding:15px}.creator-header{flex-direction:column;gap:20px;padding:25px;text-align:center}.header-left h1{font-size:2rem}.creator-nav{flex-direction:column;gap:10px}.nav-tab{text-align:center}.action-grid,.content-grid,.course-stats,.courses-grid,.form-row,.stats-grid,.test-buttons{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.modal-content{margin:10px;max-width:none}.modal-header{padding:20px 20px 0}.content-form,.course-form{padding:0 20px 20px}}@media (max-width:480px){.creator-header{padding:20px}.header-left h1{font-size:1.8rem}.creator-content{padding:25px}.content-item,.course-card,.recent-activity,.stat-card,.top-courses{padding:20px}}@media (prefers-contrast:high){:root{--primary-500:#06c;--primary-600:#049;--text-primary:#000;--text-secondary:#333;--border-light:#666;--border-medium:#444;--surface-white:#fff;--surface-card:#fff}.form-group input,.form-group select,.form-group textarea{background:#fff!important;border:3px solid #000!important;color:#000!important}.form-group label{color:#000!important;font-weight:700}.form-group input::placeholder,.form-group textarea::placeholder{color:#666!important}}.action-btn:focus,.add-btn:focus,.analytics-btn:focus,.delete-btn:focus,.edit-btn:focus,.export-btn:focus,.logout-btn:focus,.nav-tab:focus,.notification-btn:focus,.publish-btn:focus,.refresh-btn:focus,.upload-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}@media print{.creator-dashboard{background:#fff;color:#000}.creator-content,.creator-header,.creator-nav{background:#fff;border:1px solid #ccc;box-shadow:none}.add-btn,.export-btn,.logout-btn,.notification-btn,.refresh-btn,.upload-btn{display:none}}.courses-container-creator{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.section-header-creator{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293b99;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 10px 30px #0000004d;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.header-title-group{align-items:center;display:flex;gap:1rem}.header-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 4px 15px #3b82f666;color:#fff;height:32px;padding:6px;width:32px}.section-header-creator h3{color:#f8fafc;font-size:1.875rem;font-weight:800;letter-spacing:-.02em;margin:0}.header-actions-creator{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-select-modern{-webkit-appearance:none;appearance:none;background:#1e293bcc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f8fafc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #94a3b84d;border-radius:12px;box-shadow:0 4px 12px #0003;color:#f8fafc;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-select-modern:hover{background:#1e293bf2;border-color:#94a3b880;box-shadow:0 6px 20px #0000004d}.filter-select-modern:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.filter-select-modern option{background:#1e293b;color:#f8fafc;padding:.5rem}.course-title{font-weight:700!important}.course-info .course-title,.course-title{color:#f8fafc!important}.settings-section h3{align-items:center;color:#f8fafc;display:flex;font-size:1.875rem;font-weight:800;gap:.75rem;margin-bottom:2rem}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-card{background:#1e293b99;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 10px 30px #0000004d}.settings-card:hover{border-color:#94a3b84d;box-shadow:0 15px 40px #0006}.settings-card h4{color:#f8fafc;font-size:1.5rem;gap:.5rem;margin-bottom:1.5rem}.settings-form .form-group{gap:.5rem}.settings-form label{color:#cbd5e1!important;font-weight:600}.settings-form .form-input{background:#0f172a99;border:1px solid #94a3b84d;border-radius:12px;color:#f8fafc!important;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-form .form-input:hover{background:#0f172acc;border-color:#94a3b880}.settings-form .form-input:focus{background:#0f172ae6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.settings-form .form-input::placeholder{color:#64748b!important}.settings-form textarea.form-input{font-family:inherit;min-height:120px;resize:vertical}.checkbox-label{color:#cbd5e1!important;gap:.75rem;padding:.75rem 0}.checkbox-label:hover{color:#f8fafc!important}@media (max-width:768px){.settings-card{padding:1.5rem}.settings-card h4{font-size:1.25rem}.settings-section h3{font-size:1.5rem}}.students-section{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.students-section h3{color:#f8fafc;font-size:1.875rem;font-weight:800;margin-bottom:2rem}.students-table{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293b99;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 10px 30px #0000004d;overflow-x:auto;padding:2rem}.students-table table{border-collapse:initial;border-spacing:0 .75rem;width:100%}.students-table thead tr{background:#0f172a99}.students-table thead th{border:none;color:#cbd5e1!important;font-size:.8125rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.students-table tbody tr{background:#1e293bb3;border:1px solid #94a3b81a;transition:all .3s cubic-bezier(.4,0,.2,1)}.students-table tbody tr:hover{background:#1e293be6;box-shadow:0 8px 25px #0000004d;transform:scale(1.01)}.students-table tbody td{border:none;color:#f8fafc!important;font-size:.9375rem;padding:1.25rem;vertical-align:middle}.students-table .course-count{background:#3b82f626;border-radius:8px;color:#60a5fa!important;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.students-table .progress-bar{background:#0f172a99;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100px}.students-table .progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .6s cubic-bezier(.4,0,.2,1)}.students-table .progress-bar span{color:#94a3b8;font-size:.75rem;font-weight:600;position:absolute;right:0;top:-20px}.students-table .action-buttons{display:flex;gap:.5rem}.students-table .message-btn,.students-table .view-btn{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.students-table .message-btn:hover{background:#3b82f64d;box-shadow:0 4px 15px #3b82f666;transform:scale(1.1)}.students-table .view-btn:hover{background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 4px 15px #8b5cf666;transform:scale(1.1)}.export-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff!important;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.export-btn:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.creator-dashboard,.creator-dashboard *{color:inherit}.creator-dashboard h1,.creator-dashboard h2,.creator-dashboard h3,.creator-dashboard h4,.creator-dashboard h5,.creator-dashboard h6{color:#f8fafc}.creator-dashboard div,.creator-dashboard p,.creator-dashboard span{color:#cbd5e1}.creator-dashboard label{color:#cbd5e1!important}.creator-dashboard input,.creator-dashboard select,.creator-dashboard textarea{color:#f8fafc!important}.creator-dashboard input::placeholder,.creator-dashboard textarea::placeholder{color:#64748b!important}.creative-analytics{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.analytics-hero-banner{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:32px;box-shadow:0 25px 50px -12px #0000004d;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.floating-orb{animation:floatOrb 15s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.3;pointer-events:none;position:absolute}.orb-analytics-1{background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:300px;right:-100px;top:-150px;width:300px}.orb-analytics-2{animation-delay:5s;background:linear-gradient(135deg,#10b981,#14b8a6);bottom:-100px;height:250px;left:-80px;width:250px}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.analytics-hero-content{position:relative;z-index:2}.analytics-welcome h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.02em;margin:0 0 .5rem}.gradient-text-analytics{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text}.analytics-tagline{color:#94a3b8;font-size:1.125rem;font-weight:600;margin:0 0 2rem}.analytics-mega-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.analytics-mega-card,.views-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293b99;border:1px solid #94a3b84d;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-mega-card:hover{border-color:#94a3b880;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.analytics-icon-mega{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.analytics-icon-mega.teal-glow{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 8px 24px #10b9814d}.analytics-icon-mega.orange-glow{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 8px 24px #f59e0b4d}.analytics-icon-mega.gold-glow{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 24px #fbbf244d}.analytics-content-mega,.analytics-mega-info{display:flex;flex-direction:column;gap:.5rem}.analytics-label,.analytics-mega-label{color:#cbd5e1!important;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.analytics-mega-value,.analytics-value{color:#f8fafc!important;font-size:2.5rem;font-weight:900;letter-spacing:-.02em}.analytics-mega-change,.analytics-trend{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.analytics-mega-change.positive,.analytics-trend.positive{background:#10b98126;color:#10b981!important}.analytics-mega-change.neutral{background:#94a3b826;color:#94a3b8!important}.analytics-charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.analytics-chart-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:24px;box-shadow:0 10px 30px #0000004d;padding:2rem}.analytics-chart-card h3{color:#f8fafc;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.creative-earnings{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.earnings-hero-banner{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:32px;box-shadow:0 25px 50px -12px #0000004d;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.orb-earnings-1,.orb-earnings-2,.orb-earnings-3{animation:floatOrb 15s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.3;pointer-events:none;position:absolute}.orb-earnings-1{background:linear-gradient(135deg,#8b5cf6,#ec4899);height:300px;right:-100px;top:-150px;width:300px}.orb-earnings-2{animation-delay:5s;background:linear-gradient(135deg,#10b981,#14b8a6);bottom:-100px;height:250px;left:-80px;width:250px}.orb-earnings-3{animation-delay:10s;background:linear-gradient(135deg,#fbbf24,#f59e0b);height:200px;right:10%;top:50%;width:200px}.earnings-hero-content{position:relative;z-index:2}.earnings-welcome h2{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.02em;margin:0 0 .5rem}.gradient-text-earnings{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ec4899);-webkit-background-clip:text;background-clip:text}.earnings-subtitle{color:#94a3b8;font-size:1.125rem;font-weight:600;margin:0 0 2rem}.earnings-mega-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.earnings-mega-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293b99;border:1px solid #94a3b84d;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.earnings-mega-card:hover{border-color:#94a3b880;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.earnings-icon-mega{align-items:center;border-radius:16px;color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.earnings-icon-mega.purple-glow{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf64d}.earnings-icon-mega.teal-glow{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 8px 24px #10b9814d}.earnings-icon-mega.orange-glow{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 8px 24px #f59e0b4d}.earnings-icon-mega.gold-glow{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 24px #fbbf244d}.earnings-mega-info{display:flex;flex-direction:column;gap:.5rem}.earnings-mega-label{color:#cbd5e1!important;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.earnings-mega-value{color:#f8fafc!important;font-size:2.5rem;font-weight:900;letter-spacing:-.02em}.earnings-mega-change{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.earnings-mega-change.positive{background:#10b98126;color:#10b981!important}.earnings-mega-change.neutral{background:#94a3b826;color:#94a3b8!important}.creative-content-library{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.content-hero-banner{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:32px;box-shadow:0 25px 50px -12px #0000004d;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.orb-content-1,.orb-content-2,.orb-content-3{animation:floatOrb 15s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.3;pointer-events:none;position:absolute}.orb-content-1{background:linear-gradient(135deg,#8b5cf6,#ec4899);height:300px;right:-100px;top:-150px;width:300px}.orb-content-2{animation-delay:5s;background:linear-gradient(135deg,#3b82f6,#14b8a6);bottom:-100px;height:250px;left:-80px;width:250px}.orb-content-3{animation-delay:10s;background:linear-gradient(135deg,#f59e0b,#fbbf24);height:200px;right:10%;top:50%;width:200px}.content-hero-content{position:relative;z-index:2}.content-welcome h2{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.02em;margin:0 0 .5rem}.gradient-text-content{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#14b8a6);-webkit-background-clip:text;background-clip:text}.content-subtitle{color:#94a3b8;font-size:1.125rem;font-weight:600;margin:0 0 2rem}.content-mega-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.content-mega-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293b99;border:1px solid #94a3b84d;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-mega-card:hover{border-color:#94a3b880;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.content-icon-mega{align-items:center;border-radius:16px;color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.content-icon-mega.purple-glow{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf64d}.content-icon-mega.teal-glow{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 8px 24px #10b9814d}.content-icon-mega.orange-glow{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 8px 24px #f59e0b4d}.content-icon-mega.gold-glow{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 24px #fbbf244d}.content-mega-info{display:flex;flex-direction:column;gap:.5rem}.content-mega-label{color:#cbd5e1!important;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.content-mega-value{color:#f8fafc!important;font-size:2.5rem;font-weight:900;letter-spacing:-.02em}.content-mega-change{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.content-mega-change.positive{background:#10b98126;color:#10b981!important}.content-mega-change.neutral{background:#94a3b826;color:#94a3b8!important}.creative-messaging{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.messaging-hero-banner{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:32px;box-shadow:0 25px 50px -12px #0000004d;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.orb-messaging-1,.orb-messaging-2{animation:floatOrb 15s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.3;pointer-events:none;position:absolute}.orb-messaging-1{background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:300px;right:-100px;top:-150px;width:300px}.orb-messaging-2{animation-delay:5s;background:linear-gradient(135deg,#ec4899,#f43f5e);bottom:-100px;height:250px;left:-80px;width:250px}.messaging-hero-content{position:relative;z-index:2}.messaging-welcome h2{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.02em;margin:0 0 .5rem}.gradient-text-messaging{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text}.messaging-subtitle{color:#94a3b8;font-size:1.125rem;font-weight:600;margin:0 0 2rem}.messaging-mega-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.messaging-mega-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293b99;border:1px solid #94a3b84d;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.messaging-mega-card:hover{border-color:#94a3b880;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.messaging-icon-mega{align-items:center;border-radius:16px;color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.messaging-icon-mega.purple-glow{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf64d}.messaging-icon-mega.teal-glow{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 8px 24px #10b9814d}.messaging-icon-mega.orange-glow{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 8px 24px #f59e0b4d}.messaging-icon-mega.gold-glow{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 24px #fbbf244d}.messaging-mega-info{display:flex;flex-direction:column;gap:.5rem}.messaging-mega-label{color:#cbd5e1!important;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.messaging-mega-value{color:#f8fafc!important;font-size:2.5rem;font-weight:900;letter-spacing:-.02em}.messaging-mega-change{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.messaging-mega-change.positive{background:#10b98126;color:#10b981!important}.messaging-mega-change.neutral{background:#94a3b826;color:#94a3b8!important}.messaging-mega-change.urgent{background:#ef444426;color:#ef4444!important}.messaging-conversations{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:24px;box-shadow:0 10px 30px #0000004d;padding:2rem}.conversation-item{background:#1e293b99;border:1px solid #94a3b84d;border-radius:16px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.conversation-item:hover{background:#1e293bcc;box-shadow:0 8px 24px #0000004d;transform:translateX(4px)}.conversation-item h4{color:#f8fafc;font-weight:700;margin-bottom:.5rem}.conversation-item p{color:#cbd5e1;font-size:.9rem}@media (max-width:768px){.analytics-mega-stats,.content-mega-stats,.earnings-mega-stats,.messaging-mega-stats{grid-template-columns:1fr}.analytics-hero-banner,.content-hero-banner,.earnings-hero-banner,.messaging-hero-banner{padding:2rem}}.analytics-bento-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.analytics-card-creative{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:24px;box-shadow:0 10px 30px #0000004d;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-card-creative.wide-card{grid-column:span 2}.analytics-card-creative.tall-card{grid-row:span 2}.analytics-card-creative:hover{border-color:#94a3b880;box-shadow:0 20px 40px #0006;transform:translateY(-4px)}.analytics-card-header{align-items:center;border-bottom:2px solid #94a3b833;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.analytics-card-header h4{color:#f8fafc!important;font-size:1.25rem;font-weight:700;margin:0}.view-all-link{color:#60a5fa;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.view-all-link:hover{color:#3b82f6;transform:translateX(4px)}.top-courses-list{display:flex;flex-direction:column;gap:1rem}.course-performance-row{align-items:center;background:linear-gradient(135deg,#1e293b99,#1e293b66);border:1px solid #94a3b833;border-radius:16px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.course-performance-row:hover{background:linear-gradient(135deg,#1e293bcc,#1e293b99);box-shadow:0 8px 24px #0000004d;transform:translateX(4px)}.course-rank{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:900;height:48px;justify-content:center;width:48px}.course-name{color:#f8fafc!important;display:block;font-size:1rem;margin-bottom:.5rem}.course-metrics{display:flex;flex-wrap:wrap;gap:1rem}.course-metrics span{color:#cbd5e1!important;font-size:.875rem;font-weight:600}.demographics-list,.engagement-stats,.traffic-sources{display:flex;flex-direction:column;gap:1rem}.demo-row,.stat-row,.traffic-source-row{align-items:center;background:#0f172a99;border-radius:12px;display:flex;justify-content:space-between;padding:.875rem 1rem;transition:all .2s ease}.demo-row:hover,.stat-row:hover,.traffic-source-row:hover{background:#0f172acc;transform:translateX(4px)}.demo-country,.source-name,.stat-label{color:#cbd5e1!important;font-size:.9375rem;font-weight:600}.demo-percent,.source-percent,.stat-value{color:#f8fafc!important;font-size:1.125rem;font-weight:900}.source-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.source-bar{background:#0f172a99;border-radius:8px;height:8px;margin-top:.5rem;overflow:hidden}.source-fill{border-radius:8px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.revenue-breakdown,.revenue-by-category{display:flex;flex-direction:column;gap:1.25rem}.category-revenue-row,.revenue-category-row{align-items:center;background:#0f172a99;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.category-revenue-row:hover,.revenue-category-row:hover{background:#0f172acc;transform:translateX(4px)}.category-badge,.category-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.category-details,.category-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.category-label,.category-name{color:#f8fafc!important;font-size:.9375rem;font-weight:700}.category-revenue{color:#10b981!important;font-size:1.125rem;font-weight:900}.category-bar,.category-revenue-bar{background:#0f172a99;border-radius:8px;height:8px;margin-top:.25rem;overflow:hidden}.category-fill,.category-revenue-fill{border-radius:8px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.category-amount{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.amount-value{color:#f8fafc!important;font-size:1.125rem;font-weight:900}.amount-percent{color:#94a3b8!important;font-size:.875rem;font-weight:600}.activity-feed{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.activity-item{align-items:flex-start;background:#0f172a99;border:1px solid #94a3b833}.activity-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateX(4px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-text{color:#f8fafc!important;font-size:.9375rem;font-weight:600;line-height:1.5;margin:0 0 .375rem}.activity-time{color:#94a3b8!important;font-size:.8125rem;font-weight:500}.satisfaction-stats{display:flex;flex-direction:column;gap:2rem}.satisfaction-score{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:20px;gap:1rem;padding:2rem}.satisfaction-score,.score-circle{align-items:center;display:flex;flex-direction:column}.score-circle{justify-content:center}.score-number{color:#fbbf24!important;font-size:4rem;font-weight:900;line-height:1}.score-max{color:#94a3b8!important;font-size:1.5rem;font-weight:600}.score-label{color:#cbd5e1!important;font-size:1rem;font-weight:600}.rating-breakdown{display:flex;flex-direction:column;gap:.875rem}.rating-row{align-items:center;display:flex;gap:.75rem}.stars{font-size:.875rem;min-width:100px}.rating-bar{background:#0f172a99;border-radius:8px;flex:1 1;height:8px;overflow:hidden}.rating-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:8px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.rating-count{color:#cbd5e1!important;font-size:.875rem;font-weight:700;min-width:45px;text-align:right}.earnings-bento-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.earnings-card-creative{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:24px;box-shadow:0 10px 30px #0000004d;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.earnings-card-creative.wide-card{grid-column:span 2}.earnings-card-creative.tall-card{grid-row:span 2}.earnings-card-creative:hover{border-color:#94a3b880;box-shadow:0 20px 40px #0006;transform:translateY(-4px)}.earnings-card-header{align-items:center;border-bottom:2px solid #94a3b833;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.earnings-card-header h4{color:#f8fafc!important;font-size:1.25rem;font-weight:700;margin:0}.monthly-revenue-list,.payment-methods-list,.payout-history,.top-earning-courses{display:flex;flex-direction:column;gap:1rem}.earning-course-row,.payment-method-row,.payout-item,.revenue-month-row{align-items:center;background:linear-gradient(135deg,#1e293b99,#1e293b66);border:1px solid #94a3b833;border-radius:16px;display:flex;justify-content:space-between;padding:1.25rem;transition:all .3s ease}.earning-course-row:hover,.payment-method-row:hover,.payout-item:hover,.revenue-month-row:hover{background:linear-gradient(135deg,#1e293bcc,#1e293b99);box-shadow:0 8px 24px #0000004d;transform:translateX(4px)}.course-earning-info,.method-info,.month-info,.payout-details{display:flex;flex-direction:column;gap:.375rem}.course-title-small,.method-name,.month-name,.payout-date{color:#f8fafc!important;font-size:1rem;font-weight:700}.course-earning-stats,.month-courses,.payout-method{color:#94a3b8!important;font-size:.875rem;font-weight:600}.course-earning-stats{display:flex;gap:1rem}.month-stats,.payout-amount-section{align-items:flex-end;display:flex;flex-direction:column;gap:.375rem}.month-revenue,.payout-amount{color:#10b981!important;font-size:1.25rem;font-weight:900}.month-growth{border-radius:8px;font-size:.875rem;font-weight:700;padding:.25rem .625rem}.month-growth.positive{background:#10b98126;color:#10b981!important}.course-rank-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:900;height:40px;justify-content:center;width:40px}.method-icon,.payout-icon{font-size:1.5rem;margin-right:.75rem}.method-percent{color:#f8fafc!important;font-size:1.125rem;font-weight:900}.payout-status{border-radius:8px;font-size:.8125rem;font-weight:700;padding:.375rem .75rem;text-transform:capitalize}.payout-status.completed{background:#10b98126;color:#10b981!important}.payout-status.pending{background:#f59e0b26;color:#f59e0b!important}.growth-metrics{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.growth-metric-item{background:#0f172a99;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .3s ease}.growth-metric-item:hover{background:#0f172acc;transform:translateY(-2px)}.metric-label{color:#94a3b8!important;font-weight:600}.metric-value{color:#f8fafc!important;font-size:1.5rem;font-weight:900}.metric-value.positive{color:#10b981!important}.quick-actions-earnings{display:flex;flex-direction:column;gap:.875rem}.action-button-earnings{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:700;gap:.75rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button-earnings.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d}.action-button-earnings.secondary{background:#1e293bcc;border:1px solid #94a3b84d;color:#cbd5e1}.action-button-earnings:hover{box-shadow:0 12px 32px #0006;transform:translateY(-2px)}.action-button-earnings.primary:hover{box-shadow:0 12px 32px #3b82f666}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;padding:2rem;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-upload-modal,.course-modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1e293bf2;border:1px solid #94a3b84d;border-radius:32px;box-shadow:0 30px 60px #00000080;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.content-modal-header,.course-modal-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-bottom:1px solid #94a3b84d;display:flex;justify-content:space-between;padding:2rem}.modal-header-content{align-items:center;display:flex;flex:1 1;gap:1.25rem}.modal-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.modal-header-content h2,.modal-header-content h3{color:#f8fafc!important;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .375rem}.modal-header-content p,.modal-subtitle{color:#94a3b8!important;font-size:.9375rem;font-weight:500;margin:0}.close-button-modern{align-items:center;background:#0f172a99;border:1px solid #94a3b84d;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button-modern:hover{background:#ef444433;border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}.content-modal-body,.course-modal-body{max-height:calc(90vh - 280px);overflow-y:auto;padding:2rem}.content-modal-body::-webkit-scrollbar,.course-modal-body::-webkit-scrollbar{width:8px}.content-modal-body::-webkit-scrollbar-track,.course-modal-body::-webkit-scrollbar-track{background:#0f172a66;border-radius:8px}.content-modal-body::-webkit-scrollbar-thumb,.course-modal-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:8px}.content-modal-body::-webkit-scrollbar-thumb:hover,.course-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b899}.form-section{margin-bottom:1.75rem}.form-label-modern{align-items:center;color:#f8fafc!important;display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;letter-spacing:.01em;margin-bottom:.75rem}.label-icon{font-size:1.125rem}.form-input-modern,.form-select,.form-textarea{background:#0f172a99;border:2px solid #94a3b84d;border-radius:12px;color:#f8fafc!important;font-family:inherit;font-size:.9375rem;font-weight:500;padding:.875rem 1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input-modern:hover,.form-select:hover,.form-textarea:hover{background:#0f172acc;border-color:#94a3b880}.form-input-modern:focus,.form-select:focus,.form-textarea:focus{background:#0f172ae6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;outline:none}.form-input-modern::placeholder,.form-textarea::placeholder{color:#64748b!important}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f8fafc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:3rem}.form-select option{background:#1e293b;color:#f8fafc;padding:.75rem}.input-hint{color:#94a3b8!important;display:block;font-size:.8125rem;font-weight:500;margin-top:.5rem}.form-grid-2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.info-box{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:16px;display:flex;gap:1rem;margin-top:1.5rem;padding:1.25rem}.info-box svg{color:#60a5fa;flex-shrink:0;margin-top:2px}.info-box div{color:#cbd5e1!important;font-size:.875rem;line-height:1.6}.info-box strong{color:#f8fafc!important;font-weight:700}.file-upload-area{position:relative}.file-input-hidden{opacity:0;pointer-events:none;position:absolute}.file-upload-label{align-items:center;background:#0f172a99;border:2px dashed #94a3b866;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-upload-label:hover{background:#0f172acc;border-color:#3b82f6;transform:translateY(-2px)}.file-upload-label svg{color:#60a5fa}.upload-text{color:#f8fafc!important;font-size:1rem;font-weight:700}.upload-hint{color:#94a3b8!important;font-size:.875rem}.content-modal-footer,.course-modal-footer{background:#0f172a99;border-top:1px solid #94a3b84d;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.btn-modern{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:700;gap:.625rem;letter-spacing:.01em;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-modern.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d;color:#fff}.btn-modern.btn-primary:hover{box-shadow:0 12px 32px #3b82f666;transform:translateY(-2px)}.btn-modern.btn-secondary{background:#1e293bcc;border:1px solid #94a3b84d;color:#cbd5e1}.btn-modern.btn-secondary:hover{background:#1e293bf2;border-color:#94a3b880;transform:translateY(-2px)}@media (max-width:768px){.modal-overlay{padding:1rem}.content-upload-modal,.course-modal-content{border-radius:24px}.content-modal-header,.course-modal-header{padding:1.5rem}.modal-header-content h2,.modal-header-content h3{font-size:1.5rem}.modal-icon{height:50px;width:50px}.content-modal-body,.course-modal-body{padding:1.5rem}.form-grid-2{grid-template-columns:1fr}.content-modal-footer,.course-modal-footer{flex-direction:column-reverse}.btn-modern{justify-content:center;width:100%}.analytics-bento-grid,.earnings-bento-grid{grid-template-columns:1fr}.analytics-card-creative.wide-card,.earnings-card-creative.wide-card{grid-column:span 1}.analytics-card-creative.tall-card,.earnings-card-creative.tall-card{grid-row:span 1}.course-performance-row,.earning-course-row,.revenue-month-row{align-items:flex-start;flex-direction:column;gap:.75rem}.month-stats,.payout-amount-section{align-items:center;flex-direction:row;gap:.75rem}.growth-metrics{grid-template-columns:1fr}}.content-actions-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #94a3b84d;border-radius:16px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:2rem 0;padding:1.25rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{background:#0f172a99;border:1px solid #94a3b84d;border-radius:10px;color:#cbd5e1!important;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.125rem;transition:all .2s ease}.filter-tab:hover{background:#0f172acc;border-color:#94a3b880;transform:translateY(-1px)}.filter-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff!important}.upload-btn-creative{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:700;gap:.625rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-btn-creative:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.content-bento-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem}.content-card-creative{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-card-creative:hover{border-color:#94a3b880;box-shadow:0 12px 32px #0006;transform:translateY(-4px)}.content-card-visual{align-items:flex-start;display:flex;justify-content:space-between;position:relative}.file-type-badge{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:2.5rem}.status-badge-creative{border-radius:8px;font-size:.75rem;font-weight:700;padding:.375rem .75rem;text-transform:capitalize}.status-badge-creative.published{background:#10b98126;color:#10b981!important}.status-badge-creative.draft{background:#94a3b826;color:#94a3b8!important}.status-badge-creative.pending{background:#f59e0b26;color:#f59e0b!important}.content-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.content-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f8fafc!important;display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.4;margin:0;overflow:hidden}.content-meta{display:flex;flex-wrap:wrap;gap:.5rem}.content-meta .meta-badge{background:#0f172a99;border-radius:6px;color:#cbd5e1!important;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.content-course-badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;display:flex;gap:.5rem;padding:.5rem .875rem}.course-label{color:#94a3b8!important;font-size:.75rem;font-weight:600}.course-name{color:#60a5fa!important;font-size:.8125rem;font-weight:700}.upload-info{align-items:center;color:#94a3b8!important;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;margin:0}.content-card-actions{border-top:1px solid #94a3b833;display:flex;gap:.5rem;padding-top:.75rem}.action-btn-creative{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:.625rem;transition:all .2s ease}.action-btn-creative.edit{background:#3b82f626;color:#60a5fa!important}.action-btn-creative.edit:hover{background:#3b82f640;transform:translateY(-2px)}.action-btn-creative.download{background:#10b98126;color:#10b981!important}.action-btn-creative.download:hover{background:#10b98140;transform:translateY(-2px)}.action-btn-creative.delete{background:#ef444426;color:#ef4444!important}.action-btn-creative.delete:hover{background:#ef444440;transform:translateY(-2px)}.empty-state-creative{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:2px dashed #94a3b84d;border-radius:24px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;overflow:hidden;padding:4rem 2rem;position:relative}.empty-orb{animation:floatOrb 8s ease-in-out infinite;background:radial-gradient(circle,#3b82f633,#0000);border-radius:50%;filter:blur(40px);height:200px;position:absolute;width:200px}.empty-icon-creative{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));font-size:4rem;margin-bottom:1.5rem}.empty-title{color:#f8fafc!important;font-size:1.75rem;font-weight:800;margin:0 0 .75rem}.empty-description{color:#94a3b8!important;font-size:1rem;margin:0 0 2rem;max-width:400px;text-align:center}.empty-action-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;box-shadow:0 8px 24px #3b82f64d;color:#fff!important;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.empty-action-btn:hover{box-shadow:0 12px 32px #3b82f666;transform:translateY(-3px)}.content-bottom-stats{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr auto;margin-top:2rem}.storage-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:16px;padding:1.5rem}.storage-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.storage-icon-wrapper{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.storage-header h4{color:#f8fafc!important;font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.storage-header p{color:#94a3b8!important;font-size:.875rem;margin:0}.storage-bar{background:#0f172a99;border-radius:8px;height:8px;margin-bottom:.75rem;overflow:hidden}.storage-fill{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:8px;height:100%;transition:width .6s ease}.storage-details{color:#cbd5e1!important;display:flex;font-size:.8125rem;font-weight:600;justify-content:space-between}.quick-stats-cards{display:flex;gap:1rem}.quick-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:14px;display:flex;gap:.875rem;min-width:140px;padding:1.25rem;transition:all .3s ease}.quick-stat-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.quick-stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.quick-stat-icon.video-color{background:linear-gradient(135deg,#3b82f6,#2563eb)}.quick-stat-icon.doc-color{background:linear-gradient(135deg,#10b981,#059669)}.quick-stat-icon.archive-color{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.quick-stat-info{display:flex;flex-direction:column;gap:.25rem}.quick-stat-value{color:#f8fafc!important;font-size:1.5rem;font-weight:900;line-height:1;margin:0}.quick-stat-label{color:#94a3b8!important;font-size:.8125rem;font-weight:600;margin:0}.messaging-placeholder-content{margin-top:2rem}.placeholder-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:24px;margin:0 auto;max-width:600px;padding:3rem;text-align:center}.placeholder-card h3{color:#f8fafc!important;font-size:2rem;font-weight:800;margin:0 0 1.5rem}.placeholder-card p{color:#cbd5e1!important;font-size:1.125rem;line-height:1.6;margin:0 0 1.5rem}.placeholder-card ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 0 2rem;padding:0}.placeholder-card li{background:#0f172a99;border:1px solid #94a3b833;border-radius:12px;color:#f8fafc!important;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;text-align:left}.coming-soon-note{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;color:#60a5fa!important;font-size:.9375rem!important;font-weight:600!important;margin:0!important;padding:1rem 1.5rem}.settings-section{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.settings-section>h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2rem;font-weight:900;gap:.75rem;margin:0 0 2rem}.settings-content{grid-gap:1.5rem;display:grid;gap:1.5rem}.settings-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:20px;box-shadow:0 8px 24px #0000004d;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-card:hover{border-color:#94a3b880;box-shadow:0 12px 32px #0006;transform:translateY(-2px)}.settings-card h4{align-items:center;border-bottom:2px solid #94a3b833;display:flex;font-size:1.375rem;font-weight:700;gap:.625rem;margin:0 0 1.5rem;padding-bottom:1rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-form .form-group{display:flex;flex-direction:column;gap:.625rem}.settings-form label{color:#f8fafc!important;font-size:.9375rem;font-weight:700;letter-spacing:.01em}.settings-form .form-input,.settings-form textarea{background:#0f172a99;border:2px solid #94a3b84d;border-radius:12px;font-family:inherit;font-size:.9375rem;font-weight:500;padding:.875rem 1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.settings-form .form-input:hover,.settings-form textarea:hover{background:#0f172acc;border-color:#94a3b880}.settings-form .form-input:focus,.settings-form textarea:focus{background:#0f172ae6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;outline:none}.settings-form .form-input:disabled{background:#0f172a66;cursor:not-allowed;opacity:.5}.settings-form textarea{line-height:1.6;min-height:100px;resize:vertical}.checkbox-label{align-items:center;background:#0f172a99;border:1px solid #94a3b833;border-radius:12px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.875rem;padding:1rem;transition:all .2s ease}.checkbox-label:hover{background:#0f172acc;border-color:#94a3b866}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;border-radius:4px;cursor:pointer;height:20px;width:20px}.action-btn-creator{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:700;gap:.625rem;justify-content:center;letter-spacing:.01em;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn-creator.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d}.action-btn-creator.primary:hover{box-shadow:0 12px 32px #3b82f666;transform:translateY(-2px)}.action-btn-creator.secondary{background:#1e293bcc;border:1px solid #94a3b84d}.action-btn-creator.secondary:hover{background:#1e293bf2;border-color:#94a3b880;transform:translateY(-2px)}.analytics-card-creative{font-size:.9375rem;padding:1.5rem}.analytics-card-creative h4{font-size:1.125rem}.earnings-card-creative{padding:1.5rem}.earnings-card-creative h4{font-size:1.125rem}.category-revenue-row,.demo-row,.revenue-category-row,.stat-row,.traffic-source-row{padding:.75rem 1rem}.course-performance-row,.earning-course-row,.payment-method-row,.payout-item,.revenue-month-row{padding:1rem}.activity-item{padding:.875rem 1rem}.category-label,.category-name,.demo-country,.source-name,.stat-label{font-size:.875rem}.demo-percent,.source-percent,.stat-value{font-size:1rem}.analytics-mega-stats,.content-mega-stats,.earnings-mega-stats,.messaging-mega-stats{gap:1.25rem}.analytics-mega-card,.content-mega-card,.earnings-mega-card,.messaging-mega-card{padding:1.5rem}.analytics-icon-mega,.content-icon-mega,.earnings-icon-mega,.messaging-icon-mega{height:52px;width:52px}.analytics-mega-value,.content-mega-value,.earnings-mega-value,.messaging-mega-value{font-size:2rem}@media (max-width:768px){.content-bento-grid,.content-bottom-stats{grid-template-columns:1fr}.quick-stats-cards{flex-direction:column}.quick-stat-card{min-width:auto}.filter-tabs{justify-content:space-between;width:100%}.settings-card{padding:1.5rem}}.creative-analytics *,.creative-content-library *,.creative-earnings *,.creative-messaging *,.settings-section *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.creative-analytics h1,.creative-analytics h2,.creative-analytics h3,.creative-analytics h4,.creative-analytics h5,.creative-content-library h1,.creative-content-library h2,.creative-content-library h3,.creative-content-library h4,.creative-content-library h5,.creative-earnings h1,.creative-earnings h2,.creative-earnings h3,.creative-earnings h4,.creative-earnings h5,.creative-messaging h1,.creative-messaging h2,.creative-messaging h3,.creative-messaging h4,.creative-messaging h5,.settings-section h1,.settings-section h2,.settings-section h3,.settings-section h4,.settings-section h5{color:#f8fafc!important}.creative-analytics p,.creative-content-library p,.creative-earnings p,.creative-messaging p,.settings-section p{color:#cbd5e1!important}.creative-analytics span,.creative-content-library span,.creative-earnings span,.creative-messaging span,.settings-section span{color:inherit}button{color:inherit!important}a{color:#60a5fa!important}a:hover{color:#3b82f6!important}.settings-section{animation:fadeInScale .6s cubic-bezier(.16,1,.3,1)!important;padding:2rem 0!important;position:relative!important;z-index:10!important}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-section>h3{-webkit-text-fill-color:#0000!important;align-items:center!important;animation:titlePulse 3s ease-in-out infinite!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899)!important;-webkit-background-clip:text!important;background-clip:text!important;display:flex!important;filter:drop-shadow(0 0 40px rgba(59,130,246,.3))!important;font-size:clamp(2rem,4vw,2.75rem)!important;font-weight:900!important;gap:1rem!important;letter-spacing:-.03em!important;margin:0 0 2.5rem!important}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 40px rgba(59,130,246,.3))}50%{filter:drop-shadow(0 0 60px rgba(139,92,246,.5))}}.settings-content{grid-gap:2rem!important;gap:2rem!important;max-width:900px!important}.settings-card{animation:slideInFromBottom .6s cubic-bezier(.16,1,.3,1) backwards!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;background:linear-gradient(135deg,#1e293bf2,#0f172ae6)!important;border:1px solid #94a3b84d!important;border-radius:24px!important;box-shadow:0 20px 40px -12px #0006,inset 0 0 0 1px #94a3b833!important;overflow:hidden!important;padding:2.5rem!important;position:relative!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.settings-card:first-child{animation-delay:.1s!important}.settings-card:nth-child(2){animation-delay:.2s!important}.settings-card:nth-child(3){animation-delay:.3s!important}.settings-card:before{animation:borderGlow 4s linear infinite!important;background:linear-gradient(90deg,#3b82f6,#8b5cf6 33%,#ec4899 66%,#f59e0b)!important;background-size:200% 100%!important;content:""!important;height:4px!important;left:0!important;position:absolute!important;right:0!important;top:0!important}@keyframes borderGlow{to{background-position:-200% 0}}.settings-card:hover{border-color:#3b82f680!important;box-shadow:0 30px 60px -15px #00000080,inset 0 0 0 1px #94a3b866,0 0 80px #3b82f633!important;transform:translateY(-8px) scale(1.01)!important}.settings-card:after{background:radial-gradient(circle,#3b82f61a 0,#0000 70%)!important;content:""!important;height:80%!important;left:50%!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:opacity .4s ease!important;width:80%!important;z-index:0!important}.settings-card:hover:after{opacity:1!important}.settings-card h4{align-items:center!important;border-bottom:2px solid #3b82f633!important;color:#f8fafc!important;display:flex!important;font-size:1.5rem!important;font-weight:800!important;gap:1rem!important;letter-spacing:-.02em!important;margin:0 0 2rem!important;padding-bottom:1.25rem!important;position:relative!important;z-index:1!important}.settings-card h4:before{animation:iconFloat 3s ease-in-out infinite!important;content:"✨"!important;filter:drop-shadow(0 0 10px rgba(59,130,246,.5))!important;font-size:1.5rem!important}.settings-form{gap:1.75rem!important;position:relative!important;z-index:1!important}.settings-form,.settings-form .form-group{display:flex!important;flex-direction:column!important}.settings-form .form-group{animation:fadeInUp .4s ease-out backwards!important;gap:.75rem!important}.settings-form .form-group:first-child{animation-delay:.1s!important}.settings-form .form-group:nth-child(2){animation-delay:.2s!important}.settings-form .form-group:nth-child(3){animation-delay:.3s!important}.settings-form label{align-items:center!important;color:#94a3b8!important;display:flex!important;font-size:.8125rem!important;font-weight:700!important;gap:.5rem!important;letter-spacing:.05em!important;text-transform:uppercase!important}.settings-form .form-input,.settings-form textarea{background:#0f172acc!important;border:2px solid #94a3b833!important;border-radius:14px!important;box-shadow:0 4px 12px #0003!important;color:#f8fafc!important;font-family:inherit!important;font-size:1rem!important;font-weight:500!important;padding:1rem 1.5rem!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;width:100%!important}.settings-form .form-input:hover,.settings-form textarea:hover{background:#0f172ae6!important;border-color:#94a3b866!important;transform:translateY(-1px)!important}.settings-form .form-input:focus,.settings-form textarea:focus{background:#0f172af2!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f626,0 8px 24px #3b82f64d,0 0 40px #3b82f633!important;outline:none!important;transform:translateY(-2px)!important}.settings-form .form-input:disabled{background:#0f172a80!important;border-style:dashed!important;cursor:not-allowed!important;opacity:.5!important}.settings-form .form-input::placeholder,.settings-form textarea::placeholder{color:#64748b!important;font-weight:500!important}.settings-form textarea{line-height:1.7!important;min-height:120px!important;resize:vertical!important}.checkbox-label{align-items:center!important;background:linear-gradient(135deg,#0f172ae6,#0f172ab3)!important;border:2px solid #94a3b833!important;border-radius:14px!important;color:#f8fafc!important;cursor:pointer!important;display:flex!important;font-size:.9375rem!important;font-weight:600!important;gap:1rem!important;overflow:hidden!important;padding:1.25rem 1.5rem!important;position:relative!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.checkbox-label:before{background:radial-gradient(circle at center,#3b82f61a,#0000 70%)!important;content:""!important;inset:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;transition:opacity .3s ease!important}.checkbox-label:hover:before{opacity:1!important}.checkbox-label:hover{background:linear-gradient(135deg,#0f172a,#1e293be6)!important;border-color:#3b82f666!important;box-shadow:0 4px 16px #0000004d!important;transform:translateX(4px)!important}.checkbox-label input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;background:#1e293bcc!important;border:2px solid #94a3b866!important;border-radius:6px!important;cursor:pointer!important;flex-shrink:0!important;height:24px!important;position:relative!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;width:24px!important}.checkbox-label input[type=checkbox]:hover{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633!important}.checkbox-label input[type=checkbox]:checked:after{color:#fff!important;content:"✓"!important;font-size:14px!important;font-weight:900!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.action-btn-creator{align-items:center!important;border:none!important;border-radius:14px!important;cursor:pointer!important;display:inline-flex!important;font-size:1rem!important;font-weight:800!important;gap:.75rem!important;justify-content:center!important;letter-spacing:.02em!important;margin-top:.5rem!important;overflow:hidden!important;padding:1rem 2.5rem!important;position:relative!important;text-transform:uppercase!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.action-btn-creator:before{background:radial-gradient(circle at center,#fff3,#0000 70%)!important;content:""!important;inset:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;transition:opacity .3s ease!important}.action-btn-creator:hover:before{opacity:1!important}.action-btn-creator.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 10px 30px #3b82f666,0 0 40px #3b82f633!important;color:#fff!important}.action-btn-creator.primary:hover{box-shadow:0 16px 40px #3b82f680,0 0 60px #3b82f64d!important;transform:translateY(-4px) scale(1.02)!important}.action-btn-creator.primary:active{transform:translateY(-2px) scale(.98)!important}.action-btn-creator.secondary{background:linear-gradient(135deg,#1e293bf2,#0f172ae6)!important;border:2px solid #94a3b84d!important;box-shadow:0 8px 24px #0000004d!important;color:#cbd5e1!important}.action-btn-creator.secondary:hover{background:linear-gradient(135deg,#1e293b,#0f172af2)!important;border-color:#94a3b880!important;box-shadow:0 12px 32px #0006!important;transform:translateY(-4px)!important}@media (max-width:768px){.settings-card{padding:2rem 1.5rem!important}.settings-card h4{font-size:1.25rem!important}.checkbox-label{font-size:.875rem!important;padding:1rem!important}.action-btn-creator{width:100%!important}}@media (max-width:1024px){.creator-dashboard-container,.dashboard-header{padding:1.5rem!important}.dashboard-header{flex-direction:column!important;gap:1.5rem!important}.header-title{font-size:1.75rem!important}.header-actions{justify-content:space-between!important;width:100%!important}.dashboard-nav{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;padding-bottom:.5rem!important}.nav-tabs{gap:.5rem!important;min-width:-webkit-max-content!important;min-width:max-content!important}.nav-tab{font-size:.875rem!important;padding:.75rem 1.25rem!important;white-space:nowrap!important}.analytics-mega-stats,.content-mega-stats,.earnings-mega-stats,.messaging-mega-stats,.stats-grid{gap:1rem!important;grid-template-columns:repeat(2,1fr)!important}.analytics-bento-grid,.content-bento-grid,.earnings-bento-grid{gap:1.25rem!important;grid-template-columns:1fr!important}.analytics-card-creative,.earnings-card-creative,.settings-card{padding:1.5rem!important}.courses-table-container,.students-table-wrapper{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.courses-table,.students-table{min-width:600px!important}}@media (max-width:768px){.creator-dashboard-container,.dashboard-header{padding:1rem!important}.dashboard-header{border-radius:16px!important}.header-title{font-size:1.5rem!important}.header-actions{flex-direction:column!important;gap:.75rem!important}.create-course-btn,.notification-btn,.profile-menu{justify-content:center!important;width:100%!important}.nav-tab{font-size:.8125rem!important;padding:.625rem 1rem!important}.analytics-mega-stats,.content-mega-stats,.earnings-mega-stats,.messaging-mega-stats,.stats-grid{gap:1rem!important;grid-template-columns:1fr!important}.analytics-mega-card,.content-mega-card,.earnings-mega-card,.messaging-mega-card,.stat-card{padding:1.25rem!important}.analytics-hero,.content-hero,.earnings-hero,.messaging-hero{flex-direction:column!important;padding:1.5rem!important;text-align:center!important}.analytics-hero-content,.content-hero-content,.earnings-hero-content,.messaging-hero-content{align-items:center!important}.analytics-hero-title,.content-hero-title,.earnings-hero-title,.messaging-hero-title{font-size:1.75rem!important}.analytics-hero-stats,.earnings-hero-stats{flex-direction:column!important;gap:.75rem!important;width:100%!important}.hero-stat-item{justify-content:center!important;width:100%!important}.performance-grid{grid-template-columns:1fr!important}.demographics-list,.traffic-sources-list{max-height:none!important}.activity-feed{max-height:400px!important}.activity-item{align-items:flex-start!important;flex-direction:column!important;padding:.875rem!important}.activity-icon{height:36px!important;width:36px!important}.revenue-breakdown-grid{grid-template-columns:1fr!important}.payout-history{max-height:400px!important}.content-actions-bar,.payout-item{padding:1rem!important}.content-actions-bar{align-items:stretch!important;flex-direction:column!important}.filter-tabs{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;width:100%!important}.upload-btn-creative{justify-content:center!important;width:100%!important}.content-bento-grid{grid-template-columns:1fr!important}.content-card-creative{padding:1rem!important}.content-bottom-stats{grid-template-columns:1fr!important}.quick-stats-cards{flex-direction:column!important;width:100%!important}.quick-stat-card{min-width:auto!important;width:100%!important}.settings-section{padding:1rem 0!important}.settings-section>h3{font-size:1.75rem!important;margin-bottom:1.5rem!important}.settings-card{border-radius:16px!important;padding:1.5rem!important}.settings-card h4{font-size:1.25rem!important}.checkbox-label{font-size:.875rem!important;padding:.875rem 1rem!important}.action-btn-creator{padding:.875rem 1.5rem!important;width:100%!important}.course-modal-content{margin:1rem!important;max-height:90vh!important;max-width:95%!important;overflow-y:auto!important;width:95%!important}.course-modal-header{padding:1.25rem!important}.modal-header-content h2{font-size:1.25rem!important}.course-modal-body{padding:1.25rem!important}.course-form-grid{gap:1rem!important;grid-template-columns:1fr!important}.courses-table-container,.students-table-wrapper{border-radius:12px!important}.courses-table,.students-table{font-size:.875rem!important}.courses-table th,.students-table th{font-size:.75rem!important;padding:.75rem .5rem!important}.courses-table td,.students-table td{padding:.875rem .5rem!important}.course-info h4,.student-info h4{font-size:.9375rem!important}.action-btn,.course-info p,.student-info p{font-size:.75rem!important}.action-btn{padding:.5rem .875rem!important}.courses-controls,.students-controls{flex-direction:column!important;gap:.75rem!important}.filter-group,.filter-select,.search-box,.search-box input{width:100%!important}}@media (max-width:480px){.creator-dashboard-container{padding:.75rem!important}.dashboard-header{border-radius:12px!important;padding:.875rem!important}.header-title{font-size:1.25rem!important}.header-subtitle,.nav-tab{font-size:.75rem!important}.nav-tab{padding:.5rem .875rem!important}.analytics-mega-card,.content-mega-card,.earnings-mega-card,.messaging-mega-card,.stat-card{border-radius:12px!important;padding:1rem!important}.analytics-icon-mega,.content-icon-mega,.earnings-icon-mega,.messaging-icon-mega,.stat-icon{height:40px!important;width:40px!important}.analytics-mega-value,.content-mega-value,.earnings-mega-value,.messaging-mega-value,.stat-value{font-size:1.5rem!important}.analytics-mega-label,.content-mega-label,.earnings-mega-label,.messaging-mega-label,.stat-label{font-size:.75rem!important}.analytics-hero-title,.content-hero-title,.earnings-hero-title,.messaging-hero-title{font-size:1.5rem!important}.analytics-hero-description,.content-hero-description,.earnings-hero-description,.messaging-hero-description{font-size:.8125rem!important}.analytics-card-creative,.content-card-creative,.earnings-card-creative,.settings-card{border-radius:12px!important;padding:1rem!important}.analytics-card-creative h4,.earnings-card-creative h4{font-size:1rem!important}.filter-tab{font-size:.75rem!important;padding:.5rem .875rem!important}.settings-section>h3{font-size:1.5rem!important;gap:.5rem!important}.settings-card h4{font-size:1.125rem!important;padding-bottom:.875rem!important}.settings-form label{font-size:.75rem!important}.settings-form .form-input,.settings-form textarea{font-size:.875rem!important;padding:.75rem 1rem!important}.checkbox-label{font-size:.8125rem!important;padding:.75rem .875rem!important}.checkbox-label input[type=checkbox]{height:20px!important;width:20px!important}.action-btn-creator{font-size:.8125rem!important;padding:.75rem 1.25rem!important}.course-modal-content{border-radius:16px!important;margin:.5rem!important;width:100%!important}.course-modal-header{padding:1rem!important}.modal-header-content h2{font-size:1.125rem!important}.course-modal-body{padding:1rem!important}.modal-form-group label{font-size:.8125rem!important}.modal-input,.modal-select,.modal-textarea{font-size:.875rem!important;padding:.75rem!important}.courses-table .hide-mobile,.students-table .hide-mobile{display:none!important}.course-info,.student-info{gap:.25rem!important}.course-thumbnail,.student-avatar{height:40px!important;width:40px!important}.progress-badge,.status-badge{font-size:.6875rem!important;padding:.25rem .5rem!important}.progress-bar{height:6px!important}.payout-item{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important;padding:.875rem!important}.payout-amount,.payout-info{width:100%!important}.file-type-badge{font-size:2rem!important}.content-card-actions{flex-wrap:wrap!important;gap:.5rem!important}.content-action-btn{font-size:.75rem!important;padding:.5rem .75rem!important}}@media (max-width:360px){.creator-dashboard-container{padding:.5rem!important}.dashboard-header{padding:.75rem!important}.header-title{font-size:1.125rem!important}.nav-tab{font-size:.6875rem!important;padding:.5rem .75rem!important}.analytics-card-creative,.earnings-card-creative,.settings-card,.stat-card{padding:.875rem!important}.settings-section>h3{font-size:1.25rem!important}.settings-card h4{font-size:1rem!important}}@media (max-height:600px) and (orientation:landscape){.creator-dashboard-container{padding:.75rem!important}.dashboard-header{padding:.875rem!important}.analytics-card-creative,.earnings-card-creative,.stat-card{padding:1rem!important}.course-modal-content{max-height:85vh!important}}@media (hover:none) and (pointer:coarse){.action-btn,.action-btn-creator,.checkbox-label,.filter-tab,.nav-tab,.upload-btn-creative{min-height:44px!important}.analytics-card-creative:hover,.earnings-card-creative:hover,.settings-card:hover,.stat-card:hover{transform:none!important}*{transition-duration:.2s!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.creator-dashboard-container{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}}.settings-content{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important;margin:0 auto!important;max-width:1400px!important}.settings-card{min-height:auto!important;padding:2rem!important}.settings-card h4{font-size:1.25rem!important;margin-bottom:1.5rem!important;padding-bottom:1rem!important}.settings-form .form-row{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(2,1fr)!important}.settings-form .form-row .form-group{margin:0!important}.settings-form .form-group-full{grid-column:1/-1!important}.settings-form .form-input,.settings-form textarea{font-size:.9375rem!important;padding:.75rem 1rem!important}.settings-form textarea{min-height:80px!important}.settings-form label{font-size:.75rem!important;margin-bottom:.5rem!important}.checkbox-grid{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important}.checkbox-label{font-size:.875rem!important;padding:.875rem 1rem!important}.settings-actions{display:flex!important;gap:.75rem!important;margin-top:1rem!important}.action-btn-creator{flex:1 1!important;font-size:.875rem!important;padding:.75rem 1.5rem!important}.privacy-settings-card{background:linear-gradient(135deg,#8b5cf61a,#3b82f60d)!important;border-color:#8b5cf64d!important}.privacy-settings-card:before{background:linear-gradient(90deg,#8b5cf6,#3b82f6,#ec4899)!important}.privacy-settings-card h4:before{content:"🔒"!important}.appearance-settings-card{background:linear-gradient(135deg,#ec48991a,#f59e0b0d)!important;border-color:#ec48994d!important}.appearance-settings-card:before{background:linear-gradient(90deg,#ec4899,#f59e0b,#fbbf24)!important}.appearance-settings-card h4:before{content:"🎨"!important}.language-settings-card{background:linear-gradient(135deg,#10b9811a,#14b8a60d)!important;border-color:#10b9814d!important}.language-settings-card:before{background:linear-gradient(90deg,#10b981,#14b8a6,#06b6d4)!important}.language-settings-card h4:before{content:"🌍"!important}.teaching-settings-card{background:linear-gradient(135deg,#f59e0b1a,#fbbf240d)!important;border-color:#f59e0b4d!important}.teaching-settings-card:before{background:linear-gradient(90deg,#f59e0b,#fbbf24,#facc15)!important}.teaching-settings-card h4:before{content:"📚"!important}.billing-settings-card{background:linear-gradient(135deg,#22c55e1a,#10b9810d)!important;border-color:#22c55e4d!important}.billing-settings-card:before{background:linear-gradient(90deg,#22c55e,#10b981,#14b8a6)!important}.billing-settings-card h4:before{content:"💳"!important}.integrations-settings-card{background:linear-gradient(135deg,#6366f11a,#8b5cf60d)!important;border-color:#6366f14d!important}.integrations-settings-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7)!important}.integrations-settings-card h4:before{content:"🔗"!important}.settings-form .form-select,.settings-form select{-webkit-appearance:none!important;appearance:none!important;background:#0f172acc!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f8fafc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 1rem center!important;background-repeat:no-repeat!important;border:2px solid #94a3b833!important;border-radius:14px!important;box-shadow:0 4px 12px #0003!important;color:#f8fafc!important;cursor:pointer!important;font-family:inherit!important;font-size:.9375rem!important;font-weight:500!important;padding:.75rem 3rem .75rem 1rem!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.settings-form .form-select:hover,.settings-form select:hover{background-color:#0f172ae6!important;border-color:#94a3b866!important;transform:translateY(-1px)!important}.settings-form .form-select:focus,.settings-form select:focus{background-color:#0f172af2!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f626,0 8px 24px #3b82f64d,0 0 40px #3b82f633!important;outline:none!important;transform:translateY(-2px)!important}.settings-form select option{background:#1e293b!important;color:#f8fafc!important;padding:.5rem!important}.toggle-switch{display:inline-block!important;height:28px!important;position:relative!important;width:52px!important}.toggle-switch input{height:0!important;opacity:0!important;width:0!important}.toggle-slider{background:#1e293bcc!important;border:2px solid #94a3b84d!important;border-radius:28px!important;bottom:0!important;cursor:pointer!important;left:0!important;right:0!important;top:0!important}.toggle-slider,.toggle-slider:before{position:absolute!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.toggle-slider:before{background:#fff!important;border-radius:50%!important;bottom:2px!important;box-shadow:0 2px 4px #0003!important;content:""!important;height:20px!important;left:2px!important;width:20px!important}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#3b82f6!important}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)!important}.toggle-switch input:hover+.toggle-slider{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}.toggle-option{align-items:center!important;background:linear-gradient(135deg,#0f172ae6,#0f172ab3)!important;border:2px solid #94a3b833!important;border-radius:14px!important;display:flex!important;justify-content:space-between!important;padding:1rem 1.25rem!important;transition:all .3s ease!important}.toggle-option:hover{background:linear-gradient(135deg,#0f172a,#1e293be6)!important;border-color:#3b82f64d!important}.toggle-option-label{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:.25rem!important}.toggle-option-title{color:#f8fafc!important;font-size:.9375rem!important;font-weight:600!important}.toggle-option-description{color:#94a3b8!important;font-size:.8125rem!important;line-height:1.4!important}.danger-zone{background:linear-gradient(135deg,#ef44441a,#dc26260d)!important;border-color:#ef44444d!important}.danger-zone:before{background:linear-gradient(90deg,#ef4444,#dc2626,#b91c1c)!important}.danger-zone h4{color:#fca5a5!important}.danger-zone h4:before{content:"⚠️"!important}.danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important}.danger-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 16px 40px #ef444480,0 0 60px #ef44444d!important}.social-input-group{gap:.75rem!important}.social-icon,.social-input-group{align-items:center!important;display:flex!important}.social-icon{background:linear-gradient(135deg,#3b82f633,#8b5cf61a)!important;border-radius:10px!important;flex-shrink:0!important;font-size:1.25rem!important;height:40px!important;justify-content:center!important;width:40px!important}.social-input-group .form-input{flex:1 1!important}.info-card{align-items:flex-start!important;background:#3b82f61a!important;border:1px solid #3b82f64d!important;border-radius:12px!important;display:flex!important;gap:.75rem!important;padding:1rem!important}.info-icon{flex-shrink:0!important;font-size:1.25rem!important}.info-content{flex:1 1!important}.info-title{color:#60a5fa!important;font-size:.875rem!important;font-weight:700!important;margin:0 0 .25rem!important}.info-text{color:#cbd5e1!important;font-size:.8125rem!important;line-height:1.5!important;margin:0!important}.settings-stats{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:repeat(3,1fr)!important;margin-top:1rem!important}.settings-stat-item{background:#1e293b99!important;border-radius:10px!important;padding:.75rem!important;text-align:center!important}.settings-stat-value{color:#3b82f6!important;display:block!important;font-size:1.25rem!important;font-weight:900!important}.settings-stat-label{color:#94a3b8!important;display:block!important;font-size:.75rem!important;margin-top:.25rem!important}@media (max-width:1024px){.checkbox-grid,.settings-content,.settings-form .form-row{grid-template-columns:1fr!important}}@media (max-width:768px){.settings-card{padding:1.5rem!important}.settings-actions{flex-direction:column!important}.action-btn-creator{width:100%!important}.settings-stats{grid-template-columns:1fr!important}.social-input-group{align-items:stretch!important;flex-direction:column!important}}@media (max-width:480px){.settings-content{gap:1rem!important}.settings-card{padding:1rem!important}.settings-card h4{font-size:1.125rem!important}.toggle-option{padding:.875rem!important}.toggle-option-title{font-size:.875rem!important}.toggle-option-description{font-size:.75rem!important}}.overview-bg-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.floating-shape{animation:floatShape 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:400px;left:-200px;top:-200px;width:400px}.shape-2{animation-delay:5s;background:linear-gradient(135deg,#10b981,#14b8a6);bottom:-150px;height:350px;right:-150px;width:350px}.shape-3{animation-delay:10s;background:linear-gradient(135deg,#f59e0b,#fbbf24);height:300px;right:-100px;top:40%;width:300px}.shape-4{animation-delay:15s;background:linear-gradient(135deg,#ec4899,#f43f5e);bottom:30%;height:250px;left:-80px;width:250px}@keyframes floatShape{0%,to{opacity:.4;transform:translate(0) scale(1)}33%{opacity:.6;transform:translate(50px,-50px) scale(1.1)}66%{opacity:.3;transform:translate(-30px,30px) scale(.9)}}.ultra-modern-overview{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.hero-welcome-ultra{animation:slideInScale .8s cubic-bezier(.16,1,.3,1);margin-bottom:3rem}@keyframes slideInScale{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-glass-card{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#1e293bd9;border:1px solid #94a3b84d;border-radius:32px;box-shadow:0 25px 50px -12px #0000004d,inset 0 0 0 1px #94a3b84d,0 0 100px #3b82f633;overflow:hidden;padding:3rem;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.welcome-glass-card:before{animation:gradientSlide 3s linear infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6 25%,#ec4899 50%,#f59e0b 75%,#10b981);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientSlide{to{background-position:-200% 0}}.welcome-glass-card:hover{box-shadow:0 35px 60px -15px #0006,inset 0 0 0 1px #94a3b866,0 0 120px #3b82f640;transform:translateY(-4px)}.welcome-content-wrapper{align-items:center;display:flex;gap:2rem;margin-bottom:1.5rem}.welcome-icon-badge{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;box-shadow:0 20px 30px -10px #3b82f666,0 0 0 4px #ffffff80;color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.ultra-gradient-title{display:flex;flex-direction:column;gap:.5rem;margin:0}.title-line{color:#94a3b8;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;letter-spacing:-.02em}.title-emphasis{-webkit-text-fill-color:#0000;animation:textShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.03em}@keyframes textShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.welcome-subtitle{font-size:clamp(.95rem,2vw,1.15rem);font-weight:500;letter-spacing:.01em;margin:0}.welcome-date-time{align-items:center;display:flex;gap:1rem}.date-display{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;border-radius:16px;color:#3b82f6;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem}.date-display svg{flex-shrink:0}.premium-stats-dashboard{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .2s backwards;margin-bottom:3rem}.stats-glass-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.premium-stat-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:24px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.stat-card-glow{background:radial-gradient(circle at 50% 0,#3b82f626,#0000 70%);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.premium-stat-card:hover .stat-card-glow{opacity:1}.premium-stat-card:hover{box-shadow:0 30px 60px -15px #0006,inset 0 0 0 1px #94a3b866;transform:translateY(-8px) scale(1.02)}.stat-primary:hover{border-color:#3b82f6;box-shadow:0 30px 60px -15px #3b82f64d}.stat-success:hover{border-color:#10b981;box-shadow:0 30px 60px -15px #10b9814d}.stat-warning:hover{border-color:#f59e0b;box-shadow:0 30px 60px -15px #f59e0b4d}.stat-rating:hover{border-color:#fbbf24;box-shadow:0 30px 60px -15px #fbbf244d}.stat-card-content{align-items:flex-start;display:flex;gap:1.5rem;position:relative;z-index:2}.stat-icon-wrapper{flex-shrink:0;height:70px;width:70px}.icon-bg-gradient{border-radius:18px;inset:0;opacity:.15;position:absolute}.primary-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.success-gradient{background:linear-gradient(135deg,#10b981,#14b8a6)}.warning-gradient{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.rating-gradient{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-icon-wrapper svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));position:relative;z-index:1}.stat-primary .stat-icon-wrapper svg{color:#3b82f6}.stat-success .stat-icon-wrapper svg{color:#10b981}.stat-warning .stat-icon-wrapper svg{color:#f59e0b}.stat-rating .stat-icon-wrapper svg{color:#fbbf24}.stat-details{flex:1 1}.stat-value{font-size:clamp(2rem,4vw,2.75rem);font-weight:900;line-height:1;margin:0 0 .25rem}.stat-label{color:#cbd5e1;font-size:.95rem;letter-spacing:.01em;margin:0 0 .75rem}.stat-meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;letter-spacing:.01em;padding:.375rem .75rem}.meta-badge.success{background:#10b9811a;border:1px solid #10b98133;color:#059669}.meta-badge.info{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.meta-badge.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.meta-badge.accent{background:#fbbf241a;border:1px solid #fbbf2433;color:#f59e0b}.stat-trend-indicator{align-items:center;border-radius:12px;display:flex;font-size:.875rem;font-weight:700;gap:.375rem;padding:.5rem .875rem;position:absolute;right:1.5rem;top:1.5rem;z-index:2}.stat-trend-indicator.positive{background:#10b9811a;border:1.5px solid #10b9814d;color:#059669}.rating-stars-display{bottom:1.5rem;font-size:.875rem;opacity:.8;position:absolute;right:1.5rem;z-index:2}.ultra-bento-grid{grid-gap:1.5rem;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s backwards;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.ultra-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1e293bb3;border:1px solid #94a3b84d;border-radius:24px;box-shadow:0 10px 30px -5px #0000004d;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.ultra-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ultra-card:hover:before{opacity:.3}.ultra-card:hover{border-color:#94a3b880;box-shadow:0 20px 40px -10px #0006;transform:translateY(-4px)}.card-header-ultra{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.header-icon-pulse{align-items:center;animation:iconPulse 2s ease-in-out infinite;border-radius:14px;box-shadow:0 8px 24px -8px currentColor;color:#fff;display:flex;height:50px;justify-content:center;width:50px}@keyframes iconPulse{0%,to{box-shadow:0 8px 24px -8px currentColor;transform:scale(1)}50%{box-shadow:0 12px 32px -6px currentColor;transform:scale(1.05)}}.header-text-ultra h3{color:#f8fafc;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.header-text-ultra p{color:#94a3b8;font-size:.875rem;font-weight:500;margin:.25rem 0 0}.actions-grid-ultra{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.action-btn-ultra{align-items:center;border:none;border-radius:18px;box-shadow:0 8px 24px -8px currentColor;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:700;gap:.75rem;justify-content:center;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.btn-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-gradient-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.action-btn-ultra:hover{box-shadow:0 16px 32px -6px currentColor;transform:translateY(-4px) scale(1.02)}.action-btn-ultra:active{transform:translateY(-2px) scale(.98)}.btn-icon-ultra{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.btn-text-ultra{letter-spacing:.01em}.btn-glow-ultra{background:radial-gradient(circle at center,#ffffff4d,#0000 70%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.action-btn-ultra:hover .btn-glow-ultra{opacity:1}.performance-metrics-ultra{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-item-ultra{align-items:center;background:linear-gradient(135deg,#1e293bb3,#1e293b66);border:1px solid #94a3b84d;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s ease}.metric-item-ultra:hover{background:linear-gradient(135deg,#1e293be6,#1e293b99);box-shadow:0 12px 24px -8px #0000004d;transform:translateY(-4px)}.metric-icon-ultra{align-items:center;border-radius:14px;box-shadow:0 8px 20px -6px currentColor;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.views-metric{background:linear-gradient(135deg,#3b82f6,#2563eb)}.completion-metric{background:linear-gradient(135deg,#10b981,#059669)}.engagement-metric{background:linear-gradient(135deg,#ec4899,#f43f5e)}.metric-content-ultra{text-align:center}.metric-content-ultra h4{color:#f8fafc;font-size:1.75rem;font-weight:900;letter-spacing:-.02em;margin:0}.metric-content-ultra p{color:#94a3b8;font-size:.8rem;font-weight:600;margin:.25rem 0 .5rem}.metric-change{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:.25rem .625rem}.metric-change.positive{background:#10b9811a;color:#059669}.top-courses-list-ultra{display:flex;flex-direction:column;gap:1rem}.top-course-item-ultra{align-items:center;background:linear-gradient(135deg,#1e293bb3,#1e293b66);border:1px solid #94a3b84d;border-radius:16px;display:flex;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.top-course-item-ultra:hover{background:linear-gradient(135deg,#1e293be6,#1e293b99);box-shadow:0 8px 24px -8px #0000004d;transform:translateX(4px)}.course-rank-ultra{flex-shrink:0}.rank-badge{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));font-size:2rem}.course-details-ultra{flex:1 1}.course-details-ultra h4{color:#f8fafc;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}.course-stats-ultra{display:flex;flex-wrap:wrap;gap:.5rem}.stat-badge-ultra{align-items:center;background:#1e293be6;border:1px solid #94a3b84d;border-radius:10px;color:#cbd5e1;display:inline-flex;font-size:.75rem;font-weight:700;gap:.375rem;padding:.375rem .75rem}.stat-badge-ultra.revenue{background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}.stat-badge-ultra.rating{background:#fbbf241a;border-color:#fbbf244d;color:#f59e0b}.course-progress-ultra{flex-shrink:0}.activity-timeline-ultra{display:flex;flex-direction:column;gap:1rem}.activity-item-ultra{align-items:flex-start;background:linear-gradient(135deg,#1e293bb3,#1e293b66);border:1px solid #94a3b84d;border-radius:14px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.activity-item-ultra:hover{background:linear-gradient(135deg,#1e293be6,#1e293b99);transform:translateX(4px)}.activity-indicator-ultra{border-radius:50%;box-shadow:0 0 0 4px currentColor;flex-shrink:0;height:12px;margin-top:6px;opacity:.3;width:12px}.activity-indicator-ultra.enrollment{background:#3b82f6;color:#3b82f633}.activity-indicator-ultra.review{background:#fbbf24;color:#fbbf2433}.activity-indicator-ultra.payment{background:#10b981;color:#10b98133}.activity-indicator-ultra.completion{background:#8b5cf6;color:#8b5cf633}.activity-content-ultra{flex:1 1}.activity-message-ultra{color:#e2e8f0;font-size:.9rem;font-weight:600;line-height:1.5;margin:0 0 .375rem}.activity-time-ultra{color:#94a3b8;font-size:.8rem;font-weight:500}.growth-summary-ultra{display:flex;flex-direction:column;gap:1.5rem}.growth-item-ultra{display:flex;flex-direction:column;gap:.5rem}.growth-label-ultra{color:#cbd5e1;font-size:.875rem;font-weight:600}.growth-value-ultra{color:#f8fafc;font-size:1.5rem;font-weight:900;letter-spacing:-.02em}.growth-bar-ultra{background:#cbd5e14d;border-radius:10px;height:8px;overflow:hidden;position:relative}.growth-fill-ultra{animation:fillBar 1.5s ease-out;border-radius:10px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}@keyframes fillBar{0%{width:0}}.notifications-list-ultra{display:flex;flex-direction:column;gap:.75rem}.notification-item-ultra{align-items:flex-start;background:linear-gradient(135deg,#1e293bb3,#1e293b66);border:1px solid #94a3b84d;border-radius:14px;display:flex;gap:.875rem;padding:1rem;position:relative;transition:all .3s ease}.notification-item-ultra.unread{background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-color:#3b82f666}.notification-item-ultra:hover{background:linear-gradient(135deg,#1e293be6,#1e293b99);transform:translateX(4px)}.notification-dot-ultra{border-radius:50%;flex-shrink:0;height:10px;margin-top:6px;width:10px}.notification-dot-ultra.message{background:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.notification-dot-ultra.success{background:#10b981;box-shadow:0 0 0 4px #10b98133}.notification-dot-ultra.info{background:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633}.notification-text-ultra{flex:1 1}.notification-text-ultra h5{color:#f8fafc;font-size:.95rem;font-weight:700;margin:0 0 .25rem}.notification-text-ultra p{color:#cbd5e1;font-size:.85rem;line-height:1.5;margin:0}.unread-badge-ultra{animation:pulse 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;box-shadow:0 0 8px #3b82f680;flex-shrink:0;height:8px;margin-top:8px;width:8px}@media (max-width:1200px){.ultra-bento-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.welcome-glass-card{padding:2rem}.welcome-content-wrapper{align-items:flex-start;flex-direction:column}.welcome-icon-badge{height:60px;width:60px}.title-emphasis{font-size:clamp(1.75rem,8vw,2.5rem)}.stats-glass-container,.ultra-bento-grid{grid-template-columns:1fr}.ultra-bento-grid{gap:1.25rem}.actions-grid-ultra{grid-template-columns:repeat(2,1fr)}.performance-metrics-ultra{grid-template-columns:1fr}}@media (max-width:480px){.welcome-glass-card{border-radius:24px;padding:1.5rem}.ultra-card{padding:1.5rem}.actions-grid-ultra{grid-template-columns:1fr}}@media print{.ultra-modern-overview{background:#fff}.btn-glow-ultra,.floating-shape,.overview-bg-elements,.stat-card-glow{display:none}.premium-stat-card,.ultra-card,.welcome-glass-card{border:1px solid #e5e7eb;box-shadow:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.premium-stat-card,.ultra-card,.welcome-glass-card{border:2px solid}.meta-badge,.stat-badge-ultra{border-width:2px}}.student-dashboard{background-color:#f8fafc;font-family:Inter,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 20px #667eea26;color:#fff;justify-content:between;margin-bottom:30px;padding:20px 30px}.dashboard-header h1{font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.student-stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 15px #00000014;gap:20px;overflow:hidden;padding:25px;position:relative}.stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea33;color:#fff;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0 0 8px}.stat-number{color:#667eea;font-size:2.2rem;font-weight:700;line-height:1;margin:0 0 5px}.stat-content small{color:#718096;font-size:.9rem}.student-actions{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-bottom:40px;padding:30px}.student-actions h2{color:#1a202c;font-size:1.8rem;font-weight:700;margin:0 0 20px}.action-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:15px 20px;text-align:center;transition:all .3s ease}.action-btn.browse{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.action-btn.resume{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.action-btn.progress{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.action-btn.certificates{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#1a202c}.action-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.dashboard-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.section{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:30px}.section h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:1.5rem;font-weight:700;margin:0 0 20px;padding-bottom:10px}.activity-items,.course-items{display:flex;flex-direction:column;gap:15px}.course-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.course-item:hover{background:#f1f5f9;transform:translateX(5px)}.course-info{flex:1 1}.course-title{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:5px}.course-progress{color:#667eea;font-size:.9rem;margin-bottom:3px}.course-instructor{color:#718096;font-size:.85rem}.continue-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.continue-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.activity-item{align-items:center;background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;justify-content:space-between;padding:15px}.activity-title{color:#1a202c;font-weight:600;margin-bottom:3px}.activity-course{color:#667eea;font-size:.9rem}.activity-date{color:#718096;font-size:.85rem}.no-data{color:#718096;padding:40px 20px;text-align:center}.browse-courses-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:12px 24px;transition:all .3s ease}.browse-courses-btn:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.api-test-section{background:#1a202c;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:30px}.api-test-section h3{color:#667eea;font-size:1.5rem;margin:0 0 15px}.api-test-section p{color:#a0aec0;margin-bottom:20px}.test-buttons{display:flex;flex-wrap:wrap;gap:15px}.test-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.test-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.loading-spinner{align-items:center;color:#667eea;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;margin-bottom:20px}.error-message{background:#fed7d7;border-radius:10px;color:#e53e3e;margin:20px 0;padding:40px;text-align:center}.error-message h3{color:#c53030;margin:0 0 10px}.retry-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px;transition:all .3s ease}.retry-btn:hover{background:#c53030;transform:translateY(-2px)}@media (max-width:768px){.student-dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:15px;text-align:center}.dashboard-header h1{font-size:2rem}.action-buttons,.dashboard-sections,.student-stats-grid{grid-template-columns:1fr}.course-item{align-items:flex-start;gap:15px}.course-item,.test-buttons{flex-direction:column}}.testing-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;min-width:300px;padding:20px;position:fixed;right:20px;top:20px;z-index:1000}.testing-nav-content h3{color:#4facfe;font-size:1.2rem;font-weight:700;margin:0 0 16px;text-align:center}.auth-section{margin-bottom:20px}.login-buttons{display:flex;flex-direction:column;gap:8px}.mock-login-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.mock-login-btn.admin{background:linear-gradient(135deg,#e17055,#fd79a8);color:#fff}.mock-login-btn.instructor{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.mock-login-btn.student{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.mock-login-btn:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.user-info{background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.user-details{font-size:.9rem}.logout-btn,.user-details{color:#fff;font-weight:600}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d}.dashboard-links{margin-bottom:20px}.dashboard-links h4{color:#fff;font-size:1rem;margin:0 0 12px}.nav-links{display:flex;flex-direction:column;gap:8px}.nav-link{border-radius:6px;display:block;font-size:.85rem;font-weight:600;padding:10px 12px;text-decoration:none;transition:all .3s ease}.nav-link.admin{background:#e1705533;border:1px solid #fd79a84d;color:#fd79a8}.nav-link.creator{background:#4facfe33;border:1px solid #4facfe4d;color:#4facfe}.nav-link.home{background:#00b89433;border:1px solid #00b8944d;color:#00b894}.nav-link:hover{box-shadow:0 4px 12px #ffffff1a;transform:translateX(4px)}.api-status{border-top:1px solid #ffffff1a;padding-top:16px}.api-status h4{color:#fff;font-size:.9rem;margin:0 0 8px}.status-text{color:#ffffffb3;font-size:.8rem;line-height:1.4;margin:0 0 8px}.api-status code{background:#ffffff1a;border-radius:4px;color:#4facfe;font-family:Monaco,Menlo,monospace;font-size:.8rem;padding:4px 8px}@media (max-width:768px){.testing-nav{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.testing-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.testing-content{margin:0 340px 0 auto;max-width:1200px}.testing-header{margin-bottom:50px}.testing-header h1{font-size:3rem;font-weight:800;margin:0 0 16px;text-shadow:0 4px 8px #0000004d}.testing-header p{margin:0}.welcome-section{align-items:center;display:flex;justify-content:center;min-height:60vh}.welcome-card{background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:600px;padding:40px}.welcome-card h2{color:#2d3436;font-size:2rem;font-weight:700;margin:0 0 20px;text-align:center}.welcome-card p{color:#636e72;font-size:1.1rem;line-height:1.6;margin:0 0 24px}.welcome-card ul{list-style:none;margin:0 0 32px;padding:0}.welcome-card li{border-bottom:1px solid #636e721a;color:#2d3436;font-weight:600;padding:12px 0}.welcome-card li:last-child{border-bottom:none}.instructions{background:#74b9ff1a;border-left:4px solid #74b9ff;border-radius:12px;padding:24px}.instructions h3{color:#2d3436;font-size:1.3rem;font-weight:700;margin:0 0 20px}.instruction-item{gap:16px;margin-bottom:16px;padding:12px 0}.instruction-item,.step{align-items:center;display:flex}.step{background:#74b9ff;border-radius:50%;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.instruction-item span:last-child{color:#2d3436;font-weight:500;line-height:1.5}.instruction-item code{background:#74b9ff33;border-radius:4px;color:#74b9ff;font-family:Monaco,Menlo,monospace;font-size:.9rem;padding:4px 8px}.dashboard-overview{color:#fff}.user-status{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;margin-bottom:40px;padding:24px;text-align:center}.user-status h2{font-size:2rem;font-weight:700;margin:0 0 12px}.role-badge{border-radius:20px;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:8px 16px}.role-badge.admin{background:linear-gradient(135deg,#e17055,#fd79a8)}.role-badge.instructor{background:linear-gradient(135deg,#4facfe,#00f2fe)}.role-badge.student{background:linear-gradient(135deg,#00b894,#00cec9)}.dashboard-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:50px}.dashboard-card{background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:32px;transition:all .4s ease}.dashboard-card:hover{box-shadow:0 30px 80px #0003;transform:translateY(-8px)}.dashboard-card h3{color:#2d3436;font-size:1.8rem;font-weight:700;margin:0 0 16px}.dashboard-card p{color:#636e72;font-size:1.1rem;line-height:1.6;margin:0 0 24px}.features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.features span{border-bottom:1px solid #636e721a;color:#2d3436;font-weight:500;padding:8px 0}.features span:last-child{border-bottom:none}.dashboard-link{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:12px;box-sizing:border-box;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:16px 32px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.dashboard-link:hover{box-shadow:0 12px 30px #4facfe4d;transform:translateY(-2px)}.dashboard-card.admin .dashboard-link{background:linear-gradient(135deg,#e17055,#fd79a8)}.dashboard-card.admin .dashboard-link:hover{box-shadow:0 12px 30px #e170554d}.api-endpoints{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;padding:32px}.api-endpoints h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 24px;text-align:center}.endpoint-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.endpoint-category{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.endpoint-category h4{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 16px}.endpoint-category code{background:#0000004d;border:1px solid #4facfe4d;border-radius:6px;color:#4facfe;display:block;font-family:Monaco,Menlo,monospace;font-size:.85rem;margin-bottom:8px;padding:10px 12px}.endpoint-category code:last-child{margin-bottom:0}@media (max-width:1024px){.testing-content{margin-right:0}.dashboard-cards{grid-template-columns:1fr}}@media (max-width:768px){.testing-page{padding:16px}.testing-header h1{font-size:2rem}.welcome-card{margin:0 16px;padding:24px}.endpoint-grid{grid-template-columns:1fr}}.dashboard-testing{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,Segoe UI,sans-serif;min-height:100vh}.testing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;color:#fff;padding:30px;text-align:center}.testing-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 10px #0003}.testing-header p{font-size:1.2rem;font-weight:300;margin:0 0 30px;opacity:.9}.view-switcher{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.switch-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;overflow:hidden;padding:15px 25px;position:relative;transition:all .3s ease}.switch-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.switch-btn:hover:before{left:100%}.switch-btn:hover{background:#ffffff4d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.switch-btn.active{background:#ffffffe6;border-color:#fff;box-shadow:0 8px 25px #0000004d;color:#667eea;transform:translateY(-2px)}.status-indicators{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.status-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;gap:8px;padding:10px 20px}.status-label{font-size:.9rem;font-weight:600}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.backend{background:#43e97b;box-shadow:0 0 10px #43e97b80}.status-dot.frontend{background:#4facfe;box-shadow:0 0 10px #4facfe80}.status-dot.database{background:#fa709a;box-shadow:0 0 10px #fa709a80}.dashboard-container{background:#fff;border-radius:0;margin:0;min-height:calc(100vh - 200px);overflow:hidden;position:relative}@media (max-width:768px){.testing-header{padding:20px 15px}.testing-header h1{font-size:2rem}.testing-header p{font-size:1rem}.view-switcher{align-items:center;flex-direction:column}.switch-btn{max-width:300px;min-width:auto;width:100%}.status-indicators{align-items:center;flex-direction:column;gap:15px}}@media (max-width:480px){.testing-header h1{font-size:1.5rem}.switch-btn{font-size:.9rem;padding:12px 20px}.status-item{font-size:.8rem;padding:8px 16px}}.talk-form-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:95%}.talk-form{gap:0}.form-sections,.talk-form{display:flex;flex-direction:column}.form-sections{gap:2rem;max-height:70vh;overflow-y:auto;padding:2rem}.form-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.form-section h4{border-bottom:2px solid #4facfe4d;color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#ffffffe6;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe33}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group select option{background:#2a2a2a;color:#fff}.form-group textarea{min-height:100px;resize:vertical}.file-input{cursor:pointer;position:relative}.file-input::-webkit-file-upload-button{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-right:1rem;padding:.5rem 1rem;-webkit-transition:all .3s ease;transition:all .3s ease}.file-input::-webkit-file-upload-button:hover{box-shadow:0 4px 12px #4facfe66;transform:translateY(-1px)}.file-info{color:#ffffffb3;font-size:.8rem;font-style:italic;margin-top:.5rem}.checkbox-group{align-items:center;flex-direction:row;gap:.5rem}.checkbox-group label{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{accent-color:#4facfe;cursor:pointer;height:18px;width:18px}.tags-input{display:flex;flex-direction:column;gap:1rem}.tag-input-group{align-items:flex-end;display:flex;gap:.5rem}.tag-input-group input{flex:1 1}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem}.tag{align-items:center;animation:tagSlideIn .3s ease;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.4rem .8rem}@keyframes tagSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;margin-left:.25rem;padding:0;transition:all .2s ease}.tag-remove:hover{color:#ff6b6b;transform:scale(1.2)}.resource-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:1rem;padding:1rem}.resource-input,.resources-display{display:flex;flex-direction:column;gap:1rem}.resource-item{align-items:flex-start;animation:resourceSlideIn .3s ease;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}@keyframes resourceSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.resource-content{flex:1 1}.resource-content h5{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem}.resource-content p{color:#ffffffb3;font-size:.9rem;margin:0 0 .25rem;word-break:break-all}.resource-desc{color:#fff9!important;font-style:italic}.btn-small{font-size:.8rem;padding:.4rem .8rem}.form-actions{background:#ffffff0d;border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.form-actions .btn{justify-content:center;min-width:120px}.form-sections::-webkit-scrollbar{width:8px}.form-sections::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.form-sections::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:10px}.form-sections::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3d8bfe,#00d4fe)}@media (max-width:768px){.talk-form-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.form-sections{max-height:calc(100vh - 200px);padding:1.5rem}.form-row{grid-template-columns:1fr}.form-section{padding:1rem}.resource-item,.tag-input-group{align-items:stretch;flex-direction:column}.form-actions{flex-direction:column;padding:1rem 1.5rem}.form-actions .btn{width:100%}}@media (max-width:480px){.form-sections{padding:1rem}.form-section{padding:.75rem}.form-section h4{font-size:1.1rem}.tags-display{gap:.25rem}.tag{font-size:.75rem;padding:.3rem .6rem}.modal-header{padding:1rem 1.5rem}.modal-header h3{font-size:1.3rem}}.form-group.loading input,.form-group.loading select,.form-group.loading textarea{cursor:not-allowed;opacity:.6}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.form-group .error-message{color:#ff6b6b;font-size:.8rem;margin-top:.25rem}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa33}.form-section{animation:sectionSlideIn .4s ease forwards;opacity:0;transform:translateY(20px)}.form-section:first-child{animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section:nth-child(4){animation-delay:.4s}.form-section:nth-child(5){animation-delay:.5s}.form-section:nth-child(6){animation-delay:.6s}@keyframes sectionSlideIn{to{opacity:1;transform:translateY(0)}}.qoretalks-dashboard{background:#0f1419;color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem}.qoretalks-dashboard.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#94a3b8;text-align:center}.spinner{border:4px solid #475569;border-top-color:#8b5cf6;height:50px;margin:0 auto 1rem;width:50px}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #94a3b833;border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:2rem}.dashboard-header .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.dashboard-header .header-content p{color:#cbd5e1;font-size:1rem}.dashboard-header .header-actions{display:flex;gap:1rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{box-shadow:0 6px 20px #8b5cf680}.btn-outline{background:#1e293b99;border:1px solid #94a3b833;color:#cbd5e1}.btn-outline:hover{background:#1e293be6;border-color:#8b5cf6}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.dashboard-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #94a3b833;border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.nav-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{background:#8b5cf61a;color:#a78bfa}.nav-tab.active{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border:1px solid #8b5cf64d;color:#a78bfa}.tab-icon{font-size:1.2rem}.overview-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.overview-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.overview-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #94a3b833;border-radius:12px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.overview-stat-card:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa);content:"";height:3px;left:0;position:absolute;right:0;top:0}.overview-stat-card:hover{border-color:#8b5cf6;box-shadow:0 16px 64px #00000029;transform:translateY(-6px)}.overview-stat-card:hover .stat-icon-wrapper{transform:scale(1.1)}.overview-stat-card:hover .stat-value{color:#a78bfa}.stat-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease;width:48px}.stat-icon-wrapper:before{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:.1;position:absolute}.stat-icon-wrapper.primary{background:#3b82f61a;color:#3b82f6}.stat-icon-wrapper.success{background:#22c55e1a;color:#22c55e}.stat-icon-wrapper.warning{background:#f59e0b1a;color:#f59e0b}.stat-icon-wrapper.secondary{background:#a855f71a;color:#a78bfa}.stat-title{color:#cbd5e1;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";color:#f8fafc;font-size:1.875rem;font-variant-numeric:tabular-nums;line-height:1.2;margin-bottom:.5rem;transition:color .3s ease}.stat-trend{align-items:center;border-radius:9999px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.stat-trend.positive{background:#22c55e1a;color:#22c55e}.stat-trend.negative{background:#ef44441a;color:#ef4444}.overview-main-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.overview-section{background:#1e293bf2;border:1px solid #94a3b833;border-radius:12px;overflow:hidden;padding:1rem;position:relative}.overview-section:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-header-compact{border-bottom:1px solid #94a3b833;margin-bottom:1rem;padding-bottom:.75rem}.section-header-compact h3{color:#f8fafc;font-size:1rem;font-weight:600;margin:0}.category-stats-list{display:flex;flex-direction:column;gap:1rem}.category-stat-item{background:#0f172a66;border:1px solid #94a3b81a;border-radius:8px;padding:.75rem;transition:all .3s ease}.category-stat-item:hover{background:#0f172a99;border-color:#8b5cf64d}.category-bar,.category-info{margin-bottom:.5rem}.category-bar{background:#4755694d}.category-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px}.category-views{font-size:.75rem}.recent-changes-list{display:flex;flex-direction:column;gap:.75rem}.change-item{background:#0f172a66;border:1px solid #94a3b81a;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.change-item:hover{background:#0f172a99;border-color:#8b5cf64d;transform:translateX(4px)}.change-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.change-icon.publish{background:#3b82f61a;color:#3b82f6}.change-icon.playlist{background:#a855f71a;color:#a78bfa}.change-icon.rating{background:#f59e0b1a;color:#f59e0b}.change-content{flex:1 1}.change-text{color:#cbd5e1;font-size:.875rem;line-height:1.4;margin-bottom:.25rem}.change-time{color:#64748b;font-size:.75rem}.charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #4755694d;border-radius:16px;padding:2rem}.chart-card h3{color:#e2e8f0;font-size:1.5rem;margin-bottom:1.5rem}.category-stats{display:flex;flex-direction:column;gap:1rem}.category-item{align-items:center;display:flex;gap:1rem}.category-name{font-weight:500;min-width:120px}.category-bar{background:#47556980;border-radius:6px;flex:1 1;height:12px}.category-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:6px;height:100%;transition:width .5s ease}.category-count{color:#94a3b8;font-weight:600;min-width:40px;text-align:right}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#0f172a80;border:1px solid #47556933;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.activity-item:hover{background:#0f172acc;border-color:#06b6d4}.activity-icon{font-size:1.5rem}.activity-content p{color:#e2e8f0;margin-bottom:.25rem}.activity-time{color:#64748b;font-size:.875rem}. .section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.header-content p{color:#94a3b8;font-size:.875rem}.header-actions{gap:.75rem}.filters-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-filter{flex:1 1;min-width:300px;position:relative}.search-filter svg{color:#64748b;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;color:#f8fafc;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.search-input::placeholder{color:#64748b}.search-input:focus{background:#1e293bcc;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.filter-select{background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;color:#f8fafc;cursor:pointer;font-size:.875rem;min-width:150px;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus{background:#1e293bcc;border-color:#8b5cf6;outline:none}.data-table-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #94a3b833;border-radius:12px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#0f172a99;border-bottom:1px solid #94a3b833}.data-table th{color:#cbd5e1;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #94a3b81a;transition:background-color .2s ease}.data-table tbody tr:hover{background:#8b5cf60d}.data-table tbody tr:last-child{border-bottom:none}.data-table td{color:#f8fafc;font-size:.875rem;padding:1rem 1.25rem}.talk-cell{align-items:center;display:flex;gap:1rem}.talk-thumbnail-small{border:1px solid #94a3b81a;border-radius:6px;height:45px;object-fit:cover;width:60px}.talk-info{flex:1 1;min-width:0}.talk-title{color:#f8fafc;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talk-date{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:.375rem}.talk-date svg{flex-shrink:0}.host-cell{align-items:center;display:flex;gap:.75rem}.host-avatar{border:2px solid #8b5cf64d;border-radius:50%;height:32px;object-fit:cover;width:32px}.category-badge{background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);border:1px solid #8b5cf64d;border-radius:6px;color:#a78bfa;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.duration-cell{align-items:center;color:#cbd5e1;display:flex;gap:.5rem}.duration-cell svg{color:#8b5cf6;flex-shrink:0}.status-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize;white-space:nowrap}.status-badge.published{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-badge.draft{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.status-badge.scheduled{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.views-cell{align-items:center;color:#cbd5e1;display:flex;gap:.5rem}.views-cell svg{color:#64748b;flex-shrink:0}.rating-cell{align-items:center;color:#fbbf24;display:flex;font-weight:600;gap:.5rem}.rating-cell svg{color:#fbbf24;flex-shrink:0}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.action-icon-btn{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;color:#a78bfa;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-icon-btn:hover{background:#8b5cf633;border-color:#8b5cf6;transform:translateY(-2px)}.action-icon-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.action-icon-btn.danger:hover{background:#ef444433;border-color:#ef4444}.empty-state{color:#94a3b8;padding:4rem 2rem;text-align:center}.empty-icon{align-items:center;background:#8b5cf61a;border-radius:16px;color:#8b5cf6;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.empty-state h3{color:#f8fafc;font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:#94a3b8;font-size:.875rem;margin-bottom:1.5rem}.playlist-count-cell{align-items:center;color:#cbd5e1;display:flex;font-weight:500;gap:.5rem}.playlist-count-cell svg{color:#8b5cf6;flex-shrink:0}.subscribers-cell{align-items:center;color:#cbd5e1;display:flex;gap:.5rem}.subscribers-cell svg{color:#64748b;flex-shrink:0}.top-talks-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.top-talk-item{align-items:center;background:#0f172a66;border:1px solid #94a3b81a;border-radius:8px;padding:.75rem;transition:all .2s ease}.top-talk-item:hover{background:#8b5cf60d;border-color:#8b5cf64d;transform:translateX(4px)}.talk-rank{align-items:center;background:linear-gradient(135deg,#8b5cf633,#a78bfa1a);border:1px solid #8b5cf64d;border-radius:8px;color:#a78bfa;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.talk-details{flex:1 1;min-width:0}.talk-name{color:#f8fafc;font-size:.875rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talk-meta{color:#94a3b8;font-size:.75rem;gap:1rem}.meta-item{gap:.25rem}.meta-item svg{color:#64748b;flex-shrink:0}.category-performance-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.category-stat-item{display:flex;flex-direction:column;gap:.5rem}.category-info{align-items:center;display:flex;justify-content:space-between}.category-name{color:#f8fafc;font-size:.875rem}.category-count{color:#64748b;font-size:.75rem}.category-views{font-feature-settings:"tnum";color:#a78bfa;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:600}.category-bar{background:#0f172a99;border-radius:4px;height:8px;overflow:hidden}.category-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.monthly-trends-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.trend-card{background:#0f172a66;border:1px solid #94a3b81a;border-radius:8px;padding:1rem;transition:all .2s ease}.trend-card:hover{background:#8b5cf60d;border-color:#8b5cf64d;transform:translateY(-2px)}.trend-month{color:#cbd5e1;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.trend-stats{display:flex;gap:1rem;justify-content:space-between}.trend-stat{display:flex;flex-direction:column;gap:.25rem}.trend-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.trend-value{font-feature-settings:"tnum";color:#f8fafc;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700}.analytics-section,.playlists-section,.talks-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #4755694d;border-radius:20px;padding:2rem}.filters-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.playlists-grid,.talks-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.playlist-card,.talk-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #4755694d;border-radius:16px;overflow:hidden;transition:all .3s ease}.playlist-card:hover,.talk-card:hover{border-color:#06b6d4;box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.playlist-thumbnail,.talk-thumbnail{height:200px;overflow:hidden;position:relative;width:100%}.playlist-thumbnail img,.talk-thumbnail img{height:100%;object-fit:cover;width:100%}.playlist-count,.talk-duration{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:10px;color:#fff;right:10px}.playlist-count,.talk-duration,.talk-status{border-radius:8px;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute}.talk-status{left:10px;text-transform:capitalize;top:10px}.talk-status.published{background:#10b981e6;color:#fff}.talk-status.draft{background:#fbbf24e6;color:#fff}.playlist-content,.talk-content{padding:1.5rem}.playlist-content h3,.talk-content h3{color:#e2e8f0;font-size:1.25rem;margin-bottom:1rem}.talk-meta{justify-content:space-between;margin-bottom:1rem}.talk-host,.talk-meta{align-items:center;display:flex}.talk-host{color:#94a3b8;gap:.5rem}.talk-host img{border-radius:50%;height:32px;width:32px}.playlist-category,.talk-category{background:#06b6d433;border-radius:6px;color:#06b6d4;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.talk-guests{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.playlist-stats,.talk-stats{border-bottom:1px solid #4755694d;border-top:1px solid #4755694d;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem 0}.stat-item{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;gap:.5rem}.stat-icon{font-size:1rem}.playlist-actions,.talk-actions{display:flex;gap:.5rem}.playlist-creator{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #4755694d;border-radius:16px;padding:2rem}.analytics-card h3{color:#e2e8f0;font-size:1.5rem;margin-bottom:1.5rem}.performance-metrics{display:flex;flex-direction:column;gap:1.5rem}.metric{background:#0f172a80;border:1px solid #47556933;border-radius:10px;padding:1rem}.metric-label{display:block;font-size:.875rem;margin-bottom:.5rem}.metric-value{color:#e2e8f0;font-size:2rem;margin-bottom:.5rem}.metric-change{font-size:.875rem;font-weight:600}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.top-talks{display:flex;flex-direction:column;gap:1rem}.top-talk-item{background:#0f172a80;border:1px solid #47556933;border-radius:10px;display:flex;gap:1rem;padding:1rem}.rank{align-items:center;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:10px;color:#fff;display:flex;font-size:1.125rem;font-weight:700;height:40px;justify-content:center;width:40px}.talk-info h4{color:#e2e8f0;margin-bottom:.25rem}.talk-info p{color:#94a3b8;font-size:.875rem}.category-performance,.monthly-trends{display:flex;flex-direction:column;gap:1rem}.category-performance-item,.trend-item{background:#0f172a80;border:1px solid #47556933;border-radius:10px;padding:1rem}.category-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.category-name{color:#e2e8f0;font-weight:600}.category-views{color:#94a3b8}.category-progress{background:#47556980;border-radius:4px;height:8px;overflow:hidden}.category-progress-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:4px;height:100%;transition:width .5s ease}.trend-item{align-items:center;display:flex;justify-content:space-between}.trend-date{color:#e2e8f0;font-weight:600}.trend-talks,.trend-views{color:#94a3b8;font-size:.875rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #4755694d;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h3{color:#e2e8f0;font-size:1.75rem}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:2rem;transition:color .3s ease}.modal-close:hover{color:#e2e8f0}.modal-body{color:#94a3b8}@media (max-width:1200px){.overview-main-grid{grid-template-columns:1fr}.data-table-wrapper{overflow-x:auto}.data-table{min-width:800px}.monthly-trends-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.qoretalks-dashboard{padding:1rem}.dashboard-header{padding:1.5rem}.dashboard-header .header-content h1{font-size:1.5rem}.overview-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start;width:100%}.filters-section{flex-direction:column}.search-filter{min-width:100%;width:100%}.filter-select{width:100%}.data-table{min-width:700px}.monthly-trends-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.dashboard-nav{overflow-x:auto;padding:.5rem}.nav-tab{font-size:.8rem;padding:.75rem 1.25rem;white-space:nowrap}}@media (max-width:480px){.qoretalks-dashboard{padding:.75rem}.dashboard-header{border-radius:8px;padding:1rem}.dashboard-header .header-content h1{font-size:1.25rem}.dashboard-header .header-content p{font-size:.875rem}.dashboard-nav{gap:.25rem;padding:.5rem}.overview-stats-grid{grid-template-columns:1fr}.overview-stat-card{padding:1rem}.stat-icon-wrapper{height:40px;width:40px}.stat-value{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.action-btn{justify-content:center;width:100%}.data-table{min-width:600px}.talk-thumbnail-small{height:36px;width:48px}.action-icon-btn{height:28px;width:28px}.monthly-trends-grid{grid-template-columns:1fr}.top-talks-list{gap:.5rem}.top-talk-item{padding:.5rem}.talk-rank{font-size:.75rem;height:28px;width:28px}}:root{--auth-primary:#6366f1;--auth-primary-dark:#4f46e5;--auth-secondary:#8b5cf6;--auth-success:#10b981;--auth-danger:#ef4444;--auth-text:#1e293b;--auth-text-light:#64748b;--auth-bg:#fff;--auth-bg-secondary:#f8fafc;--auth-border:#e2e8f0;--auth-shadow:#0000001a}*{box-sizing:border-box;margin:0;padding:0}.auth-container-v2{background:linear-gradient(135deg,#0a0f1e,#111827 50%,#0f172a);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;overflow:hidden;position:relative}.auth-bg-animation{left:0;overflow:hidden;z-index:0}.auth-bg-animation,.auth-bg-gif{height:100%;position:absolute;top:0;width:100%}.auth-bg-gif{animation:subtleZoom 30s ease-in-out infinite alternate;background:url(/static/media/HomePageImage.68e50d8d98e5f1671116.gif) 50%/cover no-repeat;opacity:.15;right:0}@keyframes subtleZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.auth-bg-overlay{background:radial-gradient(ellipse at center,#0a0f1eb3 0,#0a0f1ef2 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.auth-blob{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.15;position:absolute;z-index:2}.auth-blob-1{animation-delay:0s;background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:300px;left:-100px;top:-100px;width:300px}.auth-blob-2{animation-delay:7s;background:linear-gradient(135deg,#6366f1,#ec4899);bottom:-150px;height:400px;right:-150px;width:400px}.auth-blob-3{animation-delay:14s;background:linear-gradient(135deg,#14b8a6,#06b6d4);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.auth-content{display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.auth-branding{display:none}.auth-form-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1.5rem;width:100%}.auth-card-v2{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff8c;border:1px solid #fff6;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3;max-width:440px;padding:2rem 1.5rem;width:100%}.auth-header-v2{margin-bottom:2rem;text-align:center}.auth-header-v2 h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--auth-text);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-header-v2 p{color:#64748b;color:var(--auth-text-light);font-size:.875rem;font-weight:400}.auth-form-v2{gap:1.25rem}.auth-form-v2,.form-group-v2{display:flex;flex-direction:column}.form-group-v2{gap:.5rem;transition:all .3s ease}.form-group-v2 label{align-items:center;color:#1e293b;color:var(--auth-text);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.form-group-v2 label svg{color:#6366f1;color:var(--auth-primary)}.form-group-v2 input{background:#fff;background:var(--auth-bg);border:2px solid #e2e8f0;border:2px solid var(--auth-border);border-radius:12px;color:#1e293b;color:var(--auth-text);font-family:inherit;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group-v2 input:focus{background:#fff;border-color:#6366f1;border-color:var(--auth-primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.form-group-v2.focused input{transform:translateY(-2px)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem}.password-toggle{align-items:center;background:#0000;border:none;color:#64748b;color:var(--auth-text-light);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:color .3s ease}.password-toggle:hover{color:#6366f1;color:var(--auth-primary)}.role-selector{display:flex;flex-direction:column;gap:.75rem}.role-option{align-items:center;background:#fff;background:var(--auth-bg);border:2px solid #e2e8f0;border:2px solid var(--auth-border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.role-option:hover{background:#6366f10d;transform:translateX(4px)}.role-option.selected,.role-option:hover{border-color:#6366f1;border-color:var(--auth-primary)}.role-option.selected{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);box-shadow:0 4px 12px #6366f126}.role-icon{align-items:center;background:#6366f11a;border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.role-option.selected .role-icon{background:#6366f1;background:var(--auth-primary);filter:grayscale(100%) brightness(2)}.role-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.role-label{color:#1e293b;color:var(--auth-text);font-size:.9375rem;font-weight:600}.role-description{color:#64748b;color:var(--auth-text-light);font-size:.75rem}.role-checkmark{align-items:center;background:#0000;border:2px solid #e2e8f0;border:2px solid var(--auth-border);border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:1.5rem;justify-content:center;opacity:0;transition:all .3s ease;width:1.5rem}.role-option.selected .role-checkmark{background:#6366f1;background:var(--auth-primary);border-color:#6366f1;border-color:var(--auth-primary);opacity:1}.error-message-v2{align-items:center;animation:shake .5s ease;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef44444d;border-left:4px solid #ef4444;border-left:4px solid var(--auth-danger);border-radius:10px;color:#ef4444;color:var(--auth-danger);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem 1rem}.error-icon{flex-shrink:0;font-size:1.125rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.auth-btn-v2{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.auth-btn-v2.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--auth-primary) 0,var(--auth-secondary) 100%);box-shadow:0 4px 12px #6366f14d;color:#fff}.auth-btn-v2.primary:hover:not(:disabled){box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.auth-btn-v2.primary:active:not(:disabled){transform:translateY(0)}.auth-btn-v2:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.btn-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.auth-footer-v2{margin-top:1.5rem;text-align:center}.auth-divider-v2{margin-bottom:1rem;position:relative}.auth-divider-v2:before{background:#e2e8f0;background:var(--auth-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider-v2 span{background:#fffffffa;color:#64748b;color:var(--auth-text-light);font-size:.8125rem;padding:0 1rem;position:relative}.auth-link-v2{align-items:center;color:#6366f1;color:var(--auth-primary);display:inline-flex;font-size:.9375rem;font-weight:600;gap:.375rem;text-decoration:none;transition:all .3s ease}.auth-link-v2:hover{color:#4f46e5;color:var(--auth-primary-dark);gap:.625rem}@media (min-width:768px){.auth-content{flex-direction:row}.auth-branding{color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:500px;padding:3rem}.auth-logo-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.auth-logo-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:16px;display:flex;height:56px;justify-content:center;width:56px}.auth-brand-name{font-size:2rem;font-weight:700;margin:0}.auth-tagline{align-items:center;display:flex;font-size:1.125rem;gap:.5rem;margin-bottom:2rem;opacity:.95}.sparkle-icon{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}.auth-features{display:flex;flex-direction:column;gap:1rem}.auth-feature-item{align-items:center;display:flex;font-size:1rem;gap:.75rem}.feature-check{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.auth-form-container{flex:1 1;padding:3rem}.auth-card-v2{padding:2.5rem 2rem}.auth-header-v2 h2{font-size:2rem}.auth-header-v2 p{font-size:1rem}}@media (min-width:1024px){.auth-branding,.auth-form-container{padding:4rem}.auth-card-v2{max-width:480px;padding:3rem 2.5rem}.role-selector{gap:1rem}}@media (hover:none){.auth-btn-v2.primary:hover:not(:disabled),.role-option:hover{transform:none}}.role-option:focus-visible{outline:3px solid #6366f1;outline:3px solid var(--auth-primary);outline-offset:2px}.auth-btn-v2:focus-visible{outline:3px solid #6366f1;outline:3px solid var(--auth-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skill-browser{margin:0 auto;max-width:1400px;padding:2rem}.skill-browser-error,.skill-browser-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.skills-grid{margin-top:2rem}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}.skill-browser-header{margin-bottom:2rem;text-align:center}.skill-browser-header h1{color:#1f2937;font-size:2.5rem;margin-bottom:.5rem}.skill-browser-header p{color:#6b7280;font-size:1.1rem}.skill-browser-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-box{position:relative}.search-box input{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #0000000a;color:#334155;font-size:.9375rem;font-weight:500;padding:.875rem 3rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.search-box input::placeholder{color:#94a3b8;font-weight:500}.search-box input:focus{background:#fff;border-color:#10b981;box-shadow:0 6px 20px #10b98126,0 0 0 3px #10b98114;outline:none}.search-icon{color:#94a3b8;font-size:1rem;left:1.125rem;pointer-events:none}.clear-search-btn,.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.clear-search-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;padding:.375rem;right:1rem;transition:all .2s}.clear-search-btn:hover{background:#fee2e2;color:#ef4444;transform:translateY(-50%) scale(1.1)}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px #0000000a;cursor:pointer;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-btn:before{background:linear-gradient(135deg,#10b9810d,#0596690d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s;width:100%}.category-btn:hover:before{opacity:1}.category-btn:hover{background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 6px 16px #10b9811f}.category-btn.active,.category-btn:hover{border-color:#10b981;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d,inset 0 1px 0 #fff3;color:#fff}.category-btn.active:before{display:none}.skill-browser-stats{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #0000000f;display:flex;gap:2.5rem;justify-content:center;margin-bottom:2rem;padding:1.5rem 2rem}.stat{align-items:center;display:flex;flex-direction:column;gap:.375rem;padding:0 1.25rem;position:relative}.stat:not(:last-child):after{background:linear-gradient(180deg,#0000,#e2e8f0 50%,#0000);content:"";height:60%;position:absolute;right:-1.25rem;top:50%;transform:translateY(-50%);width:2px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669 50%,#047857);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(16,185,129,.1));font-size:2rem;font-weight:800;letter-spacing:-.02em}.stat-label{font-size:.8125rem;font-weight:600;letter-spacing:.05em}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:2rem}.skill-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a;display:flex;flex-direction:column;gap:1rem;height:auto;min-height:auto;overflow:visible;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-card:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:16px 16px 0 0;content:"";height:4px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);width:100%}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:#d1fae5;box-shadow:0 8px 24px #10b9811f,0 2px 8px #0000000a}.skill-card-header{align-items:flex-start;gap:1rem}.skill-icon{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;box-shadow:0 2px 8px #10b9811a;display:flex;flex-shrink:0;font-size:2.5rem;height:56px;justify-content:center;width:56px}.skill-title h3{color:#111827;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 .375rem}.skill-category{background:#0000;border-radius:0;color:#059669;display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.08em;padding:0;text-transform:uppercase}.skill-description{word-wrap:break-word;color:#6b7280;flex-grow:0;font-size:.9375rem;-webkit-hyphens:auto;hyphens:auto;margin:0;overflow-wrap:break-word}.skill-meta{align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.difficulty-badge{box-shadow:0 1px 2px #0000001a;color:#fff;letter-spacing:.01em;text-transform:capitalize}.difficulty-badge,.meta-label{border-radius:8px;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.meta-label{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;display:flex;gap:.25rem;letter-spacing:-.01em}.skill-prerequisites{display:none}.skill-card-footer{border-top:1px solid #f3f4f6;display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem}.skill-card-footer button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;letter-spacing:-.01em;padding:.375rem .625rem;transition:all .2s ease}.btn-learn-more{background:#fff;border:1.5px solid #d1fae5!important;box-shadow:0 1px 2px #0000000d;color:#059669}.btn-learn-more:hover{background:#ecfdf5;border-color:#10b981!important;box-shadow:0 4px 8px #10b98126;transform:translateY(-1px)}.btn-add-to-path{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98140;color:#fff}.btn-add-to-path:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.no-skills{padding:4rem 2rem;text-align:center}.no-skills p{color:#6b7280;margin-bottom:1rem}.no-skills button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.no-skills button:hover{background:#059669}@media (max-width:768px){.skill-browser{padding:1rem}.skill-browser-header h1{font-size:2rem}.skills-grid{gap:1rem;grid-template-columns:1fr}.skill-card{gap:.75rem;padding:1rem}.skill-browser-stats{gap:1.5rem;padding:1.25rem 1rem}.stat{padding:0 .75rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.75rem}.skill-icon{font-size:2rem}.skill-title h3{font-size:1rem}.category-btn{font-size:.75rem;padding:.4375rem .875rem}}:root{--wizard-bg:linear-gradient(135deg,#0a0f1e,#1a1f3a 50%,#0f172a);--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-hover:#ffffff0f;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--card-radius:20px;--section-gap:24px}.create-path-new{background:linear-gradient(135deg,#0a0f1e,#1a1f3a 50%,#0f172a);background:var(--wizard-bg);min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.bg-gradient{animation:pulseBackground 20s ease-in-out infinite;background:radial-gradient(ellipse at 10% 10%,#3b82f633 0,#0000 50%),radial-gradient(ellipse at 90% 90%,#8b5cf626 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#ec489914 0,#0000 60%);inset:0;pointer-events:none;position:absolute}@keyframes pulseBackground{0%,to{opacity:1}50%{opacity:.7}}.bg-particles{animation:floatParticles 80s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff1f,#0000),radial-gradient(1.5px 1.5px at 80px 60px,#ffffff14,#0000),radial-gradient(1px 1px at 140px 100px,#ffffff1a,#0000);background-repeat:repeat;background-size:200px 150px;inset:0;opacity:.6;pointer-events:none;position:absolute}@keyframes floatParticles{0%{transform:translate(0)}to{transform:translate(-200px,-150px)}}.wizard-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative;z-index:1}.wizard-main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:16px 16px 100px;width:100%}.step-progress{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.step-progress::-webkit-scrollbar{display:none}.progress-step{background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50px;cursor:pointer;flex-shrink:0;gap:8px;padding:8px 12px;white-space:nowrap}.progress-step,.progress-step .step-dot{align-items:center;display:flex;transition:all .3s ease}.progress-step .step-dot{background:#ffffff14;border-radius:50%;font-size:12px;height:28px;justify-content:center;width:28px}.progress-step .step-title{color:#64748b;color:var(--text-muted);display:none;font-size:12px;font-weight:500}.progress-step.active{background:#3b82f626;border-color:#3b82f666;box-shadow:0 0 20px #3b82f626}.progress-step.active .step-dot{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);box-shadow:0 4px 15px #3b82f666;color:#fff}.progress-step.active .step-title{color:#3b82f6;color:var(--accent-primary);display:block;font-weight:600}.progress-step.completed .step-dot{background:#10b981;background:var(--success);color:#fff}.step-container{animation:fadeSlideIn .4s ease;flex:1 1}.step-container.transitioning{opacity:0;transform:translateY(10px)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.step-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--card-radius);padding:20px}.step-header{margin-bottom:24px;text-align:center}.step-header h2{color:#fff;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.3;margin:0 0 8px}.step-header p{color:#94a3b8;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.error-banner{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:16px 20px}.welcome-step{padding:30px 16px;text-align:center}.welcome-hero{margin-bottom:36px}.ai-avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:50%;box-shadow:0 0 50px #3b82f666;color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.ai-avatar-large.pulse{animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 50px #3b82f666;transform:scale(1)}50%{box-shadow:0 0 70px #3b82f699;transform:scale(1.05)}}.welcome-hero h1{color:#fff;color:var(--text-primary);font-size:26px;font-weight:800;line-height:1.2;margin:0 0 12px}.welcome-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 auto;max-width:400px}.welcome-features{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}.feature-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:16px;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#3b82f64d}.feature-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:14px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;min-width:48px;width:48px}.feature-card h3{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.feature-card p{color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.4;margin:0}.btn-start-journey{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:50px;box-shadow:0 6px 24px #3b82f666;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;max-width:300px;padding:16px 40px;transition:all .3s ease;width:100%}.btn-start-journey:hover{box-shadow:0 10px 32px #3b82f680;transform:translateY(-2px)}.goal-step{padding:20px}.goal-input-container{margin-bottom:24px}.input-wrapper{position:relative}.goal-textarea{background:#ffffff0a;border:2px solid #ffffff14;border:2px solid var(--glass-border);border-radius:16px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:15px;min-height:100px;padding:16px;resize:none;transition:all .3s ease;width:100%}.goal-textarea:focus{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 0 0 4px #3b82f61f;outline:none}.goal-textarea::placeholder{color:#64748b;color:var(--text-muted);font-size:14px}.analyze-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:50px;bottom:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;position:absolute;right:12px;transition:all .3s ease}.analyze-btn:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:scale(1.03)}.analyze-btn:disabled{cursor:not-allowed;opacity:.5}.ai-insights-panel{animation:slideUp .4s ease;background:#3b82f60f;border:1px solid #3b82f633;border-radius:14px;margin-bottom:20px;padding:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.insight-header{align-items:center;color:#3b82f6;color:var(--accent-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:14px}.insights-grid{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.insight-item{background:#ffffff08;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:10px 12px}.insight-label{color:#64748b;color:var(--text-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.insight-value{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;text-transform:capitalize}.suggested-topics{animation:fadeInUp .5s ease;border-top:1px solid #ffffff14;margin-top:14px;padding-top:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topics-label{color:#3b82f6;color:var(--accent-primary);display:block;font-size:13px;font-weight:600;margin-bottom:10px}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{animation:fadeInUp .4s ease backwards;background:linear-gradient(135deg,#3b82f633,#9333ea26);border:1px solid #3b82f640;border-radius:50px;color:#fff;color:var(--text-primary);font-size:12px;font-weight:500;padding:6px 12px}.topic-tag:first-child{animation-delay:.1s}.topic-tag:nth-child(2){animation-delay:.15s}.topic-tag:nth-child(3){animation-delay:.2s}.topic-tag:nth-child(4){animation-delay:.25s}.quick-goals{background:linear-gradient(135deg,#3b82f60f,#9333ea0a);border:1px solid #3b82f626;border-radius:14px;margin-bottom:20px;padding:16px}.quick-goals-label{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:12px}.quick-goal-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-goal-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1 auto;font-size:13px;gap:6px;justify-content:center;min-width:140px;padding:10px 14px;transition:all .25s ease}.quick-goal-btn .goal-icon{font-size:16px}.quick-goal-btn:hover{background:#3b82f61f;border-color:#3b82f659;color:#3b82f6;color:var(--accent-primary)}.quick-goal-btn.selected{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-color:#0000;box-shadow:0 4px 12px #3b82f640;color:#fff;font-weight:500}.goal-divider{align-items:center;display:flex;gap:12px;margin:16px 0}.goal-divider:after,.goal-divider:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);background:linear-gradient(90deg,#0000,var(--glass-border),#0000);content:"";flex:1 1;height:1px}.goal-divider span{color:#64748b;color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.context-step{padding:20px}.goal-context-banner{align-items:center;animation:fadeInUp .4s ease;background:linear-gradient(135deg,#3b82f61f,#9333ea14);border:1px solid #3b82f640;border-radius:12px;display:flex;gap:10px;margin-bottom:20px;padding:12px 14px}.goal-context-banner .context-icon{font-size:20px}.goal-context-banner span{color:#94a3b8;color:var(--text-secondary);font-size:13px;line-height:1.4}.goal-context-banner strong{color:#3b82f6;color:var(--accent-primary)}.no-skills-found{color:#64748b;color:var(--text-muted);font-size:14px;font-style:italic;padding:30px 16px;text-align:center}.selected-skills-summary{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 14px}.skill-count{background:#10b981;background:var(--success);border-radius:50px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.selected-tags{display:flex;flex-wrap:wrap;gap:6px}.selected-tag{align-items:center;background:#ffffff0f;border-radius:50px;color:#fff;color:var(--text-primary);display:flex;font-size:11px;gap:6px;padding:5px 10px}.selected-tag svg{cursor:pointer;font-size:10px;opacity:.6;transition:opacity .2s}.selected-tag svg:hover{opacity:1}.more-tag{color:#64748b;color:var(--text-muted);font-size:11px}.skills-search{margin-bottom:16px;position:relative}.skills-search input{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;color:#fff;color:var(--text-primary);font-size:14px;padding:12px 16px 12px 42px;transition:all .3s ease;width:100%}.skills-search input:focus{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.skills-search .search-icon{font-size:16px;left:14px}.skills-search .clear-search,.skills-search .search-icon{color:#64748b;color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.skills-search .clear-search{cursor:pointer;font-size:14px;right:12px}.category-tabs{-ms-overflow-style:none;display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .25s ease;white-space:nowrap}.category-tab:hover{background:#ffffff0f}.category-tab.active{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff}.skills-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:250px;overflow-y:auto;padding-right:4px}.skill-chip{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 14px;transition:all .25s ease}.skill-chip:hover{background:#3b82f61a;border-color:#3b82f640}.skill-chip.selected{background:#10b9811f;border-color:#10b98159;color:#10b981;color:var(--success)}.skill-chip.selected svg{font-size:9px}.skip-hint{align-items:center;background:#f59e0b14;border-radius:10px;color:#f59e0b;color:var(--warning);display:flex;font-size:12px;gap:8px;line-height:1.4;margin-top:16px;padding:12px 14px}.preferences-step{padding:20px}.preference-sections{display:flex;flex-direction:column;gap:24px;gap:var(--section-gap)}.preference-section{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--card-radius);padding:20px;transition:all .3s ease}.preference-section:hover{border-color:#3b82f633}.pref-label{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:16px}.pref-label span:first-child{align-items:center;display:flex;gap:8px}.pref-value{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:50px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.timeline-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;margin:8px 0;width:100%}.timeline-slider::-webkit-slider-track{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;height:6px}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000004d,0 0 0 3px #3b82f64d;cursor:pointer;height:22px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:22px}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.timeline-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px #0000004d;cursor:pointer;height:22px;width:22px}.slider-labels{color:#64748b;color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;margin-top:10px}.intensity-cards{display:flex;flex-direction:column;gap:12px}.intensity-card{grid-gap:16px;align-items:center;background:#ffffff08;background:var(--glass-bg);border:2px solid #ffffff14;border:2px solid var(--glass-border);border-radius:16px;cursor:pointer;display:grid;gap:16px;grid-template-columns:50px 1fr auto;padding:16px 20px;position:relative;transition:all .3s ease}.intensity-card:hover{background:#3b82f60d;border-color:#3b82f64d;transform:translateX(4px)}.intensity-card.selected{background:linear-gradient(135deg,#3b82f61f,#8b5cf614);border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 4px 20px #3b82f633}.intensity-card .int-icon{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;font-size:32px;height:50px;justify-content:center;width:50px}.intensity-card .int-info{display:flex;flex-direction:column;gap:2px}.intensity-card .int-label{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600}.intensity-card .int-hours{color:#3b82f6;color:var(--accent-primary);font-size:13px;font-weight:600}.intensity-card .int-desc{color:#64748b;color:var(--text-muted);font-size:12px;margin-top:2px}.intensity-card .check{color:#3b82f6;color:var(--accent-primary);font-size:18px;opacity:0;transform:scale(.8);transition:all .3s ease}.intensity-card.selected .check{opacity:1;transform:scale(1)}.style-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.style-btn{align-items:center;background:#ffffff08;background:var(--glass-bg);border:2px solid #ffffff14;border:2px solid var(--glass-border);border-radius:14px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:8px;padding:16px 12px;text-align:center;transition:all .3s ease}.style-btn:hover{background:#ffffff0f;background:var(--glass-hover);border-color:#3b82f64d}.style-btn.selected{background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 4px 15px #3b82f626;color:#fff;color:var(--text-primary)}.style-btn span:first-child{font-size:24px}.ai-recommendation{align-items:flex-start;background:linear-gradient(135deg,#8b5cf61f,#3b82f614);border:1px solid #8b5cf640;border-radius:16px;display:flex;gap:14px;margin-top:24px;padding:18px}.ai-recommendation svg{animation:pulse 2s ease-in-out infinite;color:#8b5cf6;color:var(--accent-secondary);flex-shrink:0;font-size:22px;margin-top:2px}.ai-recommendation p{color:#94a3b8;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.ai-recommendation strong{color:#fff;color:var(--text-primary);font-weight:600}.generating-step{padding:40px 20px;text-align:center}.generation-visual{margin-bottom:36px}.orbit-container{height:140px;margin:0 auto 28px;position:relative;width:140px}.orbit{animation:rotateOrbit 8s linear infinite;border:1px dashed #3b82f640;border-radius:50%;position:absolute}.orbit-1{height:100%;left:0;top:0;width:100%}.orbit-2{animation-direction:reverse;animation-duration:6s;height:70%;left:15%;top:15%;width:70%}.orbit-3{animation-duration:4s;height:40%;left:30%;top:30%;width:40%}.orbit-dot{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:50%;box-shadow:0 0 15px #3b82f680;height:10px;left:50%;position:absolute;top:-5px;transform:translateX(-50%);width:10px}@keyframes rotateOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.center-brain{align-items:center;animation:brainPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:50%;box-shadow:0 0 30px #3b82f666;color:#fff;display:flex;font-size:22px;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}@keyframes brainPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}.generation-visual h2{color:#fff;color:var(--text-primary);font-size:22px;line-height:1.3;margin:0 0 8px}.gen-status{color:#64748b;color:var(--text-muted);font-size:13px}.generation-steps{display:flex;flex-direction:column;gap:10px;max-width:100%}.gen-step{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;display:flex;gap:12px;opacity:.5;padding:12px 14px;transition:all .3s ease}.gen-step.active{background:#3b82f614;border-color:#3b82f640;opacity:1}.gen-step .gen-icon{align-items:center;background:#ffffff0d;border-radius:50%;color:#64748b;color:var(--text-muted);display:flex;font-size:12px;height:28px;justify-content:center;min-width:28px;width:28px}.gen-step.active .gen-icon{background:#3b82f6;background:var(--accent-primary);color:#fff}.gen-step span:not(.gen-icon){color:#94a3b8;color:var(--text-secondary);font-size:13px}.spin{animation:spin 1s linear infinite}.paths-step{padding:20px}.path-summary-card{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:16px;margin-bottom:24px;padding:20px}.summary-header{margin-bottom:14px}.target-role{color:#fff;font-size:17px;font-weight:700;line-height:1.3}.summary-stats{display:flex;flex-wrap:wrap;gap:20px}.summary-stats .stat{display:flex;flex-direction:column;gap:2px}.summary-stats .stat-value{color:#fff;font-size:22px;font-weight:700}.summary-stats .stat-label{color:#ffffffb3;font-size:11px}.summary-stats .stat.success .stat-value{color:#a7f3d0}.paths-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.path-card{background:#ffffff08;border:2px solid #ffffff14;border:2px solid var(--glass-border);border-radius:14px;cursor:pointer;padding:18px;transition:all .3s ease}.path-card:hover{background:#ffffff0d}.path-card.selected{background:#3b82f614;border-color:#3b82f6;border-color:var(--accent-primary)}.path-header{align-items:center;display:flex;gap:10px;margin-bottom:14px;position:relative}.path-icon{font-size:26px}.path-header h3{color:#fff;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;margin:0}.selected-check{color:#3b82f6;color:var(--accent-primary);font-size:16px}.path-metrics{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}.path-metrics .metric{display:flex;flex-direction:column;gap:2px}.metric-value{color:#fff;color:var(--text-primary);font-size:16px}.metric-label{color:#64748b;color:var(--text-muted);font-size:10px}.path-details .pros{display:flex;flex-direction:column;gap:5px}.path-details .pro{color:#10b981;color:var(--success);font-size:12px}.selected-path-preview{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;padding:18px}.selected-path-preview h4{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.skills-preview{display:flex;flex-wrap:wrap;gap:8px}.skill-preview-item{background:#ffffff0a;border-radius:50px;gap:8px;padding:8px 12px}.skill-num,.skill-preview-item{align-items:center;display:flex}.skill-num{background:#3b82f6;background:var(--accent-primary);border-radius:50%;color:#fff;font-size:10px;font-weight:600;height:20px;justify-content:center;width:20px}.skill-name{color:#fff;color:var(--text-primary);font-size:12px}.launch-step{padding:30px 20px;text-align:center}.launch-hero{margin-bottom:28px}.rocket-animation{display:inline-block;margin-bottom:20px;position:relative}.rocket-animation .rocket{animation:rocketFloat 2s ease-in-out infinite;color:#3b82f6;color:var(--accent-primary);font-size:48px}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-10px) rotate(-10deg)}}.rocket-animation .exhaust{animation:exhaustFlicker .2s ease-in-out infinite;background:linear-gradient(180deg,#f59e0b,#ef4444,#0000);border-radius:50% 50% 50% 50%;bottom:-15px;height:30px;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);width:22px}@keyframes exhaustFlicker{0%,to{height:28px;opacity:.6}50%{height:35px;opacity:1}}.launch-hero h1{color:#fff;color:var(--text-primary);font-size:26px;font-weight:800;line-height:1.2;margin:0 0 8px}.launch-hero p{color:#94a3b8;color:var(--text-secondary);font-size:14px}.launch-summary{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;margin-bottom:24px;padding:18px;text-align:left}.summary-item{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-item .label{color:#64748b;color:var(--text-muted);font-size:13px}.summary-item .value{color:#fff;color:var(--text-primary);font-size:13px;font-weight:600}.launch-actions{margin-bottom:24px}.btn-launch{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:50px;box-shadow:0 8px 30px #3b82f666;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;max-width:280px;padding:16px 40px;transition:all .3s ease;width:100%}.btn-launch:hover:not(:disabled){box-shadow:0 12px 40px #3b82f680;transform:translateY(-3px)}.btn-launch:disabled{cursor:not-allowed;opacity:.7}.ai-final-message{align-items:flex-start;background:#8b5cf614;border:1px solid #8b5cf633;border-radius:14px;display:flex;gap:12px;padding:18px;text-align:left}.ai-final-message svg{color:#8b5cf6;color:var(--accent-secondary);flex-shrink:0;font-size:22px;margin-top:2px}.ai-final-message p{color:#94a3b8;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.wizard-nav{align-items:center;display:flex;gap:12px;margin-top:24px;padding:16px 0}.nav-spacer{flex:1 1}.nav-btn{align-items:center;border-radius:50px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.nav-btn.back{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);color:#94a3b8;color:var(--text-secondary)}.nav-btn.back:hover{background:#ffffff0f;background:var(--glass-hover);border-color:#ffffff26;color:#fff;color:var(--text-primary)}.nav-btn.next{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;box-shadow:0 4px 16px #3b82f659;color:#fff;min-width:140px}.nav-btn.next:hover:not(:disabled){box-shadow:0 6px 24px #3b82f673;transform:translateY(-2px)}.nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.nav-btn svg{font-size:12px}.ai-coach-panel{background:linear-gradient(180deg,#0f172afa,#0a0f1efc);border-left:1px solid #ffffff14;border-left:1px solid var(--glass-border);display:none;flex-direction:column;height:100vh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;transition:all .35s cubic-bezier(.4,0,.2,1)}.mobile-coach-toggle{align-items:center;animation:floatPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:50%;bottom:100px;box-shadow:0 6px 24px #3b82f680;color:#fff;cursor:pointer;display:none;font-size:24px;height:56px;justify-content:center;position:fixed;right:16px;transition:all .3s ease;width:56px;z-index:99}.mobile-coach-toggle:hover{box-shadow:0 8px 32px #3b82f699;transform:scale(1.08)}.mobile-coach-toggle .badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-4px;top:-4px}@keyframes floatPulse{0%,to{box-shadow:0 6px 24px #3b82f680;transform:translateY(0)}50%{box-shadow:0 10px 32px #3b82f699;transform:translateY(-4px)}}.coach-header{background:#ffffff05;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);gap:10px;padding:14px 16px}.coach-avatar,.coach-header{align-items:center;display:flex}.coach-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:50%;color:#fff;font-size:20px;height:40px;justify-content:center;min-width:40px;width:40px}.coach-info{flex:1 1;min-width:0}.coach-name{color:#fff;color:var(--text-primary);display:block;font-size:14px;font-weight:600}.coach-status{align-items:center;color:#10b981;color:var(--success);display:flex;font-size:11px;gap:4px}.coach-status:before{animation:statusPulse 2s ease-in-out infinite;background:#10b981;background:var(--success);border-radius:50%;content:"";height:6px;width:6px}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.toggle-coach{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.toggle-coach:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}.coach-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px;scroll-behavior:smooth}.coach-messages::-webkit-scrollbar{width:4px}.coach-messages::-webkit-scrollbar-track{background:#0000}.coach-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.message{animation:messageIn .35s cubic-bezier(.4,0,.2,1);display:flex;gap:10px;max-width:92%}@keyframes messageIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message.user{flex-direction:row-reverse;margin-left:auto}.msg-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;margin-top:2px;min-width:28px;width:28px}.message.user .msg-avatar{display:none}.msg-content{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-top-left-radius:4px;padding:10px 14px}.message.user .msg-content{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-color:#0000;border-radius:14px;border-top-right-radius:4px}.msg-content p{color:#94a3b8;color:var(--text-secondary);font-size:13px;line-height:1.55;margin:0;word-break:break-word}.message.user .msg-content p{color:#fff}.msg-content strong{color:#fff;color:var(--text-primary);font-weight:600}.message.user .msg-content strong{color:#fff}.message.insight .msg-content{background:#3b82f61a;border-color:#3b82f633}.message.success .msg-content{background:#10b9811a;border-color:#10b98133}.message.error .msg-content{background:#ef44441a;border-color:#ef444433}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite;background:#64748b;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.coach-input{background:#ffffff05;border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);display:flex;gap:10px;padding:12px 14px max(12px,env(safe-area-inset-bottom))}.coach-input input{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;padding:11px 16px;transition:all .25s ease}.coach-input input:focus{background:#3b82f614;border-color:#3b82f6;border-color:var(--accent-primary);outline:none}.coach-input input::placeholder{color:#64748b;color:var(--text-muted);font-size:13px}.coach-input button{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;min-width:44px;transition:all .25s ease;width:44px}.coach-input button:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:scale(1.05)}.coach-input button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}@media (min-width:480px){.wizard-main{padding:24px}.step-content{border-radius:20px;padding:28px}.step-header h2{font-size:24px}.welcome-hero h1{font-size:30px}.welcome-features{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.feature-card{flex-direction:column;text-align:center}.feature-icon{margin:0 auto 12px}.quick-goal-btn{flex:0 1 auto;min-width:120px}.insights-grid{grid-template-columns:repeat(4,1fr)}.paths-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.wizard-main{max-width:850px;padding:36px 48px}.step-progress{gap:10px;margin-bottom:32px}.progress-step{padding:10px 16px}.progress-step .step-dot{font-size:14px;height:32px;width:32px}.progress-step .step-title{display:block;font-size:13px}.step-content{border-radius:24px;padding:40px}.step-header{margin-bottom:32px;text-align:left}.step-header h2{font-size:28px}.step-header p{font-size:15px}.welcome-step{padding:50px 40px}.welcome-hero h1{font-size:34px}.ai-avatar-large{font-size:44px;height:100px;width:100px}.welcome-features{grid-template-columns:repeat(3,1fr)}.btn-start-journey{max-width:none;padding:18px 48px;width:auto}.context-step,.goal-step,.launch-step,.paths-step,.preferences-step{padding:32px}.preference-section{padding:26px}.intensity-cards{flex-direction:row;gap:16px}.intensity-card{flex:1 1;flex-direction:column;gap:12px;grid-template-columns:1fr;padding:24px 20px;text-align:center}.intensity-card .int-icon{font-size:32px;height:56px;margin:0 auto;width:56px}.intensity-card .int-info{align-items:center}.intensity-card .check{position:absolute;right:12px;top:12px}.style-options{grid-template-columns:repeat(4,1fr)}.ai-recommendation{padding:22px}.generating-step{padding:60px 40px}.orbit-container{height:180px;width:180px}.center-brain{height:56px;width:56px}.center-brain,.generation-visual h2{font-size:26px}.generation-steps{margin:0 auto;max-width:400px}.paths-grid{grid-template-columns:repeat(3,1fr)}.launch-hero h1{font-size:32px}.rocket-animation .rocket{font-size:56px}.btn-launch{max-width:none;padding:20px 50px;width:auto}}@media (min-width:1024px){.wizard-layout{display:grid;grid-template-columns:1fr 380px}.wizard-main{max-width:100%;overflow-y:auto;padding:40px 60px}.ai-coach-panel{border-left:1px solid #ffffff14;border-left:1px solid var(--glass-border);box-shadow:none;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0}.ai-coach-panel,.ai-coach-panel.visible,.ai-coach-panel:not(.visible){display:flex!important;transform:none!important;width:100%}.coach-overlay,.mobile-coach-toggle,.toggle-coach.mobile-only{display:none!important}.step-progress{margin-bottom:40px}.step-content{padding:48px}.preference-sections{gap:28px}.wizard-nav{background:none;border:none;margin-top:32px;padding:16px 0;position:relative}.coach-header{padding:20px}.coach-avatar{font-size:22px;height:44px;min-width:44px;width:44px}.coach-name{font-size:15px}.coach-status{font-size:12px}.coach-messages{gap:14px;padding:20px}.message{max-width:90%}.msg-avatar{font-size:16px;height:32px;min-width:32px;width:32px}.msg-content{padding:12px 16px}.msg-content p{font-size:14px}.coach-input{padding:16px 20px}.coach-input input{font-size:14px;padding:12px 18px}.coach-input button{height:46px;min-width:46px;width:46px}}@media (min-width:1280px){.wizard-layout{grid-template-columns:1fr 420px}.wizard-main{padding:50px 80px}.step-content{padding:56px}.ai-coach-panel{width:100%}.coach-header{padding:22px 24px}.coach-messages{gap:16px;padding:24px}.coach-input{padding:18px 24px}}@media (max-width:1023px){.mobile-coach-toggle{display:flex}.ai-coach-panel{border-left:1px solid #3b82f633;bottom:0;box-shadow:-12px 0 50px #00000080;display:flex;max-width:88vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:340px;z-index:1001}.ai-coach-panel.visible{transform:translateX(0)}.toggle-coach{height:32px;min-width:32px;width:32px}.coach-messages{padding:12px}.message{max-width:95%}}.coach-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:1000}.coach-overlay.visible{display:block;opacity:1}@media (min-width:1024px){.coach-overlay,.mobile-coach-toggle{display:none!important}}@media (max-width:767px){.wizard-container{padding-bottom:80px}.wizard-nav{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0f1ef5;border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);bottom:0;left:0;margin-top:0;padding:14px 20px max(14px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.nav-btn{flex:1 1;justify-content:center;padding:14px 20px}.nav-btn.back{flex:0 0 auto}}.skill-graph-container{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;box-shadow:0 20px 60px #0000004d;height:100%;overflow:hidden;width:100%}.skill-graph-header{align-items:center;background:#1e293bcc;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;padding:24px}.skill-graph-header h3{color:#f1f5f9;font-size:24px;font-weight:600;margin:0}.skill-graph-legend{display:flex;gap:20px}.legend-item{align-items:center;color:#cbd5e1;display:flex;font-size:14px;gap:8px}.legend-dot{border-radius:50%}.legend-dot.completed{background:#10b981}.legend-dot.in-progress{background:#3b82f6}.legend-dot.available{background:#8b5cf6}.legend-dot.locked{background:#64748b}.skill-graph-wrapper{height:calc(100% - 89px);width:100%}.custom-skill-node{background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #64748b;border-radius:16px;box-shadow:0 4px 12px #0003;cursor:pointer;min-width:200px;padding:16px;transition:all .3s ease}.custom-skill-node:hover{box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.custom-skill-node.completed{background:linear-gradient(135deg,#064e3b,#0f172a);border-color:#10b981}.custom-skill-node.in-progress{animation:pulse 2s infinite;background:linear-gradient(135deg,#1e3a8a,#0f172a);border-color:#3b82f6}.custom-skill-node.available{background:linear-gradient(135deg,#4c1d95,#0f172a);border-color:#8b5cf6}.custom-skill-node.locked{background:linear-gradient(135deg,#334155,#0f172a);border-color:#475569;opacity:.6}.skill-node-icon{align-items:center;background:#64748b;border-radius:12px;box-shadow:0 4px 8px #0003;display:flex;font-size:32px;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.skill-node-content{position:relative;text-align:center}.skill-node-status{align-items:center;background:#0f172ae6;border:2px solid;border-radius:50%;color:#f1f5f9;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.skill-node-title{color:#f1f5f9;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.skill-node-meta{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.skill-hours{color:#94a3b8;font-size:13px}.skill-difficulty{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px;text-transform:capitalize}.skill-beginner{background:#22c55e33;color:#22c55e}.skill-intermediate{background:#f9731633;color:#f97316}.skill-advanced{background:#ef444433;color:#ef4444}.skill-expert{background:#a855f733;color:#a855f7}.skill-progress-bar{background:#94a3b833;border-radius:3px;height:6px;margin-top:8px;overflow:hidden;width:100%}.skill-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.skill-detail-panel{background:linear-gradient(135deg,#1e293b,#0f172a);border-left:1px solid #94a3b81a;box-shadow:-4px 0 24px #0000004d;height:100%;overflow-y:auto;padding:24px;position:absolute;right:0;top:0;width:320px;z-index:10}.close-panel{align-items:center;background:#94a3b81a;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.close-panel:hover{background:#ef444433;color:#ef4444}.skill-detail-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:16px;box-shadow:0 8px 16px #8b5cf64d;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.skill-detail-panel h3{color:#f1f5f9;font-size:24px;margin:0 0 12px;text-align:center}.skill-description{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:24px;text-align:center}.skill-detail-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat{background:#1e293b99;border:1px solid #94a3b81a;border-radius:12px;padding:12px;text-align:center}.stat-label{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#f1f5f9;display:block;font-size:16px;font-weight:600}.skill-prerequisites{margin-bottom:24px}.skill-prerequisites h4{color:#cbd5e1;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.skill-prerequisites ul{list-style:none;margin:0;padding:0}.skill-prerequisites li{background:#1e293b66;border-left:3px solid #8b5cf6;border-radius:8px;color:#94a3b8;font-size:14px;margin-bottom:8px;padding:8px 12px}.btn-start-skill{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s;width:100%}.btn-start-skill:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.react-flow__node{cursor:pointer}.react-flow__controls{background:#1e293be6;border:1px solid #94a3b81a}.react-flow__controls-button{background:#1e293bcc;border-bottom:1px solid #94a3b81a;color:#cbd5e1}.react-flow__controls-button:hover{background:#3b82f633;color:#3b82f6}.react-flow__minimap{background:#0f172ae6;border:1px solid #94a3b81a}@media (max-width:768px){.skill-graph-header{align-items:flex-start;flex-direction:column;gap:16px}.skill-graph-legend{flex-wrap:wrap;gap:12px}.skill-detail-panel{width:100%}.custom-skill-node{min-width:160px;padding:12px}.skill-node-icon{font-size:24px;height:48px;width:48px}}.progress-analytics-container{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;color:#f1f5f9;padding:24px}.analytics-header{margin-bottom:32px}.analytics-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0 0 8px}.analytics-header p{color:#94a3b8;font-size:14px;margin:0}.key-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.metric-card{align-items:center;background:#1e293b99;border:1px solid #94a3b81a;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s}.metric-card:hover{box-shadow:0 8px 24px #8b5cf633;transform:translateY(-4px)}.metric-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.metric-icon.streak{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 12px #ef44444d}.metric-icon.hours{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 4px 12px #8b5cf64d}.metric-icon.skills{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 4px 12px #10b9814d}.metric-icon.avg{background:linear-gradient(135deg,#f59e0b,#eab308);box-shadow:0 4px 12px #f59e0b4d}.metric-content{flex:1 1}.metric-value{color:#f1f5f9;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.metric-label{color:#94a3b8;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.chart-container{background:#1e293b66;border:1px solid #94a3b81a;border-radius:16px;margin-bottom:24px;padding:24px}.chart-container h4{color:#f1f5f9;font-size:18px;font-weight:600;margin:0 0 4px}.chart-description{color:#94a3b8;font-size:13px;margin:0 0 20px}.custom-tooltip{background:#0f172af2;border:1px solid #8b5cf64d;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:12px}.custom-tooltip .label{color:#cbd5e1;font-weight:600;margin:0 0 8px}.custom-tooltip p{font-size:13px;margin:4px 0}.streak-calendar{background:#1e293b66;border:1px solid #94a3b81a;border-radius:16px;margin-bottom:24px;padding:24px}.streak-calendar h4{color:#f1f5f9;font-size:18px;font-weight:600;margin:0 0 4px}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(14,1fr);margin:20px 0}.calendar-day{aspect-ratio:1;background:#64748b33;border-radius:4px;cursor:pointer;transition:all .2s}.calendar-day.active{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 2px 4px #8b5cf64d}.calendar-day:hover{transform:scale(1.1)}.calendar-legend{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:8px;justify-content:center}.legend-dots{display:flex;gap:4px}.legend-dot{border-radius:2px;height:12px;width:12px}.legend-dot.level-0{background:#64748b33}.legend-dot.level-1{background:#8b5cf64d}.legend-dot.level-2{background:#8b5cf699}.legend-dot.level-3{background:#8b5cf6}.insights-section{background:#1e293b66;border:1px solid #94a3b81a;border-radius:16px;padding:24px}.insights-section h4{color:#f1f5f9;font-size:18px;font-weight:600;margin:0 0 16px}.insights-grid{grid-gap:12px;display:grid;gap:12px}.insight{align-items:center;border-left:4px solid;border-radius:12px;display:flex;gap:12px;padding:16px}.insight-success{background:#10b9811a;border-color:#10b981}.insight-warning{background:#f59e0b1a;border-color:#f59e0b}.insight-info{background:#3b82f61a;border-color:#3b82f6}.insight-icon{flex-shrink:0;font-size:24px}.insight-text{color:#cbd5e1;flex:1 1;font-size:14px;line-height:1.5}.insight-text strong{color:#f1f5f9}@media (max-width:768px){.key-metrics{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(7,1fr)}.chart-container{padding:16px}.metric-value{font-size:24px}}.celebration-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.celebration-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #8b5cf64d;border-radius:24px;box-shadow:0 25px 100px #8b5cf666;left:50%;max-width:500px;padding:48px 40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.celebration-icon{filter:drop-shadow(0 8px 16px rgba(139,92,246,.4));font-size:96px;margin-bottom:24px}.celebration-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;font-size:32px;font-weight:700;margin:0 0 16px}.celebration-title{color:#cbd5e1;font-size:20px;font-weight:600;margin:0 0 12px}.celebration-description{color:#94a3b8;font-size:16px;line-height:1.6;margin:0 0 32px}.celebration-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:32px}.celebration-stats .stat{background:#1e293b99;border:1px solid #8b5cf633;border-radius:16px;padding:20px}.celebration-stats .stat-value{color:#8b5cf6;font-size:28px;font-weight:700;margin-bottom:8px}.celebration-stats .stat-label{color:#94a3b8;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.celebration-badge{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:20px;box-shadow:0 8px 24px #8b5cf666;margin-bottom:32px;padding:24px}.badge-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:64px;margin-bottom:12px}.badge-name{color:#fff;font-size:18px;font-weight:600}.celebration-actions{display:flex;gap:12px;justify-content:center}.celebration-actions button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{box-shadow:0 6px 16px #8b5cf666}.btn-secondary{background:#94a3b81a;border:1px solid #94a3b833;color:#cbd5e1}.btn-secondary:hover{background:#94a3b833}.close-btn{align-items:center;background:#94a3b81a;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px}.close-btn:hover{background:#ef444433;color:#ef4444}.toast-celebration{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #8b5cf64d;border-radius:16px;box-shadow:0 8px 24px #8b5cf666;display:flex;gap:16px;min-width:300px;padding:20px 24px}.toast-icon{animation:bounce .6s ease-in-out infinite alternate;font-size:48px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.toast-content h4{color:#f1f5f9;font-size:16px;font-weight:600;margin:0 0 4px}.toast-content p{color:#94a3b8;font-size:14px;margin:0}@media (max-width:768px){.celebration-modal{padding:32px 24px}.celebration-icon{font-size:72px}.celebration-modal h2{font-size:24px}.celebration-title{font-size:18px}.celebration-stats{grid-template-columns:1fr}.celebration-actions{flex-direction:column}.celebration-actions button{width:100%}}.path-dashboard{background:linear-gradient(180deg,#f9fafb 0,#fff);min-height:100vh;padding:2rem}.dashboard-container{margin:0 auto;max-width:1200px}.path-dashboard.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.spinner-large{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.path-dashboard.no-path{align-items:center;display:flex;justify-content:center}.no-path-content{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:3rem;text-align:center}.no-path-content h2{color:#1f2937;font-size:2rem;margin-bottom:1rem}.no-path-content p{color:#6b7280;margin-bottom:2rem}.dashboard-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.dashboard-header h1{color:#1f2937;font-size:2.5rem;margin:0 0 .5rem}.target-role{color:#667eea;font-size:1.25rem;font-weight:600;margin:0}.progress-section{grid-gap:3rem;align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:grid;gap:3rem;grid-template-columns:auto 1fr;margin-bottom:3rem;padding:2rem}.progress-ring-container{height:200px;position:relative;width:200px}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#e5e7eb;stroke-width:12}.progress-ring-fill{fill:none;stroke:url(#gradient);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.progress-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.progress-label{color:#6b7280;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.progress-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{color:#667eea;font-size:2rem}.stat-value{color:#1f2937;font-size:1.75rem;font-weight:700}.stat-label{color:#6b7280;font-size:.875rem}.next-skill-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:3rem;padding:2rem}.next-skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.next-skill-header h2{font-size:1.5rem;margin:0}.skill-badge{background:#fff3;border-radius:20px;font-size:.875rem;padding:.5rem 1rem;text-transform:capitalize}.next-skill-content{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.skill-icon-large{align-items:center;background:#fff3;border-radius:20px;display:flex;font-size:5rem;height:120px;justify-content:center;width:120px}.skill-details{flex:1 1}.skill-details h3{font-size:2rem;margin:0 0 1rem}.skill-description{font-size:1.125rem;margin-bottom:1rem;opacity:.9}.skill-meta{display:flex;font-size:1rem;gap:2rem}.meta-item{align-items:center;display:flex;gap:.5rem;opacity:.9}.btn-large{font-size:1.25rem;justify-content:center;padding:1rem 2rem;width:100%}.milestones-section{margin-bottom:3rem}.milestones-section h2{color:#1f2937;font-size:1.75rem;margin-bottom:1.5rem}.milestones-timeline{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;padding:2rem;position:relative}.milestones-timeline:before{background:#e5e7eb;bottom:3rem;content:"";left:2rem;position:absolute;top:3rem;width:2px}.milestone{display:flex;gap:1.5rem;margin-bottom:2rem;position:relative}.milestone:last-child{margin-bottom:0}.milestone-marker{align-items:center;background:#fff;border:3px solid #e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.milestone.completed .milestone-marker{background:#10b981;border-color:#10b981;color:#fff}.milestone.current .milestone-marker{animation:pulse 2s ease-in-out infinite;background:#667eea;border-color:#667eea;color:#fff}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #667eeab3}50%{box-shadow:0 0 0 10px #667eea00}}.milestone-content{flex:1 1;padding-top:.5rem}.milestone-content p{color:#374151;font-size:1rem;margin:0}.milestone.completed .milestone-content p{color:#6b7280;text-decoration:line-through}.skills-grid-section{margin-bottom:3rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#1f2937;font-size:1.75rem;margin:0}.skills-count{color:#667eea;font-size:1rem;font-weight:600}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.skill-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.skill-card:hover{border-color:#667eea;box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.skill-card.completed{background:linear-gradient(135deg,#d1fae510,#10b98120);border-color:#10b981}.skill-card.current{background:linear-gradient(135deg,#667eea10,#764ba220);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.skill-card-header{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:1rem;position:relative}.skill-icon{font-size:3rem}.check-badge{align-items:center;background:#10b981;border-radius:50%;display:flex;font-size:.875rem;height:24px;justify-content:center;width:24px}.check-badge,.current-badge{color:#fff;position:absolute;right:0;top:0}.current-badge{background:#667eea;border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.skill-card h4{color:#1f2937;font-size:1rem;margin:0 0 .5rem}.skill-hours{color:#6b7280;font-size:.875rem;margin:0}.motivation-section{margin-bottom:2rem}.motivation-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:20px;padding:2rem;text-align:center}.motivation-card h3{color:#92400e;font-size:1.5rem;margin:0 0 1rem}.motivation-card p{color:#78350f;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff}.view-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:1rem;margin:2rem 0}.view-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .3s ease}.view-tab:hover{background:#8b5cf60d;color:#8b5cf6}.view-tab.active{background:#8b5cf61a;border-bottom-color:#8b5cf6;color:#8b5cf6}.view-tab svg{font-size:1.2rem}.graph-view{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;min-height:600px;padding:2rem}.analytics-view,.graph-view{margin-top:2rem}.header-actions{align-items:center;display:flex;gap:1rem}@media (max-width:1024px){.progress-section{grid-template-columns:1fr;text-align:center}.progress-ring-container{margin:0 auto}.progress-stats{grid-template-columns:1fr}}@media (max-width:768px){.path-dashboard{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-header h1{font-size:2rem}.next-skill-content{flex-direction:column;text-align:center}.skill-icon-large{margin:0 auto}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.quick-actions{flex-direction:column}.quick-actions button{width:100%}}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.417b8092.css.map*/