.finance-page{width:100%;max-width:1440px;margin:auto;padding:42px 34px 60px;min-width:0}.finance-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.finance-period{display:flex;align-items:center;gap:8px}.finance-period input{color-scheme:dark;background:transparent;color:#ccc;border:0;padding:7px 3px;font-size:12px;width:150px}.finance-step{border:0;background:transparent;color:#999;width:26px;height:28px;display:grid;place-items:center;border-radius:5px}.finance-step:hover{background:#ffffff0a;color:#fff}.finance-step svg{width:13px;height:13px}.finance-step.previous svg{transform:rotate(90deg)}.finance-step.next svg{transform:rotate(-90deg)}.finance-currency{border-left:1px solid #ffffff15;padding-left:16px;margin-left:10px;width:76px;flex-shrink:0}.finance-currency .custom-select{font-size:11px;padding:0;gap:5px}.finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.finance-summary section{background:#0d0d10;border:1px solid #28282f;border-top-color:color-mix(in srgb,var(--finance-accent) 40%,#28282f);border-radius:10px;padding:21px 22px;box-shadow:0 -3px 16px color-mix(in srgb,var(--finance-accent) 3%,transparent);min-width:0}.finance-summary h2{font-size:11px;font-weight:400;color:#aaaab3;margin:0 0 18px}.finance-summary strong{font-size:clamp(20px,2.2vw,31px);font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums;display:block;overflow-wrap:anywhere}.finance-summary small{display:block;color:#777782;font-size:9px;margin-top:10px}.finance-cash{display:flex;justify-content:flex-end;gap:22px;padding:16px 2px 26px;font-size:10px;color:#85858e;flex-wrap:wrap}.finance-cash b{font-weight:400;color:#c9c9d1;margin-left:7px;font-variant-numeric:tabular-nums}.finance-chart{border:1px solid #24242b;border-radius:10px;background:#0c0c0fdd;padding:22px 24px 17px;margin-bottom:32px}.finance-chart header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.finance-chart h2{font-size:12px;font-weight:500;margin:0}.finance-chart h2 span{font-size:10px;font-weight:400;color:#7e7e89;margin-left:12px}.finance-chart header>div{display:flex;gap:14px;font-size:9px;color:#888894}.finance-chart header>div span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px;background:#9ebfff}.finance-chart header .cost-key:before{background:#e9aaa5}.finance-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.finance-bars button{min-width:0;padding:0 5px 4px;background:transparent;color:#82828d;border:0;border-bottom:1px solid transparent;transition:background .15s}.finance-bars button:hover{background:#ffffff05}.finance-bars button.selected{color:#eee;border-bottom-color:#9ebfff}.finance-bar-pair{display:flex;height:100px;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid #ffffff09;margin-bottom:12px}.finance-bar-pair i{width:14px;max-width:40%;min-height:1px;background:#9ebfff88;border-radius:3px 3px 0 0}.finance-bar-pair i+i{background:#e9aaa56b}.finance-bars button.selected i{background:#9ebfff}.finance-bars button.selected i+i{background:#e9aaa5}.finance-bars small{font-size:9px}.finance-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.finance-group{min-width:0}.finance-group>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 3px 13px;border-bottom:1px solid #ffffff12}.finance-group h2{display:flex;align-items:center;gap:9px;font-weight:500;font-size:12px;margin:0}.finance-group h2 i{width:6px;height:6px;border-radius:50%;background:var(--finance-accent)}.finance-add{width:25px;height:25px;border:0;background:transparent;color:#aaa;display:grid;place-items:center}.finance-add:hover{color:#fff}.finance-add svg{width:14px;height:14px}.finance-row{padding:15px 0 12px;border-bottom:1px solid #ffffff0c}.finance-entry{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:inherit;border:0;padding:0 3px}.finance-entry>span:nth-child(2){flex:1;min-width:0;font-size:11px;overflow-wrap:anywhere;line-height:1.4}.finance-entry small{display:block;color:#777782;font-size:9px;margin-top:5px}.finance-entry b{font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.finance-payment{margin:10px 0 0 37px;display:flex;align-items:center;gap:4px;background:#ffffff03;border:1px solid #ffffff0c;border-radius:5px;padding:4px 7px;color:#90909c;font-size:9px}.finance-payment.is-settled{color:#a4cbb0;background:#a4cbb007;border-color:#a4cbb01b}.finance-payment:hover{border-color:#ffffff30;color:#ddd}.finance-payment svg{width:11px;height:11px}.finance-row.is-skipped .finance-entry{opacity:.45}.finance-empty{font-size:11px;color:#73737e;padding:30px 3px}.finance-loading{color:#85858f;font-size:12px;padding:40px 0}.finance-schedules{display:grid;gap:12px}.finance-schedule{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#0e0e11;border:1px solid #28282f;border-radius:9px;padding:20px;color:#ddd}.finance-schedule>span:nth-child(2){flex:1;min-width:0}.finance-schedule strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.finance-schedule small{display:block;font-size:10px;color:#81818c;margin-top:6px;font-weight:400}.finance-schedule b{font-size:14px;font-weight:500;text-align:right}.finance-schedule>svg{width:14px;height:14px;margin-left:12px;transform:rotate(-90deg)}.finance-form-note{font-size:11px;color:#9696a1;margin:0 0 22px}.finance-schedule-summary{display:flex;gap:15px;justify-content:space-between;font-size:13px;margin-bottom:12px}.finance-schedule-summary strong{font-weight:500}.finance-schedule-summary span{color:#aaa}.finance-page button:disabled{opacity:.4}.finance-page>[aria-busy=true]{min-height:300px}[data-accents=mono] .finance-summary section,[data-accents=mono] .finance-group{--finance-accent:#aaa!important}[data-accents=mono] .finance-bar-pair i{background:#bbb8!important}[data-accents=mono] .finance-bar-pair i+i{background:#7778!important}
@media(max-width:1200px){.finance-groups{grid-template-columns:1fr}.finance-row{display:flex;align-items:center;gap:20px;padding:17px 3px}.finance-entry{flex:1}.finance-payment{margin:0;min-width:66px;justify-content:center}.finance-summary section{padding:18px 16px}.finance-summary strong{font-size:24px}}
@media(max-width:850px){.finance-page{padding:30px 22px}.finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-toolbar{flex-wrap:wrap}.finance-period{margin-left:auto}.finance-chart{padding:20px 14px}.finance-chart h2 span{display:block;margin:7px 0 0}.finance-bars{gap:2px}.finance-bars button{padding-left:2px;padding-right:2px}.finance-cash{justify-content:flex-start;gap:12px 18px}.finance-schedule{padding:16px}}
@media(max-width:620px){.finance-page{padding:27px 16px}.finance-page .tracker-heading{flex-direction:row;align-items:center}.finance-page .tracker-heading>div:first-child{flex-direction:column;align-items:flex-start;gap:8px}.finance-period{width:100%;justify-content:space-between;gap:3px}.finance-period input{width:140px}.finance-currency{width:65px;padding-left:10px;margin-left:5px}.finance-chart{padding:18px 10px 14px}.finance-bar-pair{height:80px;gap:2px}.finance-bars small{font-size:8px}.finance-summary{gap:10px}.finance-summary section{padding:17px 13px}.finance-summary strong{font-size:22px}.finance-summary small{font-size:8px}.finance-chart header>div{gap:8px;font-size:8px}.finance-row{gap:10px}.finance-entry b{font-size:11px}.finance-entry{gap:8px}.finance-schedule b{font-size:12px}.finance-schedule>svg{margin-left:0}.finance-schedule-summary{flex-direction:column;gap:8px}}

.finance-exchange{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#888894;margin:-5px 0 20px;min-height:22px}.finance-exchange-rate{color:#c9c9d3;font-variant-numeric:tabular-nums}.finance-exchange-meta{font-size:9px}.finance-exchange a{font-size:9px;color:#85858f;text-decoration:none;margin-left:auto}.finance-exchange a:hover{color:#ddd}.finance-exchange button{display:grid;place-items:center;width:25px;height:25px;border:0;background:transparent;color:#91919b;border-radius:4px}.finance-exchange button:hover{background:#ffffff09;color:#eee}.finance-exchange button svg{width:13px;height:13px}.finance-gbp{display:block;font-size:12px;color:#a3a3ae;font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:400;margin-top:8px}.finance-gbp.is-cached,.finance-exchange-rate.is-cached{color:#d0bb83}.finance-totals{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:17px 2px 27px}.finance-income{display:flex;align-items:baseline;gap:10px;font-size:10px;color:#85858e;flex-wrap:wrap}.finance-income strong{font-size:13px;font-weight:500;color:#ddd;font-variant-numeric:tabular-nums}.finance-income .finance-gbp{font-size:11px;margin:0}.finance-totals .finance-cash{padding:0}.finance-summary section small{margin-top:8px}
@media(max-width:620px){.finance-exchange{gap:5px 8px;margin-bottom:20px}.finance-exchange-meta{order:4;width:100%;font-size:8px}.finance-exchange a{margin-left:auto;font-size:8px}.finance-exchange-rate{font-size:10px}.finance-totals{gap:14px}.finance-gbp{font-size:11px}}