*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#172033}header{background:#06103a;color:white;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}nav a{color:white;margin-left:14px;text-decoration:none}main{max-width:1180px;margin:24px auto;padding:0 16px}.card{background:white;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 12px rgba(0,0,0,.08)}.narrow{max-width:460px;margin:32px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.big{font-size:42px;margin:0;color:#0b4fb3}label{display:block;margin-top:12px;font-weight:bold}input,select{width:100%;padding:10px;margin-top:5px;border:1px solid #cfd6df;border-radius:8px}button{background:#0b5bd3;color:white;border:0;border-radius:8px;padding:10px 16px;margin-top:14px;cursor:pointer}.secondary{background:#667085;padding:7px 10px;margin:0}.error{color:#b42318;background:#fee4e2;padding:10px;border-radius:8px}.ok{color:#027a48;background:#d1fadf;padding:10px;border-radius:8px}.muted{color:#667085}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid #e4e7ec;padding:10px;text-align:left}th{background:#f9fafb}a{color:#0b5bd3}
.inline{display:inline-flex;gap:10px;align-items:end;flex-wrap:wrap;margin:4px 0}
.inline input,.inline select{margin:0;min-width:120px}
.buttonlink{display:inline-block;background:#0b4a7a;color:#fff;text-decoration:none;border-radius:8px;padding:10px 14px;margin:3px 4px 3px 0}
.pill{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.okpill{background:#d9f5e5;color:#11612f}
.badpill{background:#ffdede;color:#a80000}
textarea{font-family:Consolas,monospace;border:1px solid #ccc;border-radius:8px;padding:10px}
small{color:#777}