:root{font-family:system-ui,sans-serif;color:#18243a;background:#f3f5f9}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:18px}header,nav,.metrics,form,.two{display:flex;gap:14px;flex-wrap:wrap;align-items:center}header{justify-content:space-between}header p{margin-top:0;color:#5b6780}h1{margin-bottom:4px}h2{font-size:1.12rem}section{background:#fff;padding:16px;margin:16px 0;border-radius:9px;border:1px solid #e0e4ec}label{display:grid;gap:5px;font-size:.92rem}input,select,button{font:inherit;padding:8px 10px;border-radius:5px;border:1px solid #cbd3df}button{background:#233b66;color:#fff;border-color:#233b66}button:hover{background:#35568d}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #487ac1;outline-offset:2px}button:disabled{opacity:.55}.metrics{align-items:stretch}.metric{background:#eef3fb;min-width:130px;padding:12px;border-radius:6px}.metric strong{display:block;font-size:1.4rem}.warn{color:#9c3e33}.good{color:#28644a}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.91rem}th,td{padding:9px;border-bottom:1px solid #e8ebf1;text-align:left;white-space:nowrap}td button{padding:4px 8px;margin-right:4px;font-size:.86rem}details{margin-top:14px}details summary{font-weight:600}.two>div{flex:1;min-width:300px}#message{min-height:2em;font-weight:600}#message.error{color:#ad3e35}@media(max-width:600px){.metric{min-width:calc(50% - 12px)}main{padding:10px}section{padding:12px}}