.finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.finance-kpis article{position:relative;min-height:132px;padding:1.25rem 1.1rem 1rem 5.6rem;border:0;border-radius:16px;background:#fff;box-shadow:0 12px 26px #312c2310}.finance-kpis i{position:absolute;left:1.1rem;top:2rem;display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:50%;background:#f4f3f1;color:#252525;font-style:normal;font-size:1.35rem;font-weight:800}.finance-kpis span{font-size:.94rem;color:#777}.finance-kpis b{font-size:1.35rem;color:#242424}.finance-kpis .income b{color:#087d4b}.finance-kpis .expense b{color:#bd332b}.finance-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2rem}.finance-breakdown article{padding:1.75rem;border-radius:16px;background:#fff;box-shadow:0 12px 26px #312c2310}.finance-breakdown h2{margin:0 0 1.3rem;font-family:'Onest',sans-serif;font-size:1.35rem}.finance-breakdown dl{margin:0}.finance-breakdown dl div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #f0efed}.finance-breakdown dl div:last-child{border-bottom:0}.finance-breakdown dt{color:#777}.finance-breakdown dd{margin:0;font-weight:800}.expense-bar{display:flex;height:22px;overflow:hidden;border-radius:7px;background:#efefef;margin:1.25rem 0}.expense-bar span:nth-child(1){background:#b492e9}.expense-bar span:nth-child(2){background:#f9dd91}.expense-bar span:nth-child(3){background:#8ed5ba}@media(max-width:1000px){.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.finance-kpis{grid-template-columns:1fr 1fr}.finance-kpis article{min-height:108px;padding:1rem .7rem 1rem 3.9rem}.finance-kpis i{left:.7rem;top:1.45rem;width:2.5rem;height:2.5rem;font-size:1rem}.finance-kpis span{font-size:.78rem}.finance-kpis b{font-size:1rem}.finance-breakdown{grid-template-columns:1fr}.finance-breakdown article{padding:1.15rem}}
