#root{margin:0 auto;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}body{line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.app_container.with-background{background-image:url(/iko%20background4.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;color:#ffffffde}.app_container.with-overlay{width:90vw;height:100vh;background-color:#80006f3b;border-radius:12px;box-shadow:2px solid #008000e5;overflow-y:auto}.app_container.full-page{width:100%;min-height:100vh;background:transparent;box-shadow:none;border-radius:0}.app_container{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.landing-page{line-height:1.6;color:#2c3e50;overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(52,152,219,.1);transition:all .3s ease}.landing-nav.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.5rem}.nav-brand h2{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#3498db,#2980b9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{font-size:.875rem;color:#7f8c8d;font-weight:500}.nav-links{display:flex;gap:2rem}.nav-link{text-decoration:none;color:#2c3e50;font-weight:500;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#3498db;transition:width .3s ease}.nav-link:hover{color:#3498db}.nav-link:hover:after{width:100%}.nav-actions{display:flex;gap:1rem;align-items:center}.btn-primary,.btn-secondary,.btn-hero-primary,.btn-hero-secondary,.btn-cta-primary,.btn-cta-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary,.btn-hero-primary,.btn-cta-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 15px #3498db66}.btn-primary:hover,.btn-hero-primary:hover,.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3498db66}.btn-secondary,.btn-hero-secondary,.btn-cta-secondary{background:transparent;color:#3498db;border:2px solid #3498db}.btn-secondary:hover,.btn-hero-secondary:hover,.btn-cta-secondary:hover{background:#3498db;color:#fff;transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#f8fafb,#e8f4f8);overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#3498db1a,#2980b90d);animation:float 6s ease-in-out infinite}.shape-1{width:300px;height:300px;top:10%;right:10%;animation-delay:0s}.shape-2{width:200px;height:200px;bottom:20%;left:5%;animation-delay:2s}.shape-3{width:150px;height:150px;top:50%;left:80%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,#3498db,#e74c3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.2rem;color:#5d6d7e;margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn-hero-primary{padding:1rem 2rem;font-size:1.1rem}.btn-icon{transition:transform .3s ease}.btn-hero-primary:hover .btn-icon{transform:translate(5px)}.play-icon{width:20px;height:20px;background:#3498db;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.hero-stats{display:flex;gap:2rem}.stat-number{display:block;font-size:2rem;font-weight:700;color:#2c3e50}.stat-label{font-size:.9rem;color:#7f8c8d}.hero-visual{position:relative}.dashboard-preview{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000001a;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.preview-header{background:#f8f9fa;padding:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #ecf0f1}.preview-dots{display:flex;gap:.5rem}.preview-dots span{width:12px;height:12px;border-radius:50%;background:#bdc3c7}.preview-dots span:nth-child(1){background:#e74c3c}.preview-dots span:nth-child(2){background:#f39c12}.preview-dots span:nth-child(3){background:#27ae60}.preview-title{font-weight:600;color:#2c3e50}.preview-content{display:flex;height:300px}.preview-sidebar{width:180px;background:#2c3e50;padding:1rem}.sidebar-item{padding:.75rem;color:#ecf0f1;border-radius:6px;margin-bottom:.5rem;font-size:.9rem;transition:background .3s ease}.sidebar-item.active{background:#3498db}.preview-main{flex:1;padding:1rem;background:#f8f9fa}.content-card{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a}.card-header{display:flex;gap:.5rem;margin-bottom:.5rem}.content-type{background:#e67e22;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.content-type.chat{background:#3498db}.content-id{background:#ecf0f1;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-family:monospace}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#2c3e50}.section-header p{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto}.features{padding:6rem 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--feature-color, #3498db);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before,.feature-card.active:before{transform:scaleX(1)}.feature-card:hover,.feature-card.active{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a;border-color:var(--feature-color, #3498db)}.feature-icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(1);transition:filter .3s ease}.feature-card:hover .feature-icon,.feature-card.active .feature-icon{filter:grayscale(0)}.feature-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.feature-card p{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.feature-arrow{color:var(--feature-color, #3498db);font-weight:700;opacity:0;transform:translate(-10px);transition:all .3s ease}.feature-card:hover .feature-arrow,.feature-card.active .feature-arrow{opacity:1;transform:translate(0)}.about{padding:6rem 0;background:linear-gradient(135deg,#f8fafb,#e8f4f8)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;color:#2c3e50}.about-text p{font-size:1.1rem;color:#5d6d7e;margin-bottom:2rem;line-height:1.7}.about-highlights{display:flex;flex-direction:column;gap:1.5rem}.highlight{display:flex;gap:1rem;align-items:flex-start}.highlight-icon{font-size:1.5rem;width:50px;height:50px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.highlight h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.highlight p{color:#7f8c8d;font-size:.95rem;margin:0}.testimonial-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 30px #0000001a;position:relative}.testimonial-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#3498db;font-family:serif}.testimonial-content p{font-style:italic;color:#2c3e50;margin-bottom:1.5rem;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;background:#3498db;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.testimonial-author h5{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.testimonial-author span{color:#7f8c8d;font-size:.9rem}.cta{padding:6rem 0;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-cta-primary{padding:1rem 2rem;font-size:1.1rem;background:linear-gradient(135deg,#3498db,#2980b9)}.btn-cta-secondary{color:#fff;border-color:#fff;padding:1rem 2rem;font-size:1rem}.btn-cta-secondary:hover{background:#fff;color:#2c3e50}.footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#fff}.footer-section h3{font-size:1.5rem;font-weight:700}.footer-section h4{font-size:1.1rem;font-weight:600}.footer-section p{color:#bdc3c7;margin-bottom:1rem;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#3498db}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3498db1a;border-radius:8px;font-size:1.2rem;transition:all .3s ease;text-decoration:none}.social-links a:hover{background:#3498db;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #34495e;padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:#bdc3c7;margin:0}.footer-links{display:flex;gap:2rem}.footer-links a{color:#bdc3c7;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#3498db}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-title{font-size:3rem}.about-content{grid-template-columns:1fr;gap:3rem}.nav-links{display:none}}@media (max-width: 768px){.nav-container{padding:1rem}.nav-actions{gap:.5rem}.nav-actions .btn-primary,.nav-actions .btn-secondary{padding:.5rem 1rem;font-size:.9rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:1rem}.features-grid{grid-template-columns:1fr}.about-highlights{gap:1rem}.highlight{flex-direction:column;text-align:center}.cta-actions{flex-direction:column;align-items:center}.footer-bottom{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.container{padding:0 1rem}.hero{padding:2rem 0}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.section-header h2{font-size:2rem}.section-header p{font-size:1rem}.feature-card{padding:1.5rem}.about-text h2{font-size:1.8rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.footer-content{grid-template-columns:1fr}.dashboard-preview{transform:none}.preview-content{flex-direction:column;height:auto}.preview-sidebar{width:100%}.sidebar-item{display:inline-block;margin-right:.5rem}}.fade-in{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.loading{opacity:.7;pointer-events:none}.btn-primary:focus,.btn-secondary:focus,.nav-link:focus{outline:3px solid rgba(52,152,219,.3);outline-offset:2px}@media (prefers-contrast: high){.hero{background:#fff}.gradient-text{background:#000;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shape{animation:none}}.signup-up-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.signup-form{margin:40px auto auto;width:100%;max-width:400px;padding:40px;border:2px solid #3498db;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2c3e50}.signup-form h2{text-align:center;margin-bottom:30px;color:#2c3e50;font-size:1.8rem;font-weight:600}input[type=text],input[type=email],input[type=password]{width:100%;padding:12px;border:1px solid #bdc3c7;border-radius:5px;margin-bottom:16px;box-sizing:border-box;font-size:14px;transition:border-color .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500}button{width:100%;padding:12px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #3498db66}button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3498db66}button:active{transform:translateY(0)}.form-links{text-align:center;margin-top:20px}.form-links a{color:#3498db;text-decoration:none;font-weight:500}.form-links a:hover{text-decoration:underline}.error-message{background:#e74c3c;color:#fff;padding:10px;border-radius:5px;margin-bottom:16px;text-align:center;font-size:14px}.success-message{background:#27ae60;color:#fff;padding:10px;border-radius:5px;margin-bottom:16px;text-align:center;font-size:14px}@media (max-width: 480px){.signup-form{width:95%;padding:30px 20px;margin-top:20px}.signup-form h2{font-size:1.5rem}}.login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px;animation:backgroundFloat 25s linear infinite;pointer-events:none}@keyframes backgroundFloat{0%{transform:translate(0) rotate(0)}to{transform:translate(-60px,-60px) rotate(360deg)}}.login-form{background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:480px;width:100%;margin:0 auto;overflow:hidden;animation:slideIn .8s ease-out;position:relative}@keyframes slideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:40px 30px;position:relative;overflow:hidden}.login-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:headerShimmer 4s infinite}@keyframes headerShimmer{0%{left:-100%}to{left:100%}}.login-header h2{font-size:2.2rem;margin:0 0 10px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.login-header p{font-size:1.1rem;margin:0;opacity:.9;font-weight:300}.error-message{background:linear-gradient(135deg,#ffebee,#fce4ec);border:1px solid #e57373;border-left:4px solid #f44336;border-radius:12px;padding:15px 20px;margin:20px 30px;display:flex;align-items:center;gap:10px;color:#c62828;font-weight:500;animation:errorSlide .3s ease-out}@keyframes errorSlide{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.error-icon{font-size:1.2rem}.form-group{margin-bottom:25px;position:relative}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:.95rem;letter-spacing:.3px}.form-control{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fafafa;box-sizing:border-box}.form-control:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-control:hover{border-color:#bdbdbd;background:#fff}.form-group{position:relative}.form-control:focus+.floating-label,.form-control:not(:placeholder-shown)+.floating-label{transform:translateY(-25px) scale(.8);color:#667eea}.floating-label{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:#fff;padding:0 5px;color:#999;transition:all .3s ease;pointer-events:none}form{padding:30px}.form-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.btn-login{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-forgot{width:100%;padding:12px 24px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-forgot:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.login-divider{padding:20px 30px;text-align:center;position:relative}.login-divider:before{content:"";position:absolute;top:50%;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent)}.login-divider span{background:#fff;padding:0 20px;color:#666;font-weight:500;position:relative;z-index:1}.signup-section{text-align:center;padding:0 30px 30px}.signup-section p{margin:0 0 15px;color:#666;font-size:1rem}.btn-signup{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf504d;text-decoration:none}.login-help{background:#f8f9fa;padding:30px;border-top:1px solid #e9ecef}.login-help h3{color:#333;margin:0 0 20px;font-size:1.2rem;text-align:center}.help-options{display:flex;flex-direction:column;gap:20px}.help-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#fff;border-radius:12px;border:1px solid #e0e0e0;transition:transform .2s ease,box-shadow .2s ease}.help-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.help-icon{font-size:1.5rem;margin-top:2px}.help-item h4{margin:0 0 5px;color:#333;font-size:1rem;font-weight:600}.help-item p{margin:0;color:#666;font-size:.9rem;line-height:1.4}.login-footer{background:#f8f9fa;padding:25px 30px;border-top:1px solid #e9ecef}.footer-links{display:flex;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:10px}.footer-links a{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-links a:hover{color:#764ba2;text-decoration:underline}.footer-note{margin:0;color:#666;font-size:.85rem;text-align:center;line-height:1.4}.btn-login:disabled{position:relative}.btn-login:disabled:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.login-container{padding:10px}.login-form{border-radius:16px;max-width:100%}.login-header{padding:30px 20px}.login-header h2{font-size:1.8rem}form,.login-help{padding:20px}.footer-links{flex-direction:column;text-align:center}.help-options{gap:15px}.help-item{padding:12px}}@media (max-width: 480px){.login-header h2{font-size:1.6rem}.form-control{padding:12px 16px}.btn-login,.btn-forgot{padding:14px 20px}}.btn-login:focus,.btn-forgot:focus,.btn-signup:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.form-control,.btn-login,.btn-forgot,.btn-signup{border-width:3px}}.survey-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.survey-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:800px;width:100%;overflow:hidden;animation:slideIn .6s ease-out}.success-card{text-align:center;padding:60px 40px;max-width:500px}.success-icon{font-size:4rem;margin-bottom:20px;animation:bounce 1s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.survey-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.survey-header h1{margin:0 0 10px;font-size:2.2rem;font-weight:700;color:#fff}.survey-header p{margin:0;font-size:1.1rem;opacity:.9;color:#fff}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.header-actions{display:flex;align-items:center;gap:.5rem}.auto-save-indicator{display:flex;align-items:center;gap:.3rem;font-size:.8rem;padding:.25rem .5rem;border-radius:1rem;background:#ffffffe6;border:1px solid rgba(255,255,255,.3);min-width:80px;justify-content:center;color:#333}.auto-save-indicator.saving{background:#fff3cd;border-color:#ffeaa7;color:#856404}.auto-save-indicator.saved{background:#d1e7dd;border-color:#a3cfbb;color:#0f5132}.save-spinner{animation:spin 1s linear infinite;display:inline-block}.save-icon{color:#198754;font-weight:700}.progress-bar{margin:30px 0 0;position:relative}.progress-steps{display:flex;justify-content:space-between;position:relative;z-index:2}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;margin-bottom:8px;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.progress-step.active .step-number{background:#fff;color:#667eea;border-color:#fff;transform:scale(1.1)}.progress-step.completed .step-number{background:#28a745;border-color:#28a745;color:#fff}.progress-step.completed:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:700}.step-label{font-size:.85rem;font-weight:500;opacity:.8;color:#fff}.progress-step.active .step-label{opacity:1;font-weight:600;color:#fff}.progress-fill{position:absolute;top:20px;left:0;height:2px;background:#fff;transition:width .5s ease;z-index:1}.survey-form{padding:40px;color:#333}.survey-step{min-height:400px}.survey-step h3{color:#333;font-size:1.5rem;margin:0 0 30px;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box;color:#333}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.btn-save-manual{background:#007bff;color:#fff;border:none;border-radius:.375rem;padding:.375rem .5rem;cursor:pointer;font-size:1rem;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-save-manual:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.btn-save-manual:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-clear-data{background:#dc3545;color:#fff;border:none;border-radius:.375rem;padding:.375rem .5rem;cursor:pointer;font-size:1rem;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-clear-data:hover{background:#c82333;transform:translateY(-1px)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:10px}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;font-weight:400!important;margin-bottom:0!important;color:#333}.checkbox-label:hover{background:#f8f9fa}.checkbox-label input[type=checkbox]{margin-right:8px;width:auto;margin-bottom:0}.agreements-section{background:#f8f9fa;padding:25px;border-radius:12px;margin-top:20px}.agreements-section h4{margin:0 0 20px;color:#333;font-size:1.2rem}.agreement-item{margin-bottom:15px}.agreement-label{display:flex;align-items:flex-start;cursor:pointer;padding:12px;border-radius:8px;transition:all .2s ease;font-weight:400!important;margin-bottom:0!important;line-height:1.5;color:#333}.agreement-label:hover{background:#fff}.agreement-label input[type=checkbox]{margin-right:12px;margin-top:2px;width:auto;flex-shrink:0}.agreement-label a{color:#667eea;text-decoration:none;font-weight:500}.agreement-label a:hover{text-decoration:underline}.form-navigation{display:flex;align-items:center;margin-top:40px;padding-top:25px;border-top:2px solid #f0f0f0}.nav-spacer{flex:1}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d;color:#fff;border:2px solid #6c757d;box-shadow:0 2px 4px #6c757d4d}.btn-secondary:hover:not(:disabled){background:#545b62;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d66}.submit-btn{font-size:1.1rem;padding:15px 30px;min-width:180px}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.error-message{background:#fee;color:#c33;padding:15px 20px;border-radius:8px;margin:20px 0;border:1px solid #fcc;display:flex;align-items:center;gap:10px;font-weight:500}.error-icon{font-size:1.2rem;flex-shrink:0}.auto-save-info{color:#6c757d;font-size:.8rem;margin-top:.25rem;font-style:italic}.survey-footer{background:#f8f9fa;padding:20px 40px;text-align:center;color:#666;font-size:.9rem;border-top:1px solid #e9ecef;margin-top:1.5rem;padding-top:1rem}.survey-footer p{margin:.25rem 0;color:#6c757d;font-size:.9rem}.form-group.has-content input,.form-group.has-content textarea,.form-group.has-content select{border-left:3px solid #28a745}.form-group.unsaved-changes input,.form-group.unsaved-changes textarea,.form-group.unsaved-changes select{border-left:3px solid #ffc107}.save-status{position:fixed;top:20px;right:20px;z-index:1000;padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:500;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.save-status.saving{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.save-status.saved{background:#d1e7dd;border:1px solid #a3cfbb;color:#0f5132}.save-status.error{background:#f8d7da;border:1px solid #f1aeb5;color:#721c24}@media (max-width: 768px){.survey-container{padding:10px}.survey-card{border-radius:12px}.survey-header{padding:30px 20px}.survey-header h1{font-size:1.8rem}.survey-form{padding:30px 20px}.survey-footer{padding:15px 20px}.form-row{grid-template-columns:1fr;gap:0}.progress-steps{gap:10px}.step-number{width:35px;height:35px;font-size:1rem}.step-label{font-size:.75rem}.checkbox-group{grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:15px}.nav-spacer{display:none}.btn-primary,.btn-secondary{width:100%}.header-top{flex-direction:column;align-items:flex-start;gap:.75rem}.header-actions{align-self:stretch;justify-content:space-between}.auto-save-indicator{flex:1;min-width:auto}.btn-save-manual,.btn-clear-data{min-width:40px;height:40px;font-size:1.1rem}}@media (max-width: 480px){.survey-header h1{font-size:1.5rem}.survey-header p{font-size:1rem}.survey-step h3{font-size:1.3rem}.progress-steps{flex-wrap:wrap;gap:8px}.progress-step{min-width:70px}.step-number{width:30px;height:30px;font-size:.9rem}.step-label{font-size:.7rem}}.form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group input:invalid:not(:focus):not(:placeholder-shown),.form-group select:invalid:not(:focus),.form-group textarea:invalid:not(:focus):not(:placeholder-shown){border-color:#dc3545;background-color:#fff5f5}.form-group input:valid:not(:focus):not(:placeholder-shown),.form-group select:valid:not(:focus),.form-group textarea:valid:not(:focus):not(:placeholder-shown){border-color:#28a745;background-color:#f8fff8}.success-card h2{color:#28a745;margin:20px 0;font-size:1.8rem}.success-card p{color:#666;font-size:1.1rem;margin:20px 0 30px}.checkbox-label input[type=checkbox],.agreement-label input[type=checkbox]{accent-color:#667eea;transform:scale(1.1)}@keyframes saveConfirm{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.save-confirmed{animation:saveConfirm .3s ease}@media (prefers-color-scheme: dark){.auto-save-indicator{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.auto-save-indicator.saving{background:#744210;border-color:#975a16;color:#fef08a}.auto-save-indicator.saved{background:#22543d;border-color:#2f855a;color:#9ae6b4}.save-status{box-shadow:0 2px 10px #0000004d}}.auth_controls_body{padding:20px;background-color:#f5f5f5;border-radius:8px;max-height:100vh;overflow-y:auto;position:relative}.admin_controls_header{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:#333;position:sticky;top:0;background-color:#f5f5f5;padding:10px 0;z-index:10;border-bottom:2px solid #ddd}.section h3{margin-bottom:10px;color:#555;position:sticky;top:60px;background-color:#fff;padding:5px 0;z-index:5;border-bottom:1px solid #eee}.mainContent .auth_controls_body{max-height:100%!important;padding:15px!important;margin:0!important;border-radius:0!important}.mainContent .admin_controls_header{position:relative!important;top:0!important;margin-bottom:15px!important;font-size:1.6rem!important}.mainContent .section h3{position:relative!important;top:0!important;margin-bottom:5px!important}.mainContent .section{margin-bottom:10px!important}.section{margin-bottom:30px;padding:15px;border:1px solid #ddd;border-radius:5px;background-color:#fff;position:relative;overflow:visible}.survey-log{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:5px;max-width:100%;overflow:visible;word-wrap:break-word;position:relative}.survey-log.enhanced{border:2px solid #ddd;padding:20px;margin:15px 0;border-radius:8px;background-color:#f9f9f9;overflow:visible;position:relative;min-height:auto}.survey-answers-section{background-color:#f8f9fa!important;padding:15px!important;border-radius:5px!important;margin-bottom:15px!important;max-height:400px;overflow-y:auto;overflow-x:hidden;border:1px solid #dee2e6;position:relative}.mainContent .survey-answers-section{max-height:300px!important}.survey-answers-section::-webkit-scrollbar{width:8px}.survey-answers-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.survey-answers-section::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.survey-answers-section::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.survey-answers-detailed .answer-item{margin-bottom:12px;padding:12px;background:#fff;border-radius:6px;border-left:4px solid #3498db;box-shadow:0 1px 3px #0000001a;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.survey-answers-detailed .question-label{color:#2c3e50;font-size:.9em;margin-bottom:6px;font-weight:600;word-wrap:break-word}.survey-answers-detailed .answer-value{color:#34495e;padding-left:12px;font-size:.95em;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.survey-answers-simple{max-height:300px;overflow-y:auto;padding-right:5px}.survey-answers-simple .simple-answer{margin-bottom:8px;padding:8px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;word-wrap:break-word;overflow-wrap:break-word}.survey-answers-object{max-height:350px;overflow-y:auto;padding-right:5px}.survey-answers-object .answer-item{margin-bottom:10px;padding:10px;background:#fff;border-radius:5px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d;word-wrap:break-word;overflow-wrap:break-word}.no-answers,.invalid-answers,.error-answers,.fallback-answers{padding:15px;text-align:center;background:#f8f9fa;border-radius:5px;color:#6c757d;border:1px solid #dee2e6;max-height:200px;overflow-y:auto;word-wrap:break-word}.fallback-answers pre,.invalid-answers pre,.error-answers pre{max-height:150px;overflow:auto;background:#f8f9fa;padding:10px;border-radius:4px;border:1px solid #dee2e6;font-size:.8em;white-space:pre-wrap;word-wrap:break-word}.survey-info{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:12px!important;margin-bottom:20px!important;overflow:visible}.survey-info>div{padding:8px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;word-wrap:break-word;overflow-wrap:break-word}.mainContent .survey-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:8px!important;margin-bottom:15px!important}.survey-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:15px!important;padding-bottom:10px!important;border-bottom:2px solid #eee!important;flex-wrap:wrap;gap:10px}.survey-header h4{margin:0!important;color:#333!important;word-wrap:break-word;overflow-wrap:break-word;max-width:70%}.mainContent .survey-header h4{font-size:1.1rem!important}.survey-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:15px!important;padding-top:15px!important;border-top:2px solid #eee!important;overflow:visible}.survey-actions button{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;flex:0 0 auto;min-width:120px;white-space:nowrap}.survey-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.survey-actions button:disabled{cursor:not-allowed;opacity:.7}.mainContent .survey-actions button{padding:8px 12px!important;min-width:100px!important;font-size:.9rem!important}.survey-log button{margin-right:10px;padding:8px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.survey-log button:hover{background-color:#45a049}button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-weight:500}button:hover{background-color:#0056b3}button:disabled{background-color:#6c757d;cursor:not-allowed}input[type=text],select{padding:10px;margin-right:10px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease;max-width:100%;box-sizing:border-box}input[type=text]:focus,select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.section input[type=text][style*="width: 100%"]{width:100%!important;padding:12px!important;margin-bottom:10px;border:2px solid #ddd;border-radius:6px;font-size:14px}.section>div[style*="display: flex"]{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important}.section>div[style*="display: flex"] input,.section>div[style*="display: flex"] select{min-width:150px;margin-right:0}.section p{margin:10px 0;padding:10px;border-radius:4px}@media (max-width: 768px){.auth_controls_body{padding:15px}.mainContent .auth_controls_body{padding:10px!important}.survey-header{flex-direction:column;align-items:flex-start!important}.survey-header h4{max-width:100%}.survey-info{grid-template-columns:1fr!important}.survey-actions{flex-direction:column}.survey-actions button{min-width:auto;width:100%}.section>div[style*="display: flex"]{flex-direction:column;align-items:stretch!important}.section>div[style*="display: flex"] input,.section>div[style*="display: flex"] select,.section>div[style*="display: flex"] button{width:100%;margin-right:0;margin-bottom:10px}}@media (max-width: 480px){.admin_controls_header{font-size:1.5rem}.mainContent .admin_controls_header{font-size:1.3rem!important}.survey-answers-section{max-height:250px;padding:10px!important}.mainContent .survey-answers-section{max-height:200px!important}.survey-answers-detailed .answer-item{padding:8px}}.user-management-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.header-section h2{color:#2c3e50;margin:0;font-weight:600}.header-actions{display:flex;align-items:center;gap:16px}.btn-refresh{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-refresh:hover{background:#0056b3;transform:translateY(-1px)}.last-updated{font-size:12px;color:#6c757d;background:#f8f9fa;padding:4px 8px;border-radius:4px}.tab-navigation{display:flex;gap:2px;margin-bottom:24px;background:#f8f9fa;padding:4px;border-radius:8px;overflow-x:auto}.tab-btn{padding:12px 16px;border:none;background:transparent;cursor:pointer;border-radius:6px;font-weight:500;font-size:14px;color:#495057;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap;min-width:fit-content}.tab-btn:hover{background:#e9ecef;color:#212529}.tab-btn.active{background:#007bff;color:#fff;box-shadow:0 2px 4px #007bff4d}.tab-count{background:#fff3;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;min-width:16px;text-align:center}.tab-btn.active .tab-count{background:#ffffff4d}.overview-section{margin-bottom:32px}.overview-section h3{color:#2c3e50;margin-bottom:20px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #0000000a;transition:all .2s ease}.stat-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:12px}.stat-content h4{margin:0;font-size:14px;color:#6c757d;font-weight:500}.stat-number{font-size:28px;font-weight:700;color:#2c3e50;margin-top:4px;display:block}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{color:#2c3e50;margin:0;font-weight:600}.loading-state{text-align:center;padding:60px 20px;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-state{text-align:center;padding:40px 20px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:20px 0}.error-state.major{padding:60px 20px;background:#f8d7da}.error-icon{font-size:48px;margin-bottom:16px}.error-state h3{color:#721c24;margin-bottom:8px}.error-state p{color:#721c24;margin-bottom:16px}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.btn-retry,.btn-reload{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-retry{background:#007bff;color:#fff}.btn-reload{background:#6c757d;color:#fff}.retry-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:12px}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h4{color:#495057;margin-bottom:8px}.users-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000f}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.users-table td{padding:16px;border-bottom:1px solid #e9ecef}.user-row:hover{background:#f8f9fa}.user-cell{min-width:200px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-avatar.small{width:32px;height:32px;font-size:14px}.user-details{display:flex;flex-direction:column;gap:2px}.username{font-weight:600;color:#2c3e50}.user-id{font-size:12px;color:#6c757d}.email-cell{color:#495057}.status-badge,.role-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-success{background:#d4edda;color:#155724}.status-warning{background:#fff3cd;color:#856404}.status-danger{background:#f8d7da;color:#721c24}.status-default{background:#e9ecef;color:#495057}.blocked{background:#ffeaa7;color:#8b6914}.banned{background:#fab1a0;color:#c0392b}.role-badge{background:#e3f2fd;color:#1565c0}.role-admin{background:#ffebee;color:#c62828}.role-mentor{background:#f3e5f5;color:#7b1fa2}.reports-section{margin-top:24px}.reports-list{display:grid;gap:16px}.report-card{background:#fff;border:1px solid #e9ecef;border-left:4px solid #ffc107;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000a}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.report-id{font-weight:600;color:#2c3e50}.report-date{font-size:12px;color:#6c757d}.report-content p{margin:4px 0;color:#495057}.pending-applications-section{margin-top:24px}.applications-list{display:grid;gap:20px}.application-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.application-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.application-header .user-info h4{color:#2c3e50;margin:0 0 4px}.application-header .user-info p{color:#6c757d;margin:0 0 4px}.application-meta{text-align:right}.timing-info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.days-pending{font-weight:600;color:#856404;background:#fff3cd;padding:2px 6px;border-radius:4px;font-size:12px}.submitted-date{font-size:12px;color:#6c757d}.application-details{margin-bottom:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;gap:8px}.detail-item strong{color:#495057;min-width:80px}.ticket-number{font-family:Courier New,monospace;background:#f8f9fa;padding:2px 4px;border-radius:3px}.admin-note{font-style:italic;color:#6c757d}.answers-details{border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.answers-summary{background:#f8f9fa;padding:12px 16px;cursor:pointer;font-weight:500;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.answers-summary:hover{background:#e9ecef}.expand-icon{transition:transform .2s ease}.answers-details[open] .expand-icon{transform:rotate(180deg)}.answers-content{padding:16px;background:#fefefe;max-height:300px;overflow-y:auto}.answers-text,.answers-json{margin:0;padding:12px;background:#f8f9fa;border-radius:4px;font-family:Courier New,monospace;font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-x:auto}.application-actions{display:flex;gap:12px;justify-content:flex-end}.btn-approve,.btn-reject,.btn-view{padding:10px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-approve{background:#28a745;color:#fff}.btn-approve:hover{background:#218838}.btn-reject{background:#dc3545;color:#fff}.btn-reject:hover{background:#c82333}.btn-view{background:#6c757d;color:#fff}.btn-view:hover{background:#5a6268}.btn-icon{font-size:14px}.pagination{margin-top:24px;display:flex;justify-content:center}.pagination-controls{display:flex;align-items:center;gap:8px;background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 4px #0000000f}.pagination-btn{padding:8px 12px;border:1px solid #e9ecef;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 16px}.current-page{font-weight:600;color:#2c3e50}.total-items{font-size:12px;color:#6c757d}.footer-info{margin-top:40px;padding-top:20px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.system-stats{display:flex;gap:12px;align-items:center;font-size:14px;color:#6c757d}.version-info{color:#adb5bd}.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-container{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 8px 32px #0000001a}.loading-container p{margin:16px 0 0;color:#495057;font-weight:500}.loading-container small{color:#6c757d;display:block;margin-top:8px}.global-error-banner{position:fixed;top:0;left:0;right:0;background:#f8d7da;border-bottom:2px solid #f5c6cb;z-index:999;padding:12px 0}.error-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:0 20px}.error-content .error-icon{font-size:24px}.error-details strong{color:#721c24;display:block;margin-bottom:4px}.error-details p{color:#721c24;margin:0;font-size:14px}@media (max-width: 768px){.user-management-container{padding:16px}.header-section{flex-direction:column;gap:16px;align-items:flex-start}.tab-navigation{flex-direction:column;gap:8px}.stats-grid{grid-template-columns:1fr}.application-header{flex-direction:column;gap:12px;align-items:flex-start}.application-meta{text-align:left}.application-actions{justify-content:flex-start;flex-wrap:wrap}.footer-info{flex-direction:column;gap:12px;text-align:center}.system-stats{flex-wrap:wrap;justify-content:center}.users-table-container{overflow-x:auto}.pagination-controls{flex-wrap:wrap}}@media (max-width: 480px){.tab-btn{padding:10px 12px;font-size:13px}.stat-card{padding:16px}.stat-icon{width:48px;height:48px;font-size:24px}.stat-number{font-size:24px}.application-card{padding:16px}.application-actions{flex-direction:column}}button:hover:not(:disabled){transform:translateY(-1px);transition:all .2s ease}.fade-in{animation:fadeIn .3s ease-in}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.iko_container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:transparent;position:relative}.iko_container .nav{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a;flex-wrap:wrap;gap:8px}.iko_container .nav .button{width:5px}.nav-left{display:flex;align-items:center;gap:12px}.nav-left .title{font-weight:bolder;font-size:larger;font-family:sans-serif}.nav-left .title_def{font-weight:lighter;font-size:small;font-family:Georgia,Times New Roman,Times,serif}.nav-centre{display:flex;flex-direction:row;align-items:center;gap:12px}.nav-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-left,.nav-right{gap:6px}.user-info{font-size:.7em}.member-status{display:flex;align-items:center;gap:6px;font-size:.85em}.user-info{background:#ffffff1a;padding:3px 6px;border-radius:10px;font-size:.8em}.status-badge{padding:2px 5px;border-radius:6px;font-size:.7em;font-weight:700}.status-badge.loading{background:#ffa726;color:#fff}.status-badge.error{background:#ef5350;color:#fff}.status-badge.member{background:#4caf50;color:#fff}.admin-badge{background:#9c27b0;color:#fff;padding:2px 4px;border-radius:6px;font-size:.7em;margin-left:4px}.chat-count,.teaching-count{background:#ffffff1a;padding:3px 6px;border-radius:6px;font-size:.75em}.iko_viewport{display:flex;flex-direction:row;min-height:calc(100vh - 100px);background-image:url(/assets/sky-C-eMabB2.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:#0a0e27;position:relative;overflow:hidden}.iko_viewport:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 50% 100%,rgba(34,211,238,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.iko_viewport>*{position:relative;z-index:1}body.no-select,body.no-select *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.resize-divider{width:12px;cursor:col-resize;position:relative;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;z-index:1000;min-height:100%;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.resize-divider:hover{background:#fff3;border-color:#ffffff4d}.resize-divider:active,.resize-divider.dragging{background:#3b82f666;border-color:#3b82f699}.divider-handle{display:flex;align-items:center;justify-content:center;height:40px;width:100%}.divider-dots{color:#ffffffb3;font-size:16px;line-height:1;cursor:col-resize;writing-mode:vertical-rl;letter-spacing:2px}.resize-divider:hover .divider-dots{color:#fff}.listchats_container{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;margin:0 4px!important}.chat_container{background:#ffffff12!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 32px #1f268740,inset 0 0 30px #ffffff0d!important;border-radius:20px!important;margin:0 4px!important;overflow:hidden}.listcomments_container{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;margin:0 4px!important;font-size:.8em}.listcomments_container *{background:transparent!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.9)!important}.listcomments_container img{text-shadow:none!important}.listcomments_container .comment-item{padding:8px!important;margin-bottom:6px!important;font-size:.9em!important;font-weight:400!important;background:transparent!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.7)!important}.listcomments_container .comment-header{font-size:.8em!important;font-weight:500!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.7)!important}.listcomments_container .comment-content{font-size:.85em!important;font-weight:300!important;line-height:1.3!important;color:#ffffffe6!important;text-shadow:1px 1px 2px rgba(0,0,0,.7)!important}.listcomments_container .comment-timestamp{font-size:.7em!important;font-weight:300!important;color:#ffffffb3!important;text-shadow:1px 1px 2px rgba(0,0,0,.7)!important}.listchats_container{font-size:.8em}.listchats_container *{background:transparent!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.9)!important}.listchats_container img{text-shadow:none!important}.chats-list{flex:6;padding:8px;overflow:auto;background:transparent!important}.chat-item{display:flex;flex-direction:column;gap:6px;padding:10px;margin-bottom:8px;cursor:pointer;border-radius:0;border:none!important;background:transparent!important;transition:all .3s ease;box-shadow:none!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.chat-item:hover{background:#ffffff0d!important;border:none!important;transform:none;box-shadow:none!important;text-shadow:1px 1px 3px rgba(0,0,0,.9)!important}.chat-item.active{background:#3498db26!important;color:#fff!important;border:none!important;transform:none;box-shadow:none!important;text-shadow:1px 1px 3px rgba(0,0,0,1)!important}.chat-item.active *{color:#fff!important;text-shadow:1px 1px 3px rgba(0,0,0,1)!important}.chat_container{flex:6}.chat_container .top{position:sticky;top:0;z-index:100;padding:15px;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.chat_container .center{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px;border-radius:30px}.chat_container .bottom{position:sticky;bottom:0;z-index:100;padding:15px;border-top:1px solid #ddd;box-shadow:0 -2px 4px #0000001a}.message{max-width:70%;display:flex;gap:20px;margin-bottom:20px}.message.own{align-self:flex-end;margin-left:auto}.message.own .texts p{background-color:#5183fe;color:#fff;padding:10px;border-radius:10px}.message .texts{flex:1;display:flex;flex-direction:column;gap:5px}.message .texts p{padding:10px;background-color:#1119281a;border-radius:10px;color:#2c3e50}.message .texts span{font-size:12px;color:#7f8c8d}.message img{width:40px;height:40px;border-radius:50%;object-fit:cover}.message .texts img{width:100%;max-width:300px;height:auto;border-radius:10px;object-fit:cover}.input_div{flex:1;padding:12px;border:1px solid rgba(255,255,255,.3);background-color:#ffffffe6;border-radius:8px;outline:none;color:#2c3e50;font-size:14px;resize:vertical;min-height:40px;max-height:120px}.input_div:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.SendButton{background-color:#3498db;color:#fff;padding:12px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.SendButton:hover{background-color:#2980b9;transform:translateY(-1px)}.iko_container .footnote{position:sticky;bottom:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75em;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.1);min-height:40px}.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:8px}.footer-center{flex:1;justify-content:center}.activity-indicator{display:flex;align-items:center;gap:10px}.online-status{background:#4caf5033;padding:2px 6px;border-radius:8px;border:1px solid #4caf50;font-size:.7em}.footer-controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.footer-btn{padding:4px 8px;border:none;border-radius:6px;cursor:pointer;font-size:.65em;font-weight:500;transition:all .2s ease;white-space:nowrap}.footer-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.footer-btn.towncrier-btn{background:#673ab7;color:#fff}.footer-btn.admin-btn{background:#9c27b0;color:#fff}.footer-btn.refresh-btn{background:#607d8b;color:#fff}.footer-btn.signout-btn{background:#f44336;color:#fff}.status{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;text-align:center}.status.loading{background:linear-gradient(135deg,#ecf0f1,#d5dbdb);color:#7f8c8d}.status.error{background:linear-gradient(135deg,#fadbd8,#f1948a);color:#e74c3c}@media (max-width: 1200px){.iko_container .nav{padding:6px 12px;font-size:.9em}.nav-left .title{font-size:1.1em}.nav-left .title_def{font-size:.8em}.listchats_container,.listcomments_container{font-size:.75em}}@media (max-width: 1024px){.iko_viewport{flex-direction:column!important;min-height:auto}.resize-divider{display:none!important}.listchats_container{width:100%!important;height:250px;flex:none;margin:4px 0;border-radius:15px}.chat_container{width:100%!important;flex:1;min-height:400px;margin:4px 0;border-radius:20px}.listcomments_container{width:100%!important;height:200px;flex:none;margin:4px 0;border-radius:15px}.nav-centre{gap:8px}.footer-btn{padding:6px 10px;font-size:.7em}}@media (max-width: 768px){.iko_container .nav{padding:5px 8px;flex-wrap:wrap}.iko_container .footnote{padding:4px 8px;font-size:.7em}.nav-left .title_def{display:none}.nav-left .title{font-size:1em}.nav-centre{gap:4px}.footer-controls{gap:2px;flex-wrap:wrap}.footer-btn{padding:4px 6px;font-size:.6em;white-space:nowrap}.listchats_container{height:200px!important;font-size:.7em}.listcomments_container{height:150px!important;font-size:.7em}.chat_container{min-height:350px!important}.message{margin-bottom:12px}.message img{width:32px;height:32px}.input_div{padding:8px;font-size:13px;min-height:35px}.SendButton{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.iko_container{min-height:100vh}.iko_container .nav{padding:4px 6px}.iko_container .footnote{padding:3px 6px;font-size:.65em}.nav-left,.nav-centre,.nav-right{flex-wrap:wrap}.nav-centre{order:3;width:100%;justify-content:center;margin-top:4px}.listchats_container{height:180px!important;font-size:.65em}.listcomments_container{height:120px!important;font-size:.65em}.chat_container{min-height:300px!important}.chat_container .center{padding:8px}.message{margin-bottom:10px;max-width:85%}.message img{width:28px;height:28px}.input_div{padding:6px;font-size:12px;min-height:32px}.SendButton{padding:6px 10px;font-size:12px}.footer-btn{padding:3px 5px;font-size:.55em}}.search{display:flex;align-items:center;justify-content:center;gap:5px;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 2px 4px #0000001a;height:150px}.searchbar{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:8px;margin-top:10px;margin-bottom:10px;border:2px solid rgba(52,152,219,.2);max-width:98%;max-height:120px}.searchbar img{width:40px;height:40px;opacity:.8}.search-stats{font-size:12px;color:#7f8c8d;background:#fffc;padding:4px 8px;border-radius:12px}.search-controls{width:93%}.search-controls form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.search-input-container{display:flex;justify-content:center;width:100%}.search-input-container input{width:80%;padding:10px 2px;text-align:center;flex:1;font-size:14px}.search-button-container{display:flex;align-items:center;gap:8px}.search-icon{font-size:18px;opacity:.8}.search-button-container button{padding:6px 16px;background:#fff3;color:#000c;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;transition:background .3s ease;font-size:14px}.search-controls .search-button:hover{background:#2980b9}.listchats_info{position:relative;z-index:500;background:linear-gradient(135deg,#34495eb3,#2c3e50cc);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 15px;margin:5px;border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff1a}.total-info{position:relative;z-index:500;background:linear-gradient(135deg,#2980b999,#3498dbb3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 12px;margin:5px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:600;text-align:center;box-shadow:0 2px 8px #3498db66,inset 0 1px #fff3;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.listchats_container{flex:1 1 auto;overflow:scroll;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:none;height:100vh;overflow-y:scroll;border-radius:0;margin-right:2px;margin-left:2px;color:#fff;background-color:transparent;position:relative;z-index:1}.search{display:flex;align-items:center;margin-top:5px;gap:20px;padding:20px;box-shadow:0 0 0 1px #fff,0 0 0 3px red,0 0 0 8px purple;border-radius:10px;width:95%;background-color:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000}.searchbar{flex:1;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:20px;border-radius:10px;padding:10px;background-color:#000}.add{width:35px;height:35px;background-color:transparent;border:1px solid rgba(255,255,255,.3);padding:10px;border-radius:10%;cursor:pointer}.item{display:flex!important;align-items:flex-start!important;align-self:flex-start!important;gap:5px!important;padding:8px 5px!important;cursor:pointer;border-bottom:2px solid rgba(221,221,221,.35)!important;background:transparent!important;transition:all .3s ease;max-height:60px;overflow:visible!important;color:#fff!important;position:relative;z-index:10;margin:0!important}.item.active{background:#5183fe0d!important;max-height:150px!important;overflow:visible!important;color:#fff!important;padding:12px 5px!important;border-bottom:2px solid rgba(81,131,254,.4)!important}.item.active .texts{padding:0!important}.item img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:none}.item .texts{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.item.active .texts{flex-direction:column;gap:3px}.item .texts span{font-size:10px;font-weight:300;color:#ffffffe6;line-height:1.2}.item .texts p{font-size:11px;font-weight:300;color:#ffffffb3;margin:0;line-height:1.2}.item .time{font-size:7px;color:#ffffff80}.content-type-badge{background:transparent!important;color:#fff!important;padding:2px 4px;border:1px solid rgba(255,255,255,.3)!important;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase;margin-right:5px;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.item[data-type=chat] .content-type-badge{background:transparent!important;border-color:#3498db80!important}.item[data-type=teaching] .content-type-badge{background:transparent!important;border-color:#e67e2280!important}.content-id{font-family:Courier New,monospace;background:transparent!important;padding:2px 4px;border:1px solid rgba(255,255,255,.2)!important;border-radius:3px;font-weight:700;color:#fff!important;margin-right:5px;font-size:10px;text-shadow:1px 1px 2px rgba(0,0,0,.9)!important}.loading-message,.error-message{text-align:center;padding:2rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;margin:1rem;box-shadow:none;color:#fff}.error-message button{margin-top:1rem;padding:.5rem 1rem;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-message button:hover{background:#c0392b}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.content-type-badge{background:#34495e;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.content-type-badge[data-type=chat]{background:#3498db}.content-type-badge[data-type=teaching]{background:#e67e22}.content-id{font-family:Courier New,monospace;background:#ecf0f1;padding:.25rem .5rem;border-radius:4px;font-weight:700;color:#2c3e50;font-size:.75rem}.item-title{font-weight:600;color:#fff;display:block;margin-bottom:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.more-comments{font-style:italic;color:#fffc;font-size:.875rem;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.no-comments{color:#fff9;font-style:italic;font-size:.875rem;text-shadow:1px 1px 2px rgba(0,0,0,.7)}@media (max-width: 1024px){.listchats_container{height:250px}.item{gap:10px;padding:10px}.item img{width:40px;height:40px}.item .texts span{font-size:13px}.item .texts p{font-size:11px}.content-type-badge{font-size:.6rem;padding:.15rem .3rem}}@media (max-width: 768px){.listchats_container{height:200px}.search{padding:12px;gap:12px}.item{gap:8px;padding:8px;max-height:60px}.item.active{max-height:200px}.item img{width:35px;height:35px}.item .texts span{font-size:12px;font-weight:400}.item .texts p{font-size:10px}.item .time{font-size:9px}.content-type-badge{font-size:.55rem;padding:.1rem .25rem;border-radius:6px}.content-id{font-size:.65rem;padding:.15rem .3rem}}.comments-count-section{font-style:normal;color:#fffc;font-size:10px;text-shadow:1px 1px 2px rgba(0,0,0,.7);margin-left:auto;display:flex;align-items:center}.no-comments-indicator{color:#fff9;font-style:normal;font-size:10px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.comments-count{color:#fffc;font-size:10px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.item-header{display:flex;align-items:center;gap:4px;margin-bottom:2px}.content-title{font-size:11px!important;color:#ffffffe6!important;font-weight:400}.item:not(.active){max-height:65px!important;padding:8px 5px!important;margin:0!important;align-self:flex-start!important;overflow:visible!important}.item:not(.active) .texts{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;align-self:flex-start!important;gap:2px!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important}.item:not(.active) .texts>div:not(.item-header):not(:nth-child(2)){display:none!important}.item:not(.active) .texts>div:nth-child(2){display:flex!important}.item.active .texts{flex-direction:column;gap:2px}.item.active .texts>div{display:block!important;font-size:10px;line-height:1.3}.item.active .texts strong{font-weight:500;color:#fffffff2}.item:not(.active) .item-header{display:flex!important;flex-direction:row!important;gap:6px!important;align-items:center!important;align-self:flex-start!important;white-space:nowrap;overflow:visible!important;width:100%!important;height:auto!important;line-height:1.2!important}.item:not(.active) .title-line,.item:not(.active) .texts>div:nth-child(2){display:flex!important;flex-direction:row!important;align-items:center!important;align-self:flex-start!important;justify-content:space-between!important;gap:8px!important;width:100%!important;height:auto!important;line-height:1.2!important}.listchats_container .item{padding:8px 5px!important;margin:0!important;max-height:60px!important;align-self:flex-start!important;overflow:visible!important}.listchats_container .item:not(.active){max-height:60px!important;padding:8px 5px!important;margin:0!important;align-self:flex-start!important;overflow:visible!important}.listchats_container .item.active{max-height:250px!important;padding:12px 5px!important}.listchats_container .item .content-type-badge,.listchats_container .item .content-id,.listchats_container .item .content-title,.listchats_container .item .comments-count-section{font-size:10px!important;color:#fff!important}@media (max-width: 480px){.listchats_container{height:180px}.search{padding:8px;gap:8px}.searchbar{padding:6px}.add{width:30px;height:30px;padding:6px}.item{gap:6px;padding:6px;max-height:50px}.item.active{max-height:180px}.item img{width:30px;height:30px}.item .texts{gap:4px}.item .texts span{font-size:11px;font-weight:400}.item .texts p{font-size:9px}.item .time{font-size:8px}.content-type-badge{font-size:.5rem;padding:.1rem .2rem;border-radius:4px}.content-id{font-size:.6rem;padding:.1rem .25rem}.item-header{margin-bottom:.25rem}.more-comments,.no-comments{font-size:.75rem}}.chat_container{flex:7 1 auto;display:flex;flex-direction:column;height:100%;width:auto;max-width:none;margin:0 auto;background:#f7f7f736;border-radius:20px;box-shadow:0 4px 10px #0000001a;overflow:visible;position:relative}.top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:3px solid #5a67d8;color:#fff;box-shadow:0 4px 20px #667eea4d,inset 0 1px #fff3;position:relative;overflow:hidden;min-height:80px;background-color:#000}.top:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.top .user{flex-direction:row;display:flex;align-items:center;position:relative;z-index:2;justify-content:space-between}.avatar{border:3px solid green;background:linear-gradient(135deg,#667eea,#764ba2);padding:2px;border-radius:30px;width:80px;height:80px;margin-right:15px;border:4px solid rgba(255,255,255,.8);box-shadow:0 6px 20px #0000004d,inset 0 2px 4px #fff3;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.top .user img:hover{transform:scale(1.1) rotate(5deg);border-color:gold;box-shadow:0 8px 30px #ffd70080,inset 0 2px 4px #ffffff4d}.top .user:after{content:"✓";position:absolute;bottom:5px;right:12px;width:22px;height:22px;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;border:3px solid white;box-shadow:0 3px 10px #27ae6066}.top .chat_top_texts{flex:1;width:fit-content;display:flex;flex-direction:column;align-items:center;padding:5px;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;border:1px solid rgba(255,255,255,.2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;z-index:2;box-shadow:0 6px 20px #00000026;box-sizing:content-box}.top .chat_top_texts span,.top .chat_top_texts p{background:#fffffff2;color:#2c3e50;border-radius:25px;margin:0;font-size:14px;font-weight:600;width:fit-content;max-width:100%;word-break:break-word;box-shadow:0 3px 10px #0000001a;transition:all .3s ease;position:relative}.top .chat_top_texts span:hover,.top .chat_top_texts p:hover{background:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #0003}.top .chat_top_texts .creator-info{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;color:#fff!important;font-weight:700;position:relative;border:2px solid rgba(255,255,255,.3)}.top .chat_top_texts .creator-info:before{content:"👤 ";font-size:16px;margin-right:5px}.top .chat_top_texts .creator-info small{color:#ffffffe6!important;font-weight:400}.top .chat_top_texts .topic-info{background:linear-gradient(135deg,#3498db,#2980b9)!important;color:#fff!important;font-weight:700;border:2px solid rgba(255,255,255,.3)}.top .chat_top_texts .topic-info:before{content:"📌 ";font-size:16px;margin-right:5px}.top .chat_top_texts .content-id{color:#fff!important;font-weight:700;font-family:Courier New,monospace;letter-spacing:1px;border:2px solid rgba(255,255,255,.3)}.top .chat_top_texts .content-id:before{content:"🆔 ";font-size:16px;margin-right:5px}.top .chat_top_texts .content-id small{color:#ffffffe6!important;font-weight:400}.chat-top-icons{display:flex;align-items:center;margin:0 10px 10px;position:relative;z-index:2;justify-content:space-evenly}.chat-top-icons img{width:30px;height:30px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);padding:5px;background:#ffffff40;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 6px 20px #00000040,inset 0 2px #fff6;filter:brightness(1.3) contrast(1.2);position:relative}.chat-top-icons img:hover{transform:translateY(-6px) scale(1.2) rotate(12deg);background:#fff6;border-color:gold;box-shadow:0 12px 35px #ffd70080,inset 0 3px 8px #ffffff80;filter:brightness(1.5) contrast(1.4)}.chat-top-icons img:active{transform:translateY(-3px) scale(1.15);box-shadow:0 8px 25px #ffd70066,inset 0 2px 6px #ffffff80}.chat-top-icons img:focus{outline:3px solid #ffd700;outline-offset:3px}.chat-top-icons img:after{content:attr(title);position:absolute;bottom:-45px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:100;box-shadow:0 4px 15px #0000004d}.chat-top-icons img:hover:after{opacity:1;bottom:-40px}.chat-top-icons img[alt=Phone]{background:linear-gradient(135deg,#27ae60,#2ecc71)}.chat-top-icons img[alt=Phone]:hover{background:linear-gradient(135deg,#2ecc71,#58d68d)}.chat-top-icons img[alt=Video]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.chat-top-icons img[alt=Video]:hover{background:linear-gradient(135deg,#ec7063,#f1948a)}.chat-top-icons img[alt=Info]{background:linear-gradient(135deg,#f39c12,#e67e22)}.chat-top-icons img[alt=Info]:hover{background:linear-gradient(135deg,#f4d03f,#f8c471)}.top-action-buttons{display:flex;gap:5px;margin-left:10px;position:relative;z-index:2}.top-action-buttons .action-btn{padding:6px 10px;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 6px 20px #00000040;border:2px solid rgba(255,255,255,.3);min-width:60px}.top-action-buttons .comment-btn{background:linear-gradient(135deg,#28a745,#20c997)}.top-action-buttons .comment-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-4px) scale(1.08);box-shadow:0 12px 35px #28a74580}.top-action-buttons .teach-btn{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.top-action-buttons .teach-btn:hover{background:linear-gradient(135deg,#e83e8c,#fd7e14);transform:translateY(-4px) scale(1.08);box-shadow:0 12px 35px #6f42c180}.top-action-buttons .chat-btn{background:linear-gradient(135deg,#007bff,#6610f2)}.top-action-buttons .chat-btn:hover{background:linear-gradient(135deg,#6610f2,#6f42c1);transform:translateY(-4px) scale(1.08);box-shadow:0 12px 35px #007bff80}.top-action-buttons .action-btn:active{transform:translateY(-2px) scale(1.05)}.top-action-buttons .action-btn:focus{outline:3px solid #ffd700;outline-offset:2px}.top-action-buttons .action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transition:all .6s ease;transform:translate(-50%,-50%)}.top-action-buttons .action-btn:active:before{width:60px;height:60px}@media (max-width: 1024px){.top{padding:14px 18px}.top .user img{width:60px;height:60px}.top .chat_top_texts{max-width:200px;margin:0 15px}.top-action-buttons{margin-left:15px;gap:10px}.top-action-buttons .action-btn{padding:10px 16px;font-size:13px;min-width:85px}.chat-top-icons img{width:38px;height:38px;padding:8px}}@media (max-width: 768px){.top{flex-direction:column;align-items:center;padding:20px;gap:20px;min-height:auto}.top .user{order:1}.top .chat_top_texts{order:2;width:100%;max-width:none;margin:0;text-align:center}.chat-top-icons{order:3;flex-wrap:wrap;justify-content:center;gap:12px}.top-action-buttons{order:4;margin-left:0;flex-wrap:wrap;justify-content:center;width:100%}.top-action-buttons .action-btn{flex:1;min-width:calc(33.333% - 8px)}}@media (max-width: 480px){.top .user img{width:55px;height:55px}.top .chat_top_texts span,.top .chat_top_texts p{font-size:13px;padding:8px 12px}.chat-top-icons img{width:35px;height:35px;padding:7px}.top-action-buttons .action-btn{padding:10px 14px;font-size:12px;min-width:calc(50% - 6px)}.top-action-buttons{gap:8px}}@media (prefers-reduced-motion: reduce){.top:before,.top .user img,.chat-top-icons img,.top-action-buttons .action-btn{animation:none;transition:none}.top .user img:hover,.chat-top-icons img:hover,.top-action-buttons .action-btn:hover{transform:none}}@media (prefers-contrast: high){.top{background:#000;border-bottom:4px solid #ffffff;color:#fff}.top .chat_top_texts{background:#fffffff2;border:3px solid #000000}.top .chat_top_texts span,.top .chat_top_texts p{background:#fff;color:#000;border:2px solid #000000}.chat-top-icons img{border:3px solid #ffffff;background:#ffffffe6}.top-action-buttons .action-btn{border:3px solid #ffffff}}.top-action-buttons .small-btn{font-size:11px!important;padding:3px 6px!important;min-width:auto;height:auto;line-height:1.2}.top-action-buttons .small-btn span{font-size:10px;margin-left:2px}.chat_top_texts .creator-info{font-size:12px;color:#333;display:flex;align-items:center;gap:5px}.chat_top_texts .approver-info{font-size:11px;color:#666;display:flex;align-items:center;gap:5px}@media (prefers-contrast: high){.chat-top-icons img:focus,.top-action-buttons .action-btn:focus,.top .user img:focus{outline:4px solid #ffff00;outline-offset:3px}}.center{flex:1;overflow-y:auto;padding:12px;background:#f6eef021;display:grid;flex-direction:row;gap:12px}.message-heading{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px;max-width:100%;border-radius:12px}.media-container{display:flex;flex-direction:column;align-items:center;gap:10px}.texts{background:#0000005b;padding:10px 14px;border-radius:16px;max-width:70%;word-wrap:break-word;box-shadow:0 2px 4px #0000001a}.message-heading.Own{display:flex;flex-direction:column;align-self:flex-end}.message-heading img{width:36px;height:30px;border-radius:45%;object-fit:cover;margin-right:5px}.message-heading.Own img{margin-right:0;margin-left:10px}.message-heading.Own .texts{background:#0078ff;color:#000}.texts p{margin:0;font-size:14px;line-height:1.5}.texts span{display:block;font-size:12px;margin-top:4px;color:#000}.media-container img{max-width:100%;height:auto;border-radius:10px;margin-top:8px}.media-container audio,.media-container video{width:100%;border-radius:10px;margin-top:8px}.bottom{padding:10px;background:transparent;border-top:1px solid #e0e0e0}.comment-header{display:flex;justify-content:space-between;align-items:center;padding:0 2px 2px;border:3px solid purple;border-radius:12px;margin-top:-4px}.comment-metadata{font-size:12px;display:flex;justify-content:space-between;align-items:center}.toggle_buttons{display:flex;justify-content:space-around;padding-bottom:10px}.toggle_buttons button{flex:1;padding:8px;border:none;cursor:pointer;background:transparent;font-size:14px;font-weight:700;color:#555;transition:all .3s}.toggle_buttons button.active{color:#0078ff;border-bottom:2px solid #0078ff}.bottom_comment input[type=text]{width:100%;padding:16px 20px;font-size:16px;font-weight:500;line-height:1.5;color:#2c3e50;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #3498db;border-radius:12px;outline:none;box-shadow:0 4px 15px #3498db33;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:10;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bottom_comment input[type=text]:focus{border-color:#2980b9;background:linear-gradient(135deg,#fff,#f0f8ff);box-shadow:0 0 0 4px #3498db4d,0 8px 25px #3498db66,inset 0 1px 3px #0000001a;transform:translateY(-2px) scale(1.02);color:#1a252f}.bottom_comment input[type=text]:hover{border-color:#5dade2;box-shadow:0 6px 20px #3498db40,0 2px 8px #0000001a;transform:translateY(-1px);background:linear-gradient(135deg,#fff,#f7fbff)}.bottom_comment input[type=text]::placeholder{color:#7f8c8d;font-weight:400;font-style:italic;opacity:.8;transition:opacity .3s ease}.bottom_comment input[type=text]:focus::placeholder{opacity:.5;transform:translate(4px)}.bottom_comment{position:relative;background:linear-gradient(135deg,#ecf0f1,#d5dbdb);padding:20px;border-radius:15px;box-shadow:0 4px 20px #0000001a,inset 0 1px 3px #fffc;margin:10px 0}.bottom_comment:before{content:"💬 Type your comment here";position:absolute;top:-8px;left:20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:15;box-shadow:0 2px 8px #3498db66;opacity:0;transform:translateY(-5px);transition:all .3s ease;pointer-events:none}.bottom_comment:hover:before,.bottom_comment:focus-within:before{opacity:1;transform:translateY(0)}.step-indicator{display:flex;justify-content:space-between;gap:15px;align-items:center;width:fit-content;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:25px;font-size:14px;font-weight:600;text-align:center;margin-bottom:15px;box-shadow:0 3px 10px #667eea4d;border:2px solid rgba(255,255,255,.2)}.bottom_comment .icons{width:fit-content;display:flex;flex-direction:row;gap:30px;align-items:center;justify-content:space-between;padding:10px;background:#ffffffb3;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a}.bottom_comment .icons img{width:28px;height:28px;cursor:pointer;transition:all .3s ease;padding:6px;border-radius:50%;background:#3498db1a}.bottom_comment .icons img:hover{background:#3498db33;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #3498db4d}.SendButton{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:16px 32px;font-size:16px;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #27ae604d,0 2px 8px #0000001a;text-transform:uppercase;letter-spacing:.5px;margin-top:15px;min-width:140px}.SendButton:hover{background:linear-gradient(135deg,#229954,#28b463);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #27ae6066,0 4px 12px #0003}.SendButton:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 15px #27ae604d,0 2px 6px #0003}.input-buttons{display:flex;gap:12px;justify-content:center;margin:15px 0}.input-buttons button{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px}.input-buttons button:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);transform:translateY(-2px);box-shadow:0 6px 15px #7f8c8d4d}.toggle_buttons{display:flex;background:#ffffffe6;border-radius:25px;padding:4px;margin-top:40px;margin-bottom:20px;box-shadow:inset 0 2px 4px #0000001a}.toggle_buttons button{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#7f8c8d}.toggle_buttons button.active{background:linear-gradient(135deg,#3498db,#2980b9);color:#00f;box-shadow:0 3px 10px #3498db4d;transform:scale(1.02)}.bottom_presentation textarea:focus{border-color:#2980b9;background:linear-gradient(135deg,#fff,#f0f8ff);box-shadow:0 0 0 4px #3498db4d,0 8px 25px #3498db66;transform:translateY(-2px)}@media (max-width: 768px){.bottom_comment input[type=text]{font-size:16px;padding:14px 16px}.bottom_comment:before{font-size:11px;padding:3px 8px}.SendButton{padding:14px 24px;font-size:15px}.bottom_comment .icons img{width:24px;height:24px}}@media (prefers-contrast: high){.bottom_comment input[type=text]{border-color:#000;background:#fff;color:#000}.bottom_comment input[type=text]:focus{border-color:#000;box-shadow:0 0 0 3px #000}}@media (prefers-reduced-motion: reduce){.bottom_comment input[type=text],.SendButton,.bottom_comment .icons img{transition:none}.bottom_comment input[type=text]:focus{transform:none}.SendButton:hover{transform:none}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.camera-modal{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.camera-container{box-shadow:0 20px 60px #0000004d;border:2px solid rgba(255,255,255,.1)}.media-step{padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px dashed #3498db;text-align:center;margin:10px 0;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center}.media-step p{color:#6c757d;margin:0 0 10px;font-style:italic}.media-status{animation:slideIn .3s ease-out}.recording-status{animation:slideIn .3s ease-out,pulse 2s infinite}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.step-indicator .icons img:hover{transform:scale(1.2);filter:brightness(1.2) contrast(1.1)}.step-indicator .icons img:active{transform:scale(.95)}.camera-controls button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.camera-controls button:active{transform:translateY(0)}.icons img[alt=Microphone].recording{filter:hue-rotate(0deg) saturate(2) brightness(1.2);border:2px solid #e74c3c;border-radius:50%;padding:2px}.icons img[alt=Camera].capturing{filter:hue-rotate(60deg) saturate(1.5) brightness(1.1);border:2px solid #f39c12;border-radius:50%;padding:2px}.media-status{border:1px solid #27ae60;color:#27ae60}.SendButton:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;transform:none}.SendButton:disabled:hover{transform:none;box-shadow:none}@media (max-width: 768px){.camera-modal .camera-container{width:95%;height:auto;max-height:90%}.camera-controls{flex-wrap:wrap;gap:10px!important}.camera-controls button{padding:10px 16px;font-size:14px}.step-indicator .icons img{width:20px;height:20px}}.recording-status:before{content:"🔴";display:inline-block;animation:pulse 1s infinite;margin-right:5px}.content-header{width:100%;justify-content:space-between;align-items:center;gap:12px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:6px;border-bottom:1px solid rgba(255,255,255,.2)}.content-header h2{margin:0;font-size:1.5em;color:#fff}.content-header .content-author{font-size:.9em;color:#ffffffb3}.message-heading{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(139,69,19,.8)!important;box-shadow:0 0 0 1px #fff3,0 0 0 3px #8b451366,0 4px 16px #0000004d;border-radius:10px;margin-bottom:8px;padding:8px;position:relative;overflow:hidden;max-width:100%}.message-heading:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite;pointer-events:none}.content-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 10px!important;border:1px solid rgba(255,255,255,.3);border-radius:15px;background:linear-gradient(135deg,#ffffff26,#ffffff1a);margin-bottom:6px;position:relative}.content-header:before{position:absolute;top:-8px;left:15px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:4px;border-radius:12px;font-size:8px;box-shadow:0 2px 8px #3498db66}.content-type-badge{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;color:#fff!important;padding:3px 6px!important;border-radius:12px!important;font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 2px 6px #e74c3c4d!important;position:relative;line-height:1.2}.content-type-badge:before{content:"🏷️";margin-right:3px;font-size:10px}.content-id-display{background:linear-gradient(135deg,#9b59b6,#8e44ad)!important;color:#fff!important;padding:3px 6px!important;border-radius:10px!important;font-family:Courier New,monospace!important;font-weight:600!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 2px 6px #9b59b64d!important;font-size:9px!important;letter-spacing:.5px!important;line-height:1.2}.content-id-display:before{content:"🆔";margin-right:3px;font-size:10px}.content-header span p{background:linear-gradient(135deg,#f39c12,#e67e22)!important;color:#fff!important;padding:3px 6px!important;border-radius:10px!important;margin:0!important;font-size:10px!important;font-weight:600!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 2px 6px #f39c124d!important;line-height:1.2}.content-header span p:before{content:"📖";margin-right:3px;font-size:10px}.content-author{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;color:#fff!important;padding:3px 6px!important;border-radius:10px!important;font-size:10px!important;font-weight:600!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 2px 6px #27ae604d!important;line-height:1.2}.content-author:before{content:"👤";margin-right:3px;font-size:10px}.content-header2{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;border:2px solid rgba(255,165,0,.8)!important;box-shadow:0 0 0 1px #ffffff4d,0 0 0 3px #ffa50066,0 4px 12px #0003;padding:8px!important;margin-top:6px!important;border-radius:10px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.content-header2:before{content:"📊";position:absolute;top:-8px;left:15px;background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;box-shadow:0 2px 8px #ff950066}.content-header2-left{flex:1;display:flex;flex-direction:column;gap:4px}.content-header2-left h3{margin:0!important;color:#fff!important;font-size:12px!important;font-weight:700!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important;padding:4px 8px!important;background:linear-gradient(135deg,#3498db,#2980b9)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 2px 6px #3498db4d!important;line-height:1.3}.content-header2-left h3:before{content:"📌";margin-right:4px;font-size:11px}.content-header2-left p{margin:0!important;color:#fff!important;font-size:10px!important;padding:3px 6px!important;background:linear-gradient(135deg,#fff3,#ffffff1a)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.3)!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);line-height:1.3}.content-header2-left p:first-of-type:before{content:"📝";margin-right:5px}.content-header2-left p:nth-of-type(2):before{content:"📚";margin-right:5px}.content-header2-right{flex:1;display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-end}.content-header2-right p{margin:0!important;color:#fff!important;font-size:10px!important;padding:3px 6px!important;background:linear-gradient(135deg,#fff3,#ffffff1a)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.3)!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important;text-align:right!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);line-height:1.3}.content-header2-right p:first-child:before{content:"👥";margin-right:5px}.content-header2-right p:nth-child(2):before{content:"✍️";margin-right:5px}.content-header2-right p:last-child:before{content:"📅";margin-right:5px}.ai-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe)!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important;padding:4px 8px!important;border-radius:12px!important;font-size:10px!important;font-weight:600!important;width:fit-content!important;margin:6px 0!important;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c5ce74d;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.ai-btn:hover{background:linear-gradient(135deg,#a29bfe,#fd79a8)!important;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #a29bfe99}.ai-btn.active{background:linear-gradient(135deg,#00b894,#00cec9)!important;box-shadow:0 4px 15px #00b89499}@media (max-width: 768px){.content-header{flex-wrap:wrap;gap:8px!important;padding:8px 12px!important}.content-header2{flex-direction:column!important;gap:15px!important}.content-header2-right{align-items:flex-start!important}.content-header2-right p{text-align:left!important}.message-heading{padding:10px}}.content-header2-1,[class*="content-header 2-1"]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:8px 12px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);border-radius:8px}.bottom_comment input[type=file]{width:100%;padding:16px 20px;border:3px dashed #3498db;border-radius:12px;background:linear-gradient(135deg,#f8f9fa,#fff);color:#2c3e50;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.bottom_comment input[type=file]:hover{border-color:#2980b9;background:linear-gradient(135deg,#f0f8ff,#fff);box-shadow:0 4px 15px #3498db33;transform:translateY(-1px)}.bottom_presentation textarea{width:100%;min-height:120px;padding:16px 20px;font-size:16px;font-family:inherit;color:#2c3e50;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #3498db;border-radius:12px;outline:none;resize:vertical;box-shadow:0 4px 15px #3498db33;transition:all .3s ease}.bottom_presentation textarea:focus{border-color:#2980b9;box-shadow:0 0 0 4px #3498db4d,0 8px 25px #3498db66;transform:translateY(-2px)}.hidden-bottom-forms{position:fixed!important;bottom:-400px;left:0;right:0;height:400px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px 15px 0 0;box-shadow:0 -5px 20px #0003;transition:bottom .3s ease-in-out;z-index:9999;overflow:auto}.hidden-bottom-forms.show{bottom:0!important}.form-handle{position:fixed;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border-radius:20px 20px 0 0;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 -2px 10px #0003;z-index:10000;transition:all .3s ease;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.form-handle:hover{transform:translate(-50%) translateY(-3px);box-shadow:0 -4px 15px #667eea66;animation:none}.iko_viewport{position:relative;z-index:0;overflow:hidden}.listcomments_info,.total-info{position:relative;z-index:500}.listcomments_container{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;border:2px solid white;border-radius:5px;margin:2px;color:#fff;background-color:#00000063;border-left:2px solid #ddd;position:relative;z-index:1}.listcomments_container .search{position:sticky;top:0;z-index:1000;background:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000001a,0 0 0 1px #fff,0 0 0 3px red,0 0 0 8px purple;border-radius:10px;margin:5px}.comments-list{flex:1;padding:10px}.comment-item{display:flex;flex-direction:column;gap:8px;padding:12px;margin-bottom:10px;cursor:pointer;border-radius:8px;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;position:relative;z-index:10}.chat_container .bottom{border:2px solid yellow}.comment-item:hover{background:#3498db1a;border-color:#3498db4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.comment-item.active{background:linear-gradient(135deg,#3498db,#2980b9)!important;color:#fff!important;border-color:#2980b9!important;transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.comment-item.active *{color:#fff!important}.search{display:flex;align-items:center;gap:20px;padding:20px;background-color:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000}.searchbar{flex:1;background-color:#5f9ea0;display:flex;align-items:center;gap:20px;border-radius:35px;padding:10px;color:#fff}.searchbar input{background-color:transparent;border:none;outline:none;color:#fff;flex:1}.searchbar img{width:20px;height:20px;margin-right:10px}.add{width:35px;height:35px;background-color:#11192880;padding:10px;border-radius:10%;cursor:pointer}.item{display:flex;align-items:center;gap:20px;padding:20px;cursor:pointer;border-bottom:2px solid #dddddd35;transition:background-color .3s,max-height .3s;max-height:100px;overflow:hidden}.item.active{background-color:#5183fe;max-height:500px;overflow:visible}.item img{width:50px;height:50px;border-radius:50%;object-fit:cover}.item .texts{display:flex;flex-direction:column;gap:10px}.item .texts span{font-size:18px;font-weight:500;color:#000}.item .texts p{font-size:14px;font-weight:300;color:#ffffff80}.item .time{font-size:12px;color:#ffffff80}.ai-features-wrapper{margin:10px 0}.ai-features-wrapper.ai-position-floating{position:fixed;bottom:20px;right:20px;z-index:1000}.ai-features-wrapper.ai-position-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;max-width:90%;max-height:90vh}.ai-features-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}.ai-features-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.ai-features-toggle.active{background:linear-gradient(135deg,#45a049,#388e3c)}.ai-features-toggle .ai-icon{font-size:16px}.ai-features-toggle .ai-close{margin-left:8px;font-size:12px}.ai-features-panel{background:#fff;border:2px solid #4CAF50;border-radius:12px;margin-top:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden;animation:slideIn .3s ease}.ai-panel-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:12px 16px}.ai-panel-header h3{margin:0;font-size:16px;display:flex;align-items:center;gap:8px}.ai-content-title{font-size:12px;opacity:.9;margin-top:4px}.ai-panel-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6}.ai-tab{flex:1;padding:10px;background:none;border:none;cursor:pointer;font-size:13px;color:#495057;transition:all .3s ease;border-bottom:2px solid transparent}.ai-tab:hover{background:#e9ecef}.ai-tab.active{color:#4caf50;border-bottom-color:#4caf50;background:#fff}.ai-panel-content{padding:16px;max-height:400px;overflow-y:auto}.ai-tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-section-header h4{margin:0;font-size:14px;color:#333}.ai-badge{font-size:11px;padding:2px 8px;background:#e8f5e8;color:#4caf50;border-radius:10px}.ai-loading{text-align:center;padding:20px;color:#666}.ai-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.ai-error{text-align:center;padding:16px;background:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#c62828}.ai-placeholder{text-align:center;padding:20px;color:#999;font-style:italic}.ai-summary{background:#f8f9fa;border-radius:6px;padding:12px}.ai-summary p{margin:0 0 12px;line-height:1.6;color:#333}.ai-metrics{display:flex;gap:12px;font-size:11px;color:#666;border-top:1px solid #dee2e6;padding-top:8px}.ai-recommendations{display:flex;flex-direction:column;gap:16px}.ai-rec-section h5{margin:0 0 8px;font-size:13px;color:#666}.ai-rec-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:10px;margin-bottom:8px;transition:all .3s ease}.ai-rec-card.curated{border-left:3px solid #4CAF50}.ai-rec-card.external{border-left:3px solid #2196F3;cursor:pointer}.ai-rec-card.external:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.rec-title{font-weight:600;font-size:13px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.rec-link{font-size:12px}.rec-desc{font-size:12px;color:#666;margin-bottom:6px}.rec-meta{display:flex;gap:8px;font-size:11px;color:#999}.rec-meta span{background:#f8f9fa;padding:2px 6px;border-radius:3px}.ai-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.insight-card{background:#f8f9fa;border-radius:6px;padding:10px;text-align:center}.insight-label{font-size:11px;color:#666;margin-bottom:4px}.insight-value{font-size:14px;font-weight:600;color:#333}@media (max-width: 768px){.ai-features-wrapper.ai-position-floating{bottom:10px;right:10px;left:10px}.ai-features-panel{max-height:60vh}.ai-panel-content{max-height:300px}.ai-insights{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme: dark){.ai-features-panel{background:#2d3748;border-color:#4caf50;color:#e2e8f0}.ai-panel-header{background:linear-gradient(135deg,#388e3c,#2e7d32)}.ai-panel-tabs{background:#4a5568;border-color:#718096}.ai-tab{color:#cbd5e0}.ai-tab.active{background:#2d3748;color:#68d391}.ai-summary{background:#4a5568}.ai-rec-card{background:#4a5568;border-color:#718096}.insight-card{background:#4a5568}}.userinfo-container{background:#000;border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:16px;animation:slideIn .3s ease;border-color:#adff2f;border:solid 3px red}.status-badge{display:flex;align-items:center;gap:5px;padding:5px 15px;border-radius:20px;font-weight:500;font-size:1.2rem;text-transform:none;letter-spacing:.5px}.userinfo{display:flex;align-items:center;border-radius:30px;gap:5px;padding:5px 15px;font-weight:500;font-size:1.2rem;text-transform:none;letter-spacing:.5px;border-bottom:1px solid rgba(0,0,0,.08);background-color:#5f9ea0}.userinfo .user{display:flex;align-items:center;gap:12px;border:3px solid #667eea;padding:2px}.avatar{border:3px solid #ea66a6;background:linear-gradient(135deg,#667eea,#764ba2);padding:2px;width:80px;height:80px;border-radius:30px}.userinfo .user h4{margin:0;font-size:18px;font-weight:600;color:#2c3e50;letter-spacing:-.3px}.userinfo .icons{display:flex;gap:8px}.icon-btn{width:32px;height:32px;border:none;background:#677eea14;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#5f6368}.icon-btn:hover{background:#677eea26;transform:scale(1.05);color:#667eea}.icon-btn:active{transform:scale(.95)}.icon-btn svg{width:18px;height:18px}.session-time{padding:2px 8px;background:#4caf50;color:#fff!important;border-radius:12px;font-size:11px!important;font-weight:600!important}.userinfo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:#5f6368}.loading-spinner{width:32px;height:32px;border:3px solid rgba(103,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.userinfo-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;color:#f44336}.error-icon{font-size:24px}@media (max-width: 1400px){.userinfo-container{padding:16px}.avatar{width:80px;height:80px;border-radius:30px;box-sizing:border-box}.userinfo .user h4{font-size:16px}}@media (max-width: 768px){.userinfo-container{padding:12px}}.application-thankyou-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.thankyou-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:800px;width:100%;overflow:hidden;animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.thankyou-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;text-align:center;padding:40px 30px}.thankyou-header h1{font-size:2.5rem;margin:0 0 10px;font-weight:700}.thankyou-header h2{font-size:1.5rem;margin:0;font-weight:400;opacity:.9}.thankyou-content{padding:40px 30px}.welcome-message{text-align:center;margin-bottom:30px}.welcome-message p{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:15px}.welcome-message strong{color:#4caf50;font-weight:600}.ticket-info{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:25px;margin:30px 0;text-align:center}.ticket-info h3{color:#495057;margin:0 0 20px;font-size:1.3rem}.ticket-display{background:#fff;border:2px dashed #4CAF50;border-radius:10px;padding:20px;margin:15px 0}.ticket-label{display:block;font-size:.9rem;color:#666;margin-bottom:8px}.ticket-number{display:block;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;color:#4caf50;letter-spacing:1px}.ticket-note{font-size:.9rem;color:#666;margin-top:15px;font-style:italic}.next-steps{margin:40px 0}.next-steps h3{color:#333;font-size:1.4rem;margin-bottom:25px;text-align:center}.steps-list{display:flex;flex-direction:column;gap:20px}.step{display:flex;align-items:flex-start;background:#f8f9fa;border-radius:15px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.step:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.step-number{background:#4caf50;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:20px;flex-shrink:0}.step-content h4{margin:0 0 10px;color:#333;font-size:1.1rem}.step-content p{margin:0;color:#666;line-height:1.5}.membership-info{margin:40px 0}.membership-info h3{color:#333;font-size:1.4rem;margin-bottom:25px;text-align:center}.membership-levels{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.membership-levels{grid-template-columns:1fr}}.level{background:#f8f9fa;border-radius:15px;padding:25px;border:2px solid #e9ecef;transition:transform .2s ease}.level:hover{transform:translateY(-3px)}.level.featured{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800}.level h4{margin:0 0 15px;color:#333;font-size:1.2rem}.level p{color:#666;margin-bottom:10px}.level ul{list-style:none;padding:0;margin:15px 0}.level li{color:#666;margin-bottom:8px;padding-left:20px;position:relative}.level li:before{content:"✓";color:#4caf50;font-weight:700;position:absolute;left:0}.level .note{font-size:.9rem;color:#999;font-style:italic;margin-top:15px}.action-buttons{text-align:center;margin:40px 0}.survey-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;margin-bottom:20px}.survey-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4caf504d}.secondary-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-secondary{background:transparent;color:#666;border:2px solid #ddd;padding:12px 25px;font-size:1rem;border-radius:25px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#f8f9fa;border-color:#4caf50;color:#4caf50}.important-notes{background:#fff3cd;border:1px solid #ffeaa7;border-radius:15px;padding:25px;margin:30px 0}.important-notes h3{color:#856404;margin:0 0 20px;font-size:1.2rem}.notes-list{display:flex;flex-direction:column;gap:15px}.note{color:#856404;line-height:1.5}.note strong{color:#533c02}.thankyou-footer{background:#f8f9fa;padding:30px;text-align:center;border-top:1px solid #e9ecef}.thankyou-footer p{color:#666;margin-bottom:15px;line-height:1.6}.contact-info{margin-top:20px}.contact-info p{color:#333;font-size:1rem}.contact-info strong{color:#4caf50}@media (max-width: 768px){.application-thankyou-container{padding:10px}.thankyou-header{padding:30px 20px}.thankyou-header h1{font-size:2rem}.thankyou-header h2{font-size:1.2rem}.thankyou-content{padding:30px 20px}.ticket-info,.important-notes{padding:20px 15px}.step{flex-direction:column;text-align:center}.step-number{margin:0 auto 15px}.secondary-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.thankyou-header h1{font-size:1.8rem}.survey-btn{width:100%;padding:15px}.btn-secondary{width:100%;margin-bottom:10px}}.survey-submitted{background-color:#f0f8ff;border:1px solid #b0e0e6;border-radius:5px;padding:15px;margin:20px 0}.survey-submitted h2{color:#4682b4}.survey-submitted p{color:#333}.pending-verify-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.pending-verify-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:backgroundMove 20s linear infinite;pointer-events:none}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.pending-card{background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:900px;width:100%;margin:0 auto;overflow:hidden;animation:slideUp .8s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.pending-header{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;text-align:center;padding:40px 30px;position:relative;overflow:hidden}.pending-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}.pending-icon{font-size:4rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pending-header h1{font-size:2.5rem;margin:0 0 10px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.pending-header h2{font-size:1.5rem;margin:0;opacity:.9;font-weight:400}.pending-content{padding:40px 30px}.status-message{text-align:center;margin-bottom:40px;padding:25px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:16px;border-left:5px solid #2196f3}.status-message p{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:15px}.status-message p:last-child{margin-bottom:0}.review-status{background:#f8f9ff;border-radius:16px;padding:25px;margin-bottom:30px;border:2px solid #e8eaff;position:relative}.review-status:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.review-status h3{color:#333;margin:0 0 20px;font-size:1.3rem;display:flex;align-items:center;gap:10px}.status-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;animation:glow 2s ease-in-out infinite alternate}.status-badge.pending{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#e17055;box-shadow:0 2px 8px #fdcb6e4d}@keyframes glow{0%{box-shadow:0 2px 8px #fdcb6e4d}to{box-shadow:0 4px 16px #fdcb6e80}}.status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#fff;border-radius:10px;border:1px solid #e0e0e0;transition:transform .2s ease,box-shadow .2s ease}.detail-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.detail-label{font-weight:500;color:#666;font-size:.9rem}.detail-value{font-weight:600;color:#333}.access-restrictions,.urgent-access,.next-steps{margin-bottom:30px}.access-restrictions h3,.urgent-access h3,.next-steps h3{color:#333;margin:0 0 20px;font-size:1.3rem;display:flex;align-items:center;gap:10px}.restrictions-list{display:flex;flex-direction:column;gap:12px}.restriction-item{display:flex;align-items:center;gap:12px;padding:15px;border-radius:12px;font-weight:500;transition:transform .2s ease}.restriction-item:hover{transform:translate(5px)}.restriction-item.denied{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.restriction-item.allowed{background:#f1f8e9;color:#388e3c;border-left:4px solid #4caf50}.restriction-icon{font-size:1.1rem}.urgent-access{background:linear-gradient(135deg,#fff3e0,#fce4ec);border-radius:16px;padding:25px;border:2px solid #ffcc80}.urgent-content p{color:#5d4037;line-height:1.6;margin-bottom:20px}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.contact-method{background:#fff;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:transform .2s ease,box-shadow .2s ease}.contact-method:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.method-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#333}.method-icon{font-size:1.5rem}.method-details p{margin:5px 0;color:#666;font-size:.9rem}.urgent-requirements{background:#ffffffb3;border-radius:12px;padding:20px;margin-top:20px}.urgent-requirements h4{color:#5d4037;margin:0 0 15px;display:flex;align-items:center;gap:8px}.urgent-requirements ul{margin:0;padding-left:20px;color:#5d4037}.urgent-requirements li{margin-bottom:8px;line-height:1.4}.steps-timeline{display:flex;flex-direction:column;gap:20px}.step{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:12px;transition:transform .2s ease}.step:hover{transform:translate(5px)}.step.completed{background:#f1f8e9;border-left:4px solid #4caf50}.step.current{background:#fff3e0;border-left:4px solid #ff9800;box-shadow:0 4px 12px #ff980033}.step.future{background:#f5f5f5;border-left:4px solid #9e9e9e}.step-icon{font-size:1.5rem;margin-top:2px}.step-content h4{margin:0 0 8px;color:#333;font-size:1.1rem}.step-content p{margin:0;color:#666;line-height:1.4}.action-buttons{display:flex;gap:15px;justify-content:center;margin:40px 0 20px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 30px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-width:200px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d;transform:translateY(0)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.pending-footer{background:#f8f9fa;padding:25px 30px;text-align:center;border-top:1px solid #e9ecef}.pending-footer p{margin:0;color:#666;font-style:italic;line-height:1.5}@media (max-width: 768px){.pending-verify-container{padding:10px}.pending-card{border-radius:16px}.pending-header{padding:30px 20px}.pending-header h1{font-size:2rem}.pending-content{padding:30px 20px}.status-details,.contact-methods{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.detail-item{flex-direction:column;gap:8px;text-align:center}}.approved-verify-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.approved-verify-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;animation:backgroundDance 30s linear infinite;pointer-events:none}@keyframes backgroundDance{0%{transform:translate(0) rotate(0)}to{transform:translate(40px,40px) rotate(360deg)}}.confetti-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.confetti-animation:before,.confetti-animation:after{content:"🎉";position:absolute;font-size:1.5rem;animation:confetti 4s ease-out infinite}.confetti-animation:before{left:10%;animation-delay:0s}.confetti-animation:after{left:80%;animation-delay:1s;content:"✨"}@keyframes confetti{0%{transform:translateY(-100vh) rotate(0) scale(1);opacity:1}50%{transform:translateY(50vh) rotate(180deg) scale(1.2);opacity:.8}to{transform:translateY(100vh) rotate(360deg) scale(.8);opacity:0}}.approved-card{background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:900px;width:100%;margin:0 auto;overflow:hidden;animation:celebrationEntry 1s ease-out;position:relative}@keyframes celebrationEntry{0%{transform:translateY(50px) scale(.9);opacity:0}50%{transform:translateY(-10px) scale(1.02);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}.approved-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;text-align:center;padding:40px 30px;position:relative;overflow:hidden}.approved-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:successShimmer 3s infinite}@keyframes successShimmer{0%{left:-100%}to{left:100%}}.success-icon{font-size:4rem;margin-bottom:20px;animation:celebrationBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));position:relative}.success-icon:before{content:"✨";position:absolute;top:-10px;right:-10px;font-size:1.5rem;animation:sparkle 1.5s ease-in-out infinite}.success-icon:after{content:"🌟";position:absolute;bottom:-5px;left:-15px;font-size:1.2rem;animation:sparkle 1.5s ease-in-out infinite .5s}@keyframes celebrationBounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-15px) scale(1.1)}60%{transform:translateY(-8px) scale(1.05)}}@keyframes sparkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.approved-header h1{font-size:2.5rem;margin:0 0 10px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:textGlow 2s ease-in-out infinite alternate}@keyframes textGlow{0%{text-shadow:0 2px 4px rgba(0,0,0,.2)}to{text-shadow:0 2px 4px rgba(0,0,0,.2),0 0 20px rgba(255,255,255,.3)}}.approved-header h2{font-size:1.5rem;margin:0 0 15px;opacity:.9;font-weight:400}.celebration-text{font-size:1.1rem;font-weight:500;opacity:.9;animation:fadeInUp 1s ease-out .5s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}.approved-content{padding:40px 30px}.approval-message{text-align:center;margin-bottom:40px;padding:25px;background:linear-gradient(135deg,#e8f5e8,#f0f8ff);border-radius:16px;border-left:5px solid #4CAF50;animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.approval-message p{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:15px}.highlight-success{color:#4caf50;font-weight:600;text-transform:uppercase;letter-spacing:1px;animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{opacity:1}50%{opacity:.7}}.new-status{background:linear-gradient(135deg,#f8f9ff,#e8f5e8);border-radius:16px;padding:25px;margin-bottom:30px;border-left:5px solid #4CAF50;animation:slideInRight .8s ease-out .2s both;position:relative;overflow:hidden}.new-status:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4caf50,#45a049,#4caf50);animation:progressFlow 2s ease-in-out infinite}@keyframes progressFlow{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.new-status h3{color:#333;margin:0 0 20px;font-size:1.3rem;display:flex;align-items:center;gap:10px}.status-upgrade{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.status-label{display:block;font-size:.9rem;color:#666;margin-bottom:8px;font-weight:500}.status-badge{display:inline-block;padding:10px 18px;border-radius:20px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;transition:transform .3s ease}.status-badge:hover{transform:scale(1.05)}.status-badge.applicant{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#e17055;box-shadow:0 4px 12px #fdcb6e4d}.status-badge.pre-member{background:linear-gradient(135deg,#81ecec,#74b9ff);color:#00b894;box-shadow:0 4px 12px #81ecec4d;animation:statusGlow 2s ease-in-out infinite}@keyframes statusGlow{0%,to{box-shadow:0 4px 12px #81ecec4d}50%{box-shadow:0 6px 20px #81ecec80}}.status-arrow{font-size:2rem;color:#4caf50;font-weight:700;animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.new-access,.future-access{margin-bottom:30px;animation:fadeInUp .8s ease-out .4s both}.new-access h3,.future-access h3{color:#333;margin:0 0 20px;font-size:1.3rem;display:flex;align-items:center;gap:10px}.access-list{display:flex;flex-direction:column;gap:15px}.access-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#f0f9ff);border-radius:12px;border:1px solid #bbf7d0;transition:all .3s ease;animation:slideInLeft .6s ease-out calc(var(--delay, 0) * .1s) both}.access-item:nth-child(1){--delay: 1}.access-item:nth-child(2){--delay: 2}.access-item:nth-child(3){--delay: 3}.access-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5033;border-color:#4caf50}.access-icon{font-size:1.3rem;margin-top:2px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.access-details strong{display:block;color:#333;margin-bottom:5px;font-size:1.1rem;font-weight:600}.access-details p{color:#666;margin:0;line-height:1.4}.future-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px}.benefit-item{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;font-weight:500;color:#92400e;transition:all .3s ease;animation:fadeInUp .6s ease-out calc(var(--delay, 0) * .1s) both}.benefit-item:nth-child(1){--delay: 6}.benefit-item:nth-child(2){--delay: 7}.benefit-item:nth-child(3){--delay: 8}.benefit-item:nth-child(4){--delay: 9}.benefit-item:hover{transform:translateY(-2px);box-shadow:0 6px 15px #fbbf244d}.benefit-icon{font-size:1.3rem}.full-membership-note{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-radius:12px;padding:20px;border-left:4px solid #3b82f6;animation:slideInRight .8s ease-out .6s both}.full-membership-note p{margin:0;color:#1e40af;font-weight:500;line-height:1.5}.action-section{text-align:center;margin:40px 0;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;animation:actionSectionEntry 1s ease-out .8s both;position:relative;overflow:hidden}.action-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:actionShimmer 3s infinite 1s}@keyframes actionSectionEntry{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes actionShimmer{0%{left:-100%}to{left:100%}}.action-section h3{margin:0 0 15px;font-size:1.4rem}.action-section p{margin:0 0 25px;opacity:.9;line-height:1.5}.action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:25px}.btn-primary,.btn-secondary{padding:16px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;position:relative;overflow:hidden}.btn-primary.main-action{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf504d;transform:translateY(0)}.btn-primary.main-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary.main-action:hover:before{left:100%}.btn-primary.main-action:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}.btn-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px);border-color:#ffffff80}.welcome-tips{margin-top:40px;animation:fadeInUp .8s ease-out 1s both}.welcome-tips h3{color:#333;margin:0 0 25px;font-size:1.3rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.tip-item{text-align:center;padding:25px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease;animation:tipFloat .6s ease-out calc(var(--delay, 0) * .1s) both}.tip-item:nth-child(1){--delay: 12}.tip-item:nth-child(2){--delay: 13}.tip-item:nth-child(3){--delay: 14}.tip-item:nth-child(4){--delay: 15}@keyframes tipFloat{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tip-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.tip-icon{font-size:2.5rem;display:block;margin-bottom:15px;animation:tipIconFloat 3s ease-in-out infinite}@keyframes tipIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tip-content strong{display:block;color:#333;margin-bottom:10px;font-size:1rem;font-weight:600}.tip-content p{color:#666;margin:0;font-size:.9rem;line-height:1.4}.approved-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:30px;text-align:center;border-top:1px solid #e9ecef;animation:fadeInUp .8s ease-out 1.2s both}.footer-message{color:#333}.footer-message p{margin:0;font-size:1.1rem;line-height:1.5;font-weight:500}@media (max-width: 768px){.approved-verify-container{padding:10px}.approved-card{border-radius:16px}.approved-header{padding:30px 20px}.approved-header h1{font-size:2rem}.approved-content{padding:30px 20px}.status-upgrade{flex-direction:column;gap:15px}.action-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px;justify-content:center}.tips-grid,.future-benefits{grid-template-columns:1fr}}@media (max-width: 480px){.approved-header h1{font-size:1.8rem}.success-icon{font-size:3rem}.approved-content{padding:20px 15px}.action-section{padding:25px 20px}}.full-membership-survey-container{max-width:1000px;margin:0 auto;padding:20px;background-color:#f8fafc;min-height:100vh}.survey-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-bottom:20px}.survey-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.survey-header h1{margin:0 0 10px;font-size:2.2rem;font-weight:700}.survey-header p{margin:0;opacity:.9;font-size:1.1rem}.progress-section{margin-top:20px}.progress-bar{background:#fff3;border-radius:10px;height:8px;overflow:hidden;margin-bottom:10px}.progress-fill{background:#10b981;height:100%;border-radius:10px;transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;font-size:.9rem;opacity:.9}.applicant-info{background:#f1f5f9;padding:20px;border-bottom:1px solid #e2e8f0}.applicant-info p{margin:5px 0;color:#475569}.survey-form{padding:30px}.question-navigation{margin-bottom:30px}.question-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.question-tab{width:40px;height:40px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.question-tab.active{background:#667eea;color:#fff;border-color:#667eea}.question-tab.completed{background:#10b981;color:#fff;border-color:#10b981}.question-tab:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.current-question{background:#f8fafc;border-radius:8px;padding:25px;margin-bottom:30px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-number{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:.9rem;font-weight:600}.required-indicator{color:#ef4444;font-size:.9rem;font-weight:600}.question-label{display:block;font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:15px;line-height:1.5}.answer-input{width:100%;min-height:120px;padding:15px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.answer-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.character-count{text-align:right;margin-top:8px;font-size:.9rem;color:#64748b}.min-length-warning{color:#f59e0b}.navigation-buttons{display:flex;gap:15px;justify-content:space-between;margin-bottom:30px}.btn-nav{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.btn-nav.prev{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.btn-nav.next{background:#667eea;color:#fff}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.btn-nav:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-submit{background:#10b981;color:#fff;padding:15px 30px;border-radius:8px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:all .2s ease}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed}.btn-submit:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 12px #10b9814d}.survey-overview{background:#f8fafc;border-radius:8px;padding:20px;margin-bottom:25px}.survey-overview h4{margin:0 0 15px;color:#1e293b;font-size:1.1rem}.questions-list{display:flex;flex-direction:column;gap:8px}.question-overview-item{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0}.question-overview-item:hover{background:#f1f5f9;border-color:#667eea}.question-overview-item.answered{background:#f0fdf4;border-color:#10b981}.question-overview-item.current{background:#eef2ff;border-color:#667eea}.question-num{background:#e2e8f0;color:#475569;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;min-width:30px;text-align:center}.question-overview-item.answered .question-num{background:#10b981;color:#fff}.question-overview-item.current .question-num{background:#667eea;color:#fff}.question-brief{flex:1;font-size:.9rem;color:#475569}.question-status{font-size:1.2rem;color:#10b981}.application-info{background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;padding:20px;margin-bottom:25px}.application-info h4{margin:0 0 15px;color:#92400e;font-size:1.1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{background:#fff;padding:12px;border-radius:6px;border-left:4px solid #fbbf24}.info-item strong{color:#92400e;display:block;margin-bottom:4px}.form-actions{display:flex;gap:15px;justify-content:space-between;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{background:#f1f5f9;color:#475569;padding:12px 20px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:500;transition:all .2s ease}.btn-cancel:hover{background:#e2e8f0;color:#334155}.submitted-message{text-align:center;padding:40px}.submitted-message h2{color:#1e293b;margin-bottom:15px}.submitted-message p{color:#64748b;margin-bottom:25px}.btn-primary{background:#667eea;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}.btn-primary:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}@media (max-width: 768px){.full-membership-survey-container{padding:10px}.survey-form{padding:20px}.question-tabs{justify-content:center}.navigation-buttons,.form-actions{flex-direction:column}.info-grid{grid-template-columns:1fr}}.full-membership-info-container{max-width:900px;margin:0 auto;padding:20px;background-color:#f8fafc;min-height:100vh}.info-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-bottom:20px}.info-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:30px;text-align:center}.info-header h1{margin:0 0 10px;font-size:2.2rem;font-weight:700}.info-header p{margin:0;opacity:.9;font-size:1.1rem}.info-content{padding:30px}.benefits-section{margin-bottom:30px}.benefits-section h3{color:#1e293b;margin-bottom:20px;font-size:1.4rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:25px}.benefit-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s ease}.benefit-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 8px #10b9811a}.benefit-card h4{color:#10b981;margin:0 0 10px;font-size:1.1rem;display:flex;align-items:center;gap:8px}.benefit-card p{color:#475569;margin:0;line-height:1.5}.requirements-section{background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;padding:25px;margin-bottom:30px}.requirements-section h3{color:#92400e;margin:0 0 20px;font-size:1.4rem}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:#92400e}.requirements-list li:before{content:"✓";color:#f59e0b;font-weight:700;margin-top:2px}.process-section{margin-bottom:30px}.process-section h3{color:#1e293b;margin-bottom:20px;font-size:1.4rem}.process-steps{display:flex;flex-direction:column;gap:15px}.process-step{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f1f5f9;border-radius:8px}.step-number{background:#667eea;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h4{margin:0 0 5px;color:#1e293b}.step-content p{margin:0;color:#64748b;line-height:1.5}.action-section{background:#eef2ff;border:2px solid #667eea;border-radius:8px;padding:25px;text-align:center}.action-section h3{color:#667eea;margin:0 0 15px;font-size:1.4rem}.action-section p{color:#475569;margin:0 0 25px;line-height:1.5}.action-buttons{display:flex;gap:15px;justify-content:center}.btn-apply{background:#10b981;color:#fff;padding:15px 30px;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}.btn-apply:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 12px #10b9814d}@media (max-width: 768px){.full-membership-info-container{padding:10px}.info-content{padding:20px}.benefits-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.btn-apply,.btn-secondary{width:100%;max-width:300px}}.membership-submitted-container{max-width:900px;margin:0 auto;padding:40px 20px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);min-height:100vh;display:flex;align-items:flex-start;justify-content:center}.submitted-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;width:100%;position:relative}.success-animation{display:flex;justify-content:center;margin-bottom:20px}.checkmark{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;animation:checkmarkPop .6s ease-out;box-shadow:0 8px 20px #10b9814d}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.submitted-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center;position:relative;overflow:hidden}.submitted-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%) translateY(-100%)}50%{transform:translate(0) translateY(0)}}.submitted-header h1{margin:0 0 10px;font-size:2.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.submitted-header h2{margin:0;opacity:.95;font-size:1.4rem;font-weight:500}.submitted-content{padding:40px 30px}.confirmation-message{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:2px solid #10b981}.confirmation-message p{color:#065f46;font-size:1.1rem;line-height:1.6;margin:0}.ticket-section{background:linear-gradient(135deg,#fefce8,#fef3c7);border:2px solid #f59e0b;border-radius:12px;padding:25px;margin-bottom:30px;text-align:center}.ticket-section h3{color:#92400e;margin:0 0 20px;font-size:1.4rem;font-weight:600}.ticket-display{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0;flex-wrap:wrap}.ticket-number{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:15px 25px;border-radius:8px;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b4d;-webkit-user-select:all;user-select:all}.ticket-number:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.copy-btn{background:#92400e;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.copy-btn:hover{background:#78350f;transform:translateY(-2px)}.ticket-note{color:#92400e;font-size:1rem;margin:20px 0 10px;text-align:left}.ticket-uses{color:#92400e;text-align:left;margin:10px 0;padding-left:20px}.ticket-uses li{margin-bottom:8px;line-height:1.5}.timeline-section{margin-bottom:30px}.timeline-section h3{color:#1e40af;font-size:1.4rem;font-weight:600;margin:0 0 25px;text-align:center}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#10b981,#e5e7eb)}.timeline-item{position:relative;margin-bottom:30px;padding-left:40px}.timeline-marker{position:absolute;left:-28px;top:8px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;border:3px solid white;box-shadow:0 2px 8px #00000026}.timeline-item.completed .timeline-marker{background:#10b981;color:#fff}.timeline-item.pending .timeline-marker{background:#f59e0b;color:#fff}.timeline-item.future .timeline-marker{background:#e5e7eb;color:#6b7280}.timeline-content h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#1f2937}.timeline-content p{margin:0 0 5px;color:#6b7280;line-height:1.5}.timestamp{font-size:.9rem;color:#9ca3af;font-weight:500}.review-outcomes{margin-bottom:30px}.review-outcomes h3{color:#1e40af;font-size:1.4rem;font-weight:600;margin:0 0 20px;text-align:center}.outcomes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.outcome-item{padding:20px;border-radius:12px;display:flex;align-items:flex-start;gap:15px;transition:transform .3s ease}.outcome-item:hover{transform:translateY(-2px)}.outcome-item.approved{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981}.outcome-item.suspended{background:linear-gradient(135deg,#fefce8,#fef3c7);border:2px solid #f59e0b}.outcome-item.declined{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #ef4444}.outcome-icon{font-size:2rem;flex-shrink:0}.outcome-content h4{margin:0 0 8px;font-weight:600;font-size:1.1rem}.outcome-content p{margin:0;color:#6b7280;line-height:1.5}.current-access{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #cbd5e1;border-radius:12px;padding:25px;margin-bottom:30px}.current-access h3{color:#334155;font-size:1.4rem;font-weight:600;margin:0 0 20px}.access-status{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.status-icon{font-size:2rem;flex-shrink:0}.access-status h4{margin:0 0 8px;color:#334155;font-weight:600}.access-status p{margin:0;color:#64748b;line-height:1.6}.access-limitations{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:20px}.access-limitations h4{color:#dc2626;margin:0 0 15px;font-weight:600}.access-limitations ul{margin:0;padding-left:20px;color:#dc2626}.access-limitations li{margin-bottom:8px;line-height:1.5}.during-review{margin-bottom:30px}.during-review h3{color:#1e40af;font-size:1.4rem;font-weight:600;margin:0 0 20px;text-align:center}.review-guidelines{display:grid;gap:20px}.guideline-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.guideline-icon{font-size:1.8rem;flex-shrink:0}.guideline-item h4{margin:0 0 8px;color:#334155;font-weight:600}.guideline-item p{margin:0;color:#64748b;line-height:1.5}.urgent-contact{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #ef4444;border-radius:12px;padding:25px;margin-bottom:30px}.urgent-contact h3{color:#dc2626;font-size:1.4rem;font-weight:600;margin:0 0 15px}.urgent-info p{color:#7f1d1d;line-height:1.6;margin-bottom:15px}.contact-details{background:#fff;border:1px solid #fca5a5;border-radius:8px;padding:20px;margin:15px 0}.contact-method{display:flex;align-items:flex-start;gap:15px}.contact-icon{font-size:1.5rem;flex-shrink:0;color:#dc2626}.urgent-note{color:#7f1d1d;font-size:.95rem;background:#ffffffb3;padding:15px;border-radius:8px;margin-top:15px}.action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:40px 0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;border:none;border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.btn-secondary{background:#fff;color:#475569;padding:15px 30px;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;font-size:1rem}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.final-note{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #8b5cf6;border-radius:12px;padding:25px;margin-bottom:30px}.note-content h4{color:#5b21b6;font-size:1.2rem;font-weight:600;margin:0 0 15px}.note-content ul{color:#5b21b6;margin:0;padding-left:20px}.note-content li{margin-bottom:8px;line-height:1.5}.submitted-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:30px;text-align:center}.submitted-footer p{color:#64748b;line-height:1.6;margin:0;font-style:italic}@media (max-width: 768px){.membership-submitted-container{padding:20px 10px 10px}.submitted-card{border-radius:12px}.submitted-header{padding:30px 20px}.submitted-header h1{font-size:1.8rem}.submitted-header h2{font-size:1.2rem}.submitted-content{padding:30px 20px}.ticket-display{flex-direction:column;gap:10px}.ticket-number{font-size:1.1rem;padding:12px 20px}.outcomes-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.timeline{padding-left:20px}.timeline:before{left:10px}.timeline-marker{left:-18px;width:30px;height:30px;font-size:1rem}.timeline-item{padding-left:30px}}@media (max-width: 480px){.submitted-header h1{font-size:1.5rem}.submitted-header h2{font-size:1rem}.ticket-section,.current-access,.urgent-contact,.final-note{padding:20px}.checkmark{width:60px;height:60px;font-size:2rem}.guideline-item,.outcome-item{padding:15px}}.declined-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f8fafc;min-height:100vh;display:flex;align-items:center;justify-content:center}.declined-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;text-align:center;width:100%}.declined-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:40px 30px}.declined-header .declined-icon{font-size:4rem;margin-bottom:15px;display:block}.declined-header h1{margin:0 0 10px;font-size:2rem;font-weight:700}.declined-header p{margin:0;opacity:.9;font-size:1.1rem}.declined-content{padding:40px 30px}.feedback-section{background:#fef2f2;border:2px solid #fca5a5;border-radius:8px;padding:25px;margin-bottom:30px;text-align:left}.feedback-section h3{color:#991b1b;margin:0 0 15px;font-size:1.3rem;text-align:center}.feedback-text{color:#7f1d1d;line-height:1.6;background:#fff;padding:15px;border-radius:6px;border-left:4px solid #ef4444}.improvement-section{background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;padding:25px;margin-bottom:30px}.improvement-section h3{color:#92400e;margin:0 0 20px;font-size:1.3rem}.improvement-list{list-style:none;padding:0;margin:0;text-align:left}.improvement-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;color:#92400e}.improvement-list li:before{content:"💡";margin-top:2px}.reapply-section{background:#eef2ff;border:2px solid #667eea;border-radius:8px;padding:25px;margin-bottom:30px}.reapply-section h3{color:#4338ca;margin:0 0 15px;font-size:1.3rem}.reapply-section p{color:#475569;margin:0 0 20px;line-height:1.5}.reapply-info{background:#fff;padding:15px;border-radius:6px;border-left:4px solid #667eea;margin-bottom:20px}.reapply-info strong{color:#4338ca;display:block;margin-bottom:5px}.action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-reapply{background:#10b981;color:#fff;padding:15px 30px;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}.btn-reapply:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 12px #10b9814d}.btn-secondary{background:#f1f5f9;color:#475569;padding:15px 30px;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0;color:#334155}@media (max-width: 768px){.declined-container{padding:40px 10px 10px;align-items:flex-start}.declined-content{padding:30px 20px}.action-buttons{flex-direction:column;align-items:center}.btn-reapply,.btn-secondary{width:100%;max-width:300px}}.mainContent{max-height:95%;margin:5px;padding:5px;flex:1;overflow-y:auto;background-color:#fafafa62;border:1px solid #ddd;border-radius:5px}.admin-container{display:flex;min-height:100vh;background-color:#f5f5f5}.admin-sidebar{width:250px;background-color:#2c3e50;color:#fff;flex-shrink:0}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid #34495e}.sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600}.sidebar-nav{padding:1rem 0}.sidebar-item{display:block;padding:.75rem 1rem;color:#ecf0f1;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.sidebar-item:hover{background-color:#34495e;color:#fff}.sidebar-item.active{background-color:#3498db;border-left-color:#2980b9;color:#fff}.admin-main{flex:1;display:flex;flex-direction:column}.admin-navbar{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:0 2rem;height:64px;display:flex;align-items:center;box-shadow:0 2px 4px #0000001a}.navbar-content{display:flex;justify-content:space-between;align-items:center;width:100%}.page-title{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.navbar-actions{margin-top:1.5rem;display:flex;gap:.5rem}.btn-primary,.btn-secondary{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.admin-content{flex:1;padding:2rem;overflow-y:auto}@media (max-width: 768px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;height:auto}.sidebar-nav{display:flex;overflow-x:auto;padding:.5rem}.sidebar-item{white-space:nowrap;min-width:fit-content}.admin-content{padding:1rem}}.adminSidebar{flex:2;max-width:250px;min-width:250px;overflow-y:auto;background-color:#f4f4f4;transition:all .3s ease}.admin_sidebar{display:flex;flex-direction:column;padding:0;height:100%}.admin_sidebar_item{display:block;text-decoration:none;padding:12px 16px;color:#333;border-bottom:1px solid #e0e0e0;transition:all .2s ease;font-size:14px}.admin_sidebar_item:hover{background-color:#e0e0e0;color:#333}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:10px;color:#333}.mobile-menu-toggle:hover{background-color:#f0f0f0;border-radius:4px}@media (max-width: 1024px){.adminContainer{height:99vh;margin-right:5px;column-gap:5px}.adminSidebar{max-width:200px;min-width:200px}.admin_sidebar_item{padding:10px 12px;font-size:13px}.mainContent{margin:3px;padding:3px}}@media (max-width: 768px){.adminContainer{flex-direction:column;height:99vh;margin-right:0;column-gap:0;border:2px solid rgb(196,11,11)}.adminNav{flex:0 0 60px;max-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;position:relative}.mobile-menu-toggle{display:block;order:-1}.adminSidebar{position:fixed;top:0;left:-100%;width:80%;max-width:300px;min-width:250px;height:100vh;z-index:1000;background-color:#f4f4f4;box-shadow:2px 0 10px #0000001a;transition:left .3s ease;overflow-y:auto}.adminSidebar.mobile-open{left:0}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#e0e0e0;border-bottom:2px solid #ccc}.mobile-sidebar-title{font-weight:700;font-size:18px;color:#333}.mobile-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:5px}.admin_sidebar{flex-direction:column;padding-top:0}.admin_sidebar_item{padding:15px 20px;font-size:16px;border-bottom:1px solid #ddd}.admin_sidebar_item:last-child{border-bottom:none}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}.headerContent{flex:1;gap:0}.mainContent{height:calc(100vh - 30px);margin:0;padding:15px;border-radius:0;border:none;overflow-y:auto}}@media (max-width: 480px){.adminContainer{border:1px solid rgb(196,11,11)}.adminNav{flex:0 0 50px;max-height:50px;padding:0 10px}.adminSidebar{width:90%;min-width:280px}.admin_sidebar_item{padding:12px 16px;font-size:15px}.mainContent{padding:10px;height:calc(100vh - 30px)}.mobile-sidebar-header{padding:12px}.mobile-sidebar-title{font-size:16px}}@media (max-width: 768px) and (orientation: landscape){.adminContainer{height:99vh}.adminNav{flex:0 0 50px;max-height:50px}.mainContent{height:calc(100vh - 20px);padding:10px}.adminSidebar{width:70%;max-width:350px}}@media print{.adminSidebar,.adminNav,.mobile-menu-toggle,.mobile-overlay{display:none!important}.adminContainer{height:auto;border:none;flex-direction:column}.headerContent{width:100%}.mainContent{max-height:91%;height:auto;margin:0;padding:20px;border:none;background-color:#fff}}@media (prefers-reduced-motion: reduce){.adminSidebar,.admin_sidebar_item,.mobile-overlay{transition:none}}@media (prefers-contrast: high){.admin_sidebar_item{border:1px solid #000}.admin_sidebar_item.active{background-color:#000;color:#fff;border-color:#fff}}.mainContent,.mainCOntent{max-height:95%;margin:5px;padding:5px;flex:1;background-color:#fafafa62;border:1px solid #ddd;border-radius:5px;width:calc(100% - 10px);max-width:calc(100% - 10px);box-sizing:border-box;position:relative}.mainContent>*,.mainCOntent>*{max-width:100%;max-height:100%;box-sizing:border-box}.mainContent .towncrier_container,.mainCOntent .towncrier_container,.mainContent .iko_container,.mainCOntent .iko_container{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;--iko-width: 100% !important;--iko-height: 100% !important}.headerContent{flex:7;display:flex;flex-direction:column;justify-content:space-between;gap:5px;overflow:hidden;max-width:100%;box-sizing:border-box}.adminContainer{display:flex;column-gap:10px;height:99vh;border:3px solid rgb(196,11,11);border-radius:5px;margin-right:2px;max-width:100vw;box-sizing:border-box}.adminSidebar{flex:2;max-width:250px;min-width:250px;overflow-y:auto;background-color:#f4f4f4;transition:all .3s ease;flex-shrink:0}@media (max-width: 1024px){.adminContainer{height:99vh;margin-right:5px;column-gap:5px;max-width:100vw}.adminSidebar{max-width:200px;min-width:200px}.mainContent,.mainCOntent{margin:3px;padding:3px;width:calc(100% - 6px);max-width:calc(100% - 6px)}}@media (max-width: 768px){.adminContainer{flex-direction:column;height:99vh;margin-right:0;column-gap:0;border:2px solid rgb(196,11,11);max-width:100vw}.headerContent{flex:1;gap:0;width:100%;max-width:100%}.mainContent,.mainCOntent{max-height:91%;height:calc(100vh - 60px);margin:0;padding:15px;border-radius:0;border:none;overflow:hidden;width:100%;max-width:100%}}.mainContent .iko_container,.mainCOntent .iko_container{display:flex!important;flex-direction:column!important;height:100%!important;width:100%!important;--iko-width: 100% !important;--iko-height: 100% !important}.mainContent .iko_viewport,.mainCOntent .iko_viewport{display:flex!important;flex:1!important;overflow:hidden!important;max-width:100%!important}.mainContent .towncrier_container,.mainCOntent .towncrier_container{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;max-height:100%;overflow:hidden}.mainContent .towncrier_viewport,.mainCOntent .towncrier_viewport{display:flex;flex:1;overflow:hidden;max-width:100%}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0}.admin-action-buttons{display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 10px}.action-btn{position:relative;background:none;border:2px solid transparent;border-radius:8px;padding:8px 12px;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid white;box-shadow:0 2px 4px #0003;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.navbar-container{flex-direction:row;justify-content:space-between;align-items:center;padding:0}.admin-action-buttons{gap:6px;padding:0 5px;order:2}.action-btn{padding:6px 8px;font-size:16px;min-width:38px;min-height:38px}.notification-badge{width:16px;height:16px;font-size:9px;top:-1px;right:-1px}}@media (max-width: 480px){.admin-action-buttons{gap:4px;padding:0}.action-btn{padding:5px 6px;font-size:14px;min-width:32px;min-height:32px;border-radius:6px}.notification-badge{width:14px;height:14px;font-size:8px}}.converse-id-controls{padding:1.5rem;max-width:100%;margin:0 auto;background-color:#f8f9fa;border-radius:8px;min-height:80vh}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #dee2e6}.controls-header h2{margin:0;color:#2c3e50;font-size:1.8rem;font-weight:600}.header-stats{display:flex;gap:1rem;align-items:center}.stat-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px #0000001a}.health-badge{padding:.4rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.health-badge.healthy{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.health-badge.warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.health-badge.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.control-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e9ecef;overflow-x:auto}.control-tabs button{padding:.75rem 1.5rem;border:none;background:transparent;color:#6c757d;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.control-tabs button:hover{color:#495057;background-color:#f8f9fa}.control-tabs button.active{color:#667eea;border-bottom-color:#667eea;background-color:#fff;font-weight:600}.tab-content{min-height:500px}.overview-section{padding:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000000d;border:1px solid #e9ecef;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0000001a}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff}.stat-details{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#2c3e50;margin:0}.stat-label{color:#6c757d;font-size:.9rem;margin:0;margin-top:.25rem}.system-health{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000000d;margin:2rem 0}.system-health h4{margin:0 0 1rem;color:#2c3e50;font-size:1.2rem}.health-indicators{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.health-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px}.indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.indicator.green{background-color:#28a745;box-shadow:0 0 6px #28a74566}.indicator.red{background-color:#dc3545;box-shadow:0 0 6px #dc354566}.quick-actions{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000000d;margin:2rem 0}.quick-actions h4{margin:0 0 1rem;color:#2c3e50;font-size:1.2rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.action-btn.primary{background-color:#007bff;color:#fff}.action-btn.secondary{background-color:#6c757d;color:#fff}.action-btn.warning{background-color:#ffc107;color:#212529}.action-btn:hover{opacity:.9;transform:translateY(-1px)}.users-section{padding:1rem}.search-filter-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input,.filter-select{padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;flex:1;min-width:200px}.search-input:focus,.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.data-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border-collapse:collapse}.data-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem .75rem;text-align:left;font-weight:600;font-size:.9rem;border:none}.data-table td{padding:.75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.data-table tbody tr:hover{background-color:#f8f9fa}.converse-id{font-family:Courier New,monospace;background-color:#e9ecef;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.status-badge{padding:.35rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-align:center;white-space:nowrap}.status-badge.masked{background-color:#d1ecf1;color:#0c5460;border:1px solid #b6d7ff}.status-badge.unmasked{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.btn-small{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;margin-right:.5rem}.btn-small.primary{background-color:#007bff;color:#fff}.btn-small.secondary{background-color:#6c757d;color:#fff}.btn-small.warning{background-color:#ffc107;color:#212529}.btn-small:hover{opacity:.9;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 10px 30px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 1rem;color:#2c3e50}.modal textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;resize:vertical;min-height:100px;margin:1rem 0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width: 768px){.converse-id-controls{padding:1rem}.controls-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-stats{flex-wrap:wrap}.stats-grid,.health-indicators{grid-template-columns:1fr}.control-tabs{flex-wrap:wrap}.search-filter-bar{flex-direction:column}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:.5rem .25rem}}.mentorship-controls{padding:1.5rem;max-width:100%;margin:0 auto;background-color:#f8f9fa;border-radius:8px;min-height:80vh}.mentorship-controls .controls-header h2{color:#28a745}.mentorship-stats .stat-icon,.mentorship-controls .stat-badge{background:linear-gradient(135deg,#28a745,#20c997)}.mentorship-controls .control-tabs button.active{color:#28a745;border-bottom-color:#28a745}.mentorship-controls .data-table th{background:linear-gradient(135deg,#28a745,#20c997)}.loading{text-align:center;padding:2rem;color:#6c757d;font-size:1.1rem}.loading:after{content:"...";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.no-data{text-align:center;padding:3rem;color:#6c757d;font-size:1rem;background:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:10vh;background-color:#a82be283;border-radius:5px;padding:0 10px}.logo{display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff;font-size:1rem}.logo img{width:50px;height:50px}.nav_page_heading{align-items:center;margin:auto;color:#fff;font-size:1rem}.nav_items{display:flex;flex-direction:row;gap:10px;color:#fff;font-size:1.2rem}.admin_viewport{display:flex;flex-direction:row}.admin_controls_body{display:flex;flex-direction:column;align-items:center;height:80vh;width:80%;background-color:#fff1;border-radius:5px;border:3px solid goldenrod;padding:10px}.admin_controls_body .towncrier_controls_body,.admin_controls_body .iko_controls_body,.admin_controls_body .auth_controls_body,.admin_controls_body .search_controls_body{width:100%}.admin_controls_header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px;border-radius:5px;background-color:#daa520;border:3px solid white;color:#fff;margin:5px 0}.icons{display:flex;gap:20px}.icons img{width:20px;height:20px;cursor:pointer}.towncrier_input_div{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:10px;background-color:#11192880;border-radius:5px;outline:none;color:#fff;font-size:16px;border:1px solid blue}.input-buttons{display:flex;gap:10px}.input-buttons button{padding:10px 15px;background-color:#111928cc;color:#fff;border:none;border-radius:5px;cursor:pointer}.input-buttons button:hover{background-color:#ffffff4d}.emoji{position:relative}.picker{position:absolute;bottom:50px;left:0}.SendButton{background-color:#5183fe;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-weight:700;cursor:pointer}.bottom textarea{height:80px;resize:none}.admin-navbar-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 15px}.navbar-left .navbar-title{margin:0;font-size:1.5rem;font-weight:600;color:#333}.navbar-center{flex:1;display:flex;justify-content:center}.status-indicators{display:flex;gap:15px}.status-indicator{display:flex;align-items:center;gap:5px;font-size:.875rem;color:#666}.status-indicator.online{color:#4caf50}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#4caf50;animation:pulse 2s infinite}.navbar-right{display:flex;align-items:center;gap:15px}.time-display{display:flex;flex-direction:column;align-items:flex-end;font-size:.875rem;color:#666}.current-time{font-weight:600;color:#333}.current-date{font-size:.75rem;color:#888}.user-info{display:flex;flex-direction:column;align-items:flex-end;font-size:.875rem}.user-name{font-weight:600;color:#333}.user-role{font-size:.75rem;color:#666}.navbar-actions{display:flex;gap:8px;align-items:center}.action-btn{position:relative;background:#ffffff1a;border:2px solid transparent;border-radius:8px;padding:8px 12px;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:hover{background-color:#fff3;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.notifications-btn:hover{background-color:#3498db33;border-color:#3498db66}.settings-btn:hover{background-color:#9b59b633;border-color:#9b59b666}.logout-btn:hover{background-color:#e74c3c33;border-color:#e74c3c66}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid white;box-shadow:0 2px 4px #0003;animation:notification-pulse 2s infinite}.notifications-container{position:relative}.notifications-dropdown{position:absolute;top:100%;right:0;width:350px;max-width:90vw;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:1000;margin-top:8px;overflow:hidden;animation:dropdownSlide .2s ease-out}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.notifications-header h4{margin:0;font-size:16px;color:#333}.clear-all-btn{background:none;border:none;color:#007bff;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.clear-all-btn:hover{background-color:#007bff1a}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;padding:12px 15px;border-bottom:1px solid #f1f3f4;transition:background-color .2s;position:relative}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-item.info:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#17a2b8}.notification-item.success:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#28a745}.notification-item.warning:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#ffc107}.notification-content{flex:1;margin-right:10px}.notification-message{margin:0 0 4px;font-size:14px;color:#333;line-height:1.4}.notification-time{font-size:12px;color:#6c757d}.dismiss-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.dismiss-btn:hover{background-color:#e9ecef;color:#495057}.no-notifications{padding:20px;text-align:center;color:#6c757d}.no-notifications p{margin:0;font-size:14px}.notifications-footer{padding:10px 15px;background-color:#f8f9fa;border-top:1px solid #e9ecef;text-align:center}.view-all-btn{background:none;border:none;color:#007bff;font-size:14px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .2s}.view-all-btn:hover{background-color:#007bff1a}@keyframes notification-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.navbar-left .navbar-title{font-size:1.3rem}.time-display,.user-info{font-size:.8rem}.notifications-dropdown{width:320px}}@media (max-width: 768px){.admin-navbar-content{padding:0 10px}.navbar-left .navbar-title{font-size:1.2rem}.navbar-center,.time-display,.user-info{display:none}.navbar-actions{gap:5px}.action-btn{padding:6px 8px;font-size:16px;min-width:38px;min-height:38px}.notification-badge{width:16px;height:16px;font-size:9px;top:-1px;right:-1px}.notifications-dropdown{width:300px;right:-10px}}@media (max-width: 480px){.navbar-left .navbar-title{font-size:1.1rem}.action-btn{padding:5px 6px;font-size:14px;min-width:32px;min-height:32px;border-radius:6px}.notification-badge{width:14px;height:14px;font-size:8px}.notifications-dropdown{width:280px;right:-15px}.notification-message{font-size:13px}}.action-btn:focus{outline:none;border-color:#3498db99;box-shadow:0 0 0 3px #3498db33}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn:disabled:hover{background-color:#ffffff1a;border-color:transparent;transform:none;box-shadow:none}.admin_sidebar{display:flex;flex-direction:column;gap:10px;align-items:center;height:100%;width:100%;background-color:#d8287183;border-radius:5px;padding:10px}.admin_sidebar_item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px;border-radius:5px;background-color:#daa520;border:3px solid white;color:#fff;margin:5px 0;cursor:pointer}.admin_sidebar_item:hover{background-color:#fff;color:#daa520;border:3px solid goldenrod}.adminContainer{display:flex;column-gap:10px;height:99vh;border:3px solid rgb(196,11,11);border-radius:5px;margin-right:2px;overflow:hidden}.adminSidebar{flex:2;max-width:250px;min-width:250px;overflow-y:auto;background-color:#f4f4f4}.headerContent{flex:7;display:flex;flex-direction:column;justify-content:space-between;gap:5px;overflow:hidden}.adminNav{flex:0 0 50px;max-height:50px;background-color:#ffffff6c;border-bottom:2px solid #ccc}.mainContent{max-height:91%;margin:5px;padding:5px;flex:1;overflow-y:auto;background-color:#fafafa62;border:1px solid #ddd;border-radius:5px}.admin_sidebar_item{display:block;text-decoration:none}.admin_sidebar_item.active{background-color:#4caf50;color:#fff;font-weight:700}.admin_sidebar_item:hover{background-color:#e0e0e0}.admin_sidebar_item.active:hover{background-color:#45a049}.key_stats{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stats-header h3{margin:0;color:#333;font-size:1.5rem}.refresh-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#e9ecef}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.stat-category h4{margin:0 0 12px;color:#495057;font-size:1.1rem;border-bottom:2px solid #e9ecef;padding-bottom:8px}.stat-items{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:4px;border-left:4px solid #dee2e6}.stat-item.primary{border-left-color:#007bff}.stat-item.warning{border-left-color:#ffc107}.stat-item.danger{border-left-color:#dc3545}.stat-value{font-weight:700;font-size:1.1rem}.quick-actions{border-top:1px solid #e9ecef;padding-top:20px}.quick-actions h4{margin:0 0 12px;color:#495057}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:8px 16px;border-radius:4px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s}.action-btn.primary{background:#007bff;color:#fff}.action-btn.warning{background:#ffc107;color:#212529}.action-btn.secondary{background:#6c757d;color:#fff}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.stats-footer{margin-top:16px;text-align:center;color:#6c757d}.loading-spinner{display:flex;justify-content:center;padding:20px}.error-message{display:flex;align-items:center;gap:8px;color:#dc3545;padding:12px;background:#f8d7da;border-radius:4px}.retry-btn{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:.8rem}.reports-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:2px solid #e9ecef;padding-bottom:16px}.reports-header h2{margin:0;color:#333}.header-stats{display:flex;gap:12px}.stat-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500}.stat-badge.pending{background:#fff3cd;color:#856404}.stat-badge.total{background:#d1ecf1;color:#0c5460}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:6px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:500;color:#495057}.filter-group select{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff}.clear-filters-btn{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.reports-list{display:flex;flex-direction:column;gap:16px}.report-card{border:1px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s}.report-card:hover{box-shadow:0 4px 8px #0000001a}.report-card.expanded{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.report-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f1f3f4}.report-info h4{margin:0 0 8px;color:#333}.report-meta{display:flex;align-items:center;gap:12px}.status-badge{padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-resolved{background:#d4edda;color:#155724}.priority-badge{padding:2px 6px;border-radius:10px;font-size:.7rem}.priority-badge.priority-high{background:#f8d7da;color:#721c24}.report-summary{padding:16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item strong{color:#495057;font-size:.9rem}.summary-item span{color:#6c757d}.report-details{padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef}.details-section h5{margin:0 0 12px;color:#495057}.detail-item{margin-bottom:12px}.detail-item strong{display:block;margin-bottom:4px;color:#495057}.admin-notes{background:#e3f2fd;padding:12px;border-radius:4px;margin-top:8px}.resolution-actions{margin-top:16px;padding-top:16px;border-top:1px solid #dee2e6}.resolution-actions h5{margin:0 0 12px}.action-buttons{display:flex;gap:8px}.btn-resolve{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-dismiss{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-toggle{background:#f8f9fa;border:1px solid #dee2e6;padding:6px 12px;border-radius:4px;cursor:pointer}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.empty-icon,.error-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.pagination-btn{background:#f8f9fa;border:1px solid #dee2e6;padding:8px 16px;border-radius:4px;cursor:pointer}.pagination-btn:disabled{opacity:.6;cursor:not-allowed}.pagination-btn:hover:not(:disabled){background:#e9ecef}.reports-summary{margin-top:32px;padding-top:24px;border-top:2px solid #e9ecef}.reports-summary h4{margin:0 0 16px;color:#495057}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.summary-stat{display:flex;flex-direction:column;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px}.stat-label{font-size:.85rem;color:#6c757d;margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.stat-value.pending{color:#856404}.stat-value.resolved{color:#155724}.audience-class-mgr-container{padding:24px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.header-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a}.header-main h2{font-size:2.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-subtitle{font-size:1.1rem;opacity:.9;margin:0 0 24px}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-create,.btn-bulk,.btn-analytics,.btn-refresh{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-create{background:#10b981;color:#fff}.btn-create:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-bulk{background:#f59e0b;color:#fff}.btn-bulk:hover:not(:disabled){background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-analytics{background:#8b5cf6;color:#fff}.btn-analytics:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.btn-refresh{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-refresh:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.controls-section{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.filters-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.search-box{flex:1;min-width:280px}.search-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s ease}.filter-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;min-width:140px;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.view-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.view-mode-toggle{display:flex;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden}.view-btn{padding:10px 16px;border:none;background:#fff;cursor:pointer;transition:all .2s ease;border-right:1px solid #e5e7eb;font-size:14px}.view-btn:last-child{border-right:none}.view-btn.active{background:#667eea;color:#fff}.view-btn:hover:not(.active){background:#f3f4f6}.bulk-select-controls{display:flex;align-items:center;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#6b7280}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.stat-content h4{margin:0 0 4px;font-size:14px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-number{font-size:2rem;font-weight:700;color:#111827;line-height:1}.main-content{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.classes-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0;font-size:1.5rem;color:#111827;font-weight:600}.pagination-info{font-size:14px;color:#6b7280}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state{text-align:center;padding:60px 20px;color:#6b7280}.error-icon{font-size:4rem;margin-bottom:16px}.error-state h3{font-size:1.5rem;color:#dc2626;margin-bottom:8px}.error-details{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin:16px 0;color:#dc2626;font-family:monospace;text-align:left}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-retry,.btn-reload{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-retry{background:#10b981;color:#fff}.btn-reload{background:#6b7280;color:#fff}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:1.5rem;color:#374151;margin-bottom:8px}.empty-state p{color:#6b7280;margin-bottom:24px}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.class-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative}.class-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.class-card.selected{border-color:#667eea;background:#f0f4ff}.class-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.class-select{position:absolute;top:12px;right:12px}.class-select input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.class-title{flex:1;padding-right:40px}.class-name{margin:0 0 8px;font-size:1.2rem;font-weight:600;color:#111827;line-height:1.3}.status-badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.class-description{color:#6b7280;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.class-meta{display:flex;flex-direction:column;gap:8px}.meta-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.meta-label{color:#6b7280;font-weight:500}.meta-value{color:#111827;font-weight:600}.capacity-percentage{font-size:12px;opacity:.7;margin-left:4px}.text-red-600{color:#dc2626}.text-yellow-600{color:#d97706}.text-green-600{color:#059669}.class-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.tag{background:#e0e7ff;color:#4338ca;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:14px;line-height:1}.tag-more{background:#f3f4f6;color:#6b7280;padding:4px 8px;border-radius:12px;font-size:12px}.difficulty-indicator{margin-top:12px}.difficulty{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.difficulty.beginner{background:#d1fae5;color:#065f46}.difficulty.intermediate{background:#fef3c7;color:#92400e}.difficulty.advanced{background:#fed7aa;color:#9a3412}.difficulty.expert{background:#fecaca;color:#991b1b}.class-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6}.btn-edit,.btn-delete{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500}.btn-edit{background:#dbeafe;color:#1e40af}.btn-edit:hover{background:#bfdbfe}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#fecaca}.classes-list{display:flex;flex-direction:column}.list-header{display:grid;grid-template-columns:60px 1fr 120px 120px 100px 120px 100px;gap:16px;padding:12px 16px;background:#f9fafb;border-radius:8px;margin-bottom:8px;font-weight:600;font-size:14px;color:#374151}.list-row{display:grid;grid-template-columns:60px 1fr 120px 120px 100px 120px 100px;gap:16px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:4px;cursor:pointer;transition:all .2s ease;align-items:center}.list-row:hover{background:#f9fafb;border-color:#667eea}.list-row.selected{background:#f0f4ff;border-color:#667eea}.list-col-select{display:flex;justify-content:center}.class-name-list{font-weight:600;color:#111827;margin-bottom:2px}.class-id-list{font-size:12px;color:#6b7280;font-family:monospace}.type-badge{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.btn-edit-small,.btn-delete-small{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:12px;margin-right:4px}.btn-edit-small{background:#dbeafe;color:#1e40af}.btn-edit-small:hover{background:#bfdbfe}.btn-delete-small{background:#fee2e2;color:#dc2626}.btn-delete-small:hover{background:#fecaca}.class-details-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;width:400px;max-height:calc(100vh - 200px);overflow:hidden;display:flex;flex-direction:column}.panel-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:1.3rem;color:#111827;font-weight:600}.panel-actions{display:flex;gap:8px}.panel-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tab-btn{padding:12px 16px;border:none;background:none;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.tab-btn:hover:not(.active){color:#374151}.panel-content{flex:1;overflow-y:auto;padding:20px}.overview-tab{display:flex;flex-direction:column;gap:20px}.overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overview-stat{background:#f9fafb;padding:16px;border-radius:8px}.overview-stat h4{margin:0 0 8px;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.overview-stat span{font-size:1.1rem;font-weight:600;color:#111827}.overview-details{display:flex;flex-direction:column;gap:16px}.detail-section h4{margin:0 0 8px;font-size:14px;color:#374151;font-weight:600}.detail-section p{margin:0;color:#6b7280;line-height:1.5;font-size:14px}.tags-display{display:flex;flex-wrap:wrap;gap:4px}.details-grid{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#111827;font-weight:600}.members-tab{display:flex;flex-direction:column;gap:16px}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;transition:background-color .2s ease}.member-item:hover{background:#f3f4f6}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:16px}.member-info{flex:1}.member-name{font-weight:600;color:#111827;font-size:14px;margin-bottom:2px}.member-role{font-size:12px;color:#6b7280;margin-bottom:2px}.member-joined{font-size:11px;color:#9ca3af}.status-indicator{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-indicator.active{background:#d1fae5;color:#065f46}.status-indicator.inactive{background:#fee2e2;color:#991b1b}.analytics-tab{display:flex;flex-direction:column;gap:16px}.analytics-content{display:flex;flex-direction:column;gap:20px}.analytics-metrics{display:flex;flex-direction:column;gap:12px}.metric-card{background:#f9fafb;padding:16px;border-radius:8px;text-align:center}.metric-card h4{margin:0 0 8px;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-value{font-size:1.5rem;font-weight:700;color:#111827}.no-analytics{text-align:center;padding:40px 20px;color:#6b7280}.no-analytics .empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.no-analytics h4{margin:0 0 8px;color:#374151}.settings-tab{display:flex;flex-direction:column;gap:20px}.settings-section h4{margin:0 0 12px;font-size:14px;color:#374151;font-weight:600}.settings-items{display:flex;flex-direction:column;gap:8px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.setting-item span:first-child{color:#6b7280}.setting-item span:last-child{color:#111827;font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:20px 0}.btn-page{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-page:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.3rem;color:#111827;font-weight:600}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.btn-close:hover{background:#f3f4f6;color:#374151}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-footer{padding:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-cancel{padding:10px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-cancel:hover:not(:disabled){background:#f9fafb}.btn-save{padding:10px 20px;border:none;background:#10b981;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600}.btn-save:hover:not(:disabled){background:#059669}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-execute{padding:10px 20px;border:none;background:#667eea;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600}.btn-execute:hover:not(:disabled){background:#5b21b6}.btn-execute.danger{background:#dc2626}.btn-execute.danger:hover:not(:disabled){background:#b91c1c}.btn-close-modal{padding:10px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.class-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.checkbox{flex-direction:row;align-items:center}.form-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280}.input-group{display:flex;gap:8px}.input-group input{flex:1}.btn-generate{padding:10px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.btn-generate:hover{background:#f9fafb}.validation-status{font-size:12px;font-weight:500}.validation-status.valid{color:#059669}.validation-status.invalid{color:#dc2626}.form-section{border-top:1px solid #e5e7eb;padding-top:16px}.form-section h4{margin:0 0 12px;font-size:16px;color:#374151;font-weight:600}.tag-input{border:1px solid #d1d5db;border-radius:6px;padding:6px;min-height:40px;background:#fff}.tags-container{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tag-input-field{border:none;outline:none;flex:1;min-width:120px;padding:4px;font-size:14px}.bulk-summary{margin-bottom:20px}.bulk-summary h4{margin:0 0 12px;font-size:16px;color:#374151;font-weight:600}.selected-classes-list{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:8px}.selected-class-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#f9fafb;border-radius:4px;margin-bottom:4px;font-size:14px}.class-name{font-weight:500;color:#111827}.class-id{font-size:12px;color:#6b7280;font-family:monospace}.more-classes{text-align:center;padding:8px;color:#6b7280;font-style:italic;font-size:14px}.bulk-actions h4{margin:0 0 12px;font-size:16px;color:#374151;font-weight:600}.action-options{display:flex;flex-direction:column;gap:8px}.action-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.action-option:hover{background:#f9fafb}.action-option.danger{border-color:#fecaca;background:#fef2f2}.action-option.danger:hover{background:#fee2e2}.warning-message{margin-top:16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.analytics-view{display:flex;flex-direction:column;gap:24px}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-header h3{margin:0;font-size:1.5rem;color:#111827;font-weight:600}.analytics-filters{display:flex;gap:8px}.filter-btn{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.filter-btn.active{background:#667eea;color:#fff;border-color:#667eea}.filter-btn:hover:not(.active){background:#f9fafb}.analytics-content{display:flex;flex-direction:column;gap:24px}.overview-analytics,.performance-analytics,.trends-analytics{display:flex;flex-direction:column;gap:20px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.health-score,.capacity-metric,.growth-metric{font-size:2rem;font-weight:700;color:#111827}.top-classes h4,.performance-analytics h4,.trends-analytics h4{margin:0 0 16px;font-size:1.2rem;color:#111827;font-weight:600}.class-performance-list{display:flex;flex-direction:column;gap:8px}.performance-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s ease}.performance-item:hover{background:#f3f4f6}.performance-item .class-name{font-weight:600;color:#111827}.member-count,.capacity-usage{font-size:14px;color:#6b7280}.performance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.performance-card{background:#f9fafb;padding:16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.performance-card:hover{background:#f3f4f6}.performance-card h5{margin:0 0 12px;font-size:1rem;color:#111827;font-weight:600}.performance-metrics{display:flex;flex-direction:column;gap:8px}.performance-metrics .metric{display:flex;justify-content:space-between;align-items:center;font-size:14px}.performance-metrics .metric span:first-child{color:#6b7280}.performance-metrics .metric span:last-child{color:#111827;font-weight:600}.trends-placeholder{text-align:center;padding:60px 20px;color:#6b7280}.trends-placeholder p{margin:8px 0}.analytics-overview{display:flex;flex-direction:column;gap:24px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.analytics-card{background:#f9fafb;padding:20px;border-radius:8px;text-align:center}.analytics-card h4{margin:0 0 8px;font-size:14px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-large{font-size:2rem;font-weight:700;color:#111827}.analytics-section{display:flex;flex-direction:column;gap:12px}.analytics-section h4{margin:0;font-size:1.1rem;color:#111827;font-weight:600}.type-distribution{display:flex;flex-direction:column;gap:8px}.type-item{display:flex;align-items:center;gap:12px;padding:8px 0}.type-name{min-width:100px;font-weight:500;color:#374151;text-transform:capitalize}.type-count{min-width:30px;font-weight:600;color:#111827}.type-bar{flex:1;height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden}.type-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.capacity-breakdown{display:flex;flex-direction:column;gap:8px}.capacity-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.capacity-item span:first-child{color:#6b7280}.capacity-item span:last-child{font-weight:600;color:#111827}@media (max-width: 1200px){.main-content{grid-template-columns:1fr}.class-details-panel{width:100%;max-height:none}}@media (max-width: 768px){.audience-class-mgr-container{padding:16px}.header-section{padding:24px}.header-main h2{font-size:2rem}.header-actions,.filters-row{flex-direction:column}.view-controls{flex-direction:column;align-items:stretch}.stats-section,.classes-grid,.form-row,.form-row.three-cols{grid-template-columns:1fr}.modal-content{margin:10px;max-width:none;width:calc(100% - 20px)}.list-header,.list-row{grid-template-columns:40px 1fr 80px 60px}.list-col-members,.list-col-created,.list-col-actions{display:none}.analytics-grid,.metrics-grid,.performance-grid{grid-template-columns:1fr}}@media (max-width: 480px){.header-section{padding:16px}.header-main h2{font-size:1.5rem}.controls-section,.classes-section,.class-card,.modal-body,.modal-header,.modal-footer{padding:16px}}.valid-id{color:#28a745;font-weight:700}.invalid-id{color:#dc3545;font-weight:700}.id-info{margin-top:5px;font-size:.8em;color:#6c757d}.valid{color:#28a745;margin-left:10px}.invalid{color:#dc3545;margin-left:10px}input[pattern]:valid{border-color:#28a745}input[pattern]:invalid{border-color:#dc3545}.entity-id-display{display:flex;align-items:center;gap:8px;margin:5px 0}.entity-name{font-weight:700;color:#495057}.entity-id{font-family:Courier New,monospace;padding:2px 6px;border-radius:3px;font-size:12px}.entity-type{font-size:12px;color:#6c757d;font-style:italic}.error-indicator{color:#dc3545;font-size:12px}.loading{text-align:center;padding:20px;color:#6c757d}.error{text-align:center;padding:20px;color:#dc3545;background:#f8d7da;border-radius:4px;margin:10px 0}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.p-20{padding:20px}.valid input,.valid select{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.invalid input,.invalid select{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}button:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #007bff;outline-offset:2px}.membership-review-container{padding:20px;max-width:1200px;margin:0 auto;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.full-membership-review-in-admin .membership-review-container{background-color:transparent;padding:15px}.review-header{margin-bottom:30px}.review-header h2{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 30px;border-radius:12px;margin:0 0 20px;font-size:1.8rem;font-weight:700;text-align:center;box-shadow:0 4px 20px #667eea4d}.review-header small{display:block;margin-top:8px;opacity:.9;font-weight:400}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e0;padding:20px;border-radius:12px;text-align:center;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 10px #00000014}.stat-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-card h4{margin:0 0 10px;color:#4a5568;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2.2rem;font-weight:800;color:#2d3748;display:block}.stat-number.approved{color:#27ae60}.stat-number.declined{color:#e74c3c}.review-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:center;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;border:1px solid #e2e8f0}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-weight:600;color:#2c3e50;font-size:.9rem}.status-filter,.search-input{padding:8px 12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;transition:border-color .3s ease}.status-filter:focus,.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input{min-width:300px}.bulk-actions{display:flex;align-items:center;gap:10px;padding:15px;background:#e8f4f8;border-radius:8px;border-left:4px solid #667eea;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selection-count{font-weight:600;color:#2c3e50;margin-right:10px}.bulk-btn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px 4px #0000001a}.bulk-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.bulk-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.approve-btn{background-color:#27ae60;color:#fff}.approve-btn:hover:not(:disabled){background-color:#229954}.decline-btn{background-color:#e74c3c;color:#fff}.decline-btn:hover:not(:disabled){background-color:#c0392b}.clear-btn{background-color:#95a5a6;color:#fff}.clear-btn:hover:not(:disabled){background-color:#7f8c8d}.select-all-btn,.clear-selection-btn{padding:8px 16px;border:2px solid #667eea;border-radius:6px;background:#fff;color:#667eea;font-weight:600;cursor:pointer;transition:all .3s ease}.select-all-btn:hover,.clear-selection-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.applications-list{display:flex;flex-direction:column;gap:15px;animation:fadeIn .5s ease}.no-applications{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:12px;color:#666;margin:20px 0}.no-applications h4{color:#4a5568;margin:0 0 10px;font-weight:600}.application-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;transition:all .3s ease;border:2px solid transparent;overflow:hidden;position:relative;animation:fadeIn .3s ease}.application-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.application-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.application-card.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.application-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e5e9}.application-info{display:flex;align-items:center;gap:15px}.selection-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.user-info h4{margin:0 0 5px;color:#2563eb;font-size:1.1rem;font-weight:700}.user-email{margin:0 0 5px;color:#666;font-size:.9rem}.submission-date{margin:0;color:#95a5a6;font-size:.8rem}.application-status{display:flex;align-items:center}.status-badge{padding:8px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;box-shadow:0 2px 4px #0000001a}.status-badge.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.approved{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.declined{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.application-answers-section{padding:20px;background:#fafbfc;border-left:4px solid #495057;margin:0 20px;border-radius:8px}.application-answers-section h5{margin:0 0 15px;color:#495057;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.full-membership-answers .answer-item{margin-bottom:20px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.full-membership-answers .answer-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.question-label{margin-bottom:8px;color:#2d3748;font-weight:600;font-size:.95rem}.answer-value{color:#4a5568;line-height:1.6;font-size:.9rem;padding-left:15px;border-left:3px solid #e2e8f0}.simple-answer{margin-bottom:10px;padding:10px;background:#f7fafc;border-radius:6px;font-size:.9rem}.no-answers{text-align:center;padding:30px;color:#a0aec0;font-style:italic;background:#f7fafc;border-radius:8px}.invalid-answers,.fallback-answers{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:15px;color:#742a2a}.error-answers{background:#fed7d7;border:2px solid #f56565;border-radius:8px;padding:15px;color:#c53030}.application-actions{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;flex-wrap:wrap;gap:10px}.toggle-details-btn{padding:8px 16px;border:2px solid #667eea;border-radius:6px;background:#fff;color:#667eea;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-details-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.review-actions .approve-btn,.review-actions .decline-btn,.email-btn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px 4px #0000001a}.email-btn:hover:not(:disabled){background-color:#0056b3!important;transform:translateY(-1px)}.application-details{padding:20px;border-top:1px solid #e1e5e9;background:#fafbfc;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;padding:0}to{opacity:1;max-height:600px;padding:20px}}.application-details h5{margin:0 0 15px;color:#4a5568;font-size:1rem;font-weight:600}.review-notes-section{margin-top:20px;padding-top:20px;border-top:1px solid #e1e5e9}.review-notes-section label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.review-notes-input{width:100%;min-height:80px;padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .3s ease}.review-notes-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.recent-activity-section{background:#fff;border-radius:12px;padding:25px;margin-top:25px;box-shadow:0 2px 10px #00000014;border:1px solid #e2e8f0}.recent-activity-section h3{color:#1a202c;margin:0 0 20px;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:10px}.recent-activity-list{max-height:400px;overflow-y:auto}.activity-item{padding:12px;margin-bottom:8px;background:#f8f9fa;border-radius:6px;transition:all .2s ease}.activity-item:hover{background-color:#edf2f7;transform:translate(5px)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container h3{color:#e74c3c;margin-bottom:10px}.retry-button{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-top:15px;transition:all .2s ease}.retry-button:hover{background:#5a67d8;transform:translateY(-1px)}.review-loading-overlay .loading-spinner{border-color:#ffffff4d;border-top-color:#fff}button:focus{outline:2px solid #667eea;outline-offset:2px}.stat-card:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width: 768px){.membership-review-container{padding:15px}.review-header h2{padding:20px;font-size:1.4rem}.review-controls{flex-direction:column;align-items:stretch}.search-input{min-width:auto;width:100%}.application-header{flex-direction:column;gap:15px;align-items:flex-start}.application-info{width:100%}.application-actions{flex-direction:column;gap:15px;align-items:stretch}.review-actions{justify-content:space-between;width:100%}.bulk-actions{flex-direction:column;align-items:stretch;gap:10px}.stats-overview{grid-template-columns:repeat(2,1fr)}.application-answers-section{margin:0 10px}}@media (max-width: 480px){.membership-review-container{padding:10px}.review-header h2{padding:15px;font-size:1.2rem}.stats-overview{grid-template-columns:1fr}.selection-controls{flex-direction:column}.stat-card{padding:15px}.stat-number{font-size:1.8rem}.application-card{margin:0 5px}.application-answers-section{margin:0 5px;padding:15px}}@media print{.application-actions,.bulk-actions,.selection-controls,.review-loading-overlay,.retry-button{display:none}.application-card{page-break-inside:avoid;box-shadow:none;border:1px solid #000}.membership-review-container{background:#fff}}.membership-review-container{padding:20px;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.review-header{margin-bottom:30px;border-bottom:2px solid #e9ecef;padding-bottom:20px}.review-header h2{margin:0 0 15px;color:#2c3e50;font-size:28px;font-weight:600}.stat-number.declined{color:#dc3545}.tab-btn{background:none;border:none;padding:12px 20px;cursor:pointer;font-size:16px;font-weight:500;color:#6c757d;border-bottom:3px solid transparent;transition:all .3s ease;border-radius:4px 4px 0 0}.filter-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.bulk-actions{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-bottom:20px}.bulk-actions span{font-weight:600;color:#1565c0}.bulk-actions button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-actions button:first-of-type{background-color:#28a745;color:#fff}.bulk-actions button:first-of-type:hover{background-color:#218838}.bulk-actions button:nth-of-type(2){background-color:#dc3545;color:#fff}.bulk-actions button:nth-of-type(2):hover{background-color:#c82333}.bulk-actions button:last-child{background-color:#6c757d;color:#fff}.bulk-actions button:last-child:hover{background-color:#5a6268}.selection-controls button{padding:8px 16px;border:1px solid #ced4da;background-color:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.selection-controls button:hover{background-color:#f8f9fa;border-color:#adb5bd}.applications-list{display:flex;flex-direction:column;gap:20px}.no-applications{text-align:center;padding:60px 20px;color:#6c757d}.no-applications h3{margin-bottom:10px;color:#495057}.application-card{border:1px solid #e9ecef;border-radius:12px;padding:25px;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.application-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#007bff}.application-card.selected{border-color:#007bff;background-color:#f8f9ff;box-shadow:0 4px 12px #007bff26}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.application-info{display:flex;align-items:flex-start;gap:15px;flex:1}.application-info input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.user-info p{margin:4px 0;color:#6c757d;font-size:14px}.application-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge.declined{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.application-answers{margin-bottom:20px}.application-answers h5{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600}.membership-answers-detailed,.membership-answers-simple,.membership-answers-object{display:flex;flex-direction:column;gap:12px}.answer-value span{display:inline-block}.application-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.application-actions button{padding:10px 18px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.application-actions>button:first-child{background-color:#6c757d;color:#fff}.application-actions>button:first-child:hover{background-color:#5a6268}.approve-btn{background-color:#28a745!important;color:#fff!important}.approve-btn:hover{background-color:#218838!important}.decline-btn{background-color:#dc3545!important;color:#fff!important}.decline-btn:hover{background-color:#c82333!important}.application-details{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.application-details h5{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600}.application-details textarea{width:100%;min-height:100px;padding:12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:15px}.application-details textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.application-details details{margin-top:15px}.application-details summary{cursor:pointer;font-weight:600;color:#495057;padding:8px 0}.application-details pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;font-size:12px;max-height:300px;overflow:auto;margin-top:10px}.analytics-card p{margin:0;font-size:24px;font-weight:700;color:#007bff}@media (max-width: 768px){.membership-review-container{padding:15px}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat-card{padding:15px}.stat-number{font-size:20px}.filter-controls{flex-direction:column;gap:15px}.control-group{min-width:auto}.application-header{flex-direction:column;gap:15px}.application-info{flex-direction:column;gap:10px}.application-actions{flex-direction:column;align-items:stretch}.review-actions{flex-direction:column}.bulk-actions{flex-direction:column;align-items:stretch;gap:10px}.tab-navigation{flex-direction:column}.analytics-grid{grid-template-columns:1fr}}@media (max-width: 480px){.review-header h2{font-size:22px}.application-card{padding:20px}.application-details textarea{min-height:80px}}.membership-review-in-admin .membership-review-container{background:transparent;box-shadow:none;border:none}.membership-review-in-admin .review-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;padding:25px;margin-bottom:25px}.membership-review-in-admin .application-card{border:1px solid #dee2e6;background:#fff}.membership-review-in-admin .application-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.text-muted{color:#6c757d}.mb-0{margin-bottom:0}.mt-2{margin-top:.5rem}.mb-3{margin-bottom:1rem}.survey-controls-container{padding:20px;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.survey-controls-header{margin-bottom:30px;border-bottom:2px solid #e9ecef;padding-bottom:20px}.survey-controls-header h2{margin:0 0 15px;color:#2c3e50;font-size:28px;font-weight:600}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0}.stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card h4{margin:0 0 10px;font-size:14px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:28px;font-weight:700;color:#495057}.stat-number.approved{color:#28a745}.stat-number.rejected{color:#dc3545}.stat-number.pending{color:#ffc107}.tab-navigation{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:25px;gap:5px}.tab-btn{background:none;border:none;padding:12px 20px;cursor:pointer;font-size:16px;font-weight:500;color:#6c757d;border-bottom:3px solid transparent;transition:all .3s ease;border-radius:4px 4px 0 0;display:flex;align-items:center;gap:8px}.tab-btn:hover{background-color:#f8f9fa;color:#495057}.tab-btn.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa}.tab-count{background:#007bff1a;color:#007bff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.tab-btn.active .tab-count{background:#007bff33}.survey-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.control-group{display:flex;flex-direction:column;min-width:200px}.control-group label{font-weight:600;color:#495057;margin-bottom:8px;font-size:14px}.control-group select,.control-group input{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.control-group select:focus,.control-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.bulk-actions{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.selection-count{font-weight:600;color:#1565c0}.bulk-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-btn.approve-btn{background-color:#28a745;color:#fff}.bulk-btn.approve-btn:hover{background-color:#218838}.bulk-btn.reject-btn{background-color:#dc3545;color:#fff}.bulk-btn.reject-btn:hover{background-color:#c82333}.bulk-btn.clear-btn{background-color:#6c757d;color:#fff}.bulk-btn.clear-btn:hover{background-color:#5a6268}.bulk-btn:disabled{opacity:.6;cursor:not-allowed}.selection-controls{display:flex;gap:10px;margin-bottom:20px}.select-all-btn,.clear-selection-btn{padding:8px 16px;border:1px solid #ced4da;background-color:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.select-all-btn:hover,.clear-selection-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.surveys-list{display:flex;flex-direction:column;gap:20px}.no-surveys{text-align:center;padding:60px 20px;color:#6c757d}.no-surveys h4{margin-bottom:10px;color:#495057}.survey-card{border:1px solid #e9ecef;border-radius:12px;padding:25px;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.survey-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#007bff}.survey-card.selected{border-color:#007bff;background-color:#f8f9ff;box-shadow:0 4px 12px #007bff26}.survey-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.survey-info{display:flex;align-items:flex-start;gap:15px;flex:1}.selection-checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer}.user-info h4{margin:0 0 8px;color:#2c3e50;font-size:18px;font-weight:600}.user-email,.submission-date{margin:4px 0;color:#6c757d;font-size:14px}.survey-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.type-badge{background-color:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.survey-answers-section{margin-bottom:20px}.survey-answers-section h5{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600}.survey-answers-detailed,.survey-answers-simple,.survey-answers-object{display:flex;flex-direction:column;gap:12px}.answer-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px}.question-label{margin-bottom:8px}.question-label strong{color:#495057;font-size:14px}.answer-value{color:#6c757d;font-size:14px;line-height:1.5}.simple-answer{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px;margin-bottom:8px}.no-answers,.invalid-answers,.fallback-answers,.error-answers{padding:15px;border-radius:6px;font-size:14px}.no-answers{background:#f8f9fa;color:#6c757d;text-align:center}.invalid-answers,.fallback-answers{background:#fff3cd;border:1px solid #ffeaa7}.error-answers{background:#f8d7da;border:1px solid #f5c6cb}.survey-metrics{display:flex;gap:15px;margin-bottom:15px;font-size:13px}.metric{background:#e9ecef;color:#495057;padding:6px 12px;border-radius:15px;font-weight:500}.survey-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.toggle-details-btn{padding:10px 18px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-details-btn:hover{background-color:#5a6268}.review-actions{display:flex;gap:10px}.approve-btn{background-color:#28a745;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.approve-btn:hover{background-color:#218838}.reject-btn{background-color:#dc3545;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.reject-btn:hover{background-color:#c82333}.approve-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed}.survey-details{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.survey-details h5{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600}.review-notes-section{margin-bottom:15px}.review-notes-section label{display:block;font-weight:600;margin-bottom:8px;color:#495057;font-size:14px}.review-notes-input{width:100%;min-height:100px;padding:12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.review-notes-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.existing-notes{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;margin-bottom:15px}.existing-notes strong{color:#495057}.existing-notes p{margin:8px 0 0;color:#6c757d}.question-management-section{padding:20px 0}.question-management-section h3{margin:0 0 25px;color:#2c3e50;font-size:24px;font-weight:600}.question-labels-container{margin-bottom:25px}.question-label-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:15px}.question-labels-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.question-labels-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.question-labels-actions button:hover{opacity:.9;transform:translateY(-1px)}.question-labels-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.analytics-section{padding:20px 0}.analytics-section h3{margin:0 0 25px;color:#2c3e50;font-size:24px;font-weight:600}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.analytics-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:25px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.analytics-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.analytics-card h4{margin:0 0 15px;color:#495057;font-size:18px;font-weight:600}.chart-placeholder{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:40px;text-align:center;color:#6c757d;font-style:italic}.category-stats,.quality-metrics{display:flex;flex-direction:column;gap:10px}.category-item,.metric{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.count,.value{font-weight:600;color:#007bff}.review-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.review-loading-overlay .loading-spinner{border-color:#f3f3f3;border-top-color:#007bff}@media (max-width: 768px){.survey-controls-container{padding:15px}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat-card{padding:15px}.stat-number{font-size:20px}.survey-controls{flex-direction:column;gap:15px}.control-group{min-width:auto}.survey-header{flex-direction:column;gap:15px}.survey-info{flex-direction:column;gap:10px}.survey-actions{flex-direction:column;align-items:stretch}.review-actions{flex-direction:column}.bulk-actions{flex-direction:column;align-items:stretch;gap:10px}.tab-navigation{flex-direction:column}.analytics-grid{grid-template-columns:1fr}.question-labels-actions{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.survey-controls-header h2{font-size:22px}.survey-card{padding:20px}.review-notes-input{min-height:80px}}.survey-controls-in-admin .survey-controls-container{background:transparent;box-shadow:none;border:none}.survey-controls-in-admin .survey-controls-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;padding:25px;margin-bottom:25px}.survey-controls-in-admin .survey-card{border:1px solid #dee2e6;background:#fff}.survey-controls-in-admin .survey-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.live-class-management{padding:20px;background:#f5f5f5;min-height:100vh}.lcm-header{margin-bottom:30px;text-align:center}.lcm-header h2{color:#2c3e50;margin:0 0 10px;font-size:2.2rem}.lcm-header p{color:#7f8c8d;margin:0;font-size:1.1rem}.lcm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.lcm-stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .2s ease,box-shadow .2s ease}.lcm-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.lcm-stat-icon{font-size:2.5rem;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.lcm-stat-card.pending .lcm-stat-icon{background:linear-gradient(135deg,#f39c12,#e67e22)}.lcm-stat-card.approved .lcm-stat-icon{background:linear-gradient(135deg,#27ae60,#2ecc71)}.lcm-stat-card.live .lcm-stat-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.lcm-stat-card.total .lcm-stat-icon{background:linear-gradient(135deg,#3498db,#2980b9)}.lcm-stat-card.completed .lcm-stat-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.lcm-stat-content h3{margin:0 0 5px;font-size:1rem;color:#2c3e50;font-weight:600}.lcm-stat-number{font-size:2.2rem;font-weight:700;color:#2c3e50;line-height:1}.lcm-stat-content small{color:#7f8c8d;font-size:.85rem}.lcm-approvals-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px}.lcm-approvals-section h3{margin:0 0 25px;color:#2c3e50;font-size:1.5rem;border-bottom:3px solid #f39c12;padding-bottom:10px}.lcm-approvals-grid{display:grid;gap:20px}.lcm-approval-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:25px;transition:all .3s ease}.lcm-approval-card:hover{border-color:#f39c12;transform:translateY(-2px);box-shadow:0 8px 25px #f39c1226}.lcm-approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #dee2e6;padding-bottom:15px}.lcm-approval-header h4{margin:0;color:#2c3e50;font-size:1.3rem}.lcm-session-type{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.lcm-approval-details{margin-bottom:20px}.lcm-detail-row{display:flex;margin-bottom:10px;align-items:flex-start}.lcm-label{font-weight:600;color:#495057;min-width:140px;margin-right:10px}.lcm-description{color:#6c757d;font-style:italic;line-height:1.4}.lcm-approval-actions{display:flex;gap:10px;flex-wrap:wrap}.lcm-approve-btn,.lcm-reject-btn,.lcm-modify-btn{padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.lcm-approve-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.lcm-approve-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-2px)}.lcm-reject-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.lcm-reject-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px)}.lcm-modify-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.lcm-modify-btn:hover{background:linear-gradient(135deg,#e67e22,#d68910);transform:translateY(-2px)}.lcm-approve-btn:disabled,.lcm-reject-btn:disabled,.lcm-modify-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.lcm-no-approvals{text-align:center;padding:60px 20px}.lcm-no-data-icon{font-size:4rem;margin-bottom:20px}.lcm-no-approvals h4{color:#2c3e50;margin:0 0 10px;font-size:1.4rem}.lcm-no-approvals p{color:#7f8c8d;margin:0;font-size:1rem}.lcm-quick-actions{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000001a}.lcm-quick-actions h3{margin:0 0 20px;color:#2c3e50;font-size:1.3rem}.lcm-action-buttons{display:flex;gap:15px;flex-wrap:wrap}.lcm-action-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.lcm-action-btn.primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.lcm-action-btn.primary:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px)}.lcm-action-btn.secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.lcm-action-btn.secondary:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);transform:translateY(-2px)}.lcm-action-btn.tertiary{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff}.lcm-action-btn.tertiary:hover{background:linear-gradient(135deg,#2c3e50,#1b2631);transform:translateY(-2px)}.lcm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 768px){.live-class-management{padding:15px}.lcm-stats-grid{grid-template-columns:1fr}.lcm-approval-header{flex-direction:column;align-items:flex-start;gap:10px}.lcm-approval-actions,.lcm-action-buttons{justify-content:center}.lcm-detail-row{flex-direction:column}.lcm-label{min-width:auto;margin-bottom:5px}}.admin-settings{max-width:1200px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh}.admin-settings-header{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;border-left:4px solid #667eea}.admin-settings-header h2{margin:0 0 10px;color:#2c3e50;font-size:28px;font-weight:600}.admin-settings-header p{margin:0;color:#6c757d;font-size:16px}.settings-changed-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);padding:15px 20px;border-radius:8px;margin-top:20px;border:1px solid #e17055}.change-icon{font-size:18px}.save-changes-btn{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s ease}.save-changes-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00b8944d}.settings-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden}.settings-tabs{display:flex;border-bottom:1px solid #e9ecef}.settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:none;border:none;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#6c757d;border-bottom:3px solid transparent}.settings-tab:hover{background:#f8f9fa;color:#495057}.settings-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-color:#667eea}.tab-icon{font-size:16px}.tab-label{font-weight:600}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px;margin-bottom:30px}.settings-section h3{margin:0 0 30px;color:#2c3e50;font-size:24px;font-weight:600;display:flex;align-items:center;gap:10px}.settings-group{margin-bottom:25px}.settings-group label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.settings-group input,.settings-group textarea,.settings-group select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .3s ease,box-shadow .3s ease;background:#fff}.settings-group input:focus,.settings-group textarea:focus,.settings-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.settings-group textarea{resize:vertical;min-height:80px}.settings-group small{display:block;margin-top:6px;color:#6c757d;font-size:12px;font-style:italic}.checkbox-group{position:relative}.checkbox-label{display:flex!important;align-items:center;gap:12px;cursor:pointer;font-weight:500!important;margin-bottom:8px!important}.checkbox-label input[type=checkbox]{width:auto;margin:0;opacity:0;position:absolute}.checkmark{width:20px;height:20px;border:2px solid #dee2e6;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fff}.checkbox-label input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.email-test-section{background:linear-gradient(135deg,#74b9ff,#0984e3);padding:20px;border-radius:8px;margin-top:30px;color:#fff}.email-test-section h4{margin:0 0 10px;color:#fff}.email-test-section p{margin:0 0 15px;opacity:.9}.test-email-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.test-email-btn:hover{background:#ffffff4d;border-color:#ffffff80}.test-email-btn:disabled{opacity:.6;cursor:not-allowed}.privacy-info-section{background:linear-gradient(135deg,#00b894,#00a085);padding:20px;border-radius:8px;margin-top:30px;color:#fff}.privacy-info-section h4{margin:0 0 15px;color:#fff}.privacy-status{display:grid;gap:10px}.privacy-item{display:flex;align-items:center;gap:10px;font-size:14px}.status-icon{font-size:16px}.settings-actions{display:flex;gap:15px;flex-wrap:wrap}.settings-actions button{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;border:none}.save-btn{background:linear-gradient(135deg,#00b894,#00a085);color:#fff}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00b8944d}.reset-btn{background:linear-gradient(135deg,#e17055,#d63031);color:#fff}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e170554d}.refresh-btn{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a29bfe4d}.admin-settings-loading,.admin-settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-icon{font-size:48px;margin-bottom:20px}.admin-settings-error h3{margin:0 0 10px;color:#e17055}.admin-settings-error p{margin:0 0 20px;color:#6c757d}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.admin-settings{padding:15px}.admin-settings-header{padding:20px}.admin-settings-header h2{font-size:24px}.settings-tabs{flex-direction:column}.settings-tab{justify-content:flex-start;border-bottom:none;border-right:3px solid transparent}.settings-tab.active{border-right-color:#667eea;border-bottom-color:transparent}.settings-content{padding:20px}.settings-actions{flex-direction:column}.settings-actions button{width:100%;justify-content:center}}.towncrier_container{display:flex;flex-direction:column;min-height:100vh;width:100%;background:linear-gradient(135deg,#2c3e50,#34495e);position:relative}.nav{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a;flex-wrap:wrap;gap:8px;height:fit-content;flex-shrink:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:15px}.user-info{flex:1;display:flex;flex-direction:row;align-items:center;gap:20px}.footnote{position:sticky;bottom:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#000;font-size:.75em;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.1);height:65px;flex-shrink:0}.footer-controls{display:flex;gap:4px;align-items:center;flex-wrap:nowrap}.towncrier_viewport{display:flex;flex-direction:row;height:calc(100vh - 100px);background:linear-gradient(135deg,#2c3e50,#34495e);position:relative;flex:1;min-height:0}.membership-banner{position:static;top:60px;left:0;right:0;z-index:500;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:15px;box-shadow:0 2px 10px #0000001a}.access-level-info{position:static;top:30px;left:0;right:0;z-index:400;background:#ecf0f1f2;padding:2px 5px;box-shadow:0 2px 10px #0000001a}.access-btn{width:15%}.revtopic-container{flex:1;display:flex;flex-direction:column;height:100%;border-right:2px solid #ddd;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);flex-shrink:0;min-height:0}.revtopic-container .search{flex-shrink:0;display:flex;justify-content:space-between;flex-direction:column;align-items:center;gap:5px;padding:5px;background:#ffffff51;border:1px solid blue;box-shadow:2px 2px 4px #0000001a;position:sticky}.topics-list{flex:1;overflow-y:auto;padding:10px;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);min-height:0}.topics-footer{flex-shrink:0;padding:10px 15px;background:#fffffff2;border-top:1px solid #ddd;font-size:12px;color:#7f8c8d;height:40px}.revTeaching-container{flex:3;display:flex;flex-direction:column;height:100%;background-color:#00000064;color:#fff;min-height:0;overflow-y:auto;scroll-behavior:smooth}.teaching-item{flex:1;display:flex;flex-direction:column;height:100%;padding:0;background:transparent;position:relative;overflow:hidden}.teaching-header{flex-shrink:0;background:linear-gradient(135deg,#945ec9b1);padding:15px 20px;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.teaching-content{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;gap:20px;min-height:0}.teaching-details{display:flex;flex-direction:row;background:#3498db0d;padding:15px;border-radius:8px;border-left:4px solid #3498db;flex-shrink:0;justify-content:space-between;border:2px solid whitesmoke}.main-content{padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #ecf0f1;flex-shrink:0}.media-container{background:#ffffff48;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #ecf0f1;flex-shrink:0}.teaching-footer{background:#ecf0f180;border-top:1px solid #ecf0f1;padding:15px 20px;flex-shrink:0;margin-top:auto}.no-selection{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecf0f1,#d5dbdb);color:#7f8c8d;font-size:18px;font-style:italic;padding:40px}@media (max-width: 1024px){.towncrier_viewport{flex-direction:column;height:auto}.revtopic-container{width:100%;height:300px;border-right:none;border-bottom:2px solid #ddd;flex-shrink:0}.revTeaching-container{flex:1;min-height:400px}.membership-banner,.access-level-info{position:relative;top:auto}.towncrier_viewport.with-banners{padding-top:0}}@media (max-width: 768px){.nav{height:50px;padding:6px 10px}.footnote{height:35px;padding:4px 10px}.towncrier_viewport{height:calc(100vh - 85px)}.revtopic-container{height:250px}.revtopic-container .search{height:70px;padding:10px}}@media (max-width: 480px){.revtopic-container{height:200px}.revtopic-container .search{height:60px}.teaching-header{flex-direction:column;gap:10px;align-items:flex-start}}.topic-item{display:flex;flex-direction:column;gap:10px;padding:15px;margin-bottom:10px;cursor:pointer;border-radius:8px;border:2px solid transparent;background:#ffffffe6;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;position:relative}.searchbar{flex:1;background-color:#3498db1a;display:flex;align-items:center;gap:2px;border-radius:8px;padding:2px;border:2px solid rgba(52,152,219,.2)}.searchbar input{background-color:transparent;border:none;outline:none;color:#2c3e50;flex:1;font-size:14px}.title-section h2{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:8px;line-height:1.3}.teaching-meta{display:flex;gap:10px;align-items:center}.navigation-buttons{display:flex;gap:10px}.nav-btn{padding:8px 16px;border:2px solid #3498db;background:#fff;color:#3498db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.nav-btn:hover{background:#3498db;color:#fff;transform:translateY(-1px)}.loading-message,.error-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;min-height:400px}.revtopic-container{flex:1;display:flex;flex-direction:column;height:100vh;max-height:1200px;border-right:2px solid #ddd;background:#000;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;position:relative}.revtopic-container::-webkit-scrollbar{width:12px;display:block!important}.revtopic-container::-webkit-scrollbar-track{background:#ffffff4d;border-radius:5px;border:1px solid rgba(255,255,255,.2)}.revtopic-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;border:1px solid rgba(255,255,255,.3);min-height:30px}.revtopic-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea);border:1px solid rgba(255,255,255,.5)}.topics-list{flex:1;overflow-y:visible;padding:10px;background:#000;min-height:0}.topic-item{display:flex;flex-direction:column;gap:10px;padding:15px;margin-bottom:10px;cursor:pointer;border-radius:8px;border:2px solid transparent;background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease;box-shadow:0 2px 4px #0000000d;position:relative}.topic-item:hover{background:#3498db1a;border-color:#3498db4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.topic-item.selected{background:linear-gradient(135deg,#3498db,#2980b9)!important;color:#fff!important;border-color:#2980b9!important;transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.topic-item.selected *{color:#fff!important}.topic-item.selected .content-type-badge,.topic-item.selected .content-id{background:#fff3!important;color:#fff!important}.topic-item.selected .topic-meta p,.topic-item.selected .topic-dates p{color:#fffc!important}.topic-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:8px;color:#fff}.content-type-badge{background:#e67e22;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;transition:all .3s ease}.content-id{background:#ecf0f1;color:#2c3e50;padding:4px 8px;border-radius:4px;font-size:11px;font-family:monospace;transition:all .3s ease}.texts{display:flex;flex-direction:column;gap:8px}.topic-title{font-size:16px;font-weight:600;color:#2c3e50;line-height:1.3;transition:color .3s ease}.topic-description{font-size:13px;color:#5d6d7e;line-height:1.4;margin:0;transition:color .3s ease}.topic-meta{margin:5px 0}.topic-meta p{font-size:12px;color:#7f8c8d;margin:2px 0;transition:color .3s ease}.topic-dates{margin-top:5px}.topic-dates p{font-size:11px;color:#95a5a6;margin:1px 0;transition:color .3s ease}.selected-indicator{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px;color:#fff;font-weight:700;opacity:0;transition:opacity .3s ease}.topic-item.selected .selected-indicator{opacity:1}.topics-footer{flex-shrink:0;padding:10px 15px;background:#fffffff2;border-top:1px solid #ddd;font-size:12px;color:#7f8c8d}.summary-stats{display:flex;justify-content:space-between;align-items:center}.no-teachings{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.empty-state{text-align:center;color:#7f8c8d}.empty-state h3{font-size:18px;margin-bottom:10px;color:#95a5a6}.empty-state p{font-size:14px;line-height:1.5;max-width:300px}.loading-message,.error-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #ecf0f1;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-message h3{color:#e74c3c;margin-bottom:10px;font-size:18px}.error-message p{color:#7f8c8d;margin-bottom:15px}.retry-btn{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease;font-size:14px;font-weight:500}.retry-btn:hover{background:#2980b9;transform:translateY(-1px)}@media (max-width: 768px){.revtopic-container{border-right:none;border-bottom:2px solid #ddd}.topic-item{padding:12px;margin-bottom:8px}.topic-title{font-size:14px}.topic-description{font-size:12px}.topic-meta p{font-size:11px}.topic-dates p{font-size:10px}.selected-indicator{right:10px;font-size:16px}}@media (max-width: 480px){.revtopic-container .search,.topic-item{padding:10px}.topic-header{flex-direction:column;align-items:flex-start;gap:5px}.content-type-badge,.content-id{font-size:10px;padding:3px 6px}}.revTeaching_container{flex:4;display:flex;border-left:4px solid white;border-right:4px solid white;flex-direction:column;height:80vh;border:2px solid white;border-radius:5px;margin-right:2px}.revTeaching_container .top{display:inline-flex;align-items:center;border-bottom:3px solid white;white-space:wrap;overflow:visible;width:100%}.revTeaching_container .top p{font-size:15px;font-weight:300;color:#000;margin:0 10px}.revTeaching_container .top .icons{display:inline-flex;gap:20px}.revTeaching_container .top .icons img{width:20px;height:20px;cursor:pointer}.revTeaching_container .center{padding:20px;flex:1;overflow-y:scroll;display:flex;flex-direction:column;gap:20px}.revTeaching_container .center .message{max-width:70%;display:flex;gap:20px}.revTeaching_container .center .message.Own{align-self:flex-end}.revTeaching_container .center .message.Own .texts p{background-color:#5183fe;padding:10px;border-radius:10px;color:#fff;font-size:16px}.revTeaching_container .center .message img{width:60px;height:60px;border-radius:40%;object-fit:cover}.revTeaching_container .center .message .texts{flex:1;display:flex;flex-direction:column;gap:5px}.revTeaching_container .center .message .texts img{width:100%;height:350px;border-radius:10px;object-fit:cover}.revTeaching_container .center .message .texts p{padding:10px;background-color:#11192880;border-radius:10px}.revTeaching_container .center .message .texts span{font-size:12px;color:#f5f5f5}.revTeaching_container .bottom{padding:20px;align-items:center;justify-content:space-between;border-top:3px solid white;gap:10px;margin-top:auto;display:flex;flex-direction:row}.revTeaching_container .bottom .icons{display:flex;gap:20px}.revTeaching_container .bottom img{width:20px;height:20px;cursor:pointer}.revTeaching_container .bottom .input_div{flex:1;border:none;background-color:#11192880;outline:none;color:#fff;padding:20px;border-radius:10px;font-size:16px;border:1px solid rgba(255,255,255,.5)}.revTeaching_container .bottom .input-buttons{display:flex}.revTeaching_container .bottom .input-buttons button{padding:10px 15px;background-color:#111928cc;color:#fff;border:none;border-radius:5px;cursor:pointer}.revTeaching_container .bottom .input-buttons button:hover{background-color:#ffffff4d}.revTeaching_container .bottom .emoji{position:relative}.revTeaching_container .bottom .emoji .picker{position:absolute;bottom:50px;left:0}.revTeaching_container .bottom .SendButton{background-color:#5183fe;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-weight:700;cursor:pointer}.revTeaching_container .bottom .bottom textarea{height:80px;resize:none}.iko-controls{padding:20px;font-family:Arial,sans-serif}.controls-container{display:flex;gap:20px}.messages-section,.comments-section,.chats-section{flex:1;border:1px solid #ddd;border-radius:5px;padding:10px;background-color:#f9f9f9;color:#000}h2{font-size:1.5rem;margin-bottom:10px}.filters button{margin:5px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer}.filters button:hover{background-color:#0056b3}ul{list-style:none;padding:0}li{margin:10px 0;border-bottom:1px solid #ddd;padding-bottom:10px}li p{margin:5px 0}li div{margin-top:5px}button{margin-right:5px;padding:5px 10px;border:none;border-radius:3px;cursor:pointer}button:hover{opacity:.9}button:first-child{background-color:#28a745;color:#fff}button:nth-child(2){background-color:#ffc107;color:#000}button:last-child{background-color:#dc3545;color:#fff}.class-preview{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.class-preview-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 0}.header-navigation{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.btn-back{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#ffffff4d;transform:translateY(-2px)}.header-breadcrumb{font-size:.9rem;opacity:.9}.class-hero{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.class-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.class-meta-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.class-meta-badges span{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.active{background:#10b981;color:#fff}.status-badge.inactive{background:#ef4444;color:#fff}.type-badge{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.visibility-badge{background:#3b82f633;color:#dbeafe;border:1px solid rgba(59,130,246,.3)}.id-badge{background:#0003;color:#fffc;font-family:monospace}.class-stats-quick{display:flex;gap:2rem}.stat-number{display:block;font-size:2rem;font-weight:700;color:#fbbf24}.stat-label{font-size:.9rem;opacity:.9}.class-hero-actions{display:flex;flex-direction:column;gap:1rem}.btn-enter-classroom{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b66}.btn-enter-classroom:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #f59e0b99}.btn-enter-classroom:disabled{opacity:.5;cursor:not-allowed}.btn-enter-classroom.large{padding:1.25rem 2.5rem;font-size:1.2rem}.btn-video-classroom{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9333ea66}.btn-video-classroom:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #9333ea99}.btn-video-classroom:disabled{opacity:.5;cursor:not-allowed}.btn-join-class,.btn-bookmark{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-join-class:hover,.btn-bookmark:hover{background:#ffffff4d}.class-preview-nav{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.preview-tabs{max-width:1200px;margin:0 auto;display:flex;overflow-x:auto}.tab-btn{background:none;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#6b7280;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#374151;background:#f9fafb}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#f8fafc}.class-preview-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.overview-section{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.class-description{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.class-description h3{color:#374151;margin-bottom:1rem;font-size:1.3rem}.class-description p{color:#6b7280;line-height:1.6}.class-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.detail-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #667eea}.detail-card h4{color:#374151;margin-bottom:.5rem;font-size:1rem}.detail-card p{color:#6b7280;font-weight:500}.prerequisites{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;border:1px solid #fbbf24}.prerequisites h4{color:#92400e;margin-bottom:1rem}.prerequisites p{color:#78350f}.overview-sidebar{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;height:fit-content}.quick-actions h4{color:#374151;margin-bottom:1rem}.action-btn{display:block;width:100%;background:#f9fafb;border:1px solid #e5e7eb;color:#374151;padding:.75rem 1rem;border-radius:8px;cursor:pointer;margin-bottom:.5rem;transition:all .3s ease;text-align:left}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.action-btn.video{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border-color:transparent}.action-btn.video:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9333ea66}.syllabus-section,.instructor-section,.recent-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a}.syllabus-section h3,.instructor-section h3,.recent-section h3{color:#374151;margin-bottom:1.5rem;font-size:1.5rem}.instructor-profile{display:flex;gap:1.5rem;align-items:flex-start}.instructor-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0}.instructor-details h4{color:#374151;font-size:1.2rem;margin-bottom:.25rem}.instructor-title{color:#667eea;font-weight:500;margin-bottom:1rem}.instructor-bio{color:#6b7280;line-height:1.6}.recent-updates{display:flex;flex-direction:column;gap:1rem}.update-item{display:flex;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border-left:4px solid #667eea}.update-icon{font-size:1.2rem;flex-shrink:0}.update-content h4{color:#374151;margin-bottom:.5rem}.update-content p{color:#6b7280;margin-bottom:.5rem;line-height:1.5}.update-date{color:#9ca3af;font-size:.8rem}.class-preview-footer{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:3rem 0}.footer-cta{max-width:800px;margin:0 auto;text-align:center;padding:0 2rem}.footer-cta h3{font-size:2rem;margin-bottom:1rem}.footer-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.class-preview-loading,.class-preview-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner.large{width:80px;height:80px;border-width:6px}.error-container h3{color:#374151;margin-bottom:1rem}@media (max-width: 768px){.class-hero{grid-template-columns:1fr;text-align:center;gap:2rem}.class-title{font-size:2rem}.class-stats-quick{justify-content:center}.overview-section,.class-details-grid{grid-template-columns:1fr}.instructor-profile{flex-direction:column;text-align:center}.preview-tabs{padding:0 1rem}.class-preview-content{padding:2rem 1rem}}@media (max-width: 480px){.class-title{font-size:1.5rem}.class-meta-badges{justify-content:center}.stat-number{font-size:1.5rem}.btn-enter-classroom.large{padding:1rem 1.5rem;font-size:1rem}}.class-content-viewer{--primary-color: #2563eb;--secondary-color: #f1f5f9;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);min-height:100vh;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.6}.class-content-error,.class-content-loading,.class-content-restricted{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.error-container,.loading-container,.restriction-container{text-align:center;max-width:500px;padding:3rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.error-icon,.restriction-icon{font-size:4rem;margin-bottom:1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--secondary-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner.large{width:60px;height:60px;border-width:6px}.btn-login,.btn-back,.btn-join{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;margin:.5rem}.btn-login:hover,.btn-back:hover,.btn-join:hover{background-color:#1d4ed8;transform:translateY(-1px)}.important-announcements{margin:2rem 0;background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:4px solid var(--warning-color)}.announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.announcements-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.btn-add-announcement{background:var(--warning-color)!important;color:#fff!important;border:none!important;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-announcement:hover{background:#d97706!important;transform:translateY(-1px)}.announcements-list{display:flex;flex-direction:column;gap:1rem}.announcement-item{padding:1rem;background:#fef7e6;border-radius:6px;border-left:3px solid var(--warning-color)}.announcement-content h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem;font-weight:600}.announcement-content p{margin:0 0 .5rem;color:var(--text-secondary);line-height:1.5}.more-announcements{text-align:center;margin-top:1rem}.btn-view-all{background:none;border:1px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-view-all:hover{background:var(--primary-color);color:#fff}.no-announcements{text-align:center;color:var(--text-secondary);padding:1rem}.no-announcements p{margin:.5rem 0;line-height:1.5}.class-header{background:#fff;border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.class-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.class-title-section{display:flex;align-items:center;gap:1rem}.btn-back-small{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--secondary-color);color:var(--text-primary);border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-back-small:hover{background-color:#e2e8f0;transform:translate(-2px)}.class-title h1{margin:0;font-size:1.875rem;font-weight:700;color:var(--text-primary)}.class-meta{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.class-status,.class-type,.class-visibility{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.class-status.active{background-color:#dcfce7;color:#166534}.class-status.inactive{background-color:#fee2e2;color:#991b1b}.class-type{background-color:#dbeafe;color:#1e40af}.class-visibility{background-color:#f3e8ff;color:#7c3aed}.class-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-attendance,.btn-members,.btn-leave{padding:.75rem 1rem;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-video-classroom{background-color:#9333ea!important;color:#fff!important;border-color:#9333ea!important;font-weight:600}.btn-video-classroom:hover{background-color:#7c3aed!important;border-color:#7c3aed!important}.btn-attendance{background-color:var(--success-color);color:#fff}.btn-attendance:hover{background-color:#059669}.btn-members{background-color:var(--primary-color);color:#fff}.btn-members:hover{background-color:#1d4ed8}.btn-leave{background-color:var(--error-color);color:#fff}.btn-leave:hover{background-color:#dc2626}.class-description{margin-top:1rem;padding:1rem;background-color:var(--secondary-color);border-radius:var(--border-radius)}.class-description p{margin:0;color:var(--text-secondary);line-height:1.6}.important-announcements{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--border-radius);border-left:4px solid var(--warning-color)}.important-announcements h3{margin:0 0 1rem;color:#92400e;font-size:1.125rem}.announcements-list{display:flex;flex-direction:column;gap:.75rem}.announcement-item{background:#fff;padding:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.announcement-content h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem}.announcement-content p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.875rem}.announcement-date{font-size:.75rem;color:var(--text-secondary);font-style:italic}.class-content-main{display:flex;min-height:calc(100vh - 200px)}.members-sidebar{width:300px;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:sticky;top:200px;height:calc(100vh - 200px);overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color)}.sidebar-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.btn-close-sidebar{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;transition:all .2s ease}.btn-close-sidebar:hover{background-color:#e2e8f0;color:var(--text-primary)}.members-list{flex:1;overflow-y:auto;padding:.5rem}.loading-small{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-members{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.member-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--border-radius);transition:all .2s ease;cursor:pointer}.member-item:hover{background-color:var(--secondary-color)}.member-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.member-info{flex:1;min-width:0}.member-name{font-weight:500;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.member-status{flex-shrink:0}.content-area{flex:1;display:flex;flex-direction:column;background:#fff}.content-nav{border-bottom:1px solid var(--border-color);background:#fff;position:sticky;top:200px;z-index:50}.content-tabs{display:flex;padding:0 1rem;background-color:var(--secondary-color);overflow-x:auto}.tab-btn{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;font-weight:500;color:var(--text-secondary);border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap;font-size:.875rem}.tab-btn:hover{color:var(--text-primary);background-color:#3b82f61a}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#fff}.content-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-bottom:1px solid var(--border-color)}.search-box{flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.btn-create-content{padding:.75rem 1rem;background-color:var(--success-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-create-content:hover{background-color:#059669;transform:translateY(-1px)}.content-display{flex:1;overflow-y:auto;padding:1rem}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-content .loading-spinner{margin-bottom:1rem}.empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-content h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.empty-content p{margin:0 0 1.5rem;color:var(--text-secondary)}.btn-create-first{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-create-first:hover{background-color:#1d4ed8;transform:translateY(-1px)}.content-list{display:flex;flex-direction:column;gap:1rem}.content-item{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.content-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.content-item.announcement{border-left:4px solid var(--warning-color)}.content-item.discussion{border-left:4px solid var(--primary-color)}.content-item.assignment{border-left:4px solid var(--error-color)}.content-item.resource{border-left:4px solid var(--success-color)}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.content-meta{display:flex;align-items:flex-start;gap:1rem;flex:1}.content-type-icon{font-size:1.5rem;flex-shrink:0}.content-info{flex:1;min-width:0}.content-title{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.content-details{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap}.content-author{font-weight:500}.content-date{font-style:italic}.content-type-label{text-transform:capitalize;padding:.125rem .5rem;background-color:var(--secondary-color);border-radius:4px;font-size:.75rem}.content-priority{flex-shrink:0}.priority-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.priority-badge.high{background-color:#fee2e2;color:#991b1b}.priority-badge.medium{background-color:#fef3c7;color:#92400e}.priority-badge.low{background-color:#dcfce7;color:#166534}.content-body{margin-bottom:1rem}.content-text{color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.content-attachments{margin-top:1rem;padding:1rem;background-color:var(--secondary-color);border-radius:var(--border-radius)}.content-attachments h5{margin:0 0 .75rem;color:var(--text-primary);font-size:.875rem;font-weight:600}.attachments-list{display:flex;flex-direction:column;gap:.5rem}.attachment-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-size:.875rem;padding:.5rem;border-radius:4px;transition:all .2s ease}.attachment-link:hover{background-color:#3b82f61a;transform:translate(4px)}.content-due-date{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background-color:#fef3c7;border-radius:var(--border-radius);border-left:4px solid var(--warning-color)}.due-date-label{font-weight:500;color:#92400e}.due-date{font-weight:600;color:#92400e}.due-date.overdue{color:var(--error-color);background-color:#fee2e2;padding:.25rem .5rem;border-radius:4px}.content-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-view-details,.btn-reply,.btn-submit{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-view-details:hover{background-color:var(--secondary-color);border-color:var(--primary-color)}.btn-reply{border-color:var(--primary-color);color:var(--primary-color)}.btn-reply:hover{background-color:var(--primary-color);color:#fff}.btn-submit{border-color:var(--success-color);color:var(--success-color)}.btn-submit:hover{background-color:var(--success-color);color:#fff}.feedback-section{background:#fff;border-top:1px solid var(--border-color);padding:1.5rem 2rem;position:sticky;bottom:0;z-index:50}.feedback-header{margin-bottom:1rem}.feedback-header h3{margin:0;color:var(--text-primary);font-size:1.125rem}.feedback-form{display:flex;flex-direction:column;gap:1rem}.feedback-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:.875rem;resize:vertical;transition:all .2s ease}.feedback-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.feedback-actions{display:flex;justify-content:space-between;align-items:center}.feedback-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic}.btn-submit-feedback{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-submit-feedback:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.btn-submit-feedback:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;transition:all .2s ease}.btn-close:hover{background-color:#e2e8f0;color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color);background-color:var(--secondary-color)}.btn-close-modal,.btn-cancel{padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .2s ease}.btn-close-modal:hover,.btn-cancel:hover{background-color:var(--secondary-color);border-color:var(--primary-color)}.btn-create{padding:.75rem 1.5rem;background-color:var(--success-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-create:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.btn-create:disabled{opacity:.5;cursor:not-allowed}.create-content-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.875rem}.form-select,.form-input,.form-textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:.875rem;transition:all .2s ease}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:120px}.form-file{padding:.5rem;border:2px dashed var(--border-color);border-radius:var(--border-radius);background-color:var(--secondary-color);cursor:pointer;transition:all .2s ease}.form-file:hover{border-color:var(--primary-color);background-color:#3b82f60d}.attached-files{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.attached-file{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem}.btn-remove-file{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;transition:all .2s ease}.btn-remove-file:hover{background-color:#fee2e2}@media (max-width: 1024px){.class-content-main{flex-direction:column}.members-sidebar{width:100%;height:auto;position:relative;top:auto;border-right:none;border-bottom:1px solid var(--border-color)}.content-nav{position:relative;top:auto}}@media (max-width: 768px){.class-header{padding:1rem}.class-info-header{flex-direction:column;gap:1rem}.class-title-section{flex-direction:column;align-items:flex-start;gap:.75rem}.class-actions{width:100%;justify-content:stretch}.class-actions button{flex:1;justify-content:center}.content-tabs{padding:0 .5rem}.tab-btn{padding:.75rem 1rem;font-size:.8rem}.content-controls{flex-direction:column;gap:1rem;align-items:stretch}.search-box{max-width:none}.content-display{padding:.75rem}.content-item{padding:1rem}.content-header{flex-direction:column;gap:1rem}.content-meta{flex-direction:column;gap:.75rem}.content-details,.content-actions{flex-direction:column;gap:.5rem}.content-actions button{width:100%;justify-content:center}.feedback-section{padding:1rem}.feedback-actions{flex-direction:column;gap:.75rem;align-items:stretch}.feedback-hint{text-align:center}.modal-content{margin:.5rem;max-width:none;width:calc(100% - 1rem)}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-footer button{width:100%;justify-content:center}}@media (max-width: 480px){.class-header{padding:.75rem}.class-title h1{font-size:1.5rem}.class-meta{flex-direction:column;gap:.5rem}.content-tabs{padding:0 .25rem}.tab-btn{padding:.75rem;font-size:.75rem}.content-display{padding:.5rem}.content-item{padding:.75rem}.content-title{font-size:1rem}.feedback-section{padding:.75rem}.feedback-textarea{min-height:60px}.modal-content{margin:.25rem;width:calc(100% - .5rem);max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:.75rem}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.attachment-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.class-content-viewer{--border-color: #000;--text-secondary: #333}.content-item,.btn-back-small,.tab-btn,.btn-view-details,.btn-reply,.btn-submit{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none;border-top-color:var(--primary-color)}}@media (prefers-color-scheme: dark){.class-content-viewer{--primary-color: #3b82f6;--secondary-color: #1e293b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #374151;background-color:#0f172a;color:var(--text-primary)}.class-header,.content-area,.feedback-section,.modal-content,.content-item,.announcement-item,.member-item:hover,.form-select,.form-input,.form-textarea{background-color:#1e293b;border-color:var(--border-color)}.class-description,.important-announcements,.content-attachments,.content-due-date,.modal-header,.modal-footer,.sidebar-header,.content-nav,.content-controls{background-color:var(--secondary-color)}.class-status.active{background-color:#064e3b;color:#6ee7b7}.class-status.inactive{background-color:#7f1d1d;color:#fca5a5}.class-type{background-color:#1e3a8a;color:#93c5fd}.class-visibility{background-color:#581c87;color:#c4b5fd}}@media print{.class-content-viewer{background:#fff;color:#000}.class-actions,.content-actions,.feedback-section,.members-sidebar,.content-nav,.btn-back-small,.btn-close-sidebar{display:none!important}.class-header{border-bottom:2px solid black;page-break-after:avoid}.content-item{border:1px solid black;box-shadow:none;page-break-inside:avoid;margin-bottom:1rem}.content-list{gap:1.5rem}.class-content-main{flex-direction:column}.content-area{width:100%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-weight-bold{font-weight:600}.font-weight-normal{font-weight:400}.margin-bottom-small{margin-bottom:.5rem}.margin-bottom-medium{margin-bottom:1rem}.margin-bottom-large{margin-bottom:1.5rem}.padding-small{padding:.5rem}.padding-medium{padding:1rem}.padding-large{padding:1.5rem}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-small{gap:.5rem}.gap-medium{gap:1rem}.gap-large{gap:1.5rem}.border-radius{border-radius:var(--border-radius)}.box-shadow{box-shadow:var(--shadow-md)}.transition{transition:all .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in-right{animation:slideInFromRight .3s ease-out}.animate-slide-in-left{animation:slideInFromLeft .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.content-item{animation:fadeIn .3s ease-out}.members-sidebar{animation:slideInFromLeft .3s ease-out}.modal-content{animation:scaleIn .2s ease-out}.content-list>.content-item:nth-child(odd){animation-delay:.05s}.content-list>.content-item:nth-child(2n){animation-delay:.1s}.members-list::-webkit-scrollbar,.content-display::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:8px}.members-list::-webkit-scrollbar-track,.content-display::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:var(--secondary-color);border-radius:4px}.members-list::-webkit-scrollbar-thumb,.content-display::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color .2s ease}.members-list::-webkit-scrollbar-thumb:hover,.content-display::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.members-list,.content-display,.modal-body{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--secondary-color)}.content-item,.member-item,.btn-attendance,.btn-members,.btn-leave,.btn-create-content,.attachment-link,.loading-spinner{will-change:transform}.content-item:hover,.member-item:hover,.modal-content{transform:translateZ(0)}.content-item.announcement.priority-high{border-left-width:6px;box-shadow:0 0 0 1px #ef44441a}.content-item.assignment.overdue{background-color:#fef2f2;border-color:var(--error-color)}.member-item.moderator{background-color:#3b82f60d;border-left:3px solid var(--primary-color)}.member-item.admin{background-color:#10b9810d;border-left:3px solid var(--success-color)}.content-item.pinned{border-top:3px solid var(--warning-color);background-color:#fffbeb}.content-item.archived{opacity:.6;background-color:#f8fafc}.content-item:hover .content-actions{opacity:1;visibility:visible}.content-actions{opacity:0;visibility:hidden;transition:all .2s ease}.content-item.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.content-item.announcement .content-type-icon{color:var(--warning-color)}.content-item.discussion .content-type-icon{color:var(--primary-color)}.content-item.assignment .content-type-icon{color:var(--error-color)}.content-item.resource .content-type-icon{color:var(--success-color)}.content-item.assignment .content-body{border-left:2px solid var(--error-color);padding-left:1rem;margin-left:.5rem}.content-item.discussion .btn-reply{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.content-item.announcement{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.content-item.resource .attachment-link{background-color:var(--success-color);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);text-decoration:none}.content-item.resource .attachment-link:hover{background-color:#059669;transform:translateY(-1px)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;border-radius:4px;margin-bottom:.5rem}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:2.5rem;width:120px;border-radius:var(--border-radius)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{padding:1rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);background:#fff;border-left:4px solid var(--primary-color);animation:slideInFromRight .3s ease-out;max-width:400px}.toast.success{border-left-color:var(--success-color)}.toast.warning{border-left-color:var(--warning-color)}.toast.error{border-left-color:var(--error-color)}.toast-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.toast-message{font-size:.875rem;color:var(--text-primary)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.25rem;padding:.25rem;border-radius:4px;transition:all .2s ease}.toast-close:hover{background-color:var(--secondary-color);color:var(--text-primary)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.status-dot.online{background-color:var(--success-color)}.status-dot.away{background-color:var(--warning-color)}.status-dot.offline{background-color:var(--text-secondary)}.class-content-viewer{position:relative;z-index:0}.btn-attendance,.btn-members,.btn-leave,.btn-create-content,.tab-btn,.content-actions button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}*:focus{transition:box-shadow .15s ease-in-out}.class-content-viewer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.content-full-details{display:flex;flex-direction:column;gap:1.5rem}.content-meta-full{display:flex;gap:1rem;padding:1rem;background-color:var(--secondary-color);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap}.content-full-text{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.attachments-section{padding:1rem;background-color:var(--secondary-color);border-radius:var(--border-radius)}.attachments-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.attachment-download{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:all .2s ease;margin:.25rem}.attachment-download:hover{background-color:#1d4ed8;transform:translateY(-1px)}.class-info{margin:1.5rem 0;padding:1.5rem;background-color:var(--secondary-color);border-radius:var(--border-radius);text-align:left}.class-info h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1.25rem}.class-info p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.6}.class-info .class-meta{justify-content:flex-start}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.btn-start-live{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:var(--shadow-md);animation:pulse-red 2s infinite}.btn-start-live:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-end-live{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:var(--shadow-md)}.btn-end-live:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px)}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.8}}.live-teaching-options{padding:1rem 0}.live-teaching-options>p{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.session-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.session-type-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;flex-direction:column;gap:1rem}.session-type-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.session-type-card.video:hover{border-color:#ef4444;box-shadow:0 10px 25px -3px #ef44444d}.session-type-card.audio:hover{border-color:#8b5cf6;box-shadow:0 10px 25px -3px #8b5cf64d}.session-icon{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.session-type-card h4{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.session-type-card p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.4}.session-type-card ul{margin:0;padding:0;list-style:none}.session-type-card li{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0;display:flex;align-items:center}.live-session-features{background:var(--secondary-color);border-radius:var(--border-radius);padding:1.5rem;margin-top:1rem}.live-session-features h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.feature{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.feature-icon{font-size:1.1rem}.live-session-indicator{position:fixed;top:20px;right:20px;z-index:1000;background:#ef4444f2;color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-indicator-content{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.875rem}.live-pulse{width:12px;height:12px;background:#fff;border-radius:50%;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width: 768px){.session-type-grid{grid-template-columns:1fr;gap:1rem}.live-session-indicator{top:10px;right:10px;left:10px;padding:.75rem 1rem}.live-indicator-content{font-size:.8rem;justify-content:center}.features-grid{grid-template-columns:1fr 1fr}}.live-chat{display:flex;flex-direction:column;height:100%;background:#f8f9fa;border-radius:8px;overflow:hidden}.pinned-messages{background:#fff3cd;border-bottom:1px solid #ffeaa7;padding:8px 12px;max-height:120px;overflow-y:auto}.pinned-messages h4{margin:0 0 8px;font-size:12px;color:#856404;font-weight:600}.pinned-message{font-size:12px;margin-bottom:4px;padding:4px 8px;background:#ffc1071a;border-radius:4px}.pinned-author{font-weight:600;color:#856404}.pinned-content{color:#856404;margin-left:4px}.chat-messages{flex:1;overflow-y:auto;padding:12px;background:#fff;scroll-behavior:smooth}.chat-loading,.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#6c757d;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.chat-message{margin-bottom:16px;padding:12px;border-radius:8px;background:#f8f9fa;border-left:3px solid #dee2e6;transition:all .2s ease;position:relative}.chat-message:hover{background:#e9ecef;border-left-color:#007bff}.chat-message.realtime{border-left-color:#28a745;background:#f8fff9}.chat-message.announcement{background:#fff3cd;border-left-color:#ffc107;border:1px solid #ffeaa7}.chat-message.system{background:#d4edda;border-left-color:#28a745;font-style:italic}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}.message-author{font-weight:600;color:#495057}.message-time{color:#6c757d;font-size:11px}.realtime-badge{background:#dc3545;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;margin-left:8px}.message-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.chat-message:hover .message-actions{opacity:1}.message-actions button{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:#6c757d;transition:all .2s ease}.message-actions button:hover{background:#e9ecef;color:#495057}.reply-indicator{display:flex;align-items:center;gap:4px;font-size:11px;color:#6c757d;margin-bottom:4px;padding:4px 8px;background:#e9ecef;border-radius:4px}.message-content{font-size:14px;line-height:1.4;color:#212529}.text-message{word-wrap:break-word}.file-message{border:1px solid #dee2e6;border-radius:6px;padding:12px;background:#f8f9fa}.file-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.file-name{font-weight:500;color:#495057}.file-size{color:#6c757d;font-size:12px}.download-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-size:12px;transition:background-color .2s ease}.download-btn:hover{background:#0056b3}.image-message{max-width:100%}.chat-image{max-width:100%;max-height:300px;border-radius:6px;cursor:pointer;transition:transform .2s ease}.chat-image:hover{transform:scale(1.02)}.image-caption{margin-top:8px;font-style:italic;color:#6c757d}.audio-message{padding:8px}.chat-audio{width:100%;max-width:300px}.announcement-message{font-weight:600;color:#856404;background:#fff3cd;padding:8px 12px;border-radius:6px;border:1px solid #ffeaa7}.message-reactions{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.reaction-btn{background:none;border:1px solid #dee2e6;border-radius:12px;padding:2px 6px;cursor:pointer;font-size:12px;transition:all .2s ease}.reaction-btn:hover{background:#e9ecef;border-color:#adb5bd}.reaction-btn.active{background:#007bff;border-color:#007bff;color:#fff}.typing-indicators{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:6px;margin:8px 0;font-size:12px;color:#6c757d}.typing-dots{display:flex;gap:2px}.typing-dots span{width:4px;height:4px;background:#6c757d;border-radius:50%;animation:typing 1.4s infinite ease-in-out}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.reply-edit-indicator{display:flex;align-items:center;justify-content:space-between;background:#e3f2fd;border:1px solid #bbdefb;padding:8px 12px;margin:8px 12px 0;border-radius:6px;font-size:12px;color:#1976d2}.reply-edit-indicator button{background:none;border:none;color:#1976d2;cursor:pointer;font-weight:700}.file-preview{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:8px 12px;margin:8px 12px 0}.file-info{display:flex;align-items:center;gap:8px}.preview-image{width:40px;height:40px;object-fit:cover;border-radius:4px}.file-icon{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c757d}.remove-file{background:#dc3545;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;line-height:1}.chat-input-form{background:#fff;border-top:1px solid #dee2e6;padding:12px}.input-toolbar{display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f1f3f4}.input-toolbar button{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;color:#6c757d;transition:all .2s ease}.input-toolbar button:hover{background:#f8f9fa;color:#495057}.input-toolbar button:disabled{opacity:.5;cursor:not-allowed}.input-toolbar button.recording{background:#dc3545;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.input-container{display:flex;gap:8px;align-items:flex-end}.input-container textarea{flex:1;border:1px solid #dee2e6;border-radius:6px;padding:8px 12px;font-size:14px;resize:none;min-height:36px;max-height:120px;font-family:inherit;line-height:1.4}.input-container textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.input-container textarea:disabled{background:#f8f9fa;color:#6c757d}.send-btn{background:#007bff;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){background:#0056b3}.send-btn:disabled{background:#6c757d;cursor:not-allowed}.connection-status{display:flex;align-items:center;justify-content:center;margin-top:8px;font-size:11px}.status-indicator{padding:2px 8px;border-radius:10px;font-weight:500}.status-indicator.connected{background:#d4edda;color:#155724}.status-indicator.disconnected{background:#f8d7da;color:#721c24}.emoji-picker{position:absolute;bottom:120px;right:12px;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:1000}.emoji-picker button{background:none;border:none;font-size:18px;padding:6px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.emoji-picker button:hover{background:#f8f9fa}@media (max-width: 768px){.live-chat{height:100vh}.message-header{flex-direction:column;align-items:flex-start;gap:4px}.input-toolbar{flex-wrap:wrap}.emoji-picker{right:8px;left:8px;bottom:100px}}@media (prefers-reduced-motion: reduce){.typing-dots span,.input-toolbar button.recording{animation:none}.chat-image:hover{transform:none}}@media (prefers-contrast: high){.chat-message{border:2px solid #000}.message-actions button{border:1px solid #000}}@media (prefers-color-scheme: dark){.live-chat{background:#1a1a1a;color:#e0e0e0}.chat-messages{background:#2d2d2d}.chat-message{background:#3a3a3a;border-left-color:#555}.chat-message:hover{background:#4a4a4a}.input-container textarea{background:#3a3a3a;border-color:#555;color:#e0e0e0}.chat-input-form{background:#2d2d2d;border-top-color:#555}}.classroom-video-viewer{display:flex;flex-direction:column;height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.classroom-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center;gap:1rem}.btn-back{padding:.5rem 1rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;text-decoration:none;font-size:.875rem;transition:all .2s}.btn-back:hover{background:#e2e8f0;color:#334155}.session-info h1{margin:0;font-size:1.5rem;font-weight:600;color:#1e293b}.session-meta{display:flex;gap:1rem;margin-top:.25rem;font-size:.875rem;color:#64748b}.session-status{padding:.25rem .5rem;border-radius:12px;font-weight:500;font-size:.75rem}.session-status.live{background:#fee2e2;color:#dc2626}.session-status.recorded{background:#dbeafe;color:#2563eb}.header-actions{display:flex;gap:.75rem;align-items:center}.header-actions button{padding:.5rem 1rem;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.header-actions button:hover{background:#f9fafb;border-color:#9ca3af}.btn-attendance{background:#10b981!important;color:#fff!important;border-color:#10b981!important}.btn-attendance:hover{background:#059669!important}.classroom-main{display:flex;flex:1;overflow:hidden}.video-area{flex:1;padding:1.5rem;overflow-y:auto}.video-container{max-width:1200px;margin:0 auto}.video-wrapper{position:relative;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.main-video{width:100%;height:auto;aspect-ratio:16/9;display:block}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;gap:1rem;padding:1rem;opacity:0;transition:opacity .3s}.video-wrapper:hover .video-controls{opacity:1}.btn-play,.btn-fullscreen{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.btn-play:hover,.btn-fullscreen:hover{background:#fff3}.progress-bar{flex:1;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;position:relative}.progress-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .1s}.time-display{color:#fff;font-size:.875rem;font-weight:500;min-width:80px}.volume-slider{width:80px;accent-color:#3b82f6}.stream-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.stream-waiting{text-align:center;color:#fff}.waiting-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s infinite}.stream-waiting h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.stream-waiting p{margin:0;font-size:1rem;opacity:.9}.waiting-animation{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.no-video{aspect-ratio:16/9;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center}.no-video-content{text-align:center;color:#64748b}.no-video-icon{font-size:3rem;margin-bottom:1rem}.no-video-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.no-video-content p{margin:0;font-size:1rem}.session-description{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.session-description h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1e293b}.session-description p{margin:0;line-height:1.6;color:#475569}.session-announcements{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #f59e0b}.session-announcements .announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-announcements .announcements-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.btn-quick-announcement{background:#f59e0b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-quick-announcement:hover{background:#d97706;transform:translateY(-1px)}.recent-announcements{display:flex;flex-direction:column;gap:.75rem}.announcement-banner{padding:1rem;background:#fef7e6;border-radius:6px;border-left:3px solid #f59e0b}.announcement-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.announcement-text{flex:1;font-weight:500;color:#1e293b;line-height:1.5}.announcement-time{font-size:.75rem;color:#64748b;white-space:nowrap}.session-announcements .no-announcements{text-align:center;color:#64748b;padding:1rem}.session-announcements .no-announcements p{margin:.5rem 0;line-height:1.5}.classroom-sidebar{width:350px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;transition:width .3s ease}.classroom-sidebar.hide-chat{width:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.panel-header h3{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.live-indicator{padding:.25rem .5rem;background:#fee2e2;color:#dc2626;border-radius:12px;font-size:.75rem;font-weight:500}.btn-close{background:none;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s}.btn-close:hover{background:#f1f5f9}.participants-panel{border-bottom:1px solid #e2e8f0}.participants-list{max-height:300px;overflow-y:auto;padding:.5rem}.participant-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;transition:background .2s}.participant-item:hover{background:#f8fafc}.participant-avatar{position:relative;width:32px;height:32px}.participant-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-fallback{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:.875rem}.participant-info{flex:1}.participant-name{font-weight:500;color:#1e293b;font-size:.875rem}.participant-role{font-size:.75rem;color:#64748b}.participant-status{font-size:.75rem}.chat-panel{flex:1;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.empty-icon{font-size:2rem;margin-bottom:.5rem}.chat-message{padding:.75rem;border-radius:8px;background:#f8fafc;border-left:3px solid #3b82f6}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-author{font-weight:600;color:#1e293b;font-size:.875rem}.message-time{font-size:.75rem;color:#64748b}.message-content{color:#475569;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.chat-input-form{padding:1rem;border-top:1px solid #e2e8f0;background:#f8fafc}.chat-input-container{display:flex;gap:.5rem}.chat-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;resize:none;font-family:inherit}.chat-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input:disabled{background:#f9fafb;color:#9ca3af}.btn-send{padding:.75rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}.btn-send:hover:not(:disabled){background:#2563eb}.chat-disabled-notice{margin-top:.5rem;font-size:.75rem;color:#64748b;text-align:center}.classroom-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-top:1px solid #e2e8f0}.session-stats{display:flex;gap:1.5rem;font-size:.875rem;color:#64748b}.quick-actions{display:flex;gap:.75rem}.quick-actions button{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.quick-actions button:hover{background:#f9fafb;border-color:#9ca3af}.classroom-loading,.classroom-error{display:flex;align-items:center;justify-content:center;height:100vh;background:#f8fafc}.loading-container,.error-container{text-align:center;padding:2rem}.loading-spinner.large{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-icon{font-size:4rem;margin-bottom:1rem}.loading-container h3,.error-container h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1e293b}.loading-container p,.error-container p{margin:0;color:#64748b}@media (max-width: 1024px){.classroom-sidebar{width:300px}.classroom-header{padding:1rem}.header-actions{gap:.5rem}.video-area{padding:1rem}}@media (max-width: 768px){.classroom-main{flex-direction:column}.classroom-sidebar{width:100%;height:300px;border-left:none;border-top:1px solid #e2e8f0}.classroom-sidebar.hide-chat{height:0}.classroom-header{flex-direction:column;gap:1rem;align-items:stretch}.header-left{flex-direction:column;gap:.5rem}.session-meta{flex-wrap:wrap}.video-controls{padding:.5rem;gap:.5rem}.time-display{min-width:60px;font-size:.75rem}.volume-slider{width:60px}.classroom-footer{flex-direction:column;gap:1rem;text-align:center}.session-stats{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.classroom-header,.video-area{padding:.75rem}.header-actions{flex-wrap:wrap}.header-actions button{flex:1;min-width:120px}.participants-list{max-height:200px}}@media (prefers-color-scheme: dark){.classroom-video-viewer{background:#0f172a}.classroom-header,.classroom-footer,.classroom-sidebar{background:#1e293b;border-color:#334155}.session-info h1{color:#f8fafc}.session-meta{color:#94a3b8}.panel-header{background:#334155}.panel-header h3{color:#f8fafc}.participant-item:hover{background:#334155}.participant-name{color:#f8fafc}.participant-role{color:#94a3b8}.chat-message{background:#334155}.message-author{color:#f8fafc}.message-content{color:#cbd5e1}.chat-input-form{background:#334155;border-color:#475569}.session-description{background:#1e293b;color:#cbd5e1}.session-description h3{color:#f8fafc}}.chat-message.realtime{background:#f0f9ff;border-left-color:#0ea5e9;animation:slideInMessage .3s ease-out}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.realtime-badge{background:#ef4444;color:#fff;padding:.125rem .375rem;border-radius:8px;font-size:.625rem;font-weight:600;animation:pulse 2s infinite}.typing-indicators{padding:.5rem .75rem;margin-bottom:.5rem}.typing-message{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;font-style:italic}.typing-dots{display:flex;gap:.125rem}.typing-dots span{width:4px;height:4px;background:#6b7280;border-radius:50%;animation:typingDot 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingDot{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.live-indicator{background:#dcfce7;color:#16a34a;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.connection-status{color:#f59e0b;font-size:.875rem;margin-top:.5rem}.chat-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.btn-send{background:#10b981}.btn-send:hover:not(:disabled){background:#059669}.btn-send:disabled{background:#d1d5db;cursor:not-allowed}.participants-count{display:flex;align-items:center;gap:.5rem}.live-indicator:before{content:"";width:6px;height:6px;background:#16a34a;border-radius:50%;animation:pulse 2s infinite}.chat-message.historical{opacity:.9}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.message-author{font-weight:600;color:#1e293b;font-size:.875rem;flex:1;min-width:0}.message-time{font-size:.75rem;color:#64748b;white-space:nowrap}.chat-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280;font-style:italic}.chat-loading:before{content:"";width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #6b7280;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.class-list-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.page-header{background:#fffffff2;padding:30px;border-radius:12px;margin-bottom:20px;text-align:center;box-shadow:0 4px 15px #0000001a}.page-header h1{color:#2c3e50;margin:0 0 10px;font-size:2.5em;font-weight:700}.page-header p{color:#666;margin:0 0 20px;font-size:1.1em}.btn-my-classes{background:#28a745;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-my-classes:hover{background:#218838}.filters-section{background:#fffffff2;padding:20px;border-radius:12px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:15px;align-items:center;box-shadow:0 2px 10px #0000001a}.filter-group{flex:1;min-width:200px}.search-input,.filter-select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;background:#fff;transition:border-color .3s}.search-input:focus,.filter-select:focus{border-color:#667eea;outline:none}.results-section{background:#fffffff2;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f3f5}.results-count{font-size:16px;color:#666;font-weight:600}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.class-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 15px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.class-header h3{color:#2c3e50;margin:0 10px 0 0;font-size:1.4em;font-weight:600;flex:1}.class-badges{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.public{background:#e3f2fd;color:#1976d2}.badge.private{background:#fce4ec;color:#c2185b}.badge.status.active{background:#e8f5e8;color:#2e7d32}.badge.status.inactive{background:#fff3e0;color:#f57c00}.class-meta{display:flex;flex-wrap:wrap;gap:15px}.meta-item{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.meta-icon{font-size:14px}.class-actions{display:flex;justify-content:flex-end}.btn-view{background:#667eea;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s}.empty-results{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:4em;margin-bottom:20px;opacity:.7}.empty-results h3{margin:0 0 10px;color:#2c3e50}.empty-results p{margin:0;font-size:16px}.page-footer{background:#fffffff2;padding:20px;border-radius:12px;margin-top:20px;text-align:center;box-shadow:0 2px 10px #0000001a}@media (max-width: 768px){.class-list-page{padding:10px}.page-header{padding:20px}.page-header h1{font-size:2em}.filters-section{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.classes-grid{grid-template-columns:1fr}.class-header{flex-direction:column;align-items:flex-start;gap:10px}.class-badges{flex-direction:row;align-items:flex-start}}.my-classes-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.page-header{background:#fffffff2;padding:30px;border-radius:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #0000001a}.header-content h1{color:#2c3e50;margin:0 0 10px;font-size:2.5em;font-weight:700}.header-content p{color:#666;margin:0;font-size:1.1em}.btn-browse{background:#007bff;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;white-space:nowrap}.btn-browse:hover{background:#0056b3}.progress-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.summary-card{background:#fffffff2;padding:25px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 10px #0000001a;transition:transform .2s}.summary-card:hover{transform:translateY(-2px)}.summary-icon{font-size:2.5em;opacity:.8}.summary-content h3{color:#2c3e50;margin:0 0 5px;font-size:2em;font-weight:700}.summary-content p{color:#666;margin:0;font-size:14px;font-weight:600}.filter-controls{background:#fffffff2;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-buttons button{padding:10px 20px;border:2px solid #e1e5e9;background:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;color:#666}.filter-buttons button:hover{border-color:#667eea;color:#667eea}.filter-buttons button.active{background:#667eea;border-color:#667eea;color:#fff}.classes-section{background:#fffffff2;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.class-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 15px #0000001a;transition:all .3s ease;border:2px solid transparent;position:relative}.class-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#667eea}.class-card.inactive{opacity:.8}.class-card.inactive:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff80;border-radius:12px;pointer-events:none}.class-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.class-header h3{color:#2c3e50;margin:0 10px 0 0;font-size:1.4em;font-weight:600;cursor:pointer;transition:color .3s;flex:1}.class-header h3:hover{color:#667eea}.status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#e8f5e8;color:#2e7d32}.status-badge.inactive{background:#fff3e0;color:#f57c00}.class-content{margin-bottom:20px}.class-description{color:#666;line-height:1.5;margin:0 0 15px;font-size:14px}.class-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.meta-item{display:flex;align-items:center;gap:8px;color:#666;font-size:13px}.meta-icon{font-size:14px;opacity:.8}.progress-container{margin-bottom:15px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#666;font-weight:600}.progress-bar{width:100%;height:8px;background:#f1f3f5;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;transition:width .3s ease}.class-actions{display:flex;gap:10px;justify-content:flex-end}.btn-view,.btn-leave{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-view{background:#667eea;color:#fff}.btn-view:hover{background:#5a67d8}.btn-leave{background:#e74c3c;color:#fff}.btn-leave:hover{background:#c0392b}.btn-leave:disabled{background:#bdc3c7;cursor:not-allowed}.empty-classes{text-align:center;padding:80px 20px;color:#666}.empty-icon{font-size:5em;margin-bottom:25px;opacity:.7}.empty-classes h3{margin:0 0 15px;color:#2c3e50;font-size:1.8em}.empty-classes p{font-size:16px;line-height:1.5;max-width:500px;margin:0 auto 30px}.btn-browse-empty{background:#28a745;color:#fff;padding:15px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-browse-empty:hover{background:#218838}.loading-container,.error-container{background:#fffffff2;border-radius:12px;padding:60px 20px;text-align:center;box-shadow:0 2px 10px #0000001a}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.error-icon{font-size:3em;margin-bottom:20px;color:#e74c3c}.error-container h3{color:#2c3e50;margin:0 0 10px}.error-container p{color:#666;margin:0 0 20px}.error-container button{background:#e74c3c;color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:600}.error-container button:hover{background:#c0392b}.page-footer{background:#fffffff2;padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000001a}.btn-back{background:#6c757d;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-back:hover{background:#5a6268}@media (max-width: 768px){.my-classes-page{padding:10px}.page-header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.header-content h1{font-size:2em}.progress-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-card{padding:20px;flex-direction:column;text-align:center;gap:10px}.summary-icon{font-size:2em}.filter-buttons{justify-content:center}.classes-grid,.class-meta{grid-template-columns:1fr}.class-actions{flex-direction:column}}.btn-schedule-live{background:linear-gradient(45deg,#f093fb,#f5576c);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:12px}.btn-schedule-live:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f093fb66}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.schedule-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:1.5em;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.close-btn:hover{background:#fff3}.schedule-form{padding:30px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:6px;color:#666;font-size:12px}.notification-section{margin:24px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.notification-section h4{margin:0 0 16px;color:#495057;font-size:16px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:auto;margin:0;transform:scale(1.2)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.btn-cancel{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#5a6268}.btn-schedule{background:linear-gradient(45deg,#f093fb,#f5576c);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-schedule:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f093fb66}.btn-schedule:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.schedule-modal{width:95%;margin:20px}.modal-header,.schedule-form{padding:20px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-cancel,.btn-schedule{width:100%}}.user-dashboard-container{max-width:1600px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:fadeIn .8s ease-in-out;position:relative;z-index:0}.user-dashboard-container.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.user-dashboard.enhanced{position:relative;z-index:1}.dashboard-header{margin-bottom:30px;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:visible;position:relative;z-index:10000}.dashboard-content{padding:20px;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;position:relative;z-index:1}.header-top{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;z-index:10001}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.notification-indicator{position:relative;z-index:10003}.notification-badge-global{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 8px #e74c3c66;animation:pulse 2s infinite;cursor:pointer;transition:all .3s ease;position:relative;z-index:10003}.notification-badge-global:hover{transform:scale(1.1);box-shadow:0 4px 12px #e74c3c99}.notification-dropdown{position:fixed;top:80px;right:20px;width:320px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;border:1px solid rgba(0,0,0,.1);z-index:10004;overflow:hidden;animation:dropdownFadeIn .3s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dropdown-header h4{margin:0;font-size:16px;font-weight:600}.close-dropdown{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-dropdown:hover{background:#fff3}.dropdown-content{max-height:300px;overflow-y:auto;padding:12px 0}.notification-item-dropdown{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-bottom:1px solid #f0f0f0;transition:all .3s ease;cursor:pointer}.notification-item-dropdown:hover{background:#f8f9fa}.notification-item-dropdown:last-child{border-bottom:none}.notif-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;flex-shrink:0}.notif-content{flex:1}.notif-content p{margin:0 0 4px;color:#333;font-size:14px;line-height:1.4}.notif-content small{color:#666;font-size:12px}.dropdown-footer{padding:12px 20px;border-top:1px solid #f0f0f0;background:#f8f9fa}.view-all-notifications{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.view-all-notifications:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.dashboard-navigation{display:flex;gap:8px}.dashboard-navigation button{padding:10px 18px;background:#fff3;border:none;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-navigation button:hover{background:#ffffff4d;transform:translateY(-1px)}.dashboard-navigation button.active{background:#fff;color:#667eea;box-shadow:0 2px 10px #0000001a}.welcome-section{color:#fff;flex:1;z-index:10002;position:relative;background:transparent;opacity:1}.welcome-section h1{margin:0 0 15px;font-size:36px;font-weight:800;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.5),4px 4px 8px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.2);letter-spacing:.8px;filter:contrast(1.2) brightness(1.1)}.welcome-section p{margin:0;color:#fff;font-size:18px;font-weight:600;text-shadow:1px 1px 0px rgba(0,0,0,.6),2px 2px 4px rgba(0,0,0,.4);opacity:.95}.welcome-stats{display:flex;gap:30px;margin-top:20px}.stat-item{text-align:center}.stat-number{display:block;font-size:32px;font-weight:700;margin-bottom:5px;color:gold}.stat-label{font-size:14px;opacity:.9;font-weight:400}.profile-section{padding:30px;background:#fff;border-radius:15px;margin:20px 0;box-shadow:0 4px 20px #0000001a}.profile-links h3{margin:0 0 25px;font-size:24px;font-weight:600;color:#333}.profile-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.profile-link-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.profile-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}.profile-link-btn:active{transform:translateY(0)}.analytics-section{padding:30px;background:#fff;border-radius:15px;margin:20px 0;box-shadow:0 4px 20px #0000001a}.analytics-content h3{margin:0 0 25px;font-size:24px;font-weight:600;color:#333}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analytics-card{background:#f8f9fa;border-radius:12px;padding:25px;border-left:4px solid #007bff}.analytics-card h4{margin:0 0 10px;font-size:18px;font-weight:600;color:#333}.analytics-card p{margin:0;color:#6c757d;line-height:1.5}.profile-content{margin-top:30px;padding:25px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.profile-link-btn.active{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 6px 25px #28a74566;transform:translateY(-1px)}.mentorship-assignments h4{margin:0 0 25px;color:#333;font-size:20px}.assignments-section{margin-bottom:30px}.assignments-section h5{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e9ecef}.assignments-list{display:flex;flex-direction:column;gap:15px}.assignment-card{background:#fff;border-radius:10px;padding:20px;border-left:4px solid #007bff;box-shadow:0 2px 10px #00000014;transition:all .3s ease}.assignment-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.assignment-card.in_progress{border-left-color:#ffc107}.assignment-card.completed{border-left-color:#28a745}.assignment-card.pending{border-left-color:#dc3545}.assignment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.assignment-header h6{margin:0;font-size:16px;font-weight:600;color:#333;flex:1}.priority-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-badge.high{background:#ffebee;color:#c62828}.priority-badge.medium{background:#fff8e1;color:#f57c00}.priority-badge.low{background:#e8f5e8;color:#2e7d32}.assignment-description{color:#6c757d;line-height:1.5;margin-bottom:15px}.assignment-meta{display:flex;gap:15px;margin-bottom:15px;font-size:12px;color:#6c757d}.status-badge{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.status-badge.in_progress{background:#fff3cd;color:#856404}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#f8d7da;color:#721c24}.assignment-actions{display:flex;gap:10px}.assignment-actions button{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-complete{background:#28a745;color:#fff}.btn-complete:hover{background:#218838}.btn-question{background:#17a2b8;color:#fff}.btn-question:hover{background:#138496}.btn-edit,.btn-progress{background:#6c757d;color:#fff}.btn-edit:hover,.btn-progress:hover{background:#5a6268}.btn-create-assignment,.btn-become-mentor{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:500;cursor:pointer;margin-top:15px;transition:all .3s ease}.btn-create-assignment:hover,.btn-become-mentor:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.no-assignments{text-align:center;padding:30px;color:#6c757d;background:#fff;border-radius:10px;border:2px dashed #dee2e6}.mentee-id{font-size:12px;background:#e9ecef;color:#495057;padding:2px 8px;border-radius:10px;font-family:monospace}.identity-section,.membership-section{background:#fff;border-radius:10px;padding:20px;margin-top:15px}.identity-section h4,.membership-section h4{margin:0 0 20px;color:#333}.identity-info,.membership-info{display:flex;flex-direction:column;gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:8px}.info-item label{font-weight:600;color:#495057}.converse-id{font-family:monospace;background:#e9ecef;padding:4px 8px;border-radius:4px;color:#495057}.score-display,.progress-display{margin:15px 0;text-align:center}.score-number,.progress-number{font-size:32px;font-weight:700;color:#007bff;display:block;margin-bottom:10px}.score-bar,.progress-bar{height:8px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:10px}.score-fill{height:100%;background:linear-gradient(90deg,#007bff,#28a745);transition:width .5s ease}.progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#fd7e14);transition:width .5s ease}.activity-stats{display:flex;justify-content:space-around;margin-top:15px}.stat{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:#333}.stat-name{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.dashboard-header:hover{transform:translateY(-2px);box-shadow:0 12px 50px #00000026}.welcome-section h1{margin:0;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:white;font-size:36px;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.user-status-section .userinfo-container{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.user-status-section .userinfo-container p .session-time{font-size:small;color:#000;margin:8px 0}.user-status-section .userinfo{background:#fff}.user-status-section .userinfo-container strong{color:#fffffff2}.welcome-section p{margin:12px 0 0;color:#6c757d;font-size:18px;font-weight:500}.dashboard-navigation{display:flex;gap:8px;background:linear-gradient(135deg,#ffffffe6,#f8f9ffcc);padding:12px;border-radius:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000000d}.dashboard-navigation button{padding:12px 20px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-weight:600;color:#5d6d7e;transition:all .3s;white-space:nowrap}.dashboard-navigation button:hover{background:#fff;color:#2c3e50}.dashboard-navigation button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #667eea4d}.membership-status-card,.membership-status{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 40px #0000001f;margin-bottom:30px;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .3s ease;margin-top:0}.membership-status-card:before,.membership-status:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.membership-status-card:hover,.membership-status:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.membership-status.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.status-header h3{margin:0;color:#2c3e50;font-size:24px;font-weight:600}.status-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:20px;font-weight:600;color:#fff}.status-badge.success{background:linear-gradient(135deg,#27ae60,#229954)}.status-badge.info{background:linear-gradient(135deg,#3498db,#2980b9)}.status-badge.warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.status-badge.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.status-badge.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.status-badge.default{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.status-icon{font-size:18px}.status-text{font-size:14px;letter-spacing:.5px}.membership-progression{margin-bottom:25px}.progress-stages{display:flex;justify-content:space-between;align-items:center;position:relative;padding:20px 0}.progress-stages:before{content:"";position:absolute;top:50%;left:0;right:0;height:6px;background:linear-gradient(90deg,#ecf0f1,#d6d8db);border-radius:3px;z-index:1}.progress-stages:after{content:"";position:absolute;top:50%;left:0;width:0%;height:6px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;z-index:1;animation:progressFill 2s ease-in-out;transition:width .8s cubic-bezier(.25,.46,.45,.94)}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width, 0%)}}.stage{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2;background:#fff;padding:0 15px;transition:all .3s ease}.stage:hover{transform:translateY(-2px)}.stage-icon{font-size:28px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ecf0f1;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border:3px solid #ecf0f1;position:relative;overflow:hidden}.stage-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transition:all .3s ease;transform:translate(-50%,-50%)}.stage.active .stage-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.stage.completed .stage-icon{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.stage-label{font-weight:600;color:#7f8c8d;font-size:14px}.stage.active .stage-label,.stage.completed .stage-label{color:#2c3e50}.status-actions{padding:20px;background:#f8f9fa;border-radius:10px}.action-message{text-align:center}.action-message h4{margin:0 0 10px;color:#2c3e50;font-size:18px}.action-message p{margin:0 0 15px;color:#5d6d7e;line-height:1.5}.action-message ul{list-style:none;padding:0;margin:15px 0}.action-message li{padding:5px 0;color:#5d6d7e}.action-btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s;margin-top:10px}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.success{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.dashboard-overview{margin-bottom:25px}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.overview-card{display:flex;align-items:center;gap:20px;padding:25px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #e1e5e9;position:relative;overflow:hidden}.overview-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.overview-card:hover:before{left:100%}.overview-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.card-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;overflow:hidden;transition:all .3s ease}.card-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:sparkle 3s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:rotate(0)}50%{opacity:1;transform:rotate(180deg)}}.overview-card:hover .card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #667eea66}.card-content{flex:1}.card-content h3{margin:0 0 10px;color:#2c3e50;font-size:18px;font-weight:600}.identity-status{font-weight:600;margin-bottom:8px}.identity-status.masked{color:#e74c3c}.identity-status.revealed{color:#27ae60}.mentor-level{font-weight:600;color:#8e44ad;margin-bottom:5px}.class-stats{display:flex;gap:15px;margin-bottom:8px}.class-stats span{font-weight:600;color:#2c3e50}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:30px}.dashboard-main{display:flex;flex-direction:column;gap:30px}.top-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}.user-status-section,.quick-stats-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:32px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(102,126,234,.08);min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:red 0 8px 30px #667eea1a,inset 0 1px #fffc}.user-status-section:before,.quick-stats-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.user-status-section:hover,.quick-stats-section:hover{transform:translateY(-6px) scale(1.02);border-color:#667eea26;box-shadow:0 8px 30px #667eea26,0 15px 60px #667eea1a,inset 0 1px #ffffffe6}.quick-stats-section .welcome-stats{display:flex;justify-content:space-between;align-items:center;margin:0;gap:15px;width:100%;background:#fff;gap:45px;padding:2px 18px;animation:slideIn .3s ease;border-color:#adff2f;border-radius:15px}.quick-stats-section2{padding:20px 18px;border:solid 3px red;border-radius:15px;animation:slideIn .3s ease}.quick-stats-section .stat-item{text-align:center;padding:20px 15px;background:linear-gradient(135deg,#667eea0d,#764ba208);border-radius:16px;flex:1;border:1px solid rgba(102,126,234,.08);transition:all .3s ease}.quick-stats-section .stat-item:hover{transform:translateY(-2px);background:linear-gradient(135deg,#667eea14,#764ba20d);border-color:#667eea26;box-shadow:0 4px 15px #667eea1a}.quick-stats-section .stat-number{display:block;font-size:32px;font-weight:800;color:#667eea;margin-bottom:8px;text-shadow:0 1px 3px rgba(102,126,234,.2)}.quick-stats-section .stat-label{font-size:11px;color:#495057;font-weight:600;text-transform:uppercase;letter-spacing:.8px;line-height:1.2}.main-content-section{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.left-column{display:flex;flex-direction:column;gap:30px}.right-column{display:flex;flex-direction:column;gap:20px;align-self:start}.dashboard-sidebar{display:flex;flex-direction:column;gap:20px}.quick-actions{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .3s ease;margin-top:0}.quick-actions:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.quick-actions:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.quick-actions h3{margin:0 0 25px;color:#2c3e50;font-size:24px;font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.actions-grid.compact{grid-template-columns:repeat(4,1fr);gap:10px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;color:#fff;position:relative;overflow:hidden;font-size:12px;font-weight:500;text-align:center;min-height:80px}.action-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.action-card:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.action-btn.success{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 15px #27ae604d}.action-btn.info{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db4d}.action-btn.mentor{background:linear-gradient(135deg,#8e44ad,#71368a);box-shadow:0 4px 15px #8e44ad4d}.action-btn.secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 15px #95a5a64d}.action-btn.admin{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 15px #f39c124d}.action-btn.warning{background:linear-gradient(135deg,#f1c40f,#f39c12);box-shadow:0 4px 15px #f1c40f4d}.action-btn.default{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 15px #95a5a64d}.action-btn.danger{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.action-card.primary{background:linear-gradient(135deg,#667eea05,#764ba205);border-color:#667eea33}.action-card.success{background:linear-gradient(135deg,#27ae6005,#22995405);border-color:#27ae6033}.action-card.info{background:linear-gradient(135deg,#3498db05,#2980b905);border-color:#3498db33}.action-card.mentor{background:linear-gradient(135deg,#8e44ad05,#71368a05);border-color:#8e44ad33}.action-card.secondary{background:linear-gradient(135deg,#95a5a605,#7f8c8d05);border-color:#95a5a633}.action-card.admin{background:linear-gradient(135deg,#f39c1205,#e67e2205);border-color:#f39c1233}.action-card.warning{background:linear-gradient(135deg,#f1c40f05,#f39c1205);border-color:#f1c40f33}.action-card.default{background:linear-gradient(135deg,#ecf0f105,#dee2e605);border-color:#ecf0f133}.action-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000026}.action-card.primary:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea10,#764ba210);box-shadow:0 8px 30px #667eea4d}.action-card.success:hover{border-color:#27ae60;background:linear-gradient(135deg,#27ae6010,#22995410);box-shadow:0 8px 30px #27ae604d}.action-card.info:hover{border-color:#3498db;background:linear-gradient(135deg,#3498db10,#2980b910);box-shadow:0 8px 30px #3498db4d}.action-card.mentor:hover{border-color:#8e44ad;background:linear-gradient(135deg,#8e44ad10,#71368a10);box-shadow:0 8px 30px #8e44ad4d}.action-card.secondary:hover{border-color:#95a5a6;background:linear-gradient(135deg,#95a5a610,#7f8c8d10);box-shadow:0 8px 30px #95a5a64d}.action-card.admin:hover{border-color:#f39c12;background:linear-gradient(135deg,#f39c1210,#e67e2210);box-shadow:0 8px 30px #f39c124d}.action-icon{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff3;flex-shrink:0;transition:all .3s ease;position:relative;overflow:hidden}.action-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:iconSparkle 4s ease-in-out infinite}@keyframes iconSparkle{0%,to{opacity:0;transform:rotate(0) scale(.8)}50%{opacity:1;transform:rotate(180deg) scale(1.2)}}.action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.action-btn:hover .action-icon{transform:scale(1.1);background:#ffffff4d}.action-card:hover .action-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #0003}.action-text{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.2}.action-content{flex:1}.action-content h4{margin:0 0 5px;color:#2c3e50;font-size:16px;font-weight:600;transition:color .3s ease}.action-content p{margin:0;color:#7f8c8d;font-size:14px;line-height:1.4;transition:color .3s ease}.action-card:hover .action-content h4{color:#1a252f}.action-card:hover .action-content p{color:#5d6d7e}.action-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #0003}.activity-feed{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:25px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .3s ease}.activity-feed:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.activity-feed:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.activity-feed h3{margin:0 0 20px;color:#2c3e50;font-size:22px}.activity-feed.empty{text-align:center;padding:40px 25px}.empty-state{color:#7f8c8d}.empty-icon{font-size:48px;display:block;margin-bottom:15px}.empty-state h4{margin:0 0 10px;color:#95a5a6}.empty-state p{margin:0;font-size:14px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #ecf0f1}.activity-item.chat{border-left-color:#3498db}.activity-item.teaching{border-left-color:#e67e22}.activity-item.class{border-left-color:#27ae60}.activity-item.mentorship{border-left-color:#8e44ad}.activity-item.membership{border-left-color:#f39c12}.activity-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;flex-shrink:0}.activity-content h5{margin:0 0 5px;color:#2c3e50;font-size:16px;font-weight:600}.activity-content p{margin:0 0 8px;color:#5d6d7e;font-size:14px;line-height:1.4}.activity-content small{color:#95a5a6;font-size:12px}.recent-activities{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);margin-bottom:30px;position:relative;overflow:hidden;transition:all .3s ease}.recent-activities:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.recent-activities:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.recent-activities h3{margin:0 0 25px;color:#2c3e50;font-size:24px;font-weight:600}.activities-list{margin-top:20px}.activity-title{margin:0 0 5px;color:#2c3e50;font-size:1rem;font-weight:600}.activity-description{margin:0 0 10px;color:#6c757d;font-size:.9rem}.activity-meta{display:flex;gap:15px;align-items:center}.activity-date{font-size:.8rem;color:#6c757d}.activity-status{padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:500}.activity-status.success{background:#d4edda;color:#155724}.activity-status.warning{background:#fff3cd;color:#856404}.activity-status.danger{background:#f8d7da;color:#721c24}.activity-status.info{background:#d1ecf1;color:#0c5460}.notifications-section{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .3s ease;margin-bottom:30px}.notifications-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.notifications-section:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.notifications-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notifications-section .section-header h3{margin:0;color:#2c3e50;font-size:22px;font-weight:600}.notification-controls{display:flex;align-items:center;gap:10px}.notification-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;min-width:20px;text-align:center}.refresh-btn,.mark-all-read-btn{background:#667eea1a;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:500;color:#667eea}.refresh-btn:hover,.mark-all-read-btn:hover{background:#667eea33;transform:translateY(-1px)}.communication-tabs{display:flex;gap:5px;margin-bottom:20px;background:#f8f9fa;border-radius:10px;padding:5px}.tab-btn{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:#6c757d;transition:all .3s ease}.tab-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.tab-btn:hover:not(.active){background:#ffffff80}.notifications-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.notification{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#f8f9fa;border-radius:12px;position:relative;transition:all .3s ease;border-left:4px solid transparent}.notification.unread{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left-color:#667eea;box-shadow:0 2px 8px #667eea1a}.notification:hover{background:#ecf0f1;transform:translate(2px)}.notification-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.notification-content{flex:1}.notification-message{margin:0 0 8px;color:#2c3e50;font-size:14px;font-weight:500;line-height:1.4}.notification-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#6c757d}.notification-time{color:#95a5a6}.mark-read-btn{background:#667eea;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;transition:all .3s ease}.mark-read-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.unread-indicator{position:absolute;top:12px;right:12px;width:8px;height:8px;background:#e74c3c;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.notifications-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-weight:500;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.notification-center{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:25px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .3s ease}.notification-center:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.notification-center:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.notification-center.empty{text-align:center}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.notifications-header h3{margin:0;color:#2c3e50;font-size:18px}.notification-count{background:#e74c3c;color:#fff;padding:4px 8px;border-radius:10px;font-size:12px;font-weight:600}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;position:relative;transition:all .3s}.notification-item.unread{background:linear-gradient(135deg,#3498db05,#2980b905);border-left:3px solid #3498db}.notification-item:hover{background:#ecf0f1}.notification-icon{font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;flex-shrink:0}.notification-content h5{margin:0 0 4px;color:#2c3e50;font-size:14px;font-weight:600}.notification-content p{margin:0 0 4px;color:#5d6d7e;font-size:13px;line-height:1.3}.notification-content small{color:#95a5a6;font-size:11px}.unread-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#e74c3c;border-radius:50%}.show-more-btn{width:100%;padding:10px;background:#f8f9fa;border:1px solid #ecf0f1;border-radius:6px;cursor:pointer;color:#7f8c8d;font-weight:600;margin-top:10px;transition:all .3s}.show-more-btn:hover{background:#ecf0f1;color:#5d6d7e}.analytics-overview{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:25px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .3s ease}.analytics-overview:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.analytics-overview:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.analytics-overview h3{margin:0 0 15px;color:#2c3e50;font-size:18px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.analytics-card{text-align:center;padding:15px;background:#f8f9fa;border-radius:10px}.metric-value{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:5px}.metric-label{font-size:12px;color:#7f8c8d;font-weight:600;text-transform:uppercase;margin-bottom:5px}.metric-trend{font-size:16px}.metric-period{font-size:11px;color:#95a5a6;font-style:italic}.profile-tab-content{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .3s ease}.profile-tab-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.profile-tab-content:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.profile-mode-selector{display:flex;gap:10px;margin-bottom:30px;padding:8px;background:#f8f9fa;border-radius:10px;width:fit-content}.profile-mode-selector button{padding:10px 20px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-weight:600;color:#7f8c8d;transition:all .3s}.profile-mode-selector button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.analytics-tab-content{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .3s ease}.analytics-tab-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.analytics-tab-content:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.analytics-detailed h2{margin:0 0 30px;color:#2c3e50;font-size:28px}.analytics-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.analytics-section{padding:25px;background:#f8f9fa;border-radius:12px}.analytics-section h3{margin:0 0 20px;color:#2c3e50;font-size:20px}.chart-placeholder{height:200px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#95a5a6;font-size:16px;border:2px dashed #ecf0f1}.loading-spinner{width:60px;height:60px;border:6px solid rgba(102,126,234,.1);border-top:6px solid #667eea;border-bottom:6px solid #764ba2;border-radius:50%;animation:modernSpin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-bottom:20px;position:relative}.loading-spinner:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px solid transparent;border-top:2px solid rgba(118,75,162,.3);border-radius:50%;animation:modernSpin 2s linear infinite reverse}@keyframes modernSpin{0%{transform:rotate(0) scale(1);filter:hue-rotate(0deg)}50%{transform:rotate(180deg) scale(1.1);filter:hue-rotate(180deg)}to{transform:rotate(360deg) scale(1);filter:hue-rotate(360deg)}}.loading-container,.error-container,.auth-error-container{text-align:center;background:linear-gradient(135deg,#fff,#f8f9ff);padding:60px 40px;border-radius:20px;box-shadow:0 8px 40px #0000001f;max-width:400px;width:100%;border:1px solid rgba(102,126,234,.1)}.loading-container h3,.error-container h3,.auth-error-container h3{color:#2c3e50;margin:0 0 15px;font-size:1.5rem;font-weight:600}.loading-container p,.error-container p,.auth-error-container p{color:#6c757d;margin:0 0 20px;line-height:1.5}.class-enrollment-section{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);margin-bottom:30px;position:relative;overflow:hidden;transition:all .3s ease}.class-enrollment-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.class-enrollment-section:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.class-enrollment-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title-group{display:flex;align-items:center;gap:12px}.toggle-btn{background:#667eea1a;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#667eea;font-size:12px;transition:all .3s ease}.toggle-btn:hover{background:#667eea33;transform:scale(1.1)}.collapsible-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.collapsible-content.expanded{max-height:2000px;opacity:1}.collapsible-content.collapsed{max-height:0;opacity:0;margin-bottom:0}.class-enrollment-section h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.btn-browse{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-browse:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.progress-tracking-section{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(102,126,234,.1);margin-bottom:30px;position:relative;overflow:hidden;transition:all .3s ease}.progress-tracking-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.progress-tracking-section:hover{transform:translateY(-3px);box-shadow:0 15px 60px #00000026}.progress-tracking-section .section-header h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 25px}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.progress-stat{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:15px;border:1px solid #dee2e6;transition:all .3s ease}.progress-stat:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.progress-stat .stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;flex-shrink:0;box-shadow:0 4px 15px #667eea4d}.progress-stat .stat-content h4{margin:0 0 5px;color:#2c3e50;font-size:1rem;font-weight:600}.progress-stat .stat-number{font-size:1.8rem;font-weight:700;color:#667eea}@media (max-width: 1200px){.main-content-section{grid-template-columns:1fr}.top-section{grid-template-columns:1fr;gap:20px}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.user-dashboard-container{padding:10px}.dashboard-header{flex-direction:column;gap:20px;text-align:center;padding:25px}.dashboard-navigation{flex-wrap:wrap;justify-content:center}.overview-cards,.actions-grid,.analytics-sections{grid-template-columns:1fr}.dashboard-main,.dashboard-sidebar{gap:20px}.progress-stages{flex-wrap:wrap;gap:15px}.progress-stages:before{display:none}.progress-stats{grid-template-columns:1fr}}@media (max-width: 768px){.header-top{flex-direction:column;gap:20px;align-items:stretch}.header-right{align-items:center;flex-direction:row;justify-content:center;gap:15px}.dashboard-navigation{justify-content:center}.top-section{grid-template-columns:1fr;gap:20px}.user-status-section,.quick-stats-section{min-height:150px}.actions-grid{grid-template-columns:repeat(2,1fr);gap:8px}.actions-grid.compact{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.overview-card{flex-direction:column;text-align:center;padding:20px}.actions-grid{grid-template-columns:1fr;gap:8px}.actions-grid.compact{grid-template-columns:1fr}.action-btn{min-height:60px;padding:10px 6px}.action-icon{width:30px;height:30px;font-size:18px}.action-text{font-size:10px}.action-card{flex-direction:column;text-align:center;gap:10px}.welcome-section h1{font-size:28px}.dashboard-header,.quick-actions,.activity-feed,.profile-tab-content,.analytics-tab-content,.membership-status-card,.membership-status,.class-enrollment-section,.progress-tracking-section{padding:20px}.stage-icon{width:50px;height:50px;font-size:24px}.status-header{flex-direction:column;gap:15px;text-align:center}.progress-stat{flex-direction:column;text-align:center;gap:10px}}.status-details{display:grid;gap:12px;margin-bottom:2px;padding:2px;background:#f8f9fa;border-radius:10px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-item strong{color:#495057;font-weight:600}.status-indicator{font-weight:600;padding:4px 8px;border-radius:6px;font-size:.85rem}.status-indicator.success{background:#d4edda;color:#155724}.status-indicator.info{background:#cce7ff;color:#0c5460}.status-indicator.primary{background:#e2e3f1;color:#383d41}.status-indicator.warning{background:#fff3cd;color:#856404}.status-indicator.danger{background:#f8d7da;color:#721c24}.status-actions>div{background:linear-gradient(135deg,#eaf0fb,#f5eaff);border:2px solid #e9ecef;border-radius:15px;padding:5px;text-align:center;transition:all .3s ease}.status-actions>div:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.ready-to-apply-message,.not-submitted-message,.rejected-message{border-color:#667eea}.pending-message{border-color:#f39c12;background:linear-gradient(135deg,#fff9c4,#fff)}.member-benefits,.approved-message{border-color:#27ae60}.premember-benefits{border-color:#3498db}.ready-icon,.not-submitted-icon,.pending-icon,.rejected-icon,.approved-icon,.benefits-icon{font-size:3rem;margin-bottom:15px;display:block}.status-actions h4{margin:15px 0 10px;color:#2c3e50;font-size:1.3rem;font-weight:600}.status-actions p{margin:10px 0 20px;color:#6c757d;line-height:1.5;font-size:1rem}.apply-btn,.reapply-btn,.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #667eea4d}.apply-btn:hover,.reapply-btn:hover,.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.upgrade-btn{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db4d}.upgrade-btn:hover{box-shadow:0 8px 25px #3498db66}.classes-section{background:#fff;border-radius:12px;padding:25px;margin-top:20px;border:1px solid #e9ecef}.classes-section h4{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.classes-list{display:flex;flex-direction:column;gap:15px}.class-item{background:#f8f9fa;border-radius:10px;padding:20px;border-left:4px solid #007bff;transition:all .3s ease}.class-item:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000001a}.class-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.class-header h5{margin:0;color:#333;font-size:16px;font-weight:600}.class-description{color:#6c757d;margin:10px 0;line-height:1.5}.class-meta{display:flex;gap:15px;font-size:12px;color:#6c757d;margin-bottom:15px}.class-actions{display:flex;gap:10px}.btn-view-class,.btn-leave-class,.btn-browse-classes{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-view-class{background:#007bff;color:#fff}.btn-view-class:hover{background:#0056b3}.btn-leave-class{background:#6c757d;color:#fff}.btn-leave-class:hover{background:#5a6268}.btn-browse-classes{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;margin-top:15px}.btn-browse-classes:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.no-classes{text-align:center;padding:30px;color:#6c757d;background:#fff;border-radius:10px;border:2px dashed #dee2e6}.activity-section{background:#fff;border-radius:12px;padding:25px;margin-top:20px;border:1px solid #e9ecef}.activity-section h4{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid #e9ecef;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.summary-icon{font-size:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;flex-shrink:0}.summary-details{display:flex;flex-direction:column}.summary-value{font-size:24px;font-weight:700;color:#333;line-height:1}.summary-label{font-size:12px;color:#6c757d;margin-top:5px}.recent-activity-list h5,.upcoming-events-list h5{margin:0 0 15px;color:#333;font-size:16px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:8px}.activity-timeline-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:10px}.timeline-icon{font-size:18px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;flex-shrink:0;border:2px solid #e9ecef}.timeline-content{flex:1}.timeline-description{margin:0 0 5px;color:#333;font-weight:500}.timeline-date{font-size:12px;color:#6c757d}.event-card{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:10px;border-left:4px solid #28a745}.event-date-badge{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:8px;padding:10px;min-width:60px;border:2px solid #e9ecef}.event-date-badge .date{font-size:20px;font-weight:700;color:#333;line-height:1}.event-date-badge .month{font-size:12px;color:#6c757d;text-transform:uppercase}.event-details h6{margin:0 0 5px;color:#333;font-weight:600}.event-details p{margin:0 0 5px;color:#6c757d;font-size:14px}.event-time{font-size:12px;color:#28a745;font-weight:500}.permissions-section{background:#fff;border-radius:12px;padding:25px;margin-top:20px;border:1px solid #e9ecef}.permissions-section h4{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.permission-group{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.permission-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.permission-group h5{margin:0 0 15px;color:#495057;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.access-level{display:flex;align-items:center;gap:15px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;border:1px solid #e9ecef}.access-icon{font-size:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;flex-shrink:0}.access-title{font-size:16px;font-weight:600;color:#333}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#f8f9fa;border-radius:8px;margin-bottom:8px;transition:all .3s ease}.features-list li:hover{background:#e9ecef}.features-list li.enabled{border-left:4px solid #28a745}.features-list li.disabled{border-left:4px solid #dc3545;opacity:.7}.feature-icon{font-size:16px;width:30px;display:flex;align-items:center;justify-content:center}.feature-status{margin-left:auto;font-size:14px}.privacy-settings{background:#f8f9fa;border-radius:10px;padding:15px}.privacy-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.privacy-item:last-child{border-bottom:none}.privacy-item label{font-weight:500;color:#495057}.privacy-value{color:#6c757d;font-size:14px}.upgrade-prompt{text-align:center;padding:20px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:10px;border:1px solid #ffeaa7}.upgrade-prompt p{margin:0 0 15px;color:#856404;font-weight:500}.btn-upgrade{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f39c124d}.profile-page-container{max-width:1400px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:fadeIn .8s ease-in-out}.profile-page-container.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.profile-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.profile-page-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:700}.profile-actions{display:flex;gap:12px}.edit-button,.save-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-button:hover,.save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-button{background:#95a5a6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#7f8c8d}.edit-actions{display:flex;gap:12px}.profile-page-content{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}.profile-main-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.profile-avatar-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;text-align:center;color:#fff}.profile-avatar{display:flex;flex-direction:column;align-items:center}.avatar-circle{width:120px;height:120px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3)}.profile-avatar h2{margin:0 0 8px;font-size:1.8rem;font-weight:700}.username{margin:0 0 15px;opacity:.9;font-size:1.1rem}.membership-badge{margin-top:10px}.status-badge{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.approved,.status-badge.member{background:#2ecc7133;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.status-badge.pending{background:#f1c40f33;color:#f39c12;border:1px solid rgba(241,196,15,.3)}.status-badge.pre-member{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.3)}.profile-details-section{padding:40px}.profile-view{display:flex;flex-direction:column;gap:30px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.profile-field{padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.profile-field label{display:block;font-weight:600;color:#2c3e50;margin-bottom:5px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.profile-field p{margin:0;color:#34495e;font-size:1rem;line-height:1.4}.profile-field-full{padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.profile-field-full label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.profile-field-full p{margin:0;color:#34495e;font-size:1rem;line-height:1.6}.profile-form{display:flex;flex-direction:column;gap:25px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-group,.form-group-full{display:flex;flex-direction:column}.form-group label,.form-group-full label{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group-full textarea{padding:12px 15px;border:2px solid #e0e6ed;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group-full textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group-full textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.profile-stats,.quick-actions{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #0000001a}.profile-stats h3,.quick-actions h3{margin:0 0 20px;color:#2c3e50;font-size:1.2rem;font-weight:700}.stats-grid{display:flex;flex-direction:column;gap:15px}.stat-item{display:flex;flex-direction:column;text-align:center;padding:15px;background:#f8f9fa;border-radius:8px}.stat-number{font-size:1.1rem;font-weight:700;color:#667eea;margin-bottom:5px}.stat-label{font-size:.85rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.action-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px;font-size:.95rem}.action-btn:last-child{margin-bottom:0}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 1024px){.profile-page-content{grid-template-columns:1fr}.profile-sidebar{order:-1}}@media (max-width: 768px){.profile-page-container{padding:15px}.profile-page-header{flex-direction:column;gap:15px;text-align:center}.profile-page-header h1{font-size:1.5rem}.profile-avatar-section{padding:25px}.avatar-circle{width:80px;height:80px;font-size:2rem}.profile-details-section{padding:25px}.form-grid{grid-template-columns:1fr}.stats-grid{flex-direction:row}}@media (max-width: 480px){.profile-page-header{padding:15px}.back-button,.edit-button,.save-button,.cancel-button{padding:8px 16px;font-size:.9rem}.profile-avatar-section,.profile-details-section,.profile-stats,.quick-actions{padding:20px}}.help-page-container{max-width:1600px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:fadeIn .8s ease-in-out}.help-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.help-page-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:700}.help-search{display:flex;align-items:center}.search-input{padding:10px 15px;border:2px solid #e0e6ed;border-radius:8px;font-size:1rem;width:280px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.help-page-content{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}.help-sidebar{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #0000001a;position:sticky;top:20px}.help-sidebar h3{margin:0 0 20px;color:#2c3e50;font-size:1.2rem;font-weight:700}.help-sections{list-style:none;padding:0;margin:0 0 30px}.help-sections li{margin-bottom:8px}.section-btn{width:100%;padding:12px 15px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:500;color:#34495e}.section-btn:hover{background:#f8f9fa;color:#2c3e50}.section-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.section-icon{font-size:1.2rem}.help-contact{padding-top:20px;border-top:2px solid #f1f3f4}.help-contact h4{margin:0 0 8px;color:#2c3e50;font-size:1rem;font-weight:600}.help-contact p{margin:0 0 15px;color:#7f8c8d;font-size:.9rem}.contact-support-btn{width:100%;padding:10px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-support-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.help-main-content{background:#fff;border-radius:15px;padding:40px;box-shadow:0 4px 20px #0000001a}.section-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f1f3f4}.section-icon-large{font-size:2.5rem}.section-header h2{margin:0;color:#2c3e50;font-size:2rem;font-weight:700}.section-overview{margin-bottom:30px}.section-overview p{font-size:1.1rem;color:#34495e;line-height:1.6;margin:0}.section-topics{display:flex;flex-direction:column;gap:25px}.topic-card{background:#f8f9fa;border-radius:12px;padding:25px;border-left:4px solid #667eea}.topic-card h3{margin:0 0 15px;color:#2c3e50;font-size:1.3rem;font-weight:600}.topic-content h4{color:#34495e;font-size:1.1rem;font-weight:600;margin:20px 0 10px}.topic-content ul{margin:10px 0;padding-left:20px}.topic-content li{margin-bottom:8px;color:#34495e;line-height:1.5}.topic-content strong{color:#2c3e50;font-weight:600}.search-results h2{margin:0 0 25px;color:#2c3e50;font-size:1.8rem;font-weight:700}.faq-results{display:flex;flex-direction:column;gap:20px}.no-results{padding:40px;text-align:center;color:#7f8c8d;font-style:italic}.faq-section{margin-top:40px;padding-top:30px;border-top:2px solid #f1f3f4}.faq-section h2{margin:0 0 25px;color:#2c3e50;font-size:1.8rem;font-weight:700}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{border:2px solid #e0e6ed;border-radius:8px;overflow:hidden}.faq-question{width:100%;padding:15px 20px;background:#fff;border:none;text-align:left;cursor:pointer;font-size:1rem;font-weight:600;color:#2c3e50;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background:#f8f9fa}.faq-question.expanded{background:#f8f9fa;border-bottom:2px solid #e0e6ed}.faq-toggle{font-size:1.2rem;font-weight:700;color:#667eea}.faq-answer{padding:20px;background:#fafbfc;animation:fadeInDown .3s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{margin:0;color:#34495e;line-height:1.6}.search-results .faq-item{border:none;background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #667eea}.search-results .faq-item h4{margin:0 0 10px;color:#2c3e50;font-size:1.1rem;font-weight:600}.search-results .faq-item p{margin:0;color:#34495e;line-height:1.6}@media (max-width: 1024px){.help-page-content{grid-template-columns:250px 1fr}.search-input{width:200px}}@media (max-width: 768px){.help-page-container{padding:15px}.help-page-header{flex-direction:column;gap:15px;text-align:center}.help-page-header h1{font-size:1.5rem}.help-page-content{grid-template-columns:1fr}.help-sidebar{position:static;order:2}.help-main-content{padding:25px}.search-input{width:100%;max-width:300px}}@media (max-width: 480px){.help-page-header{padding:15px}.back-button{padding:8px 16px;font-size:.9rem}.help-main-content{padding:20px}.section-header{flex-direction:column;text-align:center;gap:10px}.section-header h2{font-size:1.5rem}.topic-card,.help-sidebar{padding:20px}}.settings-page-container{max-width:1400px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:fadeIn .8s ease-in-out}.settings-page-container.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.settings-page-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:700}.settings-page-content{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}.settings-sidebar{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #0000001a;position:sticky;top:20px}.settings-tabs{display:flex;flex-direction:column;gap:8px}.tab-btn{width:100%;padding:15px 20px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:500;color:#34495e}.tab-btn:hover{background:#f8f9fa;color:#2c3e50}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.tab-icon{font-size:1.2rem}.settings-main{background:#fff;border-radius:15px;padding:40px;box-shadow:0 4px 20px #0000001a}.settings-section{display:flex;flex-direction:column;gap:30px}.section-header{padding-bottom:20px;border-bottom:2px solid #f1f3f4}.section-header h2{margin:0 0 8px;color:#2c3e50;font-size:1.8rem;font-weight:700}.section-header p{margin:0;color:#7f8c8d;font-size:1rem;line-height:1.5}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-weight:600;color:#2c3e50;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.setting-group select,.setting-group input{padding:12px 15px;border:2px solid #e0e6ed;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.setting-group select:focus,.setting-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toggle-settings{display:flex;flex-direction:column;gap:20px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.toggle-info h4{margin:0 0 5px;color:#2c3e50;font-size:1.1rem;font-weight:600}.toggle-info p{margin:0;color:#7f8c8d;font-size:.9rem;line-height:1.4}.toggle{position:relative;display:inline-block;width:50px;height:24px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.slider:before{transform:translate(26px)}.password-section{padding:25px;background:#f8f9fa;border-radius:12px;border-left:4px solid #e74c3c}.password-section h3{margin:0 0 15px;color:#2c3e50;font-size:1.3rem;font-weight:600}.change-password-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.change-password-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.password-form{margin-top:20px;padding:20px;background:#fff;border-radius:8px;border:2px solid #e0e6ed;display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:600;color:#2c3e50;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:12px 15px;border:2px solid #e0e6ed;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:12px;margin-top:10px}.cancel-btn{background:#95a5a6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#7f8c8d}.save-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.section-actions{padding-top:20px;border-top:2px solid #f1f3f4}.save-settings-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.save-settings-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-settings-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.settings-page-content{grid-template-columns:250px 1fr}}@media (max-width: 768px){.settings-page-container{padding:15px}.settings-page-header{flex-direction:column;gap:15px;text-align:center}.settings-page-header h1{font-size:1.5rem}.settings-page-content{grid-template-columns:1fr}.settings-sidebar{position:static;order:2}.settings-tabs{flex-direction:row;overflow-x:auto;gap:4px}.tab-btn{min-width:120px;padding:12px 16px;white-space:nowrap}.settings-main{padding:25px}.settings-grid{grid-template-columns:1fr}.toggle-item{flex-direction:column;align-items:flex-start;gap:15px}.form-actions{flex-direction:column}}@media (max-width: 480px){.settings-page-header{padding:15px}.back-button{padding:8px 16px;font-size:.9rem}.settings-main{padding:20px}.section-header h2{font-size:1.5rem}.settings-sidebar{padding:20px}.tab-btn{font-size:.9rem;padding:10px 14px}.toggle-item{padding:15px}.password-section{padding:20px}.save-settings-btn{width:100%}}