:root{--ink:#193332;--muted:#647673;--bg:#f4f7f5;--line:#e1e9e4;--green:#176d59;--mint:#dff3e9;--red:#bd4d4a;--gold:#cfac4a;--radius:18px;--panel:#fff;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:14px;line-height:1.5}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c8a74d;outline-offset:3px}button{border:0;background:transparent;color:inherit;font-weight:650;min-height:44px;padding:10px 15px;border-radius:10px}h1,h2,h3,p{margin-top:0}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.15;margin-bottom:10px;font-weight:650}h2{font-size:18px;letter-spacing:-.4px;margin-bottom:8px}h3{font-size:15px;margin-bottom:6px}p{color:var(--muted)}small,.small{font-size:12px}.muted{color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:20;top:10px;left:10px;background:white;padding:12px}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;padding:32px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;color:#25262b;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.brand>span{display:flex;flex-direction:column;font-size:9px;font-weight:730;line-height:1.1;letter-spacing:.37em}.brand strong{color:#c59b16;font-size:25px;line-height:1.1;letter-spacing:.08em;margin-top:4px;position:relative}.brand strong:after{content:'';position:absolute;right:-4px;bottom:-5px;width:28px;height:7px;border-bottom:2px solid #d35d65;border-radius:0 0 80% 50%;transform:rotate(-12deg)}.brand img{object-fit:contain;flex:none}.space-label{display:flex;gap:10px;align-items:center;padding:23px 0 25px;margin-top:27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.space-label small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.space-icon{width:32px;height:36px;background:var(--mint);color:var(--green);border-radius:10px;display:grid;place-items:center;font-size:22px}nav{display:grid;gap:5px;margin-top:22px}nav button{display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;padding:12px 14px;color:#64716f}nav button[aria-current=page]{background:var(--mint);color:var(--green)}nav button:hover{background:#f0f5f2}.nav-icon{font-size:19px;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom p{font-size:10px;line-height:1.8;margin:9px 0 14px}.sidebar-bottom a{display:block;font-size:11px;color:var(--green);margin-bottom:12px}.demo-seal{font-size:10px;font-weight:700;display:flex;gap:8px;align-items:center}.live-dot{height:6px;width:6px;background:#319b72;border-radius:50%}.quiet{border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12px}.primary{background:var(--green);color:white;box-shadow:0 3px 8px #0e54331a;font-size:12px}.primary:hover{background:#125b4a}.danger{color:var(--red)}main{margin-left:246px;max-width:1900px}.topbar{height:85px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#ffffff80}.eyebrow{font-size:9px;font-weight:750;letter-spacing:.16em;color:var(--green);display:block;margin-bottom:6px}.workspace-name{font-size:12px;color:var(--muted)}.avatar-group{display:flex;align-items:center;gap:4px}.avatar{display:inline-grid;place-items:center;width:33px;height:33px;flex:none;border:3px solid white;border-radius:50%;background:#e9dfcc;color:#766236;font-size:11px;font-weight:750}.avatar.secondary{background:#d9e8e2;color:#456354;margin-left:-9px}.avatar-group .small{margin-left:7px}.content{padding:32px 38px 18px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.page-heading>div>p:last-child{font-size:12px;margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.period-control{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;max-width:100%}.period-control input{border:0;width:160px;font-size:12px;min-height:42px;background:none;color:var(--ink);padding:5px 8px}.icon-button{font-size:18px;min-width:40px;padding:7px}.scope-tabs{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:white}.scope-tabs button{font-size:11px;min-height:36px;padding:7px 14px;color:var(--muted)}.scope-tabs button[aria-pressed=true]{background:#eaf1ed;color:var(--green)}.notice{padding:12px 16px;background:#e5f0e9;border:1px solid #b9d4c7;border-radius:12px;margin-bottom:20px;color:#245b47}.notice[hidden]{display:none}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric{background:white;padding:21px;border:1px solid var(--line);border-radius:15px;position:relative;overflow:hidden}.metric .metric-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px}.metric .metric-icon{color:var(--green);background:#edf4ef;border-radius:8px;width:27px;height:27px;display:grid;place-items:center}.metric strong{font-size:26px;font-weight:650;letter-spacing:-1px;display:block;margin:10px 0 6px;overflow-wrap:anywhere}.metric small{font-size:9px;color:var(--muted);line-height:1.5;display:block}.metric.highlight{background:var(--green);color:white;border-color:var(--green)}.metric.highlight small,.metric.highlight .metric-label{color:#d5eae1}.metric.highlight .metric-icon{background:#ffffff18;color:white}.negative{color:var(--red)}.metric.highlight.negative{background:#8a4543;border-color:#8a4543}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.panel-head h2{margin:0}.panel-head p{font-size:11px;margin:6px 0 0}.panel-head button{font-size:10px;white-space:nowrap;padding:6px 0;min-height:28px;color:var(--green)}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:2px;background:#2b8b70}.legend .out{background:#cbbd97}.bar-chart{height:190px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;align-items:end;padding:24px 0 0;border-bottom:1px solid var(--line)}.chart-col{display:flex;gap:5px;height:100%;align-items:flex-end;justify-content:center;position:relative}.chart-bar{width:26%;min-width:10px;max-width:30px;border-radius:5px 5px 0 0;background:#4e9d81}.chart-bar.out{background:#d6c9a8}.chart-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;text-align:center;font-size:10px;color:var(--muted);padding-top:12px}.chart-caption{font-size:9px;margin:18px 0 0;color:var(--muted)}.category-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:13px;font-size:11px}.category-dot{height:7px;width:7px;border-radius:50%;background:#4c8d74}.category-row strong{font-size:11px;font-weight:650}.track{height:6px;background:#edf2ee;border-radius:10px;overflow:hidden}.track>span{display:block;height:100%;border-radius:10px;background:#619d83;max-width:100%}.category-track{grid-column:2/-1}.total-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:11px;color:var(--muted)}.total-line strong{color:var(--ink)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{color:#82908c;font-size:9px;letter-spacing:.04em;text-transform:uppercase;font-weight:650;padding:0 10px 12px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eef2ef;vertical-align:middle}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tbody tr:last-child td{border-bottom:0}.row-name{display:flex;align-items:center;gap:10px;min-width:140px}.row-name strong{font-size:11px;display:block}.row-name small{font-size:9px;color:var(--muted)}.expense-icon{display:grid;place-items:center;width:32px;height:33px;border-radius:9px;background:#f2f4ed;color:#74846b;flex:none;font-size:15px}.badge{display:inline-block;font-size:9px;padding:4px 8px;border-radius:6px;white-space:nowrap;background:#f0f3ef;color:#68766d}.badge.paid{background:#e2f1e8;color:#327752}.badge.pending{background:#fbefd4;color:#926e29}.badge.overdue{background:#f9e5e4;color:#b44c49}.amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:650}.mini-action{min-height:30px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;font-size:9px;color:var(--green)}.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.insight{padding:21px 24px;border:1px solid #d2e6d6;background:#eaf3e8;border-radius:15px;display:flex;gap:15px;margin-top:20px}.insight>span{font-size:23px}.insight h3{font-size:12px;color:#385f48;margin-bottom:4px}.insight p{font-size:11px;margin:0;color:#56725d}.accounts-row,.cards-grid,.budgets-grid,.goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bank-card{background:#f8faf8;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;justify-content:space-between;gap:10px;align-items:center}.bank-card h3{font-size:12px}.bank-card p{font-size:10px;margin:0}.bank-card strong{font-size:18px;letter-spacing:-.5px}.credit-card{background:#173f36;color:white;border-radius:16px;padding:23px;position:relative;min-height:185px}.credit-card.alt{background:#34464d}.credit-card h3{font-size:14px;color:#fff}.credit-top{display:flex;justify-content:space-between;font-size:10px;color:#cee1d8}.credit-chip{height:22px;width:30px;border:1px solid #d4bd7c80;background:#cbbd8560;border-radius:5px;margin:17px 0 12px}.credit-card .amount{font-size:26px;display:block;margin-top:4px}.credit-card small{color:#bed4cb;font-size:9px}.invoice-details{padding:18px 0 0}.invoice-details .total-line{margin:0 0 14px;padding-top:0;border:0}.card-unit{min-width:0}.list-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.list-tools input{flex:1;min-width:150px}.list-tools select{max-width:210px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-grid .full{grid-column:1/-1}label{display:block;font-size:11px;color:var(--muted)}input,select{display:block;min-height:44px;width:100%;padding:10px 12px;border:1px solid #d9e3dd;border-radius:9px;margin-top:6px;background:white;color:var(--ink);font-size:14px}input[type=checkbox]{width:18px;min-height:18px;display:inline-block}.field-help{font-size:10px;line-height:1.7;color:var(--muted);margin:8px 0 0}.field-group{margin-bottom:18px}.budget-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.budget-top strong{font-size:13px}.budget-values{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:18px 0 9px}.track.exceeded>span{background:var(--red)}.budget-panel .field-help{margin-top:12px}.goal-icon{font-size:23px;background:#f4edd9;border-radius:12px;height:45px;width:45px;display:grid;place-items:center;margin-bottom:17px}.goal-values{display:flex;gap:8px;align-items:baseline;margin:15px 0}.goal-values strong{font-size:23px}.goal-values span{color:var(--muted);font-size:10px}.goal-actions{display:flex;gap:10px;margin-top:18px}.people-list{display:flex;gap:14px;flex-wrap:wrap}.person-pill{display:flex;align-items:center;gap:9px;padding:10px 18px 10px 10px;background:#f3f6f3;border-radius:12px;font-size:12px}.empty{padding:30px 10px;text-align:center;color:var(--muted);font-size:12px}.section-gap{margin-top:20px}.page-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;color:#8a9791;margin-top:28px;padding:16px 0}dialog{border:1px solid var(--line);border-radius:20px;padding:26px;max-height:90dvh;overflow:auto;width:min(580px,calc(100% - 28px));color:var(--ink);box-shadow:0 24px 100px #152c2b33}dialog::backdrop{background:#102b2a80;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dialog-head h2{font-size:24px;letter-spacing:-.8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.error{font-size:12px;color:var(--red);margin:12px 0}.check-label{display:flex;align-items:center;gap:8px}.section-note{font-size:11px;padding:12px 15px;border:1px solid var(--line);border-radius:10px;margin-top:18px}.text-link{font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.export-note{font-size:10px}
@media(min-width:1600px){.summary-grid{gap:20px}.metric strong{font-size:32px}.bar-chart{height:220px}}
@media(max-width:1150px){.sidebar{width:215px;padding:28px 18px}main{margin-left:215px}.content{padding:26px}.topbar{padding:0 26px}.metric{padding:16px}.metric strong{font-size:23px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}h1{font-size:32px}}
@media(max-width:900px){.sidebar{width:185px;padding:24px 12px}.brand{gap:5px}.brand strong{font-size:22px}.brand img{width:34px}.space-label{font-size:10px}main{margin-left:185px}.content{padding:24px 20px}.topbar{padding:0 20px}.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.avatar-group .small{display:none}.page-heading{align-items:flex-start}h1{font-size:28px}.accounts-row,.cards-grid,.budgets-grid,.goals-grid{gap:14px}.panel{padding:20px}}
@media(max-width:680px){.sidebar{position:relative;width:auto;height:auto;padding:17px 18px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.sidebar>.brand{width:135px}.sidebar .brand strong{font-size:23px}.space-label{position:absolute;right:18px;top:18px;margin:0;padding:0;border:0}.space-label small,.space-icon{display:none}.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;gap:6px;margin-top:22px;padding-bottom:3px}nav button{white-space:nowrap;font-size:11px;gap:6px;padding:8px 12px;min-height:40px;flex:none}.nav-icon{font-size:15px;width:17px}main{margin:0}.topbar{height:56px;padding:0 18px}.workspace-name{font-size:10px}.topbar .eyebrow{display:none}.content{padding:24px 16px}.page-heading{gap:10px}.page-heading .primary{padding:9px 11px;font-size:10px;min-height:42px;white-space:nowrap}.page-heading h1{font-size:25px;letter-spacing:-.8px}.page-heading>div>p:last-child{font-size:11px;max-width:230px}.page-heading .eyebrow{font-size:8px}.toolbar{gap:12px}.toolbar>#export{margin-left:auto}.period-control input{width:141px;font-size:12px}.scope-tabs{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.summary-grid{gap:10px}.metric{padding:15px 13px}.metric strong{font-size:23px}.metric .metric-label{font-size:10px}.metric small{font-size:9px}.metric .metric-icon{width:23px;height:23px}.panel{padding:19px 17px}.panel-head h2{font-size:16px}.dashboard-grid{gap:15px;margin-bottom:15px}.bar-chart{height:160px;gap:10px}.chart-labels{gap:10px}.accounts-row,.cards-grid,.budgets-grid,.goals-grid{grid-template-columns:1fr}.field-grid{gap:15px;grid-template-columns:1fr}.field-grid .full{grid-column:auto}input,select{font-size:16px}.bank-card strong{font-size:18px}.table-wrap{margin-right:-5px}td,th{padding-left:8px;padding-right:8px}.page-foot{font-size:8px}.toolbar>#export{font-size:10px}.insight{padding:18px;gap:10px}.period-control .icon-button{min-width:36px}.list-tools select{max-width:100%;flex:1}dialog{padding:22px 18px}dialog h2{font-size:22px}.topbar .avatar{width:28px;height:28px}.row-name{min-width:135px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.main-actions{margin-bottom:20px}.tone-0{background:#3d8a6a!important}.tone-1{background:#91ad9b!important}.tone-2{background:#c7ae75!important}.tone-3{background:#849da8!important}.tone-4{background:#bca6a4!important}
.chart-bar.pct-0{height:0%}.track>span.pct-0{width:0%}
.chart-bar.pct-1{height:1%}.track>span.pct-1{width:1%}
.chart-bar.pct-2{height:2%}.track>span.pct-2{width:2%}
.chart-bar.pct-3{height:3%}.track>span.pct-3{width:3%}
.chart-bar.pct-4{height:4%}.track>span.pct-4{width:4%}
.chart-bar.pct-5{height:5%}.track>span.pct-5{width:5%}
.chart-bar.pct-6{height:6%}.track>span.pct-6{width:6%}
.chart-bar.pct-7{height:7%}.track>span.pct-7{width:7%}
.chart-bar.pct-8{height:8%}.track>span.pct-8{width:8%}
.chart-bar.pct-9{height:9%}.track>span.pct-9{width:9%}
.chart-bar.pct-10{height:10%}.track>span.pct-10{width:10%}
.chart-bar.pct-11{height:11%}.track>span.pct-11{width:11%}
.chart-bar.pct-12{height:12%}.track>span.pct-12{width:12%}
.chart-bar.pct-13{height:13%}.track>span.pct-13{width:13%}
.chart-bar.pct-14{height:14%}.track>span.pct-14{width:14%}
.chart-bar.pct-15{height:15%}.track>span.pct-15{width:15%}
.chart-bar.pct-16{height:16%}.track>span.pct-16{width:16%}
.chart-bar.pct-17{height:17%}.track>span.pct-17{width:17%}
.chart-bar.pct-18{height:18%}.track>span.pct-18{width:18%}
.chart-bar.pct-19{height:19%}.track>span.pct-19{width:19%}
.chart-bar.pct-20{height:20%}.track>span.pct-20{width:20%}
.chart-bar.pct-21{height:21%}.track>span.pct-21{width:21%}
.chart-bar.pct-22{height:22%}.track>span.pct-22{width:22%}
.chart-bar.pct-23{height:23%}.track>span.pct-23{width:23%}
.chart-bar.pct-24{height:24%}.track>span.pct-24{width:24%}
.chart-bar.pct-25{height:25%}.track>span.pct-25{width:25%}
.chart-bar.pct-26{height:26%}.track>span.pct-26{width:26%}
.chart-bar.pct-27{height:27%}.track>span.pct-27{width:27%}
.chart-bar.pct-28{height:28%}.track>span.pct-28{width:28%}
.chart-bar.pct-29{height:29%}.track>span.pct-29{width:29%}
.chart-bar.pct-30{height:30%}.track>span.pct-30{width:30%}
.chart-bar.pct-31{height:31%}.track>span.pct-31{width:31%}
.chart-bar.pct-32{height:32%}.track>span.pct-32{width:32%}
.chart-bar.pct-33{height:33%}.track>span.pct-33{width:33%}
.chart-bar.pct-34{height:34%}.track>span.pct-34{width:34%}
.chart-bar.pct-35{height:35%}.track>span.pct-35{width:35%}
.chart-bar.pct-36{height:36%}.track>span.pct-36{width:36%}
.chart-bar.pct-37{height:37%}.track>span.pct-37{width:37%}
.chart-bar.pct-38{height:38%}.track>span.pct-38{width:38%}
.chart-bar.pct-39{height:39%}.track>span.pct-39{width:39%}
.chart-bar.pct-40{height:40%}.track>span.pct-40{width:40%}
.chart-bar.pct-41{height:41%}.track>span.pct-41{width:41%}
.chart-bar.pct-42{height:42%}.track>span.pct-42{width:42%}
.chart-bar.pct-43{height:43%}.track>span.pct-43{width:43%}
.chart-bar.pct-44{height:44%}.track>span.pct-44{width:44%}
.chart-bar.pct-45{height:45%}.track>span.pct-45{width:45%}
.chart-bar.pct-46{height:46%}.track>span.pct-46{width:46%}
.chart-bar.pct-47{height:47%}.track>span.pct-47{width:47%}
.chart-bar.pct-48{height:48%}.track>span.pct-48{width:48%}
.chart-bar.pct-49{height:49%}.track>span.pct-49{width:49%}
.chart-bar.pct-50{height:50%}.track>span.pct-50{width:50%}
.chart-bar.pct-51{height:51%}.track>span.pct-51{width:51%}
.chart-bar.pct-52{height:52%}.track>span.pct-52{width:52%}
.chart-bar.pct-53{height:53%}.track>span.pct-53{width:53%}
.chart-bar.pct-54{height:54%}.track>span.pct-54{width:54%}
.chart-bar.pct-55{height:55%}.track>span.pct-55{width:55%}
.chart-bar.pct-56{height:56%}.track>span.pct-56{width:56%}
.chart-bar.pct-57{height:57%}.track>span.pct-57{width:57%}
.chart-bar.pct-58{height:58%}.track>span.pct-58{width:58%}
.chart-bar.pct-59{height:59%}.track>span.pct-59{width:59%}
.chart-bar.pct-60{height:60%}.track>span.pct-60{width:60%}
.chart-bar.pct-61{height:61%}.track>span.pct-61{width:61%}
.chart-bar.pct-62{height:62%}.track>span.pct-62{width:62%}
.chart-bar.pct-63{height:63%}.track>span.pct-63{width:63%}
.chart-bar.pct-64{height:64%}.track>span.pct-64{width:64%}
.chart-bar.pct-65{height:65%}.track>span.pct-65{width:65%}
.chart-bar.pct-66{height:66%}.track>span.pct-66{width:66%}
.chart-bar.pct-67{height:67%}.track>span.pct-67{width:67%}
.chart-bar.pct-68{height:68%}.track>span.pct-68{width:68%}
.chart-bar.pct-69{height:69%}.track>span.pct-69{width:69%}
.chart-bar.pct-70{height:70%}.track>span.pct-70{width:70%}
.chart-bar.pct-71{height:71%}.track>span.pct-71{width:71%}
.chart-bar.pct-72{height:72%}.track>span.pct-72{width:72%}
.chart-bar.pct-73{height:73%}.track>span.pct-73{width:73%}
.chart-bar.pct-74{height:74%}.track>span.pct-74{width:74%}
.chart-bar.pct-75{height:75%}.track>span.pct-75{width:75%}
.chart-bar.pct-76{height:76%}.track>span.pct-76{width:76%}
.chart-bar.pct-77{height:77%}.track>span.pct-77{width:77%}
.chart-bar.pct-78{height:78%}.track>span.pct-78{width:78%}
.chart-bar.pct-79{height:79%}.track>span.pct-79{width:79%}
.chart-bar.pct-80{height:80%}.track>span.pct-80{width:80%}
.chart-bar.pct-81{height:81%}.track>span.pct-81{width:81%}
.chart-bar.pct-82{height:82%}.track>span.pct-82{width:82%}
.chart-bar.pct-83{height:83%}.track>span.pct-83{width:83%}
.chart-bar.pct-84{height:84%}.track>span.pct-84{width:84%}
.chart-bar.pct-85{height:85%}.track>span.pct-85{width:85%}
.chart-bar.pct-86{height:86%}.track>span.pct-86{width:86%}
.chart-bar.pct-87{height:87%}.track>span.pct-87{width:87%}
.chart-bar.pct-88{height:88%}.track>span.pct-88{width:88%}
.chart-bar.pct-89{height:89%}.track>span.pct-89{width:89%}
.chart-bar.pct-90{height:90%}.track>span.pct-90{width:90%}
.chart-bar.pct-91{height:91%}.track>span.pct-91{width:91%}
.chart-bar.pct-92{height:92%}.track>span.pct-92{width:92%}
.chart-bar.pct-93{height:93%}.track>span.pct-93{width:93%}
.chart-bar.pct-94{height:94%}.track>span.pct-94{width:94%}
.chart-bar.pct-95{height:95%}.track>span.pct-95{width:95%}
.chart-bar.pct-96{height:96%}.track>span.pct-96{width:96%}
.chart-bar.pct-97{height:97%}.track>span.pct-97{width:97%}
.chart-bar.pct-98{height:98%}.track>span.pct-98{width:98%}
.chart-bar.pct-99{height:99%}.track>span.pct-99{width:99%}
.chart-bar.pct-100{height:100%}.track>span.pct-100{width:100%}
.finance-landing .landing-header{max-width:1260px;margin:auto;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.landing-header nav{display:flex;align-items:center;gap:25px;margin:0;font-size:12px}.landing-header .primary{display:inline-block;padding:13px 20px;border-radius:10px}.finance-landing main{margin:0 auto;max-width:1260px;padding:0 36px}.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;padding:65px 0 80px}.landing-hero h1{font-size:66px;line-height:1.04;letter-spacing:-3px;margin:22px 0}.landing-hero>div>p:not(.eyebrow){max-width:450px;font-size:15px;line-height:1.9}.landing-cta{display:inline-block;padding:16px 25px;border-radius:10px;margin-top:14px}.landing-hero>div>.field-help{font-size:10px!important;margin-top:18px}.landing-preview{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 55px #1d453315;transform:rotate(1deg)}.landing-example{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.landing-example strong{font-size:18px;color:var(--ink)}.landing-balance{background:var(--green);color:white;border-radius:13px;padding:24px;margin-top:22px}.landing-balance span,.landing-balance small{font-size:10px;color:#d7eadf;display:block}.landing-balance strong{font-size:35px;letter-spacing:-1px;display:block;margin:8px 0}.landing-bills{display:grid;grid-template-columns:1fr auto;gap:18px;margin-top:25px;font-size:12px}.landing-bills b{font-size:10px;color:var(--muted)}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-features p,.landing-explain p{font-size:13px;line-height:1.9}.landing-explain{margin:35px 0 55px;padding:35px;max-width:900px}.finance-landing .page-foot{padding:25px 0;border-top:1px solid var(--line)}
@media(max-width:900px){.landing-hero{gap:30px}.landing-hero h1{font-size:50px}.landing-preview{padding:25px}.landing-features{gap:12px}.landing-features .panel{padding:20px}}
@media(max-width:680px){.finance-landing .landing-header{padding:23px 20px}.finance-landing main{padding:0 20px}.landing-header nav>a:first-child{display:none}.landing-header nav{font-size:10px}.landing-header .primary{font-size:10px;padding:12px}.landing-hero{grid-template-columns:1fr;padding:36px 0;gap:34px}.landing-hero h1{font-size:48px}.landing-preview{transform:none}.landing-features{grid-template-columns:1fr}.landing-explain{padding:24px}.landing-hero>div>p:not(.eyebrow){font-size:14px}.landing-balance strong{font-size:32px}}

.finance-app .payment-confirmation{display:flex;align-items:center;gap:10px;margin-top:16px;font-weight:600}.finance-app .payment-confirmation input{width:20px;height:20px;flex:0 0 20px;accent-color:#2f6650}