@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-sm)}.navbar-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-6)}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:all .2s var(--ease-smooth)}.navbar-brand:hover{opacity:.8}.brand-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-glow-primary)}.brand-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.navbar-right{display:flex;align-items:center;gap:var(--space-4)}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--neutral-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);transition:all .2s var(--ease-bounce)}.nav-link:hover,.admin-link{background:var(--primary-50);color:var(--primary-600)}.admin-link:hover{background:var(--primary-100)}.user-menu{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--neutral-100);border-radius:var(--radius-full)}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);border-radius:50%}.user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700)}.logout-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--neutral-500);border-radius:50%;cursor:pointer;transition:all .2s var(--ease-smooth)}.logout-btn:hover{background:var(--neutral-200);color:var(--error)}@media(max-width:768px){.navbar-inner{padding:var(--space-3) var(--space-4)}.brand-name,.nav-link span,.user-name{display:none}.user-menu{padding:var(--space-1);gap:var(--space-1)}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-6);position:relative;overflow:hidden}.login-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;width:100%;padding:var(--space-12) var(--space-10);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:containerReveal .6s var(--ease-bounce)}.login-icon{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-glow-primary);animation:heroFloat 4s ease-in-out infinite;position:relative}.login-icon:before{content:"";position:absolute;inset:-8px;border-radius:40px;border:2px dashed var(--primary-300);animation:spin 20s linear infinite}.login-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-2) 0}.login-title span{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:var(--text-base);color:var(--neutral-500);line-height:var(--leading-relaxed);margin:0 0 var(--space-8) 0;max-width:320px}.login-form{width:100%}.input-group{text-align:left;margin-bottom:var(--space-6)}.input-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-700);margin-bottom:var(--space-2)}.input-group input{width:100%;padding:16px 20px;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--neutral-900);background:#fff;transition:all .2s var(--ease-bounce)}.input-group input::placeholder{color:var(--neutral-400)}.input-group input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 4px var(--primary-100)}.input-group input:disabled{background:var(--neutral-100);cursor:not-allowed}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:16px 32px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-primary);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);pointer-events:none}.login-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px -8px #7c3aed80}.login-button:active:not(:disabled){transform:translateY(0) scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button svg{transition:transform .2s var(--ease-bounce)}.login-button:hover:not(:disabled) svg{transform:translate(4px)}.loading-text{display:flex;align-items:center;gap:var(--space-2)}.bypass-notice{font-size:var(--text-sm);color:var(--neutral-400);margin-top:var(--space-4)}.oauth-section{width:100%}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:16px 32px;background:#fff;color:var(--neutral-700);border:2px solid var(--neutral-200);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.google-button:hover:not(:disabled){border-color:var(--neutral-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.google-button:disabled{opacity:.6;cursor:not-allowed}.oauth-notice{font-size:var(--text-sm);color:var(--neutral-400);margin-top:var(--space-4)}.error-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--error-light);border:2px solid var(--error);border-radius:var(--radius-md);margin-bottom:var(--space-6);width:100%;animation:popIn .3s var(--ease-bounce)}.error-message .error-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--error);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%;flex-shrink:0}.error-message span:last-child{font-size:var(--text-sm);color:#dc2626;font-weight:var(--font-medium);text-align:left}@media(max-width:768px){.login-container{padding:var(--space-8) var(--space-6);margin:var(--space-4)}.login-icon{width:72px;height:72px}.login-title{font-size:var(--text-xl)}.login-subtitle{font-size:var(--text-sm)}}.assignments-page{min-height:100vh;padding:var(--space-6);padding-top:80px;position:relative;overflow-x:hidden}.assignments-container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding-top:var(--space-8)}.assignments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-10);animation:slideDown .5s var(--ease-bounce)}.welcome-section{text-align:left;flex:1}.progress-button{display:flex;align-items:center;gap:var(--space-2);padding:14px 24px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-primary);flex-shrink:0}.progress-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px -8px #7c3aed80}.progress-button:active{transform:translateY(0) scale(.98)}.welcome-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-2) 0}.welcome-title span{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:var(--text-lg);color:var(--neutral-500);margin:0}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.assignment-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all .3s var(--ease-bounce);animation:popIn .4s var(--ease-bounce);animation-fill-mode:both}.assignment-card:nth-child(5){animation-delay:.25s}.assignment-card:nth-child(6){animation-delay:.3s}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-600);border-radius:var(--radius-md)}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-4) 0;line-height:var(--leading-tight)}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-500)}.meta-item svg{flex-shrink:0}.card-topics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.topic-tag{padding:4px 10px;background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.topic-tag.more{background:var(--neutral-100);color:var(--neutral-600)}.start-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 24px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-primary)}.start-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.start-button:active:not(:disabled){transform:translateY(0) scale(.98)}.start-button:disabled{background:var(--neutral-300);box-shadow:none;cursor:not-allowed}.start-button svg{transition:transform .2s var(--ease-bounce)}.start-button:hover:not(:disabled) svg{transform:translate(4px)}.loading-state{text-align:center;padding:var(--space-16);animation:fadeIn .3s var(--ease-smooth)}.loading-state p{color:var(--neutral-500);font-size:var(--text-base)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);animation:popIn .4s var(--ease-bounce)}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neutral-100),var(--neutral-50));color:var(--neutral-400);border-radius:var(--radius-xl);margin:0 auto var(--space-6)}.empty-state h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--neutral-900);margin:0 0 var(--space-2) 0}.empty-state p{color:var(--neutral-500);max-width:320px;margin:0 auto}.error-state{text-align:center;padding:var(--space-16) var(--space-8);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);animation:popIn .4s var(--ease-bounce)}.error-state .error-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--error-light);color:var(--error);font-size:var(--text-2xl);font-weight:var(--font-bold);border-radius:50%;margin:0 auto var(--space-6)}.error-state h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--neutral-900);margin:0 0 var(--space-2) 0}.error-state p{color:var(--neutral-500);margin:0 0 var(--space-6) 0}.btn-secondary:hover{border-color:var(--primary-400);transform:translateY(-2px)}.loading-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:480px;margin:auto;min-height:400px;animation:containerReveal .6s var(--ease-bounce)}.loading-orb{position:relative;width:160px;height:160px;margin-bottom:var(--space-10)}.orb-inner{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--primary-400),var(--primary-600));border-radius:50%;box-shadow:var(--shadow-glow-primary);animation:orbBreathing 2s ease-in-out infinite}@keyframes orbBreathing{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:var(--shadow-glow-primary)}50%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 12px 48px -8px #7c3aed80}}.orb-ring{position:absolute;top:50%;left:50%;border:2px solid var(--primary-400);border-radius:50%;animation:ringExpand 20s ease-out infinite}.orb-ring-1{width:80px;height:80px;animation-delay:0s}.orb-ring-2{width:80px;height:80px;animation-delay:7s}.orb-ring-3{width:80px;height:80px;animation-delay:14s}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.orb-particles{position:absolute;inset:0}.particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--primary-500);border-radius:50%;animation:particleOrbit 15s linear infinite;animation-delay:calc(var(--i) * 1.5s)}@keyframes particleOrbit{0%{transform:rotate(calc(var(--i) * 45deg)) translate(50px) scale(1);opacity:.8}50%{opacity:1}to{transform:rotate(calc(var(--i) * 45deg + 360deg)) translate(50px) scale(.5);opacity:0}}.loading-message{animation:popIn .4s var(--ease-bounce)}.message-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--neutral-900);margin:0 0 var(--space-8) 0}.loading-progress{display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.progress-dot{width:10px;height:10px;background:var(--neutral-200);border-radius:50%;transition:all .3s var(--ease-bounce)}.progress-dot.active{background:var(--primary-400)}.progress-dot.current{transform:scale(1.4);background:var(--primary-600);box-shadow:var(--shadow-glow-primary)}.loading-hint{font-size:var(--text-sm);color:var(--neutral-500);margin:0;text-align:center;line-height:1.6}.time-hint{display:inline-block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--neutral-400)}.error-inline{margin-top:var(--space-6);padding:var(--space-4);background:var(--error-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.error-inline span{color:var(--error);font-size:var(--text-sm)}.error-inline button{padding:8px 16px;background:#fff;border:1px solid var(--error);border-radius:var(--radius-full);color:var(--error);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer}.subject-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-8);padding:var(--space-2);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.8);animation:slideUp .5s var(--ease-bounce) .1s both;flex-wrap:wrap}.subject-tab{padding:12px 24px;background:transparent;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer;transition:all .3s var(--ease-bounce);position:relative}.subject-tab:hover{color:var(--primary-600);background:#7c3aed1a}.subject-tab.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-glow-primary);transform:scale(1.05)}.active-exam-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,#f59e0b1a,#fb923c26);border:2px solid var(--accent-400);border-radius:var(--radius-xl);margin-bottom:var(--space-6);animation:slideUp .5s var(--ease-bounce) .2s both}.active-exam-banner .banner-icon{font-size:var(--text-3xl);flex-shrink:0}.active-exam-banner .banner-content{flex:1}.active-exam-banner .banner-content h3{margin:0 0 var(--space-1) 0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--accent-700)}.active-exam-banner .banner-content p{margin:0;font-size:var(--text-sm);color:var(--neutral-600)}.active-exam-banner .banner-actions{display:flex;gap:var(--space-3);flex-shrink:0}.active-exam-banner .banner-actions button{padding:10px 20px;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce);white-space:nowrap}.active-exam-banner .btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-glow-primary)}.active-exam-banner .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #7c3aed66}.active-exam-banner .btn-cancel{background:transparent;color:var(--neutral-600);border:1.5px solid var(--neutral-300)}.active-exam-banner .btn-cancel:hover{background:var(--neutral-100);border-color:var(--neutral-400);transform:translateY(-2px)}.content-section{margin-bottom:var(--space-10);animation:slideUp .5s var(--ease-bounce) .3s both}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.section-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900)}.section-count{padding:6px 14px;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-700);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-bold)}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.exam-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-6);transition:all .3s var(--ease-bounce);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-md)}.exam-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.exam-card.active{border:2px solid var(--accent-400);background:linear-gradient(135deg,#f59e0b0d,#fb923c1a);box-shadow:0 12px 40px -8px #f59e0b4d}.exam-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.exam-card .card-header{display:flex;justify-content:space-between;align-items:center}.exam-card .exam-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-100),var(--accent-200));border-radius:var(--radius-md)}.exam-card .exam-icon svg{color:var(--accent-600)}.exam-card .card-title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);line-height:1.3}.exam-card .exam-badge{background:linear-gradient(135deg,var(--accent-100),var(--accent-200));color:var(--accent-700)}.exam-card.solved{background:linear-gradient(135deg,#22c55e14,#22c55e26);border:2px solid rgba(34,197,94,.3)}.exam-card.solved:hover{border-color:#22c55e80;box-shadow:0 12px 40px -8px #22c55e33}.exam-card .exam-icon.solved{background:linear-gradient(135deg,#22c55e33,#22c55e4d)}.exam-card .exam-icon.solved svg{color:#16a34a}.exam-card .solved-badge{background:linear-gradient(135deg,#22c55e33,#22c55e4d);color:#15803d}.exam-card .start-button.solved{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px -4px #22c55e66}.exam-card .start-button.solved:hover:not(:disabled){box-shadow:0 8px 24px -4px #22c55e80}.exam-metadata{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.exam-metadata .meta-tag{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.exam-metadata .meta-tag.source{background:var(--primary-100);color:var(--primary-700)}.exam-metadata .meta-tag.year{background:var(--accent-100);color:var(--accent-700)}.exam-metadata .meta-tag.code{background:var(--neutral-100);color:var(--neutral-700)}.year-filter{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap}.year-tab{padding:8px 16px;background:var(--neutral-100);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce)}.year-tab:hover{background:var(--neutral-200);color:var(--neutral-800)}.year-tab.active{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff;box-shadow:0 4px 12px -2px #f59e0b4d}.assignment-card.disabled{opacity:.6;cursor:not-allowed}.assignment-card.disabled:hover{transform:none;box-shadow:var(--shadow-md)}.assignment-card.disabled .start-button{cursor:not-allowed;background:var(--neutral-300);color:var(--neutral-500)}.assignment-card.disabled .start-button:hover{transform:none}@media(max-width:768px){.assignments-container{padding-top:var(--space-4)}.welcome-title{font-size:var(--text-2xl)}.welcome-subtitle{font-size:var(--text-base)}.assignments-grid{grid-template-columns:1fr}.assignment-card{padding:var(--space-5)}.loading-container{margin:var(--space-4);min-height:350px}.loading-orb{width:120px;height:120px}.orb-inner{width:48px;height:48px}.message-text{font-size:var(--text-xl)}.subject-tabs{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.subject-tab{flex-shrink:0}.active-exam-banner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.active-exam-banner .banner-actions{align-self:stretch;justify-content:flex-end}.section-header{flex-wrap:wrap}.exams-grid{grid-template-columns:1fr}.history-item{padding:var(--space-3)}.history-info{flex:1;min-width:0}.history-name{font-size:var(--text-sm)}}.history-section{animation-delay:.4s}.history-list{display:flex;flex-direction:column;gap:var(--space-3)}.history-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s var(--ease-bounce);border:2px solid transparent}.history-item:hover{background:#fff;border-color:var(--primary-200);transform:translate(4px);box-shadow:var(--shadow-sm)}.history-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-md);flex-shrink:0}.history-icon svg{color:var(--primary-600)}.history-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.history-name{font-weight:var(--font-semibold);color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{font-size:var(--text-sm);color:var(--neutral-500)}.history-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.history-score .score-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold)}.history-score .score-marks{font-size:var(--text-xs);color:var(--neutral-500)}.history-score.success .score-value{color:var(--success)}.history-score.warning .score-value{color:var(--accent-600)}.history-score.error .score-value{color:var(--error)}.history-arrow{color:var(--neutral-400);flex-shrink:0;transition:transform .2s}.history-item:hover .history-arrow{transform:translate(4px);color:var(--primary-500)}.question-timer{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-body);color:var(--neutral-600);padding:6px 14px;background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-full);transition:all .3s ease}.question-timer .timer-icon{flex-shrink:0}.question-timer .timer-value{font-family:var(--font-display);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;min-width:3.5em;text-align:center}.question-timer.warning{color:var(--error);background:var(--error-light);border-color:#fca5a5;animation:timerPulse 1s ease-in-out infinite}.question-timer.warning .timer-icon{animation:iconShake .5s ease-in-out infinite}.question-timer.expired{color:var(--error);background:var(--error-light);border-color:var(--error);opacity:.8}@keyframes iconShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.question-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;animation:cardSlideIn .5s var(--ease-bounce);transition:all .3s var(--ease-bounce)}.question-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.question-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--neutral-200)}.question-header-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.question-header-right{display:flex;align-items:center;gap:var(--space-3)}.question-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--primary-700);padding:6px 14px;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-full)}.marks-badge .marks-number{font-family:var(--font-display);font-weight:var(--font-bold);color:var(--neutral-800)}.voice-help-btn{display:flex;align-items:center;gap:var(--space-2);padding:8px 16px;background:linear-gradient(135deg,var(--accent-100),var(--accent-200));color:var(--accent-700);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.voice-help-btn:hover{background:linear-gradient(135deg,var(--accent-400),var(--accent-500));color:#fff;transform:scale(1.05);box-shadow:var(--shadow-glow-accent)}.voice-help-btn svg{width:14px;height:14px}.question-body{padding:var(--space-8)}.view-toggle-container{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:linear-gradient(135deg,var(--primary-50),var(--accent-50));border-radius:var(--radius-xl);border:1px solid var(--primary-100)}.view-toggle-hint{font-family:var(--font-body);font-size:12px;font-weight:var(--font-medium);color:var(--neutral-600)}.view-toggle{display:inline-flex;background:#fff;border-radius:var(--radius-full);padding:4px;gap:2px;box-shadow:0 2px 8px #7c3aed26,inset 0 1px 3px #0000000a}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:12px;font-weight:var(--font-semibold);color:var(--neutral-500);cursor:pointer;transition:all .2s var(--ease-bounce);position:relative}.view-toggle-btn:hover:not(.active){color:var(--neutral-700);background:var(--neutral-50)}.view-toggle-btn.active{background:var(--primary-500);color:#fff;box-shadow:0 2px 8px #7c3aed4d;transform:scale(1.02)}.question-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-relaxed);color:var(--neutral-900);animation:contentFadeIn .3s ease}.question-image img{width:100%;max-width:100%;height:auto;display:block;margin:0 auto;cursor:zoom-in;transition:opacity .2s ease}.question-image:hover img{opacity:.95}.image-actions{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2);opacity:0;transform:translateY(-4px);transition:all .2s var(--ease-bounce)}.question-image{position:relative}.question-image:hover .image-actions{opacity:1;transform:translateY(0)}.image-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fffffff2;border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-sm)}.image-action-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-glow-primary)}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#000000e6;overflow:auto;padding:var(--space-8);animation:lightboxFadeIn .2s ease;cursor:zoom-out}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:fixed;top:var(--space-4);right:var(--space-4);z-index:10000;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#000000b3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all .2s var(--ease-bounce)}.lightbox-close:hover{background:#000000e6;transform:scale(1.1) rotate(90deg)}.lightbox-image{display:block;margin:0 auto;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;animation:lightboxImageIn .3s var(--ease-bounce);cursor:default}@keyframes lightboxImageIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.options-grid{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-8) var(--space-6)}.option-btn{display:flex;align-items:center;gap:var(--space-4);padding:18px 22px;background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s var(--ease-bounce);position:relative;overflow:hidden}.option-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));opacity:0;transition:opacity .2s ease}.option-btn:hover:not(:disabled){border-color:var(--primary-300);transform:translate(4px)}.option-btn:hover:not(:disabled):before{opacity:1}.option-btn.selected{border-color:var(--primary-500);transform:translate(8px);box-shadow:var(--shadow-glow-primary)}.option-btn.selected:before{opacity:1}.option-btn.correct{border-color:var(--success);background:var(--success-light);box-shadow:var(--shadow-glow-success)}.option-btn.correct:before{opacity:0}.option-btn.incorrect{border-color:var(--error);background:var(--error-light)}.option-btn.incorrect:before{opacity:0}.option-btn:disabled{cursor:default}.option-key{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--neutral-500);background:var(--neutral-100);border-radius:var(--radius-sm);transition:all .2s var(--ease-bounce);position:relative;z-index:1}.option-btn:hover:not(:disabled) .option-key{background:var(--primary-500);color:#fff;transform:scale(1.1) rotate(-3deg)}.option-btn.selected .option-key{background:var(--primary-600);color:#fff;transform:scale(1.1) rotate(-3deg)}.option-btn.correct .option-key{background:var(--success);color:#fff;transform:scale(1.1)}.option-btn.incorrect .option-key{background:var(--error);color:#fff}.option-text{flex:1;font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--neutral-700);position:relative;z-index:1}.feedback-panel{margin:0 var(--space-8) var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);animation:popIn .4s var(--ease-bounce)}.feedback-panel.correct{background:linear-gradient(135deg,var(--success-light),#bbf7d0);border:2px solid var(--success)}.feedback-panel.incorrect{background:linear-gradient(135deg,var(--error-light),#fecaca);border:2px solid var(--error)}.feedback-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.feedback-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);border-radius:50%}.feedback-panel.correct .feedback-icon{background:var(--success);color:#fff}.feedback-panel.incorrect .feedback-icon{background:var(--error);color:#fff}.feedback-status{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold)}.feedback-panel.correct .feedback-status{color:#15803d}.feedback-panel.incorrect .feedback-status{color:#dc2626}.feedback-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--neutral-700)}.card-actions{padding:var(--space-5) var(--space-8);background:linear-gradient(to bottom,#fafaf900,#fafaf9cc);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.post-submit-actions{display:flex;gap:var(--space-3)}@media(max-width:768px){.question-header{flex-direction:column;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) var(--space-5)}.question-header-left{flex-wrap:wrap;gap:var(--space-2)}.question-header-right{width:100%;justify-content:space-between}.question-body{padding:var(--space-6) var(--space-5)}.view-toggle-container{justify-content:center;margin-bottom:var(--space-5)}.view-toggle-btn{padding:8px 14px}.question-text{font-size:var(--text-lg)}.figure-images-grid{grid-template-columns:1fr}.options-grid{padding:0 var(--space-5) var(--space-5);gap:var(--space-3)}.option-btn{padding:14px 16px}.feedback-panel{margin:0 var(--space-5) var(--space-5);padding:var(--space-5)}.card-actions{padding:var(--space-4) var(--space-5);flex-direction:column}}.ar-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;animation:cardSlideIn .5s var(--ease-bounce);transition:all .3s var(--ease-bounce)}.ar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--neutral-200)}.ar-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--info);padding:6px 14px;background:linear-gradient(135deg,var(--info-light),#bfdbfe);border-radius:var(--radius-full)}.ar-body{padding:var(--space-6) var(--space-8)}.ar-statement{padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--neutral-50),white);border-radius:var(--radius-lg);border-left:4px solid var(--primary-500);transition:all .2s var(--ease-bounce)}.ar-statement:hover{transform:translate(4px)}.ar-label{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);background:var(--primary-100);color:var(--primary-700)}.ar-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-relaxed);color:var(--neutral-900)}.ar-divider{display:flex;align-items:center;justify-content:center;padding:var(--space-5) 0}.ar-divider-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.2em;position:relative;padding:0 var(--space-4)}.ar-divider-text:before,.ar-divider-text:after{content:"";position:absolute;top:50%;width:40px;height:1px;background:var(--neutral-200)}.ar-divider-text:before{right:100%}.ar-divider-text:after{left:100%}.ar-options{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-8) var(--space-6)}.ar-option{display:flex;align-items:center;gap:var(--space-4);padding:16px 20px;background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s var(--ease-bounce);position:relative;overflow:hidden}.ar-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));opacity:0;transition:opacity .2s ease}.ar-option:hover:not(:disabled){border-color:var(--primary-300);transform:translate(4px)}.ar-option:hover:not(:disabled):before{opacity:1}.ar-option.selected{border-color:var(--primary-500);transform:translate(8px);box-shadow:var(--shadow-glow-primary)}.ar-option.selected:before{opacity:1}.ar-option.correct{border-color:var(--success);background:var(--success-light);box-shadow:var(--shadow-glow-success)}.ar-option.correct:before{opacity:0}.ar-option.incorrect{border-color:var(--error);background:var(--error-light)}.ar-option.incorrect:before{opacity:0}.ar-option:disabled{cursor:default}.ar-option .option-key{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--neutral-500);background:var(--neutral-100);border-radius:var(--radius-sm);transition:all .2s var(--ease-bounce);position:relative;z-index:1}.ar-option:hover:not(:disabled) .option-key{background:var(--primary-500);color:#fff;transform:scale(1.1) rotate(-3deg)}.ar-option.selected .option-key{background:var(--primary-600);color:#fff;transform:scale(1.1) rotate(-3deg)}.ar-option.correct .option-key{background:var(--success);color:#fff}.ar-option.incorrect .option-key{background:var(--error);color:#fff}.ar-option .option-text{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--neutral-700);position:relative;z-index:1}@media(max-width:768px){.ar-header{flex-direction:column;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) var(--space-5)}.ar-body{padding:var(--space-5)}.ar-statement{padding:var(--space-4)}.ar-text{font-size:var(--text-base)}.ar-options{padding:0 var(--space-5) var(--space-5)}.ar-option{padding:14px 16px}}.subjective-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;animation:cardSlideIn .5s var(--ease-bounce);transition:all .3s var(--ease-bounce)}.subjective-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.subjective-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--neutral-200)}.subjective-header-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.subjective-header-right{display:flex;align-items:center;gap:var(--space-3)}.subjective-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--primary-700);padding:6px 14px;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-full)}.subjective-body{padding:var(--space-8)}.view-toggle-container{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.view-toggle{display:inline-flex;background:var(--neutral-100);border-radius:var(--radius-full);padding:3px;gap:2px;box-shadow:inset 0 1px 3px #0000000f}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:11px;font-weight:var(--font-semibold);color:var(--neutral-500);cursor:pointer;transition:all .2s var(--ease-bounce)}.view-toggle-btn:hover:not(.active){color:var(--neutral-700)}.view-toggle-btn.active{background:#fff;color:var(--primary-600);box-shadow:0 1px 4px #00000014,0 0 0 1px #7c3aed1a;transform:scale(1.02)}.view-toggle-btn svg{flex-shrink:0}.view-toggle-btn span{text-transform:uppercase;letter-spacing:.03em}.subjective-question{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);animation:contentFadeIn .3s ease}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-images{display:flex;flex-direction:column;gap:var(--space-4);animation:contentFadeIn .3s ease}.question-image{border-radius:var(--radius-lg);overflow:hidden;background:var(--neutral-50);border:1px solid var(--neutral-200)}.question-image img{width:100%;max-width:100%;height:auto;display:block}.figure-images{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px dashed var(--neutral-200);animation:contentFadeIn .3s ease}.figure-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-bounce)}.figure-header:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.figure-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-500)}.figure-label svg{opacity:.7}.figure-chevron{color:var(--neutral-400);transition:transform .2s var(--ease-bounce)}.figure-images.collapsed .figure-chevron{transform:rotate(-90deg)}.figure-images.expanded .figure-chevron{transform:rotate(0)}.figure-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-4);animation:contentFadeIn .2s ease}.figure-image{border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid var(--neutral-200);transition:all .2s var(--ease-bounce)}.figure-image:hover{transform:scale(1.02);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.figure-image img{width:100%;height:auto;display:block}.upload-section{padding:0 var(--space-8) var(--space-6)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);background:linear-gradient(135deg,var(--neutral-50),white);border:3px dashed var(--neutral-300);border-radius:var(--radius-lg);text-align:center;transition:all .3s var(--ease-bounce)}.upload-area:hover{border-color:var(--primary-400);border-style:solid;transform:scale(1.01)}.upload-icon{color:var(--neutral-400);margin-bottom:var(--space-4)}.upload-text{font-size:var(--text-base);color:var(--neutral-500);margin-bottom:var(--space-6)}.upload-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:12px 20px;background:#fff;color:var(--neutral-700);border:2px solid var(--neutral-200);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.upload-btn:hover{border-color:var(--primary-300);color:var(--primary-600);transform:translateY(-2px)}.upload-btn.camera{background:linear-gradient(135deg,var(--accent-400),var(--accent-500));border-color:transparent;color:#fff;box-shadow:var(--shadow-glow-accent)}.upload-btn.camera:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px -8px #f59e0b80}.preview-area{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--neutral-50),white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.preview-image{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);background:#fff;transition:all .2s var(--ease-bounce)}.preview-image:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.preview-image img{display:block;width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s var(--ease-bounce);opacity:0}.preview-image:hover .remove-btn{opacity:1}.remove-btn:hover{background:var(--error);transform:scale(1.1)}.preview-number{position:absolute;bottom:var(--space-2);left:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--neutral-200)}.preview-hint{font-size:var(--text-sm);color:var(--neutral-500)}.clear-all-btn{padding:8px 16px;background:transparent;color:var(--error);border:2px solid var(--error);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.clear-all-btn:hover{background:var(--error);color:#fff;transform:scale(1.02)}.evaluating-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-16) var(--space-8);text-align:center}.evaluating-animation{position:relative;width:100px;height:100px;margin-bottom:var(--space-8)}.eval-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--primary-500);border-radius:50%;animation:evalSpin 1.5s linear infinite}.eval-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:var(--primary-400);animation-delay:-.5s}.eval-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-top-color:var(--primary-300);animation-delay:-1s}@keyframes evalSpin{to{transform:rotate(360deg)}}.evaluating-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--neutral-900);margin-bottom:var(--space-2)}.evaluating-hint{font-size:var(--text-sm);color:var(--neutral-500)}.evaluation-section{padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.score-display{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-8) var(--space-12);background:linear-gradient(135deg,var(--neutral-50),white);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);animation:scoreReveal .6s var(--ease-bounce)}@keyframes scoreReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-display.good{background:linear-gradient(135deg,var(--success-light),#bbf7d0);border-color:var(--success);box-shadow:var(--shadow-glow-success)}.score-display.needs-work{background:linear-gradient(135deg,var(--error-light),#fecaca);border-color:var(--error);box-shadow:var(--shadow-glow-error)}.score-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold)}.score-display.good .score-value{background:linear-gradient(135deg,var(--success),#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-display.needs-work .score-value{background:linear-gradient(135deg,var(--error),#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-divider{font-size:var(--text-2xl);color:var(--neutral-400)}.score-max{font-size:var(--text-xl);color:var(--neutral-500)}.points-section{width:100%;margin-top:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--neutral-50),white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg)}.points-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.points-section.covered .points-label{color:#15803d}.points-section.missed .points-label{color:#dc2626}.points-list{list-style:none;padding:0;margin:0}.points-list li{font-size:var(--text-sm);color:var(--neutral-600);padding:var(--space-2) 0;padding-left:var(--space-5);position:relative;line-height:var(--leading-relaxed)}.points-list li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%}.points-section.covered .points-list li:before{background:var(--success)}.points-section.missed .points-list li:before{background:var(--error)}.marking-scheme-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--neutral-200)}.marking-scheme-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--neutral-600);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.marking-scheme-header svg{color:var(--primary-500)}.marking-scheme-image{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);overflow:hidden}.marking-scheme-image img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.evaluation-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.discuss-btn{display:flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:linear-gradient(135deg,var(--accent-100),var(--accent-200));color:var(--accent-700);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.discuss-btn:hover{background:linear-gradient(135deg,var(--accent-400),var(--accent-500));color:#fff;transform:scale(1.05);box-shadow:var(--shadow-glow-accent)}.upload-btn.phone{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:transparent;color:#fff;box-shadow:var(--shadow-glow-primary)}.upload-btn.phone:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px -8px #7c3aed80}.upload-btn.phone:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-error{margin-top:var(--space-4);color:var(--error);font-size:var(--text-sm)}.mobile-upload-success{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--success-light),#bbf7d0);border:2px solid var(--success);border-radius:var(--radius-lg);animation:popIn .4s var(--ease-bounce)}.mobile-success-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--success);color:#fff;border-radius:50%;flex-shrink:0}.mobile-success-text{flex:1}.mobile-success-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#15803d}.mobile-success-count{font-size:var(--text-xs);color:#166534;margin-top:2px}.clear-mobile-btn{padding:8px 16px;background:transparent;color:#15803d;border:2px solid #15803d;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.clear-mobile-btn:hover{background:#15803d;color:#fff}.qr-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}.qr-modal{position:relative;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;width:100%;animation:modalSlideUp .4s var(--ease-bounce)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border:none;border-radius:50%;color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce)}.qr-close-btn:hover{background:var(--neutral-200);color:var(--neutral-900);transform:scale(1.05)}.qr-modal-content{padding:var(--space-8);text-align:center}.qr-icon{width:64px;height:64px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-600);border-radius:50%}.qr-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-2)}.qr-subtitle{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-6)}.qr-code-container{display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.qr-expired{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);color:var(--neutral-500)}.qr-refresh-btn{padding:10px 20px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.qr-refresh-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.qr-instructions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.qr-step{display:flex;align-items:center;gap:var(--space-3);text-align:left;font-size:var(--text-sm);color:var(--neutral-600)}.qr-step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-700);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%;flex-shrink:0}.qr-waiting{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--neutral-500)}.qr-pulse{width:10px;height:10px;background:var(--primary-500);border-radius:50%;animation:qrPulse 1.5s ease-in-out infinite}@keyframes qrPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@media(max-width:768px){.subjective-header{padding:var(--space-4) var(--space-5)}.subjective-header-left{flex-wrap:wrap;gap:var(--space-2)}.subjective-body{padding:var(--space-6) var(--space-5)}.subjective-question{font-size:var(--text-lg)}.upload-section{padding:0 var(--space-5) var(--space-5)}.upload-area{padding:var(--space-8) var(--space-4)}.upload-buttons{flex-direction:column;width:100%}.upload-btn{width:100%;justify-content:center}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-2)}.remove-btn{opacity:1}.score-display{padding:var(--space-6) var(--space-8)}}.voice-question-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;animation:cardSlideIn .5s var(--ease-bounce);transition:all .3s var(--ease-bounce)}.voice-question-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.vq-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--neutral-200)}.vq-header-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.vq-header-right{display:flex;align-items:center;gap:var(--space-3)}.vq-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-700);padding:6px 14px;background:linear-gradient(135deg,var(--accent-100),var(--accent-200));border-radius:var(--radius-full)}.marks-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-600);padding:6px 12px;background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-full)}.source-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--neutral-500);padding:6px 12px;background:transparent;border:1px dashed var(--neutral-300);border-radius:var(--radius-full)}.source-badge .source-divider{color:var(--neutral-300)}.vq-body{padding:var(--space-8)}.vq-question{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-relaxed);color:var(--neutral-900)}.vq-instructions{padding:0 var(--space-8) var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.instruction-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--neutral-50),white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);width:100%;transition:all .2s var(--ease-bounce)}.instruction-card:hover{transform:translate(4px);border-color:var(--accent-300)}.instruction-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-100),var(--accent-200));color:var(--accent-600);border-radius:var(--radius-sm);flex-shrink:0}.instruction-content h4{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-1)}.instruction-content p{font-size:var(--text-sm);color:var(--neutral-500);line-height:var(--leading-relaxed)}.start-voice-btn{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:18px 44px;background:linear-gradient(135deg,var(--accent-400),var(--accent-500));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;overflow:hidden;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-accent)}.start-voice-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);pointer-events:none}.start-voice-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px -8px #f59e0b80}.start-voice-btn:active{transform:translateY(0) scale(.98)}.btn-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--accent-300);border-radius:var(--radius-full);animation:btnPulse 2s ease-in-out infinite;pointer-events:none}@keyframes btnPulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}.vq-evaluation{padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);animation:fadeUp .4s var(--ease-bounce)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vq-evaluation .score-display{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-8) var(--space-12);background:linear-gradient(135deg,var(--neutral-50),white);border:1px solid var(--neutral-200);border-radius:var(--radius-xl)}.vq-evaluation .score-display.good{background:linear-gradient(135deg,var(--success-light),#bbf7d0);border-color:var(--success);box-shadow:var(--shadow-glow-success)}.vq-evaluation .score-display.needs-work{background:linear-gradient(135deg,var(--error-light),#fecaca);border-color:var(--error);box-shadow:var(--shadow-glow-error)}.vq-evaluation .score-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold)}.vq-evaluation .score-display.good .score-value{background:linear-gradient(135deg,var(--success),#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vq-evaluation .score-display.needs-work .score-value{background:linear-gradient(135deg,var(--error),#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vq-evaluation .score-divider{font-size:var(--text-2xl);color:var(--neutral-400)}.vq-evaluation .score-max{font-size:var(--text-xl);color:var(--neutral-500)}@media(max-width:768px){.vq-header{padding:var(--space-4) var(--space-5)}.vq-body{padding:var(--space-6) var(--space-5)}.vq-question{font-size:var(--text-lg)}.vq-instructions{padding:0 var(--space-5) var(--space-6)}.instruction-card{flex-direction:column;text-align:center;align-items:center}.start-voice-btn{padding:16px 32px;font-size:var(--text-base)}}.voice-conversation{display:flex;flex-direction:column;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;min-height:400px;animation:slideUp .4s var(--ease-bounce)}.voice-header{padding:var(--space-6) var(--space-8);text-align:center;border-bottom:1px solid var(--neutral-200);background:linear-gradient(180deg,white 0%,transparent 100%)}.voice-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-2)}.voice-subtitle{font-size:var(--text-sm);color:var(--neutral-500)}.voice-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);gap:var(--space-6)}.voice-connecting{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--neutral-500)}.connecting-pulse{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-200),var(--accent-300));animation:connectPulse 1.5s ease-in-out infinite}@keyframes connectPulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}}.voice-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.voice-error .error-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--error-light);color:var(--error);border-radius:50%;font-size:var(--text-2xl);font-weight:var(--font-bold);box-shadow:var(--shadow-glow-error)}.voice-error p{color:var(--neutral-500);font-size:var(--text-sm)}.voice-orb{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.orb-core{width:56px;height:56px;background:linear-gradient(135deg,var(--accent-400),var(--accent-600));border-radius:50%;box-shadow:var(--shadow-glow-accent);transition:all .3s ease}.voice-orb.speaking .orb-core{animation:coreBreathing .8s ease-in-out infinite}.voice-orb.ended .orb-core{animation:coreSpinDown 1s ease-out forwards}@keyframes coreBreathing{0%,to{transform:scale(1);box-shadow:var(--shadow-glow-accent)}50%{transform:scale(1.2);box-shadow:0 0 50px #f59e0b80,0 0 80px #f59e0b4d}}@keyframes coreSpinDown{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:.5}}.orb-ring{position:absolute;border:2px solid var(--accent-400);border-radius:50%;opacity:0;transition:opacity .3s ease}.ring-1{width:72px;height:72px}.ring-2{width:96px;height:96px}.ring-3{width:120px;height:120px}.voice-orb.speaking .orb-ring{opacity:1;animation:ringPulse 1.5s ease-out infinite}.voice-orb.speaking .ring-1{animation-delay:0s}.voice-orb.speaking .ring-2{animation-delay:.3s}.voice-orb.speaking .ring-3{animation-delay:.6s}@keyframes ringPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}.voice-orb:not(.speaking):not(.ended) .orb-core{animation:coreIdle 2s ease-in-out infinite}@keyframes coreIdle{0%,to{box-shadow:0 0 20px #f59e0b33}50%{box-shadow:0 0 35px #f59e0b66}}.voice-status{font-size:var(--text-sm);text-align:center;font-weight:var(--font-medium)}.voice-status .ai-speaking{color:var(--accent-600);font-weight:var(--font-semibold)}.voice-status .user-speaking{color:var(--neutral-600)}.voice-status .processing{color:var(--neutral-400);animation:fadeInOut 1.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.voice-transcript{width:100%;max-height:200px;overflow-y:auto;padding:var(--space-4);background:linear-gradient(135deg,var(--neutral-50),white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3)}.transcript-message{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);animation:messageSlide .3s var(--ease-bounce)}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transcript-message.user{background:#fff;border:1px solid var(--neutral-200);margin-left:var(--space-8)}.transcript-message.agent{background:linear-gradient(135deg,var(--accent-50),var(--accent-100));border:1px solid var(--accent-200);margin-right:var(--space-8)}.message-role{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-400)}.transcript-message.agent .message-role{color:var(--accent-600)}.message-text{font-size:var(--text-sm);color:var(--neutral-700);line-height:var(--leading-relaxed)}.voice-hint{font-size:var(--text-sm);color:var(--neutral-400);text-align:center;font-style:italic}.voice-controls{padding:var(--space-6);display:flex;justify-content:center;border-top:1px solid var(--neutral-200);background:linear-gradient(180deg,transparent 0%,var(--neutral-50) 100%)}.btn-end-voice{display:flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:var(--error-light);color:var(--error);border:2px solid var(--error);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.btn-end-voice:hover{background:var(--error);color:#fff;transform:scale(1.02);box-shadow:var(--shadow-glow-error)}.end-icon{width:10px;height:10px;background:currentColor;border-radius:2px}.loading-content{position:relative;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;animation:contentFadeIn .6s var(--ease-bounce)}.loading-content.game-mode{min-height:auto;display:flex;flex-direction:column}@keyframes contentFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4}.orb-1{width:300px;height:300px;background:linear-gradient(135deg,var(--primary-200),var(--primary-300));top:-100px;right:-100px;animation:orbFloat 60s ease-in-out infinite}.orb-2{width:200px;height:200px;background:linear-gradient(135deg,var(--accent-200),var(--accent-300));bottom:-50px;left:-50px;animation:orbFloat 45s ease-in-out infinite reverse}.orb-3{width:150px;height:150px;background:linear-gradient(135deg,var(--success-light),#bbf7d0);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbPulse 30s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes orbPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.game-container{position:relative;z-index:1;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(0,0,0,.06);background:#ffffff80}.game-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:var(--shadow-sm);animation:iconPop .5s var(--ease-bounce)}@keyframes iconPop{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{transform:scale(1.1) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.game-info{flex:1}.game-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0;line-height:1.2}.game-subtitle{font-size:var(--text-sm);color:var(--neutral-500)}.game-controls-badge{display:flex;align-items:center;gap:var(--space-2);padding:8px 14px;background:var(--neutral-100);border-radius:var(--radius-full);font-size:var(--text-xs)}.controls-label{color:var(--neutral-500)}.controls-value{color:var(--neutral-700);font-weight:var(--font-semibold)}.game-frame-wrapper{position:relative;background:#1a1a2e;height:420px}.game-frame{width:100%;height:100%;border:none;background:#fff;display:block}.questions-ready-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--success-light),#d1fae5);border-top:2px solid var(--success);animation:bannerSlideIn .4s var(--ease-bounce)}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ready-icon-small{width:40px;height:40px;background:linear-gradient(135deg,var(--success),#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px -4px #22c55e66;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ready-text{flex:1;display:flex;flex-direction:column;gap:2px}.ready-title-small{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:#15803d}.ready-subtitle-small{font-size:var(--text-sm);color:#166534;opacity:.8}.continue-btn-small{background:linear-gradient(135deg,var(--success),#16a34a);color:#fff;padding:10px 20px;border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;box-shadow:var(--shadow-glow-success);transition:all .2s var(--ease-bounce);white-space:nowrap}.continue-btn-small:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px -8px #22c55e80}.continue-btn-small:active{transform:translateY(0) scale(.98)}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--neutral-50);border-top:1px solid rgba(0,0,0,.06)}.tip-section{display:flex;align-items:flex-start;gap:var(--space-3);flex:1}.tip-icon-small{flex-shrink:0;color:var(--accent-500);margin-top:2px}.tip-text{font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-relaxed)}.loading-indicator{display:flex;gap:6px;align-items:center}.loading-dot{width:8px;height:8px;background:var(--neutral-300);border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(1)}40%{opacity:1;transform:scale(1.3);background:var(--primary-500)}}@media(max-width:768px){.game-header{flex-wrap:wrap;gap:var(--space-3)}.game-icon{width:40px;height:40px;font-size:20px}.game-name{font-size:var(--text-base)}.game-controls-badge{order:3;width:100%;justify-content:center;margin-top:var(--space-1)}.game-frame-wrapper{height:350px}.game-footer{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.loading-indicator{align-self:center}.questions-ready-banner{flex-wrap:wrap;gap:var(--space-3)}.ready-text{flex:1 1 auto;min-width:150px}.continue-btn-small{width:100%;text-align:center}}@media(max-width:480px){.game-frame-wrapper{height:300px}.ready-icon-small{width:36px;height:36px}.ready-icon-small svg{width:18px;height:18px}.ready-title-small{font-size:var(--text-sm)}.ready-subtitle-small{font-size:var(--text-xs)}}.session-page{min-height:100vh;display:flex;flex-direction:column;position:relative}.session-header{position:sticky;top:16px;z-index:var(--z-sticky);max-width:880px;margin:16px auto 0;width:calc(100% - 48px)}.header-inner{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-full);padding:12px 12px 12px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md),0 0 0 1px #00000005}.header-left{display:flex;align-items:center;gap:var(--space-3)}.exit-button{width:36px;height:36px;border-radius:50%;border:none;background:var(--neutral-100);color:var(--neutral-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.exit-button:hover{background:var(--neutral-200);color:var(--neutral-800)}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-icon svg{width:18px;height:18px}.session-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.header-right{display:flex;gap:var(--space-2)}.stat-pill{display:flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all .2s var(--ease-bounce)}.stat-pill:hover{transform:scale(1.05)}.stat-pill.default{background:var(--primary-100);color:var(--primary-700)}.stat-pill.success{background:var(--success-light);color:#15803d}.stat-pill.accuracy{background:linear-gradient(135deg,var(--accent-400),var(--accent-500));color:#fff;box-shadow:var(--shadow-glow-accent)}.stat-pill.timer{background:var(--neutral-100);color:var(--neutral-700);gap:var(--space-1)}.stat-pill.timer svg{opacity:.7}.stat-pill.timer.warning{background:linear-gradient(135deg,var(--error-light),#fecaca);color:#dc2626;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.stat-value{font-weight:var(--font-bold)}.stat-label{font-weight:var(--font-medium);opacity:.8}.session-main{flex:1;padding:var(--space-10) var(--space-6);display:flex;justify-content:center}.content-wrapper{width:100%;max-width:720px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-6);text-align:center;padding:var(--space-8)}.loading-animation{position:relative;width:120px;height:120px}.loading-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--primary-500);border-radius:50%;animation:loadingSpin 60s linear infinite}.loading-ring:nth-child(2){width:85%;height:85%;top:7.5%;left:7.5%;border-top-color:var(--primary-400);animation-duration:45s;animation-direction:reverse}.loading-ring:nth-child(3){width:70%;height:70%;top:15%;left:15%;border-top-color:var(--primary-300);animation-duration:30s}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-800);margin:0}.loading-subtitle{color:var(--neutral-500);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1.6;max-width:320px}.loading-spinner{width:56px;height:56px;border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8)}.error-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--error-light);color:var(--error);font-size:var(--text-3xl);font-weight:var(--font-bold);border-radius:50%;margin-bottom:var(--space-6);box-shadow:var(--shadow-glow-error)}.error-state h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-3)}.error-state p{color:var(--neutral-500);margin-bottom:var(--space-6);max-width:400px}.unsupported-content{display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md)}.unsupported-content p{color:var(--neutral-500);font-size:var(--text-base)}.continue-section{display:flex;justify-content:center;margin-top:var(--space-6)}.voice-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-6)}.voice-overlay-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.voice-overlay-content{position:relative;z-index:1;width:100%;max-width:500px;margin-bottom:var(--space-8);animation:slideUp .4s var(--ease-bounce)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 28px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-primary);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);pointer-events:none}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px -8px #7c3aed80}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;background:#fff;color:var(--primary-600);border:2px solid var(--primary-200);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-300);transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 20px;background:transparent;color:var(--neutral-500);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s var(--ease-bounce)}.btn-ghost:hover{background:var(--neutral-100);color:var(--neutral-700);transform:scale(1.02)}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 28px;background:linear-gradient(135deg,var(--accent-400),var(--accent-500));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-accent)}.btn-accent:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px -8px #f59e0b80}@media(max-width:768px){.session-header{top:8px;margin:8px 12px 0;width:calc(100% - 24px)}.header-inner{border-radius:var(--radius-lg);padding:12px 16px;flex-direction:column;gap:12px}.header-right{flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.stat-pill{padding:6px 12px;font-size:var(--text-xs)}.session-main{padding:var(--space-6) var(--space-4)}.voice-overlay{padding:var(--space-4)}.voice-overlay-content{margin-bottom:var(--space-4)}}.completion-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:calc(60px + var(--space-6)) var(--space-6) var(--space-6);position:relative;overflow:hidden}.completion-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:720px;width:100%;padding:var(--space-16) var(--space-12);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:containerReveal .6s var(--ease-bounce)}@keyframes containerReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--success),#16a34a);color:#fff;border-radius:50%;margin-bottom:var(--space-8);box-shadow:var(--shadow-glow-success);animation:iconPop .6s .2s var(--ease-bounce) backwards;position:relative}.completion-icon:before{content:"";position:absolute;inset:-16px;border-radius:50%;border:3px dashed var(--success);opacity:.5;animation:spin 15s linear infinite}@keyframes iconPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.completion-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-3) 0}.performance-message{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-600);margin:0 0 var(--space-10) 0}.performance-emoji{font-size:var(--text-2xl)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%;margin-bottom:var(--space-10)}.stat-card{padding:var(--space-7) var(--space-4);background:linear-gradient(135deg,var(--neutral-50),white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);transition:all .2s var(--ease-bounce);animation:cardReveal .4s var(--ease-bounce) backwards}.stat-card:nth-child(1){animation-delay:.3s}.stat-card:nth-child(2){animation-delay:.4s}.stat-card:nth-child(3){animation-delay:.5s}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-md)}.stat-card.success{background:linear-gradient(135deg,var(--success-light),#bbf7d0);border-color:transparent}.stat-card.highlight{background:linear-gradient(135deg,var(--accent-100),var(--accent-200));border-color:transparent}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-1);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.success .stat-value{background:linear-gradient(135deg,var(--success),#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.highlight .stat-value{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-loading{width:100%;padding:var(--space-12) var(--space-8);text-align:center;animation:fadeIn .4s var(--ease-smooth)}.progress-loader{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.loader-dot{width:12px;height:12px;background:var(--primary-400);border-radius:50%;animation:loaderBounce 1.4s ease-in-out infinite}.loader-dot:nth-child(1){animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes loaderBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.progress-loading h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-700);margin:var(--space-6) 0 var(--space-3) 0}.progress-loading .loading-hint{font-size:var(--text-sm);color:var(--neutral-500);margin:0;line-height:1.6}.progress-error{width:100%;padding:var(--space-6);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-lg);margin-top:var(--space-6)}.progress-error p{color:var(--error);font-size:var(--text-sm);margin:0}.progress-section{width:100%;margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);animation:fadeIn .6s var(--ease-smooth)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left}.progress-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-5) 0}.changes-list{display:flex;flex-direction:column;gap:var(--space-4)}.change-item{padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.change-concept{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-2) 0}.change-arrow{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.change-summary{font-size:var(--text-sm);color:var(--neutral-600);margin:var(--space-2) 0 0 0;line-height:1.5}.chapter-progress{margin-bottom:var(--space-6)}.chapter-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.chapter-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-800);margin:0}.chapter-weightage-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-600);background:var(--primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;cursor:help;position:relative}.chapter-weightage-badge .weightage-icon{flex-shrink:0;opacity:.8}.chapter-weightage-badge:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--neutral-800);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:normal;width:max-content;max-width:260px;line-height:1.4;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:var(--shadow-lg)}.chapter-weightage-badge:hover:after{opacity:1;visibility:visible}.chapter-percent{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--primary-600)}.concepts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.concept-pill{padding:var(--space-3);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md)}.concept-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);margin:0 0 var(--space-2) 0;line-height:1.4}.concept-bar{height:6px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.concept-level{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;margin:0}.goal-card{display:flex;gap:var(--space-4);padding:var(--space-6);background:var(--neutral-50);border:2px solid var(--neutral-300);border-radius:var(--radius-lg);margin-top:var(--space-6)}.goal-card.on-track{background:var(--success-light);border-color:var(--success)}.goal-card.off-track{background:var(--error-light);border-color:var(--error)}.goal-content{flex:1;text-align:left}.goal-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-800);margin:0 0 var(--space-2) 0}.goal-message{font-size:var(--text-sm);color:var(--neutral-600);margin:0;line-height:1.5}.action-buttons{display:flex;gap:var(--space-4);width:100%;margin-top:var(--space-8)}.action-buttons .btn-secondary,.action-buttons .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:16px 24px;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all .2s var(--ease-bounce);animation:buttonReveal .4s .6s var(--ease-bounce) backwards}.action-buttons .btn-secondary{background:#fff;color:var(--primary-600);border:2px solid var(--primary-200)}.action-buttons .btn-secondary:hover{border-color:var(--primary-400);transform:translateY(-2px)}.action-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-glow-primary);position:relative;overflow:hidden}.action-buttons .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);pointer-events:none}@keyframes buttonReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.action-buttons .btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px -8px #7c3aed80}.action-buttons .btn-primary:active,.action-buttons .btn-secondary:active{transform:translateY(0) scale(.98)}@media(max-width:768px){.completion-container{padding:var(--space-10) var(--space-6);margin:var(--space-4)}.completion-icon{width:100px;height:100px}.completion-icon svg{width:48px;height:48px}.completion-title{font-size:var(--text-2xl)}.stats-grid{grid-template-columns:1fr;gap:var(--space-3)}.stat-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6)}.stat-value{font-size:var(--text-2xl);margin:0}.stat-label{text-align:right}.new-session-button{padding:14px 28px}}.progress-page{min-height:100vh;padding:calc(60px + var(--space-6)) var(--space-6) var(--space-6);position:relative;overflow-x:hidden}.progress-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding-bottom:var(--space-16)}.progress-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-full);cursor:pointer;transition:all .2s var(--ease-bounce);color:var(--neutral-600)}.back-button:hover{border-color:var(--primary-400);transform:translate(-4px);color:var(--primary-600)}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.page-subtitle{font-size:var(--text-base);color:var(--neutral-500);margin:var(--space-1) 0 0 0}.tab-nav{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1);background:#fff9;border-radius:var(--radius-full);width:fit-content}.tab-button{padding:var(--space-3) var(--space-6);background:transparent;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce)}.tab-button:hover{color:var(--primary-600)}.tab-button.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-sm)}.stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-10)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .2s var(--ease-bounce)}.stat-icon{font-size:var(--text-3xl);flex-shrink:0}.stat-content{flex:1}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-500)}.section{margin-bottom:var(--space-10)}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-6) 0}.chapter-card{padding:var(--space-8);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.chapter-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-800);margin:0}.chapter-meta{font-size:var(--text-sm);color:var(--neutral-500);display:block;margin-top:var(--space-1)}.chapter-stats{display:flex;align-items:center;gap:var(--space-3)}.questions-badge{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-600);padding:var(--space-2) var(--space-4);background:var(--accent-100);border-radius:var(--radius-full)}.chapter-percent{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-600)}.questions-progress{margin-bottom:var(--space-4)}.progress-bar{height:12px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-6)}.progress-fill{height:100%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));transition:width .8s var(--ease-smooth)}.concepts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.concept-item{padding:var(--space-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md)}.concept-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.concept-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700)}.concept-level{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.concept-bar{height:6px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.concept-fill{height:100%;transition:width .6s var(--ease-smooth)}.concept-questions{margin-top:var(--space-2)}.questions-count{font-size:var(--text-xs);color:var(--neutral-500)}.concept-feedback{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-50);border-left:3px solid var(--primary-400);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--neutral-700);line-height:1.5}.chapter-card-v2{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.chapter-header-v2{padding:var(--space-6) var(--space-6) var(--space-4);overflow:visible;position:relative;z-index:2}.chapter-title-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.chapter-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-800);margin:0}.chapter-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.chapter-weightage{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-600);background:var(--primary-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;cursor:help;transition:all .2s var(--ease-smooth);position:relative}.chapter-weightage:hover{background:var(--primary-100)}.chapter-weightage:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--neutral-800);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:normal;width:max-content;max-width:280px;line-height:1.4;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:var(--shadow-lg)}.chapter-weightage:hover:after{opacity:1;visibility:visible}.weightage-icon{flex-shrink:0;opacity:.8}.chapter-card-v2.unpracticed{opacity:.85;background:#fff9}.chapter-card-v2.unpracticed .chapter-name{color:var(--neutral-600)}.unpracticed-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--neutral-50);border:1px dashed var(--neutral-300);border-radius:var(--radius-lg);margin-top:var(--space-3)}.unpracticed-message svg{flex-shrink:0;color:var(--neutral-400);margin-top:2px}.unpracticed-message p{margin:0;font-size:var(--text-sm);color:var(--neutral-500);line-height:1.5}.chapter-date{font-size:var(--text-sm);color:var(--neutral-500);font-weight:var(--font-medium)}.chapter-mastery-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.mastery-bar{flex:1;height:10px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.mastery-fill{height:100%;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);transition:width .6s var(--ease-smooth)}.mastery-percent{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-600);min-width:48px;text-align:right}.questions-stats{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm)}.questions-practiced{font-weight:var(--font-semibold);color:var(--neutral-700)}.questions-separator{color:var(--neutral-400)}.questions-available{color:var(--neutral-500)}.chapter-feedback{margin:0 0 var(--space-4) 0;padding:var(--space-4);background:linear-gradient(135deg,var(--primary-50),rgba(255,255,255,.8));border-radius:var(--radius-lg);border-left:4px solid var(--primary-400);position:relative}.chapter-feedback:before{content:'"';position:absolute;top:var(--space-2);left:var(--space-3);font-family:var(--font-display);font-size:var(--text-3xl);color:var(--primary-300);line-height:1}.chapter-feedback p{margin:0;padding-left:var(--space-4);font-size:var(--text-base);color:var(--neutral-700);line-height:1.6;font-style:italic}.mastery-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mastery-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#fffc;border:1px solid var(--neutral-200);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-700)}.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--pill-color)}.mastery-accordions{border-top:1px solid var(--neutral-200);overflow:hidden;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.accordion-section{border-bottom:1px solid var(--neutral-100)}.accordion-section:last-child{border-bottom:none}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-4) var(--space-6);background:transparent;border:none;cursor:pointer;transition:background .2s var(--ease-smooth)}.accordion-header:hover{background:var(--level-bg)}.accordion-title{display:flex;align-items:center;gap:var(--space-3)}.level-indicator{width:12px;height:12px;border-radius:50%;background:var(--level-color);box-shadow:0 2px 8px -2px var(--level-color)}.level-label{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-800)}.level-count{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-500);background:var(--neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:24px;text-align:center}.accordion-chevron{color:var(--neutral-400);transition:transform .3s var(--ease-bounce)}.accordion-section.expanded .accordion-chevron{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s var(--ease-smooth)}.accordion-section.expanded .accordion-content{max-height:2000px}.concepts-list{padding:0 var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.concept-card{padding:var(--space-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);transition:all .2s var(--ease-bounce)}.concept-card:hover{border-color:var(--neutral-300);transform:translate(4px)}.concept-header-v2{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.concept-name-row{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.concept-name-v2{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--neutral-800)}.concept-weightage{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-600);background:var(--accent-50);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;cursor:help;transition:background .2s var(--ease-smooth);position:relative}.concept-weightage:hover{background:var(--accent-100)}.concept-weightage:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--neutral-800);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:normal;width:max-content;max-width:220px;line-height:1.4;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:var(--shadow-lg)}.concept-weightage:hover:after{opacity:1;visibility:visible}.concept-questions{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);white-space:nowrap}.cq-practiced{font-weight:var(--font-semibold);color:var(--neutral-600)}.cq-sep{color:var(--neutral-400)}.cq-available{color:var(--neutral-500)}.concept-feedback-v2{margin:var(--space-3) 0 0 0;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--accent-50),rgba(255,255,255,.9));border-radius:var(--radius-md);border-left:3px solid var(--accent-400);position:relative}.concept-feedback-v2:before{content:"💡";position:absolute;top:var(--space-2);right:var(--space-3);font-size:var(--text-sm);opacity:.7}.concept-feedback-v2 p{margin:0;font-size:var(--text-sm);color:var(--neutral-700);line-height:1.6}.empty-mastery{padding:var(--space-8);background:#fffc;border-radius:var(--radius-lg);text-align:center}.empty-mastery p{color:var(--neutral-500);margin:0}.no-sessions{padding:var(--space-8);background:#fffc;border-radius:var(--radius-lg);text-align:center}.no-sessions p{color:var(--neutral-500);margin:0}.goal-banner{display:flex;gap:var(--space-4);padding:var(--space-6);background:var(--neutral-50);border:2px solid var(--neutral-300);border-radius:var(--radius-lg);margin-bottom:var(--space-10)}.goal-banner.on-track{background:var(--success-light);border-color:var(--success)}.goal-banner.off-track{background:var(--error-light);border-color:var(--error)}.goal-icon{font-size:var(--text-3xl);flex-shrink:0}.goal-content{flex:1}.goal-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-800);margin:0 0 var(--space-2) 0}.goal-message{font-size:var(--text-base);color:var(--neutral-600);margin:0;line-height:1.6}.timeline{position:relative}.timeline-item{display:flex;gap:var(--space-6);margin-bottom:var(--space-8)}.timeline-item:last-child{margin-bottom:0}.marker-dot{width:20px;height:20px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:3px solid white;border-radius:50%;box-shadow:0 0 0 2px var(--primary-200);z-index:1}.marker-line{width:2px;flex:1;background:var(--primary-200);margin-top:var(--space-2);min-height:40px}.timeline-content{flex:1;padding:var(--space-6);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s var(--ease-bounce)}.timeline-content:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.timeline-header{margin-bottom:var(--space-4)}.timeline-date{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-600)}.session-changes h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-700);margin:0 0 var(--space-3) 0}.change-badge{padding:var(--space-3) var(--space-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.change-badge:last-child{margin-bottom:0}.change-concept{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-800);margin:0 0 var(--space-2) 0}.change-levels{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.no-changes{font-size:var(--text-sm);color:var(--neutral-500);margin:0;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-8);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);color:var(--neutral-400);border-radius:50%;margin-bottom:var(--space-6)}.empty-state h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-3) 0}.empty-state p{font-size:var(--text-base);color:var(--neutral-600);margin:0 0 var(--space-8) 0;max-width:400px}.empty-state .btn-primary{padding:14px 28px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-primary)}.empty-state .btn-primary:hover{transform:translateY(-2px) scale(1.02)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.error-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--error-light);color:var(--error);border-radius:50%;font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.error-state h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-3) 0}.error-state p{font-size:var(--text-base);color:var(--neutral-600);margin:0 0 var(--space-6) 0}@media(max-width:768px){.progress-page{padding:var(--space-4)}.page-title{font-size:var(--text-2xl)}.stats-section,.concepts-grid{grid-template-columns:1fr}.timeline-item{gap:var(--space-4)}.timeline-content,.chapter-header-v2{padding:var(--space-4)}.chapter-title-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.chapter-name{font-size:var(--text-lg)}.accordion-header{padding:var(--space-3) var(--space-4)}.concepts-list{padding:0 var(--space-4) var(--space-3);gap:var(--space-2)}.concept-card{padding:var(--space-3)}.concept-header-v2{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.concept-name-row{flex-wrap:wrap}.concept-weightage{font-size:.65rem}.concept-questions{font-size:.7rem}.chapter-meta{flex-wrap:wrap;gap:var(--space-2)}.chapter-weightage{font-size:var(--text-xs)}.mastery-pills{gap:var(--space-1)}.mastery-pill{font-size:.65rem;padding:var(--space-1) var(--space-2)}.chapter-feedback{padding:var(--space-3)}.chapter-feedback:before{font-size:var(--text-2xl)}.concept-feedback-v2:before{display:none}}.exam-page{min-height:100vh;padding:var(--space-6);padding-top:80px;position:relative;overflow-x:hidden}.exam-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding-top:var(--space-4)}.exam-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);animation:slideDown .5s var(--ease-bounce)}.exam-header-left{display:flex;align-items:center;gap:var(--space-4)}.back-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .2s var(--ease-bounce);color:var(--neutral-700)}.back-button:hover{background:var(--neutral-200);transform:translate(-2px)}.exam-info{display:flex;flex-direction:column}.exam-title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900)}.exam-meta{margin:0;font-size:var(--text-sm);color:var(--neutral-500)}.exam-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.exam-meta-row .meta-tag{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.exam-meta-row .meta-tag.source{background:var(--primary-100);color:var(--primary-700)}.exam-meta-row .meta-tag.year{background:var(--accent-100);color:var(--accent-700)}.exam-meta-row .meta-tag.code{background:var(--neutral-200);color:var(--neutral-700)}.exam-meta-row .meta-tag.marks,.exam-meta-row .meta-tag.duration{background:var(--neutral-100);color:var(--neutral-600)}.exam-header-right{display:flex;align-items:center;gap:var(--space-4)}.timer-display{display:flex;align-items:center;gap:var(--space-2);padding:12px 20px;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-700)}.timer-display svg{color:var(--primary-600)}.timer-display.warning{background:linear-gradient(135deg,var(--error),#f87171);color:#fff;animation:pulse 1s infinite}.timer-display.warning svg{color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.btn-cancel{padding:12px 20px;background:var(--neutral-200);color:var(--neutral-700);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.btn-cancel:hover{background:var(--error);color:#fff}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:linear-gradient(135deg,#ef44441a,#ef444433);border:2px solid var(--error);border-radius:var(--radius-lg);margin-bottom:var(--space-6);color:#991b1b}.exam-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.pdf-section{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-md);overflow:hidden;animation:slideUp .5s var(--ease-bounce) .1s both}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200)}.section-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900)}.section-title svg{color:var(--primary-500)}.download-btn{display:flex;align-items:center;gap:var(--space-2);padding:10px 16px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;cursor:pointer;transition:all .2s var(--ease-bounce)}.download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.pdf-viewer{height:600px;background:var(--neutral-100)}.pdf-iframe{width:100%;height:100%;border:none}.pdf-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--neutral-500)}.submission-section{display:flex;flex-direction:column;gap:var(--space-4);animation:slideUp .5s var(--ease-bounce) .2s both}.submission-section .section-header{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-md)}.batch-progress{padding:8px 16px;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.batches-list{display:flex;flex-direction:column;gap:var(--space-4)}.batch-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s var(--ease-bounce)}.batch-card.evaluated{border-color:var(--success);background:linear-gradient(135deg,#22c55e0d,#22c55e1a)}.batch-card.evaluating{border-color:var(--accent-400);background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a)}.batch-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-100)}.batch-info{display:flex;flex-direction:column;gap:var(--space-1)}.batch-name{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.batch-meta{margin:0;font-size:var(--text-sm);color:var(--neutral-500)}.batch-status{display:flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.batch-status.neutral{background:var(--neutral-100);color:var(--neutral-600)}.batch-status.success{background:linear-gradient(135deg,#22c55e1a,#22c55e33);color:#15803d}.batch-status.warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);color:var(--accent-700)}.status-icon{font-size:var(--text-base)}.batch-upload{padding:var(--space-4)}.upload-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);background:var(--neutral-50);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);text-align:center;transition:all .3s var(--ease-bounce)}.upload-dropzone:hover{border-color:var(--primary-300);background:#7c3aed0d}.dropzone-icon{color:var(--neutral-400)}.dropzone-text{margin:0;color:var(--neutral-600)}.upload-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.upload-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.upload-preview{display:flex;flex-direction:column;gap:var(--space-4)}.preview-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.preview-item{position:relative;width:120px;height:120px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item .remove-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:opacity .2s}.preview-item:hover .remove-btn{opacity:1}.preview-item .preview-number{position:absolute;bottom:4px;left:4px;padding:2px 8px;background:#000000b3;color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.preview-item.pdf-preview{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:2px solid var(--primary-200)}.pdf-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--primary-600)}.pdf-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--primary-700);margin-top:var(--space-1)}.add-more-btn{width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background:var(--neutral-100);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);color:var(--neutral-500);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s var(--ease-bounce)}.add-more-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:#7c3aed0d}.preview-actions{display:flex;justify-content:space-between;align-items:center}.preview-count{font-size:var(--text-sm);color:var(--neutral-600)}.upload-submit-btn{padding:12px 24px}.batch-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:linear-gradient(135deg,#7c3aed0d,#7c3aed1a)}.batch-hint{margin:0;font-size:var(--text-sm);color:var(--neutral-600)}.evaluate-btn{padding:14px 32px}.batch-evaluating{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a)}.evaluating-spinner{width:40px;height:40px;border:3px solid var(--accent-200);border-top-color:var(--accent-500);border-radius:50%;animation:spin 1s linear infinite}.batch-evaluating p{margin:0;color:var(--accent-700);font-weight:var(--font-medium)}.batch-evaluated{display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,#22c55e0d,#22c55e1a)}.batch-evaluated p{margin:0;color:#15803d;font-weight:var(--font-medium)}.submit-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-md)}.btn-submit{padding:16px 48px;background:linear-gradient(135deg,var(--success),#16a34a);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:0 8px 32px -8px #22c55e66}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px -8px #22c55e80}.btn-submit:disabled{background:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed;box-shadow:none}.submit-hint{margin:0;font-size:var(--text-sm);color:var(--neutral-500)}.btn-secondary{padding:12px 24px;background:var(--neutral-100);color:var(--neutral-700);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.btn-secondary:hover{background:var(--neutral-200)}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-primary)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.blob-1{width:600px;height:600px;background:linear-gradient(135deg,var(--primary-200),var(--primary-300));top:-200px;right:-200px;animation-delay:0s}.blob-3{width:400px;height:400px;background:linear-gradient(135deg,var(--primary-100),var(--accent-200));top:40%;left:30%;animation-delay:-14s}@media(max-width:1024px){.exam-content{grid-template-columns:1fr}.pdf-viewer{height:400px}}@media(max-width:768px){.exam-page{padding:var(--space-4);padding-top:70px}.exam-header{flex-direction:column;gap:var(--space-4);text-align:center}.exam-header-left{flex-direction:column}.back-button{display:none}.exam-title{font-size:var(--text-xl)}.timer-display{font-size:var(--text-base)}.section-header{flex-direction:column;gap:var(--space-3)}.preview-grid{justify-content:center}.preview-item,.add-more-btn{width:100px;height:100px}}.result-page{min-height:100vh;padding:var(--space-6);padding-top:80px;padding-bottom:var(--space-12);position:relative;overflow-x:hidden}.result-container{position:relative;z-index:1;max-width:800px;margin:0 auto;padding-top:var(--space-4)}.result-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);animation:slideDown .5s var(--ease-bounce)}.back-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-full);cursor:pointer;transition:all .2s var(--ease-bounce);color:var(--neutral-700)}.back-button:hover{background:#fff;transform:translate(-2px)}.result-title{margin:0;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--success),#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exam-name{margin:var(--space-1) 0 0 0;font-size:var(--text-lg);color:var(--neutral-500)}.score-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-10);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);animation:slideUp .5s var(--ease-bounce) .1s both}.score-circle{position:relative;width:200px;height:200px}.score-ring{width:100%;height:100%}.score-progress{transition:stroke-dasharray 1s var(--ease-bounce)}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.score-percent{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--neutral-900)}.score-fraction{font-size:var(--text-lg);color:var(--neutral-500)}.grade-badge{padding:12px 32px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-bold)}.grade-badge.success{background:linear-gradient(135deg,#22c55e1a,#22c55e33);color:#15803d}.grade-badge.primary{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-700)}.grade-badge.warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);color:var(--accent-700)}.grade-badge.error{background:linear-gradient(135deg,#ef44441a,#ef444433);color:#991b1b}.performance-section{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6);animation:slideUp .5s var(--ease-bounce) .2s both}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-title{margin:0 0 var(--space-5) 0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900)}.section-header .section-title{margin-bottom:0}.chapters-grid{display:flex;flex-direction:column;gap:var(--space-4)}.chapter-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--neutral-50);border-radius:var(--radius-lg)}.chapter-header{display:flex;flex-direction:column;gap:2px}.chapter-name{font-weight:var(--font-medium);color:var(--neutral-900)}.chapter-score{font-size:var(--text-sm);color:var(--neutral-500)}.chapter-bar{width:150px;height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.chapter-fill{height:100%;border-radius:var(--radius-full);transition:width .5s var(--ease-bounce)}.chapter-percent{min-width:45px;text-align:right;font-weight:var(--font-semibold);color:var(--neutral-700)}.typology-section{animation-delay:.25s}.typology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.typology-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--neutral-50);border:2px solid transparent;transition:all .2s var(--ease-bounce)}.typology-card:hover{transform:translateY(-2px)}.typology-card.success{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e0d,#22c55e1a)}.typology-card.warning{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a)}.typology-card.error{border-color:#ef44444d;background:linear-gradient(135deg,#ef44440d,#ef44441a)}.typology-name{font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-600)}.typology-score{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900)}.typology-percent{font-size:var(--text-lg);font-weight:var(--font-semibold)}.typology-card.success .typology-percent{color:var(--success)}.typology-card.warning .typology-percent{color:var(--accent-600)}.typology-card.error .typology-percent{color:var(--error)}.topic-section{animation-delay:.3s}.topics-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.topic-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all .2s var(--ease-bounce)}.topic-pill:hover{transform:scale(1.05)}.topic-pill.success{background:linear-gradient(135deg,#22c55e1a,#22c55e33);color:#15803d}.topic-pill.warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);color:var(--accent-700)}.topic-pill.error{background:linear-gradient(135deg,#ef44441a,#ef444433);color:#991b1b}.topic-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-score{font-weight:var(--font-bold)}.questions-section{animation-delay:.35s}.expand-toggle{padding:var(--space-2) var(--space-4);background:transparent;border:2px solid var(--neutral-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce)}.expand-toggle:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.question-item{background:var(--neutral-50);border-radius:var(--radius-lg);border:2px solid transparent;overflow:hidden;transition:all .2s var(--ease-bounce)}.question-item.success{border-left:4px solid var(--success)}.question-item.partial{border-left:4px solid var(--accent-500)}.question-item.error{border-left:4px solid var(--error)}.question-item.expanded{background:#fff;box-shadow:var(--shadow-sm)}.question-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background .15s}.question-header:hover{background:#00000005}.question-status{flex-shrink:0}.status-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-bold)}.status-icon.success{background:linear-gradient(135deg,#22c55e1a,#22c55e33);color:var(--success)}.status-icon.partial{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);color:var(--accent-600)}.status-icon.error{background:linear-gradient(135deg,#ef44441a,#ef444433);color:var(--error)}.question-info{display:flex;align-items:center;gap:var(--space-3);min-width:100px}.question-number{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900)}.question-marks{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-500);padding:4px 10px;background:var(--neutral-100);border-radius:var(--radius-full)}.question-meta{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.question-chapter{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-topic{font-size:var(--text-xs);color:var(--neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-icon{flex-shrink:0;color:var(--neutral-400);transition:transform .2s var(--ease-bounce)}.expand-icon.rotated{transform:rotate(180deg)}.question-details{padding:0 var(--space-4) var(--space-4) var(--space-4);margin-left:calc(32px + var(--space-3));border-top:1px solid var(--neutral-200);padding-top:var(--space-4);animation:slideDown .2s var(--ease-bounce)}.detail-row{margin-bottom:var(--space-3)}.detail-row:last-child{margin-bottom:0}.detail-label{display:block;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500);margin-bottom:var(--space-1)}.detail-value{margin:0;font-size:var(--text-sm);color:var(--neutral-700);line-height:1.5}.detail-value.feedback{padding:var(--space-3);background:linear-gradient(135deg,var(--primary-50),var(--accent-50));border-radius:var(--radius-md);border-left:3px solid var(--primary-400)}.result-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-8);animation:slideUp .5s var(--ease-bounce) .4s both}.btn-primary{display:flex;align-items:center;gap:var(--space-2);padding:16px 32px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px -8px #7c3aed80}.btn-secondary{padding:12px 24px;background:transparent;color:var(--neutral-600);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .2s}.btn-secondary:hover{color:var(--neutral-900);background:var(--neutral-100)}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:linear-gradient(135deg,#ef44441a,#ef444433);border:2px solid var(--error);border-radius:var(--radius-lg);margin-top:var(--space-6);color:#991b1b}.error-banner button{padding:8px 16px;background:var(--error);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--neutral-500);font-size:var(--text-lg)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);gap:var(--space-4);text-align:center}.error-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ef44441a;color:var(--error);border-radius:var(--radius-full);font-size:var(--text-2xl);font-weight:var(--font-bold)}.error-state h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--neutral-900)}.error-state p{margin:0;color:var(--neutral-500)}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s infinite ease-in-out}.blob-1{width:600px;height:600px;background:linear-gradient(135deg,var(--success),#16a34a);top:-200px;right:-200px;animation-delay:0s}.blob-2{width:500px;height:500px;background:linear-gradient(135deg,var(--primary-200),var(--primary-300));bottom:-150px;left:-100px;animation-delay:-7s}.blob-3{width:400px;height:400px;background:linear-gradient(135deg,var(--accent-200),var(--accent-300));top:40%;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(5deg)}50%{transform:translateY(20px) rotate(0)}75%{transform:translate(-30px,-15px) rotate(-5deg)}}@media(max-width:768px){.result-page{padding:var(--space-4);padding-top:70px}.score-card{padding:var(--space-6)}.score-circle{width:160px;height:160px}.score-percent{font-size:var(--text-3xl)}.chapter-card{grid-template-columns:1fr;gap:var(--space-2)}.chapter-bar{width:100%}.chapter-percent{text-align:left}.typology-grid{grid-template-columns:repeat(2,1fr)}.question-header{flex-wrap:wrap;gap:var(--space-2)}.question-meta{width:100%;order:3;margin-left:calc(32px + var(--space-3))}.expand-icon{margin-left:auto}.question-details{margin-left:0}}@media(max-width:480px){.typology-grid{grid-template-columns:1fr 1fr}.typology-card{padding:var(--space-4)}.topic-pill{width:100%;justify-content:space-between}.topic-name{max-width:none;flex:1}}.admin-layout{display:flex;min-height:100vh;position:relative}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.9);display:flex;flex-direction:column;z-index:var(--z-sticky);padding:var(--space-6)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--neutral-200);margin-bottom:var(--space-6)}.sidebar-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-glow-primary)}.sidebar-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.sidebar-badge{padding:4px 10px;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;color:var(--neutral-600);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);transition:all .2s var(--ease-bounce)}.nav-item:hover{background:var(--primary-50);color:var(--primary-600);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-glow-primary)}.nav-item svg{flex-shrink:0}.sidebar-footer{padding-top:var(--space-6);border-top:1px solid var(--neutral-200);display:flex;flex-direction:column;gap:var(--space-3)}.user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.user-info .user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm)}.user-info .user-name{font-weight:500;color:var(--neutral-700);font-size:var(--text-sm)}.logout-link{color:var(--neutral-500);background:none;border:none;cursor:pointer;width:100%;text-align:left}.logout-link:hover{background:var(--error-50, #fef2f2);color:var(--error-600, #dc2626)}.admin-main{flex:1;margin-left:260px;padding:var(--space-8);position:relative;z-index:1;min-height:100vh}@media(max-width:1024px){.admin-sidebar{width:80px;padding:var(--space-4)}.sidebar-header{flex-direction:column;gap:var(--space-2)}.sidebar-title,.sidebar-badge,.nav-item span{display:none}.nav-item{justify-content:center;padding:12px}.admin-main{margin-left:80px}}@media(max-width:768px){.admin-sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;flex-direction:row;border-right:none;border-top:1px solid var(--neutral-200);padding:var(--space-2)}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;width:100%}.nav-item{flex-direction:column;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-xs)}.nav-item span{display:block}.nav-item:hover{transform:none}.admin-main{margin-left:0;margin-bottom:80px;padding:var(--space-4)}}.admin-dashboard{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:var(--space-8);animation:slideDown .4s var(--ease-bounce)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-10)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-decoration:none;transition:all .3s var(--ease-bounce);animation:popIn .4s var(--ease-bounce);animation-fill-mode:both}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.stat-icon.students{background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-600)}.stat-icon.classes{background:linear-gradient(135deg,var(--accent-100),var(--accent-50));color:var(--accent-600)}.stat-icon.assignments{background:linear-gradient(135deg,var(--success-light),#dcfce7);color:#15803d}.stat-content{display:flex;flex-direction:column}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--neutral-900);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--neutral-500);margin-top:var(--space-1)}.dashboard-section{margin-bottom:var(--space-10);animation:slideUp .4s var(--ease-bounce);animation-delay:.2s;animation-fill-mode:both}.view-all-link{display:flex;align-items:center;gap:var(--space-2);color:var(--primary-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all .2s var(--ease-bounce)}.view-all-link:hover{gap:var(--space-3)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-xl);text-decoration:none;color:var(--neutral-700);font-weight:var(--font-semibold);transition:all .2s var(--ease-bounce)}.action-card:hover{border-color:var(--primary-300);color:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-md);transition:all .2s var(--ease-bounce)}.action-card:hover .action-icon{background:var(--primary-100);transform:scale(1.1)}.students-list{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);overflow:hidden}.student-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);text-decoration:none;transition:all .2s var(--ease-smooth);border-bottom:1px solid var(--neutral-100)}.student-item:last-child{border-bottom:none}.student-item:hover{background:var(--primary-50)}.student-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;font-weight:var(--font-bold);border-radius:var(--radius-md);flex-shrink:0}.student-info{flex:1;display:flex;flex-direction:column;min-width:0}.student-name{font-weight:var(--font-semibold);color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-email{font-size:var(--text-sm);color:var(--neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-item svg{color:var(--neutral-400);flex-shrink:0}.session-limit-selector{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-600)}.limit-select{padding:var(--space-1) var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:#fff;font-size:var(--text-sm);color:var(--neutral-700);cursor:pointer;transition:all .2s var(--ease-smooth)}.limit-select:hover{border-color:var(--primary-300)}.limit-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.session-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-100);transition:all .2s var(--ease-smooth)}.session-item:hover{background:var(--neutral-50)}.session-type-badge-wrapper{flex-shrink:0}.session-type-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.session-type-badge.practice{background:var(--primary-100);color:var(--primary-700)}.session-type-badge.exam{background:var(--accent-100);color:var(--accent-700)}.session-main-info{flex:1;min-width:0}.session-student-name{font-weight:var(--font-semibold);color:var(--neutral-900);text-decoration:none;transition:color .2s}.session-student-name:hover{color:var(--primary-600);text-decoration:underline}.session-context{font-size:var(--text-sm);color:var(--neutral-500);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.session-status{font-size:11px;font-weight:var(--font-semibold);padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.session-status.active{background:var(--success-light);color:var(--success-dark)}.session-status.completed{background:var(--neutral-100);color:var(--neutral-600)}.session-status.abandoned,.session-status.cancelled{background:var(--error-light);color:var(--error)}.session-time{font-size:var(--text-xs);color:var(--neutral-400)}.session-audit-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--neutral-400);background:transparent;transition:all .2s var(--ease-smooth);flex-shrink:0}.session-audit-link:hover{background:var(--primary-50);color:var(--primary-600)}.empty-sessions{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;color:var(--neutral-500)}.empty-logins,.loading-logins{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.empty-logins p,.loading-logins p{color:var(--neutral-500);margin:0}.empty-logins .hint{display:block;font-size:var(--text-xs);color:var(--neutral-400);margin-top:var(--space-2)}.loading-logins{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.loading-spinner.small{width:24px;height:24px;border-width:2px}.error-card{background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center}.error-card p{color:var(--error);margin:0}.logins-list{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);overflow:hidden}.login-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-100);transition:all .2s var(--ease-smooth)}.login-item:last-child{border-bottom:none}.login-item:hover{background:var(--neutral-50)}.login-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-700);font-size:var(--text-base);font-weight:var(--font-bold);border-radius:var(--radius-full);flex-shrink:0}.login-info{flex:1;min-width:0}.login-name{display:block;font-weight:var(--font-semibold);color:var(--neutral-900)}.login-email{display:block;font-size:var(--text-sm);color:var(--neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.login-role{font-size:10px;font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.login-role.admin{background:var(--accent-100);color:var(--accent-700)}.login-role.student{background:var(--primary-100);color:var(--primary-700)}.login-type{font-size:var(--text-xs);color:var(--neutral-400)}.login-time{font-size:var(--text-sm);color:var(--neutral-500);white-space:nowrap;flex-shrink:0}.text-btn{background:none;border:none;color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all .2s var(--ease-smooth)}.text-btn:hover{background:var(--primary-50);color:var(--primary-700)}.text-btn:disabled{color:var(--neutral-400);cursor:not-allowed}.loading-state{text-align:center;padding:var(--space-16)}.loading-state p{color:var(--neutral-500)}@media(max-width:768px){.page-title{font-size:var(--text-2xl)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-5)}.actions-grid{grid-template-columns:1fr 1fr}}.admin-students{max-width:1200px;margin:0 auto}.btn-primary{display:flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:var(--shadow-glow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:#fff;color:var(--primary-600);border:2px solid var(--primary-200);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s var(--ease-bounce)}.btn-secondary:hover{border-color:var(--primary-400)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:var(--z-modal);animation:fadeIn .2s var(--ease-smooth)}.modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);animation:popIn .3s var(--ease-bounce)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--neutral-200)}.modal-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--neutral-500);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-smooth)}.modal-close:hover{background:var(--neutral-100);color:var(--neutral-700)}.create-form{padding:var(--space-6)}.form-error{padding:var(--space-3) var(--space-4);background:var(--error-light);color:var(--error);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-700);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--neutral-900);background:#fff;transition:all .2s var(--ease-bounce)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 4px var(--primary-100)}.form-group input::placeholder{color:var(--neutral-400)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);margin-top:var(--space-6)}.students-table-container{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);overflow:hidden;animation:popIn .4s var(--ease-bounce)}.students-table{width:100%;border-collapse:collapse}.students-table th{text-align:left;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.students-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-100);vertical-align:middle}.students-table tr:last-child td{border-bottom:none}.students-table tr:hover td{background:var(--primary-50)}.student-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--neutral-900);font-weight:var(--font-semibold)}.student-link:hover{color:var(--primary-600)}.student-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;font-weight:var(--font-bold);border-radius:var(--radius-sm);flex-shrink:0}.email-cell{color:var(--neutral-500)}.date-cell{color:var(--neutral-500);font-size:var(--text-sm)}.board-badge{padding:4px 12px;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.actions-cell{text-align:right}.action-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-smooth);color:var(--neutral-500);text-decoration:none}.action-btn:hover{background:var(--neutral-100)}.action-btn.view:hover{color:var(--primary-600)}.action-btn.delete:hover{color:var(--error);background:var(--error-light)}@media(max-width:1024px){.students-table th:nth-child(4),.students-table td:nth-child(4){display:none}}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.btn-primary{justify-content:center}.students-table th:nth-child(3),.students-table td:nth-child(3){display:none}.students-table th,.students-table td{padding:var(--space-3) var(--space-4)}}.admin-classes{max-width:1200px;margin:0 auto}.modal-large{max-width:560px}.students-picker{max-height:280px;overflow-y:auto;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-2)}.no-students{padding:var(--space-6);text-align:center;color:var(--neutral-500);font-size:var(--text-sm)}.student-checkbox{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-smooth)}.student-checkbox:hover{background:var(--primary-50)}.student-checkbox input{position:absolute;opacity:0;width:0;height:0}.student-checkbox input:checked+.checkbox-custom{border-color:var(--primary-600);background:var(--primary-50)}.student-checkbox input:checked+.checkbox-custom:after{transform:scale(1)}.student-checkbox .student-name{font-weight:var(--font-semibold);color:var(--neutral-900);flex:1}.student-checkbox .student-email{font-size:var(--text-sm);color:var(--neutral-500)}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.class-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all .3s var(--ease-bounce);animation:popIn .4s var(--ease-bounce);animation-fill-mode:both}.class-card:nth-child(1){animation-delay:.05s}.class-card:nth-child(2){animation-delay:.1s}.class-card:nth-child(3){animation-delay:.15s}.class-card:nth-child(4){animation-delay:.2s}.class-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-100),var(--accent-50));color:var(--accent-600);border-radius:var(--radius-md)}.card-actions{display:flex;gap:var(--space-1)}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--neutral-400);transition:all .2s var(--ease-smooth)}.action-btn:hover{background:var(--neutral-100);color:var(--neutral-600)}.action-btn.delete:hover{background:var(--error-light);color:var(--error)}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-3) 0}.student-count{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-500);font-size:var(--text-sm)}.expand-btn{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--neutral-100);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce)}.expand-btn:hover{background:var(--neutral-200)}.students-list{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);display:flex;flex-direction:column;gap:var(--space-2);animation:slideUp .2s var(--ease-bounce)}.student-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm)}.student-avatar.small{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);border-radius:var(--radius-sm);flex-shrink:0}.student-item span{font-size:var(--text-sm);color:var(--neutral-700)}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.classes-grid{grid-template-columns:1fr}}.admin-assignments{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);animation:slideDown .4s var(--ease-bounce)}.header-content{flex:1}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-1) 0}.page-subtitle{font-size:var(--text-base);color:var(--neutral-500);margin:0}.modal-xlarge{max-width:700px}.form-steps{display:flex;align-items:center;justify-content:center;padding:var(--space-6);border-bottom:1px solid var(--neutral-200)}.step{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-400)}.step.active{color:var(--primary-600)}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--neutral-200);border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-bold)}.step.active .step-number{background:var(--primary-600);color:#fff}.step-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.step-line{width:60px;height:2px;background:var(--neutral-200);margin:0 var(--space-4)}.form-step-content{padding:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.content-banks-picker{max-height:300px;overflow-y:auto;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-2)}.no-items{padding:var(--space-6);text-align:center;color:var(--neutral-500);font-size:var(--text-sm)}.bank-checkbox{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-smooth)}.bank-checkbox:hover{background:var(--primary-50)}.bank-checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:22px;height:22px;border:2px solid var(--neutral-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-bounce);flex-shrink:0}.checkbox-custom:after{content:"";width:12px;height:12px;background:var(--primary-600);border-radius:4px;transform:scale(0);transition:transform .2s var(--ease-bounce)}.bank-checkbox input:checked+.checkbox-custom,.assign-checkbox input:checked+.checkbox-custom{border-color:var(--primary-600);background:var(--primary-50)}.bank-checkbox input:checked+.checkbox-custom:after,.assign-checkbox input:checked+.checkbox-custom:after{transform:scale(1)}.bank-path{flex:1;font-size:var(--text-sm);color:var(--neutral-700)}.bank-path .separator{color:var(--neutral-400);margin:0 var(--space-1)}.assign-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.assign-picker{max-height:240px;overflow-y:auto;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-2)}.assign-checkbox{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-smooth)}.assign-checkbox:hover{background:var(--primary-50)}.assign-checkbox input{position:absolute;opacity:0;width:0;height:0}.assign-name{flex:1;font-weight:var(--font-medium);color:var(--neutral-900)}.assign-meta{font-size:var(--text-sm);color:var(--neutral-500)}.strategy-modal{max-width:800px}.strategy-editor{padding:var(--space-6)}.strategy-editor textarea{width:100%;height:400px;padding:var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:var(--text-sm);line-height:1.6;color:var(--neutral-900);resize:vertical;transition:border-color .2s var(--ease-smooth)}.strategy-editor textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 4px var(--primary-100)}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.assignment-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all .3s var(--ease-bounce);animation:popIn .4s var(--ease-bounce);animation-fill-mode:both}.assignment-card:nth-child(1){animation-delay:.05s}.assignment-card:nth-child(2){animation-delay:.1s}.assignment-card:nth-child(3){animation-delay:.15s}.assignment-card:nth-child(4){animation-delay:.2s}.assignment-card:hover:not(.expired){transform:translateY(-4px);box-shadow:var(--shadow-lg)}.assignment-card.expired{opacity:.7}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--success-light),#dcfce7);color:#15803d;border-radius:var(--radius-md)}.badge{padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.active-badge{background:var(--success-light);color:#15803d}.expired-badge{background:var(--neutral-200);color:var(--neutral-500)}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-3) 0;line-height:var(--leading-tight)}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-3)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--neutral-500)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.tag{padding:4px 10px;background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.tag.more{background:var(--neutral-100);color:var(--neutral-600)}.card-assign-info{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-100)}.card-actions{display:flex;gap:var(--space-2)}.action-btn-text{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-smooth)}.action-btn-text:hover{background:var(--neutral-100);color:var(--neutral-900)}.action-btn-text.delete:hover{background:var(--error-light);color:var(--error)}.loading-state,.error-state,.empty-state{text-align:center;padding:var(--space-16);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);animation:popIn .4s var(--ease-bounce)}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);color:var(--neutral-400);border-radius:var(--radius-xl);margin:0 auto var(--space-6)}.empty-state h2{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-2) 0}.empty-state p,.loading-state p,.error-state p{color:var(--neutral-500);margin:0 0 var(--space-6) 0}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.form-row,.assign-grid,.assignments-grid{grid-template-columns:1fr}.form-steps{padding:var(--space-4)}.step-label{display:none}.step-line{width:40px}}.student-detail{max-width:1000px;margin:0 auto}.student-header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);margin-bottom:var(--space-8);animation:popIn .4s var(--ease-bounce)}.student-avatar.large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;font-size:var(--text-3xl);font-weight:var(--font-bold);border-radius:var(--radius-xl);flex-shrink:0;box-shadow:var(--shadow-glow-primary)}.student-info{flex:1}.student-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-1) 0}.student-email{font-size:var(--text-base);color:var(--neutral-500);margin:0 0 var(--space-3) 0}.student-badges{display:flex;gap:var(--space-2)}.badge{padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.board-badge{background:var(--primary-100);color:var(--primary-700)}.date-badge{background:var(--neutral-100);color:var(--neutral-600)}.detail-section{margin-bottom:var(--space-10);animation:slideUp .4s var(--ease-bounce);animation-fill-mode:both}.detail-section:nth-child(3){animation-delay:.1s}.detail-section:nth-child(4){animation-delay:.2s}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.btn-sm{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.mastery-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s var(--ease-bounce)}.mastery-card:hover{box-shadow:var(--shadow-md)}.mastery-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);cursor:pointer;transition:background .2s var(--ease-smooth)}.mastery-header:hover{background:var(--neutral-50)}.chapter-info{flex:1;min-width:0}.chapter-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-subject{font-size:var(--text-sm);color:var(--neutral-500)}.mastery-score-container{display:flex;align-items:center;gap:var(--space-2)}.mastery-score{font-size:var(--text-lg);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.mastery-score.excellent{background:var(--success-light);color:#15803d}.mastery-score.good{background:var(--info-light);color:#1d4ed8}.mastery-score.moderate{background:var(--accent-100);color:var(--accent-700)}.mastery-score.needs-work{background:var(--error-light);color:var(--error)}.expand-icon{color:var(--neutral-400);transition:transform .2s var(--ease-bounce)}.expand-icon.expanded{transform:rotate(180deg)}.mastery-progress{height:4px;background:var(--neutral-100)}.progress-fill{height:100%;transition:width .5s var(--ease-smooth)}.progress-fill.excellent{background:var(--success)}.progress-fill.good{background:var(--info)}.progress-fill.moderate{background:var(--accent-500)}.progress-fill.needs-work{background:var(--error)}.concepts-list{padding:var(--space-4) var(--space-5);border-top:1px solid var(--neutral-100);animation:slideUp .2s var(--ease-bounce)}.concept-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.concept-item:not(:last-child){border-bottom:1px solid var(--neutral-100)}.concept-name{font-size:var(--text-sm);color:var(--neutral-700);flex:1;margin-right:var(--space-4)}.concept-mastery{display:flex;align-items:center;gap:var(--space-3)}.concept-bar{width:80px;height:6px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden}.concept-fill{height:100%;transition:width .3s var(--ease-smooth)}.concept-fill.excellent{background:var(--success)}.concept-fill.good{background:var(--info)}.concept-fill.moderate{background:var(--accent-500)}.concept-fill.needs-work{background:var(--error)}.concept-score{font-size:var(--text-sm);font-weight:var(--font-semibold);width:40px;text-align:right}.concept-score.excellent{color:#15803d}.concept-score.good{color:#1d4ed8}.concept-score.moderate{color:var(--accent-700)}.concept-score.needs-work{color:var(--error)}.sessions-list{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);overflow:hidden}.session-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);text-decoration:none;transition:all .2s var(--ease-smooth);border-bottom:1px solid var(--neutral-100)}.session-item:last-child{border-bottom:none}.session-item:hover{background:var(--primary-50)}.session-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-600);border-radius:var(--radius-md);flex-shrink:0}.session-info{flex:1;min-width:0}.session-assignment{display:block;font-weight:var(--font-semibold);color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-date{font-size:var(--text-sm);color:var(--neutral-500)}.session-stats{display:flex;align-items:center;gap:var(--space-4)}.session-stats .stat{font-size:var(--text-sm);color:var(--neutral-600)}.session-stats .stat strong{color:var(--neutral-900)}.status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase}.session-item>svg{color:var(--neutral-400);flex-shrink:0}.profile-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-6)}.profile-content{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.8;color:var(--neutral-700);white-space:pre-wrap;word-wrap:break-word;margin:0;overflow-x:auto}.profile-content h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-6) 0;border-bottom:2px solid var(--neutral-200);padding-bottom:var(--space-3)}.profile-content h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-800);margin:var(--space-6) 0 var(--space-3) 0}.profile-content h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-700);margin:var(--space-4) 0 var(--space-2) 0}.profile-content strong{font-weight:var(--font-bold);color:var(--neutral-900)}.profile-content ul,.profile-content ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.profile-content li{margin:var(--space-2) 0;color:var(--neutral-700)}.profile-content hr{border:none;border-top:1px solid var(--neutral-200);margin:var(--space-6) 0}.profile-editor{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-6)}.profile-textarea{width:100%;min-height:500px;padding:var(--space-4);font-family:Monaco,Menlo,Courier New,monospace;font-size:var(--text-sm);line-height:1.6;color:var(--neutral-900);background:var(--neutral-50);border:1px solid var(--neutral-300);border-radius:var(--radius-md);resize:vertical;transition:border-color .2s var(--ease-smooth)}.profile-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #7c3aed1a}.editor-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.progress-timeline{display:flex;flex-direction:column;gap:var(--space-4)}.progress-snapshot{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s var(--ease-smooth)}.progress-snapshot:hover{box-shadow:var(--shadow-md)}.snapshot-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);cursor:pointer;transition:background .2s var(--ease-smooth)}.snapshot-header:hover{background:var(--neutral-50)}.snapshot-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.snapshot-date{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-600)}.changes-badge{padding:4px 10px;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.snapshot-summary{padding:0 var(--space-5) var(--space-4) var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-2)}.change-summary-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--text-sm)}.change-concept{font-weight:var(--font-semibold);color:var(--neutral-800)}.change-arrow-compact{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.snapshot-details{padding:var(--space-5);background:var(--neutral-50);border-top:1px solid var(--neutral-200);display:flex;flex-direction:column;gap:var(--space-6)}.chapter-detail{background:#fff;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.chapter-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.chapter-detail-header h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-800);margin:0}.chapter-progress{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--primary-600)}.concepts-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.concept-detail-item{padding:var(--space-3);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md)}.concept-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.concept-detail-item .concept-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);flex:1;line-height:1.4}.concept-detail-item .concept-level{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;margin-left:var(--space-2)}.concept-detail-item .concept-bar{height:6px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.concept-detail-item .concept-fill{height:100%;transition:width .6s var(--ease-smooth)}.concept-percent{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-500)}.goal-status-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--neutral-100);border:2px solid var(--neutral-300);border-radius:var(--radius-md)}.goal-status-card.on-track{background:var(--success-light);border-color:var(--success)}.goal-status-card.off-track{background:var(--error-light);border-color:var(--error)}.goal-status-card .goal-icon{font-size:var(--text-2xl);flex-shrink:0}.goal-status-card h5{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-800);margin:0 0 var(--space-1) 0}.goal-status-card p{font-size:var(--text-sm);color:var(--neutral-600);margin:0;line-height:1.5}.student-tabs{display:flex;gap:var(--space-1);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-1);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.tab-button{flex:1;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce)}.tab-button:hover{color:var(--neutral-900);background:#ffffff80}.tab-button.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm)}.tab-content{min-height:400px}.detailed-info-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg)}.view-type-toggle{display:flex;gap:var(--space-1);background:var(--neutral-100);padding:var(--space-1);border-radius:var(--radius-md)}.toggle-option{display:flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-smooth)}.toggle-option input{display:none}.toggle-option:hover{color:var(--neutral-800)}.toggle-option.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm)}.chapter-selectors{display:flex;flex-wrap:wrap;gap:var(--space-2)}.selector{padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:#fff;font-size:var(--text-sm);color:var(--neutral-700);cursor:pointer;transition:all .2s var(--ease-smooth)}.selector:hover{border-color:var(--primary-300)}.selector:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.chapter-selector{min-width:200px}.markdown-viewer{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden}.markdown-content{padding:var(--space-6);font-size:var(--text-sm);line-height:1.8;color:var(--neutral-700)}.markdown-content h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-3);border-bottom:2px solid var(--neutral-200)}.markdown-content h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-800);margin:var(--space-8) 0 var(--space-4) 0}.markdown-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-800);margin:var(--space-6) 0 var(--space-3) 0}.markdown-content p{margin:var(--space-4) 0}.markdown-content strong{font-weight:var(--font-bold);color:var(--neutral-900)}.markdown-content ul,.markdown-content ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.markdown-content li{margin:var(--space-2) 0}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.markdown-content th{background:var(--neutral-100);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--neutral-800);border-bottom:2px solid var(--neutral-200)}.markdown-content td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-100);color:var(--neutral-700)}.markdown-content tr:hover{background:var(--neutral-50)}.markdown-content code{background:var(--neutral-100);padding:2px 6px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace;font-size:.9em;color:var(--primary-700)}.markdown-content pre{background:var(--neutral-900);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}.markdown-content pre code{background:none;color:var(--neutral-100);padding:0}.markdown-content blockquote{border-left:4px solid var(--primary-300);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--neutral-600);font-style:italic}.markdown-content hr{border:none;border-top:1px solid var(--neutral-200);margin:var(--space-8) 0}.section-subtitle{font-size:var(--text-sm);color:var(--neutral-500);margin:var(--space-1) 0 var(--space-6) 0}.student-view-container{display:flex;flex-direction:column;gap:var(--space-6)}.student-view-header{margin-bottom:var(--space-2)}.student-view-header h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0}.student-view-subject{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-6)}.subject-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--primary-700);margin:0 0 var(--space-4) 0}.student-view-chapter{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.student-view-chapter:last-child{margin-bottom:0}.student-view-chapter .chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.student-view-chapter .chapter-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900)}.student-view-chapter .chapter-mastery{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-600)}.chapter-progress-bar{height:8px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.chapter-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);transition:width .6s var(--ease-smooth)}.chapter-summary{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.6;margin:0 0 var(--space-4) 0;padding:var(--space-3);background:var(--neutral-50);border-radius:var(--radius-md)}.chapter-concepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.student-view-concept{padding:var(--space-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md)}.student-view-concept .concept-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.student-view-concept .concept-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-800);flex:1;margin-right:var(--space-2)}.concept-level-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-bold);color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.concept-stats{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--neutral-500);margin-bottom:var(--space-2)}.last-practiced{color:var(--neutral-400)}.concept-feedback{font-size:var(--text-xs);color:var(--neutral-600);line-height:1.5;margin:var(--space-2) 0 0 0;padding-top:var(--space-2);border-top:1px solid var(--neutral-200)}@media(max-width:768px){.student-header{flex-direction:column;text-align:center;padding:var(--space-6)}.student-badges{justify-content:center}.mastery-grid{grid-template-columns:1fr}.session-stats{display:none}.student-tabs{flex-wrap:wrap}.tab-button{flex:1 1 45%}.detailed-info-controls{flex-direction:column;align-items:stretch}.view-type-toggle{width:100%}.toggle-option{flex:1;justify-content:center}.chapter-selectors{flex-direction:column}.selector{width:100%}.chapter-concepts{grid-template-columns:1fr}}.teacher-session-view{display:flex;flex-direction:column;gap:var(--space-6)}.teacher-summary{display:flex;gap:var(--space-4);flex-wrap:wrap}.summary-stat{flex:1;min-width:120px;padding:var(--space-4) var(--space-5);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);text-align:center;transition:all .2s var(--ease-bounce)}.summary-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-stat.highlight{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-color:var(--primary-200)}.stat-value{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);line-height:1.2}.summary-stat.highlight .stat-value{color:var(--primary-700)}.stat-label{display:block;font-size:var(--text-sm);color:var(--neutral-500);margin-top:var(--space-1)}.questions-list{display:flex;flex-direction:column;gap:var(--space-3)}.empty-state{padding:var(--space-8);text-align:center;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl)}.empty-state p{color:var(--neutral-500);margin:0}.question-item{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s var(--ease-smooth)}.question-item:hover{border-color:var(--primary-200)}.question-item.expanded{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.question-summary{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background .2s var(--ease-smooth)}.question-summary:hover{background:var(--neutral-50)}.question-position{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-600);min-width:40px}.question-meta{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.question-type{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--neutral-500);background:var(--neutral-100);padding:3px 8px;border-radius:var(--radius-full);letter-spacing:.05em}.question-topic{font-size:var(--text-sm);color:var(--neutral-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-result{min-width:80px;text-align:center}.result-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.result-badge.correct{background:var(--success-light);color:#15803d}.result-badge.incorrect{background:var(--error-light);color:#dc2626}.result-score{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-700)}.question-time{font-size:var(--text-sm);color:var(--neutral-500);min-width:60px;text-align:right;font-family:SF Mono,Monaco,monospace}.voice-help-indicator{color:var(--accent-500);display:flex;align-items:center}.expand-icon{color:var(--neutral-400);display:flex;align-items:center;transition:transform .2s var(--ease-smooth)}.expand-icon svg{transition:transform .2s var(--ease-bounce)}.question-details{border-top:1px solid var(--neutral-200);padding:var(--space-5);background:var(--neutral-50);animation:slideDown .2s var(--ease-bounce)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-content{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--neutral-500)}.loading-spinner.small{width:20px;height:20px;border-width:2px}.error-text{color:var(--error);text-align:center;margin:0}.view-toggle{display:inline-flex;background:var(--neutral-100);border-radius:var(--radius-full);padding:3px;margin-bottom:var(--space-4)}.view-toggle button{padding:6px 16px;border:none;background:transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce)}.view-toggle button.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm)}.view-toggle button:hover:not(.active){color:var(--neutral-800)}.question-content-section,.student-answer-section,.feedback-section{margin-bottom:var(--space-5)}.question-content-section h4,.student-answer-section h4,.feedback-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0}.question-text{font-size:var(--text-base);color:var(--neutral-800);line-height:1.7;margin:0;padding:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.question-images{display:flex;flex-wrap:wrap;gap:var(--space-3)}.question-images img{max-width:100%;max-height:500px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:#fff}.figure-images-section{margin-top:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden}.figure-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:var(--neutral-50);border:none;cursor:pointer;transition:background .2s var(--ease-smooth)}.figure-header:hover{background:var(--neutral-100)}.figure-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600)}.figure-chevron{color:var(--neutral-400);transition:transform .2s var(--ease-smooth)}.figure-images{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);background:#fff}.figure-images img{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.mcq-options{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.mcq-options .option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-md);transition:all .2s var(--ease-smooth)}.mcq-options .option.selected{border-color:var(--primary-400);background:var(--primary-50)}.mcq-options .option.correct-answer,.mcq-options .option.selected.correct-answer{border-color:var(--success);background:var(--success-light)}.mcq-options .option.selected:not(.correct-answer){border-color:var(--error);background:var(--error-light)}.option-key{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--neutral-100);border-radius:50%;font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--neutral-700);flex-shrink:0}.option.correct-answer .option-key{background:var(--success);color:#fff}.option.selected:not(.correct-answer) .option-key{background:var(--error);color:#fff}.option-text{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.5}.mcq-answer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.answer-label{font-size:var(--text-sm);color:var(--neutral-500)}.answer-value{font-weight:var(--font-bold);font-size:var(--text-base);padding:4px 12px;border-radius:var(--radius-full)}.answer-value.correct{background:var(--success-light);color:#15803d}.answer-value.incorrect{background:var(--error-light);color:#dc2626}.subjective-answer{padding:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.answer-images img{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.no-answer{color:var(--neutral-400);font-style:italic;margin:0}.feedback-text{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.7;margin:0;padding:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.points-list{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md)}.points-list.covered{background:var(--success-light);border:1px solid rgba(34,197,94,.3)}.points-list.missed{background:var(--error-light);border:1px solid rgba(239,68,68,.3)}.points-list h5{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.points-list.covered h5{color:#15803d}.points-list.missed h5{color:#dc2626}.points-list ul{margin:0;padding-left:var(--space-5)}.points-list li{font-size:var(--text-sm);color:var(--neutral-700);margin:var(--space-1) 0}.teacher-view-loading,.teacher-view-error{text-align:center;padding:var(--space-12);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl)}.teacher-view-loading p,.teacher-view-error p{color:var(--neutral-500);margin:var(--space-4) 0 0 0}.loading-spinner{width:40px;height:40px;border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.teacher-summary{flex-direction:column}.summary-stat{min-width:auto}.question-summary{flex-wrap:wrap;gap:var(--space-2)}.question-meta{order:1;flex-basis:100%}.question-position,.question-time,.question-result{min-width:auto}}.session-audit{max-width:900px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--neutral-500);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-6);transition:all .2s var(--ease-smooth)}.back-link:hover{color:var(--primary-600);gap:var(--space-3)}.audit-header{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);margin-bottom:var(--space-6);animation:popIn .4s var(--ease-bounce)}.status-badge{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.status-badge.completed{background:var(--success-light);color:#15803d}.status-badge.active,.status-badge.in_progress{background:var(--accent-100);color:var(--accent-700)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.summary-card{padding:var(--space-4) var(--space-5);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);text-align:center}.summary-label{display:block;font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-1)}.summary-value{display:block;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.view-mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:4px;background:var(--neutral-100);border-radius:var(--radius-full);width:fit-content}.view-mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:10px 20px;border:none;background:transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer;transition:all .2s var(--ease-bounce)}.view-mode-btn:hover:not(.active){color:var(--neutral-800);background:#ffffff80}.view-mode-btn.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm)}.view-mode-btn svg{flex-shrink:0}.events-section{margin-bottom:var(--space-8)}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0}.events-actions{display:flex;gap:var(--space-3)}.text-btn{background:none;border:none;color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background .2s var(--ease-smooth)}.text-btn:hover{background:var(--primary-50)}.timeline{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-6)}.timeline-item{display:flex;gap:var(--space-4);position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.marker-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);color:var(--neutral-600);border-radius:50%;position:relative;z-index:1}.marker-line{width:2px;flex:1;background:var(--neutral-200);margin:var(--space-2) 0}.timeline-item.event-question .marker-icon{background:var(--primary-100);color:var(--primary-600)}.timeline-item.event-answer .marker-icon{background:var(--success-light);color:#15803d}.timeline-item.event-evaluation .marker-icon{background:var(--accent-100);color:var(--accent-700)}.timeline-item.event-mastery .marker-icon{background:var(--info-light);color:#1d4ed8}.timeline-item.event-agent .marker-icon{background:#fae8ff;color:#a21caf}.timeline-item.event-session .marker-icon{background:var(--neutral-200);color:var(--neutral-700)}.timeline-content{flex:1;padding-bottom:var(--space-6);cursor:pointer}.timeline-item:last-child .timeline-content{padding-bottom:0}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.event-type{font-weight:var(--font-semibold);color:var(--neutral-900);text-transform:capitalize}.event-time{font-size:var(--text-sm);color:var(--neutral-500);font-family:SF Mono,Monaco,Inconsolata,monospace}.event-summary{font-size:var(--text-sm);color:var(--neutral-600);margin:0;line-height:var(--leading-relaxed)}.expand-indicator{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:none;border:none;font-size:var(--text-xs);color:var(--neutral-500);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s var(--ease-smooth)}.expand-indicator:hover{background:var(--neutral-100);color:var(--neutral-700)}.event-details{margin-top:var(--space-3);animation:slideUp .2s var(--ease-bounce)}.event-data{padding:var(--space-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-sm);color:var(--neutral-700);overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0;max-height:300px;overflow-y:auto}.answer-content{display:flex;flex-direction:column;gap:var(--space-4)}.answer-images{display:flex;flex-wrap:wrap;gap:var(--space-3)}.answer-image-wrapper{border:1px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden;background:#fff}.answer-image{max-width:400px;max-height:300px;object-fit:contain;display:block}.raw-data-toggle{margin-top:var(--space-2)}.raw-data-toggle summary{font-size:var(--text-sm);color:var(--neutral-500);cursor:pointer;padding:var(--space-2)}.raw-data-toggle summary:hover{color:var(--neutral-700)}.raw-data-toggle[open] summary{margin-bottom:var(--space-2)}.gemini-section{margin-bottom:var(--space-8)}.gemini-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s var(--ease-smooth)}.gemini-header:hover{border-color:var(--primary-200)}.gemini-header-left{display:flex;align-items:center;gap:var(--space-3)}.gemini-header-left svg{color:var(--primary-500)}.gemini-header-left .section-title{margin:0;font-size:var(--text-lg)}.gemini-summary{font-size:var(--text-sm);color:var(--neutral-500);background:var(--neutral-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.gemini-header-right{display:flex;align-items:center;gap:var(--space-3);color:var(--neutral-500)}.gemini-calls-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.gemini-call-item{padding:var(--space-4);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg)}.gemini-call-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.gemini-model{font-weight:var(--font-semibold);color:var(--primary-600);font-size:var(--text-sm)}.gemini-content-id{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-xs);color:var(--neutral-500);background:var(--neutral-100);padding:2px 8px;border-radius:var(--radius-sm)}.gemini-cost{margin-left:auto;font-weight:var(--font-semibold);color:var(--accent-600);font-size:var(--text-sm)}.gemini-call-tokens{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--neutral-500);margin-bottom:var(--space-3)}.gemini-call-prompts{display:flex;flex-direction:column;gap:var(--space-2)}.gemini-call-prompts details{border:1px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden}.gemini-call-prompts summary{padding:var(--space-2) var(--space-3);background:var(--neutral-50);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-600);cursor:pointer}.gemini-call-prompts summary:hover{background:var(--neutral-100)}.gemini-call-prompts pre{padding:var(--space-3);margin:0;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-sm);color:var(--neutral-700);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;background:#fff}.empty-text{color:var(--neutral-500);text-align:center;padding:var(--space-4)}.summary-section{margin-bottom:var(--space-8)}.markdown-content{padding:var(--space-6);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl)}.markdown-content pre{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-sm);color:var(--neutral-700);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.markdown-content.rendered,.transcript-content.rendered,.scratchpad-content.rendered{font-size:var(--text-sm);line-height:1.8;color:var(--neutral-700)}.markdown-content.rendered h1,.transcript-content.rendered h1,.scratchpad-content.rendered h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-3);border-bottom:2px solid var(--neutral-200)}.markdown-content.rendered h2,.transcript-content.rendered h2,.scratchpad-content.rendered h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-800);margin:var(--space-6) 0 var(--space-4) 0}.markdown-content.rendered h3,.transcript-content.rendered h3,.scratchpad-content.rendered h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-800);margin:var(--space-5) 0 var(--space-3) 0}.markdown-content.rendered h4,.transcript-content.rendered h4,.scratchpad-content.rendered h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-700);margin:var(--space-4) 0 var(--space-2) 0}.markdown-content.rendered p,.transcript-content.rendered p,.scratchpad-content.rendered p{margin:var(--space-3) 0}.markdown-content.rendered strong,.transcript-content.rendered strong,.scratchpad-content.rendered strong{font-weight:var(--font-bold);color:var(--neutral-900)}.markdown-content.rendered ul,.transcript-content.rendered ul,.scratchpad-content.rendered ul,.markdown-content.rendered ol,.transcript-content.rendered ol,.scratchpad-content.rendered ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.markdown-content.rendered li,.transcript-content.rendered li,.scratchpad-content.rendered li{margin:var(--space-2) 0}.markdown-content.rendered table,.transcript-content.rendered table,.scratchpad-content.rendered table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--text-sm)}.markdown-content.rendered th,.transcript-content.rendered th,.scratchpad-content.rendered th{background:var(--neutral-100);padding:var(--space-2) var(--space-3);text-align:left;font-weight:var(--font-semibold);color:var(--neutral-800);border-bottom:2px solid var(--neutral-200)}.markdown-content.rendered td,.transcript-content.rendered td,.scratchpad-content.rendered td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--neutral-100);color:var(--neutral-700)}.markdown-content.rendered tr:hover,.transcript-content.rendered tr:hover,.scratchpad-content.rendered tr:hover{background:var(--neutral-50)}.markdown-content.rendered code,.transcript-content.rendered code,.scratchpad-content.rendered code{background:var(--neutral-100);padding:2px 6px;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,monospace;font-size:.9em;color:var(--primary-700)}.markdown-content.rendered pre,.transcript-content.rendered pre,.scratchpad-content.rendered pre{background:var(--neutral-900);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-4) 0}.markdown-content.rendered pre code,.transcript-content.rendered pre code,.scratchpad-content.rendered pre code{background:none;color:var(--neutral-100);padding:0}.markdown-content.rendered blockquote,.transcript-content.rendered blockquote,.scratchpad-content.rendered blockquote{border-left:4px solid var(--primary-300);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--neutral-600);font-style:italic}.markdown-content.rendered hr,.transcript-content.rendered hr,.scratchpad-content.rendered hr{border:none;border-top:1px solid var(--neutral-200);margin:var(--space-6) 0}.transcripts-section{margin-bottom:var(--space-8)}.transcripts-list{display:flex;flex-direction:column;gap:var(--space-3)}.transcript-item{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s var(--ease-smooth)}.transcript-item:hover{border-color:var(--primary-200)}.transcript-item.expanded{border-color:var(--primary-300)}.transcript-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);cursor:pointer;transition:background .2s var(--ease-smooth)}.transcript-header:hover{background:var(--neutral-50)}.transcript-info{display:flex;align-items:center;gap:var(--space-3);color:var(--neutral-700)}.transcript-info svg{color:var(--primary-500)}.transcript-name{font-weight:var(--font-medium);text-transform:capitalize}.transcript-actions{display:flex;align-items:center;gap:var(--space-3);color:var(--neutral-500)}.loading-text{font-size:var(--text-sm);color:var(--neutral-400)}.transcript-content{border-top:1px solid var(--neutral-200);padding:var(--space-5);background:var(--neutral-50);animation:slideUp .2s var(--ease-bounce)}.transcript-content pre{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-sm);color:var(--neutral-700);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6;max-height:500px;overflow-y:auto}.scratchpad-section{margin-bottom:var(--space-8)}.scratchpad-content{padding:var(--space-6);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl)}.scratchpad-content pre{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-sm);color:var(--neutral-700);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.empty-card{padding:var(--space-8);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);text-align:center}.empty-card p{color:var(--neutral-500);margin:0}.loading-state,.error-state{text-align:center;padding:var(--space-16);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl)}.loading-state p,.error-state p{color:var(--neutral-500);margin:0 0 var(--space-6) 0}@media(max-width:768px){.audit-header{flex-direction:column;text-align:center;gap:var(--space-3)}.summary-grid{grid-template-columns:1fr 1fr}.events-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.event-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.api-logs{max-width:1200px;margin:0 auto}.logs-header{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);margin-bottom:var(--space-6);animation:popIn .4s var(--ease-bounce)}.header-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-600);border-radius:var(--radius-lg);flex-shrink:0}.header-info{flex:1}.header-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-1) 0}.header-meta{font-size:var(--text-sm);color:var(--neutral-500);margin:0}.filters-bar{display:flex;align-items:flex-end;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-group label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em}.filter-group select,.filter-group input{padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--neutral-700);background:#fff;min-width:140px;transition:all .2s var(--ease-smooth)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.filter-stats{margin-left:auto;font-size:var(--text-sm);color:var(--neutral-500);padding:var(--space-2) 0}.error-banner{padding:var(--space-3) var(--space-4);background:var(--error-light);color:#b91c1c;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.logs-table-wrapper{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);overflow:hidden}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.logs-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-600);text-transform:uppercase;letter-spacing:.05em}.logs-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--neutral-700);border-bottom:1px solid var(--neutral-100)}.log-row{cursor:pointer;transition:background .15s var(--ease-smooth)}.log-row:hover{background:var(--neutral-50)}.log-row.expanded{background:var(--primary-50)}.log-row.has-error{background:#fee2e24d}.log-row.has-error:hover{background:#fee2e280}.col-time{width:100px}.col-method,.col-status{width:80px}.col-duration{width:90px;text-align:right}.method-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase}.method-get{background:#dbeafe;color:#1d4ed8}.method-post{background:#dcfce7;color:#15803d}.method-put{background:#fef3c7;color:#b45309}.method-delete{background:#fee2e2;color:#b91c1c}.method-default{background:var(--neutral-100);color:var(--neutral-600)}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold)}.status-success{background:#dcfce7;color:#15803d}.status-warning{background:#fef3c7;color:#b45309}.status-error{background:#fee2e2;color:#b91c1c}.status-info{background:#dbeafe;color:#1d4ed8}.path-text{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-sm)}.details-row td{padding:0;background:var(--neutral-50)}.log-details{padding:var(--space-4) var(--space-5);animation:slideUp .2s var(--ease-bounce)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:var(--text-sm);color:var(--neutral-700)}.detail-value.mono{font-family:SF Mono,Monaco,Inconsolata,monospace;word-break:break-all}.detail-code{padding:var(--space-3);background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-sm);color:var(--neutral-700);margin:0;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.error-detail .detail-code{background:#fef2f2;border-color:#fecaca}.error-text{color:#b91c1c}.load-more-wrapper{display:flex;justify-content:center;padding:var(--space-6)}.load-more-btn{padding:var(--space-3) var(--space-6);background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);cursor:pointer;transition:all .2s var(--ease-smooth)}.load-more-btn:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-600)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:var(--space-12);color:var(--neutral-500)}.loading-state{text-align:center;padding:var(--space-16);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl)}.loading-spinner{width:48px;height:48px;border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;margin:0 auto var(--space-4);animation:spin 1s linear infinite}@media(max-width:768px){.filters-bar{flex-direction:column;align-items:stretch}.filter-group select,.filter-group input{width:100%}.filter-stats{margin-left:0;text-align:center}.col-duration{display:none}.path-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}#root{min-height:100vh}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-loading .loading-spinner{width:48px;height:48px;border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.with-navbar{padding-top:72px}:root{--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--accent-50: #fffbeb;--accent-100: #fef3c7;--accent-200: #fde68a;--accent-300: #fcd34d;--accent-400: #fbbf24;--accent-500: #f59e0b;--accent-600: #d97706;--accent-700: #b45309;--neutral-50: #fafaf9;--neutral-100: #f5f5f4;--neutral-200: #e7e5e4;--neutral-300: #d6d3d1;--neutral-400: #a8a29e;--neutral-500: #78716c;--neutral-600: #57534e;--neutral-700: #44403c;--neutral-800: #292524;--neutral-900: #1c1917;--success: #22c55e;--success-light: #dcfce7;--error: #ef4444;--error-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--color-bg-primary: var(--neutral-50);--color-bg-secondary: var(--neutral-100);--color-bg-elevated: white;--color-bg-overlay: rgba(255, 255, 255, .8);--color-text-primary: var(--neutral-900);--color-text-secondary: var(--neutral-500);--color-text-muted: var(--neutral-400);--color-accent: var(--primary-600);--color-accent-hover: var(--primary-700);--color-accent-muted: var(--primary-100);--color-success: var(--success);--color-success-muted: var(--success-light);--color-error: var(--error);--color-error-muted: var(--error-light);--color-border: var(--neutral-200);--color-border-hover: var(--neutral-300);--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--text-xs: .7rem;--text-sm: .85rem;--text-base: .95rem;--text-lg: 1.1rem;--text-xl: 1.4rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 2.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 100px;--shadow-sm: 0 2px 8px -2px rgba(0,0,0,.08);--shadow-md: 0 8px 24px -8px rgba(0,0,0,.12);--shadow-lg: 0 16px 48px -12px rgba(0,0,0,.15);--shadow-xl: 0 24px 64px -16px rgba(0,0,0,.2);--shadow-glow-primary: 0 8px 32px -8px rgba(124, 58, 237, .35);--shadow-glow-accent: 0 8px 32px -8px rgba(245, 158, 11, .35);--shadow-glow-success: 0 8px 32px -8px rgba(34, 197, 94, .35);--shadow-glow-error: 0 8px 32px -8px rgba(239, 68, 68, .35);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .4s;--transition-fast: var(--duration-fast) var(--ease-smooth);--transition-base: var(--duration-base) var(--ease-smooth);--transition-slow: var(--duration-slow) var(--ease-smooth);--transition-bounce: var(--duration-slow) var(--ease-bounce);--z-base: 0;--z-elevated: 10;--z-sticky: 50;--z-overlay: 100;--z-modal: 1000}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--neutral-50);color:var(--neutral-900);line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--neutral-900)}.blob-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:blobFloat 20s ease-in-out infinite}.blob-1{width:600px;height:600px;background:linear-gradient(135deg,var(--primary-200),var(--primary-300));top:-200px;right:-100px;animation-delay:0s}.blob-2{width:500px;height:500px;background:linear-gradient(135deg,var(--accent-200),var(--accent-300));bottom:-150px;left:-100px;animation-delay:-7s}.blob-3{width:400px;height:400px;background:linear-gradient(135deg,var(--primary-100),var(--accent-100));top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}.glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8)}.glass-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}::selection{background:var(--primary-200);color:var(--primary-900)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animate-pop-in{animation:popIn .4s var(--ease-bounce)}.animate-slide-up{animation:slideUp .3s var(--ease-smooth)}.animate-fade-in{animation:fadeIn .2s var(--ease-smooth)}