:root{font:15px/1.55 "Microsoft YaHei","Segoe UI",sans-serif;color:#142c40;background:#f2f6f8;--teal:#087d72;--line:#e1e9ed;--muted:#506879}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}button,select,input{font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #c37b20;outline-offset:3px}button{color:inherit}h1,h2,p{margin:0}h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}h2{font-size:18px}p,small{color:var(--muted)}.sidebar{background:#10283c;color:#e9f4f6;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 16px}.brand{display:flex;align-items:center;gap:10px;padding:0 6px;margin-bottom:38px;font-weight:700}.brand div span{display:block;color:#a3bac9;font-size:12px;font-weight:400}.mark{width:39px;height:39px;display:grid;place-items:center;background:#137e75;border-radius:10px;font-size:28px}.sidebar nav{display:grid;gap:6px}.sidebar button{background:transparent;border:0;text-align:left;border-radius:8px;color:#c8d9e3;padding:12px 10px;white-space:nowrap}.sidebar button span{display:inline-block;width:25px;color:#9bb9ca}.sidebar button:hover,.sidebar button[aria-current=page]{background:#204557;color:#fff}.sidebar button[aria-current=page] span{color:#70ded0}.sidefoot{margin-top:auto;padding:12px 8px;color:#bbd2dd;font-size:13px}.sidefoot i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#52d1b5;margin-right:6px}.top{min-height:62px;padding:15px clamp(16px,4vw,46px);background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:13px}.crumb{margin:0 8px}.badge{background:#e6f5f0;color:#075d51;border-radius:20px;padding:4px 10px;white-space:nowrap}.shell{min-width:0}main{max-width:1500px;margin:auto;padding:30px clamp(16px,4vw,46px) 45px}.headline{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:15px}.headline p{margin-top:6px}.period,.filters label{display:flex;align-items:center;gap:8px;white-space:nowrap}select,input{max-width:100%;border:1px solid #c6d6dd;background:#fff;padding:8px 10px;border-radius:7px;color:#142c40}.notice{background:#e5f3f1;border-left:3px solid #188d80;color:#145c57;padding:9px 12px;margin-bottom:20px;border-radius:4px;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.card,.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:17px}.card{border-top:3px solid var(--accent,#087d72)}.metric{display:block;font:700 clamp(19px,2.25vw,31px)/1.3 "Segoe UI",sans-serif;margin:8px 0;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.panelhead{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:18px}.panelhead p{font-size:13px;margin-top:3px}.trend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:end;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#e8eff2 49px,#e8eff2 50px);border-bottom:1px solid var(--line)}.trend button{display:grid;grid-template-rows:1fr 28px;align-items:end;justify-items:center;height:220px;background:transparent;border:0;padding:0;font-size:12px}.trend i{display:block;width:64%;max-width:49px;background:#8bb8bc;border-radius:5px 5px 0 0}.trend button[aria-pressed=true] i,.trend button:hover i{background:var(--teal)}.trend span{background:white;width:100%;line-height:28px}.legend{display:grid;gap:9px}.category{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 10px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:5px;width:100%}.category:hover,.link:hover{background:#e9f6f4}.track{grid-column:1/-1;background:#edf2f5;border-radius:6px;overflow:hidden;height:5px}.track i{display:block;height:100%;background:var(--accent)}.dot{display:inline-block;background:var(--accent);width:8px;height:8px;border-radius:50%;margin-right:7px}.scroller{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--line)}th{background:#f4f7f9;font-size:13px;color:#486173}.amount{text-align:right}.link,.primary{border:1px solid #c5ddd9;background:white;color:#086e64;border-radius:7px;padding:7px 11px;white-space:nowrap}.primary{background:#087a70;color:white;border-color:#087a70}.filters,.tabs,.actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}.tabs button[aria-pressed=true]{background:#087a70;color:#fff}.report{display:grid;gap:12px}.report p{padding:12px 0;border-bottom:1px solid var(--line)}.empty{padding:15px;color:var(--muted)}
@media(max-width:950px){body{grid-template-columns:184px minmax(0,1fr)}.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body{display:block}.sidebar{position:static;height:auto;min-height:0;padding:12px}.brand{margin-bottom:9px}.brand div span,.sidefoot{display:none}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sidebar button{font-size:12px;padding:8px 4px}.sidebar button span{width:15px}.top{min-height:44px}main{padding-top:18px}.headline{flex-wrap:wrap;align-items:start}.panel,.card{padding:12px}.trend button{height:178px}.period{font-size:13px}}
.annual{margin-top:16px}
.executive-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.executive-grid,.ranking-grid{margin:16px 0}
.ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ranking-grid>*{min-width:0}
.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:6px;font-size:13px}
.current{color:#146a82}.prior{color:#66578d}
.trend-content{min-width:820px}.trend-content svg{width:100%;display:block}
.trend-series line{stroke:currentColor;stroke-width:2}.prior line{stroke-dasharray:5 3}
.trend-series circle,.trend-series text{fill:currentColor}.trend-series text{text-anchor:middle;font-size:11px;font-variant-numeric:tabular-nums}
.chart-zero{stroke:#dbe5eb}.chart-selected{stroke:#9aaebd;stroke-dasharray:3 3}
.trend-months{margin-left:2.65%;margin-right:2.6%;display:grid;gap:4px;grid-template-columns:repeat(12,1fr)}
.trend-months button{padding:5px;font-size:12px}.trend-months button[aria-pressed=true]{color:#fff;background:#146a82}
.structure{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.structure .legend{flex:1 1 230px}
.donut{width:112px;aspect-ratio:1;border-radius:50%;position:relative;margin:auto}
.donut:after{content:"";position:absolute;inset:24%;border-radius:50%;background:#fff}
.comparison-bars{display:grid;gap:10px}
.bar-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px}
.bar-axis{position:relative;grid-column:1/-1;height:10px;border-radius:3px;background:#edf2f5}
.bar-axis:after{content:"";position:absolute;left:50%;height:100%;border-left:1px solid #8799a6}
.bar-axis i{position:absolute;height:100%;background:#337894;border-radius:3px}.bar-axis i.negative{background:#9a633e}
@media(max-width:950px){.ranking-grid{grid-template-columns:1fr}}
@media(max-width:650px){.executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Operations workspace and executive charts share the same navy palette. */
:root{color-scheme:dark;color:#edf6ff;background:#071421;--muted:#aac1d4;--line:#244b65;--teal:#67e1e6}
body{grid-template-columns:192px minmax(0,1fr);background:radial-gradient(ellipse at 46% 0,#113450 0,transparent 48%),#071421}
.sidebar{background:#091b2d;border-right:1px solid #264d68}.brand{font-size:13px;line-height:1.5}.mark{flex:0 0 36px;background:#103f57;color:#73e2ea;border:1px solid #4697b1}.sidebar button[aria-current=page]{background:#103650;box-shadow:inset 3px 0 #63dceb}
.top{background:#0b2236;border-bottom-color:#35627f;color:#aac8db}.status{display:flex;align-items:center;gap:12px}.badge,.notice{background:#102f44;color:#a1eef0}.notice{border-color:#56c7da}
main{max-width:1800px;padding-inline:clamp(14px,2vw,32px)}h1{letter-spacing:.02em}h2{color:#e9f8ff}
.panel,.card{background:linear-gradient(145deg,#0e2940,#0a1d30 68%);border:1px solid #2b5875;border-radius:5px;min-width:0;box-shadow:inset 0 1px #64d7f333}
.panelhead{margin:-17px -17px 15px;padding:10px 16px;background:linear-gradient(100deg,#17496a,#0c2a43 72%);border-bottom:1px solid #3d7795}
.executive-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.card{border-top:2px solid #54cada}.card .metric{color:#b0f7ff;font-size:clamp(16px,1.65vw,29px);overflow-wrap:anywhere}.card small{color:#c0d6e6}
.trend-grid,.operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.trend-grid>section:first-child{grid-column:1/-1}.trend-grid>section:nth-child(2){grid-column:1/-1}
.trend-grid>section:last-child{grid-column:1/-1}.trend-grid>section:last-child .comparison-bars{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}
.executive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.current{color:#66e1ed}.prior{color:#f4c77b}.chart-zero{stroke:#3a647f}.chart-selected{stroke:#abc5db}.trend-series text{font-weight:600}
.category,select,input,.link{background:#0b2439;color:#dcefff;border-color:#396981}.category:hover,.link:hover{background:#16425f}.primary,.tabs button[aria-pressed=true],.trend-months button[aria-pressed=true]{background:#14607a;border-color:#64ccde;color:#fff}.donut:after{background:#0c2236}
th{background:#112e46;color:#c0d7e9}.bar-axis{background:#102c47}.bar-axis i{background:#55bfdc}.bar-axis i.negative{background:#d4a469}.prior .bar-axis i{background:#d4a469}
.grouped{display:grid;gap:11px}.grouped section{border-bottom:1px solid var(--line);padding-bottom:9px}.paired{display:grid;grid-template-columns:50px minmax(20px,1fr) auto;align-items:center;gap:8px;font-size:13px;margin:3px 0}.paired b{font-variant-numeric:tabular-nums}.paired .bar-axis{grid-column:auto}
.workflow-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.workflow-status article{border:1px solid var(--line);padding:12px;background:#102a40}.workflow-status small{display:block}.panel p + p,.panel p + button,.panel p + .actions{margin-top:10px}
[data-page=history] #view>section+[class=panel],[data-page=tables] #view>section+section{margin-top:14px}
@media(max-width:1150px){.executive-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.executive-grid,.operations-grid{grid-template-columns:1fr}}
@media(max-width:650px){body{display:block}.sidebar{border-right:0}.executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.panelhead{margin:-12px -12px 12px;padding:8px 11px}.trend-grid,.workflow-status,.trend-grid>section:last-child .comparison-bars{grid-template-columns:1fr}.status{flex-wrap:wrap;justify-content:flex-end;gap:4px}.status small{font-size:10px}.card .metric{font-size:19px}}