:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14253b;background:#f3f6fa;font-synthesis:none;--green:#147348;--navy:#11253e;--line:#dfe6ef}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,select:focus-visible{outline-color:#167a64}button{cursor:pointer}.topbar{height:70px;padding:0 4%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:750;display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;background:#75e2b0;color:var(--navy);width:34px;height:34px;border-radius:7px;font-size:25px}.connection{font-size:15px;display:flex;align-items:center;gap:9px;color:#c6d4e6}.signal{height:8px;width:8px;border-radius:50%;background:#e5b753}.connection[data-state=online] .signal{background:#75e2b0}.connection[data-state=offline]{color:#ffd2b3}.connection[data-state=offline] .signal{background:#ff9861}main{max-width:1740px;margin:0 auto;padding:34px 4% 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:30px}.eyebrow{margin:0 0 9px;font-size:15px;color:#506780;font-weight:600}h1{font-size:clamp(26px,2.7vw,39px);letter-spacing:-.035em;margin:0;line-height:1.15}.counters{display:flex;gap:32px}.counters>div{display:flex;flex-direction:column;gap:4px;min-width:100px}.counters strong{font-size:34px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.counters span{font-size:14px;color:#607187;white-space:nowrap}.done-counter strong{color:var(--green)}.toolbar{display:flex;align-items:end;gap:16px;margin-bottom:20px}.toolbar label{display:grid;gap:7px;font-size:14px;font-weight:650;color:#4b6179}.assignment-filter{max-width:600px;flex:1}.toolbar select{height:44px;width:100%;min-width:170px;border:1px solid #ced8e5;border-radius:8px;background:#fff;padding:0 36px 0 12px;color:#20354e;font-size:16px}.toolbar button{margin-left:auto;min-height:44px;padding:10px 16px;border:1px solid #ced8e5;border-radius:8px;background:transparent;color:#334c66;font-size:15px}.toolbar button:hover{background:#e8eef5}.board{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #16385405}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:890px}th{text-align:center;background:#f8fafc;padding:17px 9px 19px;font-size:14px;line-height:1.35;font-weight:650;color:#415771;vertical-align:top;border-bottom:1px solid var(--line)}.student-column{text-align:left;width:26%;padding-left:22px}.group-column{width:11%;text-align:left}.step-number{display:block;font-size:12px;color:#7c8fa6;margin-bottom:7px;font-weight:600;letter-spacing:.06em}td{padding:14px 10px;border-bottom:1px solid #e9eef4;vertical-align:middle;text-align:center;height:62px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfd}.student-cell{text-align:left;padding-left:22px}.student-name{font-size:18px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.student-meta{font-size:12px;color:#61738a;margin-top:4px}.student-error{color:#965308;max-width:380px}.group-cell{text-align:left;font-size:16px;font-weight:550;color:#506780;overflow-wrap:anywhere}.step-mark{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:50%;font-size:23px;font-weight:750;color:#a8b6c7}.step-mark.complete{background:#e5f5eb;color:#147348}.step-mark.partial{font-size:14px;background:#fff2d8;color:#875410;font-variant-numeric:tabular-nums}.step-mark.not-required{font-size:13px;width:auto;color:#6d7f93}.empty{text-align:center;padding:55px 20px 65px;color:#6a7d93}.empty[hidden]{display:none}.empty h2{font-size:23px;color:#2b425d;font-weight:650;margin:16px 0 9px}.empty p{font-size:16px;margin:0}.empty-symbol{width:46px;height:46px;display:grid;place-items:center;border:1px solid #d1ddeb;border-radius:12px;margin:0 auto;font-size:28px;color:#42638b}footer{display:flex;justify-content:space-between;gap:15px;color:#6d7f93;font-size:13px;margin-top:18px}.legend-check{color:var(--green);font-size:16px;font-weight:700;margin-right:6px}.offline-banner{margin-bottom:15px;padding:12px 16px;border:1px solid #ecc78b;background:#fff3dc;color:#76501d;border-radius:8px;font-size:16px}.offline-banner[hidden]{display:none}@media(min-width:1600px){td{height:69px}.student-name{font-size:21px}th{font-size:16px}.group-cell{font-size:18px}.step-mark{width:37px;height:37px;font-size:27px}}@media(max-width:850px){.heading{align-items:flex-start;flex-direction:column;gap:24px}.counters{width:100%;gap:20px;justify-content:space-between}.toolbar{flex-wrap:wrap}.assignment-filter{flex-basis:100%;max-width:none}.toolbar label:not(.assignment-filter){flex:1}.topbar{padding:0 20px}.brand{font-size:18px}main{padding:25px 20px}.connection{font-size:13px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:no-preference){.step-mark.complete{animation:confirm .3s ease-out}@keyframes confirm{from{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}}
.view-tabs{display:flex;align-items:center;gap:4px;padding:4px;background:#e5ecf4;border-radius:10px;flex-wrap:wrap;align-self:end}.toolbar .view-tabs button{margin:0;border:0;min-height:38px;padding:8px 18px;font-size:16px;white-space:nowrap}.toolbar .view-tabs button[aria-pressed=true]{background:#fff;color:#132d49;box-shadow:0 1px 4px #18314a18;font-weight:650}.toolbar .view-tabs button:focus-visible{outline:2px solid #167a64;outline-offset:1px}.toolbar>label{margin-left:auto}.toolbar>button{margin-left:0}.step-mark.draft{width:auto;height:auto;min-height:30px;max-width:150px;border-radius:6px;background:#fff3dc;color:#79541c;padding:6px 9px;font-size:14px;line-height:1.25;font-weight:550}.student-meta{font-size:14px}.student-error{font-size:12px}@media(max-width:850px){.view-tabs{flex-basis:100%}.toolbar>label{margin-left:0}.toolbar .view-tabs button{padding:8px 12px}.counters>div{min-width:0}.counters{gap:12px}.counters span{font-size:13px}}