#expenses-view{min-width:0}#expenses-view[hidden]{display:none!important}#expenses-view>.muted{margin:0 0 16px}.expenses-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.expenses-actions button,.expense-dialog button{display:inline-flex;align-items:center;justify-content:center;text-align:center}.expenses-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.expenses-metric{border:1px solid #d2d6ca;background:#fff;padding:16px;display:flex;flex-direction:column;gap:8px;border-radius:4px}.expenses-metric strong{font-size:25px;font-weight:500;overflow-wrap:anywhere}.expenses-metric span{font-size:14px;font-weight:600}.expenses-metric small{font-size:12px;color:#6e7368}.expenses-metric.paid,.expense-badge.paid{background:#e4efe0;color:#2c6c42;border-color:#a7c3a1}.expenses-metric.pending,.expense-badge.pending{background:#fff5d3;color:#896a13;border-color:#ddcb8c}.expenses-search{border:1px solid #d2d6ca;background:#fff;margin:0;padding:0;border-radius:0}.expenses-search summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:15px}.expenses-search summary::-webkit-details-marker{display:none}.expenses-search summary:after{content:'+';font-size:22px}.expenses-search[open] summary:after{content:'−'}.expenses-filters{border-top:1px solid #d2d6ca;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.expenses-filters label,.expense-form-grid label,.expense-attachments label{display:flex;flex-direction:column;gap:7px;font-size:13px;margin:0;min-width:0}.expenses-filters input,.expenses-filters select,.expense-form-grid input,.expense-form-grid select,.expense-form-grid textarea,.expense-attachments input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-family:inherit}.expenses-filters input,.expenses-filters select{font-size:14px;height:40px}.expenses-count{padding:16px 0;margin:0!important;border-top:1px solid #d2d6ca;margin-top:20px!important;font-size:13px}.expenses-list{border:1px solid #d2d6ca;background:#fff}.expense-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:12px;padding:18px;border:0;border-bottom:1px solid #d2d6ca;margin:0;border-radius:0}.expense-row:last-child{border-bottom:0}.expense-copy,.expense-values{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}.expense-copy strong{font-size:16px}.expense-copy span{font-size:14px}.expense-copy small,.expense-values small{font-size:12px;color:#6e7368}.expense-values{align-items:flex-end}.expense-values>strong{font-size:21px;font-weight:500}.expense-row>.expenses-actions{grid-column:1/-1;justify-content:flex-end}.expense-badge{border:1px solid;padding:5px 9px;font-size:12px;border-radius:3px}.expense-delete{color:#a43c35!important}.expenses-empty{padding:24px;margin:0}.expense-dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto}.expense-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.expense-form-grid [hidden]{display:none!important}.expense-form-grid input,.expense-form-grid select{font-size:16px;min-height:42px}.expense-total{padding:10px 12px;background:#edf1e7;border:1px solid #d2d6ca;min-height:42px;box-sizing:border-box;font-size:18px;font-weight:600}.expense-attachments{display:grid;gap:16px;border-top:1px solid #d2d6ca;padding-top:18px;margin-top:18px}.expense-attachments input[type=file]{font-size:14px;padding:12px;background:white;border:1px solid #d2d6ca}.expense-attachments small{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:6px}.expense-remove-file{flex-direction:row!important;align-items:center;justify-content:flex-start;margin-top:8px!important}.expense-remove-file input{width:auto!important;min-height:0!important}.expense-dialog .message{margin:14px 0}.expense-dialog form>button{margin-top:10px}.expense-dialog .dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.expense-dialog .dialog-heading h2{font-size:21px;margin:0}
@media(max-width:700px){.expenses-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.expenses-metric{padding:12px}.expenses-metric strong{font-size:21px}.expenses-metric span{font-size:12px}.expenses-metric small{font-size:11px}.expenses-filters{grid-template-columns:1fr 1fr;padding:12px;gap:12px}.expenses-filters label:first-child{grid-column:1/-1}.expenses-filters input{font-size:16px}.expense-row{grid-template-columns:1fr;padding:16px;gap:12px}.expense-values{align-items:flex-start}.expense-row>.expenses-actions{justify-content:flex-start;gap:8px}.expense-row button{font-size:12px;padding:9px 12px;min-height:36px}.expense-dialog{padding:18px!important}.expense-form-grid{gap:12px}.expense-form-grid label:nth-child(1),.expense-form-grid label:nth-child(2),.expense-form-grid label:nth-last-child(1),.expense-form-grid label:nth-last-child(2){grid-column:1/-1}.expenses-actions>button{font-size:13px;padding:10px 12px}.expense-dialog .dialog-heading h2{font-size:20px}.expense-dialog .dialog-heading button{font-size:12px;padding:8px 10px}}
#expenses-view .expenses-filters input,#expenses-view .expenses-filters select{height:42px;min-height:42px;padding:8px 10px!important;line-height:24px!important;margin:0;vertical-align:middle}.expense-dialog .expense-form-grid input,.expense-dialog .expense-form-grid select{height:44px;padding:9px 10px!important;line-height:24px!important;margin:0}
.expense-suggest-field{position:relative;min-width:0}.expense-suggestion-list{position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border:1px solid #b7bfaa;box-shadow:0 6px 14px #30382f20;max-height:190px;overflow:auto}.expense-suggestion-list[hidden],.expense-suggestion-hint[hidden]{display:none!important}.expense-suggestion-list>[role=option]{padding:10px 12px;font-size:14px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere;border-bottom:1px solid #e2e5dc}.expense-suggestion-list>[role=option]:last-child{border-bottom:0}.expense-suggestion-list>[role=option]:hover,.expense-suggestion-list>[aria-selected=true]{background:#edf1e7;color:#30382f}.expense-suggestion-hint{margin:12px 0 0;font-size:12px;line-height:1.5}@media(max-width:700px){.expense-form-grid>.expense-suggest-field{grid-column:1/-1}.expense-suggestion-list>[role=option]{padding:12px;font-size:14px}}
.expense-dialog .expense-vat-hint{font-size:11px;line-height:1.4;color:#6e7368;font-weight:400}.expense-dialog input[readonly]{background:#edf1e7;color:#30382f}
