:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#13213a;background:#f5f8ff}body{margin:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#1f3b73;color:#fff}.topbar nav{display:flex;gap:.75rem}.topbar a{color:#fff;text-decoration:none}.page{padding:0 1rem 1rem 0}.layout{display:grid;grid-template-columns:300px repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.student-layout{transition:grid-template-columns .22s ease;gap:1rem}.student-layout.nav-collapsed{grid-template-columns:84px repeat(3,minmax(0,1fr))}.layout.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 6px #00000014}ul{padding-left:1.2rem}input,select,textarea,button{width:100%;margin-top:.5rem;padding:.5rem;border:1px solid #cad4e5;border-radius:.375rem;font:inherit}button{background:#2e5aac;color:#fff;cursor:pointer}.card-btn{text-align:left}.indicator-pill-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.indicator-pill{display:inline-block;border-radius:999px;padding:.1rem .45rem;font-size:.78rem;border:1px solid transparent}.indicator-list-item{border-radius:.35rem;padding:.35rem .5rem;margin-bottom:.35rem}.indicator-high{background:#fde8e8;border-color:#f5b6b6;color:#a11a1a}.indicator-medium{background:#fff5e6;border-color:#ffd9a8;color:#8c4a00}.indicator-low{background:#eaf7ee;border-color:#b8e0c2;color:#0f5c2a}.badge{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;border-radius:999px;background:#e5ecfb}.error{color:#c62828}.nav-menu ul{list-style:none;padding-left:0}.nav-menu{position:sticky;top:0;background:linear-gradient(180deg,#1f3b73,#2e5aac);color:#fff;border-radius:.15rem;min-height:calc(100vh - 2.5rem);transition:width .22s ease,transform .22s ease;transform:translate(0);border-top-left-radius:0;border-top-right-radius:0}.nav-menu.collapsed{width:84px;transform:translate(0)}.student-layout>.panel:not(.nav-menu){margin-top:1rem}.nav-menu h2,.nav-menu h3,.nav-menu label{color:#fff}.nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.nav-toggle{width:auto;min-width:48px;margin-top:0;background:#fff3;border:1px solid rgba(255,255,255,.35)}.nav-menu li button{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);text-align:left}.nav-menu li button.selected{background:#fff;color:#1f3b73;border-color:#fff;font-weight:600}.nav-menu select,.nav-menu input{background:#fffffff2}.group-create-input{width:94%}.timeline{position:relative;padding-left:1.25rem;margin-bottom:1rem}.timeline-main-line{position:absolute;left:.4rem;top:0;bottom:0;width:2px;background:#c8d6f2}.timeline-date-group{position:relative;margin-bottom:.75rem}.timeline-date{font-weight:600;color:#1f3b73;margin-bottom:.25rem}.timeline-event-row{display:grid;grid-template-columns:18px 1fr;align-items:start;margin:.2rem 0}.timeline-connector{width:18px;border-top:2px solid #c8d6f2;margin-right:.4rem;margin-top:.9rem}.timeline-event{display:inline-block;width:fit-content;background:#eef3ff;border:1px solid #d5e1fb;border-radius:.35rem;padding:.15rem .45rem;color:#13213a;cursor:pointer;margin-top:0}.timeline-event.checkin{background:#f6f8fc}.stack-col{display:grid;gap:1rem;align-content:start}.timeline-detail{grid-column:2;margin-top:.35rem;margin-bottom:.45rem;background:#fff;border:1px solid #d5e1fb;border-radius:.35rem;padding:.45rem .55rem}.nav-menu.collapsed li button{text-align:center;font-size:.75rem;padding:.5rem .25rem}