:root{font-family:system-ui,sans-serif;color:#183047;background:#f3f6f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#102c41;color:white;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}header span{font-weight:400}nav{display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem;background:white}nav a{padding:.5rem .7rem;text-decoration:none;border-radius:5px}a{color:#086d85}a[aria-current]{background:#dceef2;font-weight:700}main{max-width:1300px;margin:auto;padding:1.5rem}h1{font-size:1.8rem}h2{font-size:1.2rem}article,.login{background:white;border:1px solid #dae2e8;border-radius:8px;padding:1.2rem;margin:.7rem 0;overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.metric{display:block;font-size:2rem;color:#086d85}label{display:block;margin:.7rem 0}input,select,textarea,button{font:inherit;border:1px solid #9eafb9;border-radius:4px;padding:.55rem}input:not([type=checkbox]),select,textarea{display:block;width:100%;max-width:600px}textarea{max-width:none}button{background:#086d85;color:white;cursor:pointer}button:hover{background:#075367}button:focus,a:focus,input:focus,textarea:focus{outline:3px solid #d4a92e;outline-offset:2px}.inline{display:inline-block;margin:.4rem .4rem 0 0}.split{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.pre,pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{padding:2rem;color:#566b79}.login{max-width:480px;margin:3rem auto}table{border-collapse:collapse;width:100%;background:white}td,th{text-align:left;padding:.7rem;border-bottom:1px solid #dae2e8}.table{overflow:auto}@media(max-width:700px){header{padding:1rem;gap:1rem}header span{display:block}main{padding:1rem}.split{grid-template-columns:1fr}nav{gap:0;padding:.5rem}nav a{font-size:.9rem}}