:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;color:#16324f;background:#f4f6f9;font-size:14px;--gold:#c9a227;--blue:#315d85;--muted:#7d8a99}
*{box-sizing:border-box}
body{margin:0}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default;color:#8290a0}
header{height:86px;padding:0 5%;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf2}
.brand{display:flex;gap:14px;align-items:center}
.brand-icon{background:#16324f;color:#e5c96c;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;font-size:24px}
.brand strong{font-size:20px;letter-spacing:1px}
.brand small{display:block;color:#8290a0;margin-top:5px;font-size:11px;letter-spacing:2px}
.live{background:#eaf4ef;color:#337e61;padding:8px 14px;border-radius:30px;font-size:12px}
nav{background:#fff;display:flex;gap:32px;padding:0 5%;overflow-x:auto}
nav button{background:none;border:0;border-bottom:3px solid transparent;white-space:nowrap;padding:18px 2px;color:#7b8795}
nav button.active{border-color:var(--gold);color:#16324f;font-weight:600}
main{max-width:1600px;margin:auto;padding:34px 5%}
.report-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
h1{font-size:28px;margin:7px 0 10px;letter-spacing:1px}
.eyebrow{font-size:10px;color:#a48421;letter-spacing:2px;margin:0}
.muted{color:var(--muted)}
.report-heading .muted{font-size:12px;line-height:1.7}
.secondary{border:1px solid #dce2ea;background:#fff;border-radius:7px;padding:11px 16px}
.filters{display:flex;align-items:end;gap:18px;padding:20px;background:#fff;border:1px solid #e7ebf0;border-radius:10px;margin-bottom:20px}
.filters label{display:flex;flex-direction:column;gap:8px;color:#8290a0;font-size:12px}
.filters select,.filters input{background:#f9fafc;border:1px solid #e6eaf0;border-radius:6px;padding:10px;color:#16324f;min-width:130px;outline:none}
.filters input:focus,.filters select:focus{border-color:#829eb8}
.search-label{flex:1}
.filters input{width:100%}
.text-button{border:0;background:none;color:#627c94;padding:10px;white-space:nowrap}
.scope-note{border-left:3px solid var(--gold);background:#fff9e8;padding:13px 18px;border-radius:0 6px 6px 0;display:flex;gap:15px;align-items:center;margin-bottom:24px;font-size:12px}
.scope-note span{color:#917d4f}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}
.kpi{padding:21px 24px;background:#fff;border:1px solid #e8edf2;border-radius:10px;position:relative}
.kpi.verified:before{content:"";position:absolute;top:23px;left:0;width:3px;height:29px;background:var(--gold)}
.kpi>span{color:#768597;font-size:12px}
.kpi strong{display:block;font-size:31px;font-weight:650;margin:13px 0 8px;font-variant-numeric:tabular-nums}
.kpi small{color:#9aa5b2;font-size:10px}
.unknown{color:#99a4b2;font-size:12px;font-weight:400}
.kpi .unknown{font-size:23px}
.panel{border:1px solid #e7ebf1;border-radius:10px;background:#fff;margin-bottom:24px;overflow:hidden}
.section-title{padding:24px 26px 18px}
.section-title h2{font-size:16px;font-weight:600;margin:0 0 9px}
.section-title p{font-size:12px;color:#8d99a8;margin:0;line-height:1.7}
.two-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
.bar-chart{padding:7px 26px 28px}
.bar-row{display:grid;grid-template-columns:24px 65px 1fr 35px;align-items:center;gap:13px;margin-top:18px;font-size:12px}
.rank{color:#c4ccd5;font-size:10px}
.bar-name{font-variant-numeric:tabular-nums}
progress{width:100%;height:10px;appearance:none;border:0;border-radius:10px;overflow:hidden}
progress::-webkit-progress-bar{background:#f1f4f7;border-radius:10px}
progress::-webkit-progress-value{background:linear-gradient(90deg,#315c84,#829fb8);border-radius:10px}
.bar-row:first-child progress::-webkit-progress-value{background:linear-gradient(90deg,#b9912b,#dfca82)}
.bar-row strong{text-align:right;font-size:12px}
.flow-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:13px 26px 20px}
.flow-cards article{background:#f6f8fb;border-radius:8px;padding:23px;display:flex;gap:20px;align-items:center}
.flow-cards strong{font-size:27px}
.flow-cards span{font-size:12px;color:#8b98a8}
.notice{margin:8px 26px 26px;background:#faf7ee;padding:14px;border-radius:6px;color:#9a8852;font-size:12px;line-height:1.8}
.coverage{padding:0 26px 24px;font-size:13px;color:#718295;line-height:1.9}
.coverage p{margin:6px 0}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#579b7c;margin-right:8px}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}
th{text-align:left;padding:14px 18px;background:#f5f7fa;color:#78889a;font-weight:500;border-bottom:1px solid #e9edf3}
td{padding:16px 18px;border-bottom:1px solid #eef1f5;color:#526b81}
tbody tr:last-child td{border:0}
tbody tr:hover{background:#fcfcf9}
td strong{font-weight:500;color:#16324f}
.id-link{padding:0;border:0;background:none;color:#426e95;font-variant-numeric:tabular-nums;text-decoration:underline;text-underline-offset:4px}
.badge{font-size:10px;padding:4px 8px;border-radius:5px}
.warning{background:#faf1dc;color:#ad8531}
.empty{padding:45px;text-align:center;color:#94a1b0;font-size:13px;line-height:1.8}
footer{margin:28px 0 10px;text-align:center;color:#a0aab6;font-size:10px;line-height:1.8}

@media(min-width:1600px){main{padding-left:32px;padding-right:32px}
}
@media(max-width:1000px){.filters{flex-wrap:wrap}
.search-label{min-width:220px}
.two-columns{grid-template-columns:1fr}
.kpi{padding:18px}
.kpi-grid{gap:12px}
nav{gap:23px}
}
@media(max-width:600px){header{height:76px;padding:0 20px}
.brand strong{font-size:16px}
.brand-icon{width:34px;height:34px;font-size:20px}
.brand small{font-size:9px;letter-spacing:1px}
.live{font-size:10px;padding:7px 10px}
main{padding:25px 18px}
nav{padding:0 20px;gap:23px}
nav button{padding:16px 0;font-size:12px}
.report-heading{align-items:start;gap:12px}
h1{font-size:23px}
.eyebrow{font-size:8px}
.secondary{padding:9px;font-size:11px;white-space:nowrap}
.filters{gap:12px;padding:16px}
.filters label{width:calc(50% - 6px)}
.filters label.search-label{width:100%;min-width:0;flex:0 0 100%}
.filters select{min-width:0;width:100%;padding:9px}
.text-button{padding:3px 0}
.scope-note{align-items:start;flex-direction:column;gap:7px;line-height:1.7}
.kpi-grid{grid-template-columns:repeat(2,1fr)}
.kpi{padding:18px 16px}
.kpi strong{font-size:26px}
.kpi small{font-size:9px;line-height:1.8}
.kpi .unknown{font-size:21px}
.section-title{padding:22px 20px 15px}
.bar-chart{padding:0 20px 24px}
.bar-row{gap:10px;grid-template-columns:20px 65px 1fr 25px}
.flow-cards{margin:10px 20px 15px}
.flow-cards article{padding:20px 16px;gap:13px}
.flow-cards strong{font-size:25px}
.notice{margin:8px 20px 22px}
.coverage{padding:0 20px 20px}
.empty{padding:30px 20px}
}

.compact .kpi strong{font-size:27px}
.compact .kpi{background:linear-gradient(135deg,#fff,#fcfbf6)}
.danger{background:#faece8;color:#b9624c}
.department-bar{grid-template-columns:24px minmax(90px,130px) 1fr 35px}
.department-bar .bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trend-chart{display:flex;align-items:end;gap:8px;margin:12px 26px 26px;min-height:175px;overflow-x:auto;padding-top:10px}
.trend-column{flex:1;min-width:24px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#8b98a8}
.trend-column b{font-size:11px;color:#526b81;font-weight:500}
.trend-track{height:120px;width:100%;max-width:32px;position:relative;background:linear-gradient(0deg,#f4f6f9,transparent);border-radius:7px}
.trend-track progress{position:absolute;bottom:0;left:50%;width:120px;height:20px;transform:translateX(-50%) rotate(-90deg);transform-origin:center center;bottom:50px}
.trend-track progress::-webkit-progress-bar{background:transparent}
.trend-track progress::-webkit-progress-value{background:linear-gradient(90deg,#315c84,#aec0ce)}
.milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:3px 26px 26px}
.milestone-grid article{padding:16px;background:#f8f9fb;border-radius:8px;display:flex;flex-direction:column;gap:12px;color:#718295;font-size:12px}
.milestone-grid strong{font-size:24px;color:#16324f;font-weight:600}
.milestone-grid small{font-size:10px;font-weight:400;color:#8b98a8}
.analysis-report{padding:0 26px 26px}
.analysis-report article{display:flex;gap:20px;padding:20px 0;border-top:1px solid #edf0f4}
.report-number{color:#c9a227;font-size:23px;font-weight:600;padding-top:4px}
.analysis-report h3{margin:0 0 8px;font-size:15px;font-weight:600}
.analysis-report p{line-height:1.9;margin:0;font-size:13px;color:#718295}
.report-limitations{margin-top:12px;padding:18px;background:#faf7ee;border-radius:8px;font-size:12px;color:#938254}
.report-limitations p{font-size:12px}
@media(max-width:600px){.milestone-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 22px}.trend-chart{margin:0 20px 22px}.department-bar{grid-template-columns:20px 85px 1fr 25px}.analysis-report{padding:0 20px 20px}.analysis-report article{gap:14px}.report-heading .secondary{max-width:100px;white-space:normal}}
