.public-finance{margin:20px 0 26px;color:#13283a}.public-finance *{box-sizing:border-box}.public-finance-header,.public-finance-header form,.pf-panel-heading,.pf-legend{display:flex;align-items:center;justify-content:space-between;gap:14px}.public-finance-header{margin-bottom:16px}.public-finance-header h2{margin:0;font:800 23px/1.2 Arial,sans-serif!important}.public-finance-header p{margin:4px 0 0;color:#667f91;font-size:14px}.public-finance-header form{padding:7px 10px;border:1px solid #e0ebe8;border-radius:13px;background:#fff}.public-finance-header label{font-size:12px;font-weight:700}.public-finance-header input{width:140px;min-height:32px;border:0;background:transparent;color:#163849;font:inherit}.public-finance-header button{border:0;border-radius:8px;background:#07684c;color:#fff;padding:8px 12px;cursor:pointer}.public-finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pf-metric{min-width:0;min-height:125px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid;border-radius:17px;text-decoration:none!important;color:#132a38!important}.pf-metric:hover{transform:translateY(-2px);box-shadow:0 10px 20px #18463211}.pf-income{background:#effaf5;border-color:#dcefe6}.pf-expense{background:#fff3f3;border-color:#f6e2e2}.pf-balance{background:#edf6ff;border-color:#dceafb}.pf-plots{background:#fff9ef;border-color:#f7e9d0}.pf-icon{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:18px;background:#d7f2e3;color:#0c9a61;font-size:33px}.pf-expense .pf-icon{background:#ffe0e1;color:#df4050}.pf-balance .pf-icon{background:#dceafe;color:#1671d0}.pf-plots .pf-icon{background:#fff0d1;color:#dd9510}.pf-metric-copy{min-width:0;display:block}.pf-metric-copy b{display:block;font-size:14px;color:#116349}.pf-expense b{color:#b72e39}.pf-balance b{color:#1565b7}.pf-plots b{color:#625335}.pf-metric-copy strong{display:block;margin:8px 0 4px;font:800 clamp(18px,1.8vw,27px)/1.05 Arial,sans-serif;overflow-wrap:anywhere}.pf-metric-copy small{color:#617d8c;font-size:12px}.public-finance-detail{display:grid;grid-template-columns:1.1fr .9fr 1.25fr;gap:12px;margin-top:12px}.pf-panel{min-width:0;height:300px;padding:18px;border:1px solid #e1ebea;border-radius:16px;background:#fff;box-shadow:0 4px 14px #173f3108}.pf-panel h3{margin:0;font:800 17px Arial,sans-serif}.pf-legend{justify-content:flex-end;font-size:11px;color:#627d90}.pf-legend span:before{content:"";display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;background:#14a96e}.pf-legend span+span:before{background:#f0696c}.pf-chart-bars{height:235px;margin-top:17px;display:flex;align-items:flex-end;justify-content:space-around;gap:6px;background:repeating-linear-gradient(to top,#e8eeee 0,#e8eeee 1px,transparent 1px,transparent 25%)}.pf-chart-month{height:100%;flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:8px}.pf-chart-pair{height:calc(100% - 25px);width:100%;max-width:50px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.pf-chart-pair i{width:38%;min-height:2px;border-radius:4px 4px 0 0}.pf-bar-income{background:#10a86a}.pf-bar-expense{background:#f06b70}.pf-chart-month small{font-size:11px;color:#687f8e}.pf-donut{width:160px;height:160px;margin:15px auto;border-radius:50%;display:grid;place-items:center}.pf-donut>span{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:white;text-align:center}.pf-donut strong{font-size:15px;overflow-wrap:anywhere}.pf-donut small{color:#718591;font-size:11px}.pf-category ul{list-style:none;padding:0;margin:0;max-height:74px;overflow:auto}.pf-category li{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:3px 0}.pf-category li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-category li i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.pf-panel-heading a{color:#079466;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.pf-table-wrap{max-height:240px;overflow:auto;margin-top:14px}.pf-transactions table{width:100%;border-collapse:collapse;font-size:11px}.pf-transactions th,.pf-transactions td{text-align:left;padding:8px 5px;border-bottom:1px solid #edf1f1;vertical-align:top}.pf-transactions th{background:#f0f5f7;font-weight:800}.pf-transactions td:first-child,.pf-amount{white-space:nowrap}.pf-tag{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:20px;padding:4px 6px;background:#e6f5ed}.pf-tag.keluar{background:#ffeded}.pf-amount{font-weight:800}.pf-amount.keluar{color:#e23f4d}.pf-amount.masuk{color:#079465}@media(max-width:1100px){.public-finance-metrics{grid-template-columns:repeat(2,1fr)}.public-finance-detail{grid-template-columns:1fr 1fr}.pf-transactions{grid-column:1/-1}}@media(max-width:700px){.public-finance-header{align-items:stretch;flex-direction:column}.public-finance-header form{justify-content:flex-start}.public-finance-metrics,.public-finance-detail{grid-template-columns:1fr}.pf-transactions{grid-column:auto}.pf-panel{height:auto;min-height:285px}.pf-chart-bars{height:230px}.pf-metric{min-height:105px}.pf-metric-copy strong{font-size:24px}}