@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap";.landing-container{min-height:100vh;background-color:var(--bg-primary);position:relative;overflow-x:hidden;transition:var(--theme-transition)}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:48px 48px;opacity:.35;z-index:0;pointer-events:none}.bg-glow,.features-bg-decoration,.feature-card:after,.feature-card:before{display:none!important}.landing-nav{position:sticky;top:0;z-index:100;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,7%);border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-primary) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:var(--theme-transition)}.logo{display:flex;align-items:center;gap:9px;font-size:.92rem;font-weight:700;letter-spacing:.09em;color:var(--text-primary);font-family:var(--font-main);text-transform:uppercase}.logo .accent{color:var(--accent-primary)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:6px 18px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;font-family:var(--font-main);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);letter-spacing:.01em;white-space:nowrap}.nav-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--accent-subtle)}.hero-section{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;padding:clamp(60px,10vh,100px) clamp(20px,5vw,7%);min-height:calc(100vh - 60px);max-width:1360px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-subtle);color:var(--accent-primary);padding:4px 12px;border-radius:var(--radius-xs);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;margin-bottom:28px;border:1px solid var(--accent-border);font-family:var(--font-mono);width:fit-content;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.badge--active{border-color:var(--accent-primary);box-shadow:0 0 12px var(--accent-subtle);animation:pulse-badge 1.4s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.hero-headline{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:700;line-height:1.1;margin-bottom:22px;letter-spacing:-.03em;color:var(--text-primary)}.headline-divider{color:var(--text-muted);font-weight:400;font-size:.85em}.headline-ticker-wrap{display:inline-block;min-width:200px;vertical-align:baseline}.headline-ticker{display:inline-block;color:var(--accent-primary);transition:color .35s ease}.hero-sub{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.7;max-width:480px;margin-bottom:28px;font-weight:400}.hero-stats{display:flex;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:2px;padding:6px 14px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}.hero-stat--active{transform:translateY(-2px);border-color:var(--accent-border);background-color:var(--accent-subtle)}.hero-stat--active .hero-stat-value{color:var(--accent-primary)}.hero-stat-value{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em}.hero-stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.hero-stat-sep{width:1px;height:28px;background:var(--border-color);flex-shrink:0}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-cta{padding:11px 26px;font-size:.9rem;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.hero-cta--success-pulse{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important;animation:cta-success-glow 2s infinite}@keyframes cta-success-glow{0%{box-shadow:0 0 #3b7dd873;transform:scale(1)}50%{transform:scale(1.02)}70%{box-shadow:0 0 0 10px #3b7dd800}to{box-shadow:0 0 #3b7dd800;transform:scale(1)}}.hero-cta-note{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.hero-visual{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--theme-transition);position:relative}.hv-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.hv-dots{display:flex;gap:5px}.hv-dot{width:9px;height:9px;border-radius:50%}.hv-dot--red{background:#ff5f57}.hv-dot--yellow{background:#febc2e}.hv-dot--green{background:#28c840}.hv-title{flex:1;text-align:center;font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em}.hv-live{display:flex;align-items:center;gap:5px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--success-color);font-family:var(--font-mono)}.hv-live-dot{width:5px;height:5px;border-radius:50%;background:var(--success-color);animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hv-stats-row{display:flex;align-items:center;gap:20px;padding:16px 20px;border-bottom:1px solid var(--border-color)}.hv-stat-group{display:flex;gap:20px;flex:1;justify-content:center}.hv-mini-stat{display:flex;flex-direction:column;gap:2px;align-items:center}.hv-mini-val{font-size:1.2rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.hv-mini-val--accent{color:var(--accent-primary)}.hv-mini-val--success{color:var(--success-color)}.hv-mini-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500;text-align:center;white-space:nowrap}.hv-divider{height:1px;background:var(--border-color);display:none}.hv-pipeline{padding:14px 18px;display:flex;flex-direction:column;gap:0}.hv-stage{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--radius-xs);transition:background var(--transition-fast),var(--theme-transition)}.hv-stage--active{background:var(--bg-tertiary)}.hv-stage--running{background:var(--accent-subtle)}.hv-stage-icon{width:28px;height:28px;border-radius:var(--radius-xs);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-tertiary);transition:border-color var(--transition-fast),background var(--transition-fast)}.hv-stage--running .hv-stage-icon{border-color:var(--accent-border);background:var(--accent-subtle)}.hv-stage--done .hv-stage-icon{border-color:#22c55e4d;background:#22c55e0f}.hv-spin{animation:spin 1s linear infinite}.hv-stage-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.hv-stage-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);line-height:1}.hv-stage--active .hv-stage-label,.hv-stage--running .hv-stage-label{color:var(--text-primary)}.hv-stage--done .hv-stage-label{color:var(--text-muted)}.hv-stage-detail{display:block;font-size:.7rem;color:var(--accent-primary);font-family:var(--font-mono);overflow:hidden}.hv-stage-complete{display:block;font-size:.7rem;color:var(--success-color);font-family:var(--font-mono)}.hv-stage-badge{flex-shrink:0}.hv-badge{font-size:.62rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-xs);font-family:var(--font-mono);letter-spacing:.04em;border:1px solid transparent}.hv-badge--idle{color:var(--text-muted);border-color:var(--border-color);background:transparent}.hv-badge--queued{color:var(--accent-primary);border-color:var(--accent-border);background:var(--accent-subtle)}.hv-badge--running{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b12}.hv-badge--done{color:var(--success-color);border-color:#22c55e4d;background:#22c55e12}.hv-connector{height:1px;margin:2px 8px 2px 22px;background:var(--border-color);position:relative;overflow:hidden}.hv-connector-fill{position:absolute;inset:0;background:var(--success-color);transform-origin:left;opacity:.6}.hv-score-reveal{position:absolute;inset:0;background:color-mix(in srgb,var(--bg-secondary) 94%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-md)}.hv-score-inner{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.hv-score-number{font-size:4rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.05em;line-height:1}.hv-score-label{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em}.hv-score-badges{display:flex;gap:6px;margin-top:4px}.hv-score-tag{font-size:.62rem;font-weight:600;padding:3px 9px;border-radius:var(--radius-xs);color:var(--accent-primary);background:var(--accent-subtle);border:1px solid var(--accent-border);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.hv-score-tag--green{color:var(--success-color);background:#22c55e12;border-color:#22c55e40}.features-section{position:relative;z-index:1;padding:0 clamp(20px,5vw,7%) 80px;max-width:1360px;margin:0 auto}.features-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px;font-family:var(--font-mono)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.feature-card{padding:clamp(24px,3vw,36px);background:var(--bg-secondary);transition:background var(--transition-base),var(--theme-transition);display:flex;flex-direction:column;align-items:flex-start}.feature-card:hover{background:var(--bg-tertiary)}.card-ai{grid-column:span 2;flex-direction:row;align-items:center;gap:32px}.card-ai .icon-wrapper{width:52px;height:52px;margin-bottom:0;flex-shrink:0}.card-ai h3{font-size:1.1rem;margin-bottom:6px}.card-ai p{font-size:.9rem;max-width:540px}.feature-content{flex:1}.icon-wrapper{width:42px;height:42px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);transition:border-color var(--transition-fast),background var(--transition-fast)}.feature-card:hover .icon-wrapper{border-color:var(--accent-border)}.accent-icon{color:var(--text-muted);transition:color var(--transition-fast)}.feature-card:hover .accent-icon{color:var(--accent-primary)}.feature-card h3{margin-bottom:8px;font-size:.97rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.error-modal-overlay{position:fixed;inset:0;background:#000000b8;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.error-modal-card{background:var(--bg-overlay);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:36px;max-width:460px;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-modal);transition:var(--theme-transition)}.close-modal-btn{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.close-modal-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.error-icon-wrapper{background:#f8717114;padding:16px;border-radius:var(--radius-sm);margin-bottom:22px;border:1px solid rgba(248,113,113,.2)}.error-icon{color:var(--error-color)}.error-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.error-message{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:20px}.highlight-domain{color:var(--error-color);font-weight:600;background:#f871710f;padding:1px 6px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.85em}.error-steps{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px 20px;width:100%;text-align:left;margin-bottom:24px}.error-steps p{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px;line-height:1.5}.error-steps p:last-child{margin-bottom:0}.try-again-btn{width:100%;padding:12px;background:var(--error-color);color:#fff}.try-again-btn:hover{background:#f66060}@media(max-width:900px){.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:60px;padding-bottom:60px;gap:40px}.hero-sub{max-width:100%}.hero-visual{max-height:none;overflow-y:visible}.features-grid{grid-template-columns:1fr}.card-ai{grid-column:span 1;flex-direction:column;align-items:flex-start;gap:0}.card-ai .icon-wrapper{width:42px;height:42px;margin-bottom:18px}}@media(max-width:600px){.landing-nav{height:54px;padding:0 16px}.logo{font-size:.85rem}.hero-section{padding:40px 16px 48px}.hero-headline{font-size:clamp(1.75rem,8vw,2.4rem)}.headline-ticker-wrap{min-width:130px}.hero-stats{gap:14px}.hero-cta-note{display:none}.badge{font-size:.62rem}.feature-card{padding:22px 18px}.error-modal-card{padding:24px 20px}.hv-stats-row{flex-direction:column;gap:16px;padding:16px 12px;align-items:center}.hv-stat-group{width:100%;justify-content:space-around;gap:12px}}.app-footer{margin-top:auto;padding:60px clamp(20px,5vw,7%) 30px;background:var(--bg-secondary);border-top:1px solid var(--border-color);position:relative;z-index:10;transition:var(--theme-transition)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-brand h3{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-weight:800;font-size:1.1rem;color:var(--text-primary)}.footer-brand p{color:var(--text-secondary);line-height:1.6;font-size:.9rem;max-width:300px}.footer-col h4{margin-bottom:20px;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px;color:var(--text-secondary);font-size:.9rem}.footer-links a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.footer-socials{display:flex;gap:20px;color:var(--text-muted)}.footer-socials svg{cursor:pointer;transition:color var(--transition-fast)}.footer-socials svg:hover{color:var(--accent-primary)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:500px){.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}}.dashboard-container{display:flex;min-height:100vh;background-color:var(--bg-primary);transition:var(--theme-transition)}.sidebar{width:228px;min-height:100vh;padding:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;transition:transform var(--dur-slow) var(--ease-out),var(--theme-transition);z-index:200}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 0;margin-bottom:28px}.sidebar .logo{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.sidebar .logo-icon{color:var(--accent-primary)}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:5px;border-radius:var(--radius-xs);transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1}.sidebar .nav-item{display:flex;align-items:center;gap:10px;color:var(--text-muted);padding:9px 10px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);font-size:.83rem;font-weight:500;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;letter-spacing:.01em}.sidebar .nav-item:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.sidebar .nav-item.active{background:var(--accent-subtle);color:var(--accent-primary);border-left:2px solid var(--accent-primary);padding-left:8px}.nav-item.instructor-link{color:var(--text-secondary);border:1px dashed var(--border-light);margin-top:14px;border-radius:var(--radius-sm)}.nav-item.instructor-link:hover{background:var(--bg-tertiary);border-style:solid;border-color:var(--border-light);color:var(--text-primary)}.sidebar-footer{margin-top:auto;padding:16px 14px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.role-badge{background:var(--bg-tertiary);color:var(--text-muted);padding:5px 10px;border-radius:var(--radius-xs);font-size:.67rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);border:1px solid var(--border-color)}.sidebar-footer-actions{display:flex;align-items:center;gap:8px}.logout-btn{flex:1;background:transparent;border:1px solid rgba(248,113,113,.18);color:var(--error-color);padding:7px 12px;border-radius:var(--radius-xs);cursor:pointer;font-size:.78rem;font-weight:500;font-family:var(--font-main);transition:background var(--transition-fast),border-color var(--transition-fast);text-align:center}.logout-btn:hover{background:#f8717112;border-color:#f8717159}.sidebar-backdrop{position:fixed;inset:0;background:#0000008c;z-index:199}.hamburger-btn{display:none;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:7px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.hamburger-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.dashboard-content{flex:1;padding:clamp(24px,4vw,40px) clamp(20px,4vw,44px);overflow-y:auto;min-width:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;border-bottom:1px solid var(--border-color);padding-bottom:20px;gap:12px}.header-text{flex:1;min-width:0}.dashboard-header h1{font-size:clamp(1.1rem,3vw,1.45rem);font-weight:600;margin-bottom:4px;letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header p{color:var(--text-muted);font-size:.82rem}.user-profile img{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);object-fit:cover;flex-shrink:0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.stat-card{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),var(--theme-transition)}.stat-card:hover{border-color:var(--border-light)}.stat-info p{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-weight:600}.stat-info h2{font-size:1.5rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em}.stat-icon{width:20px;height:20px;opacity:.85}.stat-icon.success{color:var(--success-color)}.stat-icon.warn{color:var(--warning-color)}.stat-icon.info{color:var(--accent-primary)}.readiness-ring{position:relative;width:80px;height:80px}.readiness-ring svg{width:100%;height:100%}.ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ring-text .value{font-size:1.1rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.ring-text .label{font-size:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.3;margin-top:2px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.section-header h2{font-size:.97rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.lab-grid{display:flex;flex-direction:column;gap:10px}.lab-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast),var(--theme-transition);gap:12px;flex-wrap:wrap}.lab-item:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.lab-main{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.lab-icon{width:32px;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border-color);flex-shrink:0}.lab-info h3{font-size:.88rem;font-weight:500;margin-bottom:2px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-info p{font-size:.76rem;color:var(--text-secondary)}.lab-status{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.forge-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-xs);font-size:.78rem;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);font-family:var(--font-main);white-space:nowrap}.forge-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.forge-btn.resume{border-color:#22c55e4d;color:var(--success-color)}.forge-btn.resume:hover{background:#22c55e0d;border-color:#22c55e8c}.view-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font-size:.77rem;font-weight:500;transition:border-color var(--transition-fast),color var(--transition-fast);font-family:var(--font-main);white-space:nowrap}.view-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.view-btn.success{border-color:var(--success-color);color:var(--success-color)}.view-btn.success.unenroll-toggle{position:relative;overflow:hidden;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.view-btn.success.unenroll-toggle:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.text-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--accent-primary);cursor:pointer;font-size:.83rem;font-weight:500;transition:color var(--transition-fast);font-family:var(--font-main);white-space:nowrap}.text-btn:hover{color:var(--accent-hover)}.score-badge{font-size:.77rem;color:var(--text-secondary);padding:3px 9px;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-family:var(--font-mono);border:1px solid var(--border-color);white-space:nowrap}.score-badge b{color:var(--text-primary)}.week-badge{background:var(--bg-tertiary);color:var(--text-muted);padding:3px 9px;border-radius:var(--radius-xs);font-size:.67rem;font-weight:600;min-width:56px;text-align:center;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);border:1px solid var(--border-color);white-space:nowrap;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:10px}.empty-state h3{color:var(--text-secondary);font-size:.95rem;font-weight:500}.empty-state p{font-size:.82rem;color:var(--text-muted)}.loading-state{padding:2.5rem;text-align:center;color:var(--text-muted);font-size:.82rem;font-family:var(--font-mono)}.profile-prompt-card{border:1px solid rgba(245,158,11,.18);background:#f59e0b08;margin-bottom:20px;padding:18px 20px;border-radius:var(--radius-md);display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.profile-prompt-content{flex:1;min-width:200px}.profile-prompt-content h3{margin-bottom:5px;font-size:.95rem;color:var(--warning-color);font-weight:600}.form-row{display:flex;gap:10px;margin-bottom:14px;margin-top:10px;flex-wrap:wrap}.swem-input{flex:1;min-width:140px;padding:9px 12px;border-radius:var(--radius-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem;font-family:var(--font-main);transition:border-color var(--transition-fast),background var(--transition-fast),var(--theme-transition)}.swem-input::placeholder{color:var(--text-muted)}.swem-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-overlay)}.leaderboard-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary)}.leaderboard-table{width:100%;border-collapse:collapse;min-width:500px;text-align:left}.leaderboard-table th{padding:10px 16px;background:#0000000f;font-weight:600;color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-color);white-space:nowrap}.leaderboard-table td{padding:11px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tr:hover td{background:#ffffff03}.leaderboard-table tr.current-user td{background:var(--accent-subtle)}.student-cell{display:flex;align-items:center;gap:10px}.student-cell img{width:26px;height:26px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}.student-info h4{font-size:.85rem;font-weight:500}.student-info span{font-size:.73rem;color:var(--text-muted)}.score-text{font-family:var(--font-mono);font-weight:500;color:var(--accent-primary);font-size:.88rem}.completed-count{display:inline-block;padding:2px 7px;border-radius:var(--radius-xs);background:var(--bg-tertiary);font-size:.73rem;font-weight:500;color:var(--text-secondary);font-family:var(--font-mono);border:1px solid var(--border-color)}.settings-card{padding:0;overflow:hidden}.settings-section{padding:24px}.settings-divider{height:1px;background:var(--border-color)}.settings-avatar-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.settings-avatar{width:58px;height:58px;border-radius:50%;border:1px solid var(--border-color);object-fit:cover;flex-shrink:0}.settings-user-info h3{font-size:1.05rem;font-weight:600;margin-bottom:3px}.settings-section-title{font-size:.9rem;font-weight:600;margin-bottom:6px;color:var(--text-primary);letter-spacing:-.01em}.settings-form-group{margin-bottom:14px}.settings-label{display:block;font-size:.68rem;font-weight:600;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.07em}.settings-form-group .swem-input{width:100%;max-width:440px}.settings-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:12px}.settings-detail-item{display:flex;flex-direction:column;gap:3px}.settings-detail-label{font-size:.67rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.settings-detail-value{font-size:.85rem;color:var(--text-primary);font-weight:500;font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.dashboard-sidebar{width:228px;background:var(--bg-secondary);border-right:1px solid var(--border-color)}.logo-small{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--accent-primary);letter-spacing:.05em;text-transform:uppercase}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);box-shadow:var(--shadow-lg);z-index:200}.sidebar.sidebar--open{transform:translate(0)}.sidebar-close-btn,.hamburger-btn{display:flex}.dashboard-content{padding:24px 20px}.stats-row{grid-template-columns:repeat(2,1fr)}.stats-row .stat-card:first-child{grid-column:span 2;justify-content:center;gap:24px}}@media(max-width:600px){.dashboard-content{padding:18px 14px}.dashboard-header{margin-bottom:20px;padding-bottom:14px}.dashboard-header h1{font-size:1rem}.stats-row{grid-template-columns:1fr;gap:10px}.stats-row .stat-card:first-child{grid-column:span 1;justify-content:space-between}.lab-item{flex-direction:column;align-items:flex-start;padding:14px}.lab-main{width:100%}.lab-status{width:100%;justify-content:flex-end}.settings-detail-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.swem-input{width:100%}}.activity-detail-container{min-height:100vh;padding:32px 48px;background:var(--bg-primary)}.activity-loading,.activity-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100vh;color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem}.activity-header{margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-bottom:12px;transition:var(--transition-fast);font-size:.85rem}.back-btn:hover{color:var(--accent-primary)}.activity-title{display:flex;flex-direction:column;gap:6px}.activity-title h1{font-size:1.6rem;font-weight:600;letter-spacing:-.01em}.activity-title p{color:var(--text-muted);font-size:.85rem}.week-badge{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;width:fit-content;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono)}.activity-content{display:grid;grid-template-columns:1fr 300px;gap:24px}.activity-main{display:flex;flex-direction:column;gap:20px}.env-card,.instructions-card,.steps-card,.status-card,.info-card{padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.env-card h3,.instructions-card h3,.steps-card h3{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.description{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.env-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:4px 10px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;font-family:var(--font-mono)}.tag.secondary{color:var(--text-secondary)}.tag.autograde{border-color:#10b9814d;background:#10b9810d;color:var(--success-color)}.markdown-content{line-height:1.7;color:var(--text-secondary);font-size:.9rem}.markdown-content .md-h1{font-size:1.25rem;color:var(--text-primary);margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-color);font-weight:600}.markdown-content .md-h2{font-size:1.1rem;color:var(--text-primary);margin:16px 0 8px;font-weight:600}.markdown-content .md-h3{font-size:.95rem;color:var(--accent-primary);margin:12px 0 6px;font-weight:600}.markdown-content p{margin-bottom:12px}.markdown-content .md-strong{color:var(--text-primary);font-weight:600}.markdown-content .code-block{background:#0003;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 16px;overflow-x:auto;margin:16px 0;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:#e4e4e7}.markdown-content .code-block code{background:none;padding:0;color:inherit}.markdown-content .inline-code{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85em}.markdown-content .md-list{padding-left:0;margin:12px 0;list-style:none}.markdown-content .md-list.numbered{counter-reset:list-counter}.markdown-content .md-list-item{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.5}.markdown-content .md-list-item:before{content:"·";position:absolute;left:4px;color:var(--accent-primary);font-weight:700;font-size:1rem}.markdown-content .md-list.numbered .md-list-item:before{counter-increment:list-counter;content:counter(list-counter) ".";color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono);font-weight:400;left:0}.markdown-content .md-link{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid var(--accent-primary);transition:var(--transition-fast)}.markdown-content .md-link:hover{color:var(--accent-secondary);border-color:var(--accent-secondary)}.markdown-content .md-blockquote{border-left:2px solid var(--border-light);background:#ffffff03;padding:10px 14px;margin:16px 0;border-radius:var(--radius-sm);font-style:italic;color:var(--text-secondary)}.markdown-content .md-blockquote p{margin-bottom:0}.markdown-content .md-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.85rem}.markdown-content .md-table th,.markdown-content .md-table td{padding:8px 12px;text-align:left;border:1px solid var(--border-color)}.markdown-content .md-table th{background:#0000001a;color:var(--text-primary);font-weight:500}.markdown-content .md-table tr:nth-child(2n){background:#ffffff03}.markdown-content hr{border:none;height:1px;background:var(--border-color);margin:24px 0}.markdown-content img{max-width:100%;border-radius:var(--radius-sm);margin:12px 0;border:1px solid var(--border-color)}.steps-progress{display:flex;align-items:center;gap:8px;margin-bottom:20px;position:relative;padding:0 4px}.progress-line{position:absolute;top:50%;left:4px;height:2px;background:var(--border-color);border-radius:var(--radius-sm);z-index:0}.step-dot{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);font-weight:500;font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary);z-index:1}.step-dot:hover{border-color:var(--text-primary);color:var(--text-primary)}.step-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.step-dot.done{background:#10b9811a;border-color:var(--success-color);color:var(--success-color)}.step-content{padding:16px;background:#0000001a;border-radius:var(--radius-sm);border:1px solid var(--border-color);min-height:120px}.step-content h4{color:var(--accent-primary);margin-bottom:8px;font-size:.95rem;font-weight:600}.step-description{color:var(--text-secondary);line-height:1.6;font-size:.85rem}.hint-box{margin-top:12px;padding:8px 12px;background:#f59e0b0d;border-left:2px solid var(--warning-color);border-radius:var(--radius-sm);color:var(--warning-color);font-size:.8rem;display:flex;align-items:flex-start;gap:6px}.step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.step-counter{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.nav-btn{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:var(--transition-fast)}.nav-btn:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary)}.nav-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.nav-btn.primary:hover:not(:disabled){background:var(--accent-secondary);color:#fff}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.activity-sidebar{display:flex;flex-direction:column;gap:16px}.status-card h3{margin-bottom:12px;font-size:1rem;font-weight:600}.status-text{display:flex;align-items:center;gap:6px;color:var(--text-muted);margin-bottom:12px;font-size:.85rem;font-family:var(--font-mono)}.status-text.graded{color:var(--success-color)}.status-text.in-progress{color:var(--warning-color)}.grade-display{text-align:center;margin:20px 0}.grade-display .grade{font-size:2.5rem;font-weight:600;color:var(--success-color);font-family:var(--font-mono)}.grade-display .max{font-size:1.1rem;color:var(--text-muted);font-family:var(--font-mono)}.feedback-box{margin-top:12px;padding:12px;background:#10b98108;border:1px solid rgba(16,185,129,.1);border-radius:var(--radius-sm)}.feedback-box h4{font-size:.75rem;margin-bottom:4px;color:var(--success-color);text-transform:uppercase;letter-spacing:.05em}.feedback-box p{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.repo-link{display:flex;align-items:center;gap:6px;color:var(--accent-primary);margin-bottom:12px;font-size:.85rem;text-decoration:none}.repo-link.secondary{margin-top:12px;margin-bottom:0}.glow-btn.full{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.glow-btn:disabled{opacity:.6;cursor:wait}.codespaces-link{display:block;text-align:center;font-size:.8rem;color:var(--text-muted);margin-bottom:12px;text-decoration:none;transition:var(--transition-fast)}.codespaces-link:hover{color:var(--text-primary)}.helper-text{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:6px}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--success-color);background:transparent;color:var(--success-color);cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--success-color);color:#fff}.submit-btn:disabled{opacity:.4;cursor:wait}.submit-status{display:flex;align-items:center;gap:6px;padding:10px;border-radius:var(--radius-sm);margin-top:12px;font-size:.85rem}.submit-status.success{background:#10b9810d;color:var(--success-color);border:1px solid rgba(16,185,129,.15)}.submit-status.error{background:#ef44440d;color:var(--error-color);border:1px solid rgba(239,68,68,.15)}.info-card h4{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.info-card p{color:var(--text-primary);font-size:.85rem}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{padding:2px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-mono)}@media(max-width:900px){.activity-detail-container{padding:16px}.activity-content{grid-template-columns:1fr}.activity-sidebar{order:-1}}.instructor-container{min-height:100vh;padding:32px 48px;background:var(--bg-primary)}.instructor-header{margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--border-color);padding-bottom:22px}.instructor-header .header-left{display:flex;flex-direction:column;gap:8px}.instructor-header .header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-family:var(--font-main);transition:var(--transition-fast);width:fit-content}.back-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.role-indicator{background:var(--bg-tertiary);color:var(--accent-primary);border:1px solid var(--border-color);padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.instructor-header h1{font-size:1.65rem;font-weight:600;margin-bottom:0;letter-spacing:-.025em}.instructor-header h1 span{color:var(--text-secondary);font-size:.95rem;margin-left:10px;vertical-align:middle;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.instructor-header p{color:var(--text-muted);margin:0;font-size:.8rem;font-family:var(--font-mono)}.instructor-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.instructor-tabs button{display:flex;align-items:center;gap:8px;padding:7px 14px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.83rem;font-weight:500;font-family:var(--font-main);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);letter-spacing:.01em}.instructor-tabs button:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-secondary)}.instructor-tabs button.active{background:var(--accent-subtle);color:var(--accent-primary);border-color:var(--accent-border)}.instructor-tabs button:disabled{opacity:.35;cursor:not-allowed}.instructor-content{padding:24px;min-height:60vh}.tab-panel h2{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.tab-panel h2 .accent{color:var(--accent-primary)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.course-card{padding:20px;cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.course-card:hover{border-color:var(--border-light)}.course-card h3{font-size:1.1rem;font-weight:500;margin-bottom:4px}.course-card .code{color:var(--accent-primary);font-family:var(--font-mono);font-size:.85rem}.course-card.add-card{border:1px dashed var(--border-color);display:flex;flex-direction:column;gap:8px;background:transparent}.course-card.add-card:hover{border-style:solid;border-color:var(--border-light)}.course-card.add-card h3{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.course-card input{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#0003;color:var(--text-primary);font-size:.85rem;font-family:var(--font-main)}.course-card input:focus{outline:none;border-color:var(--accent-primary)}.activity-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.week-badge{background:var(--bg-tertiary);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-sm);font-weight:500;font-size:.75rem;min-width:70px;text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-color)}.activity-info{flex:1}.activity-info h3{margin-bottom:2px;font-size:1rem;font-weight:500}.activity-info p{color:var(--text-secondary);font-size:.85rem}.add-activity{padding:24px;display:flex;flex-direction:column;gap:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.add-activity h3{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:600;color:var(--text-primary);padding-bottom:8px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.form-section{display:flex;flex-direction:column;gap:10px;padding:16px;background:#0000001a;border-radius:var(--radius-md);border:1px solid var(--border-color)}.form-section>label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.add-activity input,.add-activity textarea,.add-activity select{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#0003;color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:border-color var(--transition-fast)}.add-activity input:focus,.add-activity textarea:focus,.add-activity select:focus{outline:none;border-color:var(--accent-primary)}.add-activity input::placeholder,.add-activity textarea::placeholder{color:var(--text-muted)}.add-activity textarea{min-height:80px;resize:vertical}.add-activity select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.add-activity .row{display:flex;gap:12px}.add-activity .row>*{flex:1}.checkbox-row{flex-direction:row!important;align-items:center!important;gap:8px!important;padding:2px 0}.checkbox-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-row label{font-size:.85rem!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:var(--text-secondary)!important;cursor:pointer}.step-input{padding:16px;display:flex;flex-direction:column;gap:8px;position:relative;margin-bottom:4px;background:#00000026;border:1px solid var(--border-color)}.step-num{position:absolute;top:-8px;left:12px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:2px 8px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:500;font-family:var(--font-mono)}.step-input input,.step-input textarea{width:100%}.step-input textarea{min-height:60px}.text-btn{display:flex;align-items:center;gap:6px;background:none;border:1px dashed var(--border-color);padding:10px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);justify-content:center;font-size:.8rem}.text-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff03}.grading-info{display:flex;gap:24px;padding:12px 16px;background:#00000026;border-radius:var(--radius-sm);margin-bottom:20px;border:1px solid var(--border-color)}.grading-info span{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono)}.modal-overlay{position:fixed;inset:0;background:#000000b8;display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px}.modal-content{background:var(--bg-overlay, #1a1e26);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:28px;width:90%;max-width:720px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 32px 80px #0000008c;animation:modalSlideUp var(--dur-slow) var(--ease-out)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.close-modal{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.close-modal:hover{color:#fff;background:var(--bg-tertiary)}.link-btn{background:none;border:none;color:var(--accent-primary);text-decoration:underline;cursor:pointer;font-weight:500;padding:0}.link-btn:hover{color:var(--accent-secondary)}.empty-state{color:var(--text-muted);text-align:center;padding:3rem;font-size:.9rem}.submission-list{display:flex;flex-direction:column;gap:12px}.refresh-indicator{font-size:.75rem;color:var(--text-muted);text-align:right;margin-bottom:4px;font-family:var(--font-mono)}.submission-item.needs-grading{border:1px solid var(--warning-color)}.submission-item{padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.student-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.student-info .status{margin-left:auto;padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;font-family:var(--font-mono)}.student-info .status.started{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.student-info .status.submitted{background:var(--accent-subtle);color:var(--accent-primary);border:1px solid var(--accent-border)}.student-info .status.graded{background:#22c55e14;color:var(--success-color);border:1px solid rgba(34,197,94,.2)}.repo-link{display:inline-block;color:var(--accent-primary);margin-bottom:12px;font-size:.85rem;text-decoration:none}.repo-link:hover{text-decoration:underline}.grade-form{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-color);padding-top:12px}.grade-form input,.grade-form textarea{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#0003;color:var(--text-primary);font-size:.85rem;font-family:var(--font-main)}.grade-form input:focus,.grade-form textarea:focus{outline:none;border-color:var(--accent-primary)}.graded-info{background:#10b98108;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid rgba(16,185,129,.1);font-size:.85rem}.graded-info span{color:var(--success-color);font-weight:600;font-family:var(--font-mono)}.graded-info p{margin-top:6px;color:var(--text-secondary)}.forge-btn{padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:var(--transition-fast)}.forge-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.text-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.text-btn:hover{color:var(--text-primary)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.instructor-container{padding:20px 16px}.instructor-header{flex-direction:column;align-items:stretch;gap:14px;padding-bottom:16px}.instructor-header .header-right{align-items:flex-start;gap:8px}.instructor-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:6px;gap:4px;-webkit-overflow-scrolling:touch}.instructor-tabs button{flex-shrink:0;padding:6px 12px;font-size:.8rem}.instructor-content{padding:16px 8px}.activity-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.activity-info{width:100%}.submission-item{padding:16px}}@media(max-width:600px){.add-activity .row{flex-direction:column;gap:12px}.course-grid{grid-template-columns:1fr}.grading-info{flex-direction:column;gap:8px}}:root{--bg-primary: #0d0f12;--bg-secondary: #13161a;--bg-tertiary: #1c2029;--bg-overlay: #1a1e26;--accent-primary: #3b7dd8;--accent-hover: #2f68b8;--accent-active: #245197;--accent-subtle: rgba(59, 125, 216, .1);--accent-border: rgba(59, 125, 216, .28);--text-primary: #e8eaf0;--text-secondary: #8b90a0;--text-muted: #565c6e;--border-color: #1e2330;--border-light: #2b3145;--border-active: #3b7dd8;--success-color: #22c55e;--warning-color: #f59e0b;--error-color: #f87171;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--shadow-modal: 0 32px 80px rgba(0, 0, 0, .6);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 5px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-std: cubic-bezier(.25, .1, .25, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .35s;--transition-fast: var(--dur-fast) var(--ease-std);--transition-base: var(--dur-base) var(--ease-std);--transition-slow: var(--dur-slow) var(--ease-out);--theme-transition: background-color .25s var(--ease-std), color .25s var(--ease-std), border-color .25s var(--ease-std)}[data-theme=light]{--bg-primary: #f5f6f8;--bg-secondary: #ffffff;--bg-tertiary: #edf0f4;--bg-overlay: #f0f2f6;--text-primary: #111318;--text-secondary: #4b5468;--text-muted: #8b90a0;--border-color: #dde1ea;--border-light: #c4c9d8;--border-active: #3b7dd8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .18)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:var(--theme-transition)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-xs)}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--theme-transition)}.glow-btn{background:var(--accent-primary);color:#fff;border:none;padding:10px 22px;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;font-family:var(--font-main);letter-spacing:.01em;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm)}.glow-btn:hover{background:var(--accent-hover);box-shadow:0 2px 10px #3b7dd859}.glow-btn:active{background:var(--accent-active);box-shadow:none}.glow-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.theme-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-subtle)}.text-gradient{background:none;-webkit-text-fill-color:unset;color:var(--text-primary)}:root{color-scheme:dark}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}