:root{color-scheme:light;--nav:#104b4c;--ink:#162033;--muted:#52637a;--line:#d9e2ec;--bg:#f5f8fc;--teal:#0c7e73}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,sans-serif;display:grid;grid-template-columns:215px minmax(0,1fr)}
.sidebar{background:var(--nav);color:white;padding:16px 10px;display:flex;flex-direction:column;gap:18px;min-height:100vh}.brand{display:flex;align-items:center;gap:9px;padding:0 8px;font-size:18px}.brand img{width:27px;height:27px}.stage{font-size:10px;background:#9a4a04;color:white;border-radius:6px;padding:2px 6px;font-weight:800}.sidebar nav{display:grid;gap:4px}.sidebar a{color:#e3f4f3;text-decoration:none;padding:9px 12px;border-radius:9px}.sidebar a[aria-current]{background:#ffffff21;border-left:3px solid #45d6c4;font-weight:700}.sidebar a:hover{background:#ffffff21}.signout{margin-top:auto;padding:8px;display:grid;justify-items:start;gap:8px}.signout small{color:#c2dedc}.signout button{background:#ffffff20}
header{background:white;border-bottom:1px solid var(--line);padding:14px 22px}h1,h2{margin:0;font-size:18px}main{padding:16px 22px}.metrics{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.metrics span,.status{border-radius:99px;padding:3px 10px;background:#eaf7f5;color:#175b54;font-size:13px}.metrics span:last-child,.disabled{background:#f0f3f8;color:var(--muted)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:16px;align-items:start}.create{grid-column:2;grid-row:1}.roster{grid-column:1;grid-row:1}.create,.login,article{background:white;border:1px solid var(--line);border-radius:14px;padding:16px}.login{max-width:430px}.roster h2{margin-bottom:10px}article{border-left:3px solid var(--teal);margin-bottom:10px}.account{display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.account .status{margin-left:auto}
form{margin:.65rem 0 0}fieldset{border:1px solid var(--line);border-radius:8px;margin:.7rem 0;padding:.45rem .65rem}label{display:inline-block;margin:.25rem .55rem .25rem 0}.create label:has(input:not([type=checkbox])),.login label{display:block;margin-bottom:10px}input,button{font:inherit}input:not([type=checkbox]){display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;background:#fff;color:inherit}button{background:var(--teal);color:white;border:0;border-radius:8px;padding:.45rem .75rem;cursor:pointer}button:hover{filter:brightness(.9)}:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.error{color:#a51919}.empty{color:var(--muted)}
@media(max-width:900px){.layout{grid-template-columns:1fr}.create,.roster{grid-column:auto;grid-row:auto}}@media(max-width:620px){body{grid-template-columns:1fr}.sidebar{min-height:auto;gap:7px}.sidebar nav{display:flex;flex-wrap:wrap}.signout{margin:0}main,header{padding:12px}}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.panel h2{margin-bottom:10px}.sidebar .subnav{margin-left:14px;padding-block:5px;font-size:13px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{color:var(--muted);font-weight:500;font-size:13px}.panel details{border-top:1px solid var(--line);padding:10px 0}.panel summary{cursor:pointer;color:var(--nav);font-weight:650}.rights form{padding-left:12px}.panel p{margin-bottom:0}