#expenses-view{max-width:1180px;margin:auto}.ex-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 28px}.ex-heading h2{font-size:38px;margin:0 0 9px}.ex-heading p:last-child{color:var(--muted);margin:0}.ex-month{display:flex;align-items:end;gap:8px}.ex-month label{display:grid;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.ex-month input{background:white;border:1px solid var(--line);border-radius:8px;min-height:46px;padding:8px;font-size:15px;color:var(--ink)}.ex-month button{min-width:40px;font-size:23px;padding:5px 10px;height:46px}.ex-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:28px}.ex-total,.ex-pending{padding:27px 30px;border-radius:18px}.ex-total{background:#404c36;color:#fff}.ex-total>strong,.ex-pending>strong{font-size:40px;font-weight:500;line-height:1.3;letter-spacing:-1px}.ex-total>p:not(.eyebrow){font-size:12px;color:#e2e7da;margin:6px 0 24px}.ex-split{height:6px;background:#d9bb8f;border-radius:9px;overflow:hidden}.ex-split span{display:block;height:100%;background:#b2c6a3}.ex-amounts{display:flex;gap:24px;justify-content:space-between;margin-top:17px}.ex-amounts span{font-size:12px}.ex-amounts b{display:block;font-size:19px;margin-top:4px;font-weight:500}.ex-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.ex-dot.family{background:#d9bb8f}.ex-dot.business{background:#b2c6a3}.ex-pending{background:#ede8dc;border:1px solid #e3ddcf}.ex-pending>p:not(.eyebrow){font-size:13px;margin:7px 0}.ex-pending small{font-size:12px;color:#646954;display:block;min-height:35px}.ex-progress{display:flex;justify-content:space-between;font-size:11px;margin:17px 0 6px}#expenses-view progress{height:6px;width:100%;accent-color:var(--olive);border:0}.ex-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 18px}.ex-tabs{display:flex;gap:3px;background:#eae8df;border-radius:10px;padding:4px}.ex-tabs button{border:0;padding:10px 16px;border-radius:7px;background:transparent;color:#656b5b;font-size:13px}.ex-tabs button.active{background:white;color:var(--ink);box-shadow:0 1px 5px #00000009}.ex-content{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.ex-filters{display:flex;align-items:end;gap:16px;padding:20px 24px;border-bottom:1px solid #eaece3}.ex-filters label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.ex-filters select{padding:8px 30px 8px 10px;border:1px solid #deded4;border-radius:6px;background:#fff;font-size:13px;color:var(--ink)}.ex-filters p{margin:0 0 7px auto;font-size:11px;color:var(--muted)}.ex-group{display:grid;grid-template-columns:102px 1fr;padding:0 24px}.ex-group+.ex-group{border-top:1px solid #e5e7de}.ex-day{padding-top:24px}.ex-day strong{display:block;font-size:16px;font-weight:500}.ex-day span{font-size:10px;color:var(--muted)}.ex-row{display:flex;align-items:center;gap:14px;padding:22px 0}.ex-row+.ex-row{border-top:1px solid #eef0e8}.ex-check{height:26px;width:26px;flex:0 0 26px;border:1px solid #b6bcad;border-radius:7px;background:#fff;color:var(--olive);font-size:18px}.is-paid .ex-check{background:#e3ebdc;border-color:#cad7c0}.ex-item{flex:1;min-width:0}.ex-item h3{font-size:14px;margin:0 0 5px;font-weight:600}.ex-item p{font-size:11px;color:var(--muted);margin:0}.ex-item small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.ex-tag{font-size:10px;padding:3px 7px;border-radius:4px;margin-right:6px;display:inline-block}.ex-tag.family{background:#f3eadd;color:#795b39}.ex-tag.business{background:#e8edde;color:#566444}.ex-row-amount{text-align:right;min-width:95px}.ex-row-amount strong{font-size:15px;font-weight:600}.ex-row-amount span{display:block;font-size:10px;color:var(--muted)}.ex-row-actions{display:flex;flex-direction:column;align-items:center;min-width:126px}.ex-row-actions .button{font-size:11px;padding:7px 10px}.ex-row-actions .text-button{font-size:11px;padding:5px}.ex-empty{padding:60px 24px;text-align:center;color:var(--muted)}.ex-foot{font-size:11px;color:var(--muted);margin:18px 0 30px}.ex-explain{font-size:12px;color:var(--muted);padding:20px 24px 0}.ex-ledger article{display:flex;align-items:center;gap:20px;padding:20px 24px;border-top:1px solid #eceee7}.ex-ledger time{font-size:12px;width:55px;color:var(--muted)}.ex-ledger article>div{flex:1}.ex-ledger strong,.ex-ledger b{font-size:14px}.ex-ledger p{font-size:11px;margin:4px 0 0;color:var(--muted)}.ex-routine-note{padding:24px;background:#faf9f5;display:flex;gap:24px;align-items:start;border-bottom:1px solid var(--line)}.ex-routine-note h3{margin:0 0 8px}.ex-routine-note p{font-size:12px;max-width:620px;margin:0 0 8px;color:var(--muted)}.ex-routine-note .button{white-space:nowrap;font-size:12px}.ex-routines{display:grid;grid-template-columns:1fr 1fr}.ex-routines article{padding:20px 24px;border-bottom:1px solid #e9eae3;display:flex;justify-content:space-between;gap:12px}.ex-routines h3{font-size:14px;margin:0 0 6px}.ex-routines p{font-size:11px;color:var(--muted);margin:0 0 6px}.ex-routines strong{font-size:13px;font-weight:500}.ex-routines+.fine{padding:16px 24px;margin:0}#expenses-dialog{border:0;border-radius:18px;width:min(520px,94vw);padding:28px;color:var(--ink);max-height:90dvh}#expenses-dialog::backdrop{background:#1d281f88}.ex-form{display:grid;gap:16px}.ex-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.ex-dialog-head h2{font-size:28px;margin:0}.ex-close{background:transparent;border:0;font-size:26px;line-height:1;color:var(--muted)}.ex-form label{display:grid;gap:7px;font-size:12px}.ex-form input,.ex-form select,.ex-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;font-size:16px;background:white;color:var(--ink)}.ex-form .ex-checkbox{display:flex;align-items:center}.ex-checkbox input{width:18px;height:18px}.ex-dialog-subtitle{margin:0;color:var(--muted)}.ex-dialog-actions{display:flex;justify-content:end;gap:10px;border-top:1px solid var(--line);padding-top:20px}.ex-error{padding:12px;background:#fff0e8;color:#843d2b;border-radius:6px;font-size:13px;margin:0}.ex-skip{justify-self:start}body[data-manager-view=expenses] .topbar .actions{display:none}
@media(max-width:1000px){.ex-row-actions{min-width:90px}.ex-group{grid-template-columns:78px 1fr;padding:0 18px}.ex-overview{gap:12px}.ex-total,.ex-pending{padding:24px}.ex-heading{align-items:start}.ex-heading h2{font-size:32px}.ex-filters p{display:none}}
@media(max-width:700px){.ex-heading{flex-direction:column;gap:20px}.ex-month{width:100%}.ex-month label{flex:1}.ex-overview{grid-template-columns:1fr}.ex-total>strong,.ex-pending>strong{font-size:35px}.ex-total>p:not(.eyebrow){margin-bottom:18px}.ex-pending small{min-height:0}.ex-toolbar{align-items:stretch;flex-direction:column}.ex-tabs button{flex:1;padding:10px}.ex-filters{padding:16px;gap:10px;align-items:stretch}.ex-filters label{flex:1;min-width:0}.ex-filters select{width:100%;padding-right:8px}.ex-group{display:block;padding:0 16px}.ex-day{display:flex;align-items:center;justify-content:space-between;padding:16px 0 0}.ex-day strong{font-size:14px}.ex-row{flex-wrap:wrap;gap:10px;padding:17px 0}.ex-item{flex-basis:calc(100% - 38px)}.ex-row-amount{margin-left:36px;text-align:left;flex:1}.ex-row-actions{flex-direction:row;gap:12px}.ex-routines{grid-template-columns:1fr}.ex-routine-note{flex-direction:column;gap:12px;padding:20px}.ex-ledger article{padding:17px;gap:10px}.ex-ledger b{font-size:13px;white-space:nowrap}.ex-ledger time{width:40px;font-size:11px}.ex-form{gap:14px}.ex-dialog-actions .button{font-size:13px}.ex-amounts{gap:12px}}

.ex-pending-split{font-size:11px;margin-top:10px;color:var(--muted)}