:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#10b981;--accent-color:#ec4899;--danger-color:#ef4444;--bg-light:#f8fafc;--bg-white:#fff;--text-dark:#1e293b;--text-light:#64748b;--text-lighter:#94a3b8;--border-color:#e2e8f0;--border-dark:#cbd5e1;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary:linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--gradient-accent:linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background-color:var(--bg-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.startup-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;transition:var(--transition);background:#fffc;border-bottom:1px solid #0000;position:fixed;top:0}.startup-nav.scrolled{border-bottom-color:var(--border-color);box-shadow:var(--shadow-md);background:#fffffff2}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.nav-brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo{color:var(--primary-color);align-items:center;gap:.5rem;display:flex}.logo-icon{width:28px;height:28px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.logo-tagline{color:var(--text-lighter);font-size:.75rem;font-weight:500}.nav-menu{align-items:center;gap:2rem;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--text-dark);background:0 0;border:none;padding:.5rem;display:none}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-dark);transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-cta-primary,.nav-cta-secondary{cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:flex}.nav-cta-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.nav-cta-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.nav-cta-secondary{color:var(--text-dark);border:1px solid var(--border-color);background:0 0}.nav-cta-secondary:hover{background:var(--bg-light);border-color:var(--border-dark)}.nav-superadmin-link{color:var(--accent-color);border:1px solid var(--accent-color);transition:var(--transition);border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none}.nav-superadmin-link:hover{background:var(--accent-color);color:#fff}.hero-section{margin-top:70px;padding:5rem 2rem;position:relative;overflow:hidden}.hero-background{z-index:-1;position:absolute;inset:0}.gradient-blob{background:var(--gradient-primary);opacity:.1;filter:blur(80px);border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite float;position:absolute;top:-200px;right:-200px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pattern{background-image:radial-gradient(circle at 20%,#6366f11a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#10b9811a 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:grid}.hero-content{flex-direction:column;gap:2rem;display:flex}.hero-badge{width:fit-content;color:var(--primary-color);background:#6366f11a;border:1px solid #6366f133;border-radius:2rem;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--primary-color);border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hero-title{color:var(--text-dark);font-size:3.5rem;font-weight:800;line-height:1.2}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-light);max-width:500px;font-size:1.25rem;line-height:1.6}.hero-cta{gap:1rem;margin-top:1rem;display:flex}.primary-cta,.secondary-cta{cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;display:flex}.primary-cta{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.primary-cta:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.secondary-cta{color:var(--text-dark);border:2px solid var(--border-color);background:#fff}.secondary-cta:hover{border-color:var(--primary-color);color:var(--primary-color)}.hero-stats{border-top:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem;padding-top:2rem;display:grid}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-lighter);font-size:.875rem;font-weight:500}.hero-visual{justify-content:center;align-items:center;display:flex}.dashboard-preview{box-shadow:var(--shadow-xl);border:1px solid var(--border-color);background:#fff;border-radius:1rem;animation:.8s ease-out slide-in-right;overflow:hidden}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.dashboard-header{border-bottom:1px solid var(--border-color);background:var(--bg-light);align-items:center;padding:1rem;display:flex}.header-dots{gap:.75rem;display:flex}.header-dots .dot{border-radius:50%;width:12px;height:12px}.header-dots .dot.red{background:#ff5f56}.header-dots .dot.yellow{background:#ffbd2e}.header-dots .dot.green{background:#27c93f}.dashboard-content{grid-template-columns:1fr 1fr;gap:1rem;min-height:300px;padding:1.5rem;display:grid}.metric-card{background:var(--bg-light);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.metric-label{color:var(--text-lighter);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.metric-value{color:var(--text-dark);font-size:1.75rem;font-weight:700}.metric-trend{font-size:.875rem;font-weight:600}.metric-trend.up{color:var(--secondary-color)}.chart-preview{background:var(--bg-light);border-radius:.5rem;grid-column:1/-1;align-items:flex-end;gap:.5rem;height:150px;padding:1rem;display:flex}.chart-preview:before,.chart-preview:after{content:"";background:var(--gradient-primary);border-radius:.25rem .25rem 0 0;width:20px;animation:1.5s ease-out infinite grow}.chart-preview:before{height:60%;animation-delay:0s}.chart-preview:after{height:100%;animation-delay:.2s}@keyframes grow{0%{height:0}}.ai-grading{background:var(--gradient-secondary);color:#fff;border-radius:.5rem;grid-column:1/-1;align-items:center;gap:.75rem;padding:1rem;font-weight:600;display:flex}.trust-bar{background:linear-gradient(135deg, var(--bg-light) 0%, white 100%);border-bottom:1px solid var(--border-color);padding:3rem 2rem}.trust-container{text-align:center;max-width:1200px;margin:0 auto}.trust-label{color:var(--text-lighter);text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;font-size:.875rem;font-weight:600}.trust-logos{grid-template-columns:repeat(6,1fr);place-items:center;gap:2rem;display:grid}.logo-item{color:var(--text-dark);opacity:.6;transition:var(--transition);font-size:1rem;font-weight:700}.logo-item:hover{opacity:1;color:var(--primary-color)}.features-section{background:#fff;padding:5rem 2rem}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-badge{color:var(--primary-color);background:#6366f11a;border:1px solid #6366f133;border-radius:2rem;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.section-title{margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.3}.section-subtitle{color:var(--text-light);max-width:600px;margin:0 auto;font-size:1.1rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.feature-card{border:1px solid var(--border-color);transition:var(--transition);cursor:pointer;group:"features";background:#fff;border-radius:1rem;padding:2rem;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-primary);opacity:0;height:4px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.feature-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.feature-card.blue:before{background:linear-gradient(90deg,#3b82f6,#0ea5e9)}.feature-card.green:before{background:linear-gradient(90deg,#10b981,#14b8a6)}.feature-card.orange:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon-container{background:#6366f11a;border-radius:.75rem;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:flex}.feature-card.purple .feature-icon-container{background:#8b5cf61a}.feature-card.blue .feature-icon-container{background:#3b82f61a}.feature-card.green .feature-icon-container{background:#10b9811a}.feature-card.orange .feature-icon-container{background:#f59e0b1a}.feature-icon{width:28px;height:28px;color:var(--primary-color)}.feature-card.purple .feature-icon{color:#8b5cf6}.feature-card.blue .feature-icon{color:#3b82f6}.feature-card.green .feature-icon{color:#10b981}.feature-card.orange .feature-icon{color:#f59e0b}.feature-title{color:var(--text-dark);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-description{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.feature-stat{color:var(--primary-color);background:#6366f11a;border-radius:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:inline-block}.feature-arrow{color:var(--primary-color);opacity:0;transition:var(--transition);position:absolute;bottom:1.5rem;right:1.5rem;transform:translate(4px,4px)}.feature-card:hover .feature-arrow{opacity:1;transform:translate(0)}.stories-section{background:var(--bg-light);padding:5rem 2rem}.stories-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.story-card{transition:var(--transition);cursor:pointer;background:#fff;border-radius:1rem;padding:2rem;position:relative;overflow:hidden}.story-card:before{content:"";background:var(--gradient-primary);opacity:.1;width:100px;height:100px;transition:var(--transition);border-radius:50%;position:absolute;top:0;right:0}.story-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.story-card:hover:before{opacity:.2}.story-card.blue:before{background:linear-gradient(135deg,#3b82f6,#0ea5e9)}.story-card.purple:before{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.story-card.green:before{background:linear-gradient(135deg,#10b981,#14b8a6)}.story-type{text-transform:uppercase;letter-spacing:1px;color:var(--primary-color);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.story-card.blue .story-type{color:#3b82f6}.story-card.purple .story-type{color:#8b5cf6}.story-card.green .story-type{color:#10b981}.story-name{color:var(--text-dark);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.story-impact{color:var(--secondary-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}.story-quote{color:var(--text-light);z-index:1;margin-bottom:1.5rem;line-height:1.6;position:relative}.story-cta{color:var(--primary-color);cursor:pointer;transition:var(--transition);z-index:1;background:0 0;border:none;align-items:center;gap:.75rem;font-weight:600;display:inline-flex;position:relative}.story-cta:after{content:"";background:var(--primary-color);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.story-cta:hover:after{width:100%}.story-card.blue .story-cta,.story-card.blue .story-cta:after{color:#3b82f6;background-color:#3b82f6}.story-card.purple .story-cta,.story-card.purple .story-cta:after{color:#8b5cf6;background-color:#8b5cf6}.story-card.green .story-cta,.story-card.green .story-cta:after{color:#10b981;background-color:#10b981}.testimonials-section{background:#fff;padding:5rem 2rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.testimonial-card{border:1px solid var(--border-color);transition:var(--transition);background:#fff;border-radius:1rem;padding:2rem}.testimonial-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.testimonial-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative}.avatar{flex-shrink:0;font-size:2.5rem}.testimonial-info{flex:1}.testimonial-name{color:var(--text-dark);margin-bottom:.25rem;font-size:1rem;font-weight:700}.testimonial-role{color:var(--text-lighter);font-size:.875rem}.rating{gap:.25rem;display:flex;position:absolute;top:0;right:0}.testimonial-quote{color:var(--text-light);font-size:1rem;line-height:1.7}.pricing-section{background:var(--bg-light);padding:5rem 2rem}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;display:grid}.pricing-card{border:1px solid var(--border-color);transition:var(--transition);background:#fff;border-radius:1rem;flex-direction:column;padding:2.5rem;display:flex;position:relative}.pricing-card.popular{border:2px solid var(--primary-color);box-shadow:var(--shadow-xl);transform:scale(1.05)}.pricing-card:hover{box-shadow:var(--shadow-lg)}.pricing-card.popular:hover{box-shadow:var(--shadow-2xl);transform:scale(1.05)translateY(-4px)}.popular-badge{background:var(--gradient-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:2rem;padding:.5rem 1.5rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{margin-bottom:2rem}.plan-name{color:var(--text-dark);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.plan-description{color:var(--text-lighter);margin-bottom:1.5rem;font-size:.875rem}.plan-price{align-items:baseline;gap:.5rem;display:flex}.price{color:var(--text-dark);font-size:2.5rem;font-weight:800}.period{color:var(--text-lighter);font-size:.95rem}.plan-features{flex:1;margin-bottom:2rem;list-style:none}.feature-item{color:var(--text-light);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.95rem;line-height:1.5;display:flex}.feature-item svg{color:var(--secondary-color);flex-shrink:0}.plan-cta{cursor:pointer;transition:var(--transition);border:none;border-radius:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:600}.plan-cta.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.plan-cta.primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.plan-cta.secondary{color:var(--text-dark);border:2px solid var(--border-color);background:#fff}.plan-cta.secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.pricing-note{color:var(--text-lighter);background:#6366f10d;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem;font-size:.875rem;display:flex}.pricing-note svg{color:var(--primary-color);flex-shrink:0}.final-cta{padding:5rem 2rem;position:relative;overflow:hidden}.cta-background{z-index:-1;position:absolute;inset:0}.cta-blob{background:var(--gradient-accent);opacity:.15;filter:blur(80px);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute;bottom:-200px;left:-200px}.cta-container{text-align:center;max-width:800px;margin:0 auto;position:relative}.cta-content{flex-direction:column;gap:2rem;display:flex}.cta-title{color:var(--text-dark);font-size:3rem;font-weight:800;line-height:1.2}.cta-subtitle{color:var(--text-light);font-size:1.25rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-primary,.cta-secondary{cursor:pointer;transition:var(--transition);border:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;display:flex}.cta-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.cta-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.cta-secondary{color:var(--text-dark);border:2px solid var(--border-color);background:#fff}.cta-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.cta-footer{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.guarantee{color:var(--text-dark);align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:flex}.guarantee svg{color:var(--secondary-color)}.demo-form-section{background:#fff;padding:5rem 2rem}.form-container{max-width:600px;margin:0 auto}.form-content{border:1px solid var(--border-color);background:#fff;border-radius:1rem;padding:3rem}.form-header{text-align:center;margin-bottom:2.5rem}.form-title{color:var(--text-dark);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.form-subtitle{color:var(--text-light);font-size:1rem}.success-message{text-align:center;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;border-radius:1rem;padding:3rem 2rem}.success-icon{width:64px;height:64px;color:var(--secondary-color);margin:0 auto 1rem}.success-message h4{color:var(--text-dark);margin-bottom:.5rem;font-size:1.5rem}.success-message p{color:var(--text-light);margin-bottom:1.5rem}.back-button{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;padding:.75rem 2rem;font-weight:600}.back-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.demo-form{flex-direction:column;gap:1.5rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);transition:var(--transition);color:var(--text-dark);border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-lighter)}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M1 4l5 4 5-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.error-message{color:var(--danger-color);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;font-size:.95rem;display:flex}.form-footer{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.form-submit{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.form-submit:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-submit:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-note{color:var(--text-lighter);text-align:center;font-size:.825rem}.footer{background:var(--text-dark);color:#fff;padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem;padding-bottom:3rem;display:grid}.footer-col{flex-direction:column;gap:1rem;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-logo-icon{width:24px;height:24px;color:var(--primary-color);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.footer-logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.footer-tagline{color:#ffffffb3;font-size:.95rem;line-height:1.6}.contact-info{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.contact-item{color:#ffffffb3;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.contact-item svg{color:var(--primary-color);flex-shrink:0}.footer-title{margin-bottom:.5rem;font-size:.95rem;font-weight:700}.footer-link{color:#ffffffb3;transition:var(--transition);font-size:.9rem;text-decoration:none}.footer-link:hover{color:#fff;padding-left:4px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.copyright{color:#fffffff2;font-size:.875rem;font-weight:500}.footer-login{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600}.footer-login:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:1024px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.features-grid,.stories-grid,.testimonials-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:scale(1)translateY(-4px)}.trust-logos{grid-template-columns:repeat(3,1fr)}.hero-container{grid-template-columns:1fr;gap:2rem}.hero-visual{order:-1}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-menu{gap:1rem}.nav-links{border-bottom:1px solid var(--border-color);max-height:0;transition:var(--transition);background:#fff;flex-direction:column;gap:1rem;padding:2rem;position:absolute;top:70px;left:0;right:0;overflow:hidden}.nav-links.open{max-height:500px}.nav-links a{padding:.75rem 0;display:block}.nav-cta-primary,.nav-cta-secondary{justify-content:center;width:100%}.hero-section{padding:3rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-title{font-size:1.75rem}.features-grid,.stories-grid,.testimonials-grid,.pricing-grid{grid-template-columns:1fr}.trust-logos{grid-template-columns:repeat(2,1fr)}.cta-title{font-size:2rem}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{justify-content:center;width:100%}.form-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}.form-content{padding:2rem 1.5rem}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-cta{flex-direction:column}.primary-cta,.secondary-cta{justify-content:center;width:100%}.section-header{margin-bottom:2rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}.stat-number,.cta-title{font-size:1.5rem}.testimonial-header{flex-direction:column}.rating{justify-content:flex-start;position:static}.form-content{padding:1.5rem}.nav-container,.nav-links{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}:root{--primary-color:#4361ee;--primary-dark:#3a56d4;--secondary-color:#4cc9f0;--accent-color:#7209b7;--light-color:#f8f9fa;--dark-color:#212529;--gray-color:#6c757d;--success-color:#4caf50;--error-color:#f44336;--card-shadow:0 10px 30px #00000014;--transition:all .3s ease}.login-page{background-color:#f5f7fb;background-image:radial-gradient(at 40% 20%,#4361ee1a 0,#0000 50%),radial-gradient(at 80% 0,#7209b71a 0,#0000 50%),radial-gradient(at 0%,#4cc9f01a 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{width:100%;max-width:1000px;min-height:600px;box-shadow:var(--card-shadow);background-color:#fff;border-radius:24px;animation:.8s ease-out fadeIn;display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-left{flex-direction:column;flex:1;justify-content:center;padding:60px 50px;display:flex}.login-right{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px 50px;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";background:#ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.login-right:after{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-80px;left:-80px}.logo{align-items:center;margin-bottom:40px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:15px;font-size:22px;font-weight:700;display:flex}.logo-text{color:var(--dark-color);font-size:28px;font-weight:700}.logo-text span{color:var(--primary-color)}.welcome-title{color:var(--dark-color);margin-bottom:10px;font-size:32px;font-weight:700}.welcome-subtitle{color:var(--gray-color);margin-bottom:40px;font-size:16px}.form-label{color:var(--dark-color);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-with-icon{position:relative}.form-input{width:100%;transition:var(--transition);background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:16px 20px 16px 50px;font-size:16px}.form-input:focus{border-color:var(--primary-color);background-color:#fff;outline:none;box-shadow:0 0 0 3px #4361ee1a}.input-icon{color:var(--gray-color);font-size:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.password-toggle{color:var(--gray-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.remember-forgot{justify-content:space-between;align-items:center;margin-bottom:30px;font-size:14px;display:flex}.remember-me{align-items:center;display:flex}.remember-me input{accent-color:var(--primary-color);margin-right:8px}.forgot-link{color:var(--primary-color);transition:var(--transition);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none}.forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.login-btn{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:25px;padding:18px;font-size:16px;font-weight:600;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 20px #4361ee4d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.right-title{z-index:1;margin-bottom:20px;font-size:32px;font-weight:700;position:relative}.features-list{z-index:1;list-style-type:none;position:relative}.features-list li{align-items:flex-start;margin-bottom:20px;display:flex}.features-list svg{color:var(--secondary-color);flex-shrink:0;margin-top:2px;margin-right:15px;font-size:20px}.copyright{text-align:center;opacity:.8;z-index:1;width:100%;font-size:14px;position:absolute;bottom:30px;left:0}.loading{pointer-events:none;opacity:.8}.loading .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}.form-input.error{border-color:var(--error-color)!important}.error-message{color:var(--error-color);align-items:center;gap:5px;margin-top:5px;font-size:13px;display:flex}.success-message{color:var(--success-color);background-color:#4caf501a;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:15px;display:flex}@media (max-width:900px){.login-container{flex-direction:column;max-width:500px}.login-right{order:-1;padding:40px 30px}.login-left{padding:40px 30px}.right-title,.welcome-title{font-size:28px}}@media (max-width:480px){.login-container{border-radius:16px}.login-right,.login-left{padding:30px 20px}.right-title,.welcome-title{font-size:24px}.remember-forgot{flex-direction:column;align-items:flex-start;gap:15px}.logo-icon{width:40px;height:40px;font-size:20px}.logo-text{font-size:24px}}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:20px;width:90%;max-width:500px;padding:40px;animation:.4s ease-out slideUp;position:relative;box-shadow:0 20px 60px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{color:var(--gray-color);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:24px;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:var(--primary-color);transform:rotate(90deg)}.forgot-password-modal{text-align:center}.modal-header{margin-bottom:30px}.modal-icon{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:36px;animation:.6s ease-out bounce;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-description{color:var(--gray-color);margin-bottom:30px;font-size:16px;line-height:1.6}.support-info{text-align:left;background:linear-gradient(135deg,#4361ee1a,#7209b71a);border-radius:16px;margin-bottom:30px;padding:25px}.support-item{align-items:flex-start;gap:20px;display:flex}.support-icon{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.support-text h4{color:var(--dark-color);margin:0 0 8px;font-size:18px;font-weight:600}.support-text p{color:var(--gray-color);margin:0 0 12px;font-size:14px;line-height:1.5}.support-email{color:var(--primary-color);border:2px solid var(--primary-color);transition:var(--transition);background-color:#fff;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.support-email:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.modal-tips{background-color:var(--light-color);text-align:left;border-radius:12px;margin-bottom:25px;padding:20px}.modal-tips h5{color:var(--dark-color);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.modal-tips ul{margin:0;padding:0;list-style:none}.modal-tips li{color:var(--gray-color);padding:6px 0 6px 24px;font-size:14px;position:relative}.modal-tips li:before{content:"✓";color:var(--primary-color);font-weight:700;position:absolute;left:0}.modal-footer-text{color:var(--gray-color);margin-bottom:25px;font-size:13px;font-style:italic;line-height:1.6}.modal-actions{align-items:center;gap:15px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;transition:var(--transition);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.btn-secondary{background-color:var(--light-color);color:var(--dark-color);border:2px solid #ddd}.btn-secondary:hover{border-color:var(--gray-color);background-color:#fff}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;border:none}:root{--primary-color:#4361ee;--primary-dark:#3a56d4;--secondary-color:#4cc9f0;--accent-color:#7209b7;--success-color:#4caf50;--error-color:#f44336;--warning-color:#ff9800;--light-color:#f8f9fa;--dark-color:#212529;--gray-color:#6c757d;--card-shadow:0 10px 30px #00000014;--transition:all .3s ease}.reset-page{background-color:#f5f7fb;background-image:radial-gradient(at 40% 20%,#4361ee1a 0,#0000 50%),radial-gradient(at 80% 0,#7209b71a 0,#0000 50%),radial-gradient(at 0%,#4cc9f01a 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.reset-container{width:100%;max-width:1200px;min-height:700px;box-shadow:var(--card-shadow);background-color:#fff;border-radius:24px;animation:.8s ease-out fadeIn;display:flex;overflow:hidden}.reset-left{flex-direction:column;flex:1;justify-content:center;max-height:100vh;padding:60px 50px;display:flex;position:relative;overflow-y:auto}.reset-right{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px 50px;display:flex;position:relative;overflow:hidden}.reset-right:before{content:"";background:#ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.reset-right:after{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-80px;left:-50px}.btn-back{color:var(--primary-color);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;margin-bottom:30px;padding:0;font-size:14px;font-weight:600;display:flex}.btn-back:hover{color:var(--primary-dark);gap:12px}.reset-logo{color:var(--dark-color);align-items:center;gap:12px;margin-bottom:40px;font-weight:700;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;font-weight:700;display:flex}.logo-text{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.reset-step{animation:.6s ease-out slideIn}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.reset-title{color:var(--dark-color);margin-bottom:12px;font-size:28px;font-weight:700}.reset-subtitle{color:var(--gray-color);margin-bottom:30px;font-size:15px;line-height:1.6}.error-message,.success-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:14px;font-weight:500;animation:.4s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.error-message{color:#c62828;border-left:4px solid var(--error-color);background-color:#ffebee}.success-message{color:#2e7d32;border-left:4px solid var(--success-color);background-color:#e8f5e9}.form-input{width:100%;transition:var(--transition);border:2px solid #e0e0e0;border-radius:10px;padding:12px 16px 12px 44px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px}.form-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.input-icon{color:var(--primary-color);pointer-events:none;font-size:18px;position:absolute;left:14px}.toggle-password{color:var(--gray-color);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex;position:absolute;right:14px}.toggle-password:hover{color:var(--primary-color)}.role-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.role-label{cursor:pointer;transition:var(--transition);color:var(--dark-color);border:2px solid #e0e0e0;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-weight:500;display:flex}.role-label input{cursor:pointer;width:18px;height:18px;margin:0}.role-label:hover{border-color:var(--primary-color);background-color:#4361ee0d}.role-label input:checked+span{color:var(--primary-color);font-weight:600}.otp-input{text-align:center;letter-spacing:8px;width:100%;transition:var(--transition);border:3px solid #e0e0e0;border-radius:10px;padding:16px;font-family:Courier New,monospace;font-size:32px;font-weight:700}.otp-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4361ee1a}.timer-info{text-align:center;background-color:var(--light-color);border-radius:8px;margin:20px 0;padding:12px}.timer-info p{color:var(--gray-color);margin:0;font-size:14px}.timer-info strong{color:var(--primary-color);font-size:16px;font-weight:700}.timer-warning strong{color:var(--warning-color)}.password-requirements{background-color:var(--light-color);border-radius:10px;margin:20px 0;padding:16px}.requirements-title{color:var(--dark-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.password-requirements ul{margin:0;padding:0;list-style:none}.password-requirements li{color:var(--gray-color);transition:var(--transition);padding:6px 0 6px 24px;font-size:13px;position:relative}.password-requirements li:before{content:"✗";color:var(--error-color);font-size:14px;font-weight:700;position:absolute;left:0}.password-requirements li.met{color:var(--success-color);font-weight:500}.password-requirements li.met:before{content:"✓";color:var(--success-color)}.btn-submit,.btn-resend{cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;display:flex}.btn-submit{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;margin-bottom:12px}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-resend{background-color:var(--light-color);color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600}.btn-resend:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.btn-resend:disabled{opacity:.5;cursor:not-allowed}.step-indicator{text-align:center;color:var(--gray-color);text-transform:uppercase;letter-spacing:.5px;margin-top:24px;font-size:13px;font-weight:600}.success-icon{background:linear-gradient(135deg, var(--success-color), #45a049);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:40px;animation:.6s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.right-title{z-index:1;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.3;position:relative}.right-description{opacity:.95;z-index:1;margin-bottom:40px;font-size:16px;line-height:1.8;position:relative}.security-features{z-index:1;margin-bottom:40px;position:relative}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);background:#ffffff1a;border-radius:12px;gap:16px;margin-bottom:24px;padding:16px;display:flex}.feature:hover{background:#ffffff26;transform:translate(8px)}.feature-icon{background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.feature-content h4{margin:0 0 4px;font-size:15px;font-weight:600}.feature-content p{opacity:.9;margin:0;font-size:13px;line-height:1.5}.security-badge{text-align:center;z-index:1;background:#fff3;border:2px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-weight:600;display:flex;position:relative}@media (max-width:900px){.reset-container{flex-direction:column;max-width:500px;min-height:auto}.reset-right{order:-1;min-height:300px;padding:40px 30px}.reset-left{padding:40px 30px}.right-title,.reset-title{font-size:24px}.security-features{margin-bottom:20px}.feature{margin-bottom:16px;padding:12px}}@media (max-width:480px){.reset-container{border-radius:16px}.reset-right,.reset-left{padding:30px 20px}.right-title,.reset-title{font-size:20px}.reset-subtitle,.right-description,.form-input,.otp-input,.btn-submit,.btn-resend{font-size:14px}.otp-input{letter-spacing:6px;padding:14px;font-size:24px}.role-options{grid-template-columns:1fr}.logo-icon{width:40px;height:40px;font-size:20px}.logo-text{font-size:20px}}.superadmin-login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.superadmin-login-page:before{content:"";background:#ffffff0d;border-radius:50%;width:500px;height:500px;animation:6s ease-in-out infinite float;position:absolute;top:-50%;right:-10%}.superadmin-login-page:after{content:"";background:#ffffff08;border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-5%}.superadmin-login-container{z-index:10;background:#fff;border-radius:20px;width:100%;max-width:450px;padding:60px 50px;animation:.6s ease-out slideUp;position:relative;box-shadow:0 20px 60px #0000004d}.superadmin-lock-icon{text-align:center;color:#667eea;margin-bottom:30px;font-size:48px;animation:2s ease-in-out infinite pulse}.superadmin-title{color:#333;text-align:center;margin-top:0;margin-bottom:10px;font-size:28px;font-weight:700}.superadmin-subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:14px;font-weight:500}.superadmin-form{flex-direction:column;gap:20px;display:flex}.superadmin-form-group{flex-direction:column;gap:8px;display:flex}.superadmin-label{color:#333;font-size:14px;font-weight:600}.superadmin-input-wrapper{align-items:center;display:flex;position:relative}.superadmin-input{background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px 16px 14px 45px;font-size:16px;transition:all .3s}.superadmin-input:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.superadmin-input:disabled{opacity:.6;cursor:not-allowed}.superadmin-input-icon{color:#667eea;pointer-events:none;font-size:16px;position:absolute;left:14px}.superadmin-password-toggle{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;transition:color .3s;display:flex;position:absolute;right:14px}.superadmin-password-toggle:hover:not(:disabled){color:#667eea}.superadmin-password-toggle:disabled{opacity:.5;cursor:not-allowed}.superadmin-error-message{color:#c33;background-color:#fee;border-left:4px solid #c33;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s ease-out slideDown;display:flex}.superadmin-success-message{color:#4caf50;background-color:#4caf501a;border-left:4px solid #4caf50;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s ease-out slideDown;display:flex}.superadmin-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.superadmin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.superadmin-button:active:not(:disabled){transform:translateY(0)}.superadmin-button:disabled{opacity:.7;cursor:not-allowed}.superadmin-button.loading{pointer-events:none;opacity:.8}.superadmin-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite spin;display:inline-block}.superadmin-footer{text-align:center;margin-top:30px}.superadmin-back-link{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.superadmin-back-link:hover{color:#764ba2;text-decoration:underline}@media (max-width:600px){.superadmin-login-container{padding:40px 25px}.superadmin-title{font-size:24px}.superadmin-subtitle{font-size:13px}.superadmin-lock-icon{font-size:40px}.superadmin-button{padding:14px;font-size:15px}}@media (max-width:400px){.superadmin-login-container{border-radius:16px;padding:30px 20px}.superadmin-title{font-size:22px}.superadmin-form{gap:16px}.superadmin-input{padding:12px 14px 12px 40px;font-size:15px}}.superadmin-dashboard{background:#f8fafc;height:100vh;display:flex}.dashboard-sidebar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;width:280px;display:flex;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.sidebar-header{border-bottom:2px solid #fff3;padding:30px 20px}.sidebar-header h2{align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.sidebar-nav{flex-direction:column;flex:1;padding:20px 0;display:flex}.nav-btn{color:#fffc;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:15px 20px;font-size:16px;transition:all .3s;display:flex}.nav-btn:hover{color:#fff;background:#ffffff1a;padding-left:25px}.nav-btn.active{color:#fff;background:#fff3;border-left:4px solid #fff;padding-left:20px}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;align-items:center;gap:10px;margin:20px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.dashboard-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.dashboard-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:30px;box-shadow:0 2px 4px #0000000d}.dashboard-header h1{color:#1a202c;margin:0 0 10px;font-size:28px}.header-info{color:#718096;justify-content:space-between;font-size:14px;display:flex}.timestamp{color:#a0aec0}.tab-content{flex:1;padding:30px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.stat-content h3{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:600}.recent-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014}.recent-section h2{color:#1a202c;margin:0 0 20px}.action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.action-btn.create-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.action-btn.create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.action-btn.view-btn{color:#667eea;background:#fff;border:2px solid #667eea}.action-btn.view-btn:hover{color:#fff;background:#667eea}.section-header h2{color:#1a202c;margin:0}.empty-state{text-align:center;color:#718096;background:#fff;border-radius:12px;padding:60px;box-shadow:0 2px 8px #00000014}.empty-state svg{color:#cbd5e0;margin-bottom:15px;font-size:48px}.empty-state p{margin:0 0 20px;font-size:16px}.data-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000014}.data-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.data-table th{text-align:left;padding:15px;font-size:14px;font-weight:600}.data-table td{color:#1a202c;border-bottom:1px solid #e2e8f0;padding:15px}.data-table tbody tr:hover{background:#f7fafc}.db-name{color:#667eea;background:#f0f4f8;border-radius:4px;padding:5px 10px;font-family:Courier New,monospace;font-size:13px}.action-cell{gap:10px;display:flex}.btn-primary,.btn-secondary,.btn-icon{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-icon{background:0 0;border:none;padding:8px;font-size:16px}.edit-btn{color:#3b82f6}.edit-btn:hover{color:#1d4ed8}.delete-btn{color:#ef4444}.delete-btn:hover{color:#dc2626}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.plan-card{background:#fff;border:2px solid #0000;border-radius:12px;padding:30px;transition:all .3s;box-shadow:0 2px 8px #00000014}.plan-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 12px 24px #00000026}.plan-card h3{color:#1a202c;margin:0 0 10px;font-size:20px}.plan-price{color:#667eea;margin:0 0 10px;font-size:24px;font-weight:700}.plan-description{color:#718096;margin:0 0 20px;font-size:14px;line-height:1.6}.plan-actions{gap:10px;display:flex}.settings-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014}.settings-section h2{color:#1a202c;margin-top:0;margin-bottom:20px}.settings-form{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#1a202c;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input,.form-group select{color:#1a202c;border:2px solid #e2e8f0;border-radius:6px;padding:10px;font-size:14px}.form-group input:disabled{cursor:not-allowed;background:#f7fafc}.status-badge.active{color:#065f46;background:#d1fae5}.docs-links{flex-direction:column;gap:12px;display:flex}.doc-link{color:#667eea;background:#f0f4f8;border-radius:6px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.doc-link:hover{color:#fff;background:#667eea}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:30px;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.modal-header h2{color:#1a202c;margin:0}.close-btn{color:#718096;cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .3s}.close-btn:hover{color:#1a202c}.admin-form{flex-direction:column;gap:20px;display:flex}.modal-actions button{flex:1}@media (max-width:1024px){.dashboard-sidebar{width:240px}.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.superadmin-dashboard{flex-direction:column}.dashboard-sidebar{flex-direction:row;width:100%;height:auto}.sidebar-header{flex:none}.sidebar-nav{flex-direction:row;flex:1;overflow-x:auto}.nav-btn{white-space:nowrap}.overview-grid,.action-buttons{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px}.modal-content{width:95%;max-width:100%}}:root{--sidebar-width:280px;--sidebar-bg:#fff;--sidebar-border:#f0f1f3;--sidebar-text:#6b7280;--sidebar-text-hover:#374151;--sidebar-highlight:#667eea;--sidebar-highlight-bg:#f0f4ff;--profile-bg:#f8fafc;--transition-smooth:.25s cubic-bezier(.4, 0, .2, 1)}.sidebar-container{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;height:100%;display:flex;box-shadow:2px 0 8px #0000000a}.sidebar-profile{background:var(--profile-bg);border-bottom:1px solid var(--sidebar-border);transition:background-color var(--transition-smooth);align-items:center;gap:14px;padding:20px 16px;display:flex}.sidebar-profile:hover{background:#f0f4f8}.profile-avatar{color:#fff;width:48px;height:48px;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #667eea4d}.sidebar-profile:hover .profile-avatar{transform:scale(1.05);box-shadow:0 6px 16px #667eea66}.profile-info{flex:1;min-width:0}.profile-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:700;overflow:hidden}.profile-email{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;flex:1;padding:16px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar-thumb{transition:background var(--transition-smooth);background:#e5e7eb;border-radius:3px}.nav-group{flex-direction:column;padding:0;display:flex}.nav-link,.nav-link-button{color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-smooth);text-align:left;background:0 0;border:none;outline:none;align-items:center;gap:12px;width:100%;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link:hover,.nav-link-button:hover{color:var(--sidebar-text-hover);background:#667eea0f}.nav-link.active,.nav-link-button.active,.nav-link-button.expanded{color:var(--sidebar-highlight);background:var(--sidebar-highlight-bg);font-weight:600}.nav-link.active:before,.nav-link-button.active:before{content:"";background:var(--sidebar-highlight);border-radius:0 3px 3px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.nav-icon{width:20px;transition:color var(--transition-smooth);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.expand-icon{transition:transform var(--transition-smooth);flex-shrink:0;margin-left:auto;font-size:12px}.nav-link-button.expanded .expand-icon{transform:rotate(180deg)}.submenu-container{max-height:500px;animation:slideDown var(--transition-smooth) ease-out;background:#667eea08;border-left:2px solid #667eea33;flex-direction:column;gap:0;margin:4px 0;display:flex;overflow:hidden}.submenu-item{color:var(--sidebar-text);transition:all var(--transition-smooth);border-left:2px solid #0000;align-items:center;gap:10px;padding:10px 16px 10px 28px;font-size:13px;font-weight:400;text-decoration:none;display:flex;position:relative}.submenu-item.active{color:var(--sidebar-highlight);border-left-color:var(--sidebar-highlight);background:#667eea1a;font-weight:600}.submenu-dot{background:var(--sidebar-highlight);opacity:.4;width:6px;height:6px;transition:opacity var(--transition-smooth);border-radius:50%}.submenu-item.active .submenu-dot{opacity:1;box-shadow:0 0 8px #667eea66}.sidebar-divider{background:linear-gradient(90deg, transparent, var(--sidebar-border) 20%, var(--sidebar-border) 80%, transparent);height:1px;margin:0}.sidebar-footer{border-top:1px solid var(--sidebar-border);background:var(--profile-bg);padding:16px}.logout-button{color:#fff;cursor:pointer;width:100%;transition:all var(--transition-smooth);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 8px #ef444433}.logout-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.logout-button:active{transform:translateY(0)}.logout-icon{transition:transform var(--transition-smooth);font-size:16px}.logout-button:hover .logout-icon{transform:rotate(-15deg)}@media (max-width:1024px){.sidebar-container{width:260px}.nav-link,.nav-link-button{gap:10px;padding:10px 14px;font-size:13px}.submenu-item{padding:9px 14px 9px 26px;font-size:12px}}@media (max-width:768px){.sidebar-container{z-index:1000;width:240px;height:100vh;transition:left var(--transition-smooth);border-right:none;position:fixed;top:0;left:-240px;box-shadow:4px 0 12px #00000026}.sidebar-container.active{left:0}.nav-link,.nav-link-button{padding:11px 14px;font-size:13px}}.nav-link:focus-visible,.nav-link-button:focus-visible,.logout-button:focus-visible,.submenu-item:focus-visible{outline:2px solid var(--sidebar-highlight);outline-offset:-2px}.sidebar-container{animation:.3s ease-out fadeIn}#root{width:100%;height:100%}:root{--font-family-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono:"Fira Code", "Monaco", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--primary:#667eea;--primary-dark:#5568d3;--primary-light:#e0e7ff;--secondary:#764ba2;--secondary-light:#f5e6ff;--accent:#f093fb;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#eff6ff;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f0f4f8;--border:#e5e7eb;--border-light:#f3f4f6;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--rounded-xs:.25rem;--rounded-sm:.375rem;--rounded-base:.5rem;--rounded-md:.75rem;--rounded-lg:1rem;--rounded-xl:1.5rem;--rounded-2xl:2rem;--rounded-full:9999px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:var(--font-family-primary);background:var(--bg-primary);color:var(--gray-700);line-height:1.6;font-size:var(--text-base);height:100%;overflow:hidden}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.admin-dashboard{background:var(--bg-primary);height:100vh;display:flex;overflow:hidden}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{padding:var(--spacing-xl);background:var(--bg-primary);flex:1;overflow:hidden auto}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:0 0}.content-area::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--rounded-full)}.content-area::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.loading-screen{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;justify-content:center;align-items:center;gap:var(--spacing-base);flex-direction:column;height:100vh;display:flex}.loading-screen p{font-size:var(--text-lg);font-weight:var(--font-medium)}.sidebar{width:280px;box-shadow:none;z-index:100;color:var(--gray-700);background:#f9fafb;flex-direction:column;flex:1;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.sidebar-nav{padding:var(--spacing-base) 0;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:0;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:var(--rounded-full);transition:background var(--transition-fast);background:#0000000f}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0000001a}.nav-section{padding:var(--spacing-base) 0;border-bottom:1px solid var(--gray-200);visibility:visible!important;opacity:1!important;display:block!important}.nav-section:last-child{border-bottom:none}.nav-section-header{font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;color:var(--gray-400);padding:var(--spacing-base) var(--spacing-base) var(--spacing-sm) var(--spacing-base);letter-spacing:.5px;margin-top:var(--spacing-sm)}.nav-icon{font-size:var(--text-lg);text-align:center;min-width:20px}.sidebar-section{border-right:1px solid var(--border);background:#f9fafb;flex-direction:column;height:100vh;display:flex;box-shadow:inset -1px 0 #0000000d}.profile-top-bar{background:var(--white);padding:8px var(--spacing-base) 6px var(--spacing-base);align-items:flex-start;gap:var(--spacing-base);animation:slideInDown var(--transition-base);border-bottom:1px solid #e5e7eb;flex-shrink:0;display:flex}.profile-card-top{align-items:flex-start;gap:var(--spacing-base);width:100%;padding-bottom:var(--spacing-sm);border-bottom:1px solid #f3f4f6;display:flex}.profile-image-square{border-radius:var(--rounded-md);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);border:2px solid var(--border-light);width:40px;height:40px;box-shadow:var(--shadow-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.profile-image-top{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.profile-avatar-fallback-top{width:100%;height:100%;font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.profile-avatar-fallback-top.visible{opacity:1}.profile-info-top{flex-direction:column;gap:0;min-width:0;display:flex}.profile-name-top{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.3;overflow:hidden}.profile-email-top{color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;line-height:1.3;overflow:hidden}.admin-header{background:var(--white);border-bottom:1px solid var(--border);padding:var(--spacing-base) var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-sm);animation:slideInDown var(--transition-base);display:flex}.search-box{align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--rounded-md);max-width:500px;padding:var(--spacing-sm) var(--spacing-base);transition:all var(--transition-fast);flex:1;display:flex;position:relative}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.search-box input{font-size:var(--text-base);color:var(--gray-700);background:0 0;border:none;outline:none;flex:1}.time-range{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--rounded-base);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast)}.time-range:hover{background:var(--bg-secondary);border-color:var(--primary)}.role-badge{background:var(--primary-light);color:var(--primary-dark);padding:var(--spacing-xs) var(--spacing-base);border-radius:var(--rounded-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.organization-dropdown{position:relative}.org-selector{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--rounded-md);padding:var(--spacing-sm) var(--spacing-base);cursor:pointer;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);transition:all var(--transition-fast);min-width:200px;display:flex}.org-selector:hover{border-color:var(--primary);background:var(--bg-secondary)}.org-name{font-weight:var(--font-semibold);color:var(--gray-900)}.header-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--rounded-md);padding:var(--spacing-sm);cursor:pointer;color:var(--gray-600);font-size:var(--text-lg);min-width:44px;min-height:44px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-btn:hover{color:var(--gray-900);background:var(--bg-secondary);border-color:var(--primary);transform:scale(1.05)}.notification-badge{background:var(--danger);color:#fff;border-radius:var(--rounded-full);width:20px;height:20px;font-size:var(--text-xs);font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px}.dashboard-home{animation:fadeIn var(--transition-base)}.page-header{margin-bottom:var(--spacing-2xl);animation:slideInDown var(--transition-base)}.page-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--spacing-base)}.page-header .subtitle{font-size:var(--text-base);color:var(--gray-600);font-weight:var(--font-regular)}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--rounded-lg);padding:var(--spacing-lg);align-items:flex-start;gap:var(--spacing-lg);transition:all var(--transition-fast);animation:slideInUp var(--transition-base);cursor:pointer;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:var(--rounded-lg);color:#fff;width:60px;height:60px;font-size:var(--text-2xl);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-content{flex:1}.stat-content h3{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--spacing-xs);line-height:1}.stat-content p{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium);text-transform:none}.stat-trend{font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);display:flex}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--danger)}.additional-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-item{background:var(--white);border:1px solid var(--border);border-radius:var(--rounded-lg);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-base);transition:all var(--transition-fast);animation:slideInUp var(--transition-base);display:flex}.stat-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);background:var(--bg-primary)}.stat-item-icon{font-size:var(--text-2xl);color:var(--primary);text-align:center;min-width:40px}.stat-item-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--spacing-xs);line-height:1}.stat-item-label{font-size:var(--text-xs);color:var(--gray-600);font-weight:var(--font-medium);text-transform:none}.quick-actions-section{margin-bottom:var(--spacing-2xl)}.quick-actions-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--spacing-lg)}.quick-actions-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.quick-action-card{background:var(--white);border:2px solid var(--border);border-radius:var(--rounded-lg);padding:var(--spacing-lg);gap:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);animation:slideInUp var(--transition-base);text-align:left;display:flex}.quick-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);background:var(--bg-primary);transform:translateY(-6px)}.quick-action-icon{border-radius:var(--rounded-md);color:#fff;width:56px;height:56px;font-size:var(--text-xl);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-action-content h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--spacing-xs)}.quick-action-content p{font-size:var(--text-sm);color:var(--gray-600)}.recent-activity-section{margin-bottom:var(--spacing-2xl)}.recent-activity-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--spacing-lg)}.activity-list{background:var(--white);border:1px solid var(--border);border-radius:var(--rounded-lg);overflow:hidden}.activity-item{align-items:center;gap:var(--spacing-base);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);transition:all var(--transition-fast);display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--bg-primary)}.activity-icon{font-size:var(--text-2xl);text-align:center;min-width:40px}.activity-action{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--spacing-xs)}.activity-description{font-size:var(--text-sm);color:var(--gray-600)}.activity-time{font-size:var(--text-xs);color:var(--gray-500);white-space:nowrap;font-weight:var(--font-medium)}button,.btn{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;border-radius:var(--rounded-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none;border:none;outline:none;display:inline-flex}button:active,.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);min-height:44px}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:scale(1.02)}.btn-secondary{background:var(--bg-primary);color:var(--gray-700);border:1px solid var(--border);padding:var(--spacing-sm) var(--spacing-lg);min-height:44px}.btn-secondary:hover{background:var(--white);border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);min-height:44px}.btn-danger:hover{box-shadow:var(--shadow-md);background:#dc2626;transform:scale(1.02)}@media (max-width:768px){.admin-dashboard{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;max-height:60px}.sidebar-profile-section{display:none}.sidebar-nav{flex:1;padding:0;display:flex;overflow:auto hidden}.nav-link{white-space:nowrap;margin:0 var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-base)}.sidebar-footer{order:-1}.content-area{padding:var(--spacing-lg)}.stats-grid,.additional-stats,.quick-actions-grid{grid-template-columns:1fr}.page-header h1{font-size:var(--text-2xl)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav-link{gap:var(--spacing-base);font-size:var(--text-sm);font-weight:var(--font-regular);margin:0 var(--spacing-sm);border-radius:0 var(--rounded-md) var(--rounded-md) 0;cursor:pointer;white-space:normal;border-left:2px solid #0000;min-height:40px;text-decoration:none;transition:background-color .15s,color .15s;position:relative;padding:10px var(--spacing-base)!important;color:var(--gray-600)!important;opacity:1!important;visibility:visible!important;align-items:center!important;display:flex!important}.nav-link:hover{color:var(--gray-700);background:#3b82f614;border-left-color:#0000}.nav-link.active{color:var(--primary-600);border-left-color:var(--primary-600);font-weight:var(--font-semibold);background:#3b82f61a;border-left-width:2px}.submenu{margin-top:2px;margin-left:var(--spacing-sm);border-left:2px solid #e5e7eb;flex-direction:column;gap:0;padding-bottom:4px;padding-left:18px;display:flex}.submenu-item{align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-base);color:var(--gray-500);border-radius:var(--rounded-base);cursor:pointer;font-size:11px;font-family:var(--font-family-primary);font-weight:var(--font-regular);border-left:none;margin-left:0;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.submenu-item:hover{color:var(--gray-700);background:#3b82f60f}.submenu-item.active{color:var(--primary-600);font-weight:var(--font-semibold);background:#3b82f614;border-left:none}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--gray-500)}.gap-sm{gap:var(--spacing-sm)}.gap-base{gap:var(--spacing-base)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-base{margin-top:var(--spacing-base)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-base{margin-bottom:var(--spacing-base)}.org-label{font-size:var(--text-xs);color:var(--gray-500);display:block}.header-context{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--gray-600);display:flex}.mb-lg{margin-bottom:var(--spacing-lg)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:98vw;max-height:90vh;display:flex;box-shadow:0 10px 40px #0003}.submissions-modal{width:90vw!important;min-width:90vw!important;max-width:90vw!important;max-height:90vh!important}.close-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.close-btn:hover{color:#333;background:#f5f5f5}.modal-body{flex:1;max-height:calc(90vh - 80px);padding:20px;overflow-y:auto}.submissions-table{border-collapse:collapse;width:100%;font-size:14px}.submissions-table th{text-align:left;color:#333;background:#f8f9fa;border-bottom:2px solid #ddd;padding:12px;font-weight:600}.submissions-table td{border-bottom:1px solid #eee;padding:12px}.submissions-table tr:hover{background:#f8f9fa}.spinner-icon{animation:1s linear infinite spin}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:25px;display:flex}.header-info{align-items:center;gap:15px;display:flex}.user-badge{color:#fff;text-transform:uppercase;background:#ffffff4d;border-radius:20px;margin:0;padding:6px 12px;font-size:12px;font-weight:600}.header-actions{gap:10px;display:flex}.btn-edit,.close-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-edit:hover,.close-btn:hover{background:#ffffff4d;border-color:#fff9}.close-btn{background:0 0;border:none;padding:8px;font-size:20px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1}.modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#764ba2}.section{border-bottom:1px solid #f0f0f0;margin-bottom:35px;padding-bottom:30px}.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:#333;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #667eea;margin:0 0 20px;padding-bottom:10px;font-size:16px;font-weight:700;display:inline-block}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.info-field{flex-direction:column;display:flex}.info-field label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.info-field input,.info-field select{background:#f9f9f9;border:1.5px solid #e0e0e0;border-radius:6px;padding:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;transition:all .3s}.info-field input:focus,.info-field select:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.info-field input:disabled,.info-field select:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{text-transform:none;align-items:center;gap:8px;margin-bottom:0;font-weight:500;display:flex}.checkbox-field input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0;padding:0}.alert{border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s slideDown}.alert-error{color:#c33;background:#fee;border:1px solid #fcc}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{justify-content:flex-end;width:100%}.info-grid{grid-template-columns:1fr}.modal-body{padding:20px}.modal-footer{flex-direction:column}.btn{justify-content:center;width:100%}}.modal-xl{width:95vw;max-width:none;height:85vh;max-height:85vh}.modal{background:#fff;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{background:linear-gradient(135deg,#f5f7fa 0%,#f9fafb 100%);border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-close:hover{color:#333;background:#0000000d}.modal-body{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow:hidden}.get-details-modal{flex-direction:column;height:100%;padding:0;display:flex}.modal-content-grid{flex:1;grid-template-columns:1fr 1fr;gap:24px;height:100%;min-height:0;margin-bottom:0;padding:0;display:grid}.details-section,.filters-section{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.section-header{border-bottom:2px solid #06c;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.section-header h3{color:#1a1a1a;margin:0;font-size:16px;font-weight:700}.filter-subtitle{color:#666;margin:4px 0 0;font-size:12px;font-weight:500}.select-all-btn,.select-all-btn-small{color:#06c;cursor:pointer;background:#fff;border:2px solid #06c;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.select-all-btn:hover,.select-all-btn-small:hover{color:#fff;background:#06c;transform:translateY(-2px)}.select-all-btn-small{border-width:1px;padding:6px 10px;font-size:11px}.details-list{background:linear-gradient(135deg,#f9f9fb 0%,#fff 100%);border:2px solid #e8e8e8;border-radius:8px;flex:1;min-height:0;max-height:calc(100% - 80px);padding:20px;overflow-y:auto}.detail-category{margin-bottom:24px}.detail-category:last-child{margin-bottom:0}.detail-category h4{color:#06c;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px;font-size:12px;font-weight:700}.detail-items{flex-direction:column;gap:12px;padding-left:8px;display:flex;overflow-y:auto}.detail-checkbox{cursor:pointer;color:#333;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:12px;padding:8px;font-size:13px;transition:all .2s;display:flex}.detail-checkbox:hover{color:#06c;background:#0066cc14}.detail-checkbox input[type=checkbox]{cursor:pointer;accent-color:#06c;width:18px;height:18px}.detail-checkbox span{transition:color .2s}.filters-list{background:linear-gradient(135deg,#f9f9fb 0%,#fff 100%);border:2px solid #e8e8e8;border-radius:8px;flex:1;min-height:0;max-height:calc(100% - 80px);padding:20px;overflow-y:auto}.filter-group{border-bottom:1px solid #efefef;margin-bottom:24px;padding-bottom:16px}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filter-header label{color:#333;font-size:13px;font-weight:700}.filter-options{flex-direction:column;gap:10px;margin-left:0;display:flex;overflow-y:auto}.filter-checkbox{cursor:pointer;color:#555;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:8px;font-size:12px;transition:all .2s;display:flex}.filter-checkbox:hover{color:#06c;background:#0066cc14}.details-count,.filters-count{color:#06c;background:linear-gradient(135deg,#e8f2ff 0%,#f0f7ff 100%);border:1px solid #cce5ff;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;margin-top:auto;padding:12px 14px;font-size:12px;font-weight:600;display:flex}.error-banner{color:#dc2626;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:14px 16px;font-size:13px;font-weight:500}.modal-footer{background:linear-gradient(135deg,#f9f9fb 0%,#f5f7fa 100%);border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 32px;display:flex}.btn-secondary.cancel-left{margin-right:auto}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#999}.details-list::-webkit-scrollbar{width:8px}.filters-list::-webkit-scrollbar{width:8px}.details-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.filters-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.details-list::-webkit-scrollbar-thumb{background:silver;border:2px solid #f0f0f0;border-radius:4px}.filters-list::-webkit-scrollbar-thumb{background:silver;border:2px solid #f0f0f0;border-radius:4px}.details-list::-webkit-scrollbar-thumb:hover{background:#06c}.filters-list::-webkit-scrollbar-thumb:hover{background:#06c}@media (max-width:1400px){.modal-xl{width:90vw;height:85vh}}@media (max-width:1200px){.modal-content-grid{grid-template-columns:1fr;gap:24px}.modal-xl{width:85vw;max-width:900px}}@media (max-width:768px){.modal-xl{width:97%;max-width:600px}.modal-header,.modal-body{padding:16px}.modal-content-grid{gap:20px;padding:16px}.details-list,.filters-list{max-height:300px;padding:16px}.modal-footer{flex-direction:column-reverse;padding:16px}.btn-primary,.btn-secondary{flex:1;justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.select-all-btn,.select-all-btn-small{justify-content:center;width:100%}}@media (max-width:480px){.modal-header h2{font-size:16px}.section-header h3{font-size:14px}.detail-category h4,.filter-header label,.detail-checkbox,.filter-checkbox{font-size:11px}}.ai-generator-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.ai-generator-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.generator-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.header-content h2{align-items:center;gap:12px;margin:0;font-size:22px;font-weight:600;display:flex}.robot-icon{font-size:28px;animation:2s infinite bounce}.header-content p{opacity:.9;margin:6px 0 0 40px;font-size:14px}.close-btn:hover:not(:disabled){background:#ffffff4d}.close-btn:disabled{opacity:.5;cursor:not-allowed}.generator-content{flex:1;padding:24px;overflow-y:auto}.form-group textarea,.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group textarea:focus,.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group textarea:disabled,.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;color:#6b7280;background-color:#f3f4f6}.form-group small{color:#6b7280;margin-top:6px;font-size:13px;display:block}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.language-selector{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:12px;display:grid}.language-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex}.language-checkbox:hover{background:#fff}.language-checkbox input[type=checkbox]{cursor:pointer;width:auto}.language-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.language-checkbox span{color:#374151;font-size:14px}.ai-note{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;margin-bottom:0;padding:12px}.ai-note p{color:#92400e;margin:0;font-size:13px;line-height:1.5}.error-alert{color:#7f1d1d;background:#fee2e2;border-left:4px solid #dc2626;margin-bottom:0;padding:12px 24px;font-size:14px}.error-alert p{margin:0;line-height:1.5}.generator-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel,.btn-generate{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-generate{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.btn-cancel:disabled,.btn-generate:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:1s linear infinite spin}@media (max-width:768px){.ai-generator-modal{width:95%;max-height:95vh}.generator-header{padding:16px}.header-content h2{font-size:18px}.generator-content{padding:16px}.form-grid{grid-template-columns:1fr}.language-selector{grid-template-columns:repeat(2,1fr)}}:root{--color-primary:#6366f1;--color-secondary:#8b5cf6;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#06b6d4;--color-light-bg:#f8fafc;--color-lighter-bg:#f1f5f9;--color-white:#fff;--color-text-dark:#1e293b;--color-text-muted:#64748b;--color-border:#e2e8f0;--spacing-base:1rem;--radius-base:12px;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.create-exam-container{background:var(--bg-white);width:100%;height:100%;box-shadow:none;z-index:9999;border:none;border-radius:0;flex-direction:column;margin:0;animation:.5s cubic-bezier(.34,1.56,.64,1) fadeInUp;display:flex;position:fixed;inset:0;overflow:hidden}.create-exam-header{color:#fff;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative;overflow:hidden}.create-exam-header:before{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-5%}.create-exam-header h1{letter-spacing:-.5px;z-index:1;margin:0;font-size:20px;font-weight:700}.btn-close{color:#fff;cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.btn-close:active{transform:rotate(90deg)scale(.95)}.progress-indicator{background:linear-gradient(to right, var(--bg-light) 0%, #f5f3ff 100%);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative}.progress-indicator:before{content:"";background:linear-gradient(to right, var(--border-color) 0%, var(--primary) 50%, var(--border-color) 100%);z-index:0;height:3px;position:absolute;top:26px;left:6%;right:6%}.progress-step{z-index:1;cursor:pointer;flex-direction:column;flex:1;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.progress-step:not(:last-child){padding-right:12px}.progress-step .step-number{background:var(--bg-white);border:2px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.progress-step.active .step-number{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);border-color:var(--primary);color:#fff;transform:scale(1.05);box-shadow:0 6px 18px #6366f140}.progress-step.completed .step-number{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 3px 8px #10b98126}.progress-step .step-title{color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600;transition:all .3s}.progress-step.active .step-title{color:var(--primary);font-weight:700}.progress-step.completed .step-title{color:var(--success)}.error-message,.success-message{border-left:4px solid;border-radius:12px;align-items:center;gap:12px;margin:24px 40px 0;padding:16px 20px;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex}.error-message{color:#991b1b;background:#fef2f2;border-left-color:#dc2626;box-shadow:0 4px 12px #dc26261a}.success-message{color:#15803d;background:#f0fdf4;border-left-color:#22c55e;box-shadow:0 4px 12px #22c55e1a}.form-errors{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fef08a 100%);border:1px solid #fde047;border-radius:12px;margin:24px 40px 0;padding:16px 20px;box-shadow:0 4px 12px #facc151a}.error-item{align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.error-item:last-child{margin-bottom:0}.error-dot{color:#fde047;font-size:12px;font-weight:700}.step-content{background:var(--bg-white);flex:1;min-height:300px;padding:40px;overflow-y:auto}.step-content::-webkit-scrollbar{width:8px}.step-content::-webkit-scrollbar-track{background:0 0}.step-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}.step-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.step-form{animation:.4s fadeIn}.form-header{color:var(--text-dark);border-bottom:2px solid var(--primary);align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;font-size:22px;font-weight:700;display:flex}.form-header svg{color:var(--primary);width:28px;height:28px}.form-section{background:linear-gradient(135deg, var(--bg-light) 0%, var(--bg-lighter) 100%);border:1px solid var(--border-light);border-radius:12px;margin-bottom:28px;padding:24px;transition:all .3s}.form-section:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.basic-info-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:20px;display:grid}.left-panel .form-section{padding:28px}.right-panel{flex-direction:column;gap:16px;display:flex}.right-panel .form-section.small{border:1.5px solid var(--primary);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:14px;padding:24px;box-shadow:0 2px 8px #6366f114}.config-card .section-title{border-bottom:2px solid var(--primary);text-transform:uppercase;color:var(--primary);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.segmented-control{background:linear-gradient(135deg,#f1f5f9 0%,#e0e7ff 100%);border:1px solid #e2e8f0;border-radius:10px;gap:8px;padding:6px;display:flex;box-shadow:inset 0 1px 3px #0000000d}.seg-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.seg-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.custom-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#0003 50%),linear-gradient(135deg,#0003 50%,#0000 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:40px}.section-title{color:var(--text-dark);border-bottom:2px solid var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:700}.form-group{flex-direction:column;gap:4px;margin-bottom:0;display:flex}.right-panel .form-group{margin-bottom:20px}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;padding:0;font-size:13px;font-weight:600;line-height:1;display:block}.right-panel .form-group label{color:#1e293b;font-size:12px;font-weight:700}.form-group.inline{flex-direction:row;align-items:center;gap:12px}.form-group.inline label{text-align:left;text-transform:none;width:160px;max-width:35%;font-size:13px}.form-group.inline .form-input,.form-group.inline .custom-select{flex:1;width:auto;min-width:0}@media (max-width:1024px){.form-group.inline{flex-direction:column}.form-group.inline label{text-transform:uppercase;width:auto;max-width:none}}.required{color:var(--danger);font-weight:700}.form-input,.form-input:focus{border:1.5px solid var(--border-color);background:var(--bg-white);border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--primary);background:var(--bg-white);outline:none;box-shadow:0 0 0 4px #6366f114}.form-input.error{border-color:var(--danger);background:#fef2f2}.form-input.error:focus{box-shadow:0 0 0 4px #ef444414}.error-text{color:var(--danger);margin-top:4px;font-size:12px;font-weight:500;display:block}.form-row{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-bottom:0;display:grid}.form-row+.form-row{margin-top:12px}.form-row .form-group{margin-bottom:0}.form-row-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.form-row,.form-row-3{grid-template-columns:1fr}}.form-group.checkbox{flex-direction:row;align-items:center;gap:12px;margin-bottom:0;display:flex}.form-group.checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary);border-radius:4px}.form-group.checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-dark);text-transform:none;letter-spacing:normal;margin:0;font-size:14px;font-weight:500}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:16px;display:grid}.form-info-box{color:#0e7490;background:linear-gradient(135deg,#cffafe 0%,#a5f3fc 100%);border:1.5px solid #06b6d4;border-radius:12px;margin-top:24px;padding:16px 20px;font-size:14px;line-height:1.6;box-shadow:0 4px 12px #06b6d41a}.form-info-box p{align-items:flex-start;gap:10px;margin:0;display:flex}.form-info-box p:before{content:"ℹ";flex-shrink:0;font-weight:700}.questions-list{margin-bottom:30px}.empty-state{text-align:center;background:linear-gradient(135deg, var(--bg-lighter) 0%, var(--bg-light) 100%);border:2px dashed var(--border-color);color:var(--text-light);border-radius:12px;padding:60px 40px}.empty-state:before{content:"📝";opacity:.5;margin-bottom:16px;font-size:48px;display:block}.question-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;margin-bottom:16px;padding:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.question-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-2px)}.question-card.programming{border-left:4px solid var(--secondary);background:linear-gradient(135deg,#fff 0%,#f8f7ff 100%)}.question-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.question-number{color:var(--primary);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.question-marks{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #6366f133}.question-body{margin-bottom:16px}.question-text{color:var(--text-dark);word-break:break-word;margin-bottom:12px;font-size:15px;line-height:1.6}.question-meta{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-type{color:var(--primary);background:linear-gradient(135deg,#dde5ff 0%,#e0e7ff 100%)}.badge-difficulty{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.badge-info{color:#0e7490;background:linear-gradient(135deg,#a5f3fc 0%,#cffafe 100%)}.question-options{background:linear-gradient(135deg, var(--bg-lighter) 0%, var(--bg-light) 100%);border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;padding:16px}.option{color:var(--text-muted);border-bottom:1px solid var(--border-light);padding:10px 0;font-size:14px}.option-label{color:var(--text-dark);margin-right:12px;font-weight:700}.question-answer{border-left:4px solid var(--success);color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#f0fdf4 100%);border-radius:8px;margin-bottom:12px;padding:12px 16px;font-size:14px;font-weight:500}.question-explanation{border-left:4px solid var(--secondary);color:#7e22ce;background:linear-gradient(135deg,#f3e8ff 0%,#faf5ff 100%);border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.programming-details{background:linear-gradient(135deg, var(--bg-lighter) 0%, var(--bg-light) 100%);border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;padding:16px}.detail-section{margin-bottom:16px}.detail-section:last-child{margin-bottom:0}.detail-section strong{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;display:block}.detail-section p{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px}.language-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tag{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 4px 12px #6366f133}.question-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.btn-icon{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:1.5px solid;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-icon.edit{color:var(--primary);border-color:var(--primary);background:linear-gradient(135deg,#dde5ff 0%,#e0e7ff 100%)}.btn-icon.edit:hover{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-icon.delete{color:var(--danger);border-color:var(--danger);background:#fee2e2}.btn-icon.delete:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.questions-summary{background:linear-gradient(135deg, var(--bg-lighter) 0%, var(--bg-light) 100%);color:var(--text-muted);border:1px solid var(--border-light);border-radius:12px;padding:20px;font-size:14px}.questions-summary p{margin:8px 0}.question-editor-container{background:linear-gradient(135deg, var(--bg-light) 0%, var(--bg-lighter) 100%);border:1px solid var(--border-light);border-radius:12px;margin-bottom:24px;padding:24px}.question-editor-form{background:var(--bg-white);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.question-editor-form.programming{max-height:80vh;overflow-y:auto}.editor-header{border-bottom:2px solid var(--primary);margin-bottom:24px;padding-bottom:16px}.editor-header h3{color:var(--text-dark);margin:0;font-size:20px;font-weight:700}.options-section{background:linear-gradient(135deg, var(--bg-lighter) 0%, var(--bg-light) 100%);border:1px solid var(--border-light);border-radius:12px;margin-bottom:20px;padding:20px}.options-section h4{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin-top:0;font-size:14px;font-weight:700}.language-checkboxes{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:12px;display:grid}.language-checkboxes .checkbox{align-items:center;gap:8px;display:flex}.language-checkboxes .checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.language-checkboxes .checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-dark);margin:0;font-weight:500}.editor-actions{border-top:1px solid var(--border-light);gap:12px;margin-top:24px;padding-top:24px;display:flex}.editor-actions .btn{flex:1}.review-form{background:var(--bg-white)}.review-section{border-bottom:1px solid var(--border-light);margin-bottom:32px;padding-bottom:24px}.review-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.review-section h3{color:var(--text-dark);margin-bottom:20px;font-size:18px;font-weight:700}.review-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:16px;display:grid}.review-item{background:linear-gradient(135deg, var(--bg-lighter) 0%, var(--bg-light) 100%);border:1px solid var(--border-light);border-radius:12px;padding:16px;transition:all .3s}.review-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.review-item.full-width{grid-column:1/-1}.review-item label{color:var(--primary);text-transform:uppercase;letter-spacing:.75px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.review-item p{color:var(--text-dark);word-break:break-word;margin:0;font-size:15px;font-weight:500;line-height:1.6}.review-item p.highlight{color:var(--primary);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.review-features{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.feature-badge{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 4px 12px #6366f133}.feature-detail{color:var(--text-muted);background:var(--bg-lighter);border-left:3px solid var(--primary);border-radius:6px;margin-top:10px;padding:10px;font-size:14px;display:block}.no-features{color:var(--text-light);margin:0;font-size:14px;font-style:italic}.questions-summary-box{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:20px 0;display:grid}.summary-stat{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;text-align:center;border-radius:12px;padding:24px;transition:all .3s;box-shadow:0 8px 24px #6366f133}.summary-stat:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6366f14d}.stat-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.stat-value{font-size:32px;font-weight:700;display:block}.review-info-box{color:#0e7490;background:linear-gradient(135deg,#a5f3fc 0%,#cffafe 100%);border:1.5px solid #06b6d4;border-radius:12px;margin-top:20px;padding:16px;font-size:14px;line-height:1.6;box-shadow:0 4px 12px #06b6d41a}.review-warning-box{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1.5px solid #fde047;border-radius:12px;margin-top:20px;padding:16px;font-size:14px;line-height:1.6;box-shadow:0 4px 12px #facc151a}.review-info-box p,.review-warning-box p{align-items:flex-start;gap:10px;margin:0;display:flex}.review-info-box p:before{content:"ℹ";flex-shrink:0;font-weight:700}.review-warning-box p:before{content:"⚠";flex-shrink:0;font-weight:700}.step-navigation{background:var(--bg-light);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;padding:24px 40px;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 32px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border:none;flex:1;box-shadow:0 8px 24px #6366f133}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-secondary{background:var(--bg-white);color:var(--primary);border:2px solid var(--primary);flex:1}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;transform:translateY(-3px)}.rte-container{border:1.5px solid var(--border-color);border-radius:10px;transition:all .2s;overflow:hidden}.rte-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #6366f114}.rte-toolbar{background:var(--bg-lighter);border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:6px;padding:10px;display:flex}.rte-toolbar button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:6px 10px;transition:all .2s}.rte-toolbar button:hover{background:var(--bg-white);color:var(--primary);box-shadow:var(--shadow-xs)}.rte-toolbar button:active{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff}.rte-editable{background:var(--bg-white);outline:none;min-height:120px;padding:14px;font-size:14px;line-height:1.6}.rte-editable:focus{background:var(--bg-white)}.questions-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.questions-actions .btn{flex:1;min-width:160px}.upload-alert{border-left:4px solid;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex}.upload-alert-success{border-left-color:var(--success);color:#166534;background:#f0fdf4;box-shadow:0 4px 12px #10b9811a}.upload-alert-error{border-left-color:var(--danger);color:#991b1b;background:#fef2f2;box-shadow:0 4px 12px #ef44441a}.alert-icon{flex-shrink:0;margin-top:2px;font-size:20px;font-weight:700}.alert-content{flex:1}.alert-content p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.json-format-info{background:linear-gradient(135deg, var(--bg-lighter) 0%, var(--bg-light) 100%);border:1.5px solid var(--border-light);color:var(--text-muted);border-radius:12px;margin-top:24px;padding:24px;font-size:13px}.json-format-info p{color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px;margin:0 0 12px;font-size:12px;font-weight:600}.json-format-info pre{background:var(--bg-white);border:1px solid var(--border-color);color:var(--text-dark);box-shadow:var(--shadow-xs);border-radius:8px;margin:0;padding:14px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;overflow-x:auto}@media (max-width:1024px){.create-exam-container{border-radius:0;max-width:100%}.create-exam-header{flex-direction:column;align-items:stretch;gap:12px;padding:24px}.create-exam-header h1{font-size:28px}.btn-close{align-self:flex-start}.step-content{max-height:calc(90vh - 360px);padding:24px}.form-row,.form-row-3,.review-grid{grid-template-columns:1fr}.progress-indicator{padding:24px}.progress-step:not(:last-child){padding-right:12px}}@media (max-width:768px){.create-exam-container{max-height:100vh}.create-exam-header{flex-direction:row;justify-content:space-between;padding:20px}.create-exam-header h1{margin:0;font-size:22px}.progress-indicator{flex-wrap:wrap;justify-content:space-between;padding:20px}.progress-indicator:before{display:none}.progress-step{flex:0 0 calc(50% - 8px)}.progress-step:not(:last-child){padding-right:0}.step-content{max-height:calc(100vh - 280px);padding:20px}.step-navigation{flex-direction:column-reverse;gap:10px;padding:16px 20px}.btn{width:100%}.form-section{padding:16px}.form-row{grid-template-columns:1fr;gap:12px}.questions-summary-box{grid-template-columns:repeat(2,1fr)}.editor-actions,.questions-actions{flex-direction:column}.questions-actions .btn{width:100%}.json-format-info{padding:16px}.json-format-info pre{padding:10px;font-size:11px}}@media (max-width:640px){.create-exam-header{gap:8px;padding:16px}.create-exam-header h1{font-size:18px}.btn-close{width:40px;height:40px;font-size:18px}.progress-indicator{gap:8px;padding:16px}.progress-step{flex:0 0 calc(50% - 4px)}.progress-step .step-number{width:40px;height:40px;font-size:14px}.progress-step .step-title{font-size:10px}.step-content{padding:16px}.form-header{gap:10px;font-size:18px}.section-title{font-size:14px}.form-group label{font-size:12px}.question-card{padding:16px}.questions-summary-box{grid-template-columns:1fr}.button{padding:10px 20px;font-size:12px}.badge{padding:4px 8px;font-size:11px}.rte-toolbar{gap:4px}.rte-toolbar button{padding:5px 7px}}.small-note{align-items:center;gap:6px;display:flex}.form-actions{align-items:center;gap:12px;display:flex}.config-wrapper{border:1px solid var(--border-light);background:linear-gradient(135deg,#f8f7ff 0%,#fff 100%);border-radius:12px;padding:20px}.config-main-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-weight:700}.config-item{border:1px solid var(--border-light);background:linear-gradient(135deg,#fff 0%,#fbfaff 100%);border-radius:10px;margin-bottom:14px;overflow:hidden;box-shadow:0 6px 14px #0f172a08}.config-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 16px;display:flex}.icon-box{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;box-shadow:0 6px 20px #6366f114}.config-title{color:var(--text-dark);font-weight:700}.config-body{padding:16px}.checkbox-grid{grid-template-columns:repeat(2,1fr);gap:12px 24px;display:grid}.duration-input{align-items:center;gap:8px;display:flex}.tiny-btn{border:1px solid var(--border-color);cursor:pointer;min-width:36px;height:36px;color:var(--text-dark);background:#fff;border-radius:8px;font-weight:700}@media (max-width:1024px){.checkbox-grid,.form-row{grid-template-columns:1fr}}.create-exam-header .create-exam-title{flex-direction:column;gap:4px;display:flex}.create-exam-header .save-indicator{opacity:.9;color:#ffffffe6;font-size:12px;font-weight:500}.create-exam-header .header-actions{align-items:center;gap:12px;display:flex}.create-exam-container .btn-outline{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1.5px solid #fff3}.create-exam-container .btn-outline:hover{background:#ffffff26;border-color:#ffffff4d}.exam-details-modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.exam-details-modal{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;animation:.3s ease-out slideIn;overflow-y:auto;box-shadow:0 10px 40px #0003}.exam-details-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:24px;display:flex}.exam-details-header h2{color:#333;margin:0;font-size:20px;font-weight:600}.close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:24px;transition:all .2s}.close-btn:hover{color:#333;background-color:#e0e0e0}.exam-details-content{padding:24px}.exam-status-badge{gap:12px;margin-bottom:24px;display:flex}.status-published,.status-draft,.status-archived{border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.status-published{color:#1976d2;background-color:#e3f2fd}.status-draft{color:#f57c00;background-color:#fff3e0}.status-archived{color:#7b1fa2;background-color:#f3e5f5}.details-section{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:24px}.details-section:last-of-type{border-bottom:none}.details-section h3{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:16px;font-weight:600}.detail-item{flex-direction:column;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.detail-item p{color:#333;word-break:break-word;background-color:#f5f5f5;border-radius:6px;margin:0;padding:8px 12px;font-size:14px}.exam-rules{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.rule-item{background-color:#f5f5f5;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.rule-item input[type=checkbox]{cursor:not-allowed;width:18px;height:18px}.rule-item label{color:#333;cursor:not-allowed;text-transform:none;letter-spacing:normal;margin:0;font-size:14px;font-weight:400}.warning-box{border-radius:8px;align-items:center;gap:12px;margin:20px 0;padding:16px;font-size:14px;font-weight:500;display:flex}.published-warning{color:#856404;background-color:#fff3cd;border:1px solid #ffeaa7}.exam-details-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.exam-details-footer button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-secondary{color:#333;background-color:#e0e0e0}.btn-secondary:hover{background-color:#d0d0d0}.btn-primary{color:#fff;background-color:#1976d2}.btn-primary:hover:not(.disabled){background-color:#1565c0}.btn-primary.disabled{color:#999;cursor:not-allowed;opacity:.6;background-color:#ccc}.exam-details-loading,.exam-details-error{text-align:center;color:#666;padding:40px 24px;font-size:16px}@media (max-width:768px){.exam-details-modal{max-width:95vw;max-height:95vh}.details-grid,.exam-rules{grid-template-columns:1fr}.exam-details-header,.exam-details-content{padding:16px}.exam-details-footer{flex-direction:column-reverse;padding:16px}.exam-details-footer button{justify-content:center;width:100%}}.publish-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.3s ease-in fadeIn;display:flex;position:fixed;inset:0}.publish-modal-container{background:#fff;border-radius:10px;width:90%;max-width:600px;max-height:85vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 10px 40px #0003}.publish-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e0e0e0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:20px;display:flex}.publish-modal-header h2{align-items:center;margin:0;font-size:18px;font-weight:600;display:flex}.publish-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;transition:transform .2s;display:flex}.publish-modal-close:hover{transform:scale(1.1)}.publish-modal-content{padding:25px}.publish-exam-info{background-color:#f5f5f5;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;padding:15px}.publish-exam-info p{color:#333;margin:5px 0;font-size:14px}.publish-exam-info p strong{color:#667eea}.publish-info-text{color:#666!important;margin-top:8px!important;font-size:13px!important}.publish-filters-section{margin-bottom:20px}.publish-filters-section h3{color:#333;align-items:center;margin-bottom:15px;font-size:16px;font-weight:600;display:flex}.publish-filter-group{margin-bottom:15px}.publish-filter-group label{color:#333;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.publish-filter-group select,.publish-filter-group input{background-color:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .3s,box-shadow .3s}.filter-options-list{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:10px;padding:10px;display:grid}.filter-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;padding:8px;font-size:13px;transition:background-color .2s;display:flex}.filter-checkbox:hover{background-color:#f0f0f0}.filter-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.selected-filters{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.filter-chip{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.filter-chip-remove{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.filter-chip-remove:hover{opacity:.7}.filters-applied-list{flex-direction:column;gap:8px;display:flex}.filter-type{color:#1565c0;border-bottom:1px solid #e3f2fd;padding:6px 0;font-size:13px}.filter-type:last-child{border-bottom:none}.publish-filter-group select:focus,.publish-filter-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.publish-filter-group select:disabled,.publish-filter-group input:disabled{color:#999;cursor:not-allowed;background-color:#f5f5f5}.publish-filters-summary{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:8px;margin-bottom:20px;padding:15px}.publish-filters-summary h4{color:#1976d2;margin:0 0 10px;font-size:14px;font-weight:600}.publish-filters-summary ul{margin:0;padding-left:20px}.publish-filters-summary li{color:#1565c0;margin:5px 0;font-size:13px}.publish-candidate-count{background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border:2px solid #667eea;border-radius:8px;align-items:center;margin-bottom:20px;padding:20px;display:flex}.publish-candidate-count .count-content{align-items:center;gap:15px;width:100%;display:flex}.publish-candidate-count .count-icon{color:#667eea;flex-shrink:0;font-size:28px}.publish-candidate-count .spin-icon{color:#667eea;font-size:20px;animation:1s linear infinite spin}.publish-candidate-count .count-info{flex:1}.publish-candidate-count .count-label{color:#666;margin:0;font-size:13px;font-weight:500}.publish-candidate-count .count-number{color:#667eea;align-items:baseline;gap:8px;margin:5px 0 0;font-size:24px;font-weight:700;display:flex}.publish-candidate-count .count-suffix{color:#999;font-size:14px;font-weight:500}.publish-filters-info{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px}.publish-filters-info p{color:#856404;margin:0;font-size:13px}.publish-modal-footer{background-color:#fafafa;border-top:1px solid #e0e0e0;border-radius:0 0 10px 10px;justify-content:flex-end;gap:10px;padding:20px;display:flex}.publish-modal-btn-cancel,.publish-modal-btn-publish{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.publish-modal-btn-cancel{color:#333;background-color:#e0e0e0}.publish-modal-btn-cancel:hover:not(:disabled){background-color:#d0d0d0}.publish-modal-btn-publish{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.publish-modal-btn-publish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.publish-modal-btn-cancel:disabled,.publish-modal-btn-publish:disabled{opacity:.6;cursor:not-allowed}.publish-modal-container::-webkit-scrollbar{width:8px}.publish-modal-container::-webkit-scrollbar-track{background:#f1f1f1}.publish-modal-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.publish-modal-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:600px){.publish-modal-container{width:95%;max-height:90vh}.publish-modal-header{padding:15px}.publish-modal-header h2{font-size:16px}.publish-modal-content{padding:15px}.publish-modal-footer{flex-direction:column;gap:10px}.publish-modal-btn-cancel,.publish-modal-btn-publish{width:100%}}.all-exams-enhanced{width:100%;padding:30px}.page-header-enhanced{margin-bottom:40px}.header-content{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;justify-content:space-between;align-items:center;padding:40px;display:flex;box-shadow:0 10px 30px #667eea4d}.header-text h1{align-items:center;gap:15px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.header-text p{opacity:.9;margin:0;font-size:14px}.btn-primary-lg{color:#667eea;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 30px;font-weight:600;transition:all .3s;display:flex}.btn-primary-lg:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-primary-lg:disabled{opacity:.6;cursor:not-allowed}.stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.stat-icon.total{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-icon.published{background:linear-gradient(135deg,#34d399 0%,#10b981 100%)}.stat-icon.draft{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.stat-icon.archived{background:linear-gradient(135deg,#93c5fd 0%,#3b82f6 100%)}.stat-card.total{border-left-color:#667eea}.stat-card.published{border-left-color:#10b981}.stat-card.draft{border-left-color:#f59e0b}.stat-card.archived{border-left-color:#3b82f6}.stat-content p{color:#6b7280;margin:5px 0 0;font-size:14px}.filters-bar{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 2px 10px #00000014}.search-filters{flex-wrap:wrap;flex:1;gap:15px;min-width:300px;display:flex}.search-box{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-box svg{color:#9ca3af;position:absolute;left:15px}.search-box input{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 15px 10px 40px;font-size:14px;transition:all .3s}.search-box input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.filter-group{align-items:center;gap:8px;display:flex}.filter-group svg{color:#9ca3af}.filter-select{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 15px;font-size:14px;transition:all .3s}.controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.results-count{color:#6b7280;font-size:14px;font-weight:500}.view-switcher{background:#f3f4f6;border-radius:8px;gap:8px;padding:4px;display:flex}.view-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;transition:all .3s;display:flex}.view-btn.active{color:#667eea;background:#fff;box-shadow:0 2px 5px #00000014}.empty-state-enhanced{text-align:center;background:#fff;border-radius:12px;padding:60px 20px;box-shadow:0 2px 10px #00000014}.empty-icon{color:#d1d5db;margin-bottom:20px;font-size:60px}.empty-state-enhanced h3{color:#1f2937;margin-bottom:10px;font-size:24px}.empty-state-enhanced p{color:#6b7280;margin-bottom:30px;font-size:16px}.exam-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:30px;display:grid}.exam-card{background:#fff;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000014}.exam-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000026}.card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px;display:flex}.header-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.card-title h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.4}.exam-code{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.card-body{flex:1;padding:20px}.card-info p{color:#4b5563;margin:10px 0;font-size:14px}.card-info strong{color:#1f2937;font-weight:600}.card-stats{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;gap:20px;margin:20px 0;padding:15px 0;display:flex}.stat{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.stat svg{color:#667eea}.created-date{color:#9ca3af;margin:0;font-size:12px}.card-actions{background:#f9fafb;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.btn-icon{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:16px;transition:all .3s;display:flex}.btn-icon.view{color:#3b82f6}.btn-icon.view:hover{background:#eff6ff;border-color:#3b82f6}.btn-icon.edit{color:#f59e0b}.btn-icon.edit:hover:not(:disabled){background:#fffbeb;border-color:#f59e0b}.btn-icon.edit:disabled{color:#d1d5db;cursor:not-allowed;opacity:.6;border-color:#e5e7eb}.btn-icon.delete{color:#ef4444}.btn-icon.delete:hover{background:#fee2e2;border-color:#ef4444}.btn-icon.publish{color:#10b981}.btn-icon.publish:hover{background:#d1fae5;border-color:#10b981}.btn-icon.archive{color:#8b5cf6}.btn-icon.archive:hover{background:#ede9fe;border-color:#8b5cf6}.status-draft{color:#92400e;background:#fef3c7}.status-published{color:#166534;background:#dcfce7}.status-archived{color:#0c4a6e;background:#dbeafe}.status-closed{color:#991b1b;background:#fee2e2}.badge-type{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px!important}.management-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin-bottom:30px;overflow:hidden;box-shadow:0 2px 10px #00000014}.management-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.management-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:13px;font-weight:600}.management-table td{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:16px}.management-table tbody tr:hover{background:#f9fafb}.management-table tbody tr:last-child td{border-bottom:none}.exam-code,.exam-name{color:#1f2937;font-weight:600}.management-table .actions{justify-content:center;gap:8px;display:flex}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:30px;display:flex}.btn-pagination{color:#667eea;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .3s;display:flex}.btn-pagination:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.page-numbers{gap:8px;display:flex}.page-num{color:#374151;cursor:pointer;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:36px;padding:8px 12px;font-weight:500;transition:all .3s}.page-num:hover{color:#667eea;border-color:#667eea}.page-num.active{color:#fff;background:#667eea;border-color:#667eea}.alert{border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:16px 20px;display:flex}.alert p{margin:0;font-size:14px;font-weight:500}.alert-danger{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.alert-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.alert-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}@media (max-width:768px){.header-content{text-align:center;flex-direction:column;padding:30px 20px}.header-text h1{font-size:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-direction:column;align-items:flex-start}.search-filters{width:100%;min-width:auto}.search-box{width:100%}.controls{justify-content:space-between;width:100%}.exam-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.management-table{font-size:12px}.management-table th,.management-table td{padding:10px}.page-header-enhanced{margin-bottom:20px}}@media (max-width:480px){.all-exams-enhanced{padding:15px}.header-text h1{font-size:20px}.stats-grid{grid-template-columns:1fr}.stat-card{text-align:center;flex-direction:column}.exam-cards-grid{grid-template-columns:1fr;gap:12px}.filters-bar{padding:15px}.search-filters{flex-direction:column;gap:10px}.search-box,.filter-select{width:100%}.management-table{font-size:11px;display:block;overflow-x:auto}.management-table thead,.management-table tbody,.management-table th,.management-table td,.management-table tr{display:block}.management-table tr{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:15px;overflow:hidden}.management-table th{display:none}.management-table td{text-align:right;padding:10px 10px 10px 50%;position:relative}.management-table td:before{content:attr(data-label);text-align:left;font-weight:600;position:absolute;left:6px}.pagination{flex-direction:column;gap:10px}.btn-pagination,.page-numbers{width:100%}.page-numbers{justify-content:center}}.modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;animation:.3s ease-out slideIn;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal.modal-lg{max-width:800px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.instructions-section{background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:8px;margin-bottom:24px;padding:16px}.instructions-section h3{color:#1e40af;margin:0 0 12px;font-size:16px;font-weight:600}.instructions-section p{color:#64748b;margin:8px 0;font-size:14px;line-height:1.5}.code-block{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin:12px 0;padding:12px;font-family:Monaco,Courier New,monospace;font-size:12px;overflow-x:auto}.note{color:#d97706;align-items:center;gap:8px;margin-top:12px;padding:8px 0;font-size:13px;display:flex}.upload-section{margin-bottom:24px}.file-input-label{display:block}.file-input-label input{display:none}.file-input-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .2s;display:inline-flex}.file-input-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.file-input-button:disabled{cursor:not-allowed;background:#d1d5db;transform:none}.file-input-label input:disabled~.file-input-button{cursor:not-allowed;background:#d1d5db}.file-name{color:#059669;margin-top:8px;font-size:13px;font-weight:500}.preview-section{margin-bottom:24px}.preview-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.stat{background:#f3f4f6;border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}.stat-label{color:#6b7280;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.mappings-preview{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.mappings-preview h4{color:#1f2937;margin:0 0 16px;font-size:14px;font-weight:600}.mappings-list{flex-direction:column;gap:12px;display:flex}.mapping-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.evaluator-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.evaluator-info strong{color:#1f2937;font-size:14px}.candidate-count{color:#6b7280;background:#e5e7eb;border-radius:12px;padding:2px 8px;font-size:12px}.candidates-list{flex-wrap:wrap;gap:6px;display:flex}.candidate-badge{color:#1e40af;word-break:break-all;background:#dbeafe;border-radius:4px;padding:4px 8px;font-size:11px}.candidate-badge.more{color:#d97706;background:#fed7aa}.error-message,.success-message{border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:14px;font-weight:500;display:flex}.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.success-message{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.btn-primary:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-primary:disabled{cursor:not-allowed;background:#d1d5db}@media (max-width:768px){.modal{width:95%}.preview-stats{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}.code-block{font-size:11px}}._security-summary-container_xl1pb_1{flex-direction:column;align-items:flex-start;margin-top:32px;display:flex}._security-summary-title_xl1pb_8{color:#22223b;letter-spacing:.5px;margin-bottom:24px;font-size:2rem;font-weight:700}._security-summary-cards_xl1pb_16{flex-wrap:wrap;gap:32px;display:flex}._security-summary-card_xl1pb_16{background:#fff;border:1px solid #f2f2f2;border-radius:18px;flex-direction:column;align-items:flex-start;min-width:260px;min-height:200px;padding:32px 36px 28px;transition:box-shadow .2s;display:flex;box-shadow:0 4px 24px #1e225a14}._security-summary-card_xl1pb_16:hover{box-shadow:0 8px 32px #1e225a29}._security-summary-card_xl1pb_16 h3{color:#3a3a5a;margin-bottom:8px;font-size:1.2rem;font-weight:600}._security-summary-card_xl1pb_16 ._card-desc_xl1pb_46{color:#8a8fa3;margin-bottom:18px;font-size:.98rem}._security-summary-stats_xl1pb_52{flex-direction:column;gap:18px;width:100%;display:flex}._security-summary-stat-row_xl1pb_59{justify-content:space-between;align-items:center;display:flex}._security-summary-stat-label_xl1pb_65{color:#6c6f93;font-size:1rem;font-weight:500}._security-summary-stat-value_xl1pb_71{color:#4f8cff;letter-spacing:1px;text-shadow:0 2px 8px #4f8cff14;font-size:2.2rem;font-weight:700}@media (max-width:700px){._security-summary-cards_xl1pb_16{flex-direction:column;gap:18px}._security-summary-card_xl1pb_16{min-width:unset;width:100%}}.live-proctoring-page{background:var(--bg-color,#f5f5f5);min-height:100vh;font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);color:var(--text-color,#333);padding:2rem}.proctoring-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.header-content h1{color:var(--primary-color,#2196f3);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;display:flex}.session-stats{flex-wrap:wrap;gap:1rem;display:flex}.stat-card{background:#fff;border-left:4px solid #4caf50;border-radius:8px;min-width:120px;padding:1rem 1.5rem;box-shadow:0 2px 4px #0000001a}.stat-card.warning{border-left-color:#ff9800}.stat-card.flagged{border-left-color:#f44336}.stat-number{color:var(--primary-color,#2196f3);margin-bottom:.25rem;font-size:1.75rem;font-weight:700;display:block}.error-alert{color:#c62828;background:#ffebee;border-left:4px solid #c62828;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.error-alert p{margin:0}.filter-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.filter-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{border:2px solid var(--border-color,#ddd);color:var(--text-color,#333);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s}.refresh-btn{background:var(--primary-color,#2196f3);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s}.refresh-btn:hover{opacity:.8;transform:scale(1.05)}.empty-state{text-align:center;color:var(--text-secondary,#666);background:#fff;border-radius:8px;padding:3rem 2rem}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem;display:grid}@media (max-width:768px){.sessions-grid{grid-template-columns:1fr}.proctoring-header{flex-direction:column}}.session-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e8eaed;border-left:4px solid #4caf50;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.session-card:hover{border-color:#d0d4d8;transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.session-card.status-active{border-left-color:#4caf50}.session-card.status-warning{background:#ff980005;border-left-color:#ff9800}.session-card.status-flagged{background:#f4433605;border-left-color:#f44336}.session-header{justify-content:space-between;align-items:center;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.7rem;font-weight:600;display:flex}.session-card.status-active .status-badge{color:#2e7d32;background:#c8e6c9}.session-card.status-warning .status-badge{color:#e65100;background:#ffe0b2}.session-card.status-flagged .status-badge{color:#b71c1c;background:#ffcdd2}.status-icon.warning{color:#ff9800}.status-icon.flagged{color:#f44336}.time-info{color:var(--text-secondary,#999);align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.clock-icon{color:#ff9800}.candidate-info{border-bottom:1px solid var(--border-color,#eee);padding-bottom:.5rem}.candidate-info h3{color:var(--text-color,#333);margin:0 0 .2rem;font-size:.95rem;font-weight:600}.candidate-info .email{color:var(--text-secondary,#999);margin:0;font-size:.8rem}.exam-info{flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.exam-info>div{gap:.4rem;display:flex}.exam-name strong,.exam-type strong{min-width:45px;color:var(--text-secondary,#999);font-weight:500}.progress-section{flex-direction:column;gap:.3rem;display:flex}.progress-text{color:var(--text-secondary,#999);text-align:right;font-size:.75rem}.device-status{border-top:1px solid var(--border-color,#eee);border-bottom:1px solid var(--border-color,#eee);justify-content:space-around;padding:.5rem 0;display:flex}.device-item{color:var(--text-secondary,#999);flex-direction:column;align-items:center;gap:.2rem;font-size:.7rem;display:flex}.device-item svg{font-size:1rem}.camera-active{color:#4caf50}.camera-inactive{color:#ff9800}.camera-error{color:#f44336}.mic-active{color:#4caf50}.mic-inactive{color:#ff9800}.mic-error{color:#f44336}.tab-count{background:var(--border-color,#eee);width:24px;height:24px;color:var(--text-color,#333);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.suspicious-activity{background:#f443360d;border-left:3px solid #f44336;border-radius:6px;padding:.75rem}.suspicious-activity strong{color:#f44336;margin-bottom:.4rem;font-size:.9rem;display:block}.suspicious-activity ul{color:var(--text-secondary,#666);margin:0;padding-left:1.5rem;font-size:.85rem}.suspicious-activity li{margin:.3rem 0}.session-actions{gap:.6rem;margin-top:.4rem;display:flex}.btn-view,.btn-flag{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.5rem .6rem;font-size:.8rem;font-weight:500;transition:all .3s}.btn-view{background:var(--primary-color,#2196f3);color:#fff}.btn-view:hover{background:var(--primary-color-dark,#1976d2);box-shadow:0 2px 8px #2196f34d}.btn-flag{background:var(--border-color,#eee);color:var(--text-color,#333);border:1px solid var(--border-color,#ddd)}.btn-flag:hover{color:#f44336;background:#ffcdd2;border-color:#f44336}.loading-spinner{height:400px;color:var(--text-secondary,#666);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.loading-spinner:before{content:"";border:4px solid var(--border-color,#eee);border-top-color:var(--primary-color,#2196f3);border-radius:50%;width:40px;height:40px;margin-right:1rem;animation:.8s linear infinite spin}@media (prefers-color-scheme:dark){.live-proctoring-page{background:var(--bg-dark,#1e1e1e);color:var(--text-light,#e0e0e0)}.session-card,.stat-card,.filter-btn:not(.active){background:var(--bg-secondary-dark,#2d2d2d);color:var(--text-light,#e0e0e0);box-shadow:0 4px 8px #0000004d}.filter-btn:not(.active),.candidate-info,.device-status,.exam-info{border-color:var(--border-dark,#444)}.progress-bar{background:var(--border-dark,#444)}.device-item{color:var(--text-secondary-dark,#aaa)}}.screen-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.screen-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1200px;height:90vh;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.screen-modal-header{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border-bottom:2px solid #1565c0;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.screen-modal-header h2{margin:0;font-size:1.5rem}.screen-modal-header .exam-title{opacity:.9;margin:.25rem 0 0;font-size:.9rem}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.screen-view{background:#000;flex:1;justify-content:center;align-items:center;min-height:400px;padding:1rem;display:flex;position:relative;overflow:auto}.screen-placeholder{text-align:center;color:#999;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border:2px solid #444;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;max-width:600px;padding:3rem;display:flex}.live-indicator{color:#4caf50;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.pulse{background:#4caf50;border-radius:50%;width:12px;height:12px;animation:1.5s infinite pulse;display:inline-block}.screen-placeholder p{margin:.5rem 0;font-size:.95rem}.screen-placeholder .view-mode{color:#ff9800;background:#ff98001a;border-radius:4px;margin-top:1rem;padding:.75rem 1rem;font-size:1rem;font-weight:700}.screen-modal-footer{background:#f5f5f5;border-top:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.session-details{color:#666;flex-wrap:wrap;gap:2rem;font-size:.9rem;display:flex}.session-details span{align-items:center;gap:.5rem;display:flex}.session-details strong{color:#333}.btn-close{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.btn-close:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}@media (max-width:768px){.screen-modal{border-radius:8px;max-height:95vh}.screen-modal-header{flex-direction:column;align-items:flex-start}.close-btn{position:absolute;top:1rem;right:1rem}.screen-modal-footer{flex-direction:column;align-items:stretch}.btn-close{width:100%}.session-details{gap:1rem}}.screen-loading{color:#999;z-index:1;background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;position:absolute;inset:0}.screen-loading .spinner{border:4px solid #f3f3f3;border-top-color:#2196f3;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}.screen-loading p{margin:.5rem 0;font-size:1rem}.screen-image{border-radius:4px;box-shadow:0 4px 12px #00000080;object-fit:contain!important;background:#000!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important;display:none!important}.screen-image[src]:not([src=""]){display:block!important}.screen-error{z-index:2;background:#000;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen-error[style*="display: flex"],.screen-error[style*=display\:flex]{display:flex!important}.screen-modal.fullscreen{border-radius:0!important;width:100%!important;max-width:none!important;height:100vh!important;max-height:none!important}.screen-modal.fullscreen .screen-view{padding:0!important}.screen-modal.fullscreen .screen-image{object-fit:contain!important;border-radius:0!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.fullscreen-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .15s;display:flex}.fullscreen-btn:hover{background:#ffffff40;transform:scale(1.05)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;padding:20px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:700px;margin-top:40px;margin-bottom:40px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;box-shadow:0 20px 60px #0000004d}.create-role-modal{max-height:90vh;overflow-y:auto}.btn-close{cursor:pointer;color:#95a5a6;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:28px;transition:color .3s;display:flex}.btn-close:hover{color:#e74c3c}.create-role-form{padding:24px}@media (max-width:600px){.modal-content{border-radius:12px;max-height:95vh}.module-header-row,.form-actions{flex-direction:column}}.edit-role-modal{max-height:90vh;overflow-y:auto}.modal-header{z-index:101;background:#fff;border-bottom:2px solid #ecf0f1;justify-content:space-between;align-items:flex-start;padding:24px;display:flex;position:sticky;top:0}.system-role-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-radius:4px;margin:0;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.edit-role-form{padding:24px}.form-section{margin-bottom:28px}.form-section h3{color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:16px;font-weight:700}.perm-count{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.form-input:disabled,.form-textarea:disabled{color:#95a5a6;cursor:not-allowed;background:#f8f9fa}.info-box{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.5}.permissions-list{border:2px solid #ecf0f1;border-radius:8px;overflow:hidden}.permission-module{border-bottom:1px solid #ecf0f1}.permission-module:last-child{border-bottom:none}.module-header-row{background:#f8f9fa;gap:8px;padding:0;display:flex}.module-toggle{text-align:left;cursor:pointer;color:#2c3e50;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:background .3s;display:flex}.module-toggle:hover{background:#ecf0f1}.toggle-arrow{color:#95a5a6;font-size:12px;transition:transform .3s;display:inline-block}.toggle-arrow.expanded{transform:rotate(90deg)}.module-title{flex:1}.module-check{color:#95a5a6;font-size:16px;font-weight:700}.module-check.partial{color:#f39c12}.module-check.all{color:#27ae60}.btn-select-all{cursor:pointer;color:#3498db;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:0 0;border:none;padding:12px 16px;font-size:12px;font-weight:700;transition:color .3s}.btn-select-all:hover{color:#2980b9}.module-permissions{background:#fff;flex-direction:column;gap:8px;padding:12px;display:flex}.permission-checkbox-wrapper{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;transition:background .2s;display:flex}.permission-checkbox-wrapper:hover{background:#3498db0d}.permission-checkbox-wrapper input{display:none}.permission-checkbox-wrapper input:disabled+.checkbox-custom{opacity:.6}.checkbox-custom{border:2px solid #bdc3c7;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.permission-checkbox-wrapper input:checked+.checkbox-custom{color:#fff;background:linear-gradient(135deg,#1abc9c 0%,#16a085 100%);border-color:#16a085;font-weight:700}.permission-checkbox-wrapper input:checked+.checkbox-custom:after{content:"✓"}.permission-label{flex:1;align-items:center;gap:8px;display:flex}.permission-name{color:#2c3e50;font-family:Monaco,Courier New,monospace;font-size:13px}.btn-secondary,.btn-primary{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#1abc9c 0%,#16a085 100%);box-shadow:0 4px 12px #1abc9c4d}@media (max-width:600px){.modal-content{border-radius:12px;max-height:95vh}.module-header-row,.form-actions{flex-direction:column}}.role-cards-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;animation:.5s ease-in-out fadeIn;display:grid}.role-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #0000;border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.role-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.role-card:hover:before{left:100%}.role-card:hover{border-color:#e8e8e8;transform:translateY(-8px);box-shadow:0 12px 24px #0000001f}.rc-icon{border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:48px;transition:transform .3s;display:flex;box-shadow:0 4px 12px #00000026}.role-card:hover .rc-icon{transform:scale(1.1)rotate(-5deg)}.rc-content{z-index:2;margin-bottom:16px;position:relative}.rc-content h3{color:#2c3e50;letter-spacing:-.3px;margin:0 0 8px;font-size:20px;font-weight:600}.rc-content p{color:#7f8c8d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.rc-stats{z-index:2;background:#3498db0d;border-radius:8px;gap:16px;margin-bottom:16px;padding:12px;display:flex;position:relative}.stat-value{color:#3498db;margin-bottom:4px;font-size:24px;font-weight:700;display:block}.stat-label{color:#95a5a6;text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.rc-actions{z-index:2;position:relative}.btn-view{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:all .3s}.btn-view:hover{transform:translate(4px);box-shadow:0 4px 12px #3498db4d}@media (max-width:768px){.role-cards-container{grid-template-columns:1fr}.rc-icon{width:60px;height:60px;font-size:36px}.rc-content h3{font-size:18px}}.permissions-matrix-container{animation:.5s ease-in-out fadeIn}.pm-info{margin-bottom:24px}.pm-info h2{color:#2c3e50;margin:0 0 8px;font-size:24px;font-weight:700}.pm-info p{color:#7f8c8d;margin:0;font-size:14px}.matrix-wrapper{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 4px 12px #00000014}.permissions-matrix{border-collapse:collapse;width:100%;font-size:14px}.permissions-matrix thead{color:#fff;z-index:10;background:linear-gradient(135deg,#34495e 0%,#2c3e50 100%);position:sticky;top:0}.permissions-matrix th{text-align:left;letter-spacing:.3px;border-bottom:2px solid #2c3e50;padding:16px;font-weight:600}.module-header{min-width:280px}.role-header{text-align:center;min-width:140px}.role-name{background:#3498db33;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.module-row{background:linear-gradient(90deg,#ecf0f1 0%,#f8f9fa 100%)}.module-row:hover{background:linear-gradient(90deg,#d5dbdb 0%,#eaeaea 100%)}.module-cell{color:#2c3e50;align-items:center;gap:8px;font-weight:700;display:flex;padding:12px 16px!important}.module-icon{font-size:18px}.module-name{letter-spacing:.3px}.permission-row{border-bottom:1px solid #ecf0f1;transition:background-color .2s}.permission-row:hover{background:#3498db0a}.permission-cell{align-items:center;gap:12px;min-width:280px;padding:12px 16px;display:flex}.action-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;text-align:center;background:linear-gradient(135deg,#f39c12 0%,#d68910 100%);border-radius:4px;min-width:60px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.permission-name{color:#2c3e50;letter-spacing:-.3px;font-family:Monaco,Courier New,monospace;font-size:13px}.permission-checkbox{text-align:center;min-width:140px;padding:12px}.checkbox-visual{color:#0000;cursor:default;background:#fff;border:2px solid #bdc3c7;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;font-weight:700;transition:all .3s;display:flex}.checkbox-visual.checked{color:#fff;background:linear-gradient(135deg,#1abc9c 0%,#16a085 100%);border-color:#16a085;box-shadow:0 4px 12px #1abc9c4d}.permission-row:hover .checkbox-visual{border-color:#3498db}.pm-legend{background:#f8f9fa;border-radius:8px;gap:24px;margin-top:24px;padding:16px;display:flex}.legend-item{color:#7f8c8d;align-items:center;gap:8px;font-size:13px;display:flex}.legend-item .checkbox-visual{border-radius:4px;width:24px;height:24px;margin:0}@media (max-width:1024px){.permissions-matrix{font-size:12px}.permission-cell{padding:10px 12px}.th,.td{padding:12px 8px}.role-name{padding:4px 8px;font-size:11px}}@media (max-width:768px){.matrix-wrapper{max-height:500px;overflow:auto}}.custom-roles-list{animation:.5s ease-in-out fadeIn}.crl-header{margin-bottom:24px}.crl-header h2{color:#2c3e50;margin:0 0 8px;font-size:24px;font-weight:700}.crl-info{color:#7f8c8d;margin:0;font-size:14px}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.role-item{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #ecf0f1;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.role-item:before{content:"";opacity:0;background:linear-gradient(90deg,#3498db,#2980b9);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.role-item:hover{border-color:#3498db;transform:translateY(-6px);box-shadow:0 12px 24px #3498db26}.role-item:hover:before{opacity:1}.ri-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ri-icon{font-size:24px}.ri-header h4{color:#2c3e50;flex:1;margin:0;font-size:18px;font-weight:600}.ri-description{color:#7f8c8d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.ri-permissions{background:#3498db14;border-radius:6px;margin-bottom:16px;padding:8px 12px}.perm-count{color:#3498db;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.ri-actions{opacity:0;gap:8px;transition:all .3s;display:flex;transform:translateY(8px)}.ri-actions.visible{opacity:1;transform:translateY(0)}.btn-edit,.btn-delete{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:all .3s}.btn-edit{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-delete{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.empty-state{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#ecf0f1 100%);border-radius:12px;padding:60px 20px;animation:.5s ease-in-out fadeIn}.empty-icon{margin-bottom:16px;font-size:64px;animation:3s ease-in-out infinite float}@media (max-width:768px){.roles-grid{grid-template-columns:1fr}}.role-management{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:32px;animation:.5s ease-in-out fadeIn}.rm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.rm-title-section h1{color:#2c3e50;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:800}.rm-title-section p{color:#7f8c8d;margin:0;font-size:15px;font-weight:500}.btn-primary{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#1abc9c 0%,#16a085 100%);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1abc9c4d}.btn-primary:active{transform:translateY(-1px)}.rm-tabs{background:#fff;border-radius:12px;gap:12px;margin-bottom:28px;padding:8px;display:flex;box-shadow:0 2px 8px #0000000f}.tab{cursor:pointer;color:#7f8c8d;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s}.tab:hover{color:#3498db;background:#3498db1a}.tab.active{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);box-shadow:0 4px 12px #3498db4d}.rm-content{background:#fff;border-radius:16px;padding:32px;animation:.5s cubic-bezier(.4,0,.2,1) slideUp;box-shadow:0 8px 32px #0000001a}.loading-spinner{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner p{color:#7f8c8d;font-size:14px;font-weight:500}@media (max-width:1024px){.role-management,.rm-content{padding:24px}.rm-header{flex-direction:column;gap:16px}.rm-title-section h1{font-size:28px}}@media (max-width:768px){.role-management{padding:16px}.rm-content{border-radius:12px;padding:16px}.rm-tabs{margin-bottom:20px;overflow-x:auto}.tab{padding:10px 16px;font-size:13px}.rm-title-section h1{font-size:24px}.rm-title-section p{font-size:13px}.btn-primary{width:100%;padding:10px 16px;font-size:12px}}@media (max-width:480px){.role-management{min-height:auto;padding:12px}.rm-content{padding:12px}.rm-header{gap:12px}.rm-tabs{gap:4px;padding:4px}.tab{padding:8px 12px;font-size:11px}.rm-title-section h1{font-size:20px}}.announcement-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.announcement-form-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.form-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.form-header h2{margin:0;font-size:24px;font-weight:600}.announcement-form{flex-direction:column;gap:20px;padding:24px;display:flex}.cover-image-preview{background:#f3f4f6;border-radius:8px;height:200px;position:relative;overflow:hidden}.cover-img{object-fit:cover;width:100%;height:100%}.btn-remove-cover{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.btn-remove-cover:hover{background:#000c}.btn-add-cover{cursor:pointer;color:#3b82f6;background:#f0f9ff;border:2px dashed #3b82f6;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:500;transition:all .2s;display:flex}.btn-add-cover:hover{color:#0284c7;background:#e0f2fe;border-color:#0284c7}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;transition:all .2s}.title-input{color:#1f2937;font-size:20px;font-weight:600}.form-settings{background:#f9fafb;border-radius:8px;flex-wrap:wrap;gap:16px;padding:12px;display:flex}.setting-group{align-items:center;gap:8px;display:flex}.setting-group label{color:#374151;font-weight:500}.priority-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px}.checkbox-setting{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.checkbox-setting input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-setting span{color:#374151;font-size:14px}.form-label{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.editor-container{border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.editor-toolbar{background:linear-gradient(135deg,#f8fafb 0%,#f0f4f8 100%);border-bottom:2px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;display:flex}.toolbar-btn{cursor:pointer;color:#667eea;white-space:nowrap;background:linear-gradient(135deg,#667eea1a 0%,#764ba20d 100%);border:2px solid #667eea4d;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:auto;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.toolbar-btn svg{flex-shrink:0;font-size:16px}.toolbar-label{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;display:inline-block}.toolbar-btn:hover{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea40}.toolbar-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea26}.toolbar-separator{background:linear-gradient(#0000 0%,#d1d5db 50%,#0000 100%);width:2px;height:28px;margin:0 4px}.form-textarea{resize:vertical;border:none;border-radius:0;min-height:200px;padding:16px;font-size:15px;line-height:1.6}.attachments-section{background:#f9fafb;border-radius:8px;padding:16px}.attachments-section h4{color:#374151;margin:0 0 12px;font-size:14px}.attachments-list{flex-direction:column;gap:8px;display:flex}.attachment-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.attachment-item:hover{box-shadow:0 2px 8px #0000001a}.attachment-info{flex:1;align-items:center;gap:12px;display:flex}.attachment-icon{color:#6b7280;text-align:center;width:24px;font-size:20px}.attachment-name{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:500}.attachment-size{color:#9ca3af;margin:0;font-size:12px}.btn-remove-attachment{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;transition:all .2s}.btn-remove-attachment:hover{color:#dc2626}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@media (prefers-color-scheme:dark){.announcement-form-container{color:#f3f4f6;background:#1f2937}.form-header{border-bottom-color:#374151}.form-input,.form-textarea{color:#f3f4f6;background:#374151;border-color:#4b5563}.form-settings{background:#374151}.priority-select{color:#f3f4f6;background:#374151;border-color:#4b5563}.editor-toolbar{background:#374151;border-bottom-color:#4b5563}.toolbar-btn{color:#d1d5db;background:#1f2937;border-color:#4b5563}.toolbar-btn:hover{background:#2d3748;border-color:#667eea}.attachments-section{background:#374151}.attachment-item{color:#f3f4f6;background:#2d3748;border-color:#4b5563}}@media (max-width:768px){.announcement-form-container{width:95%;max-height:95vh}.form-header,.announcement-form{padding:16px}.form-textarea{min-height:150px}.editor-toolbar{gap:2px}.toolbar-btn{width:32px;height:32px;font-size:12px}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.material-upload-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.material-upload-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:95vh;animation:.3s slideUp;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0003}.upload-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.upload-modal-header h2{margin:0;font-size:20px;font-weight:600}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:background .2s;display:flex}.material-upload-form{flex-direction:column;gap:20px;padding:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1f2937;font-size:14px;font-weight:600}.form-group input[type=text],.form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=text]:disabled,.form-group textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.form-group textarea{resize:vertical;min-height:80px}.file-upload-area{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:32px;transition:all .2s;position:relative}.file-upload-area:hover{background:#f0f4ff;border-color:#667eea}.file-upload-area input[type=file]{display:none}.file-upload-label{cursor:pointer;color:#667eea;flex-direction:column;align-items:center;gap:12px;margin:0;padding:0;font-weight:500;display:flex}.file-upload-label svg{font-size:32px}.file-hint{color:#9ca3af;margin:12px 0 0;font-size:12px}.files-list{flex-direction:column;gap:12px;display:flex}.files-list h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.files-container{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.file-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.file-item:hover{background:#f3f4f6;border-color:#d1d5db}.file-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.file-icon{color:#667eea;flex-shrink:0;font-size:18px}.file-details{flex-direction:column;gap:2px;min-width:0;display:flex}.file-name{color:#1f2937;word-break:break-word;margin:0;font-size:13px;font-weight:500}.file-size{color:#9ca3af;margin:0;font-size:12px}.remove-file-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:all .2s;display:flex}.remove-file-btn:hover{color:#dc2626;background:#fee2e2;border-radius:4px}.remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:12px;font-size:13px;font-weight:500}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:12px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-cancel:hover:not(:disabled){color:#374151;background:#e5e7eb}.btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}@media (max-width:640px){.material-upload-modal{width:95%;max-height:95vh}.upload-modal-header{padding:16px}.upload-modal-header h2{font-size:18px}.material-upload-form{gap:16px;padding:16px}.file-upload-area{padding:24px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.modal-header h2{color:#333;margin:0;font-size:18px}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px;transition:color .3s}.modal-close:hover{color:#333}.modal-body,.modal-form{padding:20px}.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-size:14px;transition:border-color .3s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.search-input{margin-bottom:12px;width:100%!important;padding:8px 12px!important}.members-list{border:1px solid #ddd;border-radius:6px;max-height:300px;overflow-y:auto}.member-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;padding:12px;transition:background .3s;display:flex}.member-item:hover{background:#f9f9f9}.member-item input[type=checkbox]{cursor:pointer;margin-right:12px}.member-info{flex:1}.member-name{color:#333;font-size:14px;font-weight:600}.member-email{color:#999;margin-top:2px;font-size:12px}.selected-members{color:#0056b3;background:#e7f3ff;border-radius:6px;margin-top:10px;padding:10px;font-size:12px}.modal-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:10px;padding:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#333;background:#f0f0f0}.create-group-modal{max-width:600px}.users-list{border:1px solid #ddd;border-radius:6px;max-height:400px;overflow-y:auto}.user-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;padding:12px;transition:background .3s;display:flex}.user-item:hover{background:#f9f9f9}.user-item input[type=radio]{margin-right:12px}.user-avatar{color:#fff;background:#007bff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-weight:700;display:flex}.user-info{flex:1}.user-name{color:#333;font-size:14px;font-weight:600}.user-details{color:#999;margin-top:2px;font-size:12px}.no-results{text-align:center;color:#999;padding:40px 20px}.modal-content.start-chat-modal{max-width:750px!important}.chat-notification-panel{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #667eea33}.notification-header{background:#ffffff1a;border-bottom:1px solid #fff3;padding:12px 16px}.notification-header h3{color:#fff;margin:0;font-size:14px;font-weight:600}.notification-item{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.notification-item:last-child{border-bottom:none}.notification-content{flex:1;margin-right:12px}.notification-message{color:#fff;margin:0 0 4px;font-size:13px;font-weight:500;line-height:1.4}.notification-time{color:#ffffffb3;font-size:11px;display:inline-block}.notification-actions{flex-shrink:0;gap:6px;display:flex}.btn-accept,.btn-reject{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-accept{color:#fff;background:#4caf50}.btn-accept:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 6px #4caf504d}.btn-reject{color:#fff;background:#f44336}.btn-reject:hover{background:#da190b;transform:translateY(-1px);box-shadow:0 2px 6px #f443364d}.btn-accept:active,.btn-reject:active{transform:translateY(0)}.chat-sidebar{background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:350px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.sidebar-header h2{color:#333;margin:0;font-size:20px}.unread-badge{color:#fff;background:#f44;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.sidebar-search{padding:10px 15px}.sidebar-search input{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.sidebar-tabs{border-bottom:1px solid #e0e0e0;padding:0 10px;display:flex}.tab-button{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-weight:500;transition:all .3s}.tab-button.active{color:#007bff;border-bottom-color:#007bff}.sidebar-actions{padding:10px 15px}.action-button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;width:100%;padding:10px;font-weight:500;transition:background .3s}.action-button:hover{background:#0056b3}.chats-list{flex:1;padding-top:0;overflow-y:auto}.chat-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;padding:12px 15px;transition:background .3s;display:flex}.chat-item:hover{background:#f9f9f9}.chat-item.active{background:#e7f3ff;border-left:3px solid #007bff}.chat-item-avatar{color:#fff;background:#007bff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;margin-right:12px;font-weight:700;display:flex}.chat-item-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-item-info{flex:1;min-width:0}.chat-item-info h3{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.chat-item-info p{color:#999;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.chat-item-time{color:#999;flex-shrink:0;margin-left:10px;font-size:12px}.cm-modal-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cm-modal{background:#fff;border-radius:10px;width:380px;max-width:90%;padding:18px;box-shadow:0 8px 30px #00000026}.cm-modal-header h3{margin:0 0 8px;font-size:18px}.cm-modal-body{color:#333;margin-bottom:16px;font-size:14px}.cm-modal-actions{justify-content:flex-end;gap:8px;display:flex}.cm-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-weight:600}.cm-btn-cancel{color:#333;background:#f0f0f0}.cm-btn-confirm{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.message-list{flex-direction:column;gap:12px;padding:16px;display:flex}.date-separator{text-align:center;margin:20px 0;position:relative}.date-separator:before{content:"";background:linear-gradient(90deg,#0000,#ddd,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.date-separator span{color:#999;background:#f5f5f5;padding:0 12px;font-size:12px;font-weight:500;position:relative}.message-group{align-items:flex-end;gap:8px;width:100%;margin-bottom:4px;animation:.3s slideInUp;display:flex}.message-group.sent{flex-direction:row-reverse;justify-content:flex-end}.message-group.received{flex-direction:row;justify-content:flex-start}.message-group.new-sender{margin-top:12px}.message-sender-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001a}.message-content{flex-direction:column;width:100%;display:flex}.message-sender-name{color:#555;margin-bottom:4px;margin-left:40px;font-size:12px;font-weight:600}.message-bubble{word-break:break-word;background:#f0f0f0;border-radius:12px;width:fit-content;max-width:100%;padding:10px 14px;transition:all .2s;display:block;position:relative;box-shadow:0 1px 2px #0000000d}.message-bubble.sent{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:18px 18px 4px}.message-bubble.sent p{color:#fff}.message-bubble.sent .message-time{color:#ffffffb3}.message-group.sent .message-content{align-items:flex-end}.message-group.received .message-content{align-items:flex-start}.message-bubble{max-width:60%}.message-bubble.sent{margin-left:auto}.message-bubble.received{color:#333;background:#e8e8e8;border-radius:18px 18px 18px 4px;margin-right:auto}.message-bubble.received p{color:#333}.message-bubble.received .message-time{color:#999}.message-bubble:hover{box-shadow:0 2px 4px #0000001a}.message-bubble.text.sent{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.message-bubble.text.received{background:#e8e8e8}.message-bubble.text p{color:#333;margin:0;font-size:14px;line-height:1.5}.message-bubble.file{background:linear-gradient(135deg,#e7f3ff 0%,#f0f8ff 100%);border:1px solid #b3d9ff}.message-bubble.file a{color:#06c;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.message-bubble.file a:hover{color:#0052a3;text-decoration:underline}.message-image{border-radius:8px;max-width:300px;max-height:300px;margin-top:4px;box-shadow:0 2px 8px #00000026}.message-time{color:#999;margin-top:6px;padding-left:14px;font-size:11px;display:block}.pinned-badge{color:#ff9800;background:#fff3e0;border-radius:4px;margin-top:6px;margin-left:14px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.message-input-container{background:#fafafa;border-top:1px solid #e8e8e8;flex-shrink:0;align-items:flex-end;gap:10px;padding:8px 16px;display:flex}.message-input-actions{flex-shrink:0;gap:8px;display:flex}.action-btn-group{align-items:center;gap:6px;display:flex}.emoji-picker-wrapper{position:relative}.emoji-picker{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:4px;width:160px;margin-bottom:8px;padding:8px;display:grid;position:absolute;bottom:100%;left:0;box-shadow:0 4px 12px #00000026}.emoji-option{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:all .2s;display:flex}.emoji-option:hover{background:#f0f0f0;transform:scale(1.2)}.action-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.action-btn:hover{background:#f0f0f0;border-color:#667eea;transform:scale(1.05)}.action-btn:active{transform:scale(.95)}.message-textarea{resize:none;background:#fff;border:1px solid #ddd;border-radius:20px;flex:1;min-height:34px;max-height:120px;padding:8px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;transition:all .3s}.message-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.message-textarea::placeholder{color:#999}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea4d}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-window{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-window.empty{justify-content:center;align-items:center}.empty-state{text-align:center;color:#999}.empty-icon{opacity:.5;margin-bottom:16px;font-size:56px}.empty-state h2{color:#666;margin:0 0 10px;font-size:20px}.chat-header{background:#fafafa;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chat-header-info{flex:1}.chat-header-info h2{color:#333;margin:0;font-size:18px;font-weight:600}.chat-subtitle{color:#999;margin:4px 0 0;font-size:12px}.chat-header-actions{gap:6px;display:flex}.header-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:16px;transition:all .2s}.header-button:hover{background:#f0f0f0;border-color:#667eea;transform:scale(1.05)}.header-button:active{transform:scale(.95)}.chat-messages{background:#fff;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}.loading{text-align:center;color:#999;justify-content:center;align-items:center;padding:20px;display:flex}.loading:after{content:"";border:2px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:16px;height:16px;margin-left:8px;animation:1s linear infinite spin;display:inline-block}.empty-messages{text-align:center;color:#999;margin:auto;padding:40px 20px;font-size:14px}.chat-page-container{background:#f5f5f5;height:100vh;display:flex;position:relative;overflow:hidden}.assignment-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s;animation:.4s slideInUp;box-shadow:0 2px 8px #00000014}.assignment-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.assignment-title-section{flex:1;gap:12px;min-width:0;display:flex}.assignment-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.assignment-title{color:#1f2937;word-break:break-word;margin:0 0 4px;font-size:16px;font-weight:600}.assignment-meta{color:#9ca3af;margin:0;font-size:12px}.status-badge{color:#fff;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.status-badge svg{width:14px;height:14px}.due-date-section{background:#f9fafb;border-left:4px solid;border-radius:6px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.due-date-icon{flex-shrink:0;font-size:20px}.due-date-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:500}.due-date-value{margin:0;font-size:14px;font-weight:600}.assignment-description{background:#f3f4f6;border-radius:6px;margin-bottom:16px;padding:12px}.assignment-description p{color:#4b5563;margin:0;font-size:13px;line-height:1.5}.assignment-points{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;display:flex}.points-label{color:#6b7280;font-size:13px;font-weight:500}.points-value{color:#667eea;font-size:16px;font-weight:700}.submission-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-box{background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;gap:10px;padding:12px;display:flex}.stat-content{flex:1;min-width:0}.stat-bar{background:#e5e7eb;border-radius:2px;width:100%;height:4px;margin-bottom:4px;overflow:hidden}.stat-fill{height:100%;transition:width .3s}.stat-percentage{color:#6b7280;margin:0;font-size:10px;font-weight:500}.assignment-attachments{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.attachments-label{color:#1e40af;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;display:flex}.attachments-label svg{width:14px;height:14px}.assignment-actions{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.action-btn{cursor:pointer;color:#374151;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn svg{width:13px;height:13px}.view-btn{color:#2196f3;border-color:#2196f3}.view-btn:hover:not(:disabled){color:#1565c0;background:#e3f2fd}.grade-btn{color:#9c27b0;border-color:#9c27b0}.grade-btn:hover:not(:disabled){color:#6a1b9a;background:#f3e5f5}.edit-btn{color:#ff9800;border-color:#ff9800}.edit-btn:hover:not(:disabled){color:#e65100;background:#fff3e0}.delete-btn{color:#f44336;border-color:#f44336}.delete-btn:hover:not(:disabled){color:#c62828;background:#ffebee}.rubric-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:12px}.rubric-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:600}.rubric-items{flex-direction:column;gap:8px;display:flex}.rubric-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;align-items:center;padding:8px;display:flex}.rubric-criteria{color:#374151;font-size:12px;font-weight:500}.rubric-points{color:#667eea;background:#eef2ff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.rubric-more{color:#9ca3af;text-align:center;margin:0;padding:4px;font-size:11px}@media (max-width:768px){.assignment-header{flex-direction:column}.status-badge{justify-content:center;width:100%}.submission-stats{grid-template-columns:1fr}.assignment-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.assignment-card{padding:16px}.assignment-actions{grid-template-columns:1fr}.assignment-icon{width:40px;height:40px;font-size:18px}.assignment-title{font-size:14px}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.3s slideDown;display:flex;box-shadow:0 20px 60px #0000004d}.modal-title{color:#1f2937;margin:0;font-size:20px;font-weight:700}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;transition:all .2s;display:flex}.modal-close:hover:not(:disabled){color:#1f2937;background:#f3f4f6}.modal-close:disabled{opacity:.5;cursor:not-allowed}.assignment-form{flex:1;padding:24px;overflow-y:auto}.form-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input,.form-textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled,.form-textarea:disabled{cursor:not-allowed;color:#9ca3af;background:#f9fafb}.form-textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;z-index:1;position:absolute;left:12px}.input-with-icon .form-input{padding-left:36px}.btn-add-file,.btn-toggle-rubric,.btn-add-criteria{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-add-file:hover:not(:disabled),.btn-toggle-rubric:hover:not(:disabled),.btn-add-criteria:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-add-file:disabled,.btn-toggle-rubric:disabled,.btn-add-criteria:disabled{opacity:.6;cursor:not-allowed}.file-input-hidden{display:none}.attachments-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:12px}.attachment-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.attachment-item:last-child{margin-bottom:0}.attachment-name{color:#1f2937;word-break:break-word;flex:1;font-size:12px;font-weight:500}.attachment-size{color:#9ca3af;font-size:11px}.btn-remove-attachment{color:#dc2626;cursor:pointer;background:#fee;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.btn-remove-attachment:hover:not(:disabled){color:#7f1d1d;background:#fca5a5}.rubric-header{justify-content:space-between;align-items:center;display:flex}.btn-toggle-rubric{color:#667eea;background:#fff;border:1px solid #d1d5db;padding:6px 12px;font-size:12px}.rubric-form{background:#f9fafb;border:2px dashed #d1d5db;border-radius:6px;margin-top:12px;padding:16px}.rubric-form .form-input{margin-bottom:12px}.btn-add-criteria{justify-content:center;width:100%}.rubric-preview-form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.rubric-item-form{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px 40px 12px 12px;position:relative}.rubric-item-info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.rubric-item-info strong{color:#1f2937;font-size:13px}.rubric-item-points{color:#667eea;background:#eef2ff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.rubric-item-desc{color:#6b7280;margin:4px 0 0;font-size:12px;line-height:1.4}.btn-remove-criteria{color:#dc2626;cursor:pointer;background:#fee;border:none;border-radius:4px;padding:6px 8px;font-size:12px;transition:all .2s;position:absolute;top:8px;right:8px}.btn-remove-criteria:hover:not(:disabled){color:#7f1d1d;background:#fca5a5}.modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:24px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#d1d5db}.btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-width:150px}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.modal-container{max-width:100%;max-height:95vh}.modal-header,.assignment-form{padding:16px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column;padding:16px}.btn-submit{min-width:auto}}.submissions-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.submissions-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:85%;max-width:900px;max-height:85vh;animation:.3s ease-in-out slideUp;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000004d}.submissions-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.submissions-modal-header h2{margin:0 0 4px;font-size:24px;font-weight:600}.modal-subtitle{opacity:.9;margin:0;font-size:14px}.modal-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:8px;font-size:20px;transition:background .2s}.modal-close-btn:hover{background:#ffffff4d}.submissions-modal-body{flex:1;padding:24px;overflow-y:auto}.no-submissions{color:#999;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.no-submissions p{margin:0;font-size:16px}.submissions-list{flex-direction:column;gap:16px;display:flex}.submission-item{border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.submission-item:hover{background-color:#f8f9ff;border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.submission-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.submission-info{align-items:center;gap:12px;display:flex}.student-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.student-details{flex-direction:column;display:flex}.student-name{color:#333;font-size:14px;font-weight:600}.student-email{color:#999;font-size:12px}.submission-status{align-items:center;gap:8px;display:flex}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.status-submitted{color:#1976d2;background-color:#e3f2fd}.status-graded{color:#388e3c;background-color:#e8f5e9}.status-returned{color:#f57c00;background-color:#fff3e0}.submission-meta{color:#666;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.meta-icon{color:#999}.late-badge{color:#c62828;background-color:#ffebee;border-radius:12px;margin-left:8px;padding:2px 8px;font-weight:500}.submission-content{margin-bottom:12px}.content-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.content-text{color:#333;word-break:break-word;background-color:#f5f5f5;border-left:3px solid #667eea;border-radius:4px;max-height:120px;padding:10px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;overflow:hidden}.submission-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.btn-view-attachments{color:#667eea;cursor:pointer;background-color:#fff;border:1.5px solid #667eea;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-view-attachments:hover{color:#fff;background-color:#667eea;box-shadow:0 4px 12px #667eea4d}.submission-grading{border-top:2px solid #f0f0f0;margin-top:16px;padding-top:16px}.grading-form{background:linear-gradient(135deg,#f5f7ff 0%,#f0f4ff 100%);border:1px solid #e0e4ff;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.label-bold{color:#333;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.grading-form input[type=number],.grading-form textarea{border:1.5px solid #d0d8ff;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-size:13px;transition:all .2s}.grading-form input[type=number]:focus,.grading-form textarea:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.grading-form textarea{resize:vertical;min-height:80px}.graded-summary{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9 0%,#f1f8e9 100%);border:1px solid #c8e6c9;border-radius:6px;padding:12px;font-size:13px}.graded-summary div{margin:6px 0;line-height:1.5}.btn-download{color:#667eea;cursor:pointer;background-color:#f0f4ff;border:1.5px solid #667eea;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.btn-download:hover{color:#fff;background-color:#667eea;box-shadow:0 4px 12px #667eea4d}.btn-secondary{color:#666;cursor:pointer;background-color:#fff;border:1.5px solid #d0d0d0;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background-color:#f5f5f5;border-color:#999}.btn-save-grade{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea33}.btn-save-grade:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-save-grade:disabled{opacity:.6;cursor:not-allowed}.grading-form>div:last-child{margin-top:8px}.file-viewer-overlay{z-index:1200;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.file-viewer-content{background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden}.file-viewer-header{background:#f7f7fb;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.file-viewer-body{padding:16px;overflow:auto}.file-viewer-body iframe{width:100%;height:70vh}.versions-info{color:#999;font-size:12px}.versions-count{background-color:#f5f5f5;border-radius:4px;padding:4px 8px;font-weight:500}.submissions-modal-footer{background:linear-gradient(135deg,#f9f9ff 0%,#f5f7ff 100%);border-top:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.footer-stats{flex:1;gap:20px;min-width:300px;display:flex}.stat{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-direction:column;flex:1;gap:8px;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea33}.stat:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea4d}.stat-value{color:#fff;font-size:32px;font-weight:700;line-height:1}.btn-close{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea33}.btn-close:hover{color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-close{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;padding:8px 20px;font-weight:500;transition:all .2s}.btn-close:hover{background-color:#764ba2;box-shadow:0 4px 12px #667eea4d}@media (max-width:600px){.submissions-modal-content{width:95%;max-height:90vh}}@media (min-width:1100px){.submissions-modal-content{width:70%;max-width:1100px}.submissions-modal-header,.submissions-modal-body{padding:16px}.submission-header{flex-direction:column;align-items:flex-start;gap:12px}.submission-status{width:100%}.footer-stats{flex-direction:row;align-items:center;gap:24px}.submissions-modal-footer{flex-direction:row;gap:12px}.btn-close{width:100%}}.assignment-section{background:#fff;border-radius:12px;width:100%;margin-bottom:24px;padding:24px}.assignment-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-title-group{align-items:center;gap:12px;display:flex}.section-title{color:#1f2937;margin:0;font-size:22px;font-weight:700}.assignment-count{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.btn-create-assignment{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.btn-create-assignment:active{transform:translateY(0)}.assignment-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;padding:16px;display:flex}.filter-group,.sort-group{align-items:center;gap:10px;display:flex}.filter-label,.sort-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:600}.filter-select,.sort-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.filter-select:hover,.sort-select:hover{border-color:#9ca3af}.filter-select:focus,.sort-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.empty-state{text-align:center;padding:60px 40px}.empty-icon{margin-bottom:16px;font-size:64px}.empty-title{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.empty-description{color:#6b7280;margin:0 0 20px;font-size:14px}.btn-create-first{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.btn-create-first:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.spinner{color:#667eea;margin-bottom:16px;font-size:32px;animation:1s linear infinite spin}.error-message{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:16px}.error-message p{margin:0 0 12px;font-size:13px;font-weight:500}.btn-retry{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.btn-retry:hover{background:#991b1b;transform:translateY(-1px)}.assignments-grid{gap:16px;animation:.3s fadeIn;display:grid}@media (max-width:768px){.assignment-section{padding:16px}.assignment-section-header{flex-direction:column;align-items:flex-start}.btn-create-assignment{justify-content:center;width:100%}.assignment-controls{flex-direction:column;align-items:flex-start;gap:12px}.filter-group,.sort-group{width:100%}.filter-select,.sort-select{flex:1}}@media (max-width:480px){.assignment-section{margin-bottom:16px;padding:12px}.section-title{font-size:18px}.empty-state{padding:40px 20px}}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{margin:0;font-size:18px;font-weight:600}.btn-close:hover{background-color:#fff3}.view-section{margin-bottom:20px}.label-bold{color:#1f2937;margin-bottom:8px;font-weight:600;display:block}.view-section p{color:#6b7280;margin:0;line-height:1.5}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-secondary{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:background-color .2s}.btn-secondary:hover{background:#d1d5db}:root{--primary:#667eea;--primary-dark:#5a6fd8;--secondary:#764ba2;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--light:#f9fafb;--border:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--light);width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.evaluator-container-v2{background:var(--light);height:100vh;display:flex}.evaluator-cloud{opacity:.18;pointer-events:none;z-index:0;background-position:0 100%;background-repeat:no-repeat;background-size:cover;width:100%;height:420px;position:fixed;bottom:0;left:0}.evaluator-cloud-inline{pointer-events:none;z-index:0;opacity:.35;width:100%;height:480px;position:fixed;bottom:0;left:0}body:before{content:"";pointer-events:none;z-index:0;opacity:.32;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='480' viewBox='0 0 1600 480' preserveAspectRatio='xMinYMax slice'><defs><linearGradient id='g' x1='0' x2='1' y1='0' y2='1'><stop offset='0' stop-color='%23f3f4f6' stop-opacity='0.9'/><stop offset='1' stop-color='%23eef2ff' stop-opacity='0.9'/></linearGradient></defs><g fill='none' fill-rule='evenodd'><g transform='translate(-50,-60)'><ellipse cx='220' cy='420' rx='420' ry='150' fill='%23e6eefc' opacity='0.6'/><ellipse cx='520' cy='420' rx='520' ry='180' fill='%23eef6ff' opacity='0.48'/><ellipse cx='980' cy='420' rx='420' ry='160' fill='%23f3f8ff' opacity='0.45'/></g></g></svg>");background-position:0 100%;background-repeat:no-repeat;background-size:cover;width:100%;height:480px;position:fixed;bottom:0;left:0}.evaluator-sidebar::-webkit-scrollbar{width:6px}.evaluator-sidebar::-webkit-scrollbar-track{background:0 0}.evaluator-sidebar::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:3px;transition:background .3s}.evaluator-sidebar::-webkit-scrollbar-thumb:hover{background:#6b728099}.evaluator-sidebar{z-index:1000;-webkit-backdrop-filter:blur(8px)saturate(120%);background:#f8fafc;border-right:1px solid #e2e8f0;border-radius:0 12px 12px 0;flex-direction:column;width:260px;padding:0;transition:all .3s;display:flex;position:relative;overflow-y:auto;box-shadow:2px 0 8px #0000000a}.evaluator-sidebar:before{content:"";z-index:2;background:linear-gradient(90deg,#667eea,#764ba2);height:2px;position:absolute;top:0;left:0;right:0}.evaluator-sidebar.closed{width:80px}.sidebar-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:all .3s;display:flex;color:#fff!important;background:linear-gradient(135deg,#5b3ab6 0%,#6f4bd0 40%,#4b2f8a 100%)!important;border-bottom:none!important;border-radius:12px 0 0!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:18px 16px!important;transition:all .22s!important;display:flex!important}.logo{color:#fff!important;align-items:center!important;gap:12px!important;font-size:16px!important;font-weight:800!important;display:flex!important}.logo-text{flex-direction:column;gap:2px;display:flex}.logo-text span{font-size:16px;font-weight:800;display:block;color:#fff!important}.logo-sub{opacity:.95;margin:2px 0 0;font-size:12px;font-weight:600;color:#fffffff2!important}.user-info-header{align-items:center;gap:10px;margin-left:6px;display:flex}.user-avatar{color:#fff!important;background:linear-gradient(135deg,#7b6bf0 0%,#6f4bd0 100%)!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;font-size:20px!important;font-weight:800!important;display:flex!important;box-shadow:0 8px 24px #4b2f8a2e!important}.sidebar-footer .user-card{background:linear-gradient(#ffffff0a,#ffffff05);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.sidebar-footer .user-card .user-avatar{width:44px!important;height:44px!important;box-shadow:none!important;border-radius:10px!important}.sidebar-footer .user-card .user-meta{flex-direction:column;display:flex}.sidebar-footer .nav-item.logout{color:#ef4444!important;background:linear-gradient(90deg,#ef44441f,#ef44440f)!important;border-radius:10px!important;width:100%!important;padding:12px!important;font-weight:700!important}.nav-item.active{padding-left:22px!important;position:relative!important}.nav-item.active:after{content:"";background:#ffffffe6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 2px 6px #0000001f}.nav-item .nav-label{margin-left:6px}.logo svg{flex-shrink:0;font-size:18px;color:#fff!important}.evaluator-sidebar.closed .logo span,.evaluator-sidebar.closed .logo-text{display:none}.sidebar-toggle{color:#667eea;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:16px;transition:all .2s;display:flex}.sidebar-toggle:hover{background:#667eea1a;border-color:#667eea}.user-info{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:0;align-items:center;gap:8px;margin:0;padding:6px 8px;transition:all .3s;display:flex;position:relative}.user-info:after{content:"";background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #667eea33}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 10px #667eea40}.evaluator-sidebar.closed .user-avatar{margin:0 auto}.user-details{flex:1;min-width:0}.evaluator-sidebar.closed .user-details{display:none}.user-details h4{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;line-height:1.1;transition:all .2s;overflow:hidden}.user-info:hover .user-details h4{color:#667eea}.user-details p{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;font-weight:600;line-height:1.1;overflow:hidden}.sidebar-nav{background:#f8fafc;flex-direction:column;flex:1;gap:2px;padding:8px 6px;display:flex;overflow-y:auto}.nav-item{cursor:pointer;white-space:nowrap;text-align:left;box-shadow:none;box-sizing:border-box;border:none;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:12px;width:calc(100% - 8px);margin:0;padding:10px 12px;font-size:13px;font-weight:600;transition:background .12s,box-shadow .12s;display:flex;position:relative;color:#6b7280!important;background:0 0!important}.nav-item:before{display:none}.nav-item:hover{border-left-color:#0000;color:#0f172a!important;background:#ffffff1f!important}.nav-item.active{border-left-color:#0000;padding-left:12px;padding-right:12px;font-weight:700;transform:none;box-shadow:0 6px 18px #667eea1f;color:#fff!important;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%)!important}.evaluator-sidebar.closed .nav-label{display:none}.nav-label{color:inherit;align-items:center;display:flex}.nav-icon{color:#4b5563;min-width:32px;min-height:32px;box-shadow:none;background:linear-gradient(135deg,#667eea14,#764ba20f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.evaluator-sidebar.closed .nav-item{justify-content:center;padding:10px;position:relative}.sidebar-footer{border-top:1px solid #e2e8f099;flex-direction:column;gap:8px;margin-top:auto;padding:10px 6px;display:flex}.sidebar-footer .nav-item{background:#ffffff0f;border-radius:10px;padding:8px 10px}.sidebar-footer .nav-item.logout{color:#ef4444;background:linear-gradient(90deg,#ef444414,#ef44440a);font-weight:700}.evaluator-sidebar.closed .nav-item:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#1f2937;border-radius:6px;margin-left:10px;padding:6px 10px;font-size:11px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.evaluator-sidebar.closed .nav-item:hover:after{opacity:1}.sidebar-footer{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;gap:2px;margin-top:auto;padding:6px;display:flex}.nav-item.logout{background:0 0;border-left:2px solid #0000;margin:0;font-weight:500;transition:all .2s;color:#ef4444!important}.nav-item.logout:hover{border-left-color:#ef4444;transform:translate(2px);color:#dc2626!important;background:#ef44441a!important}.evaluator-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.evaluator-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;box-shadow:0 2px 8px #00000005}.header-left{flex:1;align-items:center;gap:16px;display:flex}.menu-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:20px;display:none}.menu-toggle:hover{color:var(--text-primary)}.header-right{align-items:center;gap:20px;display:flex}.search-box{background:var(--light);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;width:300px;padding:10px 16px;display:flex}.search-box svg{color:var(--text-secondary)}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-box input::placeholder{color:var(--text-secondary)}.notification-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;position:relative}.notification-btn:hover{background:var(--light);color:var(--text-primary)}.notification-btn .badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.evaluator-content{flex:1;padding:30px;overflow-y:auto}.dashboard-tab{max-width:1600px;margin:0 auto}.welcome-section{margin-bottom:40px}.welcome-text h2{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:700}.welcome-text p{color:var(--text-secondary);margin:0;font-size:16px}.stat-card{background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000d}.stat-card.evaluations{border-left-color:var(--info)}.stat-card.evaluated{border-left-color:var(--success)}.stat-card.pending{border-left-color:var(--warning)}.stat-card.average{border-left-color:var(--primary)}.stat-card.classes{border-left-color:#8b5cf6}.stat-card.students{border-left-color:#ec4899}.stat-card.evaluations .stat-icon{color:var(--info);background:#3b82f61a}.stat-card.evaluated .stat-icon{color:var(--success);background:#10b9811a}.stat-card.pending .stat-icon{color:var(--warning);background:#f59e0b1a}.stat-card.average .stat-icon{color:var(--primary);background:#667eea1a}.stat-card.classes .stat-icon{color:#8b5cf6;background:#8b5cf61a}.stat-card.students .stat-icon{color:#ec4899;background:#ec48991a}.stat-content h3{color:var(--text-primary);margin:0 0 4px;font-size:28px;font-weight:700}.stat-content p{color:var(--text-secondary);margin:0;font-size:13px;font-weight:500}.quick-actions{background:#fff;border-radius:12px;margin-bottom:40px;padding:24px;box-shadow:0 2px 12px #0000000d}.quick-actions h3{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:700}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.action-buttons button{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:all .2s;display:flex}.action-buttons button:hover{background:var(--light);border-color:var(--primary);color:var(--primary)}.recent-section h3{color:var(--text-primary);margin:0 0 20px;font-size:18px;font-weight:700}.exam-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.mini-exam-card{background:#fff;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 12px #0000000d}.mini-exam-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.mini-exam-card h4{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.exam-stats-mini{gap:16px;margin-bottom:12px;font-size:13px;display:flex}.exam-stats-mini span{color:var(--text-secondary);align-items:center;gap:4px;display:flex}.progress-bar{background:var(--light);border-radius:3px;width:100%;height:6px;overflow:hidden}.evaluations-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.evaluations-header h2{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.filter-select{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.exams-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000d}.exams-table table{border-collapse:collapse;width:100%}.exams-table th{background:var(--light);text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:16px;font-size:13px;font-weight:700}.exams-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:16px}.exams-table tr:last-child td{border-bottom:none}.exams-table tbody tr:hover{background:var(--light)}.exam-name{font-weight:600}.badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge.evaluated{color:var(--success);background:#10b9811a}.badge.pending{color:var(--warning);background:#f59e0b1a}.status-badge{color:var(--success);background:#10b9811a;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.action-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;transition:all .2s;display:flex}.action-btn:hover{color:var(--primary-dark);background:#667eea1a}.empty-state svg{color:#cbd5e0;opacity:.6;margin-bottom:16px;font-size:48px}.empty-state p{color:#a0aec0;margin:0;font-size:13px;line-height:1.5}.loading{text-align:center;color:var(--text-secondary);padding:40px 20px}.classroom-container{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:none;border-radius:0;grid-template-columns:260px 1fr;gap:0;height:calc(100vh - 140px);display:grid;overflow:hidden;box-shadow:0 -2px 8px #0000000a}.classes-sidebar{background:#fff;border-right:2px solid #e5e7eb;flex-direction:column;display:flex;overflow-y:auto;box-shadow:2px 0 8px #0000000a}.classes-header{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 16px;display:flex}.classes-header h3{color:#111827;letter-spacing:.5px;margin:0;font-size:15px;font-weight:700}.btn-add-class{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:7px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #667eea40}.btn-add-class:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.classes-list{background:#fff;flex:1;padding:10px 8px;overflow-y:auto}.class-item{cursor:pointer;text-align:left;color:#6b7280;background:#f9fafb;border:1.5px solid #e5e7eb;border-left:4px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:11px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.class-item:hover{background:#f3e8ff;border-color:#e9d5ff #e9d5ff #e9d5ff #667eea;transform:translate(2px);box-shadow:0 4px 12px #667eea1a}.class-item.active{color:#111827;background:linear-gradient(135deg,#f3e8ff 0%,#ede9fe 100%);border-color:#ddd6fe;font-weight:600;box-shadow:0 4px 12px #667eea26}.class-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.class-info{flex:1}.class-info h4{color:#2d3748;margin:0;font-size:13px;font-weight:500;line-height:1.4}.class-info p{color:#a0aec0;margin:2px 0 0;font-size:11px;line-height:1.3}.classroom-content{flex-direction:column;display:flex;overflow:hidden}.classes-list-horizontal{flex-direction:column;gap:12px;padding:12px;display:flex}.my-class-item{cursor:pointer;background:linear-gradient(#fff9,#fff6);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.my-class-item.active{background:linear-gradient(90deg,#667eea1f,#764ba214);border-color:#667eea2e}.my-class-left{color:var(--primary);font-size:18px}.my-class-name{color:var(--text-primary);font-weight:600}.my-class-meta{color:var(--text-secondary);font-size:12px}.classroom-main{flex-direction:column;gap:16px;max-width:920px;margin:0 auto;padding:20px;display:flex}.my-classes-panel{background:#fff;border:1px solid #eef2f8;border-radius:10px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;box-shadow:0 4px 12px #0000000d}.my-classes-content{flex-direction:column;flex:1;display:flex}.my-classes-content h3{color:var(--text-primary);margin:0 0 8px;font-size:14px;font-weight:700}.class-selection-row{justify-content:space-between;align-items:center;display:flex}.class-selector{align-items:center;gap:12px;display:flex}.class-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.class-details{flex-direction:column;display:flex}.class-name{color:var(--text-primary);font-size:14px;font-weight:700}.class-students{color:var(--text-secondary);margin-top:2px;font-size:12px}.student-avatars{align-items:center;gap:-8px;display:flex}.avatar{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:14px;display:flex;box-shadow:0 2px 4px #00000014}.avatar:first-child{margin-left:0}.avatar-more{width:28px;height:28px;color:var(--text-secondary);background:#f3f4f6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:11px;font-weight:700;display:flex}.btn-add-class-top{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:flex}.classroom-header{border-radius:8px;height:140px;overflow:hidden}.class-cover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;width:100%;height:140px;position:relative}.class-title-overlay{color:#fff;position:absolute;bottom:12px;left:20px}.classroom-tabs-row{padding:12px 0 0}.classroom-tabs{align-items:center;gap:8px;display:flex}.classroom-tab-btn{cursor:pointer;color:var(--text-primary);background:#fff;border:1px solid #eceff6;border-radius:6px;padding:8px 12px}.classroom-tab-btn.active{border-bottom:3px solid var(--primary);background:linear-gradient(90deg,#667eea0f,#764ba208)}.classroom-body{flex-direction:column;gap:12px;margin-top:12px;display:flex}.stream-actions{justify-content:flex-start;display:flex}.btn-create-announcement{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 20px;font-weight:700}.pro-tip-card{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:14px;display:flex;box-shadow:0 4px 12px #0000000a}.pro-tip-action .btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px}.exams-actions{align-items:center;gap:12px;display:flex}.btn-live{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4f46e5,#06b6d4);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-weight:600;display:inline-flex}.btn-live:hover{filter:brightness(.95)}.placeholder-lower{background:linear-gradient(#fff9,#ffffff4d);border-radius:8px;height:120px}.classroom-quickaccess{width:300px;padding:20px}.quickaccess-card{background:#fff;border-radius:8px;padding:16px;position:relative;box-shadow:0 6px 18px #0000000a}.quickaccess-header{justify-content:space-between;align-items:center;display:flex}.quickaccess-header h4{color:var(--text-primary);margin:0;font-size:16px}.quickaccess-chevron{color:var(--text-secondary);font-size:14px}.quickaccess-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.qa-item{cursor:pointer;background:linear-gradient(#fff,#fbfbff);border:1px solid #6366f10f;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex;box-shadow:0 6px 14px #1018280a}.qa-item:hover{transform:translateY(-4px);box-shadow:0 10px 28px #10182814}.qa-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:flex}.qa-text{color:var(--text-primary);font-size:13px;font-weight:700}.qa-item.qa-blue .qa-icon{background:linear-gradient(135deg,#4f46e5,#667eea)}.qa-item.qa-purple .qa-icon{background:linear-gradient(135deg,#7c3aed,#9f7aea)}.qa-item.qa-amber .qa-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}.qa-item.qa-violet .qa-icon{background:linear-gradient(135deg,#06b6d4,#7c3aed)}.btn-manage{cursor:pointer;width:100%;color:var(--text-primary);background:linear-gradient(#f3f4ff,#fff);border:1px solid #eef2ff;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px;font-weight:600;display:flex}.classroom-container{grid-template-columns:260px 1fr 300px;gap:20px;height:auto;display:grid}.classroom-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:140px;position:relative;overflow:hidden;box-shadow:0 8px 24px #667eea33}.cover-gradient{background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.class-title-overlay{color:#fff;flex-direction:column;justify-content:flex-end;height:100%;padding:24px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.class-title-overlay h2{letter-spacing:-.5px;margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.2}.class-title-overlay p{opacity:.9;margin:0;font-size:14px;font-weight:500;line-height:1.4}.classroom-tabs{background:#fff;border-bottom:2px solid #e5e7eb;gap:4px;padding:0 28px;display:flex;box-shadow:0 2px 4px #00000005}.classroom-tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:14px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.classroom-tab-btn:hover{color:#111827}.classroom-tab-btn.active{color:#667eea}.classroom-tab-btn.active:after{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:2px;height:3px;position:absolute;bottom:-2px;left:0;right:0}.classroom-stream{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);flex:1;padding:28px 28px 20px;overflow-y:auto}.create-post{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:24px;padding:22px;transition:all .2s;box-shadow:0 4px 16px #0000000f}.create-post:hover{box-shadow:0 8px 24px #00000014}.post-input-area{margin-bottom:12px}.post-input{border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:12px 16px;font-size:14px}.post-input::placeholder{color:var(--text-secondary)}.post-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.post-actions{flex-wrap:wrap;gap:8px;display:flex}.action-icon{background:var(--light);color:var(--text-secondary);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.action-icon:hover{color:var(--primary);background:#667eea1a}.btn-post{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-left:auto;padding:8px 24px;font-weight:600;transition:all .2s}.btn-post:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.posts-feed{flex-direction:column;gap:16px;margin-bottom:0;display:flex}.post{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;transition:all .2s;position:relative;box-shadow:0 4px 16px #0000000f}.post:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.post.pinned{background:linear-gradient(135deg,#f59e0b08 0%,#f59e0b03 100%);border:2px solid #f59e0b;box-shadow:0 8px 24px #f59e0b1f}.pinned-badge{color:var(--warning);background:#f59e0b1a;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.post-author{flex:1;align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex;box-shadow:0 4px 12px #667eea33}.author-info p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.menu-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px}.post-content h3{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:700}.post-content p{color:var(--text-secondary);margin:0;line-height:1.6}.post-actions-footer{border-top:1px solid var(--border);gap:16px;margin-top:16px;padding-top:16px;display:flex}.post-actions-footer button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.post-actions-footer button:hover{color:var(--primary)}.comments-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.comment{gap:12px;margin-bottom:12px;display:flex}.comment-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.comment-content h5{color:var(--text-primary);margin:0 0 2px;font-size:13px;font-weight:600}.comment-content p{color:var(--text-secondary);margin:2px 0 4px;font-size:13px;line-height:1.5}.comment-content small{color:var(--text-secondary);font-size:12px}.like-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.like-btn:hover{color:var(--danger)}.classroom-materials{flex-direction:column;flex:1;padding:24px 24px 40px;display:flex;overflow-y:auto}.materials-upload{margin-bottom:20px}.upload-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.materials-list{flex-direction:column;gap:16px;width:100%;display:flex}.material-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.material-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.material-header{margin-bottom:12px}.material-header h3{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:600}.material-files{background:#f9fafb;border-radius:6px;flex-direction:column;gap:8px;margin:12px 0;padding:12px;display:flex}.file-link{color:#667eea;border-radius:4px;align-items:center;gap:8px;padding:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.file-link:hover{color:#764ba2;background:#fff}.material-meta{color:#9ca3af;margin:0;font-size:12px}.classroom-assignments{flex-direction:column;flex:1;padding:24px 24px 40px;display:flex;overflow-y:auto}.assignments-header{margin-bottom:20px}.btn-create-assignment{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.assignments-list{flex-direction:column;flex:1;gap:16px;display:flex}.assignment-card{border-left:4px solid var(--primary);background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 8px #0000000d}.assignment-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.assignment-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.due-date{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.assignment-description{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.submission-progress{align-items:center;gap:12px;display:flex}.submission-progress .progress-bar{flex:1}.progress-text{color:var(--text-secondary);min-width:120px;font-size:12px;font-weight:600}.classroom-grades{flex:1;padding:24px 24px 40px;overflow-y:auto}.no-class-selected{text-align:center;min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-class-selected svg{color:var(--border);margin-bottom:20px;font-size:60px}.no-class-selected h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.no-class-selected p{margin:0;font-size:14px}.analytics-container{max-width:1600px;margin:0 auto}.analytics-container h2{color:var(--text-primary);margin:0 0 24px;font-size:24px;font-weight:700}.analytics-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000d}.placeholder{background:var(--light);height:300px;color:var(--text-secondary);border:2px dashed var(--border);border-radius:8px;justify-content:center;align-items:center;display:flex}.loading-small{text-align:center;color:var(--text-secondary);padding:20px;font-size:14px}@media (max-width:1200px){.classroom-container{grid-template-columns:280px 1fr}.stats-grid,.exam-cards{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media (max-width:768px){.evaluator-sidebar{z-index:999;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.evaluator-sidebar.open{transform:translate(0)}.evaluator-sidebar.closed{display:none}.menu-toggle{display:flex}.evaluator-header{padding:16px 20px}.search-box{width:200px;font-size:12px}.classroom-container{grid-template-columns:1fr}.classes-sidebar{display:none}.evaluator-content{padding:20px}.stats-grid,.exam-cards{grid-template-columns:1fr}.evaluations-header{flex-direction:column;align-items:flex-start}.filter-controls{width:100%}.filter-select{flex:1}.classroom-container{height:calc(100vh - 160px)}.exams-table{font-size:12px}.exams-table th,.exams-table td{padding:12px}}@media (max-width:480px){.sidebar-header{padding:16px}.header-left h1{font-size:18px}.search-box{display:none}.welcome-text h2{font-size:22px}.stat-card{padding:16px}.stat-content h3{font-size:22px}.action-buttons{grid-template-columns:1fr}.classroom-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.classroom-tab-btn{white-space:nowrap;padding:12px 16px}.post{padding:16px}.assignment-header{flex-direction:column;align-items:flex-start}}.classroom-peoples{flex:1;padding:24px 24px 40px;animation:.3s fadeIn;overflow-y:auto}.peoples-header h3{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:600}.student-count{color:var(--text-secondary);font-size:14px}.student-item{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.student-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.student-info{flex:1}.student-info h4{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.student-email{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.student-status{font-size:12px}.status-badge{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.student-date{color:var(--text-secondary);white-space:nowrap;font-size:12px}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-state .spinner{border:3px solid #667eea1a;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:.8s linear infinite spin}.classroom-invite{flex:1;padding:24px 24px 40px;animation:.3s fadeIn;overflow-y:auto}.invite-container{max-width:600px}.invite-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.btn-back{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-back:hover{background:var(--border);color:var(--primary);transform:translate(-2px)}.btn-back:active{transform:translate(0)}.classroom-invite h3{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.invite-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.invite-form{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:24px;padding:20px}.invite-textarea{border:1px solid var(--border);width:100%;min-height:140px;color:var(--text-primary);resize:vertical;border-radius:6px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.helper-text{color:var(--text-secondary);margin-top:6px;font-size:12px;display:block}.btn-invite-submit{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-invite-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-invite-submit:active{transform:translateY(0)}.btn-invite-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-invite-submit:disabled:hover{box-shadow:none;transform:none}.invite-info{background:#f0f4ff;border:1px solid #d1d9f7;border-radius:8px;padding:16px}.invite-info h4{color:var(--primary-dark);margin-bottom:12px;font-size:14px;font-weight:600}.invite-info ul{flex-direction:column;gap:8px;list-style:none;display:flex}.invite-info li{color:var(--text-primary);padding-left:24px;font-size:13px;position:relative}.invite-info li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.create-class-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 10px 40px #00000026}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 10px 40px #00000026}.modal-close-btn{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#2d3748;background:#f1f5f9}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.create-class-form{padding:24px}.form-error{background:#fee;border-left:4px solid #ef4444;border-radius:6px;margin-bottom:20px;padding:12px 16px}.modal-content.small{text-align:left;width:420px;max-width:92%;padding:18px}.simple-toast{color:#fff;z-index:2000;border-radius:8px;padding:10px 14px;position:fixed;top:20px;right:20px;box-shadow:0 6px 22px #0f172a33}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:#2563eb}.form-error p{color:#991b1b;margin:0;font-size:14px;font-weight:500}.form-success{background:#efe;border-left:4px solid #10b981;border-radius:6px;margin-bottom:20px;padding:12px 16px}.form-success p{color:#065f46;margin:0;font-size:14px;font-weight:500}.form-group{margin-bottom:20px;position:relative}.form-group input,.form-group select,.form-group textarea{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{color:#a0aec0;cursor:not-allowed;background:#f7fafc}.form-group textarea{resize:vertical;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.char-count{color:#a0aec0;pointer-events:none;font-size:12px;position:absolute;top:32px;right:12px}.form-actions{border-top:1px solid #e9ecef;gap:12px;margin-top:28px;padding-top:20px;display:flex}.btn-cancel{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:11px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-submit{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-submit:disabled{cursor:not-allowed;opacity:.8}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@media (max-width:640px){.create-class-modal{border-radius:12px 12px 0 0;width:95%;max-width:none;margin:0;animation:.3s slideUpMobile;position:fixed;bottom:0;left:0;right:0}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header,.create-class-form{padding:16px}.form-group{margin-bottom:16px}.char-count{top:28px}}.btn-create-announcement{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 24px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #667eea40}.empty-state h3{color:#333;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{color:#999;font-size:14px}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.loading-state .spinner{width:40px;height:40px;animation:1s linear infinite spin}.loading-state p{color:#666;font-size:14px}.dashboard-premium{flex-direction:column!important;gap:0!important;display:flex!important}.dashboard-header-premium{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 40px 16px;box-shadow:0 2px 8px #0000000d}@media (max-width:720px){.dashboard-header-premium .header-notifications,.dashboard-header-premium .header-search,.dashboard-header-premium .quick-stats-grid{display:none!important}.dashboard-header-premium{padding:18px!important}}.header-top{justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px;display:flex}.header-title h1{color:#2c3e50;letter-spacing:-1px;margin:0;font-size:32px;font-weight:800}.header-notifications{align-items:center;gap:20px;display:flex}.notification-item{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.notification-icon{color:#0ea5e9;font-size:16px}.notification-icon.alert{color:#f59e0b}.header-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:300px;padding:10px 16px;display:flex}.header-search input{color:#2c3e50;background:0 0;border:none;outline:none;flex:1;font-size:14px}.header-search input::placeholder{color:#94a3b8}.overview-text{color:#64748b;margin:0 0 20px;font-size:15px;font-weight:500}.quick-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:0;display:grid}.quick-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:18px;transition:all .3s;display:flex}.quick-stat-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.stat-icon-box{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.stat-icon-box.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.stat-icon-box.warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.stat-details{flex-direction:column;gap:4px;display:flex}.stat-num{color:#2c3e50;font-size:24px;font-weight:800}.dashboard-content-premium{flex:1;grid-template-columns:1fr 320px;gap:30px;padding:30px 40px;display:grid;overflow-y:auto}.content-left,.content-right{flex-direction:column;gap:20px;display:flex}.section-title{justify-content:space-between;align-items:center;margin:0;display:flex}.section-title h2{color:#2c3e50;margin:0;font-size:20px;font-weight:800}.refresh-link{color:#667eea;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.refresh-link:hover{opacity:.8}.evaluations-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:60px 40px;display:flex}.empty-illustration{margin:0;font-size:80px}.cat-illustration{font-size:80px;display:inline-block}.evaluations-empty-state h3{color:#2c3e50;margin:0;font-size:22px;font-weight:700}.evaluations-empty-state p{color:#64748b;margin:0;font-size:14px}.empty-sub-text{color:#94a3b8!important;font-size:13px!important}.quick-actions-list{flex-direction:column;gap:12px;display:flex}.quick-action-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:14px;transition:all .3s;display:flex}.quick-action-btn:hover{border-color:#667eea;transform:translate(4px);box-shadow:0 4px 16px #00000014}.quick-action-btn.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.quick-action-btn.primary:hover{box-shadow:0 8px 24px #667eea4d}.action-icon{min-width:24px;font-size:18px;display:inline-block}.action-content{flex-direction:column;flex:1;gap:2px;display:flex}.action-title{font-size:14px;font-weight:600}.action-arrow{opacity:.6;font-size:16px;transition:all .3s}.quick-action-btn:hover .action-arrow{opacity:1;transform:translate(4px)}@media (max-width:1024px){.dashboard-content-premium{grid-template-columns:1fr}.header-top{flex-direction:column;align-items:flex-start;gap:16px}.header-search{width:100%;max-width:100%}}@media (max-width:768px){.dashboard-header-premium{padding:20px}.quick-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.dashboard-content-premium{gap:20px;padding:20px}.header-notifications{flex-direction:column;width:100%}.notification-item{width:100%}}.evaluations-tab{z-index:1;background:0 0;padding:24px 30px 80px;position:relative}.tab-content{z-index:2;position:relative}.evaluations-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1200px;margin:10px 0 22px;display:grid}.stat-card-eval{border-left:6px solid var(--primary);background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px;display:flex;box-shadow:0 6px 18px #1018280f}.stat-card-eval.warning{border-left-color:var(--warning)}.stat-card-eval.success{border-left-color:var(--success)}.stat-card-eval-label{color:#6b7280;font-size:13px;font-weight:700}.stat-card-eval-value{color:var(--text-primary);font-size:30px;font-weight:800}.stat-card-eval-subtext{color:#94a3b8;font-size:13px}.evaluation-tabs{align-items:center;gap:12px;margin-bottom:18px;display:flex}.eval-tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;padding:10px 16px;font-weight:700;transition:all .15s}.eval-tab-btn.active{color:var(--primary);background:linear-gradient(90deg,#667eea1a,#764ba20f);border-color:#667eea24;box-shadow:0 6px 18px #667eea14}.evaluations-container{flex-direction:column;gap:16px;max-width:1200px;display:flex}.exam-card{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex;box-shadow:0 6px 18px #1018280f}.exam-card-left{flex:1;min-width:0}.exam-card-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:800}.exam-card-code{color:#9ca3af;margin-bottom:8px;font-size:12px}.exam-card-meta{color:#6b7280;flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.exam-card-right{align-items:center;gap:10px;display:flex}.status-badge-urgent{color:#c2410c;background:#fff7ed;border:1px solid #fee3c6;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800}.action-btn-preview{color:#1d4ed8;background:linear-gradient(90deg,#eff6ff,#fff);border:1px solid #3b82f6;border-radius:8px;padding:8px 14px;font-weight:700}.action-btn-evaluate{color:#fff;background:linear-gradient(90deg,#10b981,#059669);border:none;border-radius:8px;padding:8px 14px;font-weight:700}.exam-actions{align-items:center;gap:8px;display:flex}.btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;transition:all .2s;display:inline-flex}.btn-icon.publish{color:#fff;background-color:#f59e0b;border:1px solid #d97706}.btn-icon.publish:hover{background-color:#d97706;transform:scale(1.05)}.btn-icon.view{color:#fff;background-color:#3b82f6;border:1px solid #1e40af}.btn-icon.view:hover{background-color:#1e40af;transform:scale(1.05)}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.status-draft{color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d}.status-badge.status-published{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.status-badge.status-archived{color:#374151;background-color:#e5e7eb;border:1px solid #d1d5db}.evaluator-content{position:relative}.evaluator-content:after{content:"";opacity:.28;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 360'><defs><linearGradient id='g1' x1='0' x2='1'><stop offset='0' stop-color='%23eef2ff'/><stop offset='1' stop-color='%23f8fafc'/></linearGradient></defs><g opacity='0.95' fill='url(%23g1)'><ellipse cx='260' cy='260' rx='420' ry='80'/><ellipse cx='620' cy='300' rx='520' ry='90'/><ellipse cx='980' cy='260' rx='340' ry='70'/></g></svg>");background-repeat:no-repeat;background-size:cover;width:900px;max-width:90%;height:360px;position:absolute;bottom:0;left:24px}@media (max-width:1024px){.evaluations-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.evaluator-content:after{opacity:.18;width:700px;height:260px;left:12px}}@media (max-width:640px){.evaluations-tab{padding:18px 12px 60px}.evaluations-stats{grid-template-columns:1fr}.exam-card{flex-direction:column;align-items:stretch}.exam-card-right{justify-content:flex-end}.evaluator-content:after{display:none}}.evaluator-container-v2:before{content:"";opacity:.32;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420'><defs><linearGradient id='g2' x1='0' x2='1'><stop offset='0' stop-color='%23eef2ff'/><stop offset='1' stop-color='%23fbfbff'/></linearGradient></defs><g fill='url(%23g2)' opacity='0.98'><ellipse cx='200' cy='300' rx='420' ry='80'/><ellipse cx='620' cy='340' rx='520' ry='90'/><ellipse cx='980' cy='300' rx='340' ry='70'/></g></svg>");background-position:0 100%;background-repeat:no-repeat;background-size:cover;width:100%;height:420px;position:fixed;bottom:0;left:0}.evaluator-main,.evaluator-content,.tab-content{z-index:5;position:relative}.classroom-tab{max-height:calc(100vh - 100px);padding:30px;overflow-y:auto}.my-classes-section{margin-bottom:40px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.btn-new-class{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-new-class:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px;display:grid}.class-card{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000000a}.class-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #667eea26}.class-card.active{border-color:var(--primary);background:linear-gradient(135deg,#667eea0d,#764ba20d)}.class-card-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.class-icon{font-size:32px}.class-card-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.class-card-body{border-top:1px solid var(--border);padding-top:12px}.class-description{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.class-stats{gap:12px;display:flex}.student-count{color:var(--text-secondary);background:var(--light);border-radius:6px;padding:4px 8px;font-size:12px}.classroom-selector-section{margin-top:0;margin-bottom:16px}.selector-header{justify-content:space-between;align-items:center;margin-top:-10px;margin-bottom:12px;display:flex}.selector-header h2{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.classroom-selector-wrapper{margin-bottom:12px;position:relative}.classroom-dropdown{position:relative}.dropdown-trigger{border:2px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:all .3s;display:flex}.dropdown-trigger:hover{border-color:var(--primary);box-shadow:0 4px 12px #667eea1a}.trigger-icon{flex-shrink:0;font-size:32px}.trigger-content{flex-direction:column;flex:1;gap:4px;display:flex}.trigger-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.trigger-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.trigger-chevron{color:var(--text-secondary);flex-shrink:0;font-size:18px;transition:all .3s}.trigger-chevron.open{color:var(--primary);transform:rotate(180deg)}.dropdown-trigger:hover .trigger-chevron{color:var(--primary)}.dropdown-menu{border:1px solid var(--border);z-index:100;background:#fff;border-radius:12px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.classroom-dropdown:hover .dropdown-menu{flex-direction:column;display:flex}.dropdown-search{border-bottom:1px solid var(--border);background:var(--light);align-items:center;gap:12px;padding:12px 16px;display:flex}.dropdown-search .search-icon{color:var(--text-secondary);font-size:16px}.dropdown-search .search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.dropdown-search .search-input::placeholder{color:var(--text-secondary)}.dropdown-list{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.dropdown-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--light)}.dropdown-item.active{border-left:4px solid var(--primary);background:linear-gradient(90deg,#667eea14,#764ba214);padding-left:12px}.item-icon{flex-shrink:0;font-size:24px}.item-content{flex-direction:column;flex:1;gap:4px;display:flex}.item-name{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.item-description{color:var(--text-secondary);margin:0;font-size:12px}.item-stats{color:var(--text-secondary);margin:0;font-size:11px;font-style:italic}.item-check{color:var(--primary);flex-shrink:0;font-size:18px}.dropdown-footer{background:var(--light);cursor:pointer;color:var(--primary);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.dropdown-footer:hover{background:#667eea14}.selected-class-stats{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea26;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px;display:grid}.stat-box{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 2px 8px #0000000a}.stat-icon{font-size:24px}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:600}.stat-value{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}@media (max-width:768px){.selector-header{flex-direction:column;align-items:stretch;gap:12px}.btn-new-class{justify-content:center;width:100%}.dropdown-menu{border-radius:12px 12px 0 0;max-height:70vh;position:fixed;inset:auto 0 0}.dropdown-list{max-height:60vh}.selected-class-stats,.classes-grid{grid-template-columns:1fr}}.class-details-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px #0000000f}.class-header-large{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.class-header-content h2{margin:0 0 8px;font-size:28px;font-weight:700}.class-header-content p{opacity:.9;margin:0;font-size:14px}.btn-dots{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:8px 12px;font-size:20px;transition:all .2s}.btn-dots:hover{background:#ffffff4d}.class-tabs{border-bottom:1px solid var(--border);background:var(--light);gap:0;display:flex;overflow-x:auto}.class-tab{min-width:120px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;align-items:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.class-tab:hover{color:var(--text-primary);background:#fff}.class-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:#fff}.class-tab-content{min-height:400px;padding:30px}.stream-content{width:100%}.class-hero-banner{color:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 4px 12px #0000001a}.hero-content h1{margin:0 0 8px;font-size:24px;font-weight:700}.hero-content p{opacity:.95;margin:0;font-size:14px}.btn-customize{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.btn-customize:hover{background:#ffffff4d}.stream-layout{grid-template-columns:300px 1fr;gap:24px;width:100%;display:grid}.stream-sidebar{flex-direction:column;gap:16px;display:flex}.quick-links-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000a}.quick-links-card h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:700}.quick-link-btn{border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-primary);background:#fff;border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.quick-link-btn:last-child{margin-bottom:0}.quick-link-btn:hover{background:var(--light);border-color:var(--primary);color:var(--primary)}.quick-link-btn .icon{font-size:18px}.insights-card{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:16px}.insights-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.insights-header h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:700}.insights-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:18px}.insights-text{color:var(--text-primary);margin:0 0 8px;font-size:13px;line-height:1.5}.insights-subtext{color:var(--text-secondary);margin:0 0 12px;font-size:12px}.view-students-btn{color:#2196f3;cursor:pointer;background:#fff;border:1px solid #2196f3;border-radius:6px;width:100%;padding:8px;font-size:13px;font-weight:600;transition:all .3s}.view-students-btn:hover{color:#fff;background:#2196f3}.class-code-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000a}.code-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.code-display{background:var(--light);border:1px dashed var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.code-value{color:var(--text-primary);letter-spacing:2px;font-family:monospace;font-size:18px;font-weight:700}.copy-code-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;transition:all .2s}.copy-code-btn:hover{color:var(--primary-dark);transform:scale(1.1)}.upcoming-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000a}.upcoming-card h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:700}.no-upcoming{color:var(--text-secondary);text-align:center;margin:0 0 12px;padding:12px 0;font-size:13px}.view-all-btn{border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:10px;font-size:13px;font-weight:600;transition:all .3s}.view-all-btn:hover{background:var(--light);border-color:var(--primary);color:var(--primary)}.stream-main{width:100%}.stream-tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:20px;display:flex}.stream-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.stream-tab-btn:hover{color:var(--text-primary)}.stream-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.announcement-banner{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.banner-content{flex:1;gap:12px;display:flex}.banner-icon{flex-shrink:0;font-size:20px}.banner-title{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.banner-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.banner-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.banner-actions{flex-shrink:0;gap:12px;display:flex}.action-link{color:#2e7d32;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.action-link:hover{text-decoration:underline}.create-post-section{margin-bottom:20px}.btn-create-post{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea33}.btn-create-post:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.posts-list{flex-direction:column;gap:16px;display:flex}.stream-post-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000000a}.stream-post-card:hover{box-shadow:0 4px 16px #00000014}.menu-container{position:relative}.dropdown-menu{border:1px solid var(--border);z-index:2000;background:#fff;border-radius:8px;flex-direction:column;min-width:140px;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #0000001f}.menu-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.menu-item:hover{color:var(--text-primary);background:#667eea0f}.post-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.post-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.post-meta{flex:1}.post-author{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.post-subject{color:var(--text-primary);margin:4px 0;font-size:14px}.post-date{color:var(--text-secondary);margin:0;font-size:12px}.post-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;transition:all .2s}.post-menu:hover{color:var(--text-primary)}.post-content p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.6}.post-attachments{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.attachment-item{background:var(--light);color:var(--text-secondary);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.attachment-item:hover{color:var(--primary);background:#667eea1a}.no-posts{text-align:center;color:var(--text-secondary);padding:60px 20px}.no-posts-illustration{opacity:.3;margin-bottom:16px;font-size:80px}.no-posts p{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600}.no-posts-subtitle{color:var(--text-secondary);margin:0;font-size:14px}@media (max-width:1024px){.stream-layout{grid-template-columns:1fr}.stream-sidebar{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}}@media (max-width:768px){.stream-sidebar{grid-template-columns:1fr}.class-hero-banner{flex-direction:column;gap:12px}.banner-content,.announcement-banner{flex-direction:column}.banner-actions{width:100%}}.materials-content{max-width:800px}.btn-upload-material{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.materials-list{flex-direction:column;gap:10px;display:flex}.material-item{background:var(--light);color:var(--text-primary);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.no-materials{text-align:center;color:var(--text-secondary);padding:40px 20px}.assignments-content{max-width:800px}.btn-create-assignment{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 24px;font-size:15px;font-weight:600;display:flex}.no-content{text-align:center;color:var(--text-secondary);padding:40px 20px}.peoples-content{max-width:800px}.peoples-header{margin-bottom:20px}.peoples-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.students-list{flex-direction:column;gap:12px;display:flex}.student-item{background:var(--light);border:1px solid var(--border);border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.student-item:hover{border-color:var(--primary);background:#fff;box-shadow:0 4px 12px #667eea1a}.student-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.student-details{flex:1}.student-details h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.student-details p{color:var(--text-secondary);margin:0;font-size:12px}.no-students{text-align:center;color:var(--text-secondary);padding:40px 20px}.invite-content{max-width:600px}.invite-form{background:var(--light);border-radius:8px;padding:24px}.invite-form h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.invite-textarea{border:1px solid var(--border);width:100%;min-height:150px;color:var(--text-primary);resize:vertical;border-radius:8px;margin-bottom:16px;padding:12px;font-family:monospace;font-size:13px}.invite-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-send-invites{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.btn-send-invites:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-send-invites:disabled{opacity:.6;cursor:not-allowed}.quick-access-section{background:var(--light);border-top:1px solid var(--border);padding:30px}.quick-access-section h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.quick-access-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.quick-access-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-primary);background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.quick-access-btn:hover{border-color:var(--primary);background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.quick-access-btn svg{color:var(--primary);font-size:18px}.manage-class-section{border-top:1px solid var(--border);background:#fff;justify-content:flex-end;padding:20px 30px;display:flex}.btn-manage-class{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-manage-class:hover{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.empty-state-classroom{min-height:500px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state-classroom .empty-illustration{opacity:.3;margin-bottom:20px;font-size:80px}.empty-state-classroom h2{color:var(--text-primary);margin:0 0 8px;font-size:24px}.empty-state-classroom p{margin:0 0 24px;font-size:14px}.btn-create-class{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.btn-create-class:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.loading-state{min-height:300px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{margin-bottom:16px;font-size:32px;animation:1s linear infinite spin}@media (max-width:768px){.classes-grid{grid-template-columns:1fr}.class-tabs{flex-wrap:wrap}.class-tab{flex:0 auto;padding:12px 16px;font-size:13px}.quick-access-grid{grid-template-columns:repeat(2,1fr)}.classroom-tab,.class-tab-content{padding:20px}}@media (max-width:480px){.classroom-header h1{font-size:24px}.class-header-large{padding:16px}.class-header-content h2{font-size:20px}.quick-access-grid{grid-template-columns:1fr}.classes-grid{gap:12px}}.grades-content{width:100%}.grades-controls{background:var(--light);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px;padding:20px;display:grid}.control-group{flex-direction:column;gap:8px;display:flex}.control-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.grades-filter-select,.grades-sort-select{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:12px;font-size:14px;font-weight:500;transition:all .3s}.grades-filter-select:hover,.grades-sort-select:hover{border-color:var(--primary);background:#fff}.grades-filter-select:focus,.grades-sort-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.class-average-section{margin-bottom:24px}.average-card{border:1px solid var(--border);border-left:4px solid var(--primary);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000a}.average-icon{width:48px;height:48px;color:var(--primary);background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.average-content h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:14px;font-weight:600}.average-value{color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.grades-table-container{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.grades-table{flex-direction:column;width:100%;display:flex}.grades-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1.5fr;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:grid}.grades-row:last-child{border-bottom:none}.grades-row:hover:not(.header-row){background:var(--light)}.header-row{background:var(--light);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);padding:12px 20px;font-size:13px;font-weight:700}.header-row:hover{background:var(--light)!important}.col-student,.student-info{align-items:center;gap:12px;display:flex}.student-avatar-small{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.student-name-info{flex-direction:column;gap:2px;display:flex}.student-email{color:var(--text-secondary);margin:0;font-size:12px}.col-grade{justify-content:center;display:flex}.grade-value{color:var(--text-primary);background:var(--light);text-align:center;border-radius:6px;min-width:60px;padding:6px 12px;font-size:14px;font-weight:600}.col-status{justify-content:flex-end;display:flex}.status-badge{white-space:nowrap;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:600}.status-badge.draft{color:#856404;background:#fff3cd}.status-badge.submitted{color:#155724;background:#d4edda}.status-badge.graded{color:#0c5460;background:#d1ecf1}.status-badge.missing{color:#721c24;background:#f8d7da}@media (max-width:1200px){.grades-row{grid-template-columns:1.5fr 1fr 1fr 1.5fr}}@media (max-width:768px){.grades-controls{grid-template-columns:1fr}.grades-row{grid-template-columns:1fr;gap:8px;padding:12px}.header-row{display:none}.col-student,.col-grade,.col-status{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.col-student:before{content:"Student";text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.col-grade:before{content:"Grade";text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.col-status:before{content:"Status";text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.student-info{flex-direction:column;align-items:flex-start}}.assignments-content{width:100%}.assignments-header{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.btn-create-primary{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea33}.btn-create-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-share-content{color:var(--primary);border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-share-content:hover{background:#667eea0d}.topic-filter-section{flex-direction:column;gap:8px;max-width:350px;margin-bottom:24px;display:flex}.topic-filter-section label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.topic-filter-select{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:12px;font-size:14px;font-weight:500;transition:all .3s}.topic-filter-select:hover{border-color:var(--primary)}.topic-filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.assignments-sections{flex-direction:column;gap:24px;display:flex}.assignment-section{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.section-header-assignments{background:var(--light);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.section-header-assignments:hover{background:#667eea08}.section-title{align-items:center;gap:12px;display:flex}.section-icon{color:#10b981;font-size:20px}.section-icon.activities,.section-icon.question-bank{color:#10b981}.section-title h3{color:var(--text-primary);letter-spacing:.3px;margin:0;font-size:15px;font-weight:700}.section-controls{align-items:center;gap:12px;display:flex}.section-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.section-status.draft{color:#e65100;background:#ffe0b2}.section-status.published{color:#2e7d32;background:#c8e6c9}.section-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;transition:all .2s}.section-menu:hover{color:var(--text-primary)}.section-items{flex-direction:column;display:flex}.assignment-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.assignment-item:last-child{border-bottom:none}.assignment-item:hover{background:var(--light);cursor:pointer}.assignment-item-icon{background:#d4edda;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;display:flex}.activity-icon,.qb-icon{color:#10b981;font-size:18px}.assignment-item-content{flex-direction:column;flex:1;gap:4px;display:flex}.assignment-item-content h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600;line-height:1.4}.assignment-due{color:var(--text-secondary);margin:0;font-size:12px}.assignment-date{color:var(--text-secondary);margin:0;font-size:12px;font-style:italic}.item-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-left:12px;padding:4px 8px;font-size:18px;transition:all .2s}.item-menu:hover{color:var(--text-primary)}.assignments-empty{text-align:center;color:var(--text-secondary);padding:60px 20px}.assignments-empty-icon{opacity:.3;margin-bottom:16px;font-size:80px}.assignments-empty p{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600}.assignments-empty-subtitle{color:var(--text-secondary);margin:0;font-size:14px}@media (max-width:768px){.assignments-header{flex-direction:column}.btn-create-primary,.btn-share-content{justify-content:center;width:100%}.topic-filter-section{max-width:100%}.section-header-assignments{flex-direction:column;align-items:flex-start;gap:12px}.section-controls{justify-content:space-between;width:100%}.assignment-item{flex-direction:column;align-items:flex-start}.assignment-item-icon{margin-bottom:12px;margin-right:0}.item-menu{align-self:flex-end;margin-left:0}}.materials-content{width:100%}.materials-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.materials-title h2{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:700}.materials-title p{color:var(--text-secondary);margin:0;font-size:14px}.materials-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-upload-primary{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #667eea33}.btn-upload-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-add-folder{color:var(--primary);border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.btn-add-folder:hover{background:#667eea0d}.materials-search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;display:flex}.search-container{border:1px solid var(--border);background:#fff;border-radius:8px;flex:1;align-items:center;gap:12px;min-width:250px;padding:12px 16px;transition:all .3s;display:flex}.search-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.search-icon{color:var(--text-secondary);font-size:16px}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.filter-buttons{gap:8px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.filter-btn:hover{background:var(--light);border-color:var(--primary);color:var(--primary)}.view-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:16px;transition:all .3s;display:flex}.view-toggle:hover{background:var(--light);border-color:var(--primary);color:var(--primary)}.materials-container{margin-bottom:32px}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:28px;display:grid}.material-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.card-header{background:linear-gradient(135deg,#667eea14,#764ba214);justify-content:space-between;align-items:center;padding:16px;display:flex}.file-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.card-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;transition:all .2s}.card-menu:hover{color:var(--text-primary)}.card-content{flex:1;padding:16px}.card-content h3{color:var(--text-primary);word-break:break-word;margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.4}.file-date{color:var(--text-secondary);margin:0 0 4px;font-size:12px}.file-meta{color:var(--text-secondary);margin:0;font-size:11px;font-style:italic}.card-footer{background:var(--light);border-top:1px solid var(--border);padding:12px 16px}.file-actions{justify-content:space-around;gap:8px;display:flex}.action-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.materials-stats{background:var(--light);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;padding:20px;display:grid}.materials-empty-state{text-align:center;background:var(--light);border:2px dashed var(--border);border-radius:12px;padding:60px 20px}.empty-illustration{opacity:.3;margin-bottom:16px;font-size:80px}.materials-empty-state h3{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:700}.materials-empty-state p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.btn-empty-upload{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #667eea33}.btn-empty-upload:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.featured-section{border-top:1px solid var(--border);padding-top:32px}.featured-section h3{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:700}.featured-list{flex-direction:column;gap:12px;display:flex}.featured-item{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.featured-item:hover{background:var(--light);border-color:var(--primary);box-shadow:0 4px 12px #667eea1a}.featured-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.featured-info{flex-direction:column;flex:1;gap:4px;display:flex}.featured-name{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.featured-date{color:var(--text-secondary);margin:0;font-size:12px}.featured-actions{align-items:center;gap:8px;display:flex}.featured-btn{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.featured-btn:hover{transform:scale(1.05)}.featured-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;transition:all .2s}.featured-menu:hover{color:var(--text-primary)}@media (max-width:768px){.materials-header{flex-direction:column;align-items:stretch}.materials-actions{flex-direction:column}.btn-upload-primary,.btn-add-folder{justify-content:center;width:100%}.materials-search-bar{flex-direction:column}.search-container{min-width:100%}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card-content h3{font-size:13px}.featured-item{flex-direction:column;align-items:flex-start;gap:12px}.featured-actions{width:100%}.featured-btn{flex:1}}.preview-modal{background:#fff;border-radius:12px;flex-direction:column;width:900px;max-width:90%;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.preview-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.preview-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.preview-header .close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:all .2s;display:flex}.preview-header .close-btn:hover{background:var(--light);color:var(--text-primary)}.preview-content{flex:1;padding:20px;overflow:auto}.preview-content iframe,.preview-content video,.preview-content img{max-width:100%;height:auto}.results-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:85vh;padding:30px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.results-modal::-webkit-scrollbar{width:8px}.results-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.results-modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.results-modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}.exam-card.modern{background:#f5f7fa;border-radius:10px;flex-direction:column;width:100%;max-width:none;margin:0;padding:0;transition:all .18s;display:flex;overflow:hidden;box-shadow:0 3px 10px #0000000f}.classroom-main .exams-content .exams-list,.exams-list{align-items:start;width:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important;display:grid!important}@media (max-width:1100px){.exams-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:700px){.exams-list{grid-template-columns:1fr}}.exam-card.modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.exam-card-header{background:#fff;border-bottom:1px solid #eaeef2;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.exam-card-title{flex-direction:column;flex:1;gap:6px;display:flex}.exam-card-title h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.exam-code{color:#9ca3af;margin:0;font-size:12px}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.status-published{color:#065f46;background:#d1fae5}.status-badge.status-draft{color:#92400e;background:#fef3c7}.status-badge.status-archived{color:#374151;background:#e5e7eb}.exam-card-body{flex:1;padding:12px 14px}.exam-details-row{gap:12px;margin-bottom:12px;display:flex}.detail-group{gap:8px;display:flex}.detail-label{color:#6b7280;font-size:12px;font-weight:500}.stats-tiles{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px;display:grid}.stat-tile{color:#fff;background:#0f1724;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:10px;display:flex}.stat-tile svg{opacity:.85;margin-bottom:6px;font-size:18px}.stat-value{margin-bottom:2px;font-size:15px;font-weight:700}.stat-label{color:#c7cdd6;text-align:center;font-size:11px}.exam-created{color:#9ca3af;margin-top:8px;font-size:11px}.exam-card-footer{background:#fff;border-top:1px solid #eaeef2;align-items:center;gap:6px;padding:8px 12px;display:flex}.btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .14s;display:flex}.btn-icon.view{color:#1e40af;background:#dbeafe}.btn-icon.view:hover{background:#bfdbfe}.btn-icon.edit{color:#166534;background:#dcfce7}.btn-icon.edit:hover{background:#bbf7d0}.btn-icon.publish{color:#be185d;background:#fce7f3}.btn-icon.publish:hover{background:#fbcfe8}.btn-icon.archive{color:#92400e;background:#fef3c7}.btn-icon.archive:hover{background:#fde68a}.btn-icon.delete{color:#991b1b;background:#fee2e2}.btn-icon.delete:hover{background:#fecaca}.meet-form-overlay{z-index:9999;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.meet-form-card{background:#fff;border-radius:8px;width:360px;padding:20px;box-shadow:0 8px 24px #0000001f}.meet-form-card input[type=text],.meet-form-card input[type=datetime-local],.meet-form-card input{border:1px solid #ddd;border-radius:4px;width:100%;margin-top:6px;padding:8px 10px}.evaluator-sidebar .sidebar-header{color:#fff!important;background:linear-gradient(135deg,#5b3ab6 0%,#6f4bd0 40%,#4b2f8a 100%)!important}.evaluator-sidebar .sidebar-header .logo,.evaluator-sidebar .sidebar-header .logo span,.evaluator-sidebar .sidebar-header .logo-text,.evaluator-sidebar .sidebar-header .logo-text span,.evaluator-sidebar .sidebar-header .logo-text .logo-sub{color:#fff!important}.evaluator-sidebar .sidebar-footer{background:0 0!important;border-top:none!important;margin-top:auto!important;padding:14px!important}.evaluator-sidebar .sidebar-footer .user-card{color:#e6ecff!important;background:linear-gradient(#ffffff08,#ffffff03)!important}.evaluator-sidebar .sidebar-footer .nav-item.logout{color:#fff!important;background:linear-gradient(90deg,#ef44441f,#ef44440f)!important}.evaluator-sidebar .sidebar-header .notification-item,.evaluator-sidebar .sidebar-header .stat-icon-box,.evaluator-sidebar .sidebar-header .stat-num,.evaluator-sidebar .sidebar-header .quick-stats-grid{display:none!important}.evaluator-sidebar .sidebar-header{overflow:visible}.evaluator-sidebar:not(.closed) .logo-text{white-space:nowrap;flex-direction:column;display:flex}.evaluator-sidebar .sidebar-header .quick-stat-card,.evaluator-sidebar .sidebar-header .stat-icon,.evaluator-sidebar .sidebar-header .stat-label,.evaluator-sidebar .sidebar-header .badge,.evaluator-sidebar .sidebar-header .notification-badge{display:none!important}.teacher-dashboard{background:#f8fafb;min-height:100vh}.dashboard-header{background:var(--white);z-index:50;border-bottom:1px solid #e5e7eb;padding:0;position:sticky;top:0}.header-top{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.header-left h1{color:#1f2937;margin:0;font-size:24px;font-weight:700}.header-left p{color:#6b7280;margin:4px 0 0;font-size:14px}.header-right{gap:12px;display:flex}.nav-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-btn:hover{color:#1f2937;background:#f3f4f6}.nav-btn.active{color:#fff;background:#667eea}.badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.tabs{border-top:1px solid #f3f4f6;gap:0;padding:0 30px;display:flex}.tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:16px 24px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.tab:hover{color:#1f2937;border-bottom-color:#e5e7eb}.tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.dashboard-content{max-width:1400px;margin:0 auto;padding:30px}.tab-content{animation:.3s fadeIn}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:700}.filter-controls{gap:12px;display:flex}.filter-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .15s}.filter-select:hover{border-color:#d1d5db}.empty-state{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 40px}.btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.btn-primary.small{padding:6px 12px;font-size:12px}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.btn-icon{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;font-size:16px;transition:all .15s;display:flex}.btn-icon:hover{color:#1f2937;background:#f3f4f6}.btn-icon.delete:hover{color:#dc2626;background:#fee2e2}.btn-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;align-items:center;gap:4px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-remove:hover{background:#fecaca}.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.subject-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:20px;transition:all .15s;display:flex}.subject-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 16px #667eea1a}.card-header{justify-content:space-between;align-items:start;margin-bottom:12px;display:flex}.card-header h3{color:#1f2937;flex:1;margin:0;font-size:16px;font-weight:700}.card-actions{gap:6px;display:flex}.card-description{color:#6b7280;margin:0 0 12px;font-size:13px;line-height:1.5}.options-preview{background:#f9fafb;border-radius:6px;margin:12px 0;padding:12px;font-size:12px}.options-preview strong{color:#374151;margin-bottom:6px;font-weight:600;display:block}.options-preview ul{color:#6b7280;margin:0;padding-left:16px}.options-preview li{margin:2px 0;font-size:12px}.card-stats{border-top:1px solid #f3f4f6;gap:12px;margin:16px 0;padding-top:12px;display:flex}.stat{text-align:center;flex:1}.stat-label{color:#9ca3af;text-transform:uppercase;justify-content:center;align-items:center;gap:4px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.stat-label.accepted{color:#059669}.stat-label.pending{color:#f59e0b}.stat-value{color:#1f2937;font-size:18px;font-weight:700;display:block}.card-footer{border-top:1px solid #f3f4f6;gap:8px;margin-top:auto;padding-top:12px;display:flex}.card-footer button{flex:1}.invitation-item{background:#fff;border:1px solid #e5e7eb;border-left-width:4px;border-radius:8px;padding:16px;transition:all .15s}.invitation-item.status-pending{border-left-color:#f59e0b}.invitation-item.status-accepted{border-left-color:#10b981}.invitation-item.status-rejected{border-left-color:#ef4444}.invitation-item:hover{box-shadow:0 2px 8px #0000000d}.candidate-email{color:#6b7280;margin:0 0 8px;font-size:13px}.invitation-meta{align-items:center;gap:12px;font-size:12px;display:flex}.date{color:#9ca3af}.status-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.accepted{color:#166534;background:#dcfce7}.status-badge.rejected{color:#991b1b;background:#fee2e2}.notifications-list{flex-direction:column;gap:12px;display:flex}.notification-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:16px;transition:all .15s;display:flex}.notification-item.unread{background:#f0f4ff;border-color:#dbeafe}.notification-item.accepted .notification-icon{color:#10b981}.notification-item.rejected .notification-icon{color:#ef4444}.notification-item.pending .notification-icon{color:#f59e0b}.notification-icon{flex-shrink:0;margin-top:2px;font-size:20px}.notification-content{flex:1}.notification-message{color:#1f2937;margin:0;font-size:14px;line-height:1.5}.notification-subject{color:#6b7280;margin:4px 0 0;font-size:12px;font-weight:500}.notification-time{color:#9ca3af;margin-top:4px;font-size:11px;display:block}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #00000026}.modal.large{max-width:800px}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:700}.modal-header button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;transition:all .15s}.modal-header button:hover{color:#1f2937;background:#f3f4f6}.modal-body{padding:24px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:24px;display:flex}.form-group:last-child{margin-bottom:0}.form-group input,.form-group textarea,.form-group select{color:#1f2937;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;font-size:13px;line-height:1.5}.hint{color:#6b7280;margin-top:6px;font-size:12px}.options-list{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.option-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.option-item input{margin-bottom:8px}.option-item textarea{font-size:12px}.email-input{font-family:Monaco,Menlo,monospace;font-size:12px}.subject-description{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.6}.subject-options{margin-top:20px}.subject-options h3{color:#1f2937;margin:0 0 12px;font-size:14px;font-weight:600}.option-detail{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:12px}.option-detail h4{color:#374151;margin:0 0 6px;font-size:13px;font-weight:600}.option-detail p{color:#6b7280;margin:0;font-size:12px;line-height:1.5}@media (max-width:768px){.dashboard-content{padding:20px}.subjects-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch}.btn-primary{justify-content:center;width:100%}.header-top{flex-direction:column;align-items:stretch;gap:16px}.modal{max-width:100%}.card-footer{flex-direction:column}}.exam-sidebar button{color:#374151!important;text-shadow:none!important;background:0 0!important;font-weight:700!important}.exam-sidebar button,.exam-sidebar button *,.exam-sidebar button:before,.exam-sidebar button:after{color:#374151!important;fill:#374151!important;stroke:#374151!important;visibility:visible!important;opacity:1!important;font-weight:700!important;text-decoration:none!important;display:inline!important}:root{--primary:#667eea;--primary-light:#f3e8ff;--primary-dark:#4c1d95;--secondary:#764ba2;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#0ea5e9;--white:#fff;--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#2c3e50;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#cbd5e1;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 12px 48px #0009;--transition:.25s cubic-bezier(.4, 0, .2, 1)}body{background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:auto}.exam-dashboard{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);flex-direction:column;height:100vh;display:flex;overflow:hidden}.exam-dashboard-header{height:70px;padding:0 var(--space-2xl);border-bottom:1px solid var(--border);z-index:100;background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.header-left{align-items:center;gap:var(--space-xl);flex:1;display:flex}.sidebar-toggle{color:var(--text-secondary);cursor:pointer;padding:var(--space-md);border-radius:var(--radius-md);transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}.sidebar-toggle:hover{color:var(--primary);background:#5b21b626}.header-branding h1{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:700}.header-branding .org-name{color:var(--text-muted);margin:4px 0 0;font-size:12px;font-weight:500}.notification-badge{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:var(--space-md);border-radius:var(--radius-md);font-size:20px;position:relative}.notification-badge:hover{color:var(--primary);background:#5b21b626}.notification-badge .badge-count{background:var(--danger);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.user-menu{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background:#5b21b614;border:1px solid #5b21b633;display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.user-details{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.user-role{color:var(--text-muted);margin:0;font-size:11px;font-weight:500}.logout-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;width:38px;height:38px;transition:all var(--transition);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.logout-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.exam-dashboard-main{flex:1;gap:0;width:100%;height:calc(100vh - 70px);display:flex;position:relative;overflow:hidden}.exam-sidebar{width:260px;min-width:260px;max-width:260px;transition:all var(--transition);z-index:99;color:#374151;background:#f8fafc;border-right:1px solid #e2e8f0;flex-grow:0;flex-shrink:0;align-self:stretch;height:100%;padding:12px 0;position:relative;overflow-y:auto;box-shadow:2px 0 10px #00000014}.exam-sidebar *{color:#374151}.exam-sidebar:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.exam-sidebar.closed{border-right:none;width:0;min-width:0;padding:0;overflow:hidden}.nav-menu{flex-direction:column;gap:12px;padding:8px 10px;display:flex}.nav-section{gap:var(--space-md);flex-direction:column;display:flex}.nav-section h3{color:#6b7280;margin:0 0 var(--space-lg) 0;padding:0 var(--space-xl);text-transform:uppercase;letter-spacing:1.2px;opacity:1;font-size:11px;font-weight:800}button.exam-nav-item{color:#374151!important;text-shadow:none!important;background:0 0!important;font-weight:700!important}button.exam-nav-item,button.exam-nav-item :not(svg){color:#374151!important;font-weight:700!important}button.exam-nav-item svg{color:#374151!important;fill:#374151!important}.exam-nav-item{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg) var(--space-md) var(--space-xl);cursor:pointer;text-align:left;transition:all var(--transition);border-radius:8px;margin:4px 8px;font-size:14px;position:relative;color:#374151!important;visibility:visible!important;opacity:1!important;z-index:10!important;box-shadow:none!important;background:0 0!important;border:none!important;font-weight:700!important;text-decoration:none!important;display:flex!important;overflow:visible!important}.exam-nav-item:focus,.exam-nav-item:active{outline:none!important}.exam-nav-item *{color:#374151!important;visibility:visible!important;font-weight:700!important;display:inline!important}.exam-nav-item:before{content:"";width:3px;transition:all var(--transition);background:0 0;position:absolute;top:0;bottom:0;left:0}.exam-nav-item:hover{padding-left:24px;color:#fff!important;background:#fff3!important}.exam-nav-item:hover *{background:#667eea;width:3px;padding-left:20px;color:#fff!important;background:#667eea1f!important}.exam-nav-item.active:before{box-shadow:none;background:#667eea;width:3px}.exam-nav-item svg{transition:all var(--transition);font-size:18px;opacity:1!important;color:#374151!important;fill:#374151!important;stroke:#374151!important;font-weight:700!important}.exam-nav-item:hover svg,.exam-nav-item.active svg{filter:drop-shadow(0 0 4px #667eea66);opacity:1!important;color:#fff!important;fill:#fff!important;stroke:#fff!important}.exam-dashboard-content{background:var(--bg-primary);flex:1 1 0;width:100%;min-width:0;height:100%;padding:30px;position:relative;overflow:hidden auto}.exam-dashboard-content:before{content:"";pointer-events:none;z-index:0;background:0 0;position:absolute;inset:0}.exam-dashboard-content>*{z-index:1;position:relative}.welcome-banner{color:#fff;justify-content:space-between;align-items:center;gap:var(--space-xl);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:30px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #667eea4d}.welcome-banner:before{content:"";border-radius:var(--radius-full);filter:blur(80px);z-index:0;background:#ffffff1a;width:400px;height:400px;position:absolute;top:-50%;right:-10%}.welcome-banner:after{content:"";border-radius:var(--radius-full);filter:blur(60px);z-index:0;background:#ffffff14;width:300px;height:300px;position:absolute;bottom:-50%;left:-10%}.banner-content{z-index:1;flex:1;position:relative}.banner-content h2{margin:0 0 var(--space-lg) 0;text-shadow:0 2px 8px #0003;font-size:28px;font-weight:800}.banner-content p{opacity:.95;text-shadow:0 1px 4px #0000001a;margin:0;font-size:15px;line-height:1.6}.banner-cta{color:#667eea;cursor:pointer;transition:all var(--transition);background:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:flex}.banner-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stats-section{margin-bottom:var(--space-2xl)}.stats-title{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.stats-title h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.refresh-btn{color:#667eea;cursor:pointer;transition:all var(--transition);background:#f1f5f9;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.refresh-btn:hover{color:#fff;background:#667eea}.stat-card{transition:all var(--transition);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.stat-card:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:3px;position:absolute;top:0;left:0;right:0}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.stat-info h3{margin:0;font-size:28px;font-weight:700;line-height:1}.stat-info p{color:#64748b;margin:8px 0 0;font-size:14px}.activity-section{margin-bottom:var(--space-2xl)}.activity-section h3{margin:0 0 var(--space-xl) 0;color:var(--text-primary);font-size:18px;font-weight:700}.activity-list{gap:var(--space-lg);flex-direction:column;display:flex}.activity-item{transition:all var(--transition);background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:16px;padding:16px;display:flex}.activity-item:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.activity-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.activity-icon.success{color:var(--success);background:#10b98133}.activity-icon.info{color:var(--info);background:#0ea5e933}.activity-icon.warning{color:var(--warning);background:#f59e0b33}.activity-content{flex:1}.activity-title{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:14px;font-weight:600}.activity-desc{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:13px}.activity-time{color:var(--text-muted);margin:0;font-size:12px}.filters-section{gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap;align-items:flex-end;display:flex}.search-icon{left:var(--space-lg);color:var(--text-muted);pointer-events:none;font-size:16px;position:absolute}.search-input{color:#2c3e50;width:100%;transition:all var(--transition);background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px 10px 40px;font-size:14px}.search-input::placeholder{color:#94a3b8}.filter-controls{gap:var(--space-md);flex-wrap:wrap;display:flex}.filter-group{gap:var(--space-sm);flex-direction:column;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.filter-select{color:#2c3e50;cursor:pointer;transition:all var(--transition);background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:8px 16px;font-size:14px;font-weight:500}.filter-select:hover{background:#f8fafc;border-color:#667eea}.btn-primary{color:#fff;cursor:pointer;transition:all var(--transition);white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.btn-secondary{color:#667eea;cursor:pointer;transition:all var(--transition);background:#f1f5f9;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.btn-secondary:hover{color:#fff;background:#667eea}.exams-section{margin-bottom:var(--space-2xl)}.form-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.form-row label{color:#334155;flex:1 0 200px;font-weight:600}.form-row input[type=number],.form-row select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:120px;padding:8px 10px}.btn-link{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:13px;text-decoration:underline}.section-header h3 svg{color:var(--primary);font-size:20px}.exams-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.exams-grid{flex-direction:column;gap:12px;padding:0;display:flex}.exam-card{transition:all var(--transition);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;margin:12px;padding:16px;display:flex;position:relative;overflow:hidden}.exam-card:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.exam-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.exam-title-section{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.exam-title-section h4{color:#2c3e50;word-break:break-word;margin:0;font-size:16px;font-weight:700;line-height:1.5}.exam-status{color:#fff;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.exam-actions-menu{gap:var(--space-sm);flex-shrink:0;display:flex}.action-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:#5b21b61a;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.exam-details{gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;display:grid}.detail-item{gap:var(--space-sm);flex-direction:column;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:var(--space-sm);font-size:11px;font-weight:600;display:flex}.detail-label svg{font-size:13px}.detail-value{color:var(--text-primary);font-size:15px;font-weight:700}.exam-stats{gap:var(--space-md);display:flex}.exam-stats .stat{padding:var(--space-md);border-radius:var(--radius-md);text-align:center;background:#5b21b614;flex:1}.exam-stats .stat span{color:var(--text-secondary);font-size:12px;font-weight:600}.exam-footer{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.exam-date{color:var(--text-muted);margin:0;font-size:12px}.btn-view{background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;font-size:13px;font-weight:600}.btn-view:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.no-data{justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-3xl);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.no-data svg{opacity:.3;font-size:64px}.no-data p{margin:0;font-size:15px;font-weight:600}.loader-container{justify-content:center;align-items:center;gap:var(--space-xl);background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.loader{border:3px solid #5b21b633;border-top-color:var(--primary);border-radius:var(--radius-full);width:50px;height:50px;animation:1s linear infinite spin}.stat-card.primary{color:#fff;background:linear-gradient(135deg,#6d5df6 0%,#7c4df0 60%);border-radius:16px;padding:28px;box-shadow:0 12px 30px #7c4df024}.stat-card.primary .stat-icon{color:#fff;background:#ffffff1f;border-radius:12px;width:72px;height:72px;font-size:32px}.stat-content .stat-label{opacity:.95;margin:0;font-size:13px;font-weight:600}.stat-content .stat-value{margin:6px 0 0;font-size:28px;font-weight:800}.stat-content .stat-change{opacity:.9;margin:6px 0 0;font-size:13px}.stat-content .stat-sub{opacity:.85;margin-top:8px;font-size:12px}.exam-right-rail{background:0 0;border-left:1px solid #0000;flex-direction:column;gap:16px;width:320px;min-width:260px;max-width:360px;padding:30px 20px;display:flex}.right-rail-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.right-rail-header h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.right-rail-actions{gap:8px;display:flex}.icon-btn{cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 6px 18px #1118270f}.live-ops-list{flex-direction:column;gap:12px;display:flex}.live-op-card{cursor:pointer;transition:all var(--transition);background:linear-gradient(#fffffff2,#f9fafcf2);border:1px solid #eef2ff;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.live-op-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #6366f114}.live-op-avatar{color:#4338ca;background:#667eea1f;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.live-op-body{flex:1}.live-op-title{color:var(--text-primary);font-size:14px;font-weight:700}.live-op-meta{color:var(--text-muted);font-size:12px}.live-op-tag{color:var(--text-secondary);background:#f3f4f6;border-radius:8px;padding:6px 8px;font-size:12px}.live-empty{color:var(--text-muted);text-align:center;padding:12px;font-size:13px}@media (max-width:1100px){.exam-right-rail{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#5b21b64d}.stat-card,.exam-card,.activity-item{animation:.5s ease-out backwards fadeInUp}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.stat-card:nth-child(5){animation-delay:.4s}.stat-card:nth-child(6){animation-delay:.5s}@media (max-width:1200px){.exam-sidebar{width:230px;min-width:230px}.exam-dashboard-content{padding:var(--space-xl)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.exam-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;width:260px;min-width:260px;height:calc(100vh - 70px);transition:transform var(--transition);background:linear-gradient(#1e293bfa 0%,#0f172afa 100%);border-right:1px solid #5b21b61a;position:fixed;top:70px;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000080}.exam-sidebar.open{transform:translate(0)}.exam-dashboard-content{padding:var(--space-xl)}.exam-dashboard-content:before{left:0}.exams-grid,.stats-grid,.exam-details{grid-template-columns:1fr}.welcome-banner{text-align:center;padding:var(--space-xl) var(--space-xl);flex-direction:column}.banner-content h2{font-size:22px}.banner-cta{justify-content:center;width:100%}}@media (max-width:480px){.exam-dashboard-header{padding:0 var(--space-lg);height:60px}.header-branding h1{font-size:18px}.user-name{display:none}.exam-dashboard-content{padding:var(--space-lg)}.welcome-banner{padding:var(--space-xl)}.stats-grid{gap:var(--space-md);grid-template-columns:1fr}.exams-grid{gap:var(--space-md);padding:var(--space-md);grid-template-columns:1fr}.exam-card{padding:var(--space-lg)}.filters-section{flex-direction:column}.search-bar{width:100%}}.ec-modal-overlay{z-index:1200;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ec-modal{background:linear-gradient(#fff 0%,#fbfdff 100%);border-radius:12px;flex-direction:column;width:100%;max-width:1100px;display:flex;overflow:hidden;box-shadow:0 10px 30px #02061759}.ec-modal-header{color:#fff;background:linear-gradient(90deg,#3b82f6 0%,#6366f1 50%,#7c3aed 100%);border-bottom:1px solid #eef2f799;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.ec-modal-title{color:#fff;font-size:18px;font-weight:900}.ec-modal-actions{gap:8px;display:flex}.ec-modal-close{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-weight:800}.ec-modal-close:hover{background:#ffffff0f}.ec-btn{color:#0f172a;cursor:pointer;background:#eef2ff;border:1px solid #dbeafe;border-radius:8px;padding:8px 12px;font-weight:700}.ec-btn.primary{color:#fff;background:linear-gradient(90deg,#667eea,#764ba2);border:none}.ec-modal-body{flex-direction:column;gap:12px;max-height:60vh;padding:16px 20px;display:flex;overflow:auto}.ec-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ec-filter-input{border:1px solid #e6eef8;border-radius:8px;min-width:220px;height:36px;padding:6px 10px;box-shadow:0 2px 6px #1018280a}.ec-select{background:#fff;border:1px solid #e6eef8;border-radius:8px;height:36px;padding:6px 10px}.apply-btn,.clear-btn,.refresh-btn,.reset-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-weight:800}.apply-btn{color:#fff;background:linear-gradient(90deg,#667eea,#764ba2)}.clear-btn{color:#fff;background:#f97373}.refresh-btn{color:#fff;background:linear-gradient(90deg,#667eea,#a78bfa)}.reset-btn{color:#fff;background:#ef4444}.ec-empty-card{background:#fff;border-radius:8px;padding:18px;box-shadow:0 8px 20px #0206170f}.tag-badge{color:#fff;background:#ef4444;border-radius:24px;padding:10px 18px;font-weight:800;display:inline-block}.ec-candidates-table{border-collapse:collapse;background:0 0;width:100%}.ec-candidates-table thead th{text-align:left;color:#475569;background:#6366f108;padding:10px 12px;font-size:12px;font-weight:800;position:sticky;top:0}.ec-candidates-table tbody td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:12px;font-size:13px}.ec-avatar{color:#334155;background:linear-gradient(135deg,#e0e7ff,#f0f9ff);border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.ec-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:720px){.ec-modal{border-radius:8px 8px 0 0;justify-content:flex-start;max-width:100%;height:100%}.ec-modal-body{max-height:calc(100vh - 120px)}}.modal-overlay{z-index:1200;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:linear-gradient(#fff 0%,#fbfdff 100%);border-radius:12px;flex-direction:column;width:100%;max-width:1100px;display:flex;overflow:hidden;box-shadow:0 10px 30px #02061759}.modal-header{color:#fff;background:linear-gradient(90deg,#3b82f6 0%,#6366f1 50%,#7c3aed 100%);border-bottom:1px solid #eef2f799;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:900}.modal-header .muted{color:#ffffffd9;margin:0;font-weight:600}.modal-close-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-weight:800}.controls-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.controls-row.small{gap:8px}.input{border:1px solid #e6eef8;border-radius:8px;min-width:220px;height:36px;padding:6px 10px;box-shadow:0 2px 6px #1018280a}.table-modern{border-collapse:collapse;background:0 0;width:100%}.modal-actions{padding:12px 0}.actions-row{align-items:center;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-weight:700}.btn.btn-primary,.btn-primary{color:#fff;background:linear-gradient(90deg,#667eea,#764ba2)}.btn.btn-ghost,.btn-ghost{color:#0f172a;background:#fff;border:1px solid #e6eef8}.btn.small,.small{padding:6px 10px;font-size:13px}.modal-left{flex:1}.modal-right{width:280px;padding-left:16px}.quick-filters .btn-ghost{color:#fff;background:#ff6b6b;border:none;border-radius:20px;padding:10px 14px;font-weight:800}.muted{color:#94a3b8}.error{color:#ef4444;font-weight:700}.table-modern tbody td.muted{text-align:center;color:#64748b;padding:20px}:root{--primary:#667eea;--primary-dark:#5568d3;--secondary:#764ba2;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--light:#f8fafc;--dark:#0f172a;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 20px #0000001f;--shadow-lg:0 12px 30px #00000026;--radius:8px;--transition:all .3s ease}body{color:var(--text-primary);background:#f0f4f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.manage-sections-container{background:var(--light);flex-direction:column;height:100vh;display:flex}.ms-header{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;box-shadow:var(--shadow-md);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative}.ms-header-left{flex:1;align-items:center;gap:16px;display:flex}.ms-toggle-sidebar{color:#fff;border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:#ffffff26;border:none;padding:8px 12px;font-size:20px}.ms-toggle-sidebar:hover{background:#ffffff40}.ms-brand h1{margin:0;font-size:24px;font-weight:900}.ms-brand p{opacity:.85;margin:0;font-size:12px;font-weight:600}.ms-header-right{align-items:center;gap:12px;display:flex}.ms-main{flex:1;display:flex;overflow:hidden}.ms-sidebar{border-right:1px solid var(--border);width:260px;min-width:260px;transition:var(--transition);background:#fff;padding:12px 0;overflow-y:auto}.ms-sidebar.closed{border-right:none;width:0;min-width:0;overflow:hidden}.ms-nav{flex-direction:column;gap:12px;padding:0 12px;display:flex}.ms-nav-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding:0 8px;font-size:11px;font-weight:800}.ms-nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.ms-nav-item:hover{background:var(--light);color:var(--primary)}.ms-nav-item.active{color:var(--primary);background:linear-gradient(90deg,#667eea26,#764ba226);font-weight:700}.ms-nav-item svg{font-size:18px}.ms-content{flex:1;padding:32px;overflow-y:auto}.ms-top-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.ms-search-bar{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.ms-search-icon{color:var(--text-muted);font-size:16px;position:absolute;left:12px}.ms-search-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;padding:10px 12px 10px 36px;font-size:14px}.ms-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.ms-actions{align-items:center;gap:12px;display:flex}.ms-btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.ms-btn svg{font-size:16px}.ms-btn-primary{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;box-shadow:var(--shadow-sm)}.ms-btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ms-btn-secondary{background:var(--light);color:var(--primary);border:1px solid var(--primary)}.ms-btn-secondary:hover{background:var(--primary);color:#fff}.ms-btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.ms-btn-ghost:hover{background:var(--light);color:var(--primary)}.ms-btn-danger{color:#fff;background:linear-gradient(90deg,#ef4444,#dc2626)}.ms-btn-danger:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ms-btn-logout{color:#fff;background:#ffffff26}.ms-btn-logout:hover{background:#ffffff40}.ms-btn-small{gap:6px;padding:6px 12px;font-size:12px}.ms-btn-small svg{font-size:13px}.ms-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.ms-filter-select{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;padding:10px 12px;font-size:14px}.ms-filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.ms-loading,.ms-error{text-align:center;color:var(--text-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:40px;font-size:16px}.ms-error{color:var(--danger);background:#ef44440d;font-weight:600}.ms-empty-state{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 40px;display:flex}.ms-empty-state svg{color:var(--text-muted);opacity:.5;font-size:64px}.ms-empty-state h3{color:var(--text-primary);margin:0;font-size:20px}.ms-empty-state p{color:var(--text-secondary);margin:0}.ms-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.ms-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border);background:#fff;overflow:hidden}.ms-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.ms-card-header{border-bottom:1px solid var(--border);background:var(--light);align-items:center;gap:12px;padding:16px;display:flex}.ms-card-checkbox{cursor:pointer;width:18px;height:18px}.ms-card-title{flex:1}.ms-card-title h4{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.ms-code{color:var(--text-muted);margin:0;font-family:Courier New,monospace;font-size:12px}.ms-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}.ms-badge-active{color:var(--success);background:#10b98126}.ms-badge-inactive{color:var(--text-secondary);background:#94a3b826}.ms-badge-archived{color:#64748b;background:#64748b26}.ms-card-body{flex-direction:column;gap:12px;padding:16px;display:flex}.ms-info-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.ms-label{color:var(--text-muted);font-weight:600}.ms-value{color:var(--text-primary);font-weight:500}.ms-candidates{color:var(--primary);background:linear-gradient(90deg,#667eea1a,#764ba21a);border-radius:20px;padding:4px 12px;font-weight:700}.ms-description{border-top:1px solid var(--border);color:var(--text-secondary);padding-top:8px;font-size:13px;line-height:1.5}.ms-card-footer{border-top:1px solid var(--border);background:var(--light);justify-content:flex-end;gap:8px;padding:12px;display:flex}.ms-modal-overlay{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ms-modal{border-radius:var(--radius);width:100%;max-width:600px;box-shadow:var(--shadow-lg);background:#fff;max-height:90vh;animation:.3s slideUp;overflow:hidden auto}.ms-modal-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ms-modal-header h3{margin:0;font-size:18px;font-weight:700}.ms-modal-close{color:#fff;cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:0 8px;font-size:24px}.ms-modal-close:hover{opacity:.8}.ms-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.ms-form-group{flex-direction:column;gap:8px;display:flex}.ms-form-group label{color:var(--text-primary);font-size:14px;font-weight:700}.ms-input,.ms-select,.ms-textarea{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:var(--transition);background:#fff;padding:10px 12px;font-family:inherit;font-size:14px}.ms-input:focus,.ms-select:focus,.ms-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.ms-textarea{resize:vertical}.ms-form-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.ms-modal-footer{border-top:1px solid var(--border);background:var(--light);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}@media (max-width:1024px){.ms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ms-form-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.ms-header{padding:12px 16px}.ms-content{padding:16px}.ms-grid{grid-template-columns:1fr}.ms-top-bar{flex-direction:column;align-items:stretch}.ms-search-bar{max-width:100%}.ms-actions{width:100%}.ms-actions .ms-btn{flex:1;justify-content:center}.ms-filters{flex-direction:column}.ms-filter-select{width:100%}.ms-sidebar.closed{display:none}.ms-modal{max-width:100%}.ms-form-row{grid-template-columns:1fr}}@media (max-width:480px){.ms-header-left{gap:8px}.ms-brand h1{font-size:18px}.ms-content{padding:12px}.ms-card-footer{flex-direction:column}.ms-card-footer .ms-btn{width:100%}}.invitation-overlay{z-index:2000;background:#00000080;justify-content:flex-end;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.invitation-panel{background:#fff;flex-direction:column;width:100%;max-width:500px;height:100vh;animation:.3s slideIn;display:flex;box-shadow:-2px 0 12px #00000026}.invitation-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.header-content h2{color:#1f2937;align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.header-content p{color:#6b7280;margin:0;font-size:13px}.btn-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;transition:all .15s}.btn-close:hover{color:#1f2937;background:#f3f4f6}.invitation-stats{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:16px;padding:16px 24px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-label{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:600}.stat-value.pending{color:#f59e0b}.stat-value.accepted{color:#10b981}.invitation-content{flex:1;padding:16px;overflow-y:auto}.loading-state,.empty-state{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-state svg{opacity:.3;color:#d1d5db;margin-bottom:12px}.invitations-list{flex-direction:column;gap:12px;display:flex}.invitation-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .15s}.invitation-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.invitation-card.status-pending{background:#fffbf0;border-left:3px solid #f59e0b}.invitation-card.status-accepted{opacity:.8;background:#f0fdf4;border-left:3px solid #10b981}.invitation-card.status-rejected{opacity:.6;border-left:3px solid #ef4444}.invitation-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.invitation-info{flex:1}.invitation-info h4{color:#1f2937;margin:0 0 6px;font-size:14px;font-weight:600}.invitation-from{color:#6b7280;align-items:center;gap:4px;margin:0 0 6px;font-size:12px;display:flex}.invitation-date{color:#9ca3af;font-size:11px}.invitation-actions{flex-shrink:0;gap:6px;display:flex}.btn-accept,.btn-reject{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-accept{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.btn-accept:hover:not(:disabled){background:#bbf7d0}.btn-accept:disabled{opacity:.5;cursor:not-allowed}.btn-reject{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.btn-reject:hover:not(:disabled){background:#fecaca}.btn-reject:disabled{opacity:.5;cursor:not-allowed}.invitation-status{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.invitation-status.accepted{color:#166534;background:#dcfce7}.invitation-status.rejected{color:#991b1b;background:#fee2e2}.invitation-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px}@media (max-width:640px){.invitation-panel{max-width:100%}.invitation-actions{flex-direction:column}.btn-accept,.btn-reject{justify-content:center;width:100%}}.stream-tabs{margin-bottom:12px}.stream-tab-btn{color:var(--primary-dark);cursor:pointer;background:0 0;border:none;border-radius:20px 20px 0 0;outline:none;padding:8px 22px;font-size:15px;font-weight:500;transition:background .2s,color .2s}.stream-tab-btn.active{background:var(--white);color:var(--primary);font-weight:700;box-shadow:0 -2px 8px #667eea14}.stream-tab-btn:not(.active):hover{color:var(--primary);background:#667eea12}.drafts-tab-btn{color:var(--warning);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.drafts-tab-btn.active{border-color:var(--warning);color:var(--warning);background:#fbbf241a}.drafts-tab-btn:hover{border-color:var(--warning);background:var(--white);color:var(--warning);transform:translateY(-2px)}:root{--primary:#667eea;--primary-light:#8fa3f5;--primary-dark:#5a6fd8;--secondary:#764ba2;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--light:#f8fafb;--off-white:#fafbfc;--border:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--white:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--shadow-xl:0 20px 50px #00000026;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}.modern-stream-container{background:linear-gradient(135deg,#f8fafb 0%,#f0f4f8 100%);flex-direction:column;gap:8px;min-height:100vh;padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;display:flex}.glass-effect{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.stream-header{z-index:50;color:var(--white);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;animation:.4s slideDown;display:flex;position:sticky;top:0;box-shadow:0 20px 60px #667eea4d}.stream-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.stream-title{color:var(--white);text-shadow:0 2px 10px #00000026;align-items:center;gap:6px;margin:0;font-size:20px;font-weight:800;display:flex}.stream-title svg{color:var(--primary);animation:3s ease-in-out infinite float}.stream-header-actions{flex-wrap:wrap;flex:1;gap:6px;min-width:250px;display:flex}.search-wrapper{flex:1;min-width:250px;position:relative}.search-icon{color:var(--text-tertiary);pointer-events:none;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.stream-search{width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;outline:none;padding:7px 10px 7px 32px;font-size:12px;font-weight:500}.stream-search:focus{background:var(--white);border-color:#fff9;box-shadow:0 8px 24px #00000026}.stream-search::placeholder{color:var(--text-tertiary)}.filter-wrapper{position:relative}.filter-btn{color:var(--primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.filter-btn:hover{background:var(--white);border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.filter-btn.active{border-color:var(--primary);color:var(--primary);background:#667eea1a}.filter-menu{z-index:1000;border-radius:12px;min-width:220px;margin-top:12px;animation:.2s slideInDown;position:absolute;top:100%;right:0}.filter-section{padding:12px}.filter-section h4{text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.4px;margin:0 0 8px;font-size:11px;font-weight:700}.filter-option{width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-weight:500;display:flex}.filter-option:hover{color:var(--primary);background:#667eea1a;transform:translate(4px)}.filter-option.active{color:var(--primary);background:#667eea26}.stream-stats{border-top:1px solid #fff3;flex-wrap:wrap;gap:10px;padding-top:6px;display:none}.stat-item{flex-direction:column;gap:0;display:flex}.stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.4px;font-size:8px;font-weight:700}.stat-value{color:var(--white);text-shadow:0 2px 8px #0003;font-family:Courier New,monospace;font-size:18px;font-weight:800}.ai-suggestion-banner{background:linear-gradient(135deg,#667eea1a 0%,#764ba20d 100%);border:2px solid #667eea33;border-radius:12px;align-items:center;padding:20px 24px;animation:.4s slideDown;display:flex}.banner-content{flex:1;align-items:center;gap:20px;display:flex}.ai-icon{color:var(--primary);font-size:32px;animation:2s linear infinite spin}.banner-text{flex:1}.banner-text h4{color:var(--primary);margin:0 0 4px;font-size:16px;font-weight:700}.banner-text p{color:var(--text-secondary);margin:0;font-size:13px}.banner-btn{background:var(--primary);color:var(--white);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;padding:10px 20px;font-weight:600}.banner-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ai-suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;animation:.4s .1s backwards slideDown;display:grid}.ai-suggestion-card{background:var(--white);border:2px solid var(--border);transition:all var(--transition-normal);cursor:pointer;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.ai-suggestion-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ai-suggestion-icon{color:var(--primary);font-size:24px}.ai-suggestion-card h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.ai-suggestion-card p{color:var(--text-secondary);margin:0;font-size:13px}.ai-action-btn{color:var(--primary);border:2px solid var(--primary);cursor:pointer;transition:all var(--transition-fast);background:#667eea1a;border-radius:8px;padding:8px 16px;font-weight:600}.ai-action-btn:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.posts-feed{flex-direction:column;gap:20px;animation:.4s fadeIn;display:flex}.post-card{background:var(--white);border:1px solid var(--border);transition:all var(--transition-normal);border-radius:16px;padding:28px;animation:.3s slideUp;position:relative;overflow:visible;box-shadow:0 2px 8px #0000000f}.post-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.post-card.hovered:before{opacity:1}.post-card:hover{border-color:#667eea33;transform:translateY(-6px);box-shadow:0 12px 40px #667eea26}.pinned-badge,.trending-badge{z-index:10;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:800;display:flex;position:absolute;top:20px;right:20px}.pinned-badge{color:var(--white);background:linear-gradient(135deg,#667eeae6,#764ba2cc);box-shadow:0 4px 12px #667eea4d}.post-header{border-bottom:2px solid var(--light);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.post-author{flex:1;gap:12px;display:flex}.author-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));width:56px;height:56px;color:var(--white);border:3px solid var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #667eea4d}.author-info{flex-direction:column;gap:2px;display:flex}.author-name{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.post-timestamp{color:var(--text-tertiary);align-items:center;gap:12px;margin:0;font-size:12px;display:flex}.view-count{color:var(--text-secondary);align-items:center;gap:4px;font-weight:600;display:flex}.post-actions-menu{opacity:0;transition:opacity var(--transition-fast);gap:8px;display:flex}.post-card.hovered .post-actions-menu{opacity:1}.action-btn{background:var(--light);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.action-btn:hover{background:var(--primary);color:var(--white);transform:scale(1.1)}.action-btn.active{color:var(--primary);background:#667eea33}.menu-container{justify-content:center;align-items:center;display:flex;position:relative}.dropdown-menu{background:var(--white);border:1px solid var(--border);z-index:1000;min-width:160px;animation:slideDown var(--transition-fast) ease;border-radius:10px;flex-direction:column;margin-top:8px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #00000026}.menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.menu-item:hover{background:var(--light);color:var(--text-primary)}.menu-item.delete-item{color:#ef4444}.menu-item.delete-item:hover{color:#dc2626;background:#ef44441a}.post-content{margin-bottom:20px}.post-title{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 12px;font-size:20px;font-weight:800;line-height:1.4}.post-text{color:var(--text-secondary);word-wrap:break-word;margin:0;font-size:16px;line-height:1.7}.markdown-link{color:#667eea;transition:all var(--transition-fast);cursor:pointer;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-bottom:2px solid #0000;border-radius:4px;padding:2px 6px;font-weight:500;text-decoration:none}.markdown-link:hover{color:#5a6fd8;background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);border-bottom-color:#667eea;transform:translateY(-1px)}.markdown-link:active{opacity:.9;transform:translateY(0)}.post-attachments{background:var(--light);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.attachment-item{background:var(--white);border:1px solid var(--border);color:var(--primary);transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.attachment-item:hover{border-color:var(--primary);background:#667eea1a;transform:translate(4px)}.post-footer{border-top:1px solid var(--border);flex-direction:column;gap:16px;padding-top:16px;display:flex}.post-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.reactions-preview{flex-wrap:wrap;gap:6px;display:flex}.reaction-badge{background:var(--light);border:2px solid var(--border);cursor:pointer;transition:all var(--transition-fast);border-radius:18px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.reaction-badge:hover,.reaction-badge.reacted{border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,#667eea26,#764ba21a);transform:scale(1.15)}.post-meta{color:var(--text-tertiary);gap:12px;font-size:12px;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.post-interactions{flex-direction:column;gap:12px;display:flex}.interaction-buttons{justify-content:flex-start;gap:8px;display:flex}.interaction-btn{border:2px solid var(--border);background:var(--light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.interaction-btn:hover{border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,#667eea1a,#764ba20d);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.quick-reactions{background:var(--light);border-radius:8px;justify-content:center;gap:6px;padding:8px;display:flex}.reaction-quick-btn{background:var(--white);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex;box-shadow:0 2px 6px #00000014}.reaction-quick-btn:hover{background:var(--white);border-color:var(--primary);transform:scale(1.2)translateY(-6px);box-shadow:0 6px 16px #667eea33}.post-comments-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px;animation:.3s slideDown}.comments-list{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.comment-item{background:var(--light);transition:all var(--transition-fast);border-radius:8px;gap:12px;padding:12px;display:flex}.comment-item:hover{background:#667eea0d}.comment-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.comment-content{flex:1}.comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-author{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.comment-time{color:var(--text-tertiary);font-size:11px}.comment-text{color:var(--text-secondary);margin:0 0 6px;font-size:13px;line-height:1.4}.comment-action{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:600;display:flex}.comment-action:hover{color:var(--primary)}.comment-form{background:var(--light);border-radius:8px;flex-direction:column;gap:8px;padding:12px;animation:.2s slideDown;display:flex}.comment-input{border:2px solid var(--border);color:var(--text-primary);background:var(--white);transition:all var(--transition-fast);border-radius:6px;outline:none;padding:10px 12px;font-size:13px}.comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.comment-actions{justify-content:flex-end;gap:8px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.btn-cancel{background:var(--light);color:var(--text-secondary);border:1px solid var(--border)}.btn-cancel:hover{background:var(--white);border-color:var(--text-tertiary)}.btn-submit{background:var(--primary);color:var(--white)}.btn-submit:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.expand-btn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.expand-btn:hover{background:#667eea1a;transform:translateY(-2px)}.empty-state-modern{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:80px 24px;display:flex}.empty-state-modern svg{color:var(--text-tertiary);opacity:.5;font-size:80px}.empty-state-modern h3{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.empty-state-modern p{color:var(--text-secondary);margin:0;font-size:16px}.btn-create-primary{background:var(--primary);color:var(--white);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;display:flex}.btn-create-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.loading-state-modern{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:80px 24px;display:flex}.spinner{color:var(--primary);font-size:48px;animation:1s linear infinite spin}@media (max-width:768px){.modern-stream-container{gap:16px;padding:16px}.stream-header{gap:16px;padding:20px}.stream-header-top{flex-direction:column;gap:12px}.stream-title{font-size:20px}.stream-header-actions{flex-direction:column;width:100%}.search-wrapper{min-width:100%}.stream-stats{gap:16px}.ai-suggestions-grid{grid-template-columns:1fr}.post-card{border-radius:12px;padding:16px}.post-header{flex-direction:column;gap:12px}.post-title{font-size:16px}.interaction-buttons{flex-direction:column}.interaction-btn{flex:1}.post-actions-menu{opacity:1;position:absolute;top:8px;right:8px}}@media (max-width:480px){.stream-title{font-size:18px}.stream-header{padding:16px}.post-card{padding:12px}.post-text{font-size:13px}.stat-value{font-size:20px}.post-attachments{gap:4px}.attachment-item{padding:6px 10px;font-size:12px}}@media (prefers-color-scheme:dark){.modern-stream-container{background:linear-gradient(135deg,#1a202c 0%,#0f172a 100%)}.glass-effect{background:#1e293bb3;border-color:#94a3b833}.stream-header,.post-card{background:#1e293b;border-color:#334155}.stream-search,.filter-btn,.comment-input{color:#f1f5f9;background:#0f172a;border-color:#334155}.post-text,.comment-text{color:#cbd5e1}.author-name,.post-title{color:#f1f5f9}.post-timestamp,.comment-time{color:#94a3b8}}@media print{.stream-header,.post-actions-menu,.interaction-buttons,.quick-reactions{display:none}.post-card{page-break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@keyframes sidebarGradient{0%,to{background-position:0 0}50%{background-position:0 100%}}@keyframes bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes personWave{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes laptopTilt{0%,to{transform:rotateX(0)}50%{transform:rotateX(-5deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.dashboard-left,.dashboard-right{flex-direction:column;gap:8px;display:flex}@keyframes nextStepBobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes nextStepWave{0%,to{transform:rotate(0)}50%{transform:rotate(1.5deg)}}@keyframes nextStepPoint{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes nextStepTwinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.exam-item:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}@keyframes cloudFloat{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(20px)translate(10px)}}@media (max-width:1024px){.candidate-sidebar{width:240px}.candidate-main{margin-left:240px}.welcome-card{text-align:center;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.candidate-sidebar{z-index:1000;width:280px;height:100vh;transition:left .3s;position:fixed;left:-280px}.candidate-sidebar.active{left:0}.candidate-main{margin-left:0}.candidate-header{padding:16px 20px}.candidate-header h1{font-size:20px}.candidate-content{padding:20px}.welcome-card{text-align:center;flex-direction:column;padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.exams-grid{grid-template-columns:1fr}.tab-controls{flex-direction:column}.search-bar{min-width:auto}.schedule-card{text-align:center;flex-direction:column}.schedule-info{width:100%}.result-score{text-align:center;flex-direction:column}}@media (max-width:480px){.candidate-header{text-align:center;flex-direction:column;gap:12px}.candidate-header h1{font-size:18px}.candidate-content{padding:16px}.stats-grid{grid-template-columns:1fr}.welcome-card{padding:16px}.welcome-card h2{font-size:20px}.card-header{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.exam-item-footer{flex-direction:column;gap:12px}.results-table{font-size:12px}.results-table th,.results-table td{padding:8px}}.candidate-sidebar::-webkit-scrollbar{width:8px}.candidate-content::-webkit-scrollbar{width:8px}.candidate-sidebar::-webkit-scrollbar-track{background:0 0}.candidate-content::-webkit-scrollbar-track{background:0 0}.candidate-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.candidate-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.candidate-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.candidate-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.classroom-tab{background:#f8fafc;width:100%;min-height:100vh;padding:30px}@media (max-width:768px){.classroom-container{grid-template-columns:1fr;gap:20px}.assignments-grid,.materials-grid{grid-template-columns:1fr}.members-grid{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:1fr}.result-card{margin-bottom:8px}.result-score{text-align:center;flex-direction:column}.score-circle{width:65px;height:65px}.score-value{font-size:26px}.score-percent{font-size:10px}.classroom-section{padding:16px}}@media (max-width:480px){.classroom-tab{padding:16px}.classroom-section{padding:12px}.classroom-section h2{font-size:16px}.assignments-grid,.materials-grid,.members-grid{grid-template-columns:1fr}.announcement-card{padding:16px}.instructor-info{text-align:center;flex-direction:column}}:root{--primary:#667eea;--primary-dark:#5a6fd8;--secondary:#764ba2;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--light:#f8fafb;--off-white:#fafbfc;--border:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--white:#fff}.advanced-classroom{background:var(--off-white);height:100vh;color:var(--text-primary);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;transition:background .3s;display:flex;overflow:hidden}.advanced-classroom.dark-mode{--light:#1f2937;--off-white:#1a202c;--white:#111827;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border:#374151;background:#0f172a}.toolbar{background:var(--white);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:16px 30px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.toolbar-left h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.toolbar-left{flex:1;align-items:center;gap:24px;display:flex}.subject-selector-wrapper{align-items:center;gap:12px;display:flex}.subject-selector{background:var(--light);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.subject-selector:hover{border-color:var(--primary);background:var(--white)}.subject-selector-label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.subject-selector-dropdown{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;min-width:150px;max-width:200px;padding:4px 8px;font-size:14px;font-weight:500}.subject-selector-dropdown:focus{outline:2px solid var(--primary);outline-offset:-1px;border-radius:3px}.subject-selector-dropdown option{background:var(--white);color:var(--text-primary);padding:8px}.toolbar-right{align-items:center;gap:12px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:600;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background:var(--light);color:var(--text-primary)}.notification-btn{color:#ef4444;background:linear-gradient(135deg,#ef444426 0%,#dc262614 100%);border:2px solid #ef444466;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:12px 14px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 12px #ef444426}.notification-btn:hover{color:var(--white);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;transform:translateY(-3px)scale(1.1);box-shadow:0 8px 24px #ef444466}.notification-btn svg{font-size:20px;display:block}@keyframes ring{0%,to{transform:rotate(0)}10%,20%{transform:rotate(-15deg)}30%,50%,70%,90%{transform:rotate(15deg)}40%,60%,80%{transform:rotate(-15deg)}}.dark-mode-btn{color:#3b82f6;background:linear-gradient(135deg,#3b82f626 0%,#2563eb14 100%);border:2px solid #3b82f666;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:12px 14px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f626}.dark-mode-btn:hover{color:var(--white);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6;transform:translateY(-3px)scale(1.1);box-shadow:0 8px 24px #3b82f666}.dark-mode-btn svg{font-size:20px;display:block}@keyframes glow{0%,to{filter:drop-shadow(0 0 #3b82f600)}50%{filter:drop-shadow(0 0 10px #3b82f6b3)}}.settings-btn{color:#6b7280;background:linear-gradient(135deg,#6b728026 0%,#4b556314 100%);border:2px solid #6b728066;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:12px 14px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 12px #6b728026}.settings-btn:hover{color:var(--white);background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border-color:#6b7280;transform:translateY(-3px)scale(1.1);box-shadow:0 8px 24px #6b728066}.settings-btn svg{font-size:20px;display:block}@keyframes spin-settings{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-btn.back-btn{border:1px solid var(--border);color:var(--primary);margin-right:12px}.icon-btn.back-btn:hover{color:var(--primary);border-color:var(--primary);background:#667eea1a}.badge-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0;transform:scale(.85)}.classroom-dropdown-horizontal{background:var(--white);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:300px;max-width:600px;margin-top:8px;position:absolute;top:100%;left:0;box-shadow:0 10px 25px #0000001a}.dropdown-list-horizontal{flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.dropdown-item-horizontal{background:var(--light);color:var(--text-primary);cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dropdown-item-horizontal:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.dropdown-item-horizontal.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.item-name-only{flex:1;font-weight:500}.dropdown-item-horizontal .check-icon{font-size:16px}.classroom-tabs{background:var(--off-white);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;z-index:10;gap:0;padding:0 30px;display:flex;position:sticky;top:0;overflow-x:auto}.classroom-tabs::-webkit-scrollbar{height:4px}.classroom-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.tab-btn:hover{color:var(--text-primary);border-bottom-color:var(--border)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.ai-assistant-btn{color:var(--white)!important;border:2px solid var(--primary)!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;padding:12px 14px!important;font-weight:600!important;transition:all .3s!important;display:flex!important;box-shadow:0 4px 15px #667eea4d!important}.ai-assistant-btn:hover{transform:translateY(-3px)scale(1.1)!important;box-shadow:0 8px 24px #667eea66!important}.ai-assistant-btn svg{font-size:20px;display:block}@keyframes rotate-robot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-assistant-panel{z-index:99;background:linear-gradient(135deg,#f8fafb 0%,#f0f4f8 100%);border-left:3px solid #667eea;flex-direction:column;width:360px;height:calc(100vh - 80px);animation:.3s slideInRight;display:flex;position:fixed;top:80px;right:0;box-shadow:-8px 0 30px #667eea33}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ai-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:3px solid #667eea4d;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 4px 15px #667eea33}.ai-header h3{color:var(--white);text-shadow:0 2px 4px #0000001a;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.ai-header h3 svg{font-size:22px;animation:2s ease-in-out infinite pulse-robot}@keyframes pulse-robot{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ai-header button{color:var(--white);cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:6px;padding:6px 12px;font-size:20px;font-weight:700;transition:all .2s}.ai-header button:hover{background:#ffffff4d;border-color:#fff9}.ai-content{background:linear-gradient(135deg,#f8fafbcc 0%,#f0f4f8cc 100%);flex:1;padding:20px;overflow-y:auto}.ai-subject-selector{background:var(--white);border:2px solid #667eea1a;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 2px 8px #0000000a}.ai-subject-selector label{text-transform:uppercase;color:var(--primary);letter-spacing:.8px;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.subject-select{width:100%;color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#667eea0a 0%,#f8fafb 100%);border:2px solid #667eea33;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:600;transition:all .2s}.subject-select:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 4px #667eea26}.subject-select:hover{border-color:var(--primary);background:var(--white)}.ai-section{background:var(--white);border:2px solid #667eea1a;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 2px 8px #0000000a}.ai-section h4{text-transform:uppercase;color:var(--primary);letter-spacing:.8px;align-items:center;gap:6px;margin:0 0 14px;font-size:13px;font-weight:700;display:flex}.ai-action-btn{width:100%;color:var(--primary);cursor:pointer;background:linear-gradient(135deg,#667eea14 0%,#764ba20d 100%);border:2px solid #667eea33;border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.ai-action-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:50%;left:-100%;transform:translateY(-50%)}.ai-action-btn:hover:before{left:100%}.ai-action-btn:hover{color:var(--white);border-color:var(--primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea40}.ai-action-btn svg{flex-shrink:0;font-size:16px}.classroom-content{background:var(--off-white);flex:1;width:100%;max-width:1200px;margin:0 auto;padding:30px;overflow:hidden auto}.tab-pane{animation:.3s fadeIn}.stream-pane{width:100%}.create-post-card{background:var(--off-white);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px;transition:all .15s;box-shadow:0 2px 8px #0000000f}.create-post-card:hover{box-shadow:0 4px 12px #00000014}.post-input-section{margin-bottom:16px}.post-title-input{border:1px solid var(--border);width:100%;min-height:80px;color:var(--text-primary);background:var(--white);resize:vertical;border-radius:8px;padding:16px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;transition:all .15s}.post-title-input:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #667eea1a}.post-title-input::placeholder{color:var(--text-tertiary);font-weight:400}.rich-editor-toolbar{background:var(--off-white);border:1px solid var(--border);border-bottom:1px solid var(--border);border-top:none;border-radius:0;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px;display:flex}.rich-editor-toolbar button{background:var(--white);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:14px;transition:all .15s;display:flex}.rich-editor-toolbar button:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.post-content-input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--white);resize:vertical;border-top:none;border-radius:0 0 8px 8px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;transition:all .15s}.post-content-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.post-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.post-type-select{flex:0}.type-select{border:1px solid var(--border);background:var(--off-white);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.type-select:focus{border-color:var(--primary);background:var(--white);outline:none}.action-buttons{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;display:flex}.btn-attach,.btn-schedule,.btn-expand{background:var(--light);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-attach:hover,.btn-schedule:hover,.btn-expand:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.btn-post{background:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-post:hover{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #667eea40}.posts-feed{flex-direction:column;gap:20px;display:flex}.empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.empty-state svg{opacity:.4;margin-bottom:20px}.empty-state h3{color:var(--text-secondary);margin:0 0 8px;font-size:18px;font-weight:600}.post-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .15s;position:relative;box-shadow:0 2px 8px #0000000f}.post-card:hover{box-shadow:0 4px 16px #0000001a}.post-card.pinned{border:1px solid var(--border);background:linear-gradient(135deg,#f59e0b0a 0%,#f59e0b05 100%)}.post-card.post-type-assignment{border-left:3px solid var(--info)}.post-card.post-type-quiz{border-left:3px solid var(--warning)}.post-card.post-type-resource{border-left:3px solid var(--success)}.pinned-indicator{color:var(--warning);text-transform:uppercase;background:#f59e0b14;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.post-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.author-info{flex:1;align-items:center;gap:12px;display:flex}.author-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:44px;height:44px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex;box-shadow:0 2px 4px #667eea33}.author-info h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.post-meta{color:var(--text-tertiary);align-items:center;gap:8px;margin:6px 0 0;font-size:12px;display:flex}.post-type-badge{background:var(--light);text-transform:uppercase;color:var(--text-secondary);border-radius:4px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-block}.post-actions{gap:4px;display:flex}.action-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:16px;transition:all .15s;display:flex}.action-btn:hover{background:var(--light);color:var(--text-secondary)}.action-btn.active{color:var(--warning)}.post-body{margin-bottom:16px}.post-body h3{color:var(--text-primary);margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.4}.post-body p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.attachments{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.attachment{background:var(--light);color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.attachment:hover{background:var(--primary);color:var(--white)}.tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag{color:var(--primary);background:#667eea14;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.post-footer{border-top:1px solid var(--border);padding-top:12px}.reactions{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.reaction-btn{background:var(--light);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.reaction-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.reaction-btn.add-reaction{padding:4px 12px;font-size:16px}.footer-actions{gap:16px;display:flex}.action-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;transition:all .2s;display:flex}.action-link:hover{color:var(--primary)}.replies-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.reply{gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.reply:last-child{margin-bottom:0;padding-bottom:0}.reply-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:32px;height:32px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.reply-avatar.instructor{background:linear-gradient(135deg, var(--success) 0%, #059669 100%)}.reply-content h5{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 2px;font-size:12px;font-weight:700;display:flex}.teacher-badge{background:var(--success);color:var(--white);text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.reply-content p{color:var(--text-secondary);margin:2px 0 4px;font-size:12px;line-height:1.5}.reply-content small{color:var(--text-tertiary);font-size:11px}.comment-input-area{border-top:1px solid var(--border);gap:8px;margin-top:16px;padding-top:12px;display:flex}.comment-input{border:1px solid var(--border);background:var(--light);color:var(--text-primary);border-radius:6px;flex:1;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.comment-input:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #667eea1a}.comment-input::placeholder{color:var(--text-secondary)}.btn-comment{background:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-comment:hover{background:var(--primary-dark);transform:translateY(-1px)}.teacher-action{color:var(--success)!important}.teacher-action:hover{color:#059669!important}.materials-pane{width:100%}.materials-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.materials-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.btn-upload-material{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:var(--white);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-upload-material:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.materials-grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.material-card{background:var(--white);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}.material-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.material-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.material-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:50px;height:50px;color:var(--white);border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.material-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .2s}.material-menu:hover{background:var(--light);color:var(--text-primary)}.material-card h3{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:700}.material-desc{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.material-meta{color:var(--text-secondary);gap:12px;margin-bottom:12px;font-size:12px;display:flex}.material-meta span{align-items:center;gap:4px;display:flex}.material-attachments{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.material-attachment-group{align-items:stretch;gap:8px;display:flex}.material-attachment-link{background:var(--light);color:var(--text-primary);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.material-view-btn{color:#667eea;background:#f0f4ff;border:1px solid #e0e7ff}.material-view-btn:hover{color:var(--white);background:#667eea;border-color:#667eea}.material-download-btn{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.material-download-btn:hover{color:var(--white);background:#16a34a;border-color:#16a34a}.classwork-pane{width:100%}.classwork-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.classwork-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.btn-create-assignment{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:var(--white);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-create-assignment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.assignments-container{flex-direction:column;gap:16px;display:flex}.assignment-panel{background:var(--white);border:1px solid var(--border);border-radius:12px;transition:all .2s;overflow:visible;box-shadow:0 1px 3px #0000000d}.classwork-info-box{color:#856404;background:#fff3cd;border:1px solid #ffe69c;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.classwork-info-box svg{color:#ff9800;flex-shrink:0;font-size:18px}.assignment-panel:hover{box-shadow:0 4px 12px #00000014}.assignment-top{background:var(--light);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.assignment-info h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.assignment-desc{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.assignment-meta{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.assignment-meta span{align-items:center;gap:4px;display:flex}.submission-type{background:var(--info);color:var(--white);border-radius:4px;padding:2px 8px;font-weight:600;display:inline-block}.assignment-attachments-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f0f7ff;padding:16px 20px}.attachments-header{color:var(--info);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.assignment-attachments{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.attachment-link{background:linear-gradient(135deg, var(--info), #2962ff);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #3b82f633}.attachment-link:hover{background:linear-gradient(135deg,#2962ff,#1a3fa0);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.attachment-link:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f633}.attachment-link svg{flex-shrink:0;font-size:16px}.attachment-name{white-space:normal;word-break:break-word;max-width:200px}.btn-expand-details{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.submissions-tracker{background:var(--white);grid-template-columns:repeat(4,1fr);gap:0;padding:0;display:grid}.submission-stat{text-align:center;border-right:1px solid var(--border);flex-direction:column;align-items:center;padding:16px;display:flex}.submission-stat:last-child{border-right:none}.stat-value{color:var(--primary);font-size:24px;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:600}.submissions-list{padding:16px 20px}.submission-item{background:var(--light);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.submission-item:hover{background:#667eea0d}.submission-student{flex:1;align-items:center;gap:12px;display:flex}.student-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.submission-student h5{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.submission-status{color:var(--text-secondary);align-items:center;gap:4px;margin:4px 0 0;font-size:11px;display:flex}.submission-actions{align-items:center;gap:12px;display:flex}.plagiarism{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.plagiarism.low{color:var(--success);background:#10b9811a}.plagiarism.high{color:var(--danger);background:#ef44441a}.btn-grade{background:var(--primary);color:var(--white);cursor:pointer;z-index:10;pointer-events:auto;border:none;border-radius:6px;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;position:relative}.btn-grade:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-grade:active{transform:translateY(0)}.exams-pane{width:100%}.exams-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.exams-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.btn-create-exam{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:var(--white);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-create-exam:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:var(--white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-start-exam{width:180px;height:44px;font-size:15px}.exams-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.exam-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s;box-shadow:0 1px 3px #0000000d}.exam-header-section{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.exam-header-section h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.exam-badges{gap:6px;display:flex}.badge{background:var(--light);text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.badge.proctored{color:var(--danger);background:#ef44441a}.badge.adaptive{color:var(--primary);background:#667eea1a}.exam-description{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.6}.exam-details{background:var(--light);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.detail-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.detail-item svg{color:var(--primary)}.exam-student-status{margin-bottom:16px}.exam-student-status h4{color:var(--text-primary);margin:0 0 12px;font-size:13px;font-weight:700}.status-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.status-item{background:var(--light);text-align:center;border-radius:8px;padding:12px}.status-count{color:var(--primary);font-size:18px;font-weight:700}.status-label{color:var(--text-secondary);margin-top:4px;font-size:11px;font-weight:600}.exam-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.exam-start-cta{justify-content:center;margin-top:12px;display:flex}.exam-start-cta .btn-start-exam{min-width:220px}.btn-secondary{background:var(--light);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.grades-pane{width:100%}.grades-header{margin-bottom:24px}.grades-header h2{color:var(--text-primary);margin:0 0 16px;font-size:20px;font-weight:700}.grade-filters{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.grades-table-container{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.grades-table{border-collapse:collapse;width:100%}.grades-table th{background:var(--light);text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:16px;font-size:13px;font-weight:700}.grades-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:16px}.grades-table tbody tr:hover{background:var(--light)}.student-cell{align-items:center;gap:0;display:flex}.student-name-cell{flex:1;align-items:center;gap:12px;display:flex}.student-avatar-sm{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.student-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.last-active{color:var(--text-secondary);margin:4px 0 0;font-size:11px}.grade-cell{text-align:center}.grade-value{color:var(--primary);font-size:16px;font-weight:700}.grade-meta{color:var(--text-secondary);margin-top:4px;font-size:11px;font-weight:500;display:block}.grade-cell.overall{border-right:2px solid var(--primary);background:#667eea0d}.analytics-pane{width:100%}.analytics-header{margin-bottom:24px}.analytics-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px;display:grid}.analytics-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.analytics-card h3{color:var(--text-primary);margin:0 0 16px;font-size:15px;font-weight:700}.heatmap-placeholder,.chart-placeholder{background:var(--light);height:200px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.attendance-list{flex-direction:column;gap:12px;display:flex}.attendance-item{align-items:center;gap:12px;display:flex}.student-name-short{color:var(--text-primary);flex:0 0 120px;font-size:12px;font-weight:600}.attendance-bar{background:var(--light);border-radius:4px;flex:1;height:24px;overflow:hidden}.attendance-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:4px;height:100%}.attendance-percent{text-align:right;color:var(--text-primary);flex:0 0 40px;font-size:12px;font-weight:700}.strength-weakness{background:var(--light);border-radius:8px;margin-bottom:16px;padding:12px}.strength-weakness h4{color:var(--text-primary);margin:0 0 8px;font-size:13px;font-weight:700}.strength-items,.weakness-items{margin-bottom:8px}.strength-items strong,.weakness-items strong{color:var(--text-secondary);margin-bottom:4px;font-size:11px;display:block}.strength-badge,.weakness-badge{border-radius:4px;margin-bottom:4px;margin-right:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.strength-badge{color:var(--success);background:#10b9811a}.weakness-badge{color:var(--danger);background:#ef44441a}.people-pane{width:100%}.people-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.people-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.search-input{border:1px solid var(--border);background:var(--white);max-width:300px;color:var(--text-primary);border-radius:6px;flex:1;padding:10px 16px;font-size:13px;transition:all .2s}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.people-section{margin-bottom:28px}.people-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:700}.people-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.person-card{background:var(--white);border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex}.person-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014}.person-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:44px;height:44px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.person-avatar.instructor{background:linear-gradient(135deg, var(--success) 0%, #059669 100%)}.person-info h4{color:var(--text-primary);margin:0 0 2px;font-size:13px;font-weight:700}.person-info p{color:var(--text-secondary);margin:0;font-size:11px}.person-meta{margin-bottom:12px}.person-action{background:var(--light);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-primary);border-radius:4px;margin-top:auto;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.person-action:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.settings-pane{width:100%;max-width:600px}.settings-header{margin-bottom:24px}.settings-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.settings-section{background:var(--white);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #0000000d}.settings-section h3{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:12px;font-size:14px;font-weight:700}.setting-item{margin-bottom:16px}.setting-item:last-child{margin-bottom:0}.setting-item label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.setting-item input,.setting-item textarea{border:1px solid var(--border);background:var(--light);width:100%;color:var(--text-primary);border-radius:6px;padding:10px;font-family:inherit;font-size:13px;transition:all .2s}.setting-item input:focus,.setting-item textarea:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #667eea1a}.checkbox-setting{cursor:pointer;color:var(--text-primary);align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.checkbox-setting input{cursor:pointer;width:auto;margin:0}@media (max-width:1024px){.exams-list,.analytics-grid{grid-template-columns:1fr}.people-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.materials-grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.classroom-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.classroom-tabs{padding:0 20px;overflow-x:auto}.classroom-content{padding:20px}.status-grid,.submissions-tracker{grid-template-columns:repeat(2,1fr)}.submission-stat:nth-child(odd):nth-child(n+3){border-right:1px solid var(--border)}.submission-stat:nth-child(4){border-right:none}.exam-actions{grid-template-columns:1fr}.post-controls{flex-direction:column}.action-buttons{justify-content:stretch}.action-buttons button{flex:1}.materials-grid-container{grid-template-columns:1fr}.classroom-cover-header{height:180px}.class-title-overlay h2{font-size:24px}.class-title-overlay p{font-size:14px}}@media (max-width:480px){.classroom-header{padding:12px 16px}.header-left h1{font-size:18px}.class-description{font-size:12px}.classroom-tabs{padding:0 12px}.tab-btn{padding:12px;font-size:12px}.tab-btn span{display:none}.classroom-content{padding:12px}.create-post-card,.post-card{padding:16px}.post-type-select{flex:0 0 100%}.type-select{width:100%}.action-buttons,.status-grid,.submissions-tracker{grid-template-columns:repeat(2,1fr)}.people-list{grid-template-columns:1fr}.grades-table th,.grades-table td{padding:12px 8px;font-size:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn-create-announcement{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 24px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #667eea4d}.btn-create-announcement:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-create-announcement:active{transform:translateY(0)}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.loading-state .spinner{font-size:48px;animation:2s linear infinite spin}.loading-state p{margin:0;font-size:16px}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-state svg{color:var(--border);opacity:.5;margin-bottom:20px}.empty-state h3{color:var(--text-primary);margin:0 0 12px;font-size:20px}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0;font-size:14px}.assignment-expanded-menu{border-top:2px solid var(--info);background:linear-gradient(135deg,#f0f7ff 0%,#e8f2ff 100%);border-radius:0 0 8px 8px;padding:20px;animation:.3s slideDown}.expanded-menu-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.btn-upload-submission{background:linear-gradient(135deg, var(--info), #2962ff);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-upload-submission:hover{background:linear-gradient(135deg,#2962ff,#1a4dd4);transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.btn-upload-submission:active{transform:translateY(0)}.submission-status-section{border-top:2px solid var(--success);background:linear-gradient(135deg,#f0fff4 0%,#e8f8f5 100%);border-radius:0 0 8px 8px;padding:20px}.status-header{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.status-icon.submitted{color:var(--success);animation:.4s slideInIcon}@keyframes slideInIcon{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.status-details{flex-direction:column;gap:10px;display:flex}.status-item{border-left:3px solid var(--success);background:#fff9;border-radius:6px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.status-label{color:var(--text-secondary);font-weight:500}.status-value{color:var(--text-primary);font-weight:600}.status-value.grade{background:linear-gradient(135deg, var(--success), #10b981);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px}.grading-section{margin-bottom:20px}.grading-section h4{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.submission-content-display{background:var(--light);border-left:4px solid var(--info);max-height:200px;color:var(--text-primary);border-radius:8px;padding:16px;font-size:14px;line-height:1.6;overflow-y:auto}.submission-content-display p{white-space:pre-wrap;word-wrap:break-word;margin:0}.score-input-group{align-items:center;gap:12px;display:flex}.score-input{border:2px solid var(--border);color:var(--text-primary);border-radius:6px;flex:1;padding:12px;font-size:16px;font-weight:600;transition:border-color .3s}.score-input:focus{border-color:var(--info);outline:none;box-shadow:0 0 0 3px #3b82f61a}.score-max{color:var(--text-secondary);white-space:nowrap;font-size:14px;font-weight:600}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.submission-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;min-height:400px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg, var(--info), #2962ff);color:#fff;border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{margin:0;font-size:20px;font-weight:600}.btn-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:background .3s;display:flex}.btn-close:hover{background:#ffffff4d}.modal-body{flex:1;padding:24px;overflow-y:auto}.submission-info{background:var(--light);border-left:4px solid var(--info);border-radius:8px;margin-bottom:20px;padding:16px}.submission-info h3{color:var(--text-primary);margin:0 0 8px;font-size:18px}.submission-info p{color:var(--text-secondary);margin:0;font-size:14px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.submission-textarea{border:1px solid var(--border);resize:vertical;width:100%;color:var(--text-primary);border-radius:6px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .3s}.submission-textarea:focus{border-color:var(--info);outline:none;box-shadow:0 0 0 3px #3b82f61a}.file-upload-area{border:2px dashed var(--border);text-align:center;background:var(--light);cursor:pointer;border-radius:8px;padding:40px 20px;transition:all .3s;position:relative}.file-upload-area:hover{border-color:var(--info);background:#3b82f60d}.file-input{display:none}.file-input-label{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.file-input-label svg{color:var(--info);font-size:32px}.uploaded-files{margin-top:20px}.uploaded-files h4{color:var(--text-primary);margin:0 0 12px;font-size:14px}.file-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.file-list li{background:var(--light);color:var(--text-primary);border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.file-list svg{color:var(--info);flex-shrink:0}.modal-footer{border-top:1px solid var(--border);background:var(--light);border-radius:0 0 12px 12px;flex-shrink:0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-primary{background:linear-gradient(135deg, var(--info), #2962ff);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2962ff,#1a4dd4);transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.btn-secondary{background:var(--border);color:var(--text-primary)}.btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}.advanced-classroom-container{width:100%;height:100vh;display:flex;position:relative}.advanced-classroom{flex-direction:column;flex:1;margin-left:280px;transition:margin-left .25s;display:flex;overflow:hidden}.advanced-classroom-container .candidate-sidebar.closed~.advanced-classroom{margin-left:0}.user-email{color:#06d6ff;text-shadow:0 0 8px #06d6ff66;margin:0;font-size:13px;font-weight:700}.user-org{color:#a5f3fc;text-shadow:0 0 6px #06d6ff4d;margin:4px 0 0;font-size:11px}.notification-backdrop{z-index:999;background:#00000080;position:fixed;inset:0}.notification-center{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:380px;max-height:600px;transition:transform .3s;display:flex;position:fixed;top:60px;right:20px;transform:translate(420px);box-shadow:0 10px 40px #00000026}.notification-center.open{transform:translate(0)}.notification-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notification-header h3{margin:0;font-size:18px;font-weight:600}.mark-all-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .3s;display:flex}.mark-all-btn:hover{background:#ffffff4d}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.close-btn:hover{background:#ffffff4d}.notification-content{background:#fff;flex:1;overflow-y:auto}.notification-content::-webkit-scrollbar{width:6px}.notification-content::-webkit-scrollbar-track{background:#f1f5f9}.notification-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-loading,.notification-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.notification-loading{gap:20px}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.notification-empty .empty-icon{color:#cbd5e1;margin-bottom:10px;font-size:48px}.notification-empty p{margin:0;font-size:14px}.notification-list{flex-direction:column;display:flex}.notification-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f0f4ff;border-left:4px solid #667eea;padding-left:12px}.notification-item.read{opacity:.8}.notification-icon-wrapper{flex-shrink:0;position:relative}.notif-icon{margin-top:2px;font-size:20px}.notif-icon.exam-scheduled{color:#3b82f6}.notif-icon.result-ready{color:#10b981}.notif-icon.exam-closing{color:#f59e0b}.notif-icon.exam-reminder{color:#ef4444}.notif-icon.system{color:#667eea}.unread-dot{background:#667eea;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px;right:-2px}.notification-body{flex:1;min-width:0}.notification-title{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:600}.notification-message{color:#64748b;word-wrap:break-word;margin:0 0 6px;font-size:13px;line-height:1.4}.notification-time{color:#94a3b8;font-size:12px}.mark-read-btn{color:#667eea;cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:16px;transition:all .2s}.mark-read-btn:hover{opacity:1;transform:scale(1.1)}.notification-footer{background:#f8fafc;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;padding:12px}.view-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s}@media (max-width:768px){.notification-center{width:320px;max-height:500px;right:10px}.notification-item{padding:12px}.notification-title{font-size:13px}.notification-message{font-size:12px}}@media (max-width:480px){.notification-center{border-radius:12px 12px 0 0;width:100%;max-height:70vh;left:0;right:0}.mark-all-btn{display:none}}*{box-sizing:border-box;margin:0;padding:0}.candidate-dashboard-loading{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{width:60px;height:60px;margin-bottom:20px;position:relative}.spinner-icon{width:100%;height:100%;font-size:50px;animation:1s linear infinite spin}.candidate-dashboard-container{background:linear-gradient(#f8fafc 0%,#f3e8ff 50%,#ede9fe 100%);min-height:100vh;display:flex;position:relative;overflow:hidden}.candidate-dashboard-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#667eea14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;bottom:auto;right:0}.candidate-sidebar{color:#fff;z-index:1000;background:linear-gradient(#667eea 0%,#764ba2 50%,#6b5b95 100%) 0 0/100% 200% fixed;flex-direction:column;width:280px;height:100vh;transition:all .25s;animation:15s infinite sidebarGradient;display:flex;position:fixed;overflow-y:auto;box-shadow:4px 0 30px #667eea59,inset -1px 0 10px #0000001a}.candidate-sidebar.closed{border:none;width:0;padding:0;overflow:hidden}.sidebar-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:0;display:flex;position:relative}.sidebar-toggle{cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin:8px 8px 8px 0;padding:16px;font-size:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000026;color:#ffeb3b!important}.sidebar-toggle:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.15)rotate(5deg);box-shadow:0 6px 16px #0003;color:#fff!important}.sidebar-logo{background:#0000001a;border-bottom:1px solid #ffffff1a;flex:1;align-items:center;gap:14px;padding:24px 20px;display:flex}.logo-circle{display:none}.logo-icon{object-fit:contain;border-radius:14px;flex-shrink:0;width:56px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-logo:hover .logo-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 12px 24px #0000004d}.sidebar-logo h3{letter-spacing:-.5px;text-shadow:0 2px 4px #0003;margin:0;font-size:19px;font-weight:900}.sidebar-logo p{opacity:.9;letter-spacing:.3px;margin:4px 0 0;font-size:12px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.nav-item{color:#ffffffe0;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";z-index:-1;background:#ffffff1a;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.nav-item:hover:before{left:0}.nav-item:hover{color:#fff;background:#ffffff2e;border-color:#ffffff40;transform:translate(6px);box-shadow:0 4px 12px #00000026}.nav-item.active{color:#fff;background:#ffffff40;border:1px solid #ffffff4d;font-weight:700;box-shadow:0 6px 16px #0003}.nav-item.active:after{content:"";opacity:.8;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;left:8px}.nav-item.active:hover{background:#ffffff4d;transform:translate(6px)}.nav-item svg{font-size:18px;transition:transform .3s}.nav-item:hover svg{transform:scale(1.2)}.nav-item.active svg{filter:drop-shadow(0 2px 4px #0003)}.sidebar-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-top:1px solid #fff3;padding:16px}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000026}.user-card:hover{background:linear-gradient(135deg,#ffffff26 0%,#ffffff1a 100%);border:1px solid #06d6ff66;transform:translateY(-2px);box-shadow:0 8px 16px #0003}.user-icon{color:#fff;background:linear-gradient(135deg,#06d6ff 0%,#0ea5e9 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.user-card p{margin:0;font-size:12px;line-height:1.3}.user-email{color:#06d6ff;text-shadow:0 0 8px #06d6ff66;font-weight:700}.user-org{color:#a5f3fc;text-shadow:0 0 6px #06d6ff4d;font-size:11px}.logout-btn{color:#f99;cursor:pointer;background:linear-gradient(135deg,#ef444433 0%,#ef44441a 100%);border:1px solid #ef44444d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000026}.logout-btn:hover{color:#fff;background:linear-gradient(135deg,#ef44444d 0%,#ef444426 100%);border-color:#ef444480;transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.candidate-main{flex-direction:column;flex:1;margin-left:280px;transition:margin-left .25s;display:flex;overflow:hidden}.candidate-sidebar.closed~.candidate-main{margin-left:0}.floating-sidebar-toggle{color:#fff;cursor:pointer;z-index:999;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:20px;left:20px;box-shadow:0 8px 24px #667eea59,0 4px 12px #0000001a}.floating-sidebar-toggle:hover{transform:scale(1.15)rotate(5deg);box-shadow:0 12px 32px #667eea66,0 6px 16px #00000026}.floating-sidebar-toggle:active{transform:scale(.95)}.candidate-header{background:#fff;border-bottom:1px solid #00000005;padding:4px 12px;box-shadow:0 2px 8px #0000000a}.header-top{justify-content:space-between;align-items:center;display:flex}.candidate-header h1{color:#1f2937;margin:0;font-size:24px;font-weight:700}.header-actions{align-items:center;gap:20px;display:flex}.notification-icon{cursor:pointer;color:#475569;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex;position:relative}.notification-icon:hover{color:#2c3e50;background:#e2e8f0}.notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:-8px;right:-8px}.candidate-content{background:0 0;flex:1;padding:12px 16px;overflow-y:auto}.dashboard-section{animation:.3s fadeIn}.welcome-card{color:#1f2937;background:linear-gradient(135deg,#f0f4ff 0%,#f5e6ff 100%);border:1px solid #667eea26;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px 24px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 24px #667eea1f}.welcome-card:before{content:"";filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(100px at 40% 60%,#667eea33 0%,#0000 50%),radial-gradient(120px at 70% 40%,#764ba22e 0%,#0000 50%);width:300px;height:300px;position:absolute;top:-30px;right:50px}.welcome-decoration{pointer-events:none;opacity:.6;width:400px;height:300px;position:absolute;top:-20px;right:20px}.welcome-decoration:before{content:"";filter:blur(40px);background:radial-gradient(120px 80px,#667eea40 0%,#0000 70%);border-radius:50%;width:200px;height:100px;position:absolute;top:40px;right:100px}.welcome-decoration:after{content:"";filter:blur(45px);background:radial-gradient(130px 90px,#764ba233 0%,#0000 70%);border-radius:50%;width:220px;height:110px;position:absolute;top:80px;right:50px}.welcome-content{z-index:2;flex:1;max-width:500px;position:relative}.welcome-illustration{z-index:2;flex-shrink:0;width:140px;height:160px;margin-left:16px;margin-right:8px;animation:3s ease-in-out infinite bobbing;position:relative}.welcome-illustration .person{transform-origin:100px 60px;animation:3.5s ease-in-out infinite personWave}.welcome-illustration .laptop{transform-origin:100px 150px;animation:2s ease-in-out infinite laptopTilt}.welcome-card h2{z-index:1;letter-spacing:-.5px;color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:800;position:relative}.welcome-card p{opacity:.98;z-index:1;color:#6b7280;margin:0;font-size:13px;font-weight:500;line-height:1.3;position:relative}.welcome-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 6px 16px #667eea4d}.welcome-btn:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 10px 24px #667eea66}.dashboard-grid{grid-template-columns:1fr 1.2fr;gap:8px;margin-bottom:12px;display:grid}.dashboard-left,.dashboard-right{flex-direction:column;gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-bottom:0;display:grid}.stat-box{background:#fff;border:1px solid #0000000d;border-radius:16px;align-items:center;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards slideInUp;display:flex;box-shadow:0 4px 20px #00000014}.stat-box:first-child{animation-delay:.1s}.stat-box:nth-child(2){animation-delay:.2s}.stat-box:nth-child(3){animation-delay:.3s}.stat-box:nth-child(4){animation-delay:.4s}.stat-box:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.stat-box.clickable{cursor:pointer}.stat-box.clickable:hover{background:linear-gradient(135deg,#f0f9ff 0%,#f8fafb 100%);box-shadow:0 12px 32px #10b98133}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s;display:flex}.stat-box:first-child .stat-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 16px #667eea4d;color:#fff!important}.stat-box:nth-child(2) .stat-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 16px #10b9814d;color:#fff!important}.stat-box:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 16px #f59e0b4d;color:#fff!important}.stat-box:nth-child(4) .stat-icon{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);box-shadow:0 8px 16px #ec48994d;color:#fff!important}.stat-box:hover .stat-icon{transform:scale(1.1)rotate(5deg)}.stat-info h3{color:#1f2937;margin:0;font-size:24px;font-weight:800;line-height:1}.stat-info p{color:#64748b;letter-spacing:.3px;margin:4px 0 0;font-size:12px;font-weight:500}.exams-section{background:#fff;border:1px solid #0000000a;border-radius:16px;margin-bottom:0;padding:12px;box-shadow:0 4px 20px #00000014}.section-header{border-bottom:2px solid #667eea1a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.section-header h3{color:#2c3e50;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.section-header h3 svg{color:#667eea}.view-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #667eea4d}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.start-exam-card .exam-quick-list{flex-direction:column;gap:6px;max-height:220px;padding:8px 4px;display:flex;overflow-y:auto}.start-exam-card .exam-quick-item{box-shadow:none;background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;height:40px;min-height:40px;padding:6px 8px;font-size:13px;display:flex}.start-exam-card .exam-quick-left{flex-direction:column;margin-right:8px;display:flex;overflow:hidden}.start-exam-card .exam-quick-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.start-exam-card .exam-quick-meta{color:#9aa4b2;gap:8px;font-size:11px;display:flex}.start-exam-card .exam-quick-actions .exam-start-mini{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#7f56d9);border:none;border-radius:6px;padding:6px 10px;font-size:12px}.start-exam-card .exam-quick-actions .exam-start-mini:hover{filter:brightness(.95)}.start-exam-card .exam-start-mini.outline{color:#667eea;background:0 0;border:1px solid #667eea1f;padding:6px 10px}.start-exam-card .exam-quick-footer{justify-content:center;padding-top:6px;display:flex}.start-exam-card .view-all-small{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:6px 8px;font-weight:700}.start-exam-card .view-all-small:hover{text-decoration:underline}.next-step-card{background:#fff;border:1px solid #667eea26;border-radius:14px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #667eea14}.next-step-card:hover{border-color:#667eea40;transform:translateY(-2px);box-shadow:0 8px 20px #667eea1f}.next-step-illustration{flex-shrink:0;width:120px;height:150px;margin-right:16px;animation:2.5s ease-in-out infinite nextStepBobbing}.next-step-illustration .next-step-person{transform-origin:60px 35px;animation:3s ease-in-out infinite nextStepWave}.next-step-illustration .next-step-point{transform-origin:83px 40px;animation:1.5s ease-in-out infinite nextStepPoint}.next-step-illustration .next-step-star{transform-origin:100px 20px;animation:2s ease-in-out infinite nextStepTwinkle}.next-step-content{flex:1;align-items:center;gap:16px;display:flex}.next-step-icon{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.next-step-details h4{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:700}.next-step-details p{color:#6b7280;margin:0 0 8px;font-size:14px}.next-step-meta{color:#64748b;gap:16px;font-size:13px;display:flex}.next-step-meta span{align-items:center;gap:4px;display:flex}.start-exam-card{text-align:center;background:linear-gradient(135deg,#e0f2fe 0%,#ede9fe 100%);border:1px solid #667eea33;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.start-exam-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea1f}.start-exam-card svg{color:#10b981;margin-bottom:16px;font-size:48px}.start-exam-card p{color:#2c3e50;margin:0 0 20px;font-size:16px;font-weight:500}.exams-list{flex-direction:column;gap:12px;display:flex}.exam-item{background:#fff;border:1px solid #667eea1a;border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.exam-item:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.exam-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.exam-item-header h4{color:#2c3e50;margin:0;font-size:16px}.level-badge{color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.exam-item-meta{color:#64748b;flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:13px;display:flex}.exam-item-meta span{align-items:center;gap:6px;display:flex}.exam-item-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.countdown{color:#ef4444;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d}.start-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.start-btn:active{transform:translateY(-1px)}.results-table{border-collapse:collapse;width:100%;margin-top:16px}.results-table th{text-align:left;color:#475569;background:linear-gradient(135deg,#f0f9ff 0%,#f3e8ff 100%);border-bottom:2px solid #e2e8f0;padding:12px;font-size:13px;font-weight:700}.results-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px;font-size:13px}.results-table tbody tr:hover{background:#f8fafc}.score-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.score-badge.pass{color:#065f46;background:#d1fae5}.score-badge.fail{color:#991b1b;background:#fee2e2}.view-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .3s;display:flex}.view-btn:hover{background:#5a6fd8}.empty-state{text-align:center;color:#94a3b8;padding:60px 20px}.empty-state svg{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state p{color:#64748b;margin:0;font-size:16px}.exams-tab{background:linear-gradient(#f8fafc 0%,#f3e8ff 50%,#ede9fe 100%);border-radius:16px;padding:20px;animation:.3s fadeIn;position:relative;overflow:hidden}.exams-tab:before{content:"";pointer-events:none;z-index:0;filter:blur(60px);background:radial-gradient(150px at 40% 60%,#667eea40 0%,#0000 50%),radial-gradient(180px at 70% 40%,#764ba233 0%,#0000 50%);width:500px;height:500px;position:absolute;top:-100px;right:-50px}.exams-tab:after{content:"";pointer-events:none;z-index:0;filter:blur(50px);background:radial-gradient(180px,#667eea26 0%,#0000 60%),radial-gradient(160px at 60% 30%,#a78bfa2e 0%,#0000 55%);width:600px;height:600px;position:absolute;bottom:-150px;left:-100px}.exams-tab .cloud-deco-1{filter:blur(45px);pointer-events:none;z-index:0;background:radial-gradient(80px at 30%,#667eea26 0%,#0000 60%),radial-gradient(100px at 70% 40%,#764ba21f 0%,#0000 65%);width:300px;height:150px;animation:8s ease-in-out infinite cloudFloat;position:absolute;top:5%;left:10%}.exams-tab .cloud-deco-2{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(90px at 40%,#a78bfa1f 0%,#0000 60%),radial-gradient(110px at 60% 45%,#667eea1a 0%,#0000 65%);width:350px;height:180px;animation:10s ease-in-out infinite reverse cloudFloat;position:absolute;bottom:10%;right:5%}.tab-controls{z-index:1;background:#fff;border:1px solid #667eea1a;border-radius:12px;flex-wrap:wrap;gap:16px;margin-bottom:28px;padding:16px;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.search-bar{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-bar svg{color:#94a3b8;font-size:16px;position:absolute;left:16px}.search-bar input{color:#334155;background:#f8fafb;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px 12px 44px;font-size:14px;font-weight:500;transition:all .3s}.search-bar input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.filters{gap:12px;display:flex}.filter-select{color:#334155;cursor:pointer;background:#f8fafb;border:2px solid #e2e8f0;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.error-banner p{margin:0}.exams-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-bottom:20px;display:grid;position:relative}.exam-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1.5px solid #667eea26;border-radius:16px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #667eea1f}.exam-card:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:4px;position:absolute;top:0;left:0;right:0}.exam-card:hover{border-color:#667eea4d;transform:translateY(-12px)scale(1.02);box-shadow:0 20px 48px #667eea33}.card-header{background:linear-gradient(135deg,#f0f4ff 0%,#f5e6ff 100%);border-bottom:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;display:flex;position:relative}.card-header:after{content:"";background:linear-gradient(90deg,#0000,#667eea33,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.card-header h3{color:#1f2937;letter-spacing:-.3px;flex:1;margin:0;font-size:16px;font-weight:800}.card-meta{background:#fff;border-bottom:none;flex-wrap:wrap;gap:10px;padding:10px 18px;display:flex}.card-meta .subject{color:#667eea;background:#e0e7ff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.card-meta .code{color:#64748b;padding:4px 0;font-size:12px}.card-details{flex-direction:column;flex:1;gap:8px;padding:10px 18px;display:flex}.card-details .detail{color:#64748b;align-items:center;gap:10px;padding:6px 0;font-size:13px;font-weight:500;display:flex}.card-details .detail svg{color:#667eea;font-size:16px}.card-description{color:#64748b;background:#f8fafb;border-radius:8px;margin:0;padding:12px 20px;font-size:13px;line-height:1.5}.card-requirements{border-top:1px solid #667eea1a;flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.card-requirements .req{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #92400e33;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600}.card-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:auto 20px 20px;padding:13px 18px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #667eea4d}.card-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6b4893 100%);transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.card-btn.submitted{cursor:not-allowed;opacity:.8;background:#10b981}.card-btn.submitted:hover{background:#10b981;transform:none}.card-btn:disabled{opacity:.8;cursor:not-allowed}.schedule-tab{animation:.3s fadeIn}.schedule-list{flex-direction:column;gap:16px;display:flex}.schedule-card{background:#fff;border-radius:12px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.schedule-card:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.schedule-date{flex-shrink:0}.date-box{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;min-width:70px;padding:16px 12px}.date-box .day{font-size:24px;font-weight:700;line-height:1;display:block}.date-box .month{opacity:.9;margin-top:6px;font-size:12px;display:block}.schedule-info{flex:1}.schedule-info h3{color:#2c3e50;margin:0 0 6px;font-size:16px;font-weight:700}.exam-subject{color:#64748b;margin-bottom:10px;font-size:13px}.schedule-details{color:#475569;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.schedule-details span{align-items:center;gap:6px;display:flex}.schedule-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .3s}.schedule-btn:hover{background:#5a6fd8}.results-tab{animation:.3s fadeIn}.results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.result-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.result-card:hover{border-color:#cbd5e1;transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.result-card:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:4px;position:absolute;top:0;left:0;right:0}.result-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px 8px;display:flex}.result-header h3{color:#1e293b;word-break:break-word;flex:1;margin:0;font-size:14px;font-weight:700;line-height:1.2}.status-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:700}.status-badge.passed{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);box-shadow:0 2px 8px #065f4626}.status-badge.failed{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fca5a5 100%);box-shadow:0 2px 8px #7f1d1d26}.result-score{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.score-circle{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 16px #667eea4d}.score-value{font-size:26px;font-weight:800;line-height:1;display:inline}.score-percent{margin-left:1px;font-size:10px;font-weight:700;display:inline}.score-info{flex:1}.score-info p{color:#1e293b;margin:0;font-size:12px;font-weight:700;line-height:1.1}.score-info small{color:#64748b;margin-top:2px;font-size:10px;display:block}.result-details{background:#f8fafc;flex-direction:column;flex-grow:1;gap:6px;padding:10px 14px;display:flex}.detail-item{color:#64748b;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.detail-item strong{color:#1e293b;font-weight:600}.detail-separator{color:#cbd5e1;font-weight:600}.result-btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;margin:10px 14px 12px;padding:9px 12px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d}.result-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #667eea66}.result-btn:active:not(:disabled){transform:translateY(-1px)}.result-btn:disabled,.result-btn.disabled{color:#666;cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#ccc 0%,#999 100%);box-shadow:0 4px 12px #0000001a}.result-btn:disabled:hover,.result-btn.disabled:hover{transform:none;box-shadow:0 4px 12px #0000001a}.history-tab{animation:.3s fadeIn}.tab-info{text-align:center;color:#94a3b8;padding:60px 20px;font-size:16px}.settings-tab{animation:.3s fadeIn}.settings-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000000d}.settings-card h3{color:#2c3e50;border-bottom:2px solid #f1f5f9;margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:700}.setting-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.setting-item:last-child{border-bottom:none}.setting-item label{color:#2c3e50;margin-bottom:4px;font-weight:600}.setting-value{color:#64748b;font-size:14px}.checkbox-label{cursor:pointer;color:#334155;align-items:center;gap:10px;padding:10px 0;font-size:14px;transition:all .3s;display:flex}.checkbox-label:hover{color:#667eea}.checkbox-label input{cursor:pointer;accent-color:#667eea;width:18px;height:18px}@media (max-width:1024px){.candidate-sidebar{width:240px}.candidate-main{margin-left:240px}.welcome-card{text-align:center;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.candidate-sidebar{z-index:1000;width:280px;height:100vh;transition:left .3s;position:fixed;left:-280px}.candidate-sidebar.active{left:0}.candidate-main{margin-left:0}.candidate-header{padding:16px 20px}.candidate-header h1{font-size:20px}.candidate-content{padding:20px}.welcome-card{text-align:center;flex-direction:column;padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.exams-grid{grid-template-columns:1fr}.tab-controls{flex-direction:column}.search-bar{min-width:auto}.schedule-card{text-align:center;flex-direction:column}.schedule-info{width:100%}.result-score{text-align:center;flex-direction:column}}@media (max-width:480px){.candidate-header{text-align:center;flex-direction:column;gap:12px}.candidate-header h1{font-size:18px}.candidate-content{padding:16px}.stats-grid{grid-template-columns:1fr}.welcome-card{padding:16px}.welcome-card h2{font-size:20px}.card-header{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.exam-item-footer{flex-direction:column;gap:12px}.results-table{font-size:12px}.results-table th,.results-table td{padding:8px}}.loading-exams{color:#94a3b8;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex;box-shadow:0 2px 8px #0000000d}.spinner-icon{color:#667eea;margin-bottom:20px;font-size:48px;animation:1s linear infinite spin}.loading-exams p{color:#64748b;margin:0;font-size:16px}.candidate-sidebar::-webkit-scrollbar{width:8px}.candidate-content::-webkit-scrollbar{width:8px}.candidate-sidebar::-webkit-scrollbar-track{background:0 0}.candidate-content::-webkit-scrollbar-track{background:0 0}.candidate-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.candidate-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.candidate-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.candidate-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.classroom-tab{background:#f8fafc;width:100%;min-height:100vh;padding:30px}.classroom-header-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 2px 12px #0000000d}.classroom-header-section h1{color:#2c3e50;margin:0;font-size:28px;font-weight:700}.btn-advanced-classroom{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-advanced-classroom:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.classroom-container{grid-template-columns:1fr;gap:30px;max-width:1200px;margin:0 auto;display:grid}.classroom-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000d}.classroom-section h2{color:#2c3e50;border-bottom:2px solid #f1f5f9;align-items:center;gap:10px;margin:0 0 24px;padding-bottom:16px;font-size:20px;font-weight:700;display:flex}.announcements-feed{flex-direction:column;gap:16px;display:flex}.announcement-card{border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .3s}.announcement-card:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014}.announcement-header{margin-bottom:16px}.instructor-info{align-items:center;gap:12px;display:flex}.instructor-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.instructor-info h4{color:#2c3e50;margin:0;font-size:14px;font-weight:600}.instructor-info p{color:#64748b;margin:4px 0 0;font-size:12px}.announcement-content{margin-bottom:16px}.announcement-content h3{color:#2c3e50;margin:0 0 8px;font-size:16px;font-weight:700}.announcement-content p{color:#475569;margin:0;font-size:14px;line-height:1.6}.announcement-actions{border-top:1px solid #f1f5f9;gap:12px;padding-top:12px;display:flex}.announcement-actions button{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.announcement-actions button:hover{color:#5a6fd8;background:#667eea1a}.assignments-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.assignment-item{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .3s;position:relative}.assignment-item:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.assignment-status{color:#92400e;text-transform:uppercase;background:#fef3c7;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.assignment-status.completed{color:#065f46;background:#d1fae5}.assignment-item h3{color:#2c3e50;margin:0 0 8px;font-size:15px;font-weight:700}.assignment-item p{color:#64748b;margin:0 0 16px;font-size:13px;line-height:1.5}.assignment-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.assignment-footer span{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.btn-submit,.btn-view{color:#667eea;cursor:pointer;background:0 0;border:1px solid #667eea;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-submit:hover,.btn-view:hover{color:#fff;background:#667eea}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.material-item{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .3s}.material-item:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.material-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;font-size:12px;font-weight:700;display:flex}.material-icon.pdf{background:#dc2626}.material-icon.video{background:#2563eb}.material-icon.pptx{background:#ea580c}.material-icon.doc{background:#4f46e5}.material-item h4{color:#2c3e50;margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.4}.material-date{color:#64748b;margin:8px 0;font-size:12px}.btn-download{color:#667eea;cursor:pointer;background:0 0;border:1px solid #667eea;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-download:hover{color:#fff;background:#667eea}.members-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.member-card{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .3s}.member-card:hover{border-color:#667eea;box-shadow:0 8px 20px #00000014}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 12px;font-size:18px;font-weight:700;display:flex}.member-avatar.instructor{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.member-card h4{color:#2c3e50;margin:0 0 4px;font-size:14px;font-weight:700}.member-role{color:#64748b;margin:0;font-size:12px}.member-card.view-all{cursor:pointer;background:#fff;border:2px dashed #e5e7eb;flex-direction:column;justify-content:center;align-items:center;display:flex}.member-card.view-all:hover{background:#667eea0d;border-color:#667eea}.member-card.view-all svg{color:#667eea;margin-bottom:8px;font-size:24px}.member-card.view-all p{color:#667eea;font-size:12px;font-weight:600}@media (max-width:768px){.classroom-container{grid-template-columns:1fr;gap:20px}.assignments-grid,.materials-grid{grid-template-columns:1fr}.members-grid{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:1fr}.result-card{margin-bottom:8px}.result-score{text-align:center;flex-direction:column}.score-circle{width:65px;height:65px}.score-value{font-size:26px}.score-percent{font-size:10px}.classroom-section{padding:16px}}@media (max-width:480px){.classroom-tab{padding:16px}.classroom-section{padding:12px}.classroom-section h2{font-size:16px}.assignments-grid,.materials-grid,.members-grid{grid-template-columns:1fr}.announcement-card{padding:16px}.instructor-info{text-align:center;flex-direction:column}}.exam-taking-container{background:#f5f7fa;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.exam-loading{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.exam-loading p{font-size:18px}.exam-error{text-align:center;background:#f5f7fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.exam-error h2{color:#ef4444;margin-bottom:10px}.exam-error p{color:#64748b;max-width:400px;margin-bottom:20px}.exam-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.exam-error button:hover{background:#5a6fd8;transform:translateY(-2px)}.exam-header{z-index:100;background:#fff;border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.exam-header-left{align-items:center;gap:12px;display:flex}.exam-header-left h1{color:#2c3e50;margin:0;font-size:22px;font-weight:700}.exam-header-center{text-align:center;flex:1}.exam-timer{background:#f1f5f9;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:18px;font-weight:700;display:inline-flex}.exam-header-right{gap:12px;display:flex}.btn-exit{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-exit:hover{background:#dc2626;transform:translateY(-2px)}.exam-content{flex:1;display:flex;overflow:hidden}.exam-sidebar{background:#fff;border-right:1px solid #e2e8f0;width:280px;padding:20px;overflow-y:auto;box-shadow:2px 0 4px #00000005}.sidebar-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.stat{text-align:center;background:#f8fafc;border-left:3px solid #667eea;border-radius:8px;padding:12px}.stat strong{color:#2c3e50;margin-bottom:4px;font-size:20px;line-height:1;display:block}.stat small{color:#64748b;font-size:12px}.question-btn{aspect-ratio:1;cursor:pointer;color:#475569;background:#fff;border:2px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:relative}.question-btn:hover{color:#667eea;border-color:#667eea}.question-btn.active{color:#fff;background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.question-btn.question-answered{color:#065f46;background:#d1fae5;border-color:#10b981}.question-btn.question-answered.active{color:#fff;background:#10b981}.question-btn.question-marked{color:#92400e;background:#fef3c7;border-color:#f59e0b}.question-btn.question-marked.active{color:#fff;background:#f59e0b}.question-btn:before{content:"";opacity:0;background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.question-btn.question-marked:before{opacity:1}.exam-main{flex:1;padding:40px;overflow-y:auto}.question-container{max-width:800px;margin:0 auto}.question-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.question-header h2{color:#2c3e50;margin:0;font-size:18px;font-weight:700}.question-meta{gap:12px;display:flex}.marks{color:#667eea;background:#e0e7ff;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600}.question-text{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000000d}.question-text p{color:#2c3e50;margin:0;font-size:16px;font-weight:500;line-height:1.8}.question-options{background:#fff;border:1px solid #f1f5f9;border-radius:12px;max-height:400px;margin-bottom:24px;overflow-y:auto;box-shadow:0 2px 8px #0000000d}.option{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;min-height:50px;padding:16px 20px;transition:all .2s;display:flex}.option:last-child{border-bottom:none}.option:hover{background:#f8fafc}.option input{cursor:pointer;accent-color:#667eea;flex-shrink:0;width:20px;height:20px;margin-top:2px;margin-right:16px}.option-text{color:#334155;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;flex:1;font-size:15px;line-height:1.5}.question-actions{gap:12px;margin-bottom:30px;display:flex}.btn-mark{color:#f59e0b;cursor:pointer;background:#fff;border:2px solid #f59e0b;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-mark:hover{background:#fef3c7}.btn-mark.marked{color:#92400e;background:#fef3c7}.navigation-buttons{justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.btn-nav{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-nav:hover:not(:disabled){color:#fff;background:#667eea;transform:translateY(-2px)}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;max-width:400px;padding:30px;box-shadow:0 20px 60px #0000004d}.modal h3{color:#2c3e50;margin:0 0 12px;font-size:20px;font-weight:700}.modal p{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.btn-cancel,.btn-danger,.btn-success{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.btn-cancel{color:#475569;background:#f1f5f9}.btn-cancel:hover{background:#e2e8f0}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-success{color:#fff;background:#10b981}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-submit{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-submit:hover{background:#059669;transform:translateY(-2px)}@media (max-width:1024px){.exam-sidebar{width:200px}.questions-grid{grid-template-columns:repeat(4,1fr)}.exam-main{padding:30px 20px}}@media (max-width:768px){.exam-content{flex-direction:column}.exam-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;max-height:150px;padding:15px}.sidebar-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.stat{padding:8px;font-size:12px}.stat strong{font-size:16px}.stat small{font-size:11px}.questions-grid{grid-template-columns:repeat(8,1fr);gap:6px}.question-btn{font-size:12px}.exam-main{padding:20px}.question-container{max-width:100%}.navigation-buttons{flex-direction:column}.btn-nav{justify-content:center;width:100%}}@media (max-width:480px){.exam-header{flex-direction:column;gap:12px;padding:15px}.exam-header-left h1{font-size:18px}.exam-timer{font-size:16px}.btn-exit{padding:8px 12px;font-size:12px}.exam-main{padding:15px}.question-text{margin-bottom:16px;padding:16px}.question-text p{font-size:15px}.option{padding:12px 16px}.modal{padding:20px}}.exam-sidebar::-webkit-scrollbar{width:8px}.exam-main::-webkit-scrollbar{width:8px}.question-options::-webkit-scrollbar{width:8px}.exam-sidebar::-webkit-scrollbar-track{background:0 0}.exam-main::-webkit-scrollbar-track{background:0 0}.question-options::-webkit-scrollbar-track{background:0 0}.exam-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.exam-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.question-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.exam-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.exam-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.question-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.webcam-request-modal{z-index:2000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.webcam-request-content{text-align:center;background:#fff;border-radius:12px;max-width:500px;padding:40px;box-shadow:0 20px 60px #0000004d}.webcam-request-content h2{color:#2c3e50;margin:0 0 20px;font-size:24px;font-weight:700}.webcam-request-buttons{justify-content:center;gap:12px;margin-top:30px;display:flex}.btn-allow,.btn-deny{cursor:pointer;border:none;border-radius:6px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s}.btn-allow{color:#fff;background:#10b981}.btn-allow:hover{background:#059669}.btn-deny{color:#475569;background:#f1f5f9}.btn-deny:hover{background:#e2e8f0}.escape-warning-banner{z-index:1500;text-align:center;background:linear-gradient(135deg,#fff3cd 0%,#ffe69c 100%);border:3px solid #ff6b6b;border-radius:12px;max-width:600px;padding:30px 40px;animation:.4s cubic-bezier(.36,0,.66,-.56) popIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #ff6b6b4d}.warning-content{color:#d63031;flex-direction:column;align-items:center;gap:15px;font-size:18px;font-weight:700;display:flex}.warning-icon{flex-shrink:0;font-size:48px;animation:.5s shake}.warning-content strong{color:#d63031;font-size:20px}.warning-content span{color:#c92a2a;font-size:16px;font-weight:600}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.escape-warning-banner-old{z-index:1500;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;max-width:600px;padding:16px 20px;animation:.3s slideDown;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.webcam-feed{border:2px solid #cbd5e0;border-radius:4px}.exam-taking-container.dark-mode{background:#1a1a1a}.dark-mode .exam-header{background:#2d2d2d;border-bottom-color:#444;box-shadow:0 2px 10px #0000004d}.dark-mode .exam-header-left h1{color:#e8e8e8}.dark-mode .exam-timer{color:#4a9eff}.dark-mode .exam-header-right button{color:#e8e8e8;background:#3d3d3d;border:1px solid #555}.dark-mode .exam-header-right button:hover{background:#4d4d4d}.dark-mode .exam-content{background:#1a1a1a}.dark-mode .exam-sidebar{background:#2d2d2d;border-right-color:#444}.dark-mode .sidebar-stats{border-bottom-color:#444}.dark-mode .stat{color:#e8e8e8}.dark-mode .stat strong{color:#4a9eff}.dark-mode .stat small{color:#999}.dark-mode .questions-grid .question-btn{color:#e8e8e8;background:#3d3d3d;border-color:#555}.dark-mode .questions-grid .question-btn:hover{background:#4d4d4d;border-color:#666}.dark-mode .questions-grid .question-btn.active{color:#fff;background:#4a9eff;border-color:#4a9eff}.dark-mode .questions-grid .question-unanswered{background:#3d3d3d}.dark-mode .questions-grid .question-answered{background:#2d5a2d}.dark-mode .questions-grid .question-marked{background:#5a4a2d}.dark-mode .exam-main{background:#1a1a1a}.dark-mode .question-container{background:#2d2d2d}.dark-mode .question-header{border-bottom-color:#444}.dark-mode .question-header h2{color:#e8e8e8}.dark-mode .question-meta{color:#999}.dark-mode .marks{color:#4a9eff}.dark-mode .question-text,.dark-mode .question-text p{color:#e8e8e8}.dark-mode .options-list{gap:12px}.dark-mode .option{color:#e8e8e8;background:#3d3d3d;border:2px solid #555}.dark-mode .option:hover{background:#4d4d4d;border-color:#666}.dark-mode .option input[type=radio]:checked+label{color:#4a9eff}.dark-mode .option.selected{background:#4a6a9e;border-color:#4a9eff}.dark-mode .navigation-buttons{border-top-color:#444}.dark-mode .navigation-buttons button{color:#fff;background:#4a9eff}.dark-mode .navigation-buttons button:disabled{color:#999;background:#555}.dark-mode .mark-review-btn{color:#e8e8e8;background:#5a4a2d;border-color:#8b7a3d}.dark-mode .mark-review-btn:hover{background:#6a5a3d}.dark-mode .mark-review-btn.marked{background:#8b6e2d;border-color:#b39d4d}.dark-mode .btn-submit{color:#fff;background:#4a9eff}.dark-mode .btn-submit:hover{background:#3a8eef}.dark-mode .btn-exit{color:#fff;background:#d63031}.dark-mode .btn-exit:hover{background:#c92a2a}.dark-mode .btn-dark-mode{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:6px;align-items:center;gap:5px;margin-right:10px;padding:8px 12px;font-size:18px;transition:all .3s;display:flex}.dark-mode .btn-dark-mode:hover{background:#3a8eef;transform:scale(1.05)}.exam-header-right .btn-dark-mode{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:5px;margin-right:10px;padding:8px 12px;font-size:16px;transition:all .3s;display:flex}.exam-header-right .btn-dark-mode:hover{background:#5a6fd8;transform:scale(1.05)}.dark-mode .webcam-request-modal{background:#000c}.dark-mode .webcam-request-content{color:#e8e8e8;background:#2d2d2d}.dark-mode .webcam-request-content h2{color:#4a9eff}.dark-mode .btn-allow{color:#fff;background:#4a9eff}.dark-mode .btn-allow:hover{background:#3a8eef}.dark-mode .btn-deny{color:#fff;background:#d63031}.dark-mode .btn-deny:hover{background:#c92a2a}.dark-mode .confirm-dialog{color:#e8e8e8;background:#2d2d2d;border-color:#444}.dark-mode .confirm-dialog h3{color:#4a9eff}.dark-mode .confirm-dialog button{color:#fff;background:#4a9eff}.dark-mode .confirm-dialog button:hover{background:#3a8eef}.dark-mode .confirm-dialog .btn-cancel{background:#555}.dark-mode .confirm-dialog .btn-cancel:hover{background:#666}.exam-results-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.exam-results-container.loading,.exam-results-container.error{justify-content:center;align-items:center;display:flex}.loading-spinner,.error-content{text-align:center;background:#fff;border-radius:12px;padding:60px 40px;box-shadow:0 10px 40px #00000026}.loading-spinner{flex-direction:column;align-items:center;gap:20px;display:flex}.spinner-icon{color:#667eea;font-size:48px;animation:1s linear infinite spin}.error-content{flex-direction:column;align-items:center;gap:15px;display:flex}.error-icon{color:#e74c3c;font-size:48px}.error-content h2{color:#333;margin:10px 0;font-size:24px}.error-content p{color:#666;margin:0}.back-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;font-size:16px;transition:all .3s;display:inline-flex}.back-btn:hover{background:#764ba2;transform:translate(-5px)}.results-header .back-btn{margin-top:0}.results-wrapper{max-width:900px;margin:0 auto}.score-summary{background:#fff;border-top:6px solid;border-radius:16px;margin-bottom:30px;padding:35px;box-shadow:0 15px 50px #0000001f}.score-summary.passed{border-top-color:#10b981}.score-summary.failed{border-top-color:#ef4444}.summary-header-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.summary-header-top h2{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.summary-header-top .subject{color:#64748b;margin:0;font-size:15px;font-weight:500}.status-badge-large{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:12px 24px;font-size:13px;font-weight:700}.status-badge-large.passed{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);box-shadow:0 4px 12px #10b98140}.status-badge-large.failed{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fca5a5 100%);box-shadow:0 4px 12px #ef444440}.summary-info{display:contents}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat{cursor:pointer;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat:hover{border-color:#667eea4d;transform:translateY(-6px);box-shadow:0 12px 24px #667eea40}.stat-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px}.stat-content{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-content .label{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:600}.stat-content .value{color:#fff;margin-top:4px;font-size:24px;font-weight:800}.progress-bar{background:#e9ecef;border-radius:10px;height:8px;margin-top:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width 1s}.questions-review{background:#fff;border-radius:15px;margin-bottom:30px;padding:40px;box-shadow:0 10px 40px #00000026}.questions-review h3{color:#333;align-items:center;gap:10px;margin:0 0 25px;font-size:22px;display:flex}.questions-review h3 svg{color:#667eea}.questions-list{flex-direction:column;gap:15px;display:flex}.question-review{border:1px solid #e9ecef;border-radius:10px;transition:all .3s;overflow:hidden}.question-review.correct{border-left:4px solid #27ae60}.question-review.incorrect{border-left:4px solid #e74c3c}.question-review:hover{box-shadow:0 5px 15px #00000014}.question-header{cursor:pointer;background:#f8f9fa;align-items:flex-start;gap:15px;padding:20px;transition:all .3s;display:flex}.question-review:hover .question-header{background:#e9ecef}.question-number-status{flex-shrink:0;align-items:center;gap:10px;min-width:50px;display:flex}.question-number{color:#667eea;font-size:14px;font-weight:600}.status-icon{font-size:18px}.status-icon.correct{color:#27ae60}.status-icon.incorrect{color:#e74c3c}.question-text-marks{flex:1}.question-text{color:#333;margin:0;font-size:16px;font-weight:500;line-height:1.5}.marks{color:#667eea;background:#fff;border-radius:4px;margin-top:5px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.question-details{background:#fff;padding:20px}.options{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.option{background:#f8f9fa;border-left:3px solid #e9ecef;border-radius:6px;align-items:flex-start;gap:10px;padding:12px 15px;transition:all .3s;display:flex}.option.selected{background:#e3f2fd;border-left-color:#667eea}.option-letter{color:#667eea;min-width:30px;font-weight:600}.option-text{color:#333;flex:1}.answer-review{background:#f8f9fa;border-top:1px solid #e9ecef;border-radius:6px;flex-direction:column;gap:12px;margin-top:15px;padding:15px;display:flex}.user-answer,.correct-answer{border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex}.user-answer strong,.correct-answer strong{color:#333;margin-right:12px;font-size:14px;font-weight:600}.user-answer span,.correct-answer span{font-size:15px;font-weight:600}.user-answer.correct{color:#065f46;background:#d1fae5;border-left:4px solid #10b981}.user-answer.incorrect{color:#7f1d1d;background:#fee2e2;border-left:4px solid #ef4444}.user-answer.unanswered{color:#92400e;background:#fef3c7;border-left:4px solid #f59e0b}.correct-answer{color:#065f46;background:#d1fae5;border-left:4px solid #10b981}.results-actions{justify-content:center;gap:15px;margin-top:30px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{color:#667eea;background:#fff;border:2px solid #667eea}.btn-secondary:hover{color:#fff;background:#667eea;transform:translateY(-2px)}@media (max-width:768px){.exam-results-container{padding:20px 15px}.score-summary{padding:25px}.score-circle{text-align:center;flex-direction:column;gap:20px}.result-icon{font-size:60px}.score-content h1{font-size:36px}.summary-stats{grid-template-columns:1fr 1fr}.question-header{flex-direction:column}.question-number-status{justify-content:flex-start;width:100%}.results-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.programming-exam-container{color:#e2e8f0;background-color:#0f172a;flex-direction:column;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.webcam-request-modal{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.webcam-request-content{text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:2px solid #3b82f6;border-radius:12px;max-width:500px;padding:40px;animation:.3s ease-out modalSlideIn;box-shadow:0 10px 40px #3b82f633}.webcam-request-content h2{color:#e2e8f0;margin:0 0 20px;font-size:28px}.webcam-request-content p{color:#cbd5e1;margin:0 0 15px;font-size:16px;line-height:1.6}.webcam-request-buttons{gap:15px;margin-top:30px;display:flex}.btn-allow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;flex:1;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.btn-allow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.btn-deny{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:6px;flex:1;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.btn-deny:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.face-warning-banner{color:#ffb347;text-align:left;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ff91001f;border:1px solid #ff91002e;border-radius:10px;align-items:center;gap:10px;min-width:200px;max-width:320px;padding:8px 12px;font-size:13px;font-weight:600;animation:.18s ease-out toastIn;display:inline-flex;position:fixed;top:16px;left:auto;right:16px;box-shadow:0 8px 20px #0a0a0a73}.face-warning-banner .warning-content{align-items:center;gap:8px;width:100%;display:flex}.face-warning-banner .warning-icon{color:#1b1b1b;background:linear-gradient(135deg,#ffb347 0%,#ff7a59 100%);border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:inline-flex}.face-warning-banner .warning-text{flex-direction:column;display:flex}.face-warning-banner .warning-text .title{color:#fff;font-size:13px;font-weight:700;line-height:1}.face-warning-banner .warning-text .detail{color:#ffffffe6;opacity:.85;font-size:12px;font-weight:500}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:520px){.face-warning-banner{max-width:calc(100% - 24px);padding:10px 14px;top:12px;left:12px;right:12px}.face-warning-banner .warning-icon{width:30px;height:30px}.face-warning-banner .warning-text .title{font-size:12px}.face-warning-banner .warning-text .detail{font-size:11px}}.escape-warning-banner{color:#fff;text-align:center;z-index:1000;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);padding:16px 20px;font-weight:600;animation:.3s ease-out slideDown;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #dc26264d}.escape-warning-banner .warning-content{flex-direction:column;align-items:center;gap:6px;max-width:800px;margin:0 auto;display:flex}.escape-warning-banner span{opacity:.95;font-size:14px;font-weight:500}.exam-header{z-index:100;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:15px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #0000004d}.exam-header-left h3{color:#e2e8f0;margin:0;font-size:18px;font-weight:600}.exam-header-center{flex:1;justify-content:center;display:flex}.exam-timer{background-color:#1e293b80;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:18px;font-weight:600;display:flex}.exam-header-right{align-items:center;gap:10px;display:flex}.webcam-feed{object-fit:cover;object-position:center;background-color:#000;border:2px solid #3b82f6;border-radius:6px;flex-shrink:0;width:120px;height:90px;display:block}.programming-exam-content{background-color:#1e293b;flex:1;gap:1px;display:flex;overflow:hidden}.problem-panel{background-color:#0f172a;border-right:1px solid #334155;flex-direction:column;width:45%;display:flex;overflow-y:auto}.questions-nav{border-bottom:1px solid #334155;padding:16px}.questions-nav h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.questions-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.question-btn{color:#cbd5e1;cursor:pointer;background-color:#1e293b;border:2px solid #334155;border-radius:6px;width:100%;padding:10px 0;font-size:12px;font-weight:600;transition:all .3s}.question-btn:hover{background-color:#1a1f2e;border-color:#64748b}.question-btn.question-answered{color:#10b981;background-color:#10b9811a;border-color:#10b981}.question-btn.question-marked{color:#f59e0b;background-color:#f59e0b1a;border-color:#f59e0b}.question-btn.active{color:#3b82f6;background-color:#3b82f633;border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.problem-stats{background-color:#1a1f2e;border-bottom:1px solid #334155;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.stat{text-align:center;background-color:#0f172a;border:1px solid #334155;border-radius:6px;padding:12px}.stat strong{color:#3b82f6;margin-bottom:4px;font-size:20px;display:block}.stat small{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.problem-details{flex:1;padding:16px;overflow-y:auto}.problem-header{border-bottom:2px solid #334155;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.problem-header h2{color:#3b82f6;margin:0;font-size:20px}.marks-badge{color:#3b82f6;background-color:#3b82f626;border:1px solid #3b82f6;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.problem-section{margin-bottom:20px}.problem-section h3{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:600}.problem-content{color:#cbd5e1;background-color:#1a1f2e;border-left:3px solid #3b82f6;border-radius:4px;padding:12px;font-size:13px;line-height:1.6}.problem-content p{white-space:pre-wrap;word-break:break-word;margin:0}.problem-content pre{white-space:pre;background-color:#0f172a;border-radius:4px;margin:0;padding:8px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto}.code-panel{background-color:#1a1f2e;flex-direction:column;width:55%;display:flex}.editor-toolbar{background-color:#0f172a;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.toolbar-left{align-items:center;display:flex}.language-selector{color:#cbd5e1;align-items:center;gap:8px;font-size:13px;display:flex}.language-selector select{color:#e2e8f0;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:13px}.language-selector select:hover{border-color:#64748b}.language-selector select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.toolbar-right{gap:8px;display:flex}.btn-run{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.btn-run:hover:not(:disabled){background-color:#059669;box-shadow:0 2px 8px #10b9814d}.btn-run:disabled{cursor:not-allowed;opacity:.6;background-color:#64748b}.btn-mark{color:#fff;cursor:pointer;background-color:#64748b;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.btn-mark:hover{background-color:#475569}.btn-mark.marked{color:#fff;background-color:#f59e0b}.editor-wrapper{flex:1;padding:16px;overflow:hidden}.code-editor{color:#e2e8f0;resize:none;background-color:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;width:100%;height:100%;padding:12px;font-family:Courier New,Monaco,monospace;font-size:14px;line-height:1.6;overflow:auto}.code-editor:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.code-editor::placeholder{color:#475569}.test-results{background-color:#1e293b;border:1px solid #334155;border-radius:6px;max-height:150px;margin:12px 16px 0;padding:12px;overflow-y:auto}.test-results.success{background-color:#10b9810d;border-color:#10b981}.test-results.failure{background-color:#ef44440d;border-color:#ef4444}.results-header{margin-bottom:8px}.results-header h4{margin:0;font-size:13px;font-weight:600}.test-results.success .results-header h4{color:#10b981}.test-results.failure .results-header h4{color:#ef4444}.results-content{color:#cbd5e1;font-size:12px}.results-content p{margin:0 0 8px}.output{border-top:1px solid #334155;margin-top:8px;padding-top:8px}.output strong{color:#94a3b8;margin-bottom:4px;font-size:11px;display:block}.output pre{white-space:pre-wrap;word-break:break-word;background-color:#0f172a;border-radius:4px;max-height:80px;margin:0;padding:6px;font-family:Courier New,monospace;font-size:11px;overflow:auto}.editor-footer{background-color:#0f172a;border-top:1px solid #334155;gap:8px;padding:12px 16px;display:flex}.btn-nav{color:#cbd5e1;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.btn-nav:hover:not(:disabled){background-color:#334155;border-color:#64748b}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.btn-submit,.btn-exit{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.btn-submit{color:#fff;background-color:#10b981}.btn-submit:hover{background-color:#059669;box-shadow:0 2px 8px #10b9814d}.btn-exit{color:#fff;background-color:#ef4444}.btn-exit:hover{background-color:#dc2626;box-shadow:0 2px 8px #ef44444d}.exam-loading{color:#e2e8f0;background-color:#0f172a;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:4px solid #334155;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.exam-loading p{color:#94a3b8;font-size:16px}.exam-error{color:#e2e8f0;text-align:center;background-color:#0f172a;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.exam-error h2{color:#ef4444;margin:0 0 16px}.exam-error p{color:#cbd5e1;max-width:400px;margin:0 0 24px}.exam-error button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:10px 20px;font-weight:600;transition:all .3s}.exam-error button:hover{background-color:#2563eb}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#e2e8f0;background-color:#1e293b;border-radius:8px;max-width:400px;padding:24px;box-shadow:0 20px 25px -5px #00000080}.modal h3{color:#cbd5e1;margin:0 0 12px;font-size:18px}.modal p{color:#94a3b8;margin:8px 0;font-size:14px}.modal-actions{gap:12px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:4px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .3s}.btn-cancel{color:#fff;background-color:#64748b}.btn-cancel:hover{background-color:#475569}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-success{color:#fff;background-color:#10b981}.btn-success:hover{background-color:#059669}.programming-exam-container ::-webkit-scrollbar{width:8px;height:8px}.programming-exam-container ::-webkit-scrollbar-track{background-color:#0f172a}.programming-exam-container ::-webkit-scrollbar-thumb{background-color:#475569;border-radius:4px}.programming-exam-container ::-webkit-scrollbar-thumb:hover{background-color:#64748b}@media (max-width:1200px){.questions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.programming-exam-content{flex-direction:column}.problem-panel,.code-panel{width:100%}.problem-panel{border-bottom:1px solid #334155;border-right:none;max-height:50%}.questions-grid{grid-template-columns:repeat(8,1fr)}}.fullscreen-overlay{z-index:9998;background:#000000d9;width:100%;height:100%;position:fixed;top:0;left:0}.fullscreen-prompt-overlay{z-index:9999;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fullscreen-prompt-card{color:#0f172a;text-align:center;background:#fff;border-radius:8px;width:100%;max-width:420px;padding:28px;box-shadow:0 12px 40px #02061780}.fullscreen-prompt-card h2{margin:0 0 8px}.fullscreen-actions{margin-top:16px}.enter-fullscreen-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;padding:10px 18px;font-weight:600}.enter-fullscreen-btn:hover{opacity:.95}:root{--primary:#667eea;--primary-dark:#5a6fd8;--secondary:#764ba2;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--light-bg:#f8fafc;--card-bg:#fff;--border:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.evaluate-page-v2{background:linear-gradient(135deg,#f8fafc 0%,#f0f4f8 100%);flex-direction:column;min-height:100vh;display:flex}.eval-header{border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;display:flex}.eval-back-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.eval-back-btn:hover{color:var(--primary);background:#667eea1a;transform:translate(-2px)}.eval-title-section{flex:1}.eval-title-section h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.eval-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.eval-header-actions{gap:12px;display:flex}.eval-save-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.eval-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #667eea4d}.eval-save-btn:active:not(:disabled){transform:translateY(0)}.eval-save-btn:disabled{opacity:.6;cursor:not-allowed}.eval-container{flex:1;grid-template-columns:300px 1fr;gap:24px;width:100%;max-width:1800px;margin:0 auto;padding:24px 32px;display:grid}.eval-sidebar{flex-direction:column;gap:16px;display:flex}.eval-submission-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px;transition:all .3s}.eval-submission-card:hover{box-shadow:var(--shadow-md)}.eval-submission-card h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:13px;font-weight:700}.eval-submission-card p{color:var(--text-secondary);margin:8px 0;font-size:14px;line-height:1.5}.eval-submission-card strong{color:var(--text-primary);font-weight:600}.eval-meta{background:var(--light-bg);border-left:3px solid var(--primary);border-radius:8px;margin-top:12px;padding:12px}.eval-meta>div{color:var(--text-secondary);margin:6px 0;font-size:12px}.eval-badge{color:#5b21b6;letter-spacing:.5px;background:linear-gradient(135deg,#e0e7ff 0%,#ddd6fe 100%);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.eval-progress{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px}.eval-progress h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:13px;font-weight:700}.eval-progress-bar{background:var(--border);border-radius:10px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.eval-progress-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:10px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.eval-question-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.eval-q-btn{background:var(--light-bg);border:2px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.eval-q-num{text-align:left;flex:1}.eval-q-status{justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;display:flex}.eval-q-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-1px)}.eval-q-btn.active{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);border-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.eval-q-btn.active .eval-q-status{color:#fff}.eval-q-btn.done{border-color:var(--success);color:var(--success);background:#10b9811a}.eval-q-btn.done .eval-q-status{color:var(--success);font-weight:700}.eval-q-btn.pending{border-color:var(--warning)}.eval-q-btn.pending .eval-q-status{color:var(--warning)}.eval-quick-actions{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.eval-quick-actions button{background:var(--light-bg);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s}.eval-quick-actions button:hover{border-color:var(--primary);color:var(--primary);background:#fff}.eval-main{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:20px;padding:28px;display:flex}.eval-content-grid{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:28px;padding-bottom:24px;display:grid}.eval-question-details{flex-direction:column;gap:16px;display:flex}.eval-q-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.eval-q-header h2{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.eval-q-marks{color:#b45309;white-space:nowrap;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.eval-q-content{background:var(--light-bg);color:var(--text-primary);border-left:4px solid var(--primary);border-radius:8px;margin-bottom:12px;padding:18px;line-height:1.7}.eval-io-block{margin:20px 0}.eval-io-block h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:13px;font-weight:700}.eval-io-block pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:10px 0 0;padding:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.eval-answer-section{border-bottom:1px solid var(--border);padding:20px 0}.eval-answer-section h3{color:var(--text-primary);margin:0 0 14px;font-size:15px;font-weight:700}.eval-code-section{background:var(--light-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:14px;padding:18px;display:flex}.eval-code-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.eval-code-header h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:13px;font-weight:700}.eval-run-btn{background:linear-gradient(135deg, var(--success) 0%, #059669 100%);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.eval-run-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #10b9814d}.eval-editor-container{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.eval-code-block{background:#1e293b;border-radius:6px;align-items:flex-start;min-height:220px;padding:16px;display:flex;overflow-x:auto}.eval-code-block pre{color:#e2e8f0;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6}.eval-code-block code{color:inherit}.eval-empty-answer{background:var(--light-bg);text-align:center;color:var(--text-secondary);border-radius:8px;padding:24px;font-style:italic}.eval-output-section{margin-top:12px}.eval-output-section h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:700}.eval-output-box{border:1px solid var(--border);color:#e2e8f0;background:#1e293b;border-radius:6px;min-height:100px;max-height:180px;padding:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;overflow-y:auto}.eval-output-box pre{white-space:pre-wrap;word-break:break-word;margin:0}.eval-output-placeholder{color:#64748b;text-align:center;padding:24px 0}.eval-grading-section{border-bottom:1px solid var(--border);padding:20px 0}.eval-grading-section h3{color:var(--text-primary);margin:0 0 18px;font-size:15px;font-weight:700}.eval-score-input-group{margin-bottom:18px}.eval-score-input-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.eval-score-input-row{align-items:center;gap:12px;display:flex}.eval-score-input{border:2px solid var(--border);border-radius:8px;width:120px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s}.eval-score-input:focus{border-color:var(--primary);background:#f8fafc;outline:none;box-shadow:0 0 0 3px #667eea1a}.eval-score-max{color:var(--text-secondary);font-size:14px;font-weight:600}.eval-use-auto{background:var(--light-bg);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.eval-use-auto:hover{border-color:var(--primary);color:var(--primary);background:#fff}.eval-comment-group{margin-bottom:18px}.eval-comment-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.eval-comment-textarea{border:2px solid var(--border);resize:vertical;border-radius:8px;width:100%;min-height:110px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.eval-comment-textarea:focus{border-color:var(--primary);background:#f8fafc;outline:none;box-shadow:0 0 0 3px #667eea1a}.eval-nav-section{justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.eval-nav-btn{background:var(--light-bg);border:2px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.eval-nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-1px)}.eval-nav-btn:active:not(:disabled){transform:translateY(0)}.eval-nav-btn:disabled{opacity:.5;cursor:not-allowed}.eval-nav-info{color:var(--text-secondary);font-size:14px;font-weight:600}.eval-output-box::-webkit-scrollbar{width:6px}.eval-code-block::-webkit-scrollbar{width:6px}.eval-output-box::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.eval-code-block::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.eval-output-box::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.eval-code-block::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.eval-output-box::-webkit-scrollbar-thumb:hover{background:#00000080}.eval-code-block::-webkit-scrollbar-thumb:hover{background:#00000080}@media (max-width:1400px){.eval-container{grid-template-columns:260px 1fr;gap:20px;padding:20px 24px}.eval-content-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:1024px){.eval-container{grid-template-columns:1fr;padding:16px 20px}.eval-sidebar{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.eval-question-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.eval-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.eval-title-section h1{font-size:22px}.eval-main{padding:16px}.eval-content-grid{grid-template-columns:1fr}.eval-question-list{grid-template-columns:repeat(2,1fr)}.eval-nav-section{flex-direction:column}.eval-nav-btn{justify-content:center;width:100%}}.result-view-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.result-card{background:#fff;border-radius:12px;width:100%;max-width:1200px;animation:.5s ease-out slideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}.result-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:none;padding:8px 40px;position:relative;box-shadow:0 8px 32px #667eea33}.result-header .header-marks{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:15px;align-items:baseline;gap:6px;padding:8px 16px;display:flex;position:absolute;top:6px;right:40px}.header-marks .marks-number{color:#fff;font-size:18px;font-weight:800}.header-marks .marks-text{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.header-icon{margin-bottom:15px;font-size:48px;animation:1s ease-in-out bounce}.result-header h1{letter-spacing:-.5px;margin:0 0 15px;font-size:40px;font-weight:700}.header-details-grid{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:4px;margin-bottom:4px;display:grid}.header-detail{flex-direction:column;justify-content:center;align-items:center;display:flex}.header-detail-label{color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px;font-size:8px;font-weight:700}.header-detail-value{color:#fff;font-size:11px;font-weight:600}@media (max-width:1200px){.header-details-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width:768px){.header-details-grid{grid-template-columns:repeat(2,1fr);gap:10px}.header-detail-value{font-size:12px}}.result-status{opacity:.95;margin:10px 0 0;font-size:16px}.status-badge{background:#ffffff4d;border-radius:20px;margin-left:8px;padding:4px 12px;font-weight:600;display:inline-block}.result-content{padding:0 30px}.marks-section{text-align:center;margin-bottom:50px;padding:0 20px}.marks-box{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:45px 60px;animation:.6s ease-out scaleIn;display:inline-block;box-shadow:0 20px 60px #667eea4d}.marks-value{text-shadow:0 2px 8px #0000001a;margin-bottom:12px;font-size:72px;font-weight:800;line-height:1}.marks-label{opacity:.95;letter-spacing:.5px;font-size:20px;font-weight:600}.exam-details{background:#fff;border:1px solid #f0f2f5;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 4px 16px #0000000d}.exam-details h3{color:#333;border-bottom:2px solid #667eea;margin:0 0 16px;padding-bottom:12px;font-size:17px;font-weight:700}.details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:600px){.details-grid{grid-template-columns:1fr}}.details-grid-compact{grid-template-columns:1fr;gap:10px;display:grid}.detail-item{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-left:4px solid #667eea;border-radius:8px;flex-direction:column;padding:12px 14px;transition:all .3s;display:flex}.detail-item:hover{transform:translate(2px);box-shadow:0 4px 12px #667eea1a}.detail-item .label{color:#667eea;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:10px;font-weight:800}.detail-item .value{color:#1a1a1a;font-size:14px;font-weight:600}.notes-section{background:linear-gradient(135deg,#fff3cd 0%,#fffbea 100%);border:1px solid #ffc10733;border-radius:10px;margin-bottom:0;padding:16px;box-shadow:0 4px 12px #ffc1071a}.notes-section h3{color:#856404;margin:0 0 12px;font-size:16px;font-weight:700}.notes-box{color:#333;white-space:pre-wrap;word-wrap:break-word;background:#fff;border-radius:6px;padding:12px;font-size:13px;line-height:1.6}.publication-info{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9 0%,#f0fdf4 100%);border:1px solid #4caf5033;border-radius:10px;margin-bottom:0;padding:16px;box-shadow:0 4px 12px #4caf501a}.publication-info p{margin:0;font-size:13px;font-weight:500}.result-footer{text-align:center;background-color:#f5f5f5;border-top:1px solid #eee;padding:20px 30px}.footer-note{color:#666;margin:0;font-size:13px;line-height:1.6}.loading-spinner{text-align:center;background:#fff;border-radius:12px;padding:60px 40px;box-shadow:0 20px 60px #0000004d}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}.loading-spinner p{color:#667eea;margin:0;font-size:16px}.error-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:500px;padding:60px 40px;box-shadow:0 20px 60px #0000004d}.error-icon{margin-bottom:20px;font-size:48px}.error-card h2{color:#d32f2f;margin:0 0 15px;font-size:24px}.error-card p{color:#666;margin:0 0 30px;line-height:1.6}.retry-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:12px 30px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.retry-button:active{transform:translateY(0)}.marks-breakdown{box-sizing:border-box;background:#fff;border:1px solid #f0f2f5;border-radius:12px;width:100%;margin-top:0;padding:20px;box-shadow:0 4px 16px #0000000d}.marks-breakdown h3{color:#333;border-bottom:2px solid #667eea;margin:0 0 16px;padding-bottom:12px;font-size:17px;font-weight:700}.marks-grid{flex-direction:column;gap:12px;width:100%;max-height:320px;margin-top:12px;padding-right:6px;display:flex;overflow-y:auto}.marks-grid::-webkit-scrollbar{width:6px}.marks-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.marks-grid::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.marks-item{background:linear-gradient(135deg,#f8f9ff 0%,#fff 100%);border-left:4px solid #667eea;border-radius:8px;flex-shrink:0;padding:12px;font-size:12px;transition:all .2s;box-shadow:0 2px 10px #667eea14}.marks-item:hover{transform:translate(4px);box-shadow:0 4px 16px #667eea26}.marks-item-q{color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:800}.marks-item-score{color:#333;margin-bottom:6px;font-size:18px;font-weight:800}.marks-item-answer{color:#666;word-break:break-word;background:#667eea0d;border-radius:4px;margin-top:6px;padding:6px;font-size:11px;line-height:1.4}.result-main-grid{box-sizing:border-box!important;grid-template-columns:60% 40%!important;align-items:flex-start!important;gap:30px!important;width:100%!important;margin-top:30px!important;display:grid!important}.left-pane{box-sizing:border-box!important;flex-shrink:0!important;width:100%!important}.right-pane{box-sizing:border-box!important;flex-direction:column!important;gap:16px!important;width:100%!important;display:flex!important}.answer-sheet-section{width:100%!important;margin-top:0!important}.answer-sheet-section h3{color:#333!important;border-bottom:2px solid #667eea!important;margin:0 0 16px!important;padding-bottom:12px!important;font-size:17px!important;font-weight:700!important}.answer-sheet-frame{box-sizing:border-box!important;background:#fff!important;border-radius:12px!important;width:100%!important;padding:0!important;overflow:hidden!important;box-shadow:0 8px 32px #00000014!important}.answer-sheet-frame iframe{box-sizing:border-box!important;border:none!important;border-radius:12px!important;width:100%!important;height:550px!important;display:block!important}@media (max-width:1200px){.result-main-grid{grid-template-columns:1fr 1fr!important;gap:20px!important}}@media (max-width:768px){.result-main-grid{grid-template-columns:1fr!important;gap:20px!important}.right-pane{margin-top:20px}}.result-login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.result-login-card{background:#fff;border-radius:16px;width:100%;max-width:450px;padding:50px 40px;animation:.5s ease-out slideUp;box-shadow:0 20px 60px #0000004d}.result-login-header{text-align:center;margin-bottom:40px}.result-logo{margin-bottom:20px;font-size:48px;animation:1s ease-in-out bounce}.result-login-header h1{color:#333;margin:0 0 10px;font-size:28px;font-weight:600}.result-login-header p{color:#666;margin:0;font-size:14px;line-height:1.6}.result-login-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:all .3s}.form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{color:#999;cursor:not-allowed;background-color:#f5f5f5}.error-message{color:#721c24;background-color:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.result-login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s}.result-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.result-login-button:active:not(:disabled){transform:translateY(0)}.result-login-button:disabled{opacity:.7;cursor:not-allowed}.result-login-footer{text-align:center;border-top:1px solid #eee;padding-top:20px}.footer-text{color:#666;margin:0 0 8px;font-size:13px;line-height:1.6}.footer-note{color:#999;margin:0;font-size:12px;font-style:italic}@media (max-width:480px){.result-login-card{padding:30px 20px}.result-login-header h1{font-size:24px}.result-logo{font-size:40px}}.call-modal{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background-color:#000000b3;position:absolute;inset:0}.call-modal-container{background-color:#1a1a1a;border-radius:16px;flex-direction:column;width:90%;max-width:800px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 48px #0006}.call-videos{background-color:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.call-video{object-fit:cover;width:100%;height:100%;position:absolute}.call-video.remote{z-index:1}.call-video.local{z-index:2;border:3px solid #fff;border-radius:8px;width:150px;height:120px;position:absolute;bottom:16px;right:16px}.call-info-section{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-top:1px solid #ffffff1a;padding:24px}.call-peer-name{color:#fff;margin:0 0 8px;font-size:24px;font-weight:600}.call-status{color:#aaa;margin:0;font-size:14px}.call-duration{color:#4caf50;margin:12px 0 0;font-family:Courier New,monospace;font-size:20px;font-weight:700}.call-controls{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;display:flex}.call-control-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.call-control-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.call-control-btn:active{transform:scale(.95)}.audio-btn{color:#fff;background-color:#2196f3}.audio-btn:hover{background-color:#1976d2}.video-btn{color:#fff;background-color:#ff9800}.video-btn:hover{background-color:#e68900}.end-call-btn{color:#fff;background-color:#f44336}.end-call-btn:hover{background-color:#d32f2f}@media (max-width:768px){.call-modal-container{width:95%;height:500px}.call-video.local{width:120px;height:90px;bottom:12px;right:12px}.call-peer-name{font-size:20px}.call-control-btn{width:48px;height:48px;font-size:20px}}@media (max-width:480px){.call-modal-container{border-radius:0;width:100%;max-width:100%;height:100%}.call-video.local{width:100px;height:75px}.call-info-section{padding:16px}.call-control-btn{width:44px;height:44px;font-size:18px}.call-controls{gap:12px}}#root{width:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}