.money-spend-section {
  margin: 30px 0;
}
.money-cash-heading h2{font-size:18px;margin:24px 0 7px}.money-cash-heading p{font-size:11px;line-height:1.6;color:#81907c;margin-bottom:15px}
.money-total-card small{font-size:11px;line-height:1.7;color:#83917e}
.money-charts-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.money-charts-pair .money-spend-section{margin:0;min-width:0}.money-charts-pair .money-spend-heading{min-height:64px;align-content:end}
.money-charts-pair .money-spend-charts{grid-template-columns:minmax(0,1fr)}
.money-charts-pair .money-spend-card{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:20px;min-height:190px}
.money-charts-pair .money-spend-card{height:240px;min-height:240px;box-sizing:border-box;overflow:hidden}
.money-charts-pair .money-spend-legend{max-height:198px;overflow-y:auto;align-content:center;padding-right:6px;scrollbar-width:thin}
.money-charts-pair .money-donut{width:120px;height:120px}.money-charts-pair .money-donut-center{width:84px;height:84px}.money-charts-pair .money-donut-center strong{font-size:15px}
.money-charts-pair .money-spend-legend li{grid-template-columns:8px minmax(0,1fr);gap:5px 8px}.money-charts-pair .money-spend-legend strong{grid-column:2;font-size:11px}
.money-list-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:22px 0 14px}.money-list-toolbar label{display:grid;gap:7px;color:#71826c;font-size:11px;font-weight:600}
.money-list-toolbar label:first-child{flex:1;min-width:220px;max-width:460px}.money-list-toolbar input,.money-list-toolbar select{width:100%;padding:11px 13px;border:1px solid #dce4d8;background:#fff;border-radius:7px;font:inherit;font-size:12px;color:#263e2c;min-height:39px}
.money-list-toolbar input:focus{outline:2px solid #a8c09d;outline-offset:1px}.money-list-count{margin-left:auto;font-size:11px;color:#889581;padding-bottom:10px}
.money-vat-details{border:1px solid #dce4d8;border-radius:10px;background:#fff}.money-vat-details>summary{cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px;list-style:none}.money-vat-details>summary::-webkit-details-marker{display:none}.money-vat-details summary strong{font-size:15px}.money-vat-details summary small{display:block;margin-top:7px;font-size:11px;color:#82907c;line-height:1.6}.vat-expand-hint{font-size:11px;color:#65845e;white-space:nowrap}.vat-expand-hint::after{content:' +';font-size:16px}.money-vat-details[open] .vat-expand-hint::after{content:' −'}.money-vat-content{padding:0 20px 20px}.vat-subset{padding-left:15px!important;font-size:11px!important;color:#819078}
[data-theme="dark"] .money-vat-details{background:#1b251e;border-color:#364438}[data-theme="dark"] .money-list-toolbar input,[data-theme="dark"] .money-list-toolbar select{background:#1b251e;color:#dce8d6;border-color:#3c4c3c}
@media(max-width:1100px){.money-charts-pair{grid-template-columns:1fr}.money-charts-pair .money-spend-card{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:550px){.money-charts-pair .money-spend-card{grid-template-columns:1fr;justify-items:center}.money-charts-pair .money-spend-legend{width:100%}.money-list-count{width:100%;margin-left:0}.money-vat-details>summary{align-items:start}.money-vat-details summary small{max-width:230px}}
@media(max-width:550px){.money-charts-pair .money-spend-card{height:360px;min-height:360px;grid-template-rows:120px minmax(0,1fr)}.money-charts-pair .money-spend-legend{max-height:178px}}
.money-vat-section { margin: 28px 0; }
.vat-basis { font-size: 11px; line-height: 1.7; color: var(--muted, #7c887b); margin: 10px 0 16px; }
.vat-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); gap: 14px; }
.vat-card { padding: 22px; border: 1px solid var(--border, #dce3d8); border-radius: 10px; background: var(--surface, #fff); }
.vat-currency { display: inline-block; margin-bottom: 14px; color: #719768; font-size: 12px; letter-spacing: .12em; }
.vat-line { display:flex; justify-content:space-between; gap:20px; padding:9px 0; border-bottom:1px solid var(--border,#edf0ea); font-size:12px; }
.vat-line b { white-space:nowrap; }
.vat-review { display:block; color:#987436; line-height:1.6; margin-top:14px; }
.money-tax-fields { display:grid; gap:14px; padding:16px; border:1px solid var(--border,#dce3d8); border-radius:8px; margin:14px 0; }
.payment-breakdown { padding:14px; border-radius:8px; background:var(--soft,#edf2e9); font-size:12px; line-height:1.7; }
body.dark .vat-card, [data-theme="dark"] .vat-card { background:#1d2b22; border-color:#364438; }
[data-theme="dark"] .payment-breakdown { background:#26372a; color:#dce9d5; }
[data-theme="dark"] .vat-line, [data-theme="dark"] .money-tax-fields { border-color:#364438; }

.money-spend-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.money-spend-heading h2 { margin: 5px 0 0; font-size: 18px; }
.money-spend-heading > span { color: #82917f; font-size: 11px; }
.money-spend-charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 14px; }
.money-spend-card { display: grid; grid-template-columns: 154px minmax(0, 1fr); gap: 22px; align-items: center; padding: 22px; border: 1px solid #e2e7df; border-radius: 9px; background: #fff; }
.money-donut { display: grid; place-items: center; width: 154px; height: 154px; border-radius: 50%; }
.money-donut-center { display: grid; place-content: center; width: 104px; height: 104px; border-radius: 50%; background: #fff; text-align: center; }
.money-donut-center strong { color: #26392b; font-size: 17px; }
.money-donut-center small { margin-top: 4px; color: #849381; font-size: 10px; }
.money-spend-legend { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.money-spend-legend li { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 8px; font-size: 11px; }
.money-spend-legend i { width: 10px; height: 10px; border-radius: 50%; }
.money-spend-legend span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.money-spend-legend strong { white-space: nowrap; font-weight: 600; }
.money-spend-empty { padding: 20px; border: 1px dashed #dce4d9; border-radius: 8px; color: #83907f; font-size: 12px; }

[data-theme="dark"] .money-spend-card { background: #1b251e; border-color: #303d32; }
[data-theme="dark"] .money-donut-center { background: #1b251e; }
[data-theme="dark"] .money-donut-center strong { color: #edf4e9; }
[data-theme="dark"] .money-spend-empty { border-color: #354637; color: #a0b19d; }

@media (max-width: 620px) {
  .money-spend-card { grid-template-columns: 1fr; justify-items: center; }
  .money-spend-legend { width: 100%; }
}
.money-voided{opacity:.68}.money-voided strong{text-decoration:line-through;text-decoration-thickness:1px}.money-void-reason{color:#a66b5d!important}.money-history{margin:14px 0;color:#62725f;font-size:12px}.money-history details{border:1px solid #dce5d9;border-radius:9px;padding:11px 14px}.money-history summary{cursor:pointer;font-weight:700}.money-history p{line-height:1.55;margin:8px 0}.money-void-note{background:#f8eee9;border-radius:9px;padding:12px;color:#8e5548}.record-month-toolbar button[aria-pressed="true"]{border-color:#80a47a;background:#eaf2e8;color:#25452d}
#deleteMoneyBtn{color:#a4554b;border:1px solid #d7a9a0;border-radius:8px;padding:9px 12px;background:transparent;font-weight:700}#deleteMoneyBtn:hover{background:#faeee9}[data-theme="dark"] #deleteMoneyBtn{color:#e4a69a;border-color:#8f5b53}[data-theme="dark"] #deleteMoneyBtn:hover{background:#352823}
#view-subscriptions .subscription-month{position:relative;min-height:118px;border-left:3px solid #dfe5da;transition:border-color .15s,box-shadow .15s}
#view-subscriptions .subscription-month:hover{border-color:#9bb48c;box-shadow:0 3px 12px #23362909}
#view-subscriptions .subscription-month[data-level="watch"]{background:#f7f9f2;border-left-color:#acbd8f}
#view-subscriptions .subscription-month[data-level="high"]{background:#edf3e5;border-left-color:#7e9e62}
#view-subscriptions .subscription-month summary{position:relative;gap:16px;padding-right:14px;border-radius:3px}
#view-subscriptions .subscription-month summary:focus-visible{outline:2px solid #82a276;outline-offset:6px}
#view-subscriptions .subscription-month summary:after{content:'';position:absolute;right:0;top:4px;width:6px;height:6px;border-right:1.5px solid #8d9e83;border-bottom:1.5px solid #8d9e83;transform:rotate(45deg)}
#view-subscriptions .subscription-month[open] summary:after{transform:rotate(225deg);top:7px}
.subscription-amounts{display:flex;flex-wrap:wrap;gap:8px}
#view-subscriptions .subscription-currency{display:inline-flex;align-items:center;gap:9px;border:1px solid #e1e8db;border-radius:7px;padding:7px 9px;background:#ffffffb8;color:#2e422c}
.subscription-currency small{font-size:9px;font-weight:700;letter-spacing:.07em;color:#7d8e73}
.subscription-currency b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
#view-subscriptions .subscription-currency[data-level="high"]{border-color:#b4c6a0;background:#f7faf2;color:#456035}
#view-subscriptions .subscription-no-total{font-weight:400;font-size:11px;color:#8c9789}
.subscription-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;color:#7e8c75;font-size:10px;margin:0 0 14px}
.subscription-legend span{display:inline-flex;align-items:center;gap:5px}
.subscription-legend i{width:8px;height:8px;border-radius:50%;background:#fff;border:1px solid #cdd6c6}
.subscription-legend .watch i{background:#dce6ca;border-color:#acbd8f}
.subscription-legend .high i{background:#a7bf8b;border-color:#7e9e62}
[data-theme="dark"] #view-subscriptions .subscription-month[data-level="watch"]{background:#242e20}
[data-theme="dark"] #view-subscriptions .subscription-month[data-level="high"]{background:#2c3b25}
[data-theme="dark"] #view-subscriptions .subscription-currency{background:#19251bc7;border-color:#43513a;color:#e2ecd8}
[data-theme="dark"] #view-subscriptions .subscription-currency[data-level="high"]{background:#34472c;border-color:#6a8558;color:#d6eac4}
[data-theme="dark"] .subscription-currency small{color:#a4b696}

.money-bars-group{padding:0;margin:0 0 22px;background:transparent;border:0}.money-bars-currency{font-size:11px;color:#81907c;margin-bottom:14px}.money-bar-row{margin:0 0 17px}.money-bar-labels{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:12px;margin-bottom:8px}.money-bar-labels span{overflow-wrap:anywhere}.money-bar-labels strong{font-size:11px;white-space:nowrap}.money-bar-track{height:7px;background:#e2e9dc;border-radius:8px;overflow:hidden}.money-bar-fill{height:100%;background:#8ba77e;border-radius:8px}.money-bars-empty{padding:0;font-size:12px;color:#81907c}.money-charts-pair .money-spend-heading{min-height:0;margin-bottom:20px}.money-charts-pair .money-spend-charts{display:block}[data-theme=dark] .money-bar-track{background:#2c3d2e}[data-theme=dark] .money-bar-fill{background:#96b286}@media(max-width:500px){.money-bar-labels{flex-wrap:wrap;gap:4px}}
.money-charts-pair>.money-spend-section{padding:24px;border:1px solid #dce4d6;border-radius:12px;background:#fff;align-self:stretch;box-sizing:border-box}.money-charts-pair>.money-spend-section .money-bars-group:last-child{margin-bottom:0}[data-theme="dark"] .money-charts-pair>.money-spend-section{background:#1b291f;border-color:#354a37}@media(max-width:650px){.money-charts-pair>.money-spend-section{padding:18px}}