:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--blue:#1d75bd;--blue-dark:#0f5794;--gold:#f8b922;--gold-dark:#d89b10;--navy:#101827;--text:#1f2933;--muted:#5f6b7a;--border:#d6dce3;--panel:#fff;--light:#f5f7fa}body{color:var(--text);background:#eef2f7;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topHeader{border-top:6px solid var(--gold);background:#fff;justify-content:space-between;align-items:center;width:min(1220px,100% - 32px);margin:28px auto 0;padding:24px 30px;display:flex;box-shadow:0 5px 18px #0f172a1f}.topHeader h1{letter-spacing:-1px;color:var(--navy);margin:0;font-size:32px;font-weight:900}.topHeader p{color:var(--muted);margin:4px 0 0;font-weight:700}.topActions{flex-wrap:wrap;gap:10px;display:flex}.topActions button{color:var(--navy);background:#fff;border:0;padding:12px 16px;font-weight:900}.topActions .loginTop{background:var(--gold)}.portalShell{background:#fff;grid-template-columns:390px 1fr;width:min(1220px,100% - 32px);min-height:540px;margin:28px auto 0;display:grid;box-shadow:0 5px 18px #0f172a29}.accessPanel{background:#fff;padding:42px 36px}.accessPanel h2,.formBox h2{color:#111827;margin:0 0 18px;font-size:30px}.subText,.formBox p{color:var(--muted);margin-bottom:24px;line-height:1.55}.mainBtn,.darkBtn,.outlineBtn,.submitBtn,.plainSmall{color:#111827;background:#f7f7f7;border:1px solid #bfc7d1;border-radius:4px;width:100%;margin-bottom:12px;padding:13px 16px;font-weight:900}.mainBtn,.submitBtn{background:var(--blue);color:#fff;border-color:var(--blue)}.mainBtn:hover,.submitBtn:hover{background:var(--blue-dark)}.darkBtn{background:var(--navy);color:#fff;border-color:var(--navy)}.outlineBtn{background:#fff}.divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:20px 0;display:grid}.divider span{background:#111827;height:1px}.divider p{margin:0;font-weight:700}.loggedBox{border:1px solid var(--border);background:var(--light);border-radius:5px;margin-bottom:18px;padding:16px}.loggedBox p{color:var(--muted);margin:0 0 6px}.helpLinks{text-align:center;gap:8px;margin-top:24px;display:grid}.helpLinks button{color:#0068b7;background:0 0;border:0;font-weight:800;text-decoration:underline}.infoPanel{background:#f8fafc;border-left:1px solid #d0d0d0}.infoHeader{background:#fff;border-bottom:1px solid #d0d0d0;align-items:center;gap:10px;height:76px;padding:0 36px;display:flex}.infoHeader h2{margin:0;font-size:28px}.infoHeader span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid}.announcement{padding:24px 36px 8px}.announcement h3{color:#0068b7;margin:0 0 10px;font-size:18px}.announcement p{color:#263341;margin:0;line-height:1.6}.noticeBox,.paymentBox{border-left:5px solid var(--gold);background:#fff;margin-top:20px;padding:16px;line-height:1.5}.singlePage{width:min(760px,100% - 32px);margin:30px auto 0}.smallPage{max-width:540px}.widePage{max-width:1040px}.formBox{border-top:6px solid var(--gold);background:#fff;padding:36px;box-shadow:0 5px 18px #0f172a29}.backBtn{color:#111827;background:0 0;border:0;margin-bottom:14px;font-weight:900;text-decoration:underline}form{gap:13px;display:grid}input,select{background:#fff;border:1px solid #9ca3af;border-radius:4px;width:100%;padding:13px}.message{color:#0f5794;border-left:4px solid var(--blue);background:#e8f3ff;margin-top:16px;padding:14px;font-weight:800}.footer{text-align:center;color:#111827;margin:24px auto;font-size:14px}.footer p{margin:5px}.courseList{gap:12px;margin-top:18px;display:grid}.courseItem{border:1px solid var(--border);background:#f8fafc;border-radius:5px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.courseItem h3{margin:0 0 6px}.courseItem p{margin:0 0 8px}.courseItem span{color:#0068b7;font-weight:800}.courseItem strong{color:#111827;white-space:nowrap}.dashboardActions{gap:12px;margin-bottom:16px;display:flex}.submitBtn.mini,.plainSmall{width:auto}@media (width<=820px){.topHeader{gap:16px;display:grid}.portalShell{grid-template-columns:1fr}.infoPanel{border-top:1px solid #d0d0d0;border-left:0}.courseItem{grid-template-columns:1fr}}.paymentAmount{border:1px solid var(--border);background:#f8fafc;border-radius:5px;justify-content:space-between;align-items:center;margin:18px 0;padding:16px;display:flex}.paymentAmount span{color:var(--muted);font-weight:800}.paymentAmount strong{color:var(--navy);font-size:24px}.paypalBox{min-height:120px;margin-top:18px}.cohortForm{border:1px solid var(--border);background:#f8fafc;border-radius:5px;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 28px;padding:18px;display:grid}.cohortForm .submitBtn{margin-bottom:0}@media (width<=820px){.cohortForm{grid-template-columns:1fr}}.moduleForm{border:1px solid var(--border);background:#f8fafc;border-radius:5px;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 28px;padding:18px;display:grid}.moduleForm textarea,.moduleCard textarea{background:#fff;border:1px solid #9ca3af;border-radius:4px;width:100%;min-height:110px;padding:13px;font-family:inherit}.moduleForm textarea{grid-column:1/-1}.checkLine{align-items:center;gap:10px;font-weight:800;display:flex}.checkLine input{width:auto}.moduleCard{border:1px solid var(--border);background:#f8fafc;border-radius:5px;padding:18px}.moduleHeader{justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px;display:flex}.moduleHeader h3{margin:0 0 6px}.moduleHeader p{color:var(--muted);margin:0}.moduleBlock{border-left:4px solid var(--gold);background:#fff;margin:12px 0;padding:12px}.moduleBlock h4{margin:0 0 6px}.moduleBlock p{color:var(--text);margin:0;line-height:1.55}.resourceLink{color:#0068b7;margin:10px 0 16px;font-weight:900;display:inline-block}@media (width<=820px){.moduleForm{grid-template-columns:1fr}.moduleHeader{display:grid}}.classroomPage{width:min(1240px,100% - 32px);margin:28px auto}.classroomTopbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.classroomUser{text-align:center;display:grid}.classroomUser span{color:var(--muted);font-size:13px;font-weight:800}.classroomUser strong{color:var(--navy);font-size:18px}.classroomTopActions{gap:10px;display:flex}.classroomHero{color:#fff;background:linear-gradient(135deg,#101827,#17345d);border-radius:14px;grid-template-columns:1fr 320px;gap:24px;margin-bottom:22px;padding:32px;display:grid;box-shadow:0 18px 45px #0f172a33}.classroomHero h1{margin:4px 0 10px;font-size:42px}.classroomHero p{color:#dbeafe;margin:0;line-height:1.6}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px;font-weight:900}.progressBox{background:#ffffff1c;border:1px solid #ffffff2e;border-radius:12px;padding:20px}.progressBox span{color:#dbeafe;font-weight:800;display:block}.progressBox strong{margin:8px 0;font-size:42px;display:block}.progressBox small{color:#dbeafe}.progressTrack{background:#fff3;border-radius:999px;height:10px;margin:12px 0;overflow:hidden}.progressTrack div{background:var(--gold);height:100%}.classroomMessage{margin-bottom:18px}.emptyClassroom{border-top:6px solid var(--gold);background:#fff;border-radius:12px;padding:36px;box-shadow:0 10px 30px #0f172a1f}.classroomLayout{grid-template-columns:320px 1fr;align-items:start;gap:22px;display:grid}.moduleSidebar{background:#fff;border-radius:12px;padding:18px;position:sticky;top:18px;box-shadow:0 10px 30px #0f172a1f}.moduleSidebar h3{margin:0 0 14px}.moduleNav{text-align:left;border:1px solid var(--border);background:#f8fafc;border-radius:10px;gap:5px;width:100%;margin-bottom:10px;padding:14px;display:grid}.moduleNav span{color:var(--blue-dark);font-size:13px;font-weight:900}.moduleNav strong{color:var(--navy)}.moduleNav.active{border-color:var(--blue);background:#e8f3ff;box-shadow:0 0 0 3px #1d75bd1f}.miniStatus{color:#92400e;background:#fef3c7;border-radius:999px;justify-self:start;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.miniStatus.complete{color:#166534;background:#dcfce7}.classroomContent{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0f172a1f}.lessonHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px;padding-bottom:18px;display:flex}.lessonHeader h2{color:var(--navy);margin:6px 0;font-size:30px}.lessonHeader span{color:var(--muted);font-weight:800}.lessonGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lessonPanel{border:1px solid var(--border);border-left:5px solid var(--blue);background:#f8fafc;border-radius:10px;padding:18px}.lessonPanel h3{color:var(--navy);margin:0 0 10px}.lessonPanel p{color:var(--text);white-space:pre-wrap;margin:0;line-height:1.65}.mainLesson{border-left-color:var(--gold);grid-column:1/-1}.labPanel{border-left-color:#16a34a}.assignmentPanel{border-left-color:#7c3aed}.gradeBox{background:#ecfdf5;border:1px solid #bbf7d0;border-left:6px solid #16a34a;border-radius:10px;grid-template-columns:160px 1fr;align-items:center;gap:16px;margin-top:18px;padding:16px;display:grid}.gradeBox span{color:#166534;font-weight:900;display:block}.gradeBox strong{color:#166534;font-size:30px}.gradeBox p{margin:0;line-height:1.55}.submissionPanel{border:1px solid #fed7aa;border-left:6px solid var(--gold);background:#fff7ed;border-radius:10px;margin-top:20px;padding:18px}.submissionPanel h3{margin:0 0 8px}.submissionPanel p{color:var(--muted);margin-top:0}.submissionPanel textarea{border:1px solid #9ca3af;border-radius:8px;width:100%;min-height:150px;margin-bottom:12px;padding:14px;font-family:inherit}@media (width<=900px){.classroomHero,.classroomLayout,.lessonGrid,.gradeBox{grid-template-columns:1fr}.moduleSidebar{position:static}.classroomTopbar{display:grid}.classroomTopActions{flex-wrap:wrap}}.lmsShell{background:#eef2f7;grid-template-columns:230px 1fr;width:100%;min-height:calc(100vh - 120px);display:grid}.lmsRail{color:#fff;background:#0f172a;flex-direction:column;gap:12px;padding:22px 16px;display:flex}.lmsBrand{gap:4px;margin-bottom:20px;display:grid}.lmsBrand strong{background:var(--gold);color:#0f172a;border-radius:14px;place-items:center;width:52px;height:52px;font-size:22px;display:grid}.lmsBrand span{color:#e5e7eb;font-weight:900}.railItem{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:10px;padding:13px 14px;font-weight:900}.railItem:hover,.railItem.active{color:#fff;background:#1d4ed8}.railFooter{gap:8px;margin-top:auto;display:grid}.railFooter button{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:9px;padding:11px;font-weight:800}.lmsMain{padding:26px}.lmsTop{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lmsTop h1{color:var(--navy);margin:4px 0;font-size:32px}.lmsTop span{color:var(--muted);font-weight:800}.courseHeroLms{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:18px;grid-template-columns:1fr 300px;gap:20px;padding:28px;display:grid;box-shadow:0 18px 45px #0f172a38}.courseHeroLms h2{margin:0 0 8px;font-size:34px}.courseHeroLms p{color:#dbeafe;margin:0;line-height:1.6}.lmsProgressCard{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:15px;padding:18px}.lmsProgressCard span{color:#dbeafe;font-weight:900;display:block}.lmsProgressCard strong{margin:8px 0;font-size:42px;display:block}.lmsStats{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.lmsStats div{border:1px solid var(--border);background:#fff;border-radius:14px;padding:18px;box-shadow:0 10px 25px #0f172a14}.lmsStats strong{color:var(--navy);font-size:28px;display:block}.lmsStats span{color:var(--muted);font-weight:800}.lmsModuleList,.lmsContent{border:1px solid var(--border);background:#fff;border-radius:16px;box-shadow:0 10px 25px #0f172a14}.lmsModuleList{padding:18px;position:sticky;top:20px}.lmsModuleList h3{color:var(--navy);margin:0 0 14px}.lmsModuleButton{border:1px solid var(--border);text-align:left;background:#f8fafc;border-radius:12px;gap:5px;width:100%;margin-bottom:10px;padding:14px;display:grid}.lmsModuleButton small{color:var(--blue-dark);font-weight:900}.lmsModuleButton strong{color:var(--navy)}.lmsModuleButton span{color:#92400e;background:#fef3c7;border-radius:999px;justify-self:start;padding:4px 8px;font-size:12px;font-weight:900}.lmsModuleButton.active{border-color:var(--blue);background:#e8f3ff;box-shadow:0 0 0 3px #1d75bd1f}.lmsContent{padding:24px}.contentHeader{border-bottom:1px solid var(--border);justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:18px;display:flex}.contentHeader h2{color:var(--navy);margin:6px 0 0;font-size:30px}.lmsLessonStack{gap:14px;display:grid}.lmsLessonBlock{border:1px solid var(--border);border-left:6px solid var(--blue);background:#f8fafc;border-radius:13px;padding:18px}.lmsLessonBlock h3{color:var(--navy);margin:0 0 10px}.lmsLessonBlock p{white-space:pre-wrap;margin:0;line-height:1.65}.overviewBlock{border-left-color:var(--gold)}.labBlock{border-left-color:#16a34a}.assignmentBlock{border-left-color:#7c3aed}.lmsSubmitPanel,.gradesPanel,.resourcesPanel{gap:16px;display:grid}.lmsSubmitPanel h2,.gradesPanel h2,.resourcesPanel h2{color:var(--navy);margin:0}.assignmentPromptBox{border:1px solid #fed7aa;border-left:6px solid var(--gold);background:#fff7ed;border-radius:12px;padding:16px}.assignmentPromptBox p{white-space:pre-wrap;margin-bottom:0}.lmsSubmitPanel textarea{border:1px solid #9ca3af;border-radius:12px;min-height:190px;padding:14px;font-family:inherit}.gradeRow{border:1px solid var(--border);background:#f8fafc;border-radius:12px;grid-template-columns:1fr 280px;gap:16px;padding:16px;display:grid}.gradeRow span{color:var(--muted);margin-top:7px;font-weight:800;display:inline-block}.gradeRow p{color:var(--text);margin:6px 0 0}.resourceCard{border:1px solid var(--border);background:#f8fafc;border-radius:12px;gap:5px;padding:16px;text-decoration:none;display:grid}.resourceCard span{color:var(--blue-dark);font-weight:900}.resourceCard strong{color:var(--navy)}.resourceCard em{color:var(--gold);font-style:normal;font-weight:900}@media (width<=960px){.lmsShell{grid-template-columns:1fr}.lmsRail{position:static}.courseHeroLms,.lmsWorkspace,.lmsStats,.gradeRow{grid-template-columns:1fr}.lmsModuleList{position:static}}.templatePicker{border:1px solid #bfdbfe;border-left:6px solid var(--blue);background:#eef6ff;border-radius:8px;gap:8px;margin:12px 0 18px;padding:16px;display:grid}.templatePicker label{color:var(--navy);font-weight:900}.templatePicker select{width:100%}.templatePicker p{color:var(--muted);margin:0;line-height:1.5}.statusPill{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.courseHeroLms h2{color:#fff!important}.courseHeroLms p{color:#e0ecff!important}.lmsProgressCard strong,.lmsProgressCard span{color:#fff!important}.lmsStats div{transition:transform .18s,box-shadow .18s}.lmsStats div:hover{transform:translateY(-3px);box-shadow:0 16px 35px #0f172a24}.lmsModuleButton span{text-transform:capitalize}.gradeRow{align-items:start}.gradeRow strong{color:var(--navy)}.submissionReceipt a.resourceLink{margin-top:10px;display:inline-block}.fileSubmitHint{color:#1e3a8a;background:#eff6ff;border:1px dashed #93c5fd;border-radius:12px;padding:14px;font-weight:800}.statusPill{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 10px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.statusPill.submitted{color:#1d4ed8;background:#dbeafe}.statusPill.graded{color:#166534;background:#dcfce7}.statusPill.not_started,.statusPill.pending{color:#92400e;background:#fef3c7}.statusPill.closed{color:#991b1b;background:#fee2e2}.adminFilterBar{flex-wrap:wrap;gap:10px;margin:12px 0 18px;display:flex}.adminFilterBar button{border:1px solid var(--border);color:var(--navy);background:#f8fafc;border-radius:999px;padding:10px 14px;font-weight:900}.adminFilterBar button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.dueBox,.closedBox,.submissionReceipt{border-radius:12px;margin:12px 0;padding:14px;line-height:1.6}.dueBox{border:1px solid #bfdbfe;border-left:6px solid var(--blue);background:#eef6ff}.closedBox{background:#fef2f2;border:1px solid #fecaca;border-left:6px solid #dc2626}.submissionReceipt{border:1px solid var(--border);background:#f8fafc;border-left:6px solid #16a34a}.lmsSubmitPanel input[type=file],.moduleForm input[type=datetime-local],.editModuleForm input[type=datetime-local]{background:#fff;border:1px solid #9ca3af;border-radius:10px;width:100%;padding:12px}button:disabled,input:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}.statusPill.missing{color:#991b1b;background:#fee2e2}.missingSubmissionBox{background:#fff1f2;border:1px solid #fecdd3;border-left:6px solid #e11d48;border-radius:12px;margin-top:12px;padding:14px}.missingSubmissionBox strong{color:#991b1b}.missingSubmissionBox p{color:#7f1d1d;margin:6px 0 12px}.cohortDetailBox{border:1px solid var(--border);background:#f8fafc;border-radius:18px;margin-top:24px;padding:20px}.cohortDetailHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.dangerSmall{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:999px;padding:9px 13px;font-weight:900}.dangerSmall:hover{background:#fecaca}.adminSelector{border:1px solid var(--border);background:#f8fafc;border-radius:14px;margin:14px 0;padding:14px}.adminSelector label{color:var(--navy);margin-bottom:8px;font-weight:900;display:block}.adminSelector p{color:var(--muted);margin-top:8px}.adminQuickGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:16px 0;display:grid}.adminQuickGrid button{border:1px solid var(--border);color:var(--navy);cursor:pointer;background:#fff;border-radius:16px;padding:18px;font-weight:900;box-shadow:0 10px 25px #0f172a14}.adminQuickGrid button:hover{transform:translateY(-2px)}.activeBadge{color:#166534;background:#dcfce7;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.inactiveBadge{color:#991b1b;background:#fee2e2;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.cyberLabWrap{border-radius:24px;padding:0;overflow:hidden}.readyBadge{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.paymentSuccessBox{text-align:center}.successIcon{color:#166534;background:#dcfce7;border-radius:999px;place-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:42px;font-weight:900;display:grid}.paymentReceipt{text-align:left;gap:12px;margin:24px 0;display:grid}.paymentReceipt div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px}.paymentReceipt span{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:800;display:block}.paymentReceipt strong{color:#0f172a;word-break:break-word;font-size:14px}.dashboardStats{grid-template-columns:repeat(4,minmax(160px,1fr));gap:18px;margin:24px 0;display:grid}.dashboardStats div{text-align:center;background:#fff;border:1px solid #dbe3ec;border-radius:16px;padding:22px}.dashboardStats strong{color:#0f172a;margin-bottom:6px;font-size:30px;font-weight:900;display:block}.dashboardStats span{color:#475569;font-size:15px;font-weight:800;display:block}.paymentRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:420px;display:flex}.paidBadge,.pendingBadge,.inactiveBadge,.activeBadge,.readyBadge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.readyBadge,.paidBadge{color:#166534;background:#dcfce7}.pendingBadge{color:#92400e;background:#fef3c7}.inactiveBadge{color:#991b1b;background:#fee2e2}.activeBadge{color:#166534;background:#dcfce7}.courseItem{gap:20px}@media (width<=900px){.dashboardStats{grid-template-columns:1fr 1fr}.paymentRight{justify-content:flex-start;min-width:0}}@media (width<=600px){.dashboardStats{grid-template-columns:1fr}}.app,.app-shell,.dashboard,.dashboard-layout,.classroom,.classroom-page,.classroom-layout,.admin-dashboard,.student-dashboard{box-sizing:border-box;width:100%;max-width:none;min-height:100vh}.main,.main-content,.content,.page-content,.dashboard-content,.classroom-content{box-sizing:border-box;width:100%;max-width:none}.classroom-page,.classroom-layout,.classroom-content{padding:24px}.classroom-grid,.modules-grid,.module-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;width:100%;display:grid}.module-card,.classroom-card,.cohort-card{box-sizing:border-box;width:100%}@media (width<=768px){.classroom-page,.classroom-layout,.classroom-content{padding:14px}}.lmsModuleList,.lmsContent{box-sizing:border-box;width:100%;min-width:0}.courseList,.cohortForm,.adminQuickGrid,.dashboardActions,.courseItem{box-sizing:border-box;width:100%}@media (width<=900px){.adminShell,.lmsShell{grid-template-columns:1fr}.adminRail,.lmsRail{min-height:auto;position:relative}.adminMain,.lmsMain{padding:18px}.lmsWorkspace{grid-template-columns:1fr}}.lmsModuleList,.lmsContent{box-sizing:border-box;width:100%;min-width:0}.courseList,.cohortForm,.adminQuickGrid,.dashboardActions,.courseItem{box-sizing:border-box;width:100%}@media (width<=900px){.adminShell,.lmsShell{grid-template-columns:1fr}.adminRail,.lmsRail{min-height:auto;position:relative}.adminMain,.lmsMain{padding:18px}.lmsWorkspace{grid-template-columns:1fr}}html,body,#root{width:100%;min-height:100vh;margin:0}.adminShell,.lmsShell{box-sizing:border-box;grid-template-columns:260px minmax(0,1fr);width:100%;min-height:100vh;display:grid;max-width:none!important}.adminRail,.lmsRail{min-height:100vh}.adminMain,.lmsMain{box-sizing:border-box;width:100%;min-width:0;padding:28px;max-width:none!important}.adminPanel,.courseHeroLms,.lmsStats,.lmsWorkspace,.emptyClassroom,.dashboardStats,.cohortDetailBox{box-sizing:border-box;width:100%;max-width:none!important}.lmsWorkspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.lmsModuleList,.lmsContent{box-sizing:border-box;width:100%;min-width:0}.courseList,.cohortForm,.adminQuickGrid,.dashboardActions,.courseItem{box-sizing:border-box;width:100%}input,select,textarea{box-sizing:border-box;max-width:100%}textarea{width:100%;min-height:130px}.lmsLessonBlock,.lmsSubmitPanel,.gradesPanel,.resourcePanel,.assignmentPromptBox,.submissionReceipt,.noticeBox,.message{overflow-wrap:anywhere;box-sizing:border-box}@media (width<=900px){.adminShell,.lmsShell{grid-template-columns:1fr}.adminRail,.lmsRail{min-height:auto;position:relative}.adminMain,.lmsMain{padding:18px}.lmsWorkspace{grid-template-columns:1fr}}.adminSelector,.templatePicker,.moduleForm,.editModuleForm{box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:18px;width:100%;margin:16px 0 22px;padding:18px;box-shadow:0 12px 28px #0f172a0f}.adminSelector select,.templatePicker select,.moduleForm input,.moduleForm select,.moduleForm textarea,.editModuleForm input,.editModuleForm select,.editModuleForm textarea{width:100%;margin-top:10px}.moduleForm,.editModuleForm{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;display:grid}.moduleForm textarea,.editModuleForm textarea,.moduleForm .checkLine,.editModuleForm .checkLine,.moduleForm .submitBtn,.editModuleForm h3,.editModuleForm .dashboardActions{grid-column:1/-1}.courseList{gap:14px}.courseItem{border:1px solid #0f172a14;border-radius:18px;align-items:stretch;box-shadow:0 12px 28px #0f172a0d}.paymentRight{flex-wrap:wrap;gap:8px}.paidBadge,.pendingBadge,.activeBadge,.inactiveBadge{white-space:nowrap}@media (width<=850px){.moduleForm,.editModuleForm{grid-template-columns:1fr}}.studentProfilePanel{box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:22px;width:100%;padding:24px;box-shadow:0 16px 36px #0f172a14}.studentProfileHero{align-items:center;gap:18px;margin-bottom:24px;display:flex}.studentAvatar{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#0f4c81,#061a3d);border-radius:22px;place-items:center;width:74px;height:74px;font-size:24px;font-weight:800;display:grid}.studentProfileHero h2{margin:6px 0}.studentProfileHero p{margin:0}.studentProfileGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.studentProfileGrid div{background:#f8fafc;border:1px solid #0f172a14;border-radius:16px;padding:16px}.studentProfileGrid span{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;font-size:12px;display:block}.studentProfileGrid strong{color:#0f172a;font-size:16px}html,body,#root{width:100%;min-width:100%;min-height:100vh;margin:0;padding:0}body{overflow-x:hidden}*{box-sizing:border-box}.app,.portal,.portalShell,.portal-shell,.page,.pageShell,.page-shell,.main,.mainShell,.main-shell,.homePage,.home-page,.registerPage,.register-page,.coursesPage,.courses-page,.pricingPage,.pricing-page,.paymentPage,.payment-page,.dashboard,.dashboardShell,.dashboard-shell,.adminShell,.lmsShell{width:100%;max-width:none!important}.portalMain,.portal-main,.pageMain,.page-main,.publicMain,.public-main,.homeMain,.home-main,.registerMain,.register-main,.coursesMain,.courses-main,.pricingMain,.pricing-main,.paymentMain,.payment-main,.adminMain,.lmsMain{width:100%;min-width:0;max-width:none!important}.hero,.portalHero,.portal-hero,.homeHero,.home-hero,.courseGrid,.course-grid,.priceGrid,.price-grid,.paymentGrid,.payment-grid,.courseList,.adminPanel,.dashboardStats,.adminQuickGrid,.lmsStats,.lmsWorkspace{width:100%;max-width:none!important}.portalShell,.portal-shell,.pageShell,.page-shell{min-height:100vh}nav,.navbar,.topNav,.top-nav,.portalNav,.portal-nav,.menu,.menuBar,.menu-bar,.header,.siteHeader,.site-header{width:100%;max-width:none!important}.container,.contentWrapper,.content-wrapper,.sectionWrapper,.section-wrapper{width:min(100%,1440px);max-width:1440px}form,input,select,textarea,button{box-sizing:border-box}input,select,textarea{max-width:100%}@media (width<=900px){.adminShell,.lmsShell{grid-template-columns:1fr}.adminMain,.lmsMain{width:100%;padding:18px}}body,html,#root{width:100%;min-height:100vh;margin:0;padding:0}.portalHeader,.portalNav,.siteHeader,.siteNav,.topNav,.navBar,.headerBar,.mainHeader{box-sizing:border-box;border-radius:0!important;width:100%!important;max-width:none!important;margin:0!important}.portalHeader,.siteHeader,.mainHeader{padding-left:48px!important;padding-right:48px!important}.portalShell,.publicShell,.pageShell,.homeShell,.registerShell,.coursesShell,.pricingShell,.paymentShell{box-sizing:border-box;min-height:100vh;width:100%!important;max-width:none!important;margin:0!important}.portalPage,.publicPage,.pageCard,.contentCard,.pricingCard,.registerCard,.coursesCard,.paymentCard,.pricingPanel,.registerPanel,.coursesPanel,.paymentPanel{box-sizing:border-box;width:calc(100% - 96px)!important;max-width:none!important;margin-left:48px!important;margin-right:48px!important}.courseGrid,.pricingGrid,.paymentGrid,.courseList,.priceList,.publicGrid{width:100%!important;max-width:none!important}@media (width<=900px){.portalHeader,.siteHeader,.mainHeader{padding-left:18px!important;padding-right:18px!important}.portalPage,.publicPage,.pageCard,.contentCard,.pricingCard,.registerCard,.coursesCard,.paymentCard,.pricingPanel,.registerPanel,.coursesPanel,.paymentPanel{width:calc(100% - 28px)!important;margin-left:14px!important;margin-right:14px!important}}.portalShell{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important}.portalShell>header,.portalShell header,.portalShell nav{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important}.portalShell>header{border-radius:0!important;padding:22px 48px!important}.portalShell>section,.portalShell>div,.portalShell main{box-sizing:border-box!important;width:100%!important;max-width:none!important}.portalShell .card,.portalShell .panel,.portalShell .courseList,.portalShell .courseItem,.portalShell form{max-width:none!important}.portalShell .courseList,.portalShell .pricingList,.portalShell .paymentList{width:100%!important}@media (width<=900px){.portalShell>header{padding:18px!important}}@media (width<=900px){.portalShell{grid-template-columns:1fr}.formBox,.pricingBox,.courseBox,.paymentBox,.labBox{width:calc(100% - 28px)!important;margin-left:14px!important;margin-right:14px!important}}.portalShell{background:#fff;grid-template-columns:390px minmax(0,1fr);min-height:calc(100vh - 120px);display:grid;width:100%!important;max-width:none!important;box-shadow:none!important;margin:0!important}.formBox,.pricingBox,.courseBox,.paymentBox,.labBox{width:calc(100% - 96px)!important;max-width:none!important;margin-left:48px!important;margin-right:48px!important}.courseList,.courseItem{width:100%!important;max-width:none!important}.accessPanel,.infoPanel{box-sizing:border-box;min-width:0}@media (width<=900px){.portalShell{grid-template-columns:1fr}.formBox,.pricingBox,.courseBox,.paymentBox,.labBox{width:calc(100% - 28px)!important;margin-left:14px!important;margin-right:14px!important}}@media (width<=900px){.topHeader{flex-direction:column!important;align-items:flex-start!important;padding:18px!important}.topHeader>div:first-child{min-width:0}.topActions{justify-content:flex-start!important;width:100%!important}}.topHeader{box-sizing:border-box!important;border-radius:0!important;justify-content:space-between!important;align-items:center!important;gap:28px!important;width:100%!important;max-width:none!important;margin:0!important;padding:26px 48px!important;display:flex!important}.topHeader>div:first-child{min-width:360px}.topActions{flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:14px!important;width:auto!important;max-width:none!important;display:flex!important}.topActions button{white-space:nowrap}@media (width<=900px){.topHeader{flex-direction:column!important;align-items:flex-start!important;padding:18px!important}.topHeader>div:first-child{min-width:0}.topActions{justify-content:flex-start!important;width:100%!important}}.profileWorkspace{grid-template-columns:1fr!important}.profileWorkspace .lmsContent{width:100%!important;max-width:none!important}.profileWorkspace .studentProfilePanel{min-height:520px;width:100%!important;max-width:none!important}.studentProfilePanel{display:block}.studentProfileHero{border-bottom:1px solid #0f172a14;padding-bottom:22px}.studentProfileGrid{margin-top:24px}.photoAvatar{overflow:hidden}.photoAvatar img{object-fit:cover;width:100%;height:100%}.profileUploadBox{background:#f8fafc;border:1px solid #0f172a14;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0;padding:16px;display:flex}.profileUploadBox label{color:#0f172a;font-weight:800}.profileUploadBox input{flex:1;min-width:230px}.studentSidebarProfile{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:34px;display:flex}.sidebarAvatar{color:#081225;background:#fbbf24;border-radius:18px;place-items:center;width:70px;height:70px;font-size:22px;font-weight:900;display:grid;overflow:hidden}.sidebarAvatar img{object-fit:cover;width:100%;height:100%}.studentSidebarProfile span{color:#fff;font-weight:800;line-height:1.25}.studentAvatar.photoAvatar{background:#0f3d75;border-radius:24px;width:92px;height:92px}.sidebarAvatar{border-radius:20px;width:78px;height:78px}.studentAvatar.photoAvatar img,.sidebarAvatar img{object-fit:cover;width:100%;height:100%;display:block}.rubricPanel{background:#f8fafc;border:1px solid #0f172a14;border-radius:16px;grid-column:1/-1;width:100%;margin-top:14px;padding:16px}.rubricPanel h4{margin:0 0 12px}.rubricInputRow{grid-template-columns:minmax(240px,1fr) 110px auto;align-items:center;gap:10px;display:grid}.rubricList{gap:8px;margin-top:12px;display:grid}.rubricItem{background:#fff;border:1px solid #0f172a14;border-radius:12px;grid-template-columns:minmax(200px,1fr) 90px auto;align-items:center;gap:10px;padding:10px;display:grid}@media (width<=850px){.rubricInputRow,.rubricItem{grid-template-columns:1fr}}.studentRubricBox{background:#f8fafc;border:1px solid #0f172a14;border-radius:18px;margin:18px 0;padding:18px}.rubricHeader{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.studentRubricList{gap:10px;display:grid}.studentRubricItem{background:#fff;border:1px solid #0f172a14;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.studentRubricItem span{color:#0f172a;line-height:1.5}.studentRubricItem strong{color:#0f4c81;white-space:nowrap}@media (width<=700px){.rubricHeader,.studentRubricItem{grid-template-columns:1fr;align-items:start}}.rubricScorePanel{background:#f8fafc;border:1px solid #0f172a14;border-radius:16px;width:100%;margin:16px 0;padding:16px}.rubricScoreHeader,.rubricTotalBar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.rubricScoreHeader h4{margin:0}.rubricScoreList{gap:12px;display:grid}.rubricScoreItem{background:#fff;border:1px solid #0f172a14;border-radius:14px;grid-template-columns:minmax(220px,1fr) 120px minmax(240px,1fr);align-items:start;gap:12px;padding:12px;display:grid}.rubricScoreItem span{color:#64748b;margin-top:4px;display:block}.rubricScoreItem textarea{min-height:78px}.rubricTotalBar{border-top:1px solid #0f172a14;margin-top:14px;padding-top:12px}@media (width<=900px){.rubricScoreHeader,.rubricTotalBar{flex-direction:column;align-items:stretch}.rubricScoreItem{grid-template-columns:1fr}}
