#invoicesPanel:has(.money-dashboard){max-width:1050px;margin-left:auto;margin-right:auto}
#invoicesPanel #financeTabs{display:flex;flex-wrap:wrap;gap:5px;padding:12px 24px;margin-top:12px}
#invoicesPanel #financeTabs button{flex:0 1 auto;font-size:12px;font-weight:500;padding:8px 10px;min-height:36px;margin:0}
#financeRecording .money-dashboard{max-width:950px;margin:0 auto;min-width:0}
.money-dashboard-heading,.money-dashboard-period,.money-dashboard-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.money-dashboard-heading{justify-content:space-between}.money-dashboard-heading h3{margin:0;font-size:22px}
#financeRecording .money-dashboard-period label{font-size:13px;display:grid;gap:5px}#financeRecording .money-dashboard-period input,#financeRecording .money-dashboard-period select{padding:9px;border:1px solid #ccd9e2;border-radius:8px;font:inherit;width:auto;max-width:100%}
.money-dashboard-note{font-size:12px;color:#536b7b;margin:10px 0 18px}
.money-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.money-dashboard-stat{background:#f3f7fa;border-radius:10px;padding:16px;min-width:0}.money-dashboard-stat span{display:block;font-size:12px;color:#536b7b}.money-dashboard-stat strong{display:block;font-size:24px;font-weight:600;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.money-dashboard-chart{margin-top:24px;min-width:0}.money-dashboard-chart h4,.money-dashboard h4{font-size:15px;margin:12px 0}.money-dashboard-chart svg{display:block;width:100%;font-size:12px;overflow:visible}.money-dashboard-chart svg text{fill:#536b7b}.money-dashboard-chart .grid{stroke:#dbe5ed;stroke-width:1}.money-dashboard-chart .income{fill:#176b94}.money-dashboard-chart .expense{fill:#8ba633}
.money-dashboard-legend{display:flex;gap:18px;font-size:12px;color:#536b7b}.money-dashboard-legend span:before{content:'';display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;background:#176b94}.money-dashboard-legend .expense:before{background:#8ba633}
.money-dashboard-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:20px 0}.money-dashboard-bar-row{margin:12px 0}.money-dashboard-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:5px}.money-dashboard-track{height:8px;background:#edf2f5;border-radius:5px;overflow:hidden}.money-dashboard-track>div{height:100%;border-radius:5px;background:#176b94}.money-dashboard-track>.expense{background:#8ba633}
.money-dashboard-unpaid{border-top:1px solid #dbe5ed;padding-top:16px;margin-top:24px}.money-dashboard-table{margin:12px 0;overflow-x:auto}.money-dashboard-table table{width:100%;border-collapse:collapse;font-size:13px}.money-dashboard-table th{text-align:left;font-weight:600;color:#536b7b}.money-dashboard-table th,.money-dashboard-table td{padding:10px 6px;border-bottom:1px solid #dbe5ed;vertical-align:top}.money-dashboard-table td{font-variant-numeric:tabular-nums}.money-dashboard-table button{font-size:12px}
#financeRecording .money-dashboard-payment{margin:18px 0;background:#f5f8fa}#financeRecording .money-dashboard-payment h4,#financeRecording .money-dashboard-payment p{grid-column:1/-1}
.money-dashboard-recent{margin-top:18px}.money-dashboard-recent>summary{font-size:15px;font-weight:600;padding:12px 0}
@media(max-width:640px){.money-dashboard-stats,.money-dashboard-split{grid-template-columns:1fr}.money-dashboard-stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.money-dashboard-stat strong{margin:0;font-size:22px}.money-dashboard-actions button{flex:1 1 130px}.money-dashboard-table thead{display:none}.money-dashboard-table tr{display:block;border-bottom:1px solid #dbe5ed;padding:10px 0}.money-dashboard-table td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:5px 0;border:0}.money-dashboard-table td:before{content:attr(data-label);font-size:12px;color:#536b7b}.money-dashboard-table td:last-child:has(button){display:block}.money-dashboard-period input,.money-dashboard-period select{font-size:16px!important}.money-dashboard-chart svg{overflow:hidden}}
