#expense-section .expense-toolbar,#expense-section .expense-history-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}#expense-section .expense-filters{display:flex;gap:12px}#expense-section label{display:flex;flex-direction:column;gap:6px}#expense-section input,#expense-section select{min-height:42px}#expense-section .expense-cards{grid-template-columns:repeat(3,minmax(0,1fr))}#expense-section .expense-cards>div{background:#121614;min-width:0}#expense-section .expense-cards>div:first-child{background:linear-gradient(125deg,#1d2919,#121614);border-color:#455d35}#expense-section .expense-cards>div:first-child strong{color:#b4f780}#expense-section .expense-cards strong{font-size:clamp(19px,2.1vw,30px);overflow-wrap:anywhere}#expense-section .expense-cards small{font-size:10px;line-height:1.6;display:block;color:#98a69b;margin-top:7px}#expense-section .expense-history-heading h2{margin:0}#expense-section .expense-history-heading p{margin-bottom:0}#expense-section .expense-history-heading input{width:220px}#expense-history table{width:100%}#expense-history td:first-child{min-width:85px;white-space:nowrap}#expense-history td{vertical-align:middle}#expense-history td small{display:block;color:#8fa094;font-size:10px;margin-top:4px}#expense-history .expense-amount{white-space:nowrap;text-align:right;font-weight:600}#expense-history .expense-tag{display:inline-block;border-radius:5px;padding:4px 8px;background:#202d19;color:#c4e9a9;font-size:10px}#expense-history .expense-tag.proxies{background:#1a292b;color:#a0cbce}#expense-history .expense-tag.other{background:#29262e;color:#bcb0d3}#expense-history .row-actions{min-width:120px}#expense-history a{color:#b4f780;font-size:11px}#expense-section .expense-insights{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:24px}#expense-section .expense-insights>section{padding:18px;background:#101411;border:1px solid #29332b;border-radius:8px}#expense-section .expense-insights h3{margin:0 0 14px}#expense-section .expense-insights p{margin:0}.expense-bar{height:9px;display:flex;background:#29312b;border-radius:10px;overflow:hidden;margin:18px 0}.expense-bar span{min-width:0}.expense-legend{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a1afa6}.expense-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}#expense-section .expense-footnote{color:#829187;font-size:11px;margin-top:20px}#expense-status:empty{display:none}#expense-status[data-error=true],#expense-form-error{color:#ffb4a5}#expense-dialog{inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(480px,100%);max-width:100%;padding:26px;border:0;border-left:1px solid #354136;background:#121614;color:#edf0ed;overflow:auto;color-scheme:dark;box-sizing:border-box}#expense-dialog::backdrop{background:#0009}#expense-dialog .expense-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#expense-dialog h2{font-size:24px;margin:0}#expense-dialog p{margin:10px 0;font-size:12px;line-height:1.7}#expense-close{background:none;color:#bbc6bd;border:0;font-size:25px;width:32px;height:32px;cursor:pointer}#expense-dialog form{max-width:none}#expense-fields{border:0;padding:0;margin:0;min-width:0}#expense-dialog label{display:flex;flex-direction:column;gap:6px;margin-top:14px}#expense-dialog input,#expense-dialog select{width:100%;box-sizing:border-box;min-width:0}#expense-dialog input[type=file]{font-size:12px;padding:10px}#expense-dialog .expense-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}#expense-dialog .expense-cost-note{font-size:11px;color:#9da69f;margin:8px 0}.expense-cost-summary{border:1px solid #35482b;background:#1b2618;border-radius:8px;padding:13px 15px;margin:18px 0}.expense-cost-summary>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:5px 0}.expense-cost-summary strong{font-size:18px;color:#b4f780}.expense-cost-summary small{display:block;color:#9da69f;font-size:10px;margin-top:7px}#expense-dialog .check-label{flex-direction:row;align-items:center}#expense-dialog input[type=checkbox]{width:auto}#expense-dialog .expense-save-controls{display:flex;gap:12px;justify-content:end;margin-top:18px}#expense-dialog #expense-existing-receipt{font-size:11px;color:#a9b9ad}#expense-dialog a{color:#b4f780}#expense-dialog button:disabled{opacity:.5}#expense-dialog #expense-form-error:empty{display:none}
@media(max-width:1000px){#expense-section .expense-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#expense-section .expense-insights{grid-template-columns:1fr}}@media(max-width:600px){#expense-section .expense-cards{grid-template-columns:1fr}#expense-section .expense-toolbar{align-items:stretch}#expense-section .expense-toolbar>.row-actions{width:100%;justify-content:end}#expense-section .expense-filters{width:100%}#expense-section .expense-filters label{flex:1;min-width:0}#expense-section .expense-history-heading>label,#expense-section .expense-history-heading input{width:100%}#expense-dialog{padding:20px}#expense-dialog .expense-form-row{gap:10px}.expense-legend{font-size:10px}}

#expense-section .expense-profit[data-result=profit] strong{color:#b4f780}#expense-section .expense-profit[data-result=loss] strong{color:#ffb4a5}#expense-section .expense-profit{border-color:#455d35}

#expense-section .expense-filters{flex-wrap:wrap}#expense-section .expense-filters [hidden]{display:none}#expense-section #expense-range{margin:16px 0 8px}
@media(max-width:600px){#expense-section .expense-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#expense-section .expense-filters>label:first-child{order:0}#expense-section .expense-filters>label:last-child{order:1}#expense-section #expense-week-filter,#expense-section #expense-month-filter,#expense-section #expense-year-filter{order:2;grid-column:1/-1}}
#expense-section .expense-chart{margin:24px 0;padding:20px 0;border-top:1px solid #29332b;border-bottom:1px solid #29332b;min-width:0}#expense-section .expense-chart h2{margin:0 0 14px}.expense-chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#b7c3ba}.expense-chart-legend span:before{content:'';display:inline-block;width:20px;border-top:3px solid;margin-right:7px;vertical-align:middle}.expense-chart-legend .sales:before{border-color:#5ec8f2}.expense-chart-legend .expenses:before{border-color:#f4b872;border-top-style:dashed}.expense-chart-legend .profit:before{border-color:#b4f780}.expense-chart-surface{position:relative;min-width:0}#expense-chart-plot{display:block;width:100%;height:300px;overflow:visible;touch-action:pan-y}.expense-chart-grid{stroke:#2e3831;stroke-width:1}.expense-chart-zero{stroke:#728377;stroke-width:1.2}.expense-chart-axis{fill:#a5b3aa;font-size:11px}.expense-chart-crosshair{stroke:#b6c6bd;stroke-width:1;stroke-dasharray:4 5;pointer-events:none}#expense-chart-tooltip{position:absolute;z-index:2;background:#17211c;border:1px solid #465e4e;border-radius:8px;padding:10px 12px;pointer-events:none;font-size:12px;max-width:calc(100% - 8px);box-sizing:border-box;box-shadow:0 8px 28px #0008}#expense-chart-tooltip[hidden]{display:none}#expense-chart-tooltip>*{display:block;margin:3px 0}#expense-chart-tooltip strong{color:#edf0ed;font-size:12px}#expense-chart-status,#expense-chart-detail{font-size:12px;line-height:1.7;color:#a5b3aa}#expense-chart-detail{min-height:20px}#expense-chart-inspect input{width:100%;accent-color:#b4f780}#expense-chart-inspect[hidden]{display:none}#expense-chart-table{margin-top:14px}#expense-chart-table td{white-space:nowrap}#expense-chart-table th:not(:first-child),#expense-chart-table td:not(:first-child){text-align:right}.expense-chart details{font-size:12px;color:#b7c3ba}.expense-chart summary{cursor:pointer}@media(max-width:600px){.expense-chart-legend{gap:10px;font-size:11px}#expense-chart-tooltip{font-size:11px}#expense-chart-plot{height:270px}}