.cost-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:26px;border-radius:20px;background:linear-gradient(135deg,#083e24,#15834a);color:#fff;margin-bottom:18px}.cost-hero h2{font-size:29px;margin:4px 0}.cost-hero p{margin:0;color:#dcf5e6;max-width:760px}.cost-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.cost-filters label{min-width:210px}.cost-filters .btn{margin-left:auto}.cost-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.cost-kpis article{background:#fff;border:1px solid #dfe8e2;border-top:4px solid #168a49;border-radius:16px;padding:17px;box-shadow:0 7px 20px rgba(20,60,36,.05)}.cost-kpis small,.cost-kpis b{display:block}.cost-kpis small{color:#68786f;font-weight:700}.cost-kpis b{font-size:1.35rem;margin-top:7px;color:#173e2b}.cost-kpis .positive{border-top-color:#168a49}.cost-kpis .negative{border-top-color:#d92d20}.cost-kpis .negative b{color:#b42318}.cost-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;margin-bottom:18px}.cost-bars{display:grid;gap:13px}.cost-bars>div>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:.86rem}.cost-bars .bar{height:9px;margin-top:6px;background:#e8f0ea;border-radius:999px;overflow:hidden}.cost-bars .bar span{display:block;height:100%;background:linear-gradient(90deg,#158a49,#82bd4b);border-radius:inherit}.cost-summary dl{display:grid;gap:0;margin:0}.cost-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1ee}.cost-summary dt{color:#66776d}.cost-summary dd{margin:0;font-weight:800;text-align:right}.cost-category{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf7f0;color:#146b3b;font-size:.75rem;font-weight:800}.cost-money{font-weight:900;color:#163d2a}.cost-money+small,.cost-layout small{display:block;color:#718078}.table-wrap td small{display:block;margin-top:3px;color:#718078}@media(max-width:900px){.cost-kpis{grid-template-columns:repeat(2,1fr)}.cost-layout{grid-template-columns:1fr}.cost-filters .btn{margin-left:0}}@media(max-width:560px){.cost-hero{align-items:flex-start;flex-direction:column}.cost-hero .btn,.cost-filters>*{width:100%}.cost-kpis{grid-template-columns:1fr}}