.finance-filters{display:flex;gap:12px;margin-bottom:24px;max-width:540px}.finance-filters>label{flex:1;margin:0;color:#74816b;font-weight:500;font-size:11px}.finance-filters input,.finance-filters select{display:block;margin-top:6px;height:43px;font-size:12px}.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.finance-metrics .value{font-size:25px;overflow-wrap:anywhere}.finance-metrics .metric .eyebrow{max-width:none}.finance-metrics .metric{min-width:0}.finance-metrics .positive .value,.amount-positive{color:#24744e}.finance-metrics .negative .value,.amount-negative{color:#b93c35}.finance-metrics .feature .value{color:#fff}.finance-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.finance-summary-grid .listrow{justify-content:space-between;gap:15px}.finance-summary-grid .listrow strong{white-space:nowrap}.overdue{color:#b5443a}.section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:28px 0 15px}.store-finances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.store-finances .row{gap:10px;flex-wrap:wrap}.store-numbers{margin:14px 0 0;font-size:12px}.store-numbers div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf0e8}.store-numbers dt{color:#7c8873}.store-numbers dd{margin:0;font-weight:600;text-align:right}.communication-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.communication-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #e1e8d9;border-radius:9px;padding:10px 15px;color:#738368;font-size:12px}.communication-tabs button.active{color:#173e34;background:#eaf1de;border-color:#d4e2c6;font-weight:600}.communication-tabs .count{padding:1px 6px;border-radius:20px;background:#173e34;color:#fff;font-size:10px}.compact-metrics{grid-template-columns:1fr 1fr;max-width:720px}.invoice-list{display:grid;gap:14px}.invoice-card{border-left:4px solid #b4cca1}.invoice-unpaid{border-left-color:#be4a40;background:#fffdfc}.invoice-card h3{font-size:15px}.invoice-card .row{gap:12px}.invoice-footer{margin-top:17px}.invoice-footer .red{background:#fbeae7;color:#b13b34}.expense-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #edf0e8}.expense-row strong{white-space:nowrap;font-size:14px}.expense-row p{margin-top:5px}.tile-open{display:flex;align-items:center;gap:8px;margin-top:18px;color:#648450;font-size:11px}.tile-open svg{width:16px!important;height:16px!important;margin:0!important}.permission-choice{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:12px}.permission-choice input{width:17px;height:17px;accent-color:#173e34}.quickgrid:has([data-go]){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1150px){.finance-metrics{grid-template-columns:1fr 1fr}.store-finances{grid-template-columns:1fr}.finance-metrics .value{font-size:26px}}
@media(max-width:760px){.finance-filters{gap:9px;margin-bottom:17px}.finance-filters input,.finance-filters select{font-size:12px;height:41px;padding:8px}.finance-metrics{gap:10px;margin-bottom:17px}.finance-metrics .value{font-size:21px;margin-top:18px}.finance-metrics .metric{min-height:125px}.finance-metrics .caption{font-size:9px}.finance-metrics .eyebrow{letter-spacing:.6px}.finance-summary-grid{grid-template-columns:1fr;gap:15px}.finance-summary-grid h3{font-size:14px}.finance-summary-grid .listrow{font-size:12px}.store-finances{gap:12px}.section-heading{align-items:flex-start;flex-direction:column;margin-top:24px;gap:5px}.communication-tabs{gap:6px}.communication-tabs button{padding:10px 11px;font-size:11px}.communication-tabs svg{width:16px;height:16px}.invoice-card .btn{font-size:11px}.invoice-card>.row>strong{font-size:17px}.invoice-card .hint{font-size:10px}.expense-row{gap:10px;flex-wrap:wrap}.expense-row .grow{flex-basis:55%;min-width:0}.expense-row strong{font-size:13px;margin-left:auto}.expense-row .btn{margin-left:auto}.heading>.row{gap:7px}.heading>.row .btn{padding:9px;font-size:10px}.heading:has(>.row){flex-direction:column}.store-numbers{font-size:11px}.worktile p{line-height:1.6}.topactions{margin-left:auto}}