.chart{position:relative;padding-bottom:19px}
.chart svg{width:100%;height:136px;overflow:visible}
.chart-rect.sales{fill:var(--green)}
.chart-rect.contribution{fill:#cba879}
.chart-baseline{stroke:#e7e9e6;stroke-width:1}
.chart-ticks{width:100%;display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;pointer-events:none}
.chart-empty{margin:auto;text-align:center;max-width:300px;line-height:1.6}
.negative-value{color:#9b4f42}
.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.monthly-cost-panel{margin-top:15px;padding:23px}
.monthly-cost-panel h2{font-size:16px;margin:6px 0}
.monthly-cost-panel .panel-head .muted{margin:6px 0 0;font-size:10px}
.fixed-expense-form{display:grid;grid-template-columns:1fr 1.5fr 1.2fr .9fr 1.5fr;gap:10px;align-items:end;margin:18px 0 15px}
.fixed-expense-form>label{display:grid;gap:6px;color:#78827c;font-size:9px}
.fixed-expense-form input,.fixed-expense-form select{height:36px;width:100%;border:1px solid var(--line);border-radius:5px;background:#fcfdfb;color:var(--ink);padding:8px;font:inherit;font-size:10px;min-width:0}
.fixed-expense-form .fixed-check{display:flex;align-items:center;gap:6px;grid-column:1/3}
.fixed-expense-form .fixed-check input,.reconcile-check input{width:auto;height:auto;accent-color:var(--green)}
.fixed-expense-form .button{justify-self:start}
.fixed-expense-list{overflow:auto}
.expense-table{margin:0 0 11px}
.expense-table th{border-top:1px solid var(--line)}
.expense-empty{padding:11px 0;color:#929a96;font-size:10px}
.reconcile-check{display:flex;align-items:flex-start;gap:8px;border-top:1px solid var(--line);padding:13px 0 0;color:#65716a;font-size:9px;line-height:1.55;cursor:pointer}
.reconcile-check input{margin-top:2px}
@media(max-width:850px){.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fixed-expense-form{grid-template-columns:1fr 1fr}.fixed-expense-form .fixed-check{grid-column:auto}}
@media(max-width:560px){.compact-grid{grid-template-columns:1fr 1fr}.compact-grid .metric-card:last-child{grid-column:1/-1}.monthly-cost-panel{padding:16px}.fixed-expense-form{grid-template-columns:1fr 1fr}.fixed-expense-form label:nth-child(2),.fixed-expense-form label:nth-child(5){grid-column:1/-1}.fixed-expense-form .button{grid-column:1/-1}}