*{box-sizing:border-box}body{color:#101828;background:#f4f7fb;margin:0;font-family:system-ui}.top{color:#fff;background:#102f54;padding:16px 22px}.wrap{padding:18px}.grid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:15px}.c3{grid-column:span 3}.c5{grid-column:span 5}.c7{grid-column:span 7}.c12{grid-column:span 12}.n{font-size:28px;font-weight:900}.muted{color:#667085;font-size:13px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;border-bottom:1px solid #eee;padding:9px}.red{color:#b42318}.map{background:#e8eef5;border-radius:12px;height:420px;padding:12px;overflow:auto}.dot{color:#fff;background:#17365d;border-radius:10px;margin:3px;padding:5px 7px;font-size:10px;display:inline-block}@media (width<=800px){.c3,.c5,.c7{grid-column:span 12}}