body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-y:scroll}#root,body,html{height:100%}.hidden-webcam-layer{height:1px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:1px!important;z-index:-9999!important}.code-editor-container,.monaco-editor,.react-monaco-editor-container{min-height:0!important;overflow:hidden!important}:root{--bg:#0f1724;--card:#0b1220;--muted:#9aa4b2;--accent:#6ee7b7;--accent-2:#60a5fa;--text:#e6eef6}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1724;color:#e6eef6;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}.App-root,body{min-height:100vh}.App-root{display:flex;flex-direction:column;padding-top:100px}.brand{background:none;border:0;color:#e6eef6;color:var(--text);font-size:18px;font-weight:600}.nav-right{align-items:center;display:flex;gap:8px}.nav-link{background:#0000;border:0;color:#9aa4b2;color:var(--muted);cursor:pointer;padding:6px 8px}.nav-user{color:#6ee7b7;color:var(--accent);margin-right:8px}.App-main{flex:1 1;margin:0 auto;max-width:1000px;padding:32px;width:100%}.App-footer{color:#9aa4b2;color:var(--muted);font-size:13px;padding:14px;text-align:center}.page{background:linear-gradient(0deg,#1e273f 50%,#0f1724);border:1px solid #ffffff05;border-radius:8px;padding:20px}.page+.page{margin-top:16px}.muted{color:#9aa4b2;color:var(--muted)}.home-actions{align-items:center;display:flex;gap:10px;margin-top:18px}.btn{background:#6ee7b7;background:var(--accent);border:0;color:#022}.btn-outline{background:#0000;border:1px solid #ffffff0f;color:#e6eef6;color:var(--text)}.btn-link{background:none;color:#60a5fa;color:var(--accent-2)}.btn-ghost,.btn-link{border:0;cursor:pointer}.btn-ghost{background:#0000;color:#9aa4b2;color:var(--muted)}.form{gap:10px;max-width:420px}.form,.form label{display:flex;flex-direction:column}.form label{font-size:14px}.form input{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;color:#e6eef6;color:var(--text);padding:8px}.form-actions{gap:8px;margin-top:8px}.form-error{color:#ffb4b4}.module-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.module-card{background:#ffffff05;border:1px solid #ffffff05;border-radius:8px;padding:12px}.module-actions{gap:8px;margin-top:8px}.quiz-card{max-width:720px}.question{font-weight:600}.options{display:flex;flex-direction:column;gap:8px;list-style:none;margin:12px 0;padding:0}.option{border:1px solid #ffffff0a;border-radius:6px;cursor:pointer;padding:10px}.option.selected{background:#60a5fa1f;border-color:#60a5fa4d}.quiz-result{max-width:420px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{align-items:center;background:radial-gradient(circle at top,#0f172a,#020617);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#020617;border:1px solid #1e293b;border-radius:14px;box-shadow:0 25px 60px #00000080;max-width:420px;padding:36px;width:100%}.login-card h2{margin-bottom:6px;text-align:center}.login-subtitle{color:#94a3b8;font-size:.95rem;margin-bottom:24px;text-align:center}.login-form .form-row{display:flex;flex-direction:column;margin-bottom:16px}.login-form label{color:#cbd5f5;font-size:.85rem;margin-bottom:4px}.login-form input{background:#020617;border:1px solid #1e293b;border-radius:8px;color:#e5e7eb;padding:10px 12px}.login-form input:focus{border-color:#3b82f6;outline:none}.register-page{align-items:center;background:radial-gradient(circle at top,#0f172a,#020617);display:flex;justify-content:center;min-height:100vh;padding:24px}.register-card{background:#020617;border:1px solid #1e293b;border-radius:14px;box-shadow:0 25px 60px #00000080;max-width:480px;padding:36px;width:100%}.register-card h2{margin-bottom:6px;text-align:center}.register-subtitle{color:#94a3b8;font-size:.95rem;margin-bottom:24px;text-align:center}.register-form .form-row{display:flex;flex-direction:column;margin-bottom:14px}.register-form .form-row.split{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.register-form label{color:#cbd5f5;font-size:.85rem;margin-bottom:4px}.register-form input,.register-form select{background:#020617;border:1px solid #1e293b;border-radius:8px;color:#e5e7eb;padding:10px 12px}.register-form input:focus,.register-form select:focus{border-color:#3b82f6;outline:none}.form-error{background:#ef444426;border-radius:8px;color:#fecaca;font-size:.9rem;margin-bottom:12px;padding:10px}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.btn{padding:10px}.btn.primary{background:#3b82f6;color:#fff}.btn.primary:disabled{cursor:not-allowed;opacity:.7}.btn.link{background:#0000;color:#93c5fd;font-size:.9rem}.Modules_container__zNVLL{align-items:center;background:linear-gradient(0deg,#1e273f,#0f1724);border:1px solid #ffffff05;border-radius:8px;display:flex;flex-direction:column;padding:20px}.Modules_heading__0F7Nr{margin-bottom:50px;text-align:center}.Modules_moduleList__MaRC\+{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.Modules_moduleLink__hB\+De{color:#fff;cursor:pointer;font-size:1.1rem;margin-bottom:12px;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.Modules_moduleLink__hB\+De:hover{color:#1e90ff;text-decoration:underline}.table-of-contents{background:linear-gradient(0deg,#1e273f 50%,#0f1724);display:flex;flex-direction:column;height:100vh;left:0;overflow:visible;position:fixed;top:0;transform:translateX(-230px);transition:transform .3s ease;width:250px;z-index:1}.table-of-contents.fixed{left:0;position:fixed;transform:none;transition:none}.table-of-contents:hover{transform:translateX(0)}.table-of-contents .content{flex:1 1;margin-top:70px;overflow-y:auto;padding:20px}.table-of-contents h2{color:#fff;font-size:1.2rem;margin:0 0 20px}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents li{color:#ccc;padding:8px 0;transition:color .2s ease}.table-of-contents li:hover{color:#007bff}.module-page{background:linear-gradient(180deg,#020617,#0f172a);box-sizing:border-box;color:#e5e7eb;min-height:100vh;padding:24px 32px}.module-header{align-items:center;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.module-title{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700}.module-subtitle{color:#94a3b8;font-size:.85rem}.module-actions{display:flex;gap:10px}.btn{font-size:.8rem;padding:8px 14px}.btn.primary{background:#22c55e;color:#022c22}.module-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);height:calc(100vh - 140px)}.module-panel{background:#020617;border:1px solid #1e293b;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.pdf-panel{overflow:auto;padding:10px}.pdf-placeholder{align-items:center;color:#94a3b8;display:flex;height:100%;justify-content:center}.editor-panel{display:flex;flex-direction:column}.editor-header{background:#020617;border-bottom:1px solid #1e293b;font-size:.8rem;font-weight:600;padding:10px 14px}.editor-fullscreen .module-body{grid-template-columns:1fr}.editor-fullscreen .pdf-panel{display:none}@media (max-width:1100px){.module-body{grid-template-columns:1fr;height:auto}}.modal-overlay{align-items:center;background:#0000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.modal-content{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;color:#fff;padding:0;width:auto}.modal-title{font-size:1.2rem;font-weight:700;margin-bottom:8px}.modal-list{list-style:none;margin:0;padding:0}.hint-item{background:#0000!important;border-radius:6px;cursor:pointer;margin:6px 0;padding:6px 10px;transition:color .15s,transform .15s}.hint-item:hover{background:#0000!important;color:#d0d0d0;transform:translateX(3px)}.motivation-box-upper{animation:ribbonFloat .35s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#ffffff2e,#ffffff1a);border-left:6px solid #4dd4ff;border-radius:0 0 12px 12px;border-right:6px solid #4dd4ff;box-shadow:0 4px 14px #00000040;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;left:50%;max-width:580px;padding:12px 24px;position:fixed!important;text-align:center;top:20px;transform:translateX(-50%)!important;width:70%;z-index:50000}@keyframes ribbonFloat{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.quiz-builder{background:linear-gradient(180deg,#0f172a,#020617);border-radius:16px;box-shadow:0 20px 40px #00000073;height:90vh;left:calc(50% + 125px);overflow:hidden;padding:24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:85vw}.main-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.3fr;grid-template-rows:auto 1fr auto;height:100%;min-height:0}.problem-section{background:#020617;border:1px solid #1e293b;border-radius:12px;color:#e5e7eb;grid-column:1/2;grid-row:1/span 2;overflow-y:auto;padding:24px}.problem-title{font-size:1.35rem;font-weight:700;margin-bottom:8px}.problem-divider{border:none;border-top:1px solid #1e293b;margin:12px 0 16px}.problem-label{color:#94a3b8;font-size:.9rem;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.problem-description{color:#cbd5f5;font-size:.95rem;line-height:1.6}.code-editor-wrapper{background:#020617;border:1px solid #1e293b;border-radius:12px;grid-column:2/3;grid-row:1/span 2;min-height:0;overflow:hidden;padding:12px}.code-editor-wrapper *,.monaco-editor,.react-monaco-editor-container{min-height:0!important}.submit-bar{align-items:center;display:flex;grid-column:2/3;grid-row:3/4;justify-content:flex-end;padding-top:8px}.submit-btn{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #14b8a659;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.55}.main-content strong{color:#22c55e;font-size:.9rem;grid-column:2/3}.analytics-container{background:linear-gradient(180deg,#0f172a,#020617);color:#e5e7eb;min-height:100vh;padding:32px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.analytics-header h1{font-size:1.6rem;font-weight:700}.actions{gap:12px}.btn{border-radius:8px;font-size:.85rem;font-weight:600;padding:8px 16px}.btn.secondary{background:#1e293b;color:#e5e7eb}.btn.danger{background:#ef4444;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1.5fr}.card{background:#020617;border:1px solid #1e293b;border-radius:12px;padding:20px}.card h2{color:#cbd5f5;font-size:1rem;margin-bottom:12px}.card.wide{grid-column:span 2}.muted{color:#94a3b8}.instructor-dashboard{color:#e5e7eb;margin:0 auto;max-width:1100px;padding:28px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header h2{color:#f9fafb;font-size:22px;font-weight:600}.ws-status{font-size:13px;letter-spacing:.5px}.add-student{display:flex;gap:10px;margin-bottom:26px}.add-student input{background:#020617;border:1px solid #334155;border-radius:10px;color:#e5e7eb;flex:1 1;padding:10px 12px}.add-student input::placeholder{color:#94a3b8}.add-student input:focus{border-color:#3b82f6;outline:none}.student-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.student-card{background:linear-gradient(180deg,#0b1220,#020617);border:1px solid #1e293b;border-radius:16px;box-shadow:0 12px 28px #00000073;padding:18px;transition:transform .15s ease,box-shadow .15s ease}.student-card:hover{box-shadow:0 18px 40px #0009;transform:translateY(-2px)}.student-card strong{color:#f8fafc;display:block;font-size:15px;margin-bottom:6px}.card-row{align-items:center;color:#cbd5f5;display:flex;font-size:13px;justify-content:space-between;margin-top:6px}.severity-badge{border-radius:999px;color:#020617;font-size:10.5px;font-weight:600;letter-spacing:.6px;padding:4px 10px;text-transform:uppercase}.severity-badge[style*="#9ca3af"]{background:#64748b!important;color:#f8fafc}.card-actions{display:flex;gap:8px;margin-top:12px}.btn{border-radius:10px;font-size:12.5px;padding:6px 14px;transition:all .15s ease}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-outline{background:#020617;border:1px solid #334155;color:#e5e7eb}.btn-outline:hover{background:#020617;border-color:#3b82f6}.btn-danger{background:#ef444426;color:#fecaca}.btn-danger:hover{background:#ef444440}.attempt-table{border-collapse:collapse;color:#e5e7eb;font-size:12px;margin-top:14px;width:100%}.attempt-table th{color:#94a3b8;font-weight:500;padding-bottom:6px;text-align:left}.attempt-table td{padding:4px 0}.modal-backdrop{align-items:center;background:#020617b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal{background:#020617;border:1px solid #334155;border-radius:16px;box-shadow:0 24px 60px #0009;padding:22px;width:380px}.modal h4{color:#f8fafc;margin-bottom:6px}.modal p{color:#cbd5f5;font-size:14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.site-navbar{align-items:center;background:linear-gradient(180deg,#071022,#081428);box-shadow:0 2px 10px #00000059;color:#e6eef8;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.app-content-offset{padding-top:60px}.brand{cursor:pointer;font-size:1.2rem;font-weight:700;white-space:nowrap}.nav-links{align-items:center;display:flex;flex:1 1;gap:10px;margin-left:24px}.nav-btn{background:#0000;border:none;border-radius:6px;color:#bcdff7;cursor:pointer;font-weight:500;padding:8px 12px}.nav-btn:hover{background:#ffffff14}.nav-btn.active{background:#ffffff26;color:#fff;font-weight:700}.actions{align-items:center;display:flex;gap:10px}.btn{background:#12b3a8;border:none;border-radius:6px;color:#042522;cursor:pointer;font-weight:700;padding:8px 12px}.btn:hover{opacity:.95}.btn.logout{background:#ef4444;color:#fff}.user-block{align-items:flex-end;color:#d8eef9;display:flex;flex-direction:column;line-height:1.1}.user-name{font-weight:600}.user-role{font-size:.75rem;opacity:.8}@media (max-width:720px){.nav-links{display:none}}
/*# sourceMappingURL=main.26b764d7.css.map*/