@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}#root{min-height:100vh}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.3);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .3s ease}.close-button:hover{color:#333}.auth-tabs{display:flex;margin-bottom:1.5rem;background:#2563eb1a;border-radius:50px;padding:4px}.tab-button{flex:1;padding:.8rem;border:none;background:transparent;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;color:#666}.tab-button.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 4px 10px #2563eb4d}.user-type-selector{display:flex;margin-bottom:1.5rem;background:#2563eb1a;border-radius:50px;padding:4px}.user-type-btn{flex:1;padding:.6rem;border:none;background:transparent;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;color:#666}.user-type-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 10px #2563eb4d}.auth-content{padding:.5rem}@media (max-width: 768px){.auth-modal{width:95%;padding:1.5rem}.tab-button,.user-type-btn{padding:.6rem;font-size:.9rem}}.admin-register-form{display:flex;flex-direction:column;gap:1.5rem}.admin-register-form h3{text-align:center;margin:0 0 1rem;color:#1f2937;font-size:1.5rem}@media (max-width: 768px){.submit-btn{padding:12px 16px;font-size:14px}}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-login-form h3{text-align:center;margin:0 0 1rem;color:#1f2937;font-size:1.5rem}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-options{display:flex;justify-content:space-between;align-items:center;gap:1rem}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6b7280}.remember-me input[type=checkbox]{margin:0}.forgot-password{color:#2563eb;text-decoration:none;font-size:.9rem;transition:color .2s}.forgot-password:hover{color:#1d4ed8;text-decoration:underline}.submit-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}@media (max-width: 768px){.form-options{flex-direction:column;align-items:flex-start;gap:.5rem}.submit-btn{padding:12px 16px;font-size:14px}}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 10px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;height:70px}.navbar-brand h2{color:#2563eb;font-weight:700;margin:0;font-size:1.8rem}.auth-button{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d}.auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.brand-link{text-decoration:none;color:inherit}.auth-menu{display:flex;align-items:center;gap:20px}.welcome-text{color:#333;font-weight:500;font-size:14px}.nav-link{color:#333;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .3s ease}.nav-link:hover{background:#2563eb1a;color:#2563eb}.logout-button{padding:8px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease}.logout-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ef444466}@media (max-width: 768px){.navbar-container{padding:1rem}.navbar-brand h2{font-size:1.4rem}.auth-button{padding:10px 20px;font-size:14px}.auth-menu{flex-direction:column;gap:10px;align-items:flex-end}.welcome-text{font-size:12px}.nav-link,.logout-button{font-size:12px;padding:6px 12px}}.student-login-guide{max-width:900px;margin:0 auto;padding:20px;font-family:Inter,Segoe UI,sans-serif}.guide-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.guide-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:30px 20px}.guide-header h2{margin:0 0 10px;font-size:2rem;font-weight:700}.guide-header p{margin:0;font-size:1.1rem;opacity:.9}.guide-steps{padding:30px 20px}.step{display:flex;margin-bottom:30px;align-items:flex-start;gap:20px}.step-number{background:#667eea;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content h3{margin:0 0 10px;color:#2d3748;font-size:1.3rem}.step-content p{color:#4a5568;margin:0 0 15px;line-height:1.6}.step-content ul,.step-content ol{color:#4a5568;line-height:1.6;margin:0;padding-left:20px}.step-content li{margin-bottom:5px}.guide-tips{background:#f7fafc;padding:30px 20px;border-top:1px solid #e2e8f0}.guide-tips h3{margin:0 0 20px;color:#2d3748;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tip{background:#fff;padding:15px;border-radius:8px;border-left:4px solid #667eea;color:#4a5568;line-height:1.5}.guide-footer{background:#edf2f7;padding:30px 20px;border-top:1px solid #e2e8f0}.help-section h4{margin:0 0 15px;color:#2d3748;font-size:1.2rem}.help-section p{color:#4a5568;margin:0 0 15px;line-height:1.6}.help-section ol{color:#4a5568;line-height:1.6;margin:0;padding-left:20px}.help-section li{margin-bottom:8px}@media (max-width: 768px){.student-login-guide{padding:10px}.step{flex-direction:column;align-items:center;text-align:center}.tips-grid{grid-template-columns:1fr}.guide-header h2{font-size:1.5rem}}:root{--primary: #3B82F6;--primary-dark: #2563EB;--secondary: #10B981;--accent: #6366F1;--warning: #F59E0B;--danger: #EF4444;--dark: #1F2937;--light: #F9FAFB;--gray: #6B7280;--gray-light: #E5E7EB}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--dark);line-height:1.6;overflow-x:hidden}.home-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.floating-circle{position:absolute;border-radius:50%;opacity:.1;filter:blur(40px)}.circle-1{width:500px;height:500px;background:var(--primary);top:-250px;left:-250px;animation:float 15s ease-in-out infinite}.circle-2{width:400px;height:400px;background:var(--accent);bottom:-200px;right:-200px;animation:float 18s ease-in-out infinite reverse}.circle-3{width:300px;height:300px;background:var(--secondary);top:50%;right:-150px;animation:float 12s ease-in-out infinite}.circle-4{width:200px;height:200px;background:var(--warning);bottom:20%;left:-100px;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.hero-section{padding:6rem 2rem 4rem;text-align:center;max-width:1400px;margin:0 auto;position:relative}.hero-content{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;margin-bottom:3rem;text-align:left}.hero-text{position:relative;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;box-shadow:0 4px 12px #2563eb4d}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.hero-text h1{font-size:3.2rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.2rem;color:var(--gray);margin-bottom:2.5rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem}.btn-primary,.btn-secondary,.btn-outline{padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #2563eb4d}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:.8rem 1.5rem;font-size:1rem}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.hero-stats{display:flex;gap:2rem}.mini-stat{display:flex;flex-direction:column;align-items:flex-start}.mini-stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.mini-stat-label{font-size:.85rem;color:var(--gray)}.hero-visual{position:relative;animation:fadeInRight 1s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.dashboard-preview{background:#fffffff2;border-radius:16px;padding:1.5rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transform:perspective(1000px) rotateX(5deg) rotateY(-5deg);transition:transform .3s ease;animation:float 6s ease-in-out infinite}.dashboard-preview:hover{transform:perspective(1000px) rotateX(0) rotateY(0)}.preview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-light)}.preview-dots{display:flex;gap:.3rem}.preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--gray-light)}.preview-dots span:first-child{background:var(--danger)}.preview-dots span:nth-child(2){background:var(--warning)}.preview-dots span:nth-child(3){background:var(--secondary)}.preview-title{flex:1;font-weight:600;color:var(--dark);font-size:.9rem}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--secondary);font-weight:600}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--secondary);animation:pulse 2s infinite}.preview-content{display:grid;grid-template-columns:1fr 2fr;gap:1rem;height:280px}.preview-sidebar{background:var(--light);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{padding:.75rem;margin-bottom:.25rem;border-radius:6px;font-size:.9rem;color:var(--gray);display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.sidebar-item.active{background:var(--primary);color:#fff}.sidebar-item:hover:not(.active){background:var(--gray-light)}.preview-main{display:flex;flex-direction:column;gap:1rem}.preview-stats{display:flex;gap:1rem}.stat-box{flex:1;background:var(--light);padding:1rem;border-radius:8px;text-align:center;border-left:4px solid var(--primary);transition:transform .3s ease}.stat-box:hover{transform:translateY(-3px)}.stat-box.warning{border-left-color:var(--warning)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-box.warning .stat-value{color:var(--warning)}.stat-label{font-size:.8rem;color:var(--gray)}.preview-chart{display:flex;align-items:end;gap:.5rem;height:60px;background:var(--light);padding:1rem;border-radius:8px}.chart-bar{flex:1;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:2px;min-height:20px;transition:height .5s ease}.live-feed{background:var(--light);border-radius:8px;padding:.75rem;flex:1}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;font-weight:600;color:var(--dark)}.recording-indicator{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--danger)}.recording-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse 1s infinite}.feed-content{display:flex;gap:.5rem;height:100px}.student-feed{flex:1;display:flex;flex-direction:column;align-items:center}.webcam-feed{width:100%;height:70px;background:var(--gray-light);border-radius:4px;margin-bottom:.25rem;overflow:hidden;position:relative}.webcam-feed:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%);background-size:10px 10px;animation:scanning 2s linear infinite}@keyframes scanning{0%{background-position:0 0}to{background-position:0 20px}}.student-name{font-size:.7rem;color:var(--gray)}.hero-features{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.feature-tag{display:flex;align-items:center;gap:.5rem;background:#ffffffe6;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;color:var(--dark);box-shadow:0 4px 15px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease;animation:fadeInUp 1s ease-out}.feature-tag:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.feature-icon{font-size:1.2rem}.promo-banner{background:linear-gradient(135deg,var(--warning),var(--danger));color:#fff;padding:1rem 2rem;margin:0 auto;max-width:1400px;border-radius:12px;margin-bottom:4rem;box-shadow:0 10px 25px #f59e0b4d;animation:shake 5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}2%,6%,10%{transform:translate(-5px)}4%,8%{transform:translate(5px)}}.promo-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.promo-text h3{font-size:1.2rem;margin-bottom:.5rem}.promo-btn{background:#fff;color:var(--danger);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.promo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003}.stats-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:5rem 2rem;color:#fff;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)' /%3E%3C/svg%3E");background-size:50px 50px;animation:moveBackground 20s linear infinite}@keyframes moveBackground{0%{background-position:0 0}to{background-position:50px 50px}}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;position:relative;z-index:1}.stat-item{text-align:center;padding:2.5rem 2rem;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.stat-item:hover:before{opacity:1}.stat-item:hover{transform:translateY(-5px)}.stat-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:bounce 2s infinite}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-title{font-size:1.1rem;font-weight:500;opacity:.9}.features-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:800;color:var(--dark);margin-bottom:1rem;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:2px}.section-header p{font-size:1.2rem;color:var(--gray);max-width:600px;margin:0 auto}.features-container{display:flex;max-width:1200px;margin:0 auto;gap:2rem}.features-nav{width:35%}.feature-nav-item{padding:1.25rem;border-radius:12px;margin-bottom:1rem;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .3s ease;background:#fff;box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden}.feature-nav-item:hover{background:#f8fafc;transform:translate(5px)}.feature-nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:translate(10px)}.feature-nav-icon{font-size:1.8rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:10px;transition:transform .3s ease}.feature-nav-item.active .feature-nav-icon{background:#ffffff4d;transform:scale(1.1)}.feature-indicator{position:absolute;right:1rem;width:8px;height:8px;border-radius:50%;background:var(--primary);opacity:0;transition:opacity .3s ease}.feature-nav-item.active .feature-indicator{opacity:1}.features-display{flex:1;display:flex;gap:2rem;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.features-display:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.feature-content{flex:1;position:relative;z-index:1}.feature-content h3{font-size:1.8rem;margin-bottom:1rem;color:var(--dark)}.feature-content p{margin-bottom:2rem;color:var(--gray);line-height:1.6;font-size:1.1rem}.feature-benefits{margin-top:2rem;list-style:none}.feature-benefits li{margin-bottom:.75rem;padding-left:1.5rem;position:relative;color:#4b5563;transition:transform .3s ease}.feature-benefits li:hover{transform:translate(5px)}.feature-benefits li:before{content:"✓";position:absolute;left:0;color:var(--secondary);font-weight:700}.feature-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.visual-container{width:100%;max-width:300px}.demo-screen{width:100%;height:200px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:4rem;color:#fff;box-shadow:0 10px 25px #2563eb4d;margin-bottom:1rem;position:relative;overflow:hidden}.demo-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{left:-50%}to{left:100%}}.demo-controls{display:flex;align-items:center;gap:1rem}.control-btn{width:40px;height:40px;border-radius:50%;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.control-btn:hover{background:#e5e7eb;transform:scale(1.1)}.demo-progress{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-bar{height:100%;width:65%;background:var(--primary);border-radius:2px;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.process-section{background:#2563eb0d;padding:5rem 2rem;position:relative}.process-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%233b82f6' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.process-steps{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;position:relative;z-index:1}.process-step{text-align:center;background:#fff;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 10px 25px #00000014;transition:transform .3s ease;position:relative;overflow:hidden}.process-step:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,99,235,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.process-step:hover:before{opacity:1}.process-step:hover{transform:translateY(-5px)}.step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;position:relative}.step-number:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#2563eb1a;z-index:-1;animation:pulse 2s infinite}.step-icon{font-size:2.5rem;margin-bottom:1.5rem;display:inline-block;animation:bounce 2s infinite;animation-delay:.5s}.process-step h3{color:var(--dark);margin-bottom:1rem;font-size:1.3rem}.process-step p{color:var(--gray);line-height:1.6}.testimonials-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.testimonials-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.testimonial-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 25px #00000014;position:relative;transition:transform .3s ease;overflow:hidden}.testimonial-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,99,235,.03) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.testimonial-card:hover:before{opacity:1}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-content{position:relative;margin-bottom:2rem;z-index:1}.quote-mark{position:absolute;top:-20px;left:-10px;font-size:5rem;color:#e5e7eb;font-family:Georgia,serif;line-height:1}.testimonial-content p{font-style:italic;color:var(--dark);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6;position:relative;z-index:1}.rating{display:flex;gap:.25rem}.star{color:#f59e0b;font-size:1.2rem;transition:transform .3s ease}.star:hover{transform:scale(1.2)}.star.filled{color:#f59e0b}.testimonial-author{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.author-avatar{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;flex-shrink:0}.author-info{flex:1}.author-name{font-weight:600;color:var(--dark);margin-bottom:.25rem}.author-role{color:var(--gray);font-size:.9rem}.logos-section{text-align:center}.logos-title{font-size:1.1rem;color:var(--gray);margin-bottom:2rem;font-weight:500}.logos-container{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.logo-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:700;color:var(--dark);opacity:.7;transition:all .3s ease}.logo-item:hover{opacity:1;transform:translateY(-3px)}.logo-icon{font-size:2rem}.cta-section{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)' /%3E%3C/svg%3E");background-size:50px 50px;animation:moveBackground 20s linear infinite}.cta-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-container h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-container p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.cta-buttons .btn-primary{background:#fff;color:var(--primary);box-shadow:0 4px 15px #ffffff4d}.cta-buttons .btn-primary:hover{background:#f3f4f6;box-shadow:0 6px 20px #fff6}.cta-buttons .btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.cta-buttons .btn-secondary:hover{background:#ffffff1a;border-color:#fff}.cta-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.9;transition:transform .3s ease}.cta-feature:hover{transform:translateY(-2px)}.cta-icon{font-size:1.2rem}.footer{background:var(--dark);color:#d1d5db;padding:4rem 2rem 2rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f9fafb' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;position:relative;z-index:1}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1.5rem}.footer-section h3{font-size:1.5rem}.footer-section p{line-height:1.6;margin-bottom:1.5rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#d1d5db;text-decoration:none;transition:all .2s;display:block}.footer-section ul li a:hover{color:#fff;transform:translate(5px)}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-links a{font-size:1.5rem;text-decoration:none;transition:transform .2s;display:block}.social-links a:hover{transform:translateY(-3px)}.contact-info p{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #374151;flex-wrap:wrap;gap:1rem;font-size:.9rem;position:relative;z-index:1}.footer-links{display:flex;gap:2rem}.footer-links a{color:#d1d5db;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-stats{justify-content:center}.features-container{flex-direction:column}.features-nav{width:100%;display:flex;overflow-x:auto;gap:1rem;padding-bottom:1rem}.feature-nav-item{flex:0 0 auto;width:250px;margin-bottom:0}.content-row{grid-template-columns:1fr}}@media (max-width: 768px){.hero-text h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.preview-content{grid-template-columns:1fr;height:auto}.hero-features{flex-direction:column;align-items:center}.section-header h2{font-size:2rem}.stats-container{grid-template-columns:repeat(2,1fr)}.testimonials-container{grid-template-columns:1fr}.cta-container h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.footer-bottom{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:1rem}}@media (max-width: 480px){.hero-section,.stats-section,.features-section,.process-section,.testimonials-section,.cta-section{padding:3rem 1rem}.hero-text h1{font-size:2rem}.stats-container,.process-steps{grid-template-columns:1fr}.preview-stats{flex-direction:column}.cta-features{flex-direction:column;gap:1rem}.promo-content{flex-direction:column;gap:1rem;text-align:center}}.admin-dashboard{min-height:100vh;background:#a4a3a3;background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:2rem;padding-top:calc(70px + 2rem);color:#f8fafc;position:relative;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 45% 45%,rgba(124,58,237,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.admin-dashboard>*{position:relative;z-index:1}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:24px;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.7) 30%,rgba(124,58,237,.7) 70%,transparent)}.dashboard-header:hover{background:#fffffffa;border-color:#cbd5e1e6;transform:translateY(-2px);box-shadow:0 16px 50px #0f172a1f,0 8px 25px #0f172a0f,inset 0 1px #fff}.welcome-section h1{font-size:2.8rem;background:linear-gradient(135deg,#1e1b4b,#312e81 30%,#4338ca 70%,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:textShimmer 4s ease-in-out infinite alternate;margin:0 0 .75rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;text-shadow:0 2px 4px rgba(15,23,42,.1)}.welcome-section p{color:#475569;font-size:1.25rem;margin:0;font-weight:600;letter-spacing:.005em;line-height:1.4;opacity:.9}.profile-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 20px #8b5cf640;border:1px solid rgba(255,255,255,.1)}.profile-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #8b5cf666,0 6px 20px #8b5cf64d;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#fff3}.create-exam-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 20px #6366f140;border:1px solid rgba(255,255,255,.1)}.create-exam-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #6366f166,0 6px 20px #6366f14d;background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:#fff3}.monitor-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 20px #8b5cf640;border:1px solid rgba(255,255,255,.1)}.monitor-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #8b5cf666,0 6px 20px #8b5cf64d;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#fff3}.featured-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.action-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #1e1b4b0f,0 4px 16px #1e1b4b08,inset 0 1px #fffc}.action-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:transform .4s ease;transform:scaleX(0);transform-origin:left}.action-section:hover{transform:translateY(-8px) scale(1.02);background:#fffffffa;box-shadow:0 20px 60px #1e1b4b1f,0 8px 25px #8b5cf61a,inset 0 1px #fff}.action-section:hover:before{transform:scaleX(1)}.create-exam-section:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.manage-students-section:before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.live-monitoring-section:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.coding-questions-section:before{background:linear-gradient(90deg,#10b981,#059669)}.action-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.action-icon-large{font-size:4rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:2px solid rgba(226,232,240,.6);box-shadow:0 8px 25px #00000014,inset 0 1px #ffffffe6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));flex-shrink:0}.action-info{flex:1}.action-info h2{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#1e1b4b,#312e81 30%,#4338ca 70%,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;line-height:1.2}.action-info p{color:#64748b;font-size:1rem;font-weight:500;margin:0;line-height:1.5}.action-stats{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#ffffffb3;border-radius:16px;border:1px solid rgba(226,232,240,.6)}.action-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.action-stats .stat-value{font-size:2rem;font-weight:800;color:#1e1b4b;line-height:1}.action-stats .stat-label{font-size:.85rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center}.action-stats .stat-item.alert .stat-value{color:#ef4444}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:.95rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.01em;flex:1;min-width:140px;justify-content:center}.primary-button:before,.secondary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.primary-button:hover:before,.secondary-button:hover:before{left:100%}.primary-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #8b5cf64d}.primary-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #8b5cf666}.primary-button.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.primary-button.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b66}.primary-button.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.primary-button.success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166}.secondary-button{background:#ffffffe6;color:#475569;border:2px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000d}.secondary-button:hover{background:#fff;color:#8b5cf6;border-color:#8b5cf64d;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #8b5cf626}.action-boxes-section:hover{background:#fffffffa;transform:translateY(-2px);box-shadow:0 16px 50px #1e1b4b1f,0 8px 25px #1e1b4b0f,inset 0 1px #fff}.section-subtitle{color:#64748b;font-size:1rem;font-weight:500;margin-left:.5rem}.action-boxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.action-box-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafccc;border-radius:12px;border:1px solid rgba(226,232,240,.6)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-item.alert .stat-number{color:#ef4444;font-weight:800}.stat-number{font-size:1.5rem;font-weight:700;color:#1e1b4b;line-height:1}.stat-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.create-exam-box:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.manage-students-box:before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.live-monitoring-box:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.coding-questions-box:before{background:linear-gradient(90deg,#10b981,#059669)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}@media (max-width: 1400px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 560px){.stats-grid{grid-template-columns:1fr;gap:1rem}}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 1400px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 768px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 560px){.dashboard-stats{grid-template-columns:1fr;gap:1rem}}@media (max-width: 1400px){.stat-card{padding:2rem;gap:1.5rem}.stat-icon{width:70px;height:70px;font-size:2.5rem}.stat-info h3{font-size:2.4rem}}@media (max-width: 768px){.stat-card{padding:1.5rem;gap:1.25rem;flex-direction:column;text-align:center}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-info h3{font-size:2rem}.stat-info p{font-size:.9rem}}@media (max-width: 560px){.stat-card{padding:1.25rem;gap:1rem}.stat-icon{width:50px;height:50px;font-size:1.75rem}.stat-info h3{font-size:1.75rem}.stat-info p{font-size:.85rem}}.stat-card{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:20px;display:flex;align-items:center;gap:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,inset 0 1px #fffc}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6cc,#6366f1cc,#7c3aedcc);transform:scaleX(0);transition:transform .4s ease}.stat-card:hover{transform:translateY(-8px) scale(1.02);background:#fffffffa;border-color:#cbd5e1e6;box-shadow:0 20px 60px #0f172a1f,0 10px 30px #0f172a14,inset 0 1px #fff}.stat-card.alert{border-color:#ef44444d;background:#fef2f2f2}.stat-card.alert:before{background:linear-gradient(90deg,#ef4444cc,#dc2626cc)}.stat-card.alert:hover{background:#fef2f2fa;border-color:#ef444466}.stat-card.primary:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card.success{border-color:#10b9814d;background:#ecfdf5f2}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.success:hover{background:#ecfdf5fa;border-color:#10b98166}.stat-card.info{border-color:#3b82f64d;background:#eff6fff2}.stat-card.info:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card.info:hover{background:#eff6fffa;border-color:#3b82f666}.stat-card.warning{border-color:#f59e0b4d;background:#fffbebf2}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.warning:hover{background:#fffbebfa;border-color:#f59e0b66}.stat-card.success .stat-icon{background:linear-gradient(135deg,#10b98126,#0596691a);color:#059669}.stat-card.success:hover .stat-icon{background:linear-gradient(135deg,#10b98133,#05966926);color:#047857}.stat-card.info .stat-icon{background:linear-gradient(135deg,#3b82f626,#2563eb1a);color:#2563eb}.stat-card.info:hover .stat-icon{background:linear-gradient(135deg,#3b82f633,#2563eb26);color:#1d4ed8}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#f59e0b26,#d977061a);color:#d97706}.stat-card.warning:hover .stat-icon{background:linear-gradient(135deg,#f59e0b33,#d9770626);color:#b45309}.stat-card.success .stat-info h3{background:linear-gradient(135deg,#059669,#047857,#065f46);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-card.info .stat-info h3{background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-card.warning .stat-info h3{background:linear-gradient(135deg,#d97706,#b45309,#92400e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-card.success .stat-info p{color:#059669}.stat-card.info .stat-info p{color:#2563eb}.stat-card.warning .stat-info p{color:#d97706}.stat-card.success:hover .stat-info p{color:#047857}.stat-card.info:hover .stat-info p{color:#1d4ed8}.stat-card.warning:hover .stat-info p{color:#b45309}.stat-change{font-size:.8rem;color:#64748b;font-weight:500;margin-top:.5rem;display:block;opacity:.8;transition:all .3s ease}.stat-card:hover .stat-change{opacity:1;transform:translate(2px)}.stat-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61f,#6366f11a,#7c3aed1f);border-radius:20px;box-shadow:0 8px 24px #0f172a14,inset 0 1px #ffffff80;transition:all .3s ease;position:relative;overflow:hidden;color:#475569}.stat-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(139,92,246,.15) 50%,transparent 70%);transform:rotate(-45deg);transition:transform .6s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#8b5cf62e,#6366f126,#7c3aed2e);color:#334155}.stat-card.alert .stat-icon{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#dc2626}.stat-card.alert:hover .stat-icon{background:linear-gradient(135deg,#ef444433,#dc262626);color:#b91c1c}.stat-info h3{font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(15,23,42,.1);transition:all .3s ease}.stat-card:hover .stat-info h3{transform:scale(1.05);background:linear-gradient(135deg,#1e1b4b,#312e81 30%,#4338ca 70%,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-info p{color:#64748b;margin:0;font-weight:700;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease;opacity:.9}.stat-card:hover .stat-info p{color:#475569;transform:translate(4px);opacity:1}.stat-card.alert .stat-info h3{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-card.alert .stat-info p{color:#dc2626}.stat-card.alert:hover .stat-info p{color:#b91c1c}.stat-trend{position:absolute;top:1rem;right:1rem;font-size:.8rem;color:#fff9;background:#ffffff1a;padding:.25rem .75rem;border-radius:20px}.stat-card.alert .stat-trend{background:#ef444433;color:#fecaca}.section-header h2{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(15,23,42,.1);transition:all .3s ease}.section-header h2:hover{background:linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translate(4px)}.view-all-link{color:#3b82f6;text-decoration:none;font-weight:700;font-size:.95rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);letter-spacing:.02em}.view-all-link:hover{color:#1d4ed8;background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.time-filter{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);color:#475569;padding:.75rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:600;transition:all .3s ease;cursor:pointer}.time-filter:hover{background:#fffffff2;border-color:#3b82f64d;color:#334155;transform:translateY(-1px)}.time-filter:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.refresh-btn{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);color:#475569;padding:.75rem 1rem;border-radius:12px;cursor:pointer;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:#fffffff2;border-color:#10b9814d;color:#10b981;transform:translateY(-2px) rotate(90deg);box-shadow:0 4px 12px #10b98133}.active-exams-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,inset 0 1px #fffc;transition:all .3s ease}.active-exams-section:hover{background:#fffffffa;border-color:#cbd5e1e6;transform:translateY(-2px);box-shadow:0 16px 50px #0f172a1f,0 8px 25px #0f172a0f,inset 0 1px #fff}.active-exams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.active-exam-card{background:#f8fafce6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f,0 4px 12px #0f172a0a}.active-exam-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981,#8b5cf6);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.active-exam-card:hover{background:#fffffff2;border-color:#3b82f64d;transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px #0f172a1a,0 8px 20px #3b82f614}.active-exam-card:hover:before{transform:scaleX(1)}.exam-header h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0;flex:1;letter-spacing:-.01em;line-height:1.3}.exam-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.exam-status.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;position:relative;animation:livePulse 2s infinite;overflow:visible}.exam-status.active:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:inherit;z-index:-1;animation:pulseRing 2s infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.exam-meta{display:flex;justify-content:space-between;margin-bottom:1rem}.course{color:#3b82f6;font-weight:700;font-size:.95rem;letter-spacing:.02em}.time-remaining{color:#64748b;font-size:.9rem;font-weight:600;opacity:.9}.exam-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.6rem;font-weight:800;color:#1e293b;letter-spacing:-.02em}.exam-actions{display:flex;gap:.75rem}.active-exam-card .monitor-btn{flex:1;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.details-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.details-btn:hover{background:#fff3}.analytics-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,inset 0 1px #fffc;transition:all .3s ease}.analytics-section:hover{background:#fffffffa;border-color:#cbd5e1e6;transform:translateY(-2px);box-shadow:0 16px 50px #0f172a1f,0 8px 25px #0f172a0f,inset 0 1px #fff}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.analytics-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);padding:2rem;border-radius:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f699,#10b98199,#8b5cf699);transform:scaleX(0);transition:transform .4s ease}.analytics-card:hover{background:#fffffff2;border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 32px #0f172a14}.analytics-card:hover:before{transform:scaleX(1)}.analytics-card h4{color:#475569;margin:0 0 1.5rem;font-size:1rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.progress-bar{width:100%;height:10px;background:#e2e8f080;border-radius:6px;overflow:hidden;margin-bottom:1rem;position:relative}.progress-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:shimmer 2s infinite}.progress-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-text{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.score-display,.incident-rate{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.score,.rate{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.score-trend,.rate-trend{font-size:1rem;font-weight:700;color:#10b981;background:#10b9811a;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(16,185,129,.2);letter-spacing:.02em}.rate-trend{color:#ef4444;background:#ef44441a;border-color:#ef444433}.recent-activity-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,inset 0 1px #fffc;transition:all .3s ease}.recent-activity-section:hover{background:#fffffffa;border-color:#cbd5e1e6;transform:translateY(-2px)}.activity-list{display:flex;flex-direction:column;gap:1.5rem;max-height:450px;overflow-y:auto;padding-right:.5rem}.activity-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:2px}.activity-list::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:2px}.activity-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);border-radius:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.activity-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#3b82f6cc,#10b981cc);transform:scaleY(0);transition:transform .3s ease}.activity-card:hover{background:#fffffff2;border-color:#3b82f64d;transform:translate(6px);box-shadow:0 8px 24px #0f172a14}.activity-card:hover:before{transform:scaleY(1)}.activity-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#10b98114);border-radius:16px;flex-shrink:0;color:#475569;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.activity-card:hover .activity-icon{background:linear-gradient(135deg,#3b82f626,#10b9811f);border-color:#3b82f64d;color:#334155;transform:scale(1.05)}.activity-content{flex:1}.activity-main{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.student-name{font-weight:700;color:#1e293b;font-size:1rem;letter-spacing:-.01em}.activity-action{font-size:.9rem;color:#64748b;font-weight:500;line-height:1.4}.activity-details{display:flex;justify-content:space-between;align-items:center;gap:1rem}.exam-name{font-size:.85rem;color:#3b82f6;font-weight:600;background:#3b82f61a;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(59,130,246,.2);letter-spacing:.02em}.activity-time{font-size:.8rem;color:#94a3b8;font-weight:600;background:#94a3b81a;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);white-space:nowrap}.system-health-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,inset 0 1px #fffc;transition:all .3s ease}.system-health-section:hover{background:#fffffffa;border-color:#cbd5e1e6;transform:translateY(-2px)}.health-status{font-size:1rem;color:#10b981;font-weight:700;background:#10b9811a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(16,185,129,.2);letter-spacing:.02em}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.health-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);padding:1.5rem;border-radius:16px;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.health-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#10b98199,#3b82f699);transform:scaleX(0);transition:transform .4s ease}.health-card:hover{background:#fffffff2;border-color:#10b9814d;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0f}.health-card:hover:before{transform:scaleX(1)}.health-header{display:flex;align-items:center;gap:1rem}.health-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b9811a,#3b82f614);border-radius:12px;border:1px solid rgba(16,185,129,.2)}.health-name{color:#475569;font-size:1rem;font-weight:600;letter-spacing:.01em}.health-status-text{font-size:.9rem;font-weight:700;text-transform:capitalize;background:#10b9811a;color:#10b981;padding:.4rem 1rem;border-radius:16px;border:1px solid rgba(16,185,129,.2);letter-spacing:.02em}.quick-stats-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,inset 0 1px #fffc;transition:all .3s ease}.quick-stats-section:hover{background:#fffffffa;border-color:#cbd5e1e6;transform:translateY(-2px)}.quick-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.quick-stat{text-align:center;padding:2rem 1rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quick-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf699,#3b82f699);transform:scaleX(0);transition:transform .4s ease}.quick-stat:hover{background:#fffffff2;border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 12px 32px #0f172a14}.quick-stat:hover:before{transform:scaleX(1)}.stat-number{display:block;font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem;letter-spacing:-.02em}.stat-label{font-size:.9rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 1200px){.featured-actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.dashboard-content{grid-template-columns:1fr}.content-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.dashboard-stats,.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.stat-card{padding:2rem;gap:1.5rem}.stat-icon{width:70px;height:70px;font-size:2.5rem}.stat-info h3{font-size:2.4rem}}@media (max-width: 1024px){.dashboard-stats,.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 768px){.featured-actions{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.dashboard-stats,.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem;gap:1.25rem;flex-direction:column;text-align:center}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-info h3{font-size:2rem}.stat-info p{font-size:.9rem}.action-section{padding:1.5rem}.action-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;text-align:center}.action-icon-large{width:60px;height:60px;font-size:2.5rem;align-self:center}.action-info h2{font-size:1.5rem}.action-stats{padding:1rem;gap:1rem}.action-stats .stat-value{font-size:1.75rem}.action-buttons{flex-direction:column;gap:.75rem}.primary-button,.secondary-button{min-width:auto;flex:none}}@media (max-width: 480px){.action-section{padding:1rem}.action-icon-large{width:50px;height:50px;font-size:2rem}.action-info h2{font-size:1.25rem}.action-info p{font-size:.9rem}.action-stats{gap:.75rem;padding:.75rem}.action-stats .stat-value{font-size:1.5rem}.primary-button,.secondary-button{padding:.75rem 1rem;font-size:.9rem}.admin-dashboard{padding:1rem;padding-top:calc(70px + 1rem)}.dashboard-header{flex-direction:column;gap:1.5rem;align-items:flex-start}.quick-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center;padding:.6rem 1rem;font-size:.9rem}.dashboard-stats,.stats-grid{grid-template-columns:1fr;gap:1rem}.active-exams-grid,.analytics-grid,.health-grid,.quick-stats-grid{grid-template-columns:1fr}.content-right{display:flex;flex-direction:column}}@media (max-width: 480px){.welcome-section h1{font-size:1.5rem}.stat-card{padding:1.25rem;gap:1rem;flex-direction:column;text-align:center}.stat-icon{width:50px;height:50px;font-size:1.75rem}.stat-info h3{font-size:1.75rem}.stat-info p{font-size:.85rem}.stat-change{font-size:.75rem}.exam-stats{gap:1rem}.action-boxes-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.action-box{padding:1.5rem}.action-box-icon{font-size:2.5rem;margin-bottom:1rem}.action-box-content h3{font-size:1.25rem}.action-box-stats{padding:.75rem;gap:1rem}.stat-number{font-size:1.25rem}}.loading-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:#ffffff14;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:24px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.loading-dashboard:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.loading-dashboard .loading-spinner{font-size:4rem;margin-bottom:2rem;animation:spin 2s linear infinite,pulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:spin 2s linear infinite,gradientPulse 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes gradientPulse{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.1)}}.loading-dashboard h2{background:linear-gradient(135deg,#fff,#f1f5f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;font-size:1.8rem;font-weight:700;letter-spacing:.02em;animation:fadeInUp .8s ease-out}.loading-dashboard p{color:#ffffffd9;margin:0;font-size:1.1rem;font-weight:500;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-active-exams,.empty-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#f8fafc80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px dashed rgba(148,163,184,.3);transition:all .3s ease}.empty-active-exams:hover,.empty-activity:hover{background:#f8fafccc;border-color:#3b82f666;transform:translateY(-2px)}.empty-active-exams .empty-icon,.empty-activity .empty-icon{font-size:4rem;margin-bottom:2rem;color:#94a3b8;background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;border:1px solid rgba(148,163,184,.2)}.empty-active-exams h3,.empty-activity h4{color:#334155;margin-bottom:1rem;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.empty-active-exams p,.empty-activity p{color:#64748b;margin-bottom:2rem;font-size:1rem;line-height:1.6;max-width:300px}.create-exam-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;text-decoration:none;border-radius:16px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #8b5cf633;letter-spacing:.02em}.create-exam-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.admin-profile{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f1419);padding:20px;font-family:Inter,Segoe UI,sans-serif}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.profile-header h1{color:#e2e8f0;font-size:2.5em;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.back-btn{display:flex;align-items:center;gap:8px;color:#e2e8f0;text-decoration:none;padding:12px 20px;background:#ffffff1a;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);font-weight:500}.back-btn:hover{background:#fff3;transform:translateY(-2px)}.section-header h2{color:#e2e8f0;font-size:1.5em;font-weight:600;margin:0;display:flex;align-items:center;gap:10px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.personal-info-section,.system-stats-section,.recent-activities-section,.permissions-section{margin-bottom:30px}.personal-info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.info-item label{font-weight:600;color:#cbd5e1;font-size:.95em}.info-item span{color:#94a3b8;font-size:1em;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item input,.info-item select,.info-item textarea{padding:12px;border:2px solid rgba(255,255,255,.2);border-radius:8px;font-size:1em;transition:border-color .3s ease;background:#ffffff1a;color:#e2e8f0}.info-item input::placeholder,.info-item textarea::placeholder{color:#64748b}.info-item input:focus,.info-item select:focus,.info-item textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#ffffff26}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;gap:15px;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006;background:#ffffff14}.stat-icon{font-size:2.5em;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3b82f633,#2563eb4d);border-radius:12px;border:2px solid rgba(59,130,246,.3)}.stat-info h3{font-size:2em;font-weight:700;color:#e2e8f0;margin:0}.stat-info p{color:#94a3b8;margin:0;font-weight:500}.recent-activities-section,.permissions-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.view-all-link:hover{color:#60a5fa}.activities-list{display:flex;flex-direction:column;gap:15px}.activity-card{display:flex;align-items:center;gap:15px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.activity-card:hover{transform:translate(5px);background:#ffffff0d}.activity-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#3b82f633,#2563eb4d);display:flex;align-items:center;justify-content:center;font-size:1.5em;border:2px solid rgba(59,130,246,.3)}.activity-content h4{color:#e2e8f0;margin:0 0 5px;font-size:1.1em;font-weight:600}.activity-content p{color:#94a3b8;margin:0 0 10px;font-size:.9em}.activity-meta{display:flex;justify-content:space-between;align-items:center;gap:15px}.timestamp{color:#64748b;font-size:.8em;font-style:italic}.severity-indicator{font-size:.8em;font-weight:600;text-transform:uppercase}.permissions-list{display:flex;flex-direction:column;gap:20px}.permission-category h4{color:#e2e8f0;margin:0 0 15px;font-size:1.2em;font-weight:600;padding-bottom:8px;border-bottom:2px solid rgba(59,130,246,.3)}.permission-items{display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.permission-item:hover{background:#ffffff0d}.permission-check{font-size:1.2em}.permission-text{color:#cbd5e1;font-size:.95em;font-weight:500}@media (max-width: 1200px){.profile-content{grid-template-columns:1fr;gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-profile{padding:15px}.profile-header{flex-direction:column;gap:15px;text-align:center;padding:15px}.profile-header h1{font-size:2em}.edit-actions{flex-direction:column;width:100%}.info-grid,.stats-grid{grid-template-columns:1fr;gap:15px}.personal-info-card,.recent-activities-section,.permissions-section{padding:20px}.activity-card{flex-direction:column;text-align:center;gap:10px}.activity-meta{flex-direction:column;gap:5px}}@media (max-width: 480px){.admin-profile{padding:10px}.back-btn,.edit-btn,.save-btn,.cancel-btn{padding:10px 16px;font-size:.9em}.profile-image{width:100px;height:100px}.stat-card{padding:20px}.stat-icon{font-size:2em;width:50px;height:50px}.stat-info h3{font-size:1.5em}.activity-icon{width:40px;height:40px;font-size:1.2em}}.create-exam{min-height:100vh;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca,#6366f1,#818cf8);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:2rem;padding-top:calc(70px + 2rem);position:relative;overflow-x:hidden}.create-exam:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 45% 45%,rgba(124,58,237,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.create-exam>*{position:relative;z-index:1}.create-exam-header{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2rem;border-radius:24px;margin-bottom:2rem;box-shadow:0 10px 40px #1e1b4b14,0 4px 16px #1e1b4b0a,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.create-exam-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.8) 25%,rgba(124,58,237,.8) 50%,rgba(99,102,241,.8) 75%,transparent 100%)}.create-exam-header:hover{background:#fffffffa;transform:translateY(-2px);box-shadow:0 16px 50px #1e1b4b1f,0 8px 25px #1e1b4b0f,inset 0 1px #fff}.back-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #8b5cf64d}.back-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px) translate(-2px);box-shadow:0 6px 20px #8b5cf666}.create-exam-header h1{background:linear-gradient(135deg,#1e1b4b,#312e81 30%,#4338ca 70%,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:2.5rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;flex:1}.exam-wizard{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;overflow:hidden}.wizard-steps{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem;justify-content:space-between}.wizard-step{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:8px;transition:all .3s ease;cursor:pointer;flex:1;margin:0 .5rem}.wizard-step.active{background:#007bff;color:#fff;transform:scale(1.05)}.wizard-step.completed{background:#28a745;color:#fff}.step-number{font-size:1.5rem;margin-bottom:.5rem}.step-title{font-size:.9rem;font-weight:500;text-align:center}.wizard-content{padding:2rem;min-height:500px}.step-content h3{margin-top:0;margin-bottom:1.5rem;color:#333;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-group label{font-weight:500;margin-bottom:.5rem;color:#555}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.add-question-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:background-color .3s ease}.add-question-btn:hover{background:#218838}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-card{border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;background:#f8f9fa}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-header h4{margin:0;color:#333}.remove-question-btn{background:#dc3545;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem}.question-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.options-section{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fff}.options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.options-header label{font-weight:500;color:#555}.add-option-btn{background:#007bff;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-item{display:flex;align-items:center;gap:.75rem}.option-item input[type=checkbox],.option-item input[type=radio]{width:auto;margin:0}.option-item input[type=text]{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.remove-option-btn{background:#dc3545;border:none;padding:.25rem;border-radius:4px;cursor:pointer;font-size:.7rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.settings-section{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;background:#f8f9fa}.settings-section h4{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.1rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.checkbox-label input[type=checkbox]{width:auto;margin:0}.scheduling-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-section{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;background:#f8f9fa}.form-section h4{margin-top:0;margin-bottom:1rem;color:#333}.students-list{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.5rem}.student-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.student-checkbox:hover{background:#f8f9fa}.student-checkbox input[type=checkbox]{width:auto;margin:0}.review-section{max-width:600px;margin:0 auto}.review-card{border:1px solid #e9ecef;border-radius:8px;padding:2rem;background:#f8f9fa;margin-bottom:2rem}.review-card h4{margin-top:0;margin-bottom:1.5rem;color:#333;font-size:1.2rem}.review-item{display:flex;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.review-item:last-child{border-bottom:none;margin-bottom:0}.review-item strong{min-width:150px;color:#555}.publish-actions{display:flex;justify-content:center;gap:1rem}.draft-btn,.publish-btn{padding:.75rem 2rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.draft-btn{background:#6c757d;color:#fff}.draft-btn:hover{background:#5a6268}.publish-btn{background:#28a745;color:#fff}.publish-btn:hover{background:#218838}.draft-btn:disabled,.publish-btn:disabled{opacity:.6;cursor:not-allowed}.wizard-navigation{display:flex;justify-content:space-between;padding:1.5rem 2rem;background:#f8f9fa;border-top:1px solid #e9ecef}.prev-btn,.next-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.prev-btn{background:#6c757d;color:#fff}.prev-btn:hover{background:#5a6268}.next-btn{background:#007bff;color:#fff}.next-btn:hover{background:#0056b3}@media (max-width: 768px){.create-exam{padding:1rem}.wizard-steps{flex-wrap:wrap;gap:.5rem}.wizard-step{flex:1;min-width:120px}.form-grid,.scheduling-grid,.settings-grid,.form-row{grid-template-columns:1fr}}.empty-option{opacity:.7}.empty-option input[type=checkbox],.empty-option input[type=radio]{opacity:.5;cursor:not-allowed}.empty-field{border-color:#ffc107!important;background-color:#fff9c4}.empty-field:focus{border-color:#ff9800!important;box-shadow:0 0 0 3px #ffc1071a!important}.option-item.empty-option{background:#fff9c4;border-radius:6px;padding:.5rem;margin-bottom:.5rem}.validation-error{color:#dc3545;font-size:.8rem;margin-top:.25rem}.validation-success{color:#28a745;font-size:.8rem;margin-top:.25rem}.question-card.invalid{border-color:#dc3545;background:#fef5f5}.question-card.valid{border-color:#28a745;background:#f8fff8}.exam-list{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.exam-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a}.header-title h1{margin:0 0 .5rem;color:#333;font-size:2rem;display:flex;align-items:center;gap:.5rem}.header-title p{margin:0;color:#666;font-size:1.1rem}.create-exam-btn{background:#28a745;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1rem}.create-exam-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.exam-filters{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;align-items:end}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:500;margin-bottom:.5rem;color:#555}.filter-group select,.filter-group input{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.empty-state p{color:#666;margin:0 0 2rem;font-size:1.1rem}.create-first-exam-btn{background:#007bff;color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.create-first-exam-btn:hover{background:#0056b3;transform:translateY(-2px)}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.exam-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative}.exam-card.error-card{border:2px solid #dc3545;background:#fff5f5}.exam-card.error-card .course-code{background:#dc3545;color:#fff}.exam-card.error-card p{color:#dc3545;font-style:italic;text-align:center;padding:1rem;margin:0}.exam-title h3{margin:0 0 .5rem;color:#333;font-size:1.2rem;line-height:1.3}.course-code{background:#f8f9fa;color:#495057;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.exam-status{padding:.5rem 1rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.exam-info{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.info-item{display:flex;justify-content:space-between;align-items:center}.info-item .label{color:#666;font-size:.9rem}.info-item .value{color:#333;font-weight:500}.exam-schedule{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.schedule-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.schedule-label{color:#666;font-size:.9rem;font-weight:500}.schedule-value{color:#333;font-size:.9rem}.exam-stats{display:flex;justify-content:space-between;background:#f8f9fa;padding:1rem;border-radius:8px}.stat-item{text-align:center;flex:1}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:#007bff;margin-bottom:.25rem}.stat-label{color:#666;font-size:.85rem}.exam-card-footer{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.exam-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{background:#6c757d;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:all .3s ease;font-weight:500}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.view-btn{background:#17a2b8}.view-btn:hover{background:#138496}.edit-btn{background:#ffc107;color:#333}.edit-btn:hover{background:#e0a800}.publish-btn{background:#007bff}.publish-btn:hover{background:#0056b3}.activate-btn{background:#28a745}.activate-btn:hover{background:#218838}.cancel-btn{background:#dc3545}.cancel-btn:hover{background:#c82333}.attempts-btn{background:#6f42c1}.attempts-btn:hover{background:#5a32a3}.delete-btn{background:#dc3545}.delete-btn:hover{background:#c82333}.exam-live-indicator{position:absolute;top:-8px;right:-8px;background:#dc3545;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 10px #dc35454d;z-index:10}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pagination{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a}.pagination-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-2px)}.pagination-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.pagination-info{color:#666;font-size:1rem;text-align:center}@media (max-width: 768px){.exam-list{padding:1rem}.exam-list-header{flex-direction:column;gap:1rem;text-align:center}.filters-row,.exams-grid,.exam-info{grid-template-columns:1fr}.exam-actions{justify-content:center}.pagination{flex-direction:column;gap:1rem;text-align:center}}.exam-access-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;flex-direction:column;align-items:center}.exam-access-container.starting{justify-content:center}.exam-access-header{text-align:center;margin-bottom:3rem;color:#fff}.exam-access-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.exam-access-header p{font-size:1.1rem;opacity:.9;margin:0}.exam-key-form{width:100%;max-width:500px}.form-card,.preview-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;animation:slideUp .5s ease-out}.card-header{padding:2rem 2rem 1rem;text-align:center;position:relative}.back-btn{position:absolute;left:2rem;top:2rem;background:#f3f4f6;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.back-btn:hover{background:#e5e7eb;color:#374151}.card-header h2{font-size:1.8rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.card-header p{color:#6b7280;font-size:1rem;margin:0}.key-form{padding:0 2rem 2rem}.key-input,.student-id-input{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1.1rem;font-weight:600;letter-spacing:2px;text-align:center;text-transform:uppercase;transition:all .2s ease;font-family:monospace}.key-input:focus,.student-id-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.student-id-input{font-family:inherit;letter-spacing:normal;text-transform:none}.submit-btn,.start-exam-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover,.start-exam-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.submit-btn:disabled,.start-exam-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.alternative-actions{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.link-button{background:none;border:none;color:#667eea;font-size:1rem;cursor:pointer;text-decoration:underline}.link-button:hover{color:#764ba2}.exam-preview{width:100%;max-width:800px}.exam-info{padding:2rem}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.exam-header h3{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0}.exam-key-display{background:#f3f4f6;padding:.5rem 1rem;border-radius:8px;font-weight:600;color:#6b7280}.exam-key-display .key{color:#667eea;font-family:monospace;font-size:1.1rem}.exam-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:8px}.meta-item .label{font-weight:600;color:#6b7280}.meta-item .value{font-weight:600;color:#1f2937}.exam-description{margin-bottom:1.5rem;padding:1rem;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.exam-description h4{margin:0 0 .5rem;color:#92400e;font-weight:600}.exam-description p{margin:0;color:#78350f}.exam-schedule{margin-bottom:1.5rem}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.schedule-item:last-child{border-bottom:none}.schedule-item .label{font-weight:600;color:#6b7280}.schedule-item .value{font-weight:600;color:#1f2937}.schedule-item .time-remaining{color:#059669;background:#d1fae5;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.status-alert{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600}.status-alert.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-alert.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.proctoring-info{background:#ede9fe;border:1px solid #c4b5fd;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.proctoring-info h4{margin:0 0 .5rem;color:#6d28d9;font-weight:600}.proctoring-info ul{margin:0;padding-left:1.5rem;color:#5b21b6}.proctoring-info li{margin-bottom:.25rem}.student-id-form{padding:1.5rem 2rem 2rem;background:#f8fafc;border-top:1px solid #e5e7eb}.form-section{margin-bottom:1.5rem}.form-section label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.starting-screen{text-align:center;color:#fff;max-width:500px}.loading-animation{margin-bottom:2rem}.exam-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}.loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-dots span{width:12px;height:12px;background:#ffffffb3;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.starting-screen h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.starting-screen p{font-size:1.1rem;opacity:.9;margin-bottom:2rem}.starting-checklist{text-align:left;background:#ffffff1a;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.check-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;font-weight:500}.check-item.completed{opacity:.7}.check-item.active{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (max-width: 768px){.exam-access-container{padding:1rem}.exam-access-header h1{font-size:2rem}.form-card,.preview-card{margin:0}.card-header,.exam-info,.student-id-form{padding:1.5rem 1rem}.exam-header{flex-direction:column;gap:1rem;align-items:flex-start}.exam-meta{grid-template-columns:1fr}.meta-item,.schedule-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.results-check-container,.results-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.check-header,.results-header{text-align:center;margin-bottom:3rem;color:#fff;position:relative}.back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:#ffffff4d;transform:translateY(-50%) translate(-2px)}.check-header h1,.results-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.check-header p{font-size:1.1rem;opacity:.9;margin:0}.check-form-card{max-width:500px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;animation:slideUp .5s ease-out}.form-header{padding:2rem 2rem 1rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.form-header h2{font-size:1.8rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.form-header p{color:#6b7280;font-size:1rem;margin:0}.check-form{padding:2rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.95rem}.form-input{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.exam-key{font-family:monospace;font-weight:600;text-transform:uppercase;letter-spacing:2px;text-align:center}.input-help{display:block;margin-top:.5rem;color:#6b7280;font-size:.85rem}.submit-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.help-section{padding:1.5rem 2rem 2rem;background:#f8fafc;border-top:1px solid #e5e7eb}.help-section h4{margin:0 0 1rem;color:#374151;font-weight:600}.help-section ul{margin:0;padding-left:1.5rem;color:#6b7280}.help-section li{margin-bottom:.5rem;font-size:.9rem}.results-card{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;animation:slideUp .5s ease-out}.info-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb}.student-info,.exam-info{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d}.student-info h2,.exam-info h2{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-item .label{font-weight:500;color:#6b7280}.info-item .value{font-weight:600;color:#1f2937}.main-results{padding:3rem 2rem;text-align:center}.score-display{display:flex;align-items:center;gap:3rem;justify-content:center}.score-circle{width:180px;height:180px;border-radius:50%;border:8px solid;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#ffffffe6,#f8fafce6);box-shadow:0 10px 30px #0000001a}.score-value{text-align:center}.percentage{display:block;font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1}.grade-letter{display:block;font-size:3rem;font-weight:900;line-height:1;margin-top:.5rem}.score-details{text-align:left}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;background:#f8fafc;border-radius:8px;min-width:280px}.detail-item .label{font-weight:500;color:#6b7280}.detail-item .value{font-weight:600;color:#1f2937}.detail-item .status.passed{color:#059669;background:#d1fae5;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.detail-item .status.failed{color:#dc2626;background:#fee2e2;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.status-alert{display:flex;align-items:center;gap:1rem;padding:2rem;margin:2rem;border-radius:12px}.status-alert.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.status-alert.failure{background:linear-gradient(135deg,#fee2e2,#fca5a5);border:2px solid #ef4444}.status-icon{font-size:3rem;flex-shrink:0}.status-message h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1f2937}.status-message p{margin:0;font-size:1rem;color:#4b5563;line-height:1.5}.attempts-history{margin:2rem;padding:2rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.attempts-history h3{margin:0 0 1.5rem;font-size:1.3rem;font-weight:600;color:#1f2937}.attempts-list{display:flex;flex-direction:column;gap:1rem}.attempt-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.attempt-item.latest{border:2px solid #667eea;box-shadow:0 4px 12px #667eea33}.attempt-number{font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.latest-badge{background:#667eea;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.attempt-score{text-align:center}.attempt-score .score{display:block;font-size:1.2rem;font-weight:700;color:#1f2937}.attempt-score .status{font-size:.8rem;font-weight:500;padding:.2rem .5rem;border-radius:12px;margin-top:.25rem;display:inline-block}.attempt-score .status.passed{background:#d1fae5;color:#059669}.attempt-score .status.failed{background:#fee2e2;color:#dc2626}.attempt-meta{text-align:right;font-size:.85rem;color:#6b7280}.attempt-meta .time{display:block;font-weight:500}.attempt-meta .date{display:block;margin-top:.25rem}.performance-analysis{margin:2rem;padding:2rem;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:12px;border:1px solid #c4b5fd}.performance-analysis h3{margin:0 0 1.5rem;font-size:1.3rem;font-weight:600;color:#5b21b6}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.analysis-item{background:#fffc;padding:1rem;border-radius:8px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analysis-label{font-size:.9rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.analysis-value{font-size:1.1rem;font-weight:600;color:#5b21b6}.actions-section{padding:2rem;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center}.primary-btn,.secondary-btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.secondary-btn{background:#e5e7eb;color:#374151}.secondary-btn:hover{background:#d1d5db;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.results-check-container,.results-container{padding:1rem}.check-header h1,.results-header h1{font-size:2rem}.back-btn{position:static;transform:none;margin-bottom:1rem}.check-header,.results-header{text-align:left}.info-section{grid-template-columns:1fr;gap:1rem}.score-display{flex-direction:column;gap:2rem}.score-circle{width:150px;height:150px}.percentage{font-size:2rem}.grade-letter{font-size:2.5rem}.detail-item{min-width:auto}.attempt-item{grid-template-columns:1fr;text-align:center;gap:.5rem}.attempt-meta{text-align:center}.actions-section{flex-direction:column}.primary-btn,.secondary-btn{justify-content:center}}.coding-question-component{background:#f8fafc;border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:2px solid #e2e8f0;position:relative}.coding-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.problem-title{margin:0;color:#2d3748;font-size:1.3rem}.language-selector{display:flex;align-items:center;gap:.5rem}.language-selector label{font-weight:600;color:#4a5568}.language-selector select{padding:.5rem;border:2px solid #e2e8f0;border-radius:6px;background:#fff;font-weight:500}.language-selector select:focus{outline:none;border-color:#3182ce}.problem-description{margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:10px;border:1px solid #e2e8f0}.description-content h4,.constraints-info h4{margin:0 0 .75rem;color:#2d3748;font-size:1.1rem}.description-content p{color:#4a5568;line-height:1.6;margin:0}.constraints-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.constraints-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.constraint-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0}.constraint-label{font-weight:600;color:#4a5568}.constraint-value{color:#2b6cb0;font-weight:600}.format-info{margin-bottom:1rem}.format-info strong{color:#2d3748;display:block;margin-bottom:.25rem}.format-info p{margin:0;color:#4a5568;font-style:italic}.test-cases-section{margin-bottom:1.5rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden}.test-cases-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f7fafc;border-bottom:1px solid #e2e8f0}.test-cases-header h4{margin:0;color:#2d3748}.toggle-test-cases{background:#3182ce;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.toggle-test-cases:hover{background:#2c5282;transform:translateY(-1px)}.test-cases-list{padding:1.5rem}.test-case{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.test-case:last-child{margin-bottom:0}.test-case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.test-case-title{font-weight:600;color:#2d3748}.test-case-desc{color:#4a5568;font-style:italic}.test-case-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.test-input,.test-output{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e2e8f0}.test-input strong,.test-output strong{color:#2d3748;display:block;margin-bottom:.5rem;font-size:.9rem}.test-input pre,.test-output pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:#4a5568;white-space:pre-wrap;background:#f7fafc;padding:.5rem;border-radius:4px}.code-editor-section{margin-bottom:1.5rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f7fafc;border-bottom:1px solid #e2e8f0}.editor-header h4{margin:0;color:#2d3748}.test-code-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.25rem}.test-code-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.test-code-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.code-editor-container{border:2px solid #e2e8f0;border-radius:0 0 10px 10px;overflow:hidden}.test-results-section{background:#fff;border-radius:10px;border:1px solid #e2e8f0;padding:1.5rem;margin-bottom:1rem}.test-results-section h4{margin:0 0 1rem;color:#2d3748}.results-summary{background:#f7fafc;padding:1rem;border-radius:8px;margin-bottom:1rem}.summary-stats{display:flex;gap:2rem;justify-content:center;align-items:center}.stat{color:#4a5568;font-weight:500}.stat strong{color:#2d3748;font-size:1.1rem}.individual-results{display:flex;flex-direction:column;gap:.75rem}.result-item{padding:.75rem;border-radius:8px;border:2px solid;transition:all .3s ease}.result-item.passed{background:#f0fff4;border-color:#38a169}.result-item.failed{background:#fffbf0;border-color:#e53e3e}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.result-title{font-weight:600;color:#2d3748}.result-status.passed{color:#38a169;font-weight:600}.result-status.failed{color:#e53e3e;font-weight:600}.result-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.result-io{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem}.result-io div{background:#f7fafc;padding:.5rem;border-radius:4px}.result-io strong{display:block;margin-bottom:.25rem;font-size:.9rem}.result-io code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:#4a5568;white-space:pre-wrap;word-break:break-all}.result-error{background:#fed7d7;padding:.5rem;border-radius:4px;margin-top:.5rem}.result-error strong{color:#c53030;display:block;margin-bottom:.25rem}.result-error code{color:#c53030;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.result-meta{font-size:.85rem;color:#4a5568;margin-top:.5rem;text-align:right}.disabled-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:12px}.disabled-overlay p{background:#fed7d7;color:#c53030;padding:1rem 2rem;border-radius:8px;font-weight:600;text-align:center;margin:0}@media (max-width: 768px){.coding-question-component{padding:1rem}.coding-question-header{flex-direction:column;gap:1rem;align-items:flex-start}.test-case-content,.result-io{grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:.5rem}.constraints-grid{grid-template-columns:1fr}.editor-header,.test-cases-header{flex-direction:column;gap:1rem;align-items:flex-start}}.exam-interface{min-height:100vh;background:#f8fafc;font-family:Inter,sans-serif}.exam-loading,.exam-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}.exam-loading .loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.exam-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.exam-info h1{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.exam-info p{color:#6b7280;margin:0;font-size:.9rem}.exam-timer{display:flex;align-items:center}.timer{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;padding:.75rem 1.5rem;border-radius:12px;font-family:monospace;font-weight:600;font-size:1.1rem;color:#374151;transition:all .3s ease}.timer.warning{background:#fef3c7;color:#d97706}.timer.critical{background:#fee2e2;color:#dc2626;animation:pulse 1s infinite}.timer-icon{font-size:1.2rem}.progress-section{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e5e7eb}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-info{color:#6b7280;font-size:.9rem;text-align:center}.question-navigation{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e5e7eb}.question-numbers{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.question-number{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.question-number:hover{border-color:#667eea;color:#667eea}.question-number.current{background:#667eea;border-color:#667eea;color:#fff}.question-number.answered{background:#10b981;border-color:#10b981;color:#fff}.question-number.answered.current{background:#059669;border-color:#059669}.question-section{background:#fff;margin:2rem;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.question-counter{font-weight:600;color:#374151;font-size:1.1rem}.question-points{background:#ede9fe;color:#7c3aed;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.question-content h2{font-size:1.3rem;font-weight:600;color:#1f2937;line-height:1.6;margin-bottom:2rem}.answer-section{margin-top:2rem}.multiple-choice,.true-false{display:flex;flex-direction:column;gap:1rem}.option-label{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.option-label:hover{background:#f1f5f9;border-color:#667eea}.option-label input[type=radio]{width:20px;height:20px;accent-color:#667eea}.option-text{font-size:1rem;color:#374151;flex:1}.option-label:has(input:checked){background:#ede9fe;border-color:#8b5cf6}.answer-textarea{width:100%;min-height:120px;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.answer-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.question-controls{position:sticky;bottom:0;background:#fff;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px #0000001a}.nav-btn{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.control-center{display:flex;gap:1rem}.submit-btn{padding:.75rem 2rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.exam-results{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.results-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:600px;width:100%;overflow:hidden;text-align:center}.results-header{padding:3rem 2rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.result-icon{font-size:4rem;margin-bottom:1rem}.results-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.result-status{font-size:1.1rem;font-weight:500;margin:0}.result-status.passed{color:#059669}.result-status.failed{color:#dc2626}.results-details{padding:2rem}.score-display{display:flex;align-items:center;gap:2rem;justify-content:center}.score-circle{width:120px;height:120px;border-radius:50%;border:8px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#1f2937}.score-info{text-align:left}.score-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6;min-width:200px}.score-item:last-child{border-bottom:none}.score-item .label{font-weight:500;color:#6b7280}.score-item .value{font-weight:600;color:#1f2937}.results-actions{padding:2rem;background:#f8fafc;display:flex;gap:1rem;justify-content:center}.check-results-btn,.take-another-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.check-results-btn{background:#667eea;color:#fff}.check-results-btn:hover{background:#5a67d8;transform:translateY(-1px)}.take-another-btn{background:#e5e7eb;color:#374151}.take-another-btn:hover{background:#d1d5db}@media (max-width: 768px){.exam-header{flex-direction:column;gap:1rem;align-items:stretch}.question-section{margin:1rem;padding:1.5rem}.question-header{flex-direction:column;gap:.5rem;align-items:flex-start}.question-numbers{gap:.25rem}.question-number{width:35px;height:35px;font-size:.9rem}.question-controls{flex-wrap:wrap;gap:1rem}.score-display{flex-direction:column;gap:1.5rem}.results-actions{flex-direction:column}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.student-dashboard{min-height:100vh;background:#9b84ff;background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:2rem;padding-top:calc(70px + 2rem);position:relative;overflow-x:hidden}.student-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(13,148,136,.15) 0%,transparent 60%),radial-gradient(circle at 75% 75%,rgba(5,150,105,.1) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.08) 0%,transparent 60%);pointer-events:none;z-index:0}.student-dashboard>*{position:relative;z-index:1}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:#ffffff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.25);padding:2.5rem;border-radius:24px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #fff6;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.dashboard-header:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 8px 24px #00000014,inset 0 1px #ffffff80}.welcome-section h1{font-size:2.5rem;background:linear-gradient(135deg,#1f2937,#374151,#4b5563);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:textShimmer 3s ease-in-out infinite alternate;margin:0 0 .75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.1)}.welcome-section p{color:#374151;font-size:1.2rem;margin:0;font-weight:600;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.1)}@keyframes textShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.quick-actions{display:flex;gap:1rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:16px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:1rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.02em}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.action-btn:hover:before{left:100%}.profile-btn{background:linear-gradient(135deg,#0d9488,#059669);color:#fff;box-shadow:0 4px 15px #0d948833}.profile-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0d948866,0 4px 15px #0d948833;background:linear-gradient(135deg,#0f766e,#047857)}.exam-btn{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;box-shadow:0 4px 15px #0891b233}.exam-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0891b266,0 4px 15px #0891b233;background:linear-gradient(135deg,#0e7490,#155e75)}.compiler-btn{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 4px 15px #10b98133}.compiler-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #10b98166,0 4px 15px #10b98133;background:linear-gradient(135deg,#059669,#10b981)}.action-btn .icon{font-size:1.2rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.25);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6;display:flex;align-items:center;gap:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0d9488cc,#059669cc,#10b981cc);transform:scaleX(0);transition:transform .4s ease}.stat-card:hover{transform:translateY(-6px) scale(1.02);background:#fff3;border-color:#ffffff59;box-shadow:0 16px 48px #00000026,0 8px 24px #0000001a,inset 0 1px #ffffff80}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-radius:20px;box-shadow:0 8px 24px #0000001a,inset 0 1px #fff6;transition:all .3s ease;position:relative;overflow:hidden}.stat-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:rotate(-45deg);transition:transform .6s ease}.stat-card:hover .stat-icon:before{transform:rotate(-45deg) translate(100%,100%)}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#ffffff59,#fff3)}.stat-info h3{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#374151);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.stat-card:hover .stat-info h3{transform:scale(1.05);background:linear-gradient(135deg,#111827,#1f2937,#374151);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-info p{color:#4b5563;margin:0;font-weight:600;font-size:1rem;letter-spacing:.02em;text-transform:uppercase;transition:all .3s ease}.stat-card:hover .stat-info p{color:#374151;transform:translate(4px)}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.content-left,.content-right{display:flex;flex-direction:column;gap:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#374151,#4b5563);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;margin:0;letter-spacing:-.01em;transition:all .3s ease;position:relative}.section-header h2:hover{background-position:100% 50%;transform:translate(4px)}.view-all-link{color:#0d9488;text-decoration:none;font-weight:600;font-size:.9rem;transition:color .2s}.view-all-link:hover{color:#0f766e}.upcoming-exams-section{background:#ffffff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.25);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6;transition:all .3s ease}.upcoming-exams-section:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-2px)}.exams-list{display:flex;flex-direction:column;gap:1rem}.exam-card{border:1px solid rgba(255,255,255,.2);background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}.exam-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0d9488cc,#10b981cc,#34d399cc);transform:scaleX(0);transition:transform .4s ease}.exam-card:hover{border-color:#0d948866;background:#ffffff26;transform:translate(6px) translateY(-4px);box-shadow:0 12px 32px #00000026,0 4px 16px #0d94881a}.exam-card:hover:before{transform:scaleX(1)}.coding-exams-section{background:#ffffff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.25);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6;transition:all .3s ease}.coding-exams-section:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-2px)}.exam-card.coding-exam{border:1px solid rgba(59,130,246,.3);background:linear-gradient(135deg,#f8faffcc,#e7f3ff99);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.exam-card.coding-exam:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);transform:scaleX(0);transition:transform .4s ease}.exam-card.coding-exam:hover{border-color:#3b82f680;transform:translate(4px) translateY(-2px);background:linear-gradient(135deg,#f8faffe6,#e7f3ffcc);box-shadow:0 8px 32px #3b82f633,0 4px 16px #3b82f61a}.exam-card.coding-exam:hover:before{transform:scaleX(1)}.exam-type.coding{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.difficulty-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.easy{background:#d1fae5;color:#065f46}.difficulty-badge.medium{background:#fef3c7;color:#92400e}.difficulty-badge.hard{background:#fee2e2;color:#991b1b}.difficulty-badge.expert{background:#ede9fe;color:#5b21b6}.category-badge{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.languages{background:#f3e8ff;color:#7c3aed;padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:500}.points{background:#ecfdf5;color:#059669;padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:600}.join-btn.coding{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.join-btn.coding:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 16px #3b82f64d}.join-btn.in-progress{background:linear-gradient(135deg,#f59e0b,#d97706);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.exam-header h3{font-size:1.2rem;font-weight:600;color:#1f2937;margin:0}.exam-type{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.exam-details{display:flex;justify-content:space-between;align-items:center}.exam-info{display:flex;flex-direction:column;gap:.25rem}.exam-info span{font-size:.9rem;color:#6b7280}.course{font-weight:600!important;color:#0d9488!important}.join-btn{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.join-btn:hover:before{left:100%}.join-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 32px #10b98166,0 4px 16px #10b98133;background:linear-gradient(135deg,#059669,#047857)}.join-btn.available{background:linear-gradient(135deg,#10b981,#059669);animation:readyPulse 3s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 4px 15px #10b98133}50%{box-shadow:0 6px 25px #10b98166}}.system-check-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.system-check-card{border:2px solid #f3f4f6;border-radius:12px;padding:1.5rem}.check-items{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.check-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#374151}.check-icon{font-size:1.2rem}.run-check-btn{width:100%;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.run-check-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0d948866}.recent-exams-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.recent-exams-list{display:flex;flex-direction:column;gap:1rem}.recent-exam-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:2px solid #f3f4f6;border-radius:12px;transition:all .3s ease}.recent-exam-card:hover{border-color:#0d9488;transform:translate(4px)}.recent-exam-card .exam-info{display:flex;flex-direction:column;gap:.25rem}.recent-exam-card .exam-info h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.recent-exam-card .exam-info .course{font-size:.85rem;color:#0d9488;font-weight:600}.recent-exam-card .exam-info .date{font-size:.8rem;color:#6b7280}.exam-score{font-size:1.5rem;font-weight:700}.announcements-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.announcements-list{display:flex;flex-direction:column;gap:1rem}.announcement-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #f3f4f6;border-radius:12px;transition:all .3s ease}.announcement-card:hover{border-color:#0d9488;transform:translate(4px)}.announcement-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;flex-shrink:0}.announcement-content h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.announcement-content p{font-size:.9rem;color:#6b7280;margin:0 0 .5rem}.announcement-time{font-size:.8rem;color:#9ca3af}.tips-section{background:linear-gradient(135deg,#fef3c7,#fcd34d);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.tips-card h4{font-size:1.1rem;font-weight:600;color:#92400e;margin:0 0 1rem}.tips-card p{color:#92400e;font-size:.95rem;line-height:1.6;margin:0}@media (max-width: 1200px){.dashboard-content{grid-template-columns:1fr}.content-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}}@media (max-width: 768px){.student-dashboard{padding:1rem;padding-top:calc(70px + 1rem)}.dashboard-header{flex-direction:column;gap:1.5rem;align-items:flex-start}.quick-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center}.dashboard-stats,.check-items{grid-template-columns:1fr}.content-right{display:flex;flex-direction:column}}@media (max-width: 480px){.welcome-section h1{font-size:1.5rem}.stat-card{padding:1.5rem}.stat-icon{width:50px;height:50px;font-size:2rem}.stat-info h3{font-size:1.5rem}}.available-exams{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.available-exams-header{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.header-content h1{margin:0 0 .5rem;color:#333;font-size:2rem;display:flex;align-items:center;gap:.5rem}.header-content p{margin:0;color:#666;font-size:1.1rem}.header-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#007bff;margin-bottom:.25rem}.stat-label{color:#666;font-size:.9rem}.loading-state{background:#fff;padding:4rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a}.loading-spinner{font-size:3rem;margin-bottom:1rem;animation:spin 2s linear infinite}.loading-state p{color:#666;font-size:1.1rem;margin:0}.empty-state{background:#fff;padding:4rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:#333;font-size:1.5rem}.empty-state p{color:#666;margin:0;font-size:1.1rem}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.exam-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.exam-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.exam-card-header{padding:1.5rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.exam-title-section h3{margin:0 0 .5rem;color:#333;font-size:1.3rem;line-height:1.3}.exam-meta{display:flex;flex-direction:column;gap:.25rem}.course-info{color:#666;font-size:.9rem}.instructor{color:#888;font-size:.85rem}.exam-status-badge{padding:.5rem 1rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;white-space:nowrap}.exam-card-body{padding:1.5rem}.exam-description{margin-bottom:1.5rem}.exam-description p{color:#666;font-size:.95rem;line-height:1.5;margin:0}.exam-details{margin-bottom:1.5rem}.detail-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.detail-row:last-child{margin-bottom:0}.detail-item{text-align:center;padding:.75rem;background:#f8f9fa;border-radius:8px}.detail-label{display:block;color:#666;font-size:.8rem;margin-bottom:.25rem}.detail-value{display:block;color:#333;font-weight:600;font-size:.95rem}.exam-schedule-info{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.schedule-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.schedule-item:last-child{margin-bottom:0}.schedule-icon{font-size:1.2rem}.schedule-details{flex:1}.schedule-label{display:block;color:#666;font-size:.85rem;margin-bottom:.25rem}.schedule-time{display:block;color:#333;font-weight:500;font-size:.9rem}.proctoring-notice{background:#fff3cd;border:1px solid #ffeaa7;padding:1rem;border-radius:8px;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.proctoring-icon{font-size:1.2rem;color:#856404}.proctoring-info strong{display:block;color:#856404;margin-bottom:.25rem}.proctoring-info p{color:#856404;font-size:.9rem;margin:0}.last-attempt-info{background:#e9ecef;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.last-attempt-info h4{margin:0 0 .75rem;color:#333;font-size:1rem}.attempt-result{display:flex;justify-content:space-between;gap:1rem}.result-item{text-align:center;flex:1}.result-label{display:block;color:#666;font-size:.8rem;margin-bottom:.25rem}.result-value{display:block;color:#333;font-weight:600;font-size:.9rem}.result-value.passed{color:#28a745}.result-value.failed{color:#dc3545}.exam-card-footer{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.start-exam-btn{width:100%;background:#28a745;color:#fff;border:none;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-bottom:1rem}.start-exam-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.start-exam-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.start-exam-btn.resume{background:#007bff}.start-exam-btn.resume:hover:not(:disabled){background:#0056b3}.loading-spinner-small{animation:spin 1s linear infinite}.exam-unavailable{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;margin-bottom:1rem}.unavailable-icon{font-size:1.2rem}.exam-actions{display:flex;justify-content:center;gap:1rem}.action-link{color:#007bff;text-decoration:none;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:color .3s ease}.action-link:hover{color:#0056b3;text-decoration:underline}@media (max-width: 768px){.available-exams{padding:1rem}.available-exams-header{flex-direction:column;gap:1rem;text-align:center}.header-stats{gap:1rem}.exams-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr;gap:.5rem}.attempt-result{flex-direction:column;gap:.5rem}}.student-profile{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Inter,Segoe UI,sans-serif}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.profile-header h1{color:#fff;font-size:2.5em;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.back-btn{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:12px 20px;background:#fff3;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);font-weight:500}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.edit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #3b82f64d}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.edit-actions{display:flex;gap:12px}.save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(145deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #10b9814d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.cancel-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #ef44444d}.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1400px;margin:0 auto}.section-header{margin-bottom:20px}.section-header h2{color:#fff;font-size:1.5em;font-weight:600;margin:0;display:flex;align-items:center;gap:10px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.personal-info-section,.academic-stats-section,.exam-history-section,.achievements-section{margin-bottom:30px}.personal-info-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.profile-image-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.profile-image{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #3b82f6;box-shadow:0 4px 20px #3b82f64d;margin-bottom:15px}.profile-image img{width:100%;height:100%;object-fit:cover}.default-avatar{width:100%;height:100%;background:linear-gradient(145deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2em;font-weight:700}.change-photo-btn{padding:8px 16px;background:linear-gradient(145deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease}.change-photo-btn:hover{transform:translateY(-1px)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:600;color:#374151;font-size:.95em}.info-item span{color:#6b7280;font-size:1em;padding:8px 0;border-bottom:1px solid #f3f4f6}.info-item input,.info-item select,.info-item textarea{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:1em;transition:border-color .3s ease;background:#fff}.info-item input:focus,.info-item select:focus,.info-item textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;gap:15px;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.stat-icon{font-size:2.5em;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8fafc,#e2e8f0);border-radius:12px;border:2px solid #e2e8f0}.stat-info h3{font-size:2em;font-weight:700;color:#1f2937;margin:0}.stat-info p{color:#6b7280;margin:0;font-weight:500}.exam-history-section,.achievements-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.view-all-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .3s ease}.view-all-link:hover{color:#2563eb}.exam-history-list{display:flex;flex-direction:column;gap:15px}.exam-history-card{padding:20px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.exam-history-card:hover{transform:translate(5px);box-shadow:0 4px 20px #0000001a}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.exam-header h4{color:#1f2937;margin:0;font-size:1.1em;font-weight:600}.exam-score{font-weight:700;font-size:1.2em}.exam-details{display:flex;gap:20px;margin-bottom:10px;color:#6b7280;font-size:.9em}.exam-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85em}.incidents.clean{color:#10b981;font-weight:600}.incidents.flagged{color:#ef4444;font-weight:600}.achievements-list{display:flex;flex-direction:column;gap:15px}.achievement-card{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.achievement-card:hover{transform:translate(5px);box-shadow:0 4px 20px #0000001a}.achievement-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5em;color:#fff;font-weight:700}.achievement-content h4{color:#1f2937;margin:0 0 5px;font-size:1.1em;font-weight:600}.achievement-content p{color:#6b7280;margin:0 0 5px;font-size:.9em}.achievement-date{color:#9ca3af;font-size:.8em;font-style:italic}@media (max-width: 1200px){.profile-content{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.student-profile{padding:15px}.profile-header{flex-direction:column;gap:15px;text-align:center;padding:15px}.profile-header h1{font-size:2em}.edit-actions{flex-direction:column;width:100%}.info-grid,.stats-grid{grid-template-columns:1fr;gap:15px}.personal-info-card,.exam-history-section,.achievements-section{padding:20px}.exam-header,.exam-meta{flex-direction:column;align-items:flex-start;gap:5px}.achievement-card{flex-direction:column;text-align:center}}@media (max-width: 480px){.student-profile{padding:10px}.back-btn,.edit-btn,.save-btn,.cancel-btn{padding:10px 16px;font-size:.9em}.profile-image{width:100px;height:100px}.stat-card{padding:20px}.stat-icon{font-size:2em;width:50px;height:50px}.stat-info h3{font-size:1.5em}}.live-monitoring{min-height:100vh;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca,#6366f1,#818cf8);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:2rem;padding-top:calc(70px + 2rem);position:relative;overflow-x:hidden}.live-monitoring:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(124,58,237,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.live-monitoring>*{position:relative;z-index:1}.monitoring-header{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:24px;margin-bottom:2rem;box-shadow:0 10px 40px #1e1b4b14,0 4px 16px #1e1b4b0a,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.monitoring-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.8) 25%,rgba(124,58,237,.8) 50%,rgba(99,102,241,.8) 75%,transparent 100%)}.monitoring-header:hover{background:#fffffffa;transform:translateY(-2px);box-shadow:0 16px 50px #1e1b4b1f,0 8px 25px #1e1b4b0f,inset 0 1px #fff}.header-info{flex:1;min-width:300px}.back-link{color:#8b5cf6;font-weight:600;text-decoration:none;font-size:.95rem;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.back-link:hover{color:#7c3aed;transform:translate(-2px)}.header-info h1{background:linear-gradient(135deg,#1e1b4b,#312e81 30%,#4338ca 70%,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:.5rem 0;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}.exam-details{color:#64748b;font-size:1rem;font-weight:500;margin:.5rem 0 0}.exam-key{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.85rem;letter-spacing:.5px}.header-controls{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.time-remaining{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.time-remaining .label{color:#64748b;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.time-remaining .time{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-weight:700;font-size:1.5rem;font-family:Courier New,monospace;box-shadow:0 4px 12px #ef44444d}.auto-refresh label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#475569}.auto-refresh input{width:18px;height:18px;accent-color:#8b5cf6}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #1e1b4b0d,inset 0 1px #fffc}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:transform .4s ease;transform:scaleX(0);transform-origin:left}.stat-item:hover{transform:translateY(-6px) scale(1.02);background:#fffffff2;box-shadow:0 16px 48px #1e1b4b1f,0 8px 24px #8b5cf61a,inset 0 1px #fff}.stat-item:hover:before{transform:scaleX(1)}.stat-item.total:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-item.active:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-item.completed:before{background:linear-gradient(90deg,#6b7280,#4b5563)}.stat-item.flagged:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-item.progress:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffffe6;border:1px solid rgba(226,232,240,.6);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.stat-info h3{font-size:2.5rem;font-weight:800;color:#1e1b4b;margin:0 0 .25rem;line-height:1}.stat-info p{color:#64748b;font-size:.95rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.05em}.monitoring-content{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}.alerts-panel{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #1e1b4b14,0 4px 16px #1e1b4b0a,inset 0 1px #fffc;position:sticky;top:2rem;max-height:calc(100vh - 4rem);display:flex;flex-direction:column}.panel-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(226,232,240,.8);display:flex;justify-content:space-between;align-items:center}.panel-header h2{font-size:1.25rem;font-weight:700;color:#1e1b4b;margin:0}.alert-count{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.alerts-list{flex:1;padding:1.5rem 2rem 2rem;overflow-y:auto}.alert-item{background:#ffffffe6;border-left:4px solid;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;box-shadow:0 2px 8px #0000000d}.alert-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.alert-item.severity-high{border-left-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#dc262605)}.alert-item.severity-medium{border-left-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#d9770605)}.alert-item.severity-low{border-left-color:#6b7280;background:linear-gradient(135deg,#6b72800d,#4b556305)}.alert-content{flex:1}.alert-type{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;color:#8b5cf6}.alert-message{color:#374151;font-size:.9rem;font-weight:500;margin:0 0 .5rem;line-height:1.4}.alert-time{font-size:.75rem;color:#9ca3af;font-weight:500}.alert-actions{flex-shrink:0}.resolve-btn{width:32px;height:32px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.resolve-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.1)}.no-alerts{text-align:center;padding:2rem;color:#6b7280}.no-alerts p{font-size:1rem;margin:0}.students-panel{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);border-radius:24px;padding:2.5rem;box-shadow:0 10px 40px #1e1b4b14,0 4px 16px #1e1b4b0a,inset 0 1px #fffc}.students-panel .panel-header{padding:0 0 2rem;border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:2rem;flex-direction:column;align-items:stretch;gap:1.5rem}.students-panel .panel-header h2{font-size:1.5rem;margin-bottom:1rem}.panel-controls{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative}.search-box:before{content:"🔍";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#94a3b8}.filter-tabs{display:flex;gap:.5rem;background:#ffffffe6;padding:.5rem;border-radius:12px;border:1px solid rgba(226,232,240,.8)}.filter-tab{padding:.5rem 1rem;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background:#8b5cf61a;color:#8b5cf6}.filter-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.student-card{background:#ffffffe6;border:2px solid rgba(226,232,240,.6);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.student-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#6366f1);transform:scaleX(0);transition:transform .4s ease}.student-card:hover{transform:translateY(-6px);border-color:#8b5cf64d;background:#fffffff2;box-shadow:0 16px 48px #1e1b4b1f,0 8px 24px #8b5cf61a}.student-card:hover:before{transform:scaleX(1)}.student-card.active:before{background:linear-gradient(90deg,#10b981,#059669)}.student-card.completed:before{background:linear-gradient(90deg,#6b7280,#4b5563)}.student-card.flagged{border-color:#ef44444d}.student-card.flagged:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.student-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.student-info{flex:1}.student-info h3{font-size:1.25rem;font-weight:700;color:#1e1b4b;margin:0 0 .25rem;line-height:1.3}.student-id{font-size:.85rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.student-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px #0000001a}.status-text{font-size:.8rem;font-weight:600;text-transform:capitalize;color:#475569}.student-progress{margin-bottom:1.5rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.85rem;font-weight:600;color:#475569}.progress-bar{width:100%;height:8px;background:#e2e8f0cc;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px;transition:width .3s ease}.student-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-item .label{font-size:.7rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.meta-item .value{font-size:.9rem;font-weight:700;color:#1e293b}.meta-item .value.flagged{color:#ef4444}.student-flags{margin-bottom:1.5rem}.flag{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:.5rem}.flag.severity-high{background:#ef44441a;border-color:#ef444433}.flag.severity-medium{background:#f59e0b1a;border-color:#f59e0b33}.flag.severity-low{background:#6b72801a;border-color:#6b728033}.flag-type{font-size:.75rem;font-weight:600;text-transform:capitalize;color:#374151}.flag-time{font-size:.7rem;color:#9ca3af;font-weight:500}.student-actions{display:flex;gap:.75rem;justify-content:flex-end}.flag-btn,.view-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.flag-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.flag-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.1)}.view-btn{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.view-btn:hover{background:#6366f133;transform:scale(1.1)}.monitoring-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.monitoring-loading p{background:linear-gradient(135deg,#1e1b4b,#4338ca);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.2rem;font-weight:600;margin:0}.student-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.student-modal{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffffe6}.close-btn{width:40px;height:40px;border:none;background:#ef44441a;color:#ef4444;border-radius:12px;cursor:pointer;font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ef444433;transform:scale(1.1)}.modal-content{padding:2rem}.student-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.detail-section h3{font-size:1.25rem;font-weight:700;color:#1e1b4b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(139,92,246,.2)}.detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(226,232,240,.5)}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{font-weight:600;color:#64748b}.detail-item span:last-child{font-weight:500;color:#1e293b}.status.active{color:#10b981;font-weight:700;text-transform:capitalize}.status.completed{color:#6b7280;font-weight:700;text-transform:capitalize}.status.flagged{color:#ef4444;font-weight:700;text-transform:capitalize}.flags-section{margin-top:2rem}.flags-section h3{font-size:1.25rem;font-weight:700;color:#ef4444;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(239,68,68,.2)}.flags-list{display:flex;flex-direction:column;gap:1rem}.flag-detail{background:#ffffffe6;border-left:4px solid;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.flag-detail.severity-high{border-left-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#dc262605)}.flag-detail.severity-medium{border-left-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#d9770605)}.flag-detail.severity-low{border-left-color:#6b7280;background:linear-gradient(135deg,#6b72800d,#4b556305)}.flag-info{flex:1}.flag-detail .flag-type{font-size:.9rem;font-weight:700;color:#374151;display:block;margin-bottom:.5rem}.flag-detail .flag-time{font-size:.8rem;color:#9ca3af;font-weight:500}.flag-severity{padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.flag-severity.severity-high{background:#ef4444}.flag-severity.severity-medium{background:#f59e0b}.flag-severity.severity-low{background:#6b7280}.no-students{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#6b7280}.no-students p{font-size:1.1rem;margin:0}@media (max-width: 1200px){.monitoring-content{grid-template-columns:1fr;gap:2rem}.alerts-panel{position:static;max-height:none}}@media (max-width: 768px){.live-monitoring{padding:1rem;padding-top:calc(70px + 1rem)}.monitoring-header{flex-direction:column;align-items:stretch;gap:1.5rem;padding:2rem}.header-info h1{font-size:1.8rem}.header-controls{flex-direction:row;justify-content:space-between;align-items:center}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-item{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-info h3{font-size:2rem}.panel-controls{flex-direction:column;align-items:stretch;gap:1rem}.search-box{min-width:auto}.filter-tabs{overflow-x:auto;padding:.5rem}.students-grid{grid-template-columns:1fr;gap:1rem}.student-card{padding:1.5rem}.student-details-grid{grid-template-columns:1fr;gap:1.5rem}.student-modal{margin:1rem;max-height:calc(100vh - 2rem)}}@media (max-width: 480px){.monitoring-header{padding:1.5rem}.header-info h1{font-size:1.5rem}.time-remaining .time{font-size:1.2rem;padding:.5rem 1rem}.stat-item,.student-card{padding:1rem}.student-meta{grid-template-columns:1fr 1fr;gap:.75rem}.modal-header,.modal-content{padding:1.5rem}}.live-monitoring-list{padding:2rem;background:#f8fafc;min-height:100vh}.monitoring-list-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}.header-info h1{margin:0 0 .5rem;color:#1e293b;font-size:2rem;font-weight:600}.header-info p{margin:0;color:#64748b;font-size:1rem}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.monitoring-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.stat-icon{font-size:2rem}.stat-info h3{margin:0 0 .25rem;color:#1e293b;font-size:1.75rem;font-weight:700}.stat-info p{margin:0;color:#64748b;font-size:.9rem}.exams-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:600}.section-header p{margin:0;color:#64748b;font-size:1rem}.exams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.exam-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s;position:relative}.exam-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;border-color:#3b82f6}.exam-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.exam-info h3{margin:0 0 .5rem;color:#1e293b;font-size:1.1rem;font-weight:600}.course-code{margin:0 0 .25rem;color:#64748b;font-size:.9rem;font-weight:500}.exam-key{margin:0;color:#64748b;font-size:.85rem}.exam-key span{background:#3b82f6;color:#fff;padding:.2rem .5rem;border-radius:4px;font-family:monospace;font-weight:600}.exam-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:12px;height:12px;border-radius:50%}.status-text{font-size:.85rem;font-weight:500;color:#374151;text-transform:capitalize}.exam-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:8px}.metric{text-align:center}.metric .label{display:block;font-size:.75rem;color:#64748b;margin-bottom:.25rem;font-weight:500}.metric .value{display:block;font-size:1rem;font-weight:700;color:#1e293b}.metric .value.incidents{font-weight:600}.exam-timing{margin-bottom:1.5rem}.timing-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.time-remaining{font-size:.9rem;font-weight:600;color:#ef4444}.duration{font-size:.85rem;color:#64748b}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:4px;transition:width .3s ease}.exam-actions{display:flex;justify-content:space-between;align-items:center}.monitor-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s}.monitor-btn:hover{background:#059669;transform:translateY(-1px)}.incident-badge{display:flex;align-items:center;gap:.5rem;background:#fef3c7;color:#92400e;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500}.badge-icon{font-size:1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:600}.empty-state p{margin:0 0 2rem;color:#64748b;font-size:1rem}@media (max-width: 768px){.live-monitoring-list{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.monitoring-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.exams-container{padding:1.5rem}.exams-grid{grid-template-columns:1fr}.exam-metrics{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem}.timing-info{flex-direction:column;gap:.25rem}.exam-actions{flex-direction:column;gap:1rem;align-items:stretch}.monitor-btn{justify-content:center}}.student-management{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem;padding-top:calc(70px + 2rem)}.page-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 24px #00000014;border:1px solid #e2e8f0}.header-text h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#1e293b}.header-text p{margin:0;color:#64748b;font-size:1rem}.stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;min-width:140px;transition:all .2s ease}.stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-box.total{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.stat-box.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.stat-box.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.stat-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff3}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;line-height:1}.stat-label{font-size:.875rem;opacity:.9;font-weight:500}.action-boxes-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 24px #00000014;border:1px solid #e2e8f0}.action-boxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.action-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease;cursor:pointer}.action-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.action-box-icon{font-size:2rem;margin-bottom:1rem}.action-box h3{margin:0 0 .5rem;font-size:1.1rem;color:#1e293b;font-weight:600}.action-box p{margin:0 0 1rem;color:#64748b;font-size:.875rem}.action-box-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.action-box-btn:hover{background:#2563eb;transform:translateY(-1px)}.action-box-btn.primary{background:#3b82f6}.action-box-btn.secondary{background:#64748b}.action-box-btn.success{background:#10b981}.action-box-btn.warning{background:#f59e0b}.filters-section{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 24px #00000014;border:1px solid #e2e8f0;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s ease}.students-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;border:1px solid #e2e8f0}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.table-header h2{margin:0;font-size:1.5rem;font-weight:600}.table-stats{display:flex;gap:1rem;font-size:.9rem}.total-count{background:#fff3;padding:.5rem 1rem;border-radius:20px}.active-count{background:#10b9814d;padding:.5rem 1rem;border-radius:20px}.modern-table-wrapper{overflow-x:auto}.modern-students-table{width:100%;border-collapse:collapse;background:#fff}.modern-students-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.modern-students-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.modern-students-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.modern-students-table tbody tr:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.avatar-cell{padding:1rem 1.5rem;text-align:center}.student-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem;box-shadow:0 4px 12px #3b82f64d}.student-details{padding:1rem 1.5rem}.student-name{font-weight:600;color:#1e293b;font-size:1rem;margin-bottom:.25rem}.student-id{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.roll-number{color:#94a3b8;font-size:.8rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:12px;display:inline-block}.contact-info{padding:1rem 1.5rem}.email-wrapper,.phone-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.email-wrapper:last-child,.phone-wrapper:last-child{margin-bottom:0}.email-icon,.phone-icon{font-size:.875rem}.email-text{color:#1e293b;font-size:.875rem}.phone-text{color:#64748b;font-size:.875rem}.academic-info{padding:1rem 1.5rem}.course-info,.semester-info,.batch-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.course-info:last-child,.semester-info:last-child,.batch-info:last-child{margin-bottom:0}.course-icon,.semester-icon,.batch-icon{font-size:.875rem}.course-info span,.semester-info span,.batch-info span{font-size:.875rem;color:#475569}.status-cell{padding:1rem 1.5rem}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;width:fit-content}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#dc2626}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.actions-cell{padding:1rem 1.5rem}.action-buttons{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.875rem}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.edit-btn{background:#eff6ff;color:#1d4ed8}.edit-btn:hover{background:#1d4ed8;color:#fff}.send-btn{background:#f0fdf4;color:#16a34a}.send-btn:hover{background:#16a34a;color:#fff}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#dc2626;color:#fff}.no-data-state{text-align:center;padding:4rem 2rem}.no-data-content{max-width:400px;margin:0 auto}.no-data-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-data-content h3{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}.no-data-content p{color:#64748b;margin-bottom:2rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.loading-state{text-align:center;padding:4rem 2rem;color:#64748b}.modern-spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem;background:#fff;border-top:1px solid #e2e8f0}.btn{padding:.75rem 1.5rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;font-weight:500}.btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.page-info{color:#64748b;font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 16px 16px}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb;color:#1f2937}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.student-management{padding:1rem;padding-top:calc(70px + 1rem)}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-stats{justify-content:center;flex-wrap:wrap}.filters-section{flex-direction:column}.search-box{min-width:100%}.table-header{flex-direction:column;gap:1rem;text-align:center}.modern-students-table{font-size:.875rem}.modern-students-table th,.modern-students-table td{padding:.75rem 1rem}.student-avatar{width:40px;height:40px;font-size:1rem}.action-buttons{flex-direction:column}.action-btn{width:32px;height:32px}}.add-student-box:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.bulk-upload-box:before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.export-box:before{background:linear-gradient(90deg,#10b981,#059669)}.export-options{display:flex;flex-direction:column;gap:2rem}.format-options{display:flex;flex-direction:column;gap:1rem}.radio-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease}.radio-option:hover{border-color:#3b82f6;background-color:#f8fafc}.radio-option input[type=radio]{margin:0;margin-top:.25rem}.radio-option input[type=radio]:checked+.radio-label{color:#3b82f6}.radio-label{display:flex;align-items:flex-start;gap:1rem;flex:1;cursor:pointer}.format-icon{font-size:1.5rem;margin-top:.25rem}.radio-label strong{display:block;margin-bottom:.25rem;color:#1f2937}.radio-label small{color:#6b7280;font-size:.875rem;line-height:1.4}.filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-row{display:flex;flex-direction:column;gap:.5rem}.filter-row label{font-weight:600;color:#374151;font-size:.875rem}.filter-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.export-info{margin-top:1rem}.info-box{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.info-icon{font-size:1.25rem;margin-top:.125rem}.info-box strong{display:block;margin-bottom:.5rem;color:#0c4a6e}.info-box p{color:#0c4a6e;font-size:.875rem;line-height:1.5;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;margin-top:1.5rem}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-icon{font-size:1rem}@media (max-width: 768px){.filter-options{grid-template-columns:1fr}.radio-label{flex-direction:column;text-align:center}.modal-footer{flex-direction:column}.btn-success{justify-content:center}}.analytics-modal{max-width:1200px;width:95vw;max-height:90vh;overflow-y:auto}.analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.overview-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.overview-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.overview-card.total{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.overview-card.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.overview-card.inactive{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.overview-card.growth{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.card-icon{font-size:2rem;opacity:.8}.card-content h3{font-size:2rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.card-content p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.chart-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.chart-content{min-height:200px}.distribution-list{display:flex;flex-direction:column;gap:.75rem}.distribution-item{display:flex;align-items:center;gap:1rem}.distribution-item .label{min-width:120px;font-size:.875rem;color:#374151;font-weight:500}.distribution-item .progress-bar{flex:1;height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden}.distribution-item .progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.distribution-item .count{min-width:40px;text-align:right;font-weight:600;color:#1f2937;font-size:.875rem}.gender-stats{display:flex;flex-direction:column;gap:1rem}.gender-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.gender-icon{font-size:1.5rem}.gender-info{flex:1;display:flex;justify-content:space-between;align-items:center}.gender-label{font-weight:500;color:#374151}.gender-count{font-weight:600;color:#1f2937;font-size:1.125rem}.growth-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:1rem 0}.growth-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.growth-bar-container{width:30px;height:150px;background:#f3f4f6;border-radius:4px;overflow:hidden;position:relative}.growth-fill{width:100%;background:linear-gradient(to top,#3b82f6,#1d4ed8);border-radius:4px;transition:height .5s ease;position:absolute;bottom:0}.growth-label{font-size:.75rem;color:#6b7280;font-weight:500}.growth-value{font-size:.875rem;font-weight:600;color:#1f2937}.recent-registrations{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.recent-registrations h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.registrations-list{display:flex;flex-direction:column;gap:1rem}.registration-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}.registration-item:hover{background:#f3f4f6;border-color:#d1d5db}.registration-item .student-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.registration-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.student-name{font-weight:600;color:#1f2937}.student-email{font-size:.875rem;color:#6b7280}.student-course{font-size:.875rem;color:#059669;font-weight:500}.registration-date{font-size:.875rem;color:#6b7280;font-weight:500}.no-data{text-align:center;color:#6b7280;font-style:italic;padding:2rem;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}@media (max-width: 768px){.analytics-overview{grid-template-columns:repeat(2,1fr);gap:1rem}.charts-grid{grid-template-columns:1fr}.growth-chart{height:150px}.growth-bar-container{height:100px;width:20px}.distribution-item{flex-direction:column;align-items:flex-start;gap:.5rem}.distribution-item .label{min-width:auto}.registration-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.analytics-overview{grid-template-columns:1fr}.overview-card{padding:1rem}.card-content h3{font-size:1.5rem}.chart-card{padding:1rem}}.upload-modal{max-width:800px;width:95vw}.upload-content{display:flex;flex-direction:column;gap:2rem}.upload-instructions{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:2rem;margin-bottom:1rem}.upload-instructions h3{font-size:1.25rem;font-weight:700;color:#0c4a6e;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.requirements-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.requirement-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fffc;border-radius:8px;border:1px solid rgba(219,234,254,.5)}.req-icon{font-size:1.125rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.requirement-item:nth-child(2) .req-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.requirement-item:nth-child(3) .req-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.requirement-item:nth-child(4) .req-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sample-format{background:#dbeafe4d;border:1px dashed #0ea5e9;border-radius:8px;padding:1rem}.sample-format h4{font-size:1rem;font-weight:600;color:#0c4a6e;margin:0 0 .75rem}.sample-format pre{background:#fff;border:1px solid #e0e7ff;border-radius:6px;padding:1rem;font-size:.875rem;color:#1e293b;overflow-x:auto;margin:0;font-family:Courier New,monospace;line-height:1.5}.upload-area{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.upload-area:hover{border-color:#3b82f6;background:#f8fafc}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;padding:2rem;border-radius:8px;transition:all .3s ease;width:100%}.upload-label:hover{background:#3b82f60d}.upload-icon{font-size:3rem;color:#6b7280;margin-bottom:.5rem}.upload-text h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.upload-text p{font-size:.875rem;color:#6b7280;margin:0 0 .5rem}.file-size{font-size:.75rem;color:#9ca3af;font-weight:500}.selected-file{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;width:100%;box-sizing:border-box}.file-info{display:flex;align-items:center;gap:.75rem}.file-name{font-weight:600;color:#0c4a6e;font-size:.875rem}.file-size{color:#0284c7;font-size:.75rem;font-weight:500}.remove-file{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.remove-file:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.progress-container{width:100%;margin:1rem 0}.progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{text-align:center;font-size:.875rem;font-weight:600;color:#1f2937;margin-top:.5rem}.upload-results{padding:1rem;border-radius:8px;margin:1rem 0}.upload-results.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.upload-results.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.success-message,.error-message{display:flex;align-items:flex-start;gap:1rem}.result-icon{font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.success-message .result-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.error-message .result-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.result-details h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.success-message .result-details h4{color:#065f46}.error-message .result-details h4{color:#991b1b}.result-details p{font-size:.875rem;margin:0 0 .5rem}.success-message .result-details p{color:#047857}.error-message .result-details p{color:#b91c1b}.warning{color:#d97706;font-weight:500}.error-list{display:flex;flex-direction:column;gap:.5rem}.error-item{font-size:.875rem;color:#b91c1b;line-height:1.4}.upload-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.upload-modal{max-width:95vw;width:95vw}.upload-instructions,.upload-area,.upload-label{padding:1.5rem}.upload-icon{font-size:2.5rem}.upload-text h4{font-size:1rem}.upload-text p{font-size:.8rem}.sample-format pre{font-size:.75rem;padding:.75rem}.selected-file{flex-direction:column;gap:.75rem;align-items:stretch}.file-info{justify-content:center}.upload-actions{flex-direction:column}}@media (max-width: 480px){.upload-instructions{padding:1rem}.upload-instructions h3{font-size:1.125rem}.upload-area,.upload-label{padding:1rem}.upload-icon{font-size:2rem}.upload-text h4{font-size:.875rem}.upload-text p{font-size:.75rem}.sample-format{padding:.75rem}.sample-format h4{font-size:.875rem}.sample-format pre{font-size:.625rem;padding:.5rem}.requirement-item{padding:.5rem;font-size:.8rem}.req-icon{width:20px;height:20px;font-size:.875rem}}.bulk-upload{padding:2rem;background:#f8fafc;min-height:100vh}.upload-container{display:grid;gap:2rem}.upload-section{display:grid;gap:1.5rem}.instructions-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.instructions-card h3{margin:0 0 1rem;color:#1e293b;font-size:1.25rem}.instructions-card ul{margin:0 0 1.5rem;padding-left:1.5rem;color:#64748b}.instructions-card li{margin-bottom:.5rem}.upload-zone{position:relative;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:3rem;text-align:center;transition:all .3s ease;cursor:pointer}.upload-zone:hover,.upload-zone.drag-active{border-color:#3b82f6;background:#f0f9ff}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:3rem;color:#64748b}.upload-prompt h3{margin:0;color:#1e293b;font-size:1.25rem}.upload-prompt p{margin:0;color:#64748b}.file-selected{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px}.file-info{display:flex;align-items:center;gap:1rem}.file-icon{font-size:2rem}.file-details h4{margin:0 0 .25rem;color:#1e293b;font-size:1rem}.file-details p{margin:0;color:#64748b;font-size:.875rem}.upload-actions{display:flex;gap:1rem;justify-content:center}.preview-section,.results-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.preview-section h3,.results-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem}.preview-table{overflow-x:auto;margin-bottom:1rem}.preview-table table{width:100%;border-collapse:collapse;min-width:600px}.preview-table th{background:#f8fafc;padding:.75rem;text-align:left;font-weight:600;color:#374151;border:1px solid #e2e8f0}.preview-table td{padding:.75rem;border:1px solid #e2e8f0;color:#374151}.preview-note{margin:0;color:#64748b;font-size:.875rem;font-style:italic}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.result-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;border:2px solid}.result-card.success{border-color:#dcfce7;background:#f0fdf4}.result-card.error{border-color:#fecaca;background:#fef2f2}.result-card.info{border-color:#dbeafe;background:#eff6ff}.result-icon{font-size:2rem}.result-info h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.result-info p{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.error-details{margin-bottom:2rem}.error-details h4{margin:0 0 1rem;color:#dc2626;font-size:1rem}.error-list{background:#fef2f2;border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto}.error-item{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.875rem}.error-line{font-weight:600;color:#dc2626;min-width:60px}.error-message{color:#374151}.more-errors{margin:1rem 0 0;color:#64748b;font-style:italic;text-align:center}.results-actions{display:flex;gap:1rem;justify-content:center}.btn-icon{padding:.5rem;border:none;background:none;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:1.2rem}.btn-icon.delete:hover{background:#fef2f2}@media (max-width: 768px){.bulk-upload{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.upload-zone{padding:2rem 1rem}.upload-actions,.results-actions{flex-direction:column}.results-grid{grid-template-columns:1fr}.file-selected{flex-direction:column;gap:1rem;text-align:center}}.reports{padding:2rem;background:#f8fafc;min-height:100vh}.report-container{display:grid;gap:2rem}.report-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.form-section{padding:1.5rem}.form-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem}.form-select,.form-input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s;background:#fff}.form-select:focus,.form-input:focus{outline:none;border-color:#3b82f6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff50;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;text-decoration:none;justify-content:center}.btn-primary{background:#3b82f6;color:#fff;width:100%}.report-preview{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.preview-header h3{margin:0;color:#1e293b;font-size:1.25rem}.download-options{display:flex;gap:.5rem}.report-summary{margin-bottom:2rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.card-icon{font-size:2rem}.card-content h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.card-content p{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.report-charts{margin-bottom:2rem}.chart-section h4{margin:0 0 1rem;color:#1e293b;font-size:1rem}.chart-placeholder{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;padding:3rem;text-align:center;color:#64748b}.chart-placeholder p{margin:.5rem 0;font-size:1rem}.report-data{margin-bottom:1rem}.report-data h4{margin:0 0 1rem;color:#1e293b;font-size:1rem}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse;min-width:600px}.data-table th{background:#f8fafc;padding:.75rem;text-align:left;font-weight:600;color:#374151;border:1px solid #e2e8f0;text-transform:capitalize}.data-table td{padding:.75rem;border:1px solid #e2e8f0;color:#374151}.data-table tr:hover{background:#f8fafc}.table-note{margin:1rem 0 0;color:#64748b;font-size:.875rem;font-style:italic;text-align:center}.no-data{text-align:center;color:#6b7280;font-style:italic;padding:2rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}@media (max-width: 768px){.reports{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.form-row,.summary-cards{grid-template-columns:1fr}.download-options{flex-direction:column}.preview-header{flex-direction:column;gap:1rem;align-items:stretch}.data-table{font-size:.875rem}}.settings{padding:2rem;background:#f8fafc;min-height:100vh}.settings.loading{display:flex;align-items:center;justify-content:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.page-header h1{margin:0 0 .5rem;color:#1e293b;font-size:2rem;font-weight:600}.page-header p{margin:0;color:#64748b;font-size:1rem}.header-actions{display:flex;gap:1rem}.settings-container{display:grid;grid-template-columns:250px 1fr;gap:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.settings-nav{background:#f8fafc;padding:1.5rem 0;border-right:1px solid #e2e8f0}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s;color:#64748b;font-weight:500}.nav-item:hover{background:#e2e8f0;color:#374151}.nav-item.active{background:#3b82f6;color:#fff}.nav-icon{font-size:1.2rem}.settings-content{padding:2rem}.settings-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem;font-weight:600}.section-note{margin:0 0 1.5rem;color:#64748b;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:auto;margin:0}.form-input,.form-select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;text-decoration:none}.btn-secondary{background:#64748b;color:#fff}.btn-secondary:hover{background:#475569;transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid #e2e8f0;color:#64748b}.btn-outline:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f9ff}.btn:disabled{background:#e2e8f0;color:#9ca3af;cursor:not-allowed;transform:none}.btn .loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff50;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.icon{font-size:1em}@media (max-width: 768px){.settings{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:space-between}.settings-container{grid-template-columns:1fr;gap:0}.settings-nav{display:flex;overflow-x:auto;padding:1rem;border-right:none;border-bottom:1px solid #e2e8f0}.nav-item{white-space:nowrap;padding:.5rem 1rem;margin-right:.5rem;border-radius:8px;flex-shrink:0}.settings-content{padding:1.5rem}.form-group.checkbox label{flex-direction:column;align-items:flex-start;gap:.25rem}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.loading-spinner{text-align:center;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner p{color:#6b7280;font-weight:500;margin:0}.coding-questions{min-height:100vh;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca,#6366f1,#818cf8);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:2rem;padding-top:calc(70px + 2rem);position:relative;overflow-x:hidden}.coding-questions:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(124,58,237,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.coding-questions>*{position:relative;z-index:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.page-header{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:24px;margin-bottom:2rem;box-shadow:0 10px 40px #1e1b4b14,0 4px 16px #1e1b4b0a,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.8) 25%,rgba(124,58,237,.8) 50%,rgba(99,102,241,.8) 75%,transparent 100%)}.page-header:hover{background:#fffffffa;transform:translateY(-2px);box-shadow:0 16px 50px #1e1b4b1f,0 8px 25px #1e1b4b0f,inset 0 1px #fff}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-text h1{background:linear-gradient(135deg,#1e1b4b,#312e81 30%,#4338ca 70%,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;font-size:2.5rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}.header-text p{color:#64748b;font-size:1.1rem;font-weight:500;margin:0}.header-stats{display:flex;gap:1.5rem}.stat-box{background:#ffffffe6;border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-box:hover{transform:translateY(-4px);background:#fffffff2;border-color:#8b5cf64d;box-shadow:0 12px 32px #1e1b4b1a}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#8b5cf61a,#6366f114);border:1px solid rgba(139,92,246,.2)}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:1.75rem;font-weight:700;color:#1e1b4b;line-height:1}.stat-label{font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.action-boxes-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:24px;margin-bottom:2rem;box-shadow:0 10px 40px #1e1b4b14,0 4px 16px #1e1b4b0a,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-boxes-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.8) 25%,rgba(124,58,237,.8) 50%,rgba(99,102,241,.8) 75%,transparent 100%)}.action-boxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-box{background:#ffffffe6;border:2px solid rgba(226,232,240,.6);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #1e1b4b0d,inset 0 1px #fffc}.action-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:transform .4s ease;transform:scaleX(0);transform-origin:left}.action-box:hover{transform:translateY(-8px) scale(1.02);border-color:#8b5cf64d;background:#fffffff2;box-shadow:0 20px 60px #1e1b4b26,0 8px 25px #8b5cf61a,inset 0 1px #fff}.action-box:hover:before{transform:scaleX(1)}.action-box-icon{font-size:3rem;margin-bottom:1.5rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.action-box-content h3{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e1b4b,#4338ca);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .75rem;line-height:1.2}.action-box-content p{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;font-weight:500}.action-box-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:.95rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.01em;box-shadow:0 2px 8px #0000001a}.action-box-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-box-btn:hover:before{left:100%}.action-box-btn:hover{transform:translateY(-2px) scale(1.05)}.btn-icon{font-size:1.1rem}.action-box-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:1px solid rgba(255,255,255,.1)}.action-box-btn.primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 25px #8b5cf666}.action-box-btn.secondary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:1px solid rgba(255,255,255,.1)}.action-box-btn.secondary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 8px 25px #6366f166}.action-box-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid rgba(255,255,255,.1)}.action-box-btn.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b66}.action-box-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.1)}.action-box-btn.success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166}.create-question-box:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.templates-box:before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.import-box:before{background:linear-gradient(90deg,#10b981,#059669)}.analytics-box:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.filters-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 8px 32px #1e1b4b0f,0 4px 16px #1e1b4b08,inset 0 1px #fffc}.filters-content{display:flex;gap:1.5rem;align-items:center}.search-box{flex:1;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#94a3b8}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid rgba(226,232,240,.8);border-radius:12px;font-size:1rem;background:#ffffffe6;transition:all .3s ease}.search-input:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px #8b5cf61a}.filter-controls{display:flex;gap:1rem}.filter-select{padding:1rem 1.5rem;border:2px solid rgba(226,232,240,.8);border-radius:12px;background:#ffffffe6;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.questions-section{background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.8);padding:2.5rem;border-radius:24px;box-shadow:0 10px 40px #1e1b4b14,0 4px 16px #1e1b4b0a,inset 0 1px #fffc;transition:all .3s ease}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.question-card{background:#ffffffe6;border:2px solid rgba(226,232,240,.6);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#6366f1);transform:scaleX(0);transition:transform .4s ease}.question-card:hover{transform:translateY(-6px);border-color:#8b5cf64d;background:#fffffff2;box-shadow:0 16px 48px #1e1b4b1f,0 8px 24px #8b5cf61a}.question-card:hover:before{transform:scaleX(1)}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.question-header h3{font-size:1.25rem;font-weight:700;color:#1e1b4b;margin:0;line-height:1.3;flex:1}.question-badges{display:flex;gap:.5rem;flex-shrink:0}.difficulty-badge{padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:#fff;letter-spacing:.5px}.category-badge{background:#e2e8f0;color:#475569;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.question-description{margin-bottom:1.5rem}.question-description p{color:#64748b;font-size:.95rem;line-height:1.5;margin:0}.question-meta{margin-bottom:1.5rem}.meta-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b;font-weight:500}.meta-icon{font-size:1rem}.question-languages{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.language-tag{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600}.question-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn-small{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(226,232,240,.8);border-radius:8px;background:#ffffffe6;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn-small:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-1px)}.action-btn-small.edit:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e}.action-btn-small.delete:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-state h3{font-size:1.5rem;font-weight:700;color:#374151;margin:0 0 1rem}.empty-state p{font-size:1rem;color:#6b7280;margin:0 0 2rem;max-width:400px}.create-first-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.create-first-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(139,92,246,.2);border-top:4px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}.loading-state h2{background:linear-gradient(135deg,#1e1b4b,#4338ca);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;font-weight:700;margin:0 0 1rem}.loading-state p{color:#64748b;font-size:1.1rem;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.large-modal{max-width:900px;width:100%;max-height:95vh;overflow-y:auto}.modal-content{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffffe6}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(226,232,240,.8)}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1e1b4b;margin:0}.close-btn{width:32px;height:32px;border:none;background:#ef44441a;color:#ef4444;border-radius:8px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ef444433}.modal-body{padding:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;border-top:1px solid rgba(226,232,240,.8)}.btn-cancel{padding:.75rem 1.5rem;border:2px solid rgba(226,232,240,.8);background:#ffffffe6;color:#64748b;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{border-color:#94a3b8;color:#475569}.btn-create{padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-create:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-create:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.btn-create:disabled:hover{transform:none;box-shadow:none}.form-section{margin-bottom:2rem;padding:2rem;background:#f8fafccc;border-radius:16px;border:1px solid rgba(226,232,240,.6)}.form-section h3{font-size:1.25rem;font-weight:700;color:#1e1b4b;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(139,92,246,.2);display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#374151;font-size:.9rem}.form-input,.form-select,.form-textarea{padding:.75rem 1rem;border:2px solid rgba(226,232,240,.8);border-radius:8px;font-size:.95rem;background:#ffffffe6;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{resize:vertical;min-height:80px}.code-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;background:#1e293b;color:#e2e8f0;border:2px solid #374151;border-radius:8px;padding:1rem;resize:vertical;min-height:200px}.code-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem;background:#fffc;border:2px solid rgba(226,232,240,.6);border-radius:8px;transition:all .3s ease}.checkbox-label:hover{background:#fffffff2;border-color:#8b5cf666;transform:translateY(-1px)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#8b5cf6}.checkbox-label span{font-weight:600;color:#374151;font-size:.85rem}.example-card,.test-case-card{background:#ffffffe6;border:2px solid rgba(226,232,240,.6);border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.example-card:hover,.test-case-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 12px #8b5cf61a}.example-header,.test-case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(226,232,240,.8)}.example-header h4,.test-case-header h4{font-size:1rem;font-weight:600;color:#1e1b4b;margin:0}.test-case-controls{display:flex;align-items:center;gap:1rem}.example-grid,.test-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.example-grid .form-group.full-width,.test-case-grid .form-group.full-width{grid-column:1 / -1}.remove-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease}.remove-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-top:1rem}.add-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.starter-code-tabs{display:flex;flex-direction:column;gap:1.5rem}.starter-code-section{background:#ffffff80;border-radius:12px;padding:1.5rem;border:2px solid rgba(226,232,240,.6)}.starter-code-section h4{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:8px;display:inline-block}.notification-settings{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#8b5cf60d,#6366f108);border:2px solid rgba(139,92,246,.2);border-radius:16px}.notification-settings h3{color:#8b5cf6;margin-bottom:1rem}.notification-info p{color:#374151;font-size:.95rem;margin-bottom:1rem}.notification-info ul{list-style:none;padding:0;margin:1rem 0}.notification-info li{padding:.5rem 0;color:#374151;font-weight:500}.notification-preview{background:#fffc;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:1rem;margin-top:1rem;font-style:italic;color:#6b7280}.action-btn-small.publish{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.action-btn-small.publish:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#047857;transform:translateY(-1px) scale(1.05)}@media (max-width: 768px){.coding-questions{padding:1rem;padding-top:calc(70px + 1rem)}.header-content{flex-direction:column;align-items:stretch;gap:1.5rem}.header-stats{flex-wrap:wrap;justify-content:center;gap:1rem}.stat-box{min-width:100px;padding:1rem}.action-boxes-grid{grid-template-columns:1fr;gap:1rem}.filters-content{flex-direction:column;gap:1rem}.questions-grid{grid-template-columns:1fr;gap:1rem}.question-header{flex-direction:column;align-items:stretch;gap:.75rem}.question-actions{gap:.5rem}.action-btn-small{font-size:.75rem;padding:.4rem .8rem}}@media (max-width: 480px){.header-text h1{font-size:2rem}.action-box{padding:1.5rem}.action-box-icon{font-size:2.5rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.large-modal{max-width:95vw}.modal-header,.modal-body,.modal-footer{padding:1rem}.form-section{padding:1.5rem;margin-bottom:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-group.full-width{grid-column:1}.languages-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.checkbox-label{padding:.5rem;font-size:.8rem}.example-grid,.test-case-grid{grid-template-columns:1fr;gap:.75rem}.example-grid .form-group.full-width,.test-case-grid .form-group.full-width{grid-column:1}.code-textarea{min-height:150px;font-size:.8rem}.notification-settings{padding:1.5rem}.add-btn{padding:.6rem 1.25rem;font-size:.85rem}.btn-create,.btn-cancel{padding:.75rem 1.25rem;font-size:.9rem}}.coding-exam-publish-container{max-width:1200px;margin:0 auto;padding:20px;background:#f8fafc;min-height:100vh}.publish-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.back-btn{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:5px}.back-btn:hover{background:#4b5563;transform:translate(-2px)}.publish-header h1{margin:0;color:#1f2937;font-size:28px;font-weight:700}.question-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden}.preview-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.preview-header h2{margin:0;font-size:20px;font-weight:600}.preview-content{padding:25px}.question-info h3{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:15px}.question-info p{color:#4b5563;line-height:1.6;margin-bottom:20px;font-size:16px}.question-meta{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.difficulty-badge,.category-badge,.points-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.easy{background:#22c55e;color:#fff}.difficulty-badge.medium{background:#f59e0b;color:#fff}.difficulty-badge.hard{background:#ef4444;color:#fff}.difficulty-badge.expert{background:#8b5cf6;color:#fff}.category-badge{background:#3b82f6;color:#fff}.points-badge{background:#10b981;color:#fff}.supported-languages{color:#374151;font-weight:500}.language-tag{background:#e5e7eb;color:#374151;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px;display:inline-block}.publish-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.form-section{padding:30px;border-bottom:1px solid #e5e7eb}.form-section:last-child{border-bottom:none}.form-section h2{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:25px;display:flex;align-items:center;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-weight:600;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.language-checkboxes{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#374151;font-weight:500}.checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:10px}.eligibility-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#374151;font-weight:500}.radio-label input[type=radio]{margin:0;width:16px;height:16px}.student-selection{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-top:15px}.selection-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.selection-count{color:#6b7280;font-size:14px;font-weight:500}.student-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;max-height:300px;overflow-y:auto}.student-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.student-item:hover{background:#f3f4f6;border-color:#d1d5db}.student-item input[type=checkbox]{margin:0;width:16px;height:16px}.student-info{display:flex;flex-direction:column;gap:4px}.student-name{color:#1f2937;font-weight:600;font-size:14px}.student-id{color:#6b7280;font-size:12px;font-family:monospace}.student-course{color:#3b82f6;font-size:12px;font-weight:500}.form-actions{padding:30px;background:#f9fafb;display:flex;justify-content:flex-end;gap:15px;border-top:1px solid #e5e7eb}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:12px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin .8s linear infinite}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.error-message h2{color:#ef4444;font-size:24px;margin-bottom:10px}.error-message p{color:#6b7280;margin-bottom:20px}@media (max-width: 768px){.coding-exam-publish-container{padding:15px}.form-row{grid-template-columns:1fr;gap:15px}.publish-header{flex-direction:column;align-items:flex-start;gap:15px}.question-meta{gap:8px}.language-checkboxes{gap:10px}.student-list{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:10px}.btn{justify-content:center}}.coding-exam-container{height:100vh;background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.proctoring-setup-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#0f172a;color:#e2e8f0}.loading-spinner{width:50px;height:50px;border:4px solid #1e293b;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen h2{color:#f1f5f9;margin-bottom:10px}.loading-screen p{color:#94a3b8}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:40px}.error-screen h2{color:#ef4444;margin-bottom:15px}.error-screen p{color:#94a3b8;margin-bottom:25px}.exam-header{background:#1e293b;border-bottom:1px solid #334155;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.exam-info h1{color:#f1f5f9;font-size:24px;font-weight:700;margin:0 0 8px}.exam-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.course{background:#1e40af;color:#dbeafe;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.difficulty-badge{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge[data-difficulty=easy]{background:#065f46;color:#a7f3d0}.difficulty-badge[data-difficulty=medium]{background:#92400e;color:#fde68a}.difficulty-badge[data-difficulty=hard]{background:#991b1b;color:#fecaca}.difficulty-badge[data-difficulty=expert]{background:#5b21b6;color:#ddd6fe}.points{background:#065f46;color:#a7f3d0;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.exam-controls{display:flex;align-items:center;gap:20px}.time-display{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace;padding:10px 16px;background:#0f172a99;border-radius:12px;border:1px solid #334155}.time-icon{font-size:20px}.action-buttons{display:flex;gap:12px}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;border:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:#3b82f6;color:#fff;border:1px solid #2563eb}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#64748b;color:#fff;border:1px solid #475569}.btn-secondary:hover:not(:disabled){background:#475569;transform:translateY(-1px)}.btn-success{background:#10b981;color:#fff;border:1px solid #059669}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-sm{padding:8px 16px;font-size:13px}.exam-content{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.problem-panel{background:#1e293b;border-right:1px solid #334155;display:flex;flex-direction:column}.panel-tabs{display:flex;background:#334155;border-bottom:1px solid #475569}.tab-button{flex:1;padding:12px 16px;background:transparent;border:none;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab-button:hover{background:#475569;color:#f1f5f9}.tab-button.active{background:#1e293b;color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{flex:1;overflow-y:auto;padding:20px}.problem-content h2{color:#f1f5f9;font-size:22px;font-weight:700;margin-bottom:16px}.problem-description{color:#cbd5e1;line-height:1.6;margin-bottom:24px}.constraints-section{margin-bottom:24px}.constraints-section h3{color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:12px}.constraints-section ul{color:#cbd5e1;padding-left:20px}.constraints-section li{margin-bottom:4px}.sample-cases{margin-bottom:24px}.sample-cases h3{color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:16px}.sample-case{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:16px;margin-bottom:16px}.sample-case h4{color:#94a3b8;font-size:13px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sample-input,.sample-output{background:#020617;border:1px solid #1e293b;border-radius:6px;padding:12px;font-family:JetBrains Mono,monospace;font-size:14px;color:#e2e8f0;margin-bottom:12px;overflow-x:auto;white-space:pre-wrap}.results-content h3{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:20px}.no-results{text-align:center;color:#94a3b8;padding:40px}.test-results{display:flex;flex-direction:column;gap:20px}.results-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.summary-stat{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center}.stat-label{color:#94a3b8;font-size:14px;font-weight:500}.stat-value{font-size:20px;font-weight:700;color:#f1f5f9}.stat-value.success{color:#22c55e}.stat-value.error{color:#ef4444}.test-cases-results{display:flex;flex-direction:column;gap:12px}.test-case-result{background:#0f172a;border:1px solid #334155;border-radius:8px;overflow:hidden}.test-case-result.passed{border-left:4px solid #22c55e}.test-case-result.failed{border-left:4px solid #ef4444}.test-case-header{background:#1e293b;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.result-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.result-badge.passed{background:#064e3b;color:#a7f3d0}.result-badge.failed{background:#7f1d1d;color:#fecaca}.test-case-details{padding:16px}.detail-item{margin-bottom:16px}.detail-item:last-child{margin-bottom:0}.detail-item strong{display:block;color:#94a3b8;font-size:13px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.detail-item pre{background:#020617;border:1px solid #1e293b;border-radius:6px;padding:12px;font-family:JetBrains Mono,monospace;font-size:14px;color:#e2e8f0;overflow-x:auto;white-space:pre-wrap}.detail-item.error strong{color:#ef4444}.detail-item.error pre{border-color:#dc2626;background:#450a0a}.console-content h3{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:20px}.console-section{display:flex;flex-direction:column;gap:20px}.input-section label,.output-section label{display:block;color:#94a3b8;font-size:14px;font-weight:500;margin-bottom:8px}.input-section textarea{width:100%;background:#020617;border:1px solid #334155;border-radius:6px;padding:12px;color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:14px;resize:vertical;min-height:100px;margin-bottom:12px}.input-section textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.console-output{background:#020617;border:1px solid #334155;border-radius:6px;padding:12px;font-family:JetBrains Mono,monospace;font-size:14px;color:#e2e8f0;min-height:120px;white-space:pre-wrap;overflow-x:auto}.editor-panel{background:#0f172a;display:flex;flex-direction:column}.editor-toolbar{background:#1e293b;border-bottom:1px solid #334155;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.language-selector,.editor-settings{display:flex;align-items:center;gap:8px}.language-selector label,.editor-settings label{color:#94a3b8;font-size:14px;font-weight:500}.language-selector select,.editor-settings select{background:#334155;border:1px solid #475569;border-radius:6px;padding:6px 12px;color:#e2e8f0;font-size:14px;min-width:120px}.language-selector select:focus,.editor-settings select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.editor-settings{display:flex;gap:12px}.save-status{font-size:13px;font-weight:500}.save-status .unsaved{color:#f59e0b}.save-status .saved{color:#22c55e}.save-status .no-changes{color:#64748b}.editor-container{flex:1;min-height:0}.editor-shortcuts{background:#1e293b;border-top:1px solid #334155;padding:8px 20px;text-align:center;color:#64748b;font-size:12px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:#1e293b;border:1px solid #334155;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0006}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #334155}.modal-header h2{color:#f1f5f9;font-size:20px;font-weight:700;margin:0}.modal-content{padding:20px 24px}.modal-content p{color:#cbd5e1;margin-bottom:12px;line-height:1.5}.warning-message{background:#451a03;border:1px solid #92400e;border-radius:6px;padding:12px;color:#fde68a;font-size:14px;margin-top:16px}.modal-actions{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #334155}@media (max-width: 1200px){.exam-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.problem-panel{border-right:none;border-bottom:1px solid #334155}}@media (max-width: 768px){.exam-header{flex-direction:column;gap:16px;align-items:flex-start}.exam-controls{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.action-buttons{flex-wrap:wrap;gap:8px}.results-summary{grid-template-columns:1fr}.editor-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.modal-container{width:95%;margin:20px}}.tab-content::-webkit-scrollbar,.editor-container::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track,.editor-container::-webkit-scrollbar-track{background:#0f172a}.tab-content::-webkit-scrollbar-thumb,.editor-container::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover,.editor-container::-webkit-scrollbar-thumb:hover{background:#64748b}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.proctoring-setup-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px}.setup-content{max-width:600px;background:#1e293b;border-radius:16px;padding:40px;box-shadow:0 20px 25px -5px #0000004d;text-align:center}.setup-icon{font-size:64px;margin-bottom:20px}.setup-content h1{color:#f1f5f9;font-size:28px;margin-bottom:15px}.setup-description{color:#94a3b8;font-size:16px;margin-bottom:30px;line-height:1.6}.proctoring-requirements{background:#0f172a;border-radius:12px;padding:25px;margin-bottom:25px;text-align:left}.proctoring-requirements h3{color:#f1f5f9;font-size:18px;margin-bottom:15px}.proctoring-requirements ul{list-style:none;padding:0;margin:0}.proctoring-requirements li{color:#cbd5e1;padding:10px 0;border-bottom:1px solid #334155;font-size:14px;line-height:1.5}.proctoring-requirements li:last-child{border-bottom:none}.warning-box{background:#7c2d12;border:2px solid #ea580c;border-radius:8px;padding:15px;margin-bottom:30px;color:#fed7aa;font-size:14px;line-height:1.6}.btn-large{padding:14px 32px;font-size:16px;margin:10px}.proctoring-status-bar{background:#1e293b;border-bottom:2px solid #334155;padding:12px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.status-indicators{display:flex;gap:25px;align-items:center}.status-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0f172a;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease}.status-item.detected{border:2px solid #10b981;color:#10b981}.status-item.warning{border:2px solid #f59e0b;color:#f59e0b;animation:pulse 2s infinite}.status-item.checking{border:2px solid #64748b;color:#64748b}.status-item.normal{border:2px solid #10b981;color:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-icon{font-size:16px}.status-label{font-size:13px}.camera-preview{position:relative;width:120px;height:90px;border-radius:8px;overflow:hidden;border:2px solid #334155;background:#000}.preview-video{width:100%;height:100%;object-fit:cover}.preview-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.violation-alert-banner{background:linear-gradient(135deg,#dc2626,#991b1b);border-bottom:3px solid #7f1d1d;padding:15px 30px;animation:slideDown .3s ease-out;box-shadow:0 4px 6px #0003}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.alert-content{display:flex;align-items:center;gap:15px;max-width:1200px;margin:0 auto}.alert-icon{font-size:32px;flex-shrink:0}.alert-text{flex:1;color:#fff;font-size:14px;line-height:1.5}.alert-text strong{font-size:16px;display:block;margin-bottom:4px}.alert-text small{opacity:.9;font-size:12px}.alert-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.alert-close:hover{background:#ffffff4d}.termination-modal{z-index:10000}.termination-container{max-width:600px;background:#1e293b;border:3px solid #dc2626}.termination-header{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:25px;display:flex;align-items:center;gap:15px;border-radius:12px 12px 0 0}.termination-icon{font-size:48px}.termination-header h2{margin:0;font-size:28px;font-weight:700}.termination-message{font-size:18px;color:#f87171;font-weight:600;margin-bottom:25px;text-align:center}.termination-details{background:#0f172a;border-radius:12px;padding:20px;margin-bottom:20px}.termination-details h3{color:#f1f5f9;font-size:16px;margin-bottom:10px;margin-top:15px}.termination-details h3:first-child{margin-top:0}.termination-details p{color:#cbd5e1;margin-bottom:15px}.violations-list{margin-top:15px}.violation-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1e293b;border-left:4px solid #dc2626;border-radius:6px;margin-bottom:10px}.violation-number{color:#dc2626;font-weight:700;font-size:16px}.violation-type{flex:1;color:#e2e8f0;font-size:14px}.violation-time{color:#94a3b8;font-size:12px}.termination-notice{background:#0f172a;border-radius:8px;padding:15px;text-align:center}.termination-notice p{color:#94a3b8;margin:8px 0;font-size:14px}.modern-code-compiler{display:flex;flex-direction:column;height:100%;background-color:#1e1e1e;color:#f0f0f0;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000040;font-family:Segoe UI,Roboto,sans-serif;max-width:1600px;margin:0 auto;position:relative}.compiler-title h1{margin:0;font-size:1.8rem;font-weight:600;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.compiler-title p{margin:4px 0 0;font-size:.95rem;opacity:.8}.code-icon{font-size:1.6rem}.compiler-actions{display:flex;gap:12px}.action-button,.keyboard-shortcuts-btn{background:#ffffff26;border:none;border-radius:8px;color:#fff;padding:10px 14px;cursor:pointer;font-size:1.1rem;transition:all .2s ease;box-shadow:0 2px 5px #0003}.action-button:hover,.keyboard-shortcuts-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.keyboard-shortcuts-panel{position:absolute;top:80px;right:24px;width:340px;background-color:#252525;border-radius:10px;box-shadow:0 12px 30px #0006;z-index:1000;overflow:hidden;border:1px solid rgba(255,255,255,.1);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(to right,#2c3e50,#4c5c68);border-bottom:1px solid rgba(255,255,255,.1)}.shortcuts-header h3{margin:0;font-size:1.1rem;font-weight:500}.shortcuts-header button{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;opacity:.7;transition:opacity .2s}.shortcuts-content{padding:14px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.shortcut-keys{background-color:#ffffff1f;padding:5px 10px;border-radius:6px;font-family:Consolas,monospace;font-size:.9rem;box-shadow:0 1px 3px #0003}.compiler-sidebar{width:260px;background-color:#252525;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow-y:auto}.sidebar-section{padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-section h3{margin:0 0 14px;font-size:1rem;text-transform:uppercase;letter-spacing:.6px;color:#a8a8a8;font-weight:500}.language-buttons{display:flex;flex-direction:column;gap:10px}.language-button{display:flex;align-items:center;gap:12px;padding:12px 14px;background-color:#ffffff12;border:none;border-radius:8px;color:#f0f0f0;cursor:pointer;transition:all .2s ease;text-align:left;font-weight:500}.language-button:hover{background-color:#ffffff1f;transform:translate(2px)}.language-button.active{background-color:#61dafb2e;border-left:3px solid #61dafb;box-shadow:0 2px 8px #61dafb33}.lang-icon{font-size:1.3rem}.setting-group{margin-bottom:14px}.setting-group label{display:block;margin-bottom:6px;font-size:.9rem;color:silver}.setting-select{width:100%;padding:8px 10px;background-color:#333;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.9rem;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:12px auto;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#61dafb}.last-saved{margin-top:8px;font-size:.8rem;color:#a0a0a0;font-style:italic}.run-section{display:flex;flex-direction:column;align-items:center}.run-button{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2e7d324d}.run-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2e7d3266}.run-button:disabled{background:linear-gradient(135deg,gray,#606060);cursor:not-allowed;box-shadow:none}.run-icon{font-size:1.2rem}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.keyboard-shortcut-hint{margin-top:10px;font-size:.8rem;color:#a0a0a0;text-align:center}.compiler-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-container{flex:1;overflow:hidden;position:relative}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#2d2d2d;border-bottom:1px solid rgba(255,255,255,.05)}.editor-title{font-size:.95rem;font-weight:500;color:#e0e0e0;display:flex;align-items:center;gap:8px}.editor-title-icon{color:#61dafb}.io-container{display:flex;flex-direction:column;height:40%;min-height:200px;overflow:hidden}.io-console{display:flex;flex-direction:column;flex:1;background-color:#1a1a1a;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.console-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#252525;border-bottom:1px solid rgba(255,255,255,.1)}.console-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1.1rem}.console-icon{font-size:1.2rem}.console-content{display:flex;flex-direction:column;flex:1;overflow:auto}.input-console,.output-console{padding:10px;background-color:#1a1a1a}.console-label{font-weight:600;margin-bottom:8px;color:#aaa}.console-textarea{width:100%;min-height:80px;background-color:#252525;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#f0f0f0;font-family:Consolas,Monaco,monospace;padding:10px;resize:vertical}.run-button-container{display:flex;justify-content:center;padding:10px;background-color:#1a1a1a;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.console-run-button{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:4px;padding:10px 20px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.console-run-button:hover{background:linear-gradient(135deg,#5cba60,#3e8d42);transform:translateY(-1px)}.console-run-button:disabled{background:#555;cursor:not-allowed}.console-output{font-family:Consolas,Monaco,monospace;white-space:pre-wrap;padding:10px;margin:0;background-color:#252525;border-radius:4px;color:#f0f0f0;overflow:auto;max-height:300px}.console-output.error{color:#ff6b6b;background-color:#ff6b6b1a}.empty-output{display:flex;align-items:center;justify-content:center;height:100px;color:#777;font-style:italic;background-color:#252525;border-radius:4px}.execution-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.execution-time{background-color:#61dafb26;color:#61dafb}.execution-error{background-color:#f4433626;color:#f44336}.io-textarea{flex:1;padding:12px;background-color:#1e1e1e;color:#f0f0f0;border:none;resize:none;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5}.io-textarea:focus{outline:none}.output-content{flex:1;padding:12px;background-color:#1e1e1e;color:#f0f0f0;overflow:auto;white-space:pre-wrap;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5}.output-error{color:#f44336}.empty-output{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:gray;font-style:italic}.loading-output{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.loading-spinner{width:30px;height:30px;border:3px solid rgba(97,218,251,.2);border-radius:50%;border-top-color:#61dafb;animation:spin 1s ease-in-out infinite}.loading-text{color:#a0a0a0;font-size:.9rem}.compiler-footer{padding:12px 16px;background-color:#252525;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#a0a0a0}.footer-links a{color:#61dafb;text-decoration:none;margin-left:12px}.footer-links a:hover{text-decoration:underline}@media (max-width: 1200px){.compiler-layout{flex-direction:column}.compiler-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);max-height:300px}.language-buttons{flex-direction:row;flex-wrap:wrap}.language-button{flex:1;min-width:120px}}@media (max-width: 768px){.io-container{flex-direction:column;height:auto}.input-section{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.compiler-header{flex-direction:column;align-items:flex-start;gap:12px}.compiler-actions{width:100%;justify-content:flex-end}}.compiler-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#2c3e50,#1e3c72);border-bottom:1px solid rgba(255,255,255,.1)}.compiler-title h1{margin:0;font-size:1.6rem;font-weight:600;display:flex;align-items:center;gap:10px}.compiler-title p{margin:4px 0 0;font-size:.9rem;opacity:.7}.code-icon{font-size:1.4rem}.compiler-actions{display:flex;gap:10px}.action-button,.keyboard-shortcuts-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff;padding:8px 12px;cursor:pointer;font-size:1rem;transition:all .2s ease}.action-button:hover,.keyboard-shortcuts-btn:hover{background:#fff3;transform:translateY(-2px)}.keyboard-shortcuts-panel{position:absolute;top:70px;right:24px;width:320px;background-color:#252525;border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(to right,#2c3e50,#4c5c68);border-bottom:1px solid rgba(255,255,255,.1)}.shortcuts-header h3{margin:0;font-size:1rem}.shortcuts-header button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.shortcuts-header button:hover{opacity:1}.shortcuts-content{padding:12px}.shortcut-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.shortcut-item:last-child{border-bottom:none}.shortcut-keys{background-color:#ffffff1a;padding:4px 8px;border-radius:4px;font-family:Consolas,monospace;font-size:.85rem}.compiler-layout{display:flex;flex:1;overflow:hidden}.compiler-sidebar{width:240px;background-color:#252525;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;overflow-y:auto}.sidebar-section{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-section h3{margin:0 0 12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;color:#a0a0a0}.language-buttons{display:flex;flex-direction:column;gap:8px}.language-button{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:#ffffff0d;border:none;border-radius:6px;color:#f0f0f0;cursor:pointer;transition:all .2s ease;text-align:left}.language-button:hover{background-color:#ffffff1a}.language-button.active{background-color:#61dafb26;border-left:3px solid #61dafb}.lang-icon{font-size:1.2rem}.setting-group{margin-bottom:12px}.setting-group:last-child{margin-bottom:0}.setting-group label{display:block;margin-bottom:6px;font-size:.85rem;color:#a0a0a0}.setting-select{width:100%;padding:8px;background-color:#333;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#f0f0f0;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input{margin:0}.last-saved{margin-top:6px;font-size:.8rem;color:#a0a0a0;font-style:italic}.run-section{margin-top:auto;padding:16px}.run-button{width:100%;padding:12px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-size:1rem}.run-button:hover{background:linear-gradient(135deg,#43a047,#2e7d32);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.run-button:disabled{background:linear-gradient(135deg,#555,#444);cursor:not-allowed;transform:none;box-shadow:none}.run-icon{font-size:1.1rem}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.keyboard-shortcut-hint{text-align:center;margin-top:8px;font-size:.8rem;color:#a0a0a0}.compiler-main,.editor-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#2d2d2d;border-bottom:1px solid rgba(255,255,255,.05)}.editor-header h2{margin:0;font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:8px}.editor-lang-icon{font-size:1.2rem}.editor-status{font-size:.85rem;color:#a0a0a0}.save-status{display:flex;align-items:center;gap:6px}.monaco-editor-wrapper{flex:1;overflow:hidden}.io-container{height:40%;min-height:200px;display:flex;border-top:1px solid rgba(255,255,255,.05)}.input-container,.output-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.input-container{border-right:1px solid rgba(255,255,255,.05)}.io-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#2d2d2d;border-bottom:1px solid rgba(255,255,255,.05)}.io-header h2{margin:0;font-size:1rem;font-weight:500}.output-actions{display:flex;align-items:center;gap:10px}.execution-badge{background-color:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:.85rem;display:flex;align-items:center;gap:4px}.clear-button{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:.85rem;padding:4px 8px;border-radius:4px;transition:all .2s ease}.clear-button:hover{background-color:#ffffff1a;color:#f0f0f0}.input-textarea{flex:1;padding:12px;background-color:#1a1a1a;border:none;color:#f0f0f0;font-family:Consolas,monospace;font-size:.95rem;resize:none;outline:none}.output-content{flex:1;overflow:auto;padding:0}.output-text,.error-text{margin:0;padding:12px;font-family:Consolas,monospace;font-size:.95rem;white-space:pre-wrap;min-height:100%}.output-text{color:#4caf50}.error-text{color:#f44336}.empty-output,.loading-output{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0a0a0;text-align:center;padding:20px}.empty-output-icon{font-size:2rem;margin-bottom:10px;opacity:.5}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#61dafb;animation:spin 1s linear infinite;margin-bottom:10px}.compiler-footer{padding:16px;background-color:#252525;border-top:1px solid rgba(255,255,255,.05)}.language-tips h3{margin:0 0 8px;font-size:.95rem;color:#a0a0a0}.tips-content{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem}.tips-content code{background-color:#ffffff1a;padding:4px 6px;border-radius:4px;font-family:Consolas,monospace;color:#61dafb}@media (max-width: 1200px){.compiler-layout{flex-direction:column}.compiler-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.language-buttons{flex-direction:row;flex-wrap:wrap}.language-button{flex:1;min-width:100px}.io-container{flex-direction:column;height:auto}.input-container{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}}@media (max-width: 768px){.compiler-header{flex-direction:column;align-items:flex-start;gap:10px}.compiler-actions{width:100%;justify-content:flex-end}.keyboard-shortcuts-panel{width:90%;max-width:320px;right:5%}}.admin-test-container{padding:2rem;max-width:800px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.admin-test-container h1{color:#2d3748;margin-bottom:1rem}.admin-test-container h2{color:#4a5568;margin-bottom:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.test-actions{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.test-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.test-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.test-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.test-button.primary{background:linear-gradient(135deg,#3182ce,#2c5282);color:#fff}.test-button.success{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff}.result-container{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem}.result-pre{background:#f7fafc;padding:1rem;border-radius:6px;border:2px solid #e2e8f0;white-space:pre-wrap;min-height:100px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5}.instructions-container,.troubleshooting-container{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem}.instructions-container ol{padding-left:1.2rem}.instructions-container li{margin-bottom:.5rem;line-height:1.6}.troubleshooting-container ul{padding-left:1.2rem}.troubleshooting-container li{margin-bottom:.4rem;line-height:1.5}.troubleshooting-container code{background:#edf2f7;padding:.2rem .4rem;border-radius:4px;font-size:.85rem;color:#e53e3e;font-weight:600}.troubleshooting-container p{margin-bottom:.5rem;font-weight:600;color:#4a5568}@media (max-width: 768px){.admin-test-container{padding:1rem}.test-actions{flex-direction:column}.test-button{width:100%}}.App{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding-top:70px}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}