.container{max-width:1300px;margin:0 auto}
.brand{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:5px}
h1{font-size:22px;font-weight:700;margin-bottom:3px}
.sub{font-size:12px;color:#777;margin-bottom:1.1rem}
.bnr{background:#e8f0fe;border:1px solid #b0c8f8;border-radius:8px;padding:10px 15px;font-size:12px;color:#1a4db5;margin-bottom:1.2rem;line-height:1.6}
.slbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#aaa;margin-bottom:6px}
.etabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:1rem}
.etab{font-size:12px;padding:5px 12px;border-radius:22px;cursor:pointer;border:1px solid #ddd;color:#666;background:#fff;transition:all .15s;white-space:nowrap;font-weight:500;line-height:1.4}
.etab:hover{border-color:#999;color:#111}
.etab.on{background:#111;color:#fff;border-color:#111;font-weight:700}
.ecnt{font-size:10px;opacity:.5;margin-left:2px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:1.2rem}
@media(max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:#fff;border:1px solid #e5e5e0;border-radius:10px;padding:11px 14px}
.sv{font-size:21px;font-weight:700}
.sl{font-size:11px;color:#999;margin-top:2px}
.afilters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:1rem}
.ab{font-size:11px;padding:3px 9px;border-radius:20px;cursor:pointer;border:1px solid transparent;font-weight:600;transition:opacity .12s;white-space:nowrap;user-select:none}
.ab.dm{opacity:.25}
/* act colours */
.c0{background:#e8f0fe;color:#1a4db5;border-color:#b0c8f8}
.c1{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}
.c2{background:#fff3e0;color:#7b4000;border-color:#ffcc80}
.c3{background:#ede7f6;color:#4527a0;border-color:#b39ddb}
.c4{background:#e0f2f1;color:#00695c;border-color:#80cbc4}
.c5{background:#fce4ec;color:#880e4f;border-color:#f48fb1}
.c6{background:#fce4ec;color:#ad1457;border-color:#f0a0c0}
.c7{background:#f1f8e9;color:#33691e;border-color:#aed581}
.c8{background:#ffebee;color:#b71c1c;border-color:#ef9a9a}
.c9{background:#e3f2fd;color:#0d47a1;border-color:#90caf9}
.c10{background:#f3e5f5;color:#6a1b9a;border-color:#ce93d8}
.c11{background:#e8f5e9;color:#1b5e20;border-color:#81c784}
.c12{background:#fff8e1;color:#f57f17;border-color:#ffe082}
.c13{background:#fbe9e7;color:#bf360c;border-color:#ffab91}
.c14{background:#e0f7fa;color:#006064;border-color:#80deea}
.c15{background:#f9fbe7;color:#558b2f;border-color:#c5e1a5}
.c16{background:#fffde7;color:#e65100;border-color:#fff176}
.c17{background:#efebe9;color:#4e342e;border-color:#bcaaa4}
.c18{background:#fafafa;color:#555;border-color:#ccc}
/* table */
.twrap{border:1px solid #e5e5e0;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:.8rem}
table{width:100%;border-collapse:collapse;font-size:12.5px}
thead th{background:#f8f8f5;padding:9px 12px;text-align:left;font-size:10.5px;font-weight:700;color:#888;border-bottom:1px solid #eee;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
tbody tr{border-bottom:1px solid #f2f2ee}
tbody tr:last-child{border-bottom:none}
tbody tr:hover{background:#fafaf7}
td{padding:8px 12px;vertical-align:middle}
.dpill{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:12px;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}
.dH{background:#e53935}.dM{background:#fb8c00}.dL{background:#43a047}.dP{background:#7e57c2}
.atag{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap}
.fn{font-weight:600;font-size:12.5px;color:#111}
.dc{font-size:12px;color:#555;line-height:1.55}
.empty{text-align:center;padding:2rem;color:#bbb;font-size:13px}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#999;margin-bottom:1.5rem}
.legend span{display:flex;align-items:center;gap:4px}
.footer{padding-top:1rem;border-top:1px solid #e5e5e0;font-size:11px;color:#ccc;text-align:center;line-height:1.7}