:root{color:#172321;background:#f5f7f6;font-family:system-ui,sans-serif}body{margin:0}main{box-sizing:border-box;place-content:center;justify-items:center;min-height:100svh;padding:24px;display:grid}h1{text-align:center;margin:0 0 20px;font-size:1.5rem}section{align-items:center;gap:12px;display:flex}.kpi-panel{width:min(720px,100%);margin-top:24px;display:block}.kpi-panel h2,.kpi-panel p{margin:0 0 8px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;display:grid}.kpi-grid>div{background:#fff;border:1px solid #dbe4df;border-radius:12px;padding:16px}.kpi-grid dd{margin:8px 0;font-size:1.35rem;font-weight:650}.kpi-grid small{color:#52605a;display:block}.client-roster{max-width:1160px;margin:auto;display:block}.client-roster header,.client-roster nav{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.client-roster h1{text-align:left}.roster-table{margin:12px 0;overflow-x:auto}.roster-table table{border-collapse:collapse;background:#fff;width:100%}.roster-table th,.roster-table td{text-align:left;border-bottom:1px solid #dbe4df;padding:12px}