:root{--ink:#20242c;
--muted:#697386;
--line:#e5e7eb;
--red:#fce8e6;
--blue:#123450;
--bg:#f7f8fa}*{box-sizing:border-box}body{margin:0;
background:var(--bg);
color:var(--ink);
font:14px system-ui,"Microsoft YaHei",sans-serif}header{padding:26px max(24px,calc((100% - 1480px)/2));
background:var(--blue);
color:white;
display:flex;
justify-content:space-between;
align-items:center}.eyebrow{letter-spacing:1.5px;
font-size:11px;
opacity:.75;
margin:0}h1{margin:5px 0;
font-size:26px}header p{margin:0}button,select,input{font:inherit;
border:1px solid #cfd5df;
border-radius:6px;
padding:8px 10px;
background:white}button{cursor:pointer}header button,#apply{background:#fff;
color:#17324d;
font-weight:650}main{max-width:1480px;
margin:auto;
padding:20px}.cards{display:grid;
grid-template-columns:repeat(7,minmax(115px,1fr));
gap:10px}.card,.panel{background:white;
border:1px solid var(--line);
border-radius:10px}.card{padding:14px}.card span{display:block;
font-size:12px;
color:var(--muted)}.card strong{display:block;
margin-top:7px;
font-size:18px}.filters{display:flex;
flex-wrap:wrap;
gap:10px;
align-items:end;
margin:16px 0}.filters label{display:flex;
flex-direction:column;
gap:5px;
font-size:12px;
color:var(--muted)}.p0,.notice{display:block;
padding:10px 12px;
border-radius:7px;
background:#fff5d9;
color:#765300}.notice:empty{display:none}#tabs{display:flex;
flex-wrap:wrap;
gap:5px;
margin:16px 0}#tabs button{border-radius:20px;
background:#fff}#tabs button.active{background:var(--blue);
color:#fff;
border-color:var(--blue)}.panel{padding:18px;
margin-bottom:16px}.panel h2{margin:0 0 8px;
font-size:19px}.panel-head{display:flex;
justify-content:space-between;
gap:12px}.count{color:var(--muted);
font-size:12px}.muted{color:var(--muted);
margin:5px 0 15px}.matrix,.table-wrap{overflow:auto}.matrix table{min-width:1300px}table{border-collapse:collapse;
width:100%;
background:white}th,td{padding:9px 10px;
border-bottom:1px solid var(--line);
text-align:right;
white-space:nowrap}th{background:#f3f5f7;
color:#445;
position:sticky;
top:0;
cursor:pointer}th:first-child,td:first-child{text-align:left;
position:sticky;
left:0;
background:inherit;
font-weight:600}.drill{cursor:pointer}.drill:hover td{background:#f7fbff}.status{font-size:12px;
padding:3px 7px;
border-radius:20px;
background:#edf2f7}.status.green{background:#e8f6ec;
color:#17643a}.status.red{background:#fdeaea;
color:#a52a2a}.status.yellow{background:#fff5d9;
color:#765300}.status.normal{background:#edf2f7;
color:#475569}.grid2{display:grid;
grid-template-columns:1fr 1fr;
gap:16px}.empty{padding:18px;
background:#fff5d9;
border-radius:7px}.action{display:flex;
justify-content:space-between;
gap:12px;
padding:10px 0;
border-bottom:1px solid var(--line)}@media(max-width:800px){header{padding:18px;
display:block}.cards{grid-template-columns:repeat(2,1fr)}main{padding:12px}.filters label{max-width:100%;min-width:0}.filters select,.filters input{max-width:100%;min-width:0}.grid2{grid-template-columns:1fr}.panel{padding:13px}h1{font-size:21px}.action{display:block}.action button{margin-top:8px}}