.expense-wrap{display:grid;gap:16px}.expense-filter{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.expense-filter label{display:grid;gap:6px;font-weight:700}.expense-filter p{flex:1;min-width:260px;margin:0;color:#61717d}.expense-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.expense-kpis .stat{display:grid;gap:6px}.expense-kpis b{font-size:1.45rem}.expense-up{color:#b24b3c!important}.expense-bars{height:240px;display:flex;gap:10px;align-items:end;padding:12px 8px 0}.expense-bar{height:100%;flex:1;display:grid;grid-template-rows:1fr auto;gap:8px;text-align:center}.expense-bar span{height:100%;display:flex;align-items:end;background:#f1f5f7;border-radius:6px 6px 0 0}.expense-bar i{display:block;width:100%;background:#39839b;border-radius:6px 6px 0 0}.expense-diagnostics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.expense-driver-list,.expense-factor-list{display:grid;gap:12px}.expense-driver-list>div{display:grid;grid-template-columns:1fr auto;gap:6px}.expense-driver-list i{grid-column:1/-1;height:7px;background:#e7edf0;border-radius:99px;overflow:hidden}.expense-driver-list em{display:block;height:100%;background:#39839b}.expense-factor-list>div{display:grid;grid-template-columns:1fr auto;gap:3px;border-bottom:1px solid #e2e9ed;padding-bottom:9px}.expense-factor-list small{grid-column:1/-1;color:#6b7b86}.expense-table{overflow:auto}.expense-table table{width:100%;border-collapse:collapse;min-width:680px}.expense-table th,.expense-table td{padding:11px 12px;border-bottom:1px solid #e2e9ed;text-align:right}.expense-table th:first-child,.expense-table td:first-child,.expense-table td:nth-child(3){text-align:left}.expense-table td small{display:block;color:#70808a;margin-top:3px}.expense-search{display:flex;gap:10px;margin-bottom:12px}.expense-search input{flex:1}@media(max-width:800px){.expense-kpis{grid-template-columns:1fr 1fr}.expense-diagnostics{grid-template-columns:1fr}.expense-bars{height:190px;gap:5px}}@media(max-width:520px){.expense-kpis{grid-template-columns:1fr}.expense-search{display:grid}.expense-filter label{width:100%}}
/* Match the shared financial-detail filter layout. */
.expense-wrap{grid-template-columns:minmax(0,1fr)}.expense-wrap>*{min-width:0}.expense-filter{display:block}.expense-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.expense-filter .expense-filter-fields label{display:grid;width:auto;gap:7px;color:var(--muted);font-size:12px;font-weight:400}.expense-filter select,.expense-filter input{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.expense-filter input[readonly]{background:#f6f8fa}.expense-filter .expense-basis{min-width:0;margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.75}.expense-basis b{color:#137451}@media(max-width:700px){.expense-filter-fields{grid-template-columns:1fr}}