:root{font-family:Arial,Helvetica,sans-serif;color:#17202a;background:#eef2f6}*{box-sizing:border-box}body{margin:0}header{background:#1f4e78;color:#fff;padding:14px 22px;display:flex;justify-content:space-between}main{max-width:1180px;margin:auto;padding:20px}.card{background:#fff;border:1px solid #d9e1e8;border-radius:10px;padding:18px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid #d9e1e8;border-radius:9px;padding:16px}.metric b{font-size:26px;display:block;margin-top:6px}button{background:#1f4e78;color:#fff;border:0;border-radius:7px;padding:10px 14px;font-weight:700;cursor:pointer;margin:3px}.secondary{background:#5f6b76}input,select{width:100%;padding:10px;border:1px solid #cbd5df;border-radius:7px}label{font-weight:700;display:block;margin:11px 0 5px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #dde4ea;text-align:left}.hidden{display:none}.error{color:#b42318}.ok{color:#087443}.muted{color:#6b7280}@media(max-width:760px){.grid,.formgrid{grid-template-columns:1fr}main{padding:10px}header{flex-direction:column;gap:6px}}