:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}nav{background:#13213c;color:white;padding:1rem 5%;display:flex;gap:1rem;align-items:center}nav a{color:white;text-decoration:none}.brand{font-weight:800;margin-right:auto}main{max-width:1050px;margin:2rem auto;padding:0 1rem}.card{background:white;border-radius:16px;padding:1.4rem;box-shadow:0 8px 30px #17203312;margin-bottom:1rem}.narrow{max-width:560px;margin:3rem auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric{font-size:2rem;font-weight:800;color:#5b47e0}label{display:block;font-weight:650;margin:.8rem 0 .3rem}input,select,textarea{width:100%;padding:.75rem;border:1px solid #cbd1dc;border-radius:9px;font:inherit}input[type=checkbox]{width:auto}button,.button{display:inline-block;background:#5b47e0;color:white;border:0;border-radius:9px;padding:.75rem 1rem;text-decoration:none;font-weight:700;cursor:pointer}.secondary{background:#e9e7fc;color:#30247f}.danger{background:#b42318}.flash{padding:.8rem;border-radius:8px;background:#fff1d6;margin:1rem 0}.flash.error{background:#fee4e2}.flash.success{background:#dcfae6}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #e7e9ee}.hp{position:absolute;left:-9999px}.muted{color:#667085;font-size:.92rem}@media(max-width:650px){table{font-size:.85rem}nav{flex-wrap:wrap}}
[hidden]{display:none!important}
button:disabled{opacity:.55;cursor:not-allowed}input[type=file]{max-width:100%}.roster-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem}.admin-roster-image,#roster-preview-image{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:1rem 0}#roster-preview-error{color:#b42318}#roster-publish{margin-top:1rem}nav{flex-wrap:wrap}nav a,summary{min-height:44px;display:inline-flex;align-items:center}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #0072ff;outline-offset:3px}main{overflow-wrap:anywhere}.roster-admin-grid input{min-width:0}.roster-admin-grid .card{min-width:0}nav .brand{color:#fff}
body:not(.client-shell) button,body:not(.client-shell) .button{background:#0066df;min-height:44px}body:not(.client-shell) .secondary{background:#eaf3ff;color:#004d99}body:not(.client-shell) nav{background:#004d99}.admin-brand{display:flex;align-items:center;gap:10px}.admin-brand img{border-radius:10px;object-fit:contain}body:not(.client-shell) .metric{color:#0066df}
.admin-roster-image,#roster-preview-image{width:auto;height:auto;object-position:center;margin:1rem auto}