.expense-center{display:grid;gap:18px}.expense-center-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.expense-center-head h2{margin:0}.expense-center-head p{margin:5px 0 0;color:var(--muted,#64748b)}.expense-center-actions{display:flex;gap:9px;flex-wrap:wrap}.expense-center-modes{display:flex;gap:8px;flex-wrap:wrap}.expense-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.expense-summary-card{background:var(--panel,#fff);border:1px solid var(--line,#e2e8f0);border-radius:14px;padding:16px 18px;min-height:84px}.expense-summary-card span{display:block;color:var(--muted,#64748b);font-size:13px}.expense-summary-card strong{display:block;margin-top:8px;font-size:23px;color:var(--ink,#172033)}.expense-filter-grid{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(140px,1fr));gap:10px;align-items:end}.expense-filter-grid label{display:grid;gap:5px;font-size:12px;color:var(--muted,#64748b)}.expense-filter-grid input,.expense-filter-grid select{width:100%;min-height:40px}.expense-table-wrap{overflow:auto}.expense-register{width:100%;border-collapse:collapse;min-width:850px}.expense-register th,.expense-register td{padding:11px 12px;border-bottom:1px solid var(--line,#e2e8f0);text-align:left;vertical-align:middle}.expense-register th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#64748b);background:var(--soft,#f8fafc)}.expense-register td.amount{text-align:right;font-weight:650;white-space:nowrap}.expense-register .supplier-description{font-weight:600}.expense-register .secondary-line{display:block;color:var(--muted,#64748b);font-size:12px;margin-top:3px}.expense-row-actions{display:flex;gap:5px;white-space:nowrap}.expense-detail-panel{border:1px solid var(--line,#e2e8f0);border-radius:12px;padding:16px;background:var(--soft,#f8fafc)}.expense-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.expense-detail-grid span{display:block;color:var(--muted,#64748b);font-size:12px}.expense-detail-items{margin-top:12px}.expense-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.expense-empty{padding:28px;text-align:center;color:var(--muted,#64748b)}@media(max-width:760px){.expense-center-head{align-items:flex-start;flex-direction:column}.expense-summary-grid{grid-template-columns:1fr}.expense-filter-grid{grid-template-columns:1fr 1fr}.expense-filter-grid .wide{grid-column:1/-1}.expense-detail-grid{grid-template-columns:1fr 1fr}}.expense-item-editor{margin-top:10px}.expense-item-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:12px 0;padding:14px;background:var(--soft,#f8fafc);border:1px solid var(--line,#e2e8f0);border-radius:12px}.expense-item-row label{display:grid;align-content:start;gap:5px;font-size:12px;color:var(--muted,#64748b)}.expense-item-row input,.expense-item-row select,.expense-item-row textarea{width:100%;min-width:0}.expense-item-description{grid-column:span 2}.expense-line-total{display:grid;align-content:center;gap:4px}.expense-line-total span{font-size:12px;color:var(--muted,#64748b)}.expense-line-total strong{font-size:16px}.expense-line-remove{align-self:center;justify-self:end}.expense-items-totals{display:flex;justify-content:flex-end;gap:22px;align-items:center;flex-wrap:wrap;padding:12px 0}.expense-items-totals strong{font-size:18px}@media(max-width:760px){.expense-item-row{grid-template-columns:1fr 1fr}.expense-item-description{grid-column:1/-1}.expense-line-remove{justify-self:stretch}}
/* Compact Expense Center reference layout */
.expense-center{gap:15px;max-width:1250px;margin:0 auto;padding:22px!important}
.expense-center-head h2{font-size:24px;font-weight:700}
.expense-center-head p{font-size:13px}
.expense-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.expense-summary-card{background:transparent;border:0;border-radius:10px;padding:12px 14px;min-height:72px}
.expense-summary-card span{font-size:12px}
.expense-summary-card strong{font-size:20px;margin-top:6px}
.expense-summary-card small{display:block;color:var(--muted,#64748b);font-size:11px;margin-top:3px}
.expense-tabs{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.expense-tabs button{border:0;background:transparent;color:var(--muted,#64748b);border-radius:999px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer}
.expense-tabs button.active{background:var(--soft,#f1f5f9);color:var(--ink,#172033);font-weight:700}
.expense-register-panel{border:1px solid var(--line,#e2e8f0);border-radius:15px;padding:15px;background:var(--panel,#fff);min-width:0}
.expense-register-title{display:flex;justify-content:space-between;align-items:center;gap:10px}
.expense-register-title h3{margin:0;font-size:16px}
.expense-filter-toggle{font-size:12px}
.expense-search-label{display:block;margin:12px 0}
.expense-search-label input{width:100%;min-height:38px;border:1px solid var(--line,#e2e8f0);border-radius:9px;padding:8px 12px}
.expense-filter-grid{display:none;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 0 14px}
.expense-filter-grid.is-open{display:grid}
.expense-register{min-width:760px}
.expense-register th{text-transform:none;letter-spacing:0;background:transparent}
.expense-register .supplier-description{display:block}
.expense-register td{font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.expense-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.expense-center{padding:14px!important}.expense-summary-card{min-height:68px;padding:9px 6px}.expense-summary-card strong{font-size:16px}.expense-register{min-width:0}.expense-register th:nth-child(3),.expense-register td:nth-child(3),.expense-register th:nth-child(4),.expense-register td:nth-child(4),.expense-register th:nth-child(5),.expense-register td:nth-child(5){display:none}.expense-register th,.expense-register td{padding:10px 5px}.expense-row-actions{flex-direction:column}.expense-row-actions button{font-size:11px;padding:4px 6px}.expense-pagination{font-size:12px}}

/* Supplier expense form sections */
.expense-form-section{border-top:1px solid var(--line,#e2e8f0);padding-top:18px;margin:8px 0 4px}
.expense-form-section:first-child{border-top:0;padding-top:0}
.expense-form-section span{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted,#64748b)}
.expense-form-section h3{font-size:17px;margin:7px 0}
.expense-item-editor{border-top:1px solid var(--line,#e2e8f0);padding-top:10px}
.expense-item-editor .expense-form-section{border:0;padding:0}
.expense-item-row{background:var(--panel,#fff)}
.expense-items-totals{border-top:1px solid var(--line,#e2e8f0);justify-content:space-between}

.expense-project-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:start;padding:12px;border:1px solid var(--line,#e2e8f0);border-radius:12px;background:var(--soft,#f8fafc)}
.expense-project-picker label{display:grid;gap:5px;min-width:0}
.expense-project-picker input,.expense-project-picker select{width:100%;min-width:0;min-height:38px}
.expense-project-preview{grid-column:1/-1;font-size:12px;color:var(--muted,#64748b);line-height:1.4}
.expense-line-project{grid-column:span 2;min-width:0}
.expense-line-project .expense-project-picker{background:var(--panel,#fff)}
@media(max-width:760px){.expense-project-picker{grid-template-columns:1fr}.expense-line-project{grid-column:1/-1}}
