.mpf-card{border:1px solid #d8e5dc;background:#f8fcf9;border-radius:26px;padding:20px;box-shadow:0 12px 30px rgba(27,74,51,.06);display:grid;gap:16px}.mpf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mpf-head h3{margin:0;color:#173d2d;font-size:1.15rem}.mpf-head p{margin:5px 0 0;color:#75827d;font-size:.87rem;line-height:1.5}.mpf-status{white-space:nowrap;background:#fff0d8;color:#8a5c08;border-radius:999px;padding:8px 10px;font-size:.72rem;font-weight:800}.mpf-card[data-state="ready"] .mpf-status{background:#e8f5ed;color:#17633c}.mpf-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mpf-overview>div{border:1px solid #dfe8e3;border-radius:16px;background:#fff;padding:13px;display:flex;flex-direction:column;gap:7px}.mpf-overview span,.mpf-metrics span{font-size:.76rem;color:#68747f;font-weight:800}.mpf-overview strong{font-size:1rem;color:#27344f}.mpf-message{border:1px dashed #d4dbe5;border-radius:18px;background:#fff;padding:15px 16px}.mpf-message strong{color:#27344f}.mpf-message p{margin:7px 0 0;color:#7a848d;font-size:.84rem;line-height:1.5}.mpf-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mpf-metrics article{border:1px solid #dfe8e3;border-radius:18px;background:#fff;padding:15px;min-height:126px;display:flex;flex-direction:column}.mpf-metrics strong{font-size:1.3rem;color:#1e2d5e;margin:12px 0 8px;line-height:1.05}.mpf-metrics small{margin-top:auto;color:#7a848d;line-height:1.4}.mpf-metrics .mpf-positive{background:#f0f8f3;border-color:#cee4d5}.mpf-metrics .mpf-positive strong{color:#17633c}.mpf-metrics .mpf-monthly{grid-column:1/-1;background:#eef4ff;border-color:#d9e3ff;min-height:112px}.mpf-metrics .mpf-monthly strong{color:#2447a8}.mpf-card .hidden{display:none!important}@media(max-width:520px){.mpf-card{padding:16px;border-radius:22px}.mpf-head{flex-direction:column}.mpf-status{align-self:flex-start}.mpf-overview{grid-template-columns:1fr 1fr}.mpf-overview>div:last-child{grid-column:1/-1}.mpf-metrics{grid-template-columns:1fr 1fr}.mpf-metrics article{padding:14px;min-height:120px}.mpf-metrics strong{font-size:1.16rem}}@media(max-width:360px){.mpf-metrics{grid-template-columns:1fr 1fr}.mpf-metrics article{padding:12px;min-height:112px}.mpf-metrics strong{font-size:1.03rem}}
