*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f5f6f8;color:#1f2430}
header{background:#c1272d;color:#fff;padding:18px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
header h1{margin:0;font-size:19px;font-weight:600;letter-spacing:.2px}
nav{display:flex;gap:6px;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:6px;font-size:14px;opacity:.85}
nav a:hover{background:rgba(255,255,255,.15);opacity:1}
nav a.active{background:rgba(0,0,0,.22);opacity:1}
main{max-width:1180px;margin:0 auto;padding:24px}
.card{background:#fff;border:1px solid #e3e6ec;border-radius:10px;padding:18px 20px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}
.stat{background:#fff;border:1px solid #e3e6ec;border-radius:10px;padding:16px 18px}
.stat .label{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#6b7280;margin-bottom:6px}
.stat .value{font-size:27px;font-weight:650;color:#c1272d;line-height:1.15}
.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.field{display:flex;flex-direction:column;gap:4px}
.field label{font-size:12px;color:#6b7280;font-weight:600}
input,select{padding:8px 10px;border:1px solid #cfd4dd;border-radius:6px;font:inherit;background:#fff;min-width:150px}
button{padding:8px 15px;border:0;border-radius:6px;background:#c1272d;color:#fff;font:inherit;font-weight:600;cursor:pointer}
button:hover{background:#a51f25}
button.secondary{background:#4b5563}button.secondary:hover{background:#374151}
button.export{background:#16794c}button.export:hover{background:#12603c}
button:disabled{opacity:.55;cursor:not-allowed}
.table-wrap{overflow-x:auto;border:1px solid #e3e6ec;border-radius:10px;background:#fff}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:820px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eef0f4;white-space:nowrap}
th{background:#fafbfc;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;position:sticky;top:0}
tbody tr:hover{background:#fcfcfd}
.pill{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}
.pill.ok{background:#dcf5e7;color:#12603c}
.pill.no{background:#fde8e8;color:#a51f25}
.yes{color:#16794c;font-weight:600}.no-mark{color:#b91c1c}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:14px;flex-wrap:wrap}
.muted{color:#6b7280;font-size:13px}
.msg{padding:10px 14px;border-radius:6px;margin-bottom:14px;display:none}
.msg.err{display:block;background:#fde8e8;color:#a51f25;border:1px solid #f5c2c2}
.msg.ok{display:block;background:#dcf5e7;color:#12603c;border:1px solid #b3e6cc}
.bar{height:9px;border-radius:5px;background:#eef0f4;overflow:hidden}
.bar>span{display:block;height:100%;background:#16794c}