#dashboard .pf32-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:14px;background:linear-gradient(115deg,#0e3658,#1d5b82);color:#fff;margin-top:14px}
#dashboard .pf32-eyebrow{font-size:11px;letter-spacing:.07em;font-weight:700;opacity:.85}
#dashboard .pf32-amount{font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.25;margin:7px 0}
#dashboard .pf32-hero .pf32-muted{color:#dceaf5}
#dashboard .pf32-hero-pill{background:#ffffff20;border:1px solid #ffffff50;border-radius:14px;padding:12px 16px;font-weight:800;font-size:23px;white-space:nowrap}
#dashboard .pf32-hero-pill span{display:block;font-size:11px;font-weight:500;text-align:center}
#dashboard .pf32-muted{font-size:12px;color:#61758b}
#dashboard .pf32-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:13px 0}
#dashboard .pf32-tile{border:1px solid #dce7f0;border-radius:12px;background:#f7fafd;padding:16px;display:flex;flex-direction:column;gap:6px}
#dashboard .pf32-tile>span{font-size:12px;color:#566b81}
#dashboard .pf32-tile strong{font-size:clamp(18px,1.8vw,28px);color:#123d61}
#dashboard .pf32-tile small{font-size:11px;color:#7b8da1}
#dashboard .pf32-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:14px}
#dashboard .pf32-chart,#dashboard .pf32-causes{background:#fff;border:1px solid #dce7f0;border-radius:12px;padding:18px}
#dashboard .pf32-chart h4,#dashboard .pf32-causes h4{font-size:16px;margin:0 0 5px;color:#123d61}
#dashboard .pf32-charthead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#dashboard .pf32-chip{background:#eaf2fa;border-radius:20px;color:#32668e;padding:5px 10px;font-size:11px}
#dashboard .pf32-legend{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 8px;font-size:11px;color:#4c6074}
#dashboard .pf32-legend span,#dashboard .pf32-causetop span{display:flex;align-items:center;gap:6px}
#dashboard .pf32-legend i,#dashboard .pf32-causetop i{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}
#dashboard .pf32-columns{height:240px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;border-bottom:1px solid #dce5ed;padding:0 2px}
#dashboard .pf32-col{height:100%;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;cursor:help}
#dashboard .pf32-col strong{font-size:11px;color:#173d60;white-space:nowrap}
#dashboard .pf32-col>span{font-size:11px;color:#62778a}
#dashboard .pf32-coltrack{flex:1;display:flex;align-items:flex-end;width:100%;max-width:52px}
#dashboard .pf32-colstack{width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:5px 5px 0 0;min-height:2px;transition:filter .2s}
#dashboard .pf32-col:hover .pf32-colstack{filter:brightness(1.12)}
#dashboard .pf32-colstack span{width:100%;display:block}
#dashboard .pf32-chartnote{margin-top:12px}
#dashboard .pf32-cause{margin-top:21px}
#dashboard .pf32-causetop{display:flex;justify-content:space-between;gap:8px;font-size:12px}
#dashboard .pf32-causetop b{color:#173d60;white-space:nowrap}
#dashboard .pf32-progress{height:10px;background:#e8edf3;border-radius:10px;overflow:hidden;margin:9px 0 5px}
#dashboard .pf32-progress span{height:100%;display:block;border-radius:10px}
#dashboard .pf32-cause small{font-size:11px;color:#75879b}
#dashboard .pf32-explain{font-size:11px;color:#687e91;background:#f3f7fb;border-radius:8px;padding:10px;margin-top:20px}
#dashboard .pf32-foot{font-size:11px;color:#6b7f90;margin-top:13px}
@media(max-width:950px){#dashboard .pf32-main{grid-template-columns:1fr}}
@media(max-width:600px){#dashboard .pf32-summary{grid-template-columns:1fr}#dashboard .pf32-hero{flex-wrap:wrap}#dashboard .pf32-columns{gap:4px;height:190px}#dashboard .pf32-col strong{font-size:9px}}