:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f2933;--muted:#657384;--paper:#fbfaf6;--panel:#fff;--line:#dfe5e8;--blue:#2f6f8f;--teal:#2f8a7a;--gold:#c3832f;--red:#c24a3a;--green:#367a4f;--shadow:0 22px 70px #1f29331f}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 16% 18%,#2f6f8f1f,#0000 32%),linear-gradient(135deg,#f7f6ef 0%,#ecf2f1 54%,#f8f3ea 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-right:1px solid #75849147;flex-direction:column;gap:28px;padding:28px 22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand h1,.topbar h2,.section-heading h3,.summary-card h3{letter-spacing:0;margin:0}.brand h1{font-size:1.45rem}.brand-mark{background:var(--ink);border-radius:8px;gap:3px;width:44px;height:44px;padding:9px;display:grid}.brand-mark span{background:#f7f6ef;border-radius:999px;height:6px;display:block}.brand-mark span:nth-child(2){background:#90c4b8;width:70%}.brand-mark span:nth-child(3){background:#efbd76;width:45%}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:.76rem;font-weight:750}.nav-list{gap:8px;display:grid}.nav-item{width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-item.active,.nav-item:hover{background:#eef5f3;border-color:#cfe0dc}.nav-icon{width:24px;height:24px;color:var(--teal);background:#d9ebe6;border-radius:6px;place-items:center;font-weight:800;display:grid}.sidebar-note{border-left:4px solid var(--gold);color:#664718;background:#fff8eb;margin-top:auto;padding:16px;line-height:1.45}.sidebar-note p{margin:0}.workspace{grid-template-rows:auto auto auto auto 1fr;gap:18px;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar h2{font-size:clamp(1.8rem,3vw,2.8rem)}.class-chip{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#ffffffb8;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;font-weight:650;display:inline-flex}.class-chip span{width:28px;height:28px;color:var(--teal);background:#e5f1ee;border-radius:7px;place-items:center;display:grid}.input-panel,.roster-panel,.saved-plan-panel,.panel,.summary-card{box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #8796a047;border-radius:8px}.input-panel,.roster-panel,.saved-plan-panel{padding:20px}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.student-list{grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;display:grid}.student-card{min-height:104px;color:var(--ink);cursor:pointer;text-align:left;background:#fbfcfc;border:1px solid #d8e0e4;border-radius:8px;gap:8px;padding:12px;display:grid}.student-card:hover,.student-card.active{background:#eef7f4;border-color:#8fc3b8}.student-card strong{font-size:.98rem;display:block}.student-card span{color:var(--muted);font-size:.82rem;line-height:1.35}.plan-badge{width:fit-content;min-height:24px;color:var(--teal);background:#eef7f4;border:1px solid #cfe0dc;border-radius:999px;align-items:center;padding:3px 8px;font-size:.76rem;font-weight:800;display:inline-flex}.saved-test-list{grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;margin-bottom:14px;display:grid}.saved-test-card{min-height:86px;color:var(--ink);cursor:pointer;text-align:left;background:#fbfcfc;border:1px solid #d8e0e4;border-radius:8px;gap:6px;padding:11px;display:grid}.saved-test-card:hover,.saved-test-card.active{background:#eef7f4;border-color:#8fc3b8}.saved-test-card strong{font-size:.92rem}.saved-test-card span{color:var(--muted);font-size:.8rem;line-height:1.35}.student-card-actions{justify-content:flex-end;display:flex}.delete-student{min-height:30px;color:var(--red);cursor:pointer;background:#fff8f7;border:1px solid #e4c2bc;border-radius:7px;padding:0 9px;font-size:.78rem;font-weight:760}.status-text{color:var(--muted);margin:12px 0 0;font-size:.9rem}.score-form{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}label,fieldset{color:#344150;gap:7px;min-width:0;font-size:.87rem;font-weight:720;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd8dd;border-radius:8px}input,select{height:44px;padding:0 12px}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #2f8a7a40}fieldset{border:0;grid-column:1/-1;margin:0;padding:0}legend{margin-bottom:8px}.form-helper{color:var(--muted);grid-column:1/-1;margin:0;font-size:.9rem;line-height:1.45}.check-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid}.concern-option{cursor:pointer;background:#fbfcfc;border:1px solid #d8e0e4;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:8px 10px;display:flex}.concern-option input{width:18px;height:18px;accent-color:var(--teal)}.results-grid{grid-template-columns:.9fr 1fr 1fr;align-items:start;gap:18px;display:grid}.summary-card,.panel{padding:20px}.result-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.priority-badge{color:#fff;border:3px solid #0000;border-radius:8px;flex:none;place-items:center;width:76px;height:76px;font-size:1.35rem;font-weight:850;display:grid}.priority-high{background:var(--red);border-color:#9f3023}.priority-medium{background:var(--gold);border-color:#a86e20}.priority-on-track{background:var(--green);border-color:#29653d}.priority-badge span{display:block}.summary-text{color:#3d4a57;min-height:88px;margin:18px 0 10px;line-height:1.55}.priority-explanation{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.recommendation-list{gap:10px;display:grid}.recommendation{background:#fbfcfc;border:1px solid #dce5e8;border-radius:8px;grid-template-columns:34px 1fr;gap:11px;padding:12px;display:grid}.recommendation strong{margin-bottom:4px;display:block}.recommendation p{color:var(--muted);margin:0;line-height:1.45}.rec-icon{width:34px;height:34px;color:var(--teal);background:#e4f0ed;border-radius:8px;place-items:center;font-weight:850;display:grid}.wide{grid-column:2/4}textarea{resize:vertical;min-height:180px;padding:14px;line-height:1.55}#savedPlanText{min-height:132px}.ghost-button{min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cbd7dc;border-radius:8px;padding:0 13px;font-weight:750}.primary-button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:8px;min-height:38px;padding:0 14px;font-weight:800}.ghost-button:hover,.primary-button:hover{border-color:var(--teal)}.ghost-button:hover{color:var(--teal)}.primary-button:hover{background:#276f62}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr;display:grid;position:static}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-note{display:none}.student-list,.saved-test-list,.score-form,.check-grid,.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}}@media (width<=680px){.workspace,.sidebar{padding:16px}.topbar,.section-heading,.result-topline{flex-direction:column;align-items:flex-start}.nav-list,.student-list,.saved-test-list,.score-form,.check-grid,.results-grid{grid-template-columns:1fr}.class-chip,.button-row{width:100%}.button-row{justify-content:stretch}.button-row button{flex:1}}