:root{font-family:system-ui;color:#18231f;background:#eef3f1;--green:#075e54}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}nav{background:#102d29;color:white;padding:1.2rem}nav a{display:block;color:#d9f4ee;padding:.65rem;border-radius:6px;text-decoration:none}nav a:hover,nav a:focus{background:#ffffff18}main{padding:clamp(1rem,3vw,2.5rem);min-width:0}.card{background:white;border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 16px #1231}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #dae2df}input,textarea,select,button{font:inherit;padding:.65rem;border:1px solid #a8b5b1;border-radius:7px}button{background:var(--green);color:white;cursor:pointer}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.error{color:#a12626}.metric{font-size:1.8rem;font-weight:700;color:var(--green)}:focus{outline:3px solid #65c9b5;outline-offset:2px}@media(max-width:800px){.shell{display:block}nav{display:flex;gap:.3rem;overflow:auto;position:sticky;top:0;z-index:2}nav h2{display:none}nav a{white-space:nowrap}table{display:block;overflow:auto}}