@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#282b27;background:#f4f2ec;font-synthesis:none;--ink:#26352f;--green:#4f7868;--pale:#e9efe9;--rust:#b86749;--amber:#c58c3f;--line:#deddd5;--muted:#777b75}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 18px 18px;background:#26352f;color:#fff;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 32px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#26352f;background:#d9e7d4}.brand strong,.brand small{display:block}.brand strong{font:700 15px Manrope}.brand small{margin-top:2px;color:#aeb9b2;font-size:11px}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.sidebar-bottom>button{width:100%;border:0;display:flex;gap:12px;align-items:center;padding:11px 13px;color:#bfc8c2;background:transparent;border-radius:9px;text-align:left;font-size:14px}.sidebar nav button:hover,.sidebar nav button.active,.sidebar-bottom>button:hover{color:#fff;background:#354740}.sidebar nav button.active{box-shadow:inset 3px 0 #b9d0b7}.sidebar-bottom{margin-top:auto;display:grid;gap:14px}.family-switcher{display:flex;align-items:center;gap:9px;padding:13px 10px 3px;border-top:1px solid #3b4c45}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d7b486;color:#26352f;font-weight:700;font-size:12px}.family-switcher div:nth-child(2){flex:1}.family-switcher strong,.family-switcher small{display:block;font-size:12px}.family-switcher small{color:#9ca9a2;margin-top:2px}.mobile-close,.menu-button,.sidebar-scrim{display:none}main{min-width:0}.topbar{height:88px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f4f2ece6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.topbar h1{margin:2px 0 0;font:700 22px Manrope}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:700;color:#8c8f88}.topbar-actions{display:flex;gap:10px}.search-button,.secondary,.primary,.month-control{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 14px;display:flex;align-items:center;gap:8px;color:#50544f}.primary{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:600}.secondary{font-weight:600}.page-content{padding:34px;max-width:1460px;margin:auto}.welcome,.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.welcome h2,.page-heading h2{font:700 25px Manrope;margin:0 0 5px}.welcome p,.page-heading p{color:var(--muted);margin:0}.month-control{background:transparent;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:12px}.metric-icon{grid-row:1/4;width:39px;height:39px;border-radius:10px;display:grid;place-items:center}.metric-icon.ink{background:#e3e8e4;color:var(--ink)}.metric-icon.green,.list-icon.green{background:#e3eee8;color:var(--green)}.metric-icon.rust,.list-icon.rust{background:#f5e8e2;color:var(--rust)}.metric-icon.amber,.list-icon.amber{background:#f5eddf;color:#a8732e}.metric>span{color:var(--muted);font-size:12px}.metric>strong{font:700 22px Manrope;margin:2px 0}.metric>small{color:#999b96;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.panel.wide{grid-column:1}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-title h3{font:700 15px Manrope;margin:0 0 3px}.panel-title p{font-size:12px;color:var(--muted);margin:0}.panel-title button{border:0;background:none;color:var(--green);font-weight:600;font-size:12px}.bar-chart{height:210px;display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--line)}.chart-values{display:flex;flex-direction:column;justify-content:space-between;color:#999;font-size:10px;padding-bottom:7px}.bars{display:flex;align-items:flex-end;gap:80px;padding:0 20px}.bar-group{height:100%;width:100px;display:flex;align-items:flex-end;justify-content:center;gap:6px;position:relative}.bar{width:29px;background:var(--green);border-radius:5px 5px 0 0}.bar.expense{background:var(--rust)}.bar.soft{opacity:.35}.bar-group span{position:absolute;bottom:-25px;font-size:11px;color:var(--muted)}.legend{margin-top:33px;display:flex;gap:20px;font-size:11px;color:var(--muted)}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:6px}.dot.green{background:var(--green)}.dot.rust{background:var(--rust)}.gauge-wrap{text-align:center}.gauge-ring{--progress:38%;margin:6px auto 15px;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--amber) var(--progress),#ecebe5 0);position:relative}.gauge-ring:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;background:#fff;border-radius:50%}.gauge-ring div{position:relative}.gauge-ring strong,.gauge-ring span{display:block}.gauge-ring strong{font:700 28px Manrope}.gauge-ring span{font-size:11px;color:var(--muted)}.gauge-wrap p{font-size:12px;line-height:1.5;color:var(--muted)}.gauge-wrap p strong{color:#5f625e}.text-button{border:0;background:none;color:var(--green);font-weight:600;font-size:12px;display:flex;align-items:center;gap:4px;margin-top:13px;padding:0}.transaction-list{display:grid}.transaction-row{display:grid;grid-template-columns:38px minmax(180px,1fr) 90px 120px;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #ecebe6}.transaction-row.with-actions{grid-template-columns:38px minmax(180px,1fr) 90px 120px 72px}.transaction-row:first-child{border-top:0}.list-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.transaction-row strong,.commitment strong{font-size:13px}.transaction-row small,.commitment small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.transaction-row>strong{text-align:right}.transaction-actions{display:flex;gap:5px}.positive{color:var(--green)}.status{justify-self:start;padding:4px 7px;border-radius:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status.done{color:#527262;background:#e5eee8}.status.pending{color:#9a6c32;background:#f5eddf}.commitment{display:flex;width:100%;border:0;background:none;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #ecebe6;text-align:left;color:inherit}.commitment>div:nth-child(2){flex:1}.align-right{text-align:right}.commitment:hover strong{color:var(--green)}.page-heading{align-items:flex-end}.segmented{display:flex;background:#e9e7e0;border-radius:9px;padding:3px}.segmented button{border:0;background:transparent;border-radius:7px;padding:7px 12px;color:var(--muted);font-size:12px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0001;font-weight:600}.segmented.full button{flex:1}.table-panel{padding:5px 20px 15px}.table-head{display:grid;grid-template-columns:38px minmax(180px,1fr) 90px 120px;gap:10px;padding:13px 0 9px;color:#92958f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.table-head.with-actions{grid-template-columns:38px minmax(180px,1fr) 90px 120px 72px}.table-head span:first-child{grid-column:1/3}.table-head span:last-child{text-align:right}.table-head.with-actions span:last-child{text-align:center}.card-grid,.debt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.credit-card-wrap{display:grid;grid-template-columns:minmax(230px,.9fr) 1.1fr;gap:14px}.credit-card-visual{min-height:190px;padding:21px;color:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 30px #29352f1f}.credit-card-visual div{display:flex;align-items:center;gap:8px}.credit-card-visual strong{font:600 20px Manrope;letter-spacing:.08em}.credit-card-visual small{opacity:.8}.card-stats{display:flex;flex-direction:column;justify-content:center}.card-stats span{color:var(--muted);font-size:11px}.card-stats strong{display:block;font:700 23px Manrope;margin:4px 0 16px}.limit-bar{height:7px;border-radius:7px;background:#ecebe6;overflow:hidden}.limit-bar i{display:block;height:100%;border-radius:7px}.card-stats p{display:flex;justify-content:space-between}.empty-state{text-align:center;margin-top:18px;color:var(--muted)}.empty-state svg{color:var(--green)}.empty-state h3{color:var(--ink);margin:8px 0 4px}.empty-state p{margin:0;font-size:13px}.debt-summary{display:grid;grid-template-columns:2fr 1fr 1fr;background:var(--ink);color:#fff;border-radius:14px;padding:22px;margin-bottom:17px}.debt-summary>div{padding:0 22px;border-left:1px solid #ffffff24}.debt-summary>div:first-child{border:0;padding-left:0}.debt-summary span,.debt-summary strong{display:block}.debt-summary span{font-size:11px;color:#bdc8c1}.debt-summary strong{font:700 24px Manrope;margin-top:5px}.debt-card{text-align:left;color:inherit}.debt-card-top{display:flex;align-items:center;gap:9px}.debt-card-top .tag{font-size:10px;background:#f2f0e9;padding:5px 8px;border-radius:12px;color:var(--muted)}.debt-card-top svg:last-child{margin-left:auto}.debt-card h3{margin:18px 0 3px}.debt-card p{margin:0;color:var(--muted);font-size:12px}.debt-balance{padding:18px 0;border-bottom:1px solid #e8e7e1}.debt-balance span,.debt-balance strong{display:block}.debt-balance span{font-size:10px;color:var(--muted)}.debt-balance strong{font:700 25px Manrope;margin-top:4px}.debt-meta{display:flex;gap:55px;padding-top:14px}.debt-meta span{font-size:10px;color:var(--muted)}.debt-meta strong{display:block;color:var(--ink);font-size:12px;margin-top:3px}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15201bbb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:18px}.modal{background:#faf9f5;border-radius:16px;width:min(650px,100%);max-height:93vh;overflow:auto;box-shadow:0 30px 80px #0005}.modal>header,.drawer>header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 26px 17px;border-bottom:1px solid var(--line)}.modal h2,.drawer h2{font:700 21px Manrope;margin:3px 0}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center}.form{padding:22px 26px 26px;display:grid;gap:16px}.form label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#5e625d}.form input,.form select{width:100%;border:1px solid #d7d6ce;background:#fff;border-radius:8px;padding:10px 11px;color:var(--ink);outline:none}.form input:focus,.form select:focus{border-color:var(--green);box-shadow:0 0 0 3px #4f786817}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-row.three{grid-template-columns:1fr 1fr 1.2fr}.form .check{display:flex;grid-template-columns:auto 1fr;align-items:center}.form .check input{width:16px}.form footer{display:flex;justify-content:flex-end;gap:8px;padding-top:6px}.form-note,.legal-note{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.drawer-backdrop{place-items:stretch end;padding:0}.drawer{height:100%;width:min(720px,100%);background:#faf9f5;overflow:auto;box-shadow:-20px 0 60px #0004;padding-bottom:30px}.drawer header p{margin:0;color:var(--muted);font-size:12px}.payoff-card{margin:22px 26px 16px;padding:20px;background:var(--ink);color:#fff;border-radius:13px}.payoff-card>span{font-size:11px;color:#bdc8c1}.payoff-card>strong{display:block;font:700 31px Manrope;margin:4px 0}.payoff-card p{margin:0;font-size:12px;color:#cbd3ce}.payoff-card b{color:#d7b780}.detail-grid{margin:0 26px 26px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:11px;background:#fff}.detail-grid div{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid div:nth-child(2n){border-right:0}.detail-grid div:nth-last-child(-n+2){border-bottom:0}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{font-size:10px;color:var(--muted)}.detail-grid strong{font-size:13px;margin-top:3px}.drawer>.panel-title,.drawer>.legal-note{margin-left:26px;margin-right:26px}.schedule{margin:0 26px 18px;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.schedule>div{display:grid;grid-template-columns:34px repeat(4,1fr);gap:8px;padding:10px 12px;border-top:1px solid #ecebe6;font-size:11px;text-align:right}.schedule>div span:first-child{text-align:left}.schedule>.schedule-head{border:0;background:#f0eee8;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.schedule>div.paid{color:#a0a29e;text-decoration:line-through}.data-error{margin:16px 34px -10px;padding:10px 13px;border-radius:9px;background:#f7e7df;color:#91523b;font-size:12px;border:1px solid #edd0c4}.auth-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--ink);color:#dce7df}.auth-loading svg{width:44px;height:44px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-intro{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:var(--ink);color:#fff}.auth-intro .brand-mark{margin-bottom:45px}.auth-intro .eyebrow{color:#adc0b5}.auth-intro h1{font:700 clamp(34px,4.5vw,64px)/1.06 Manrope;margin:14px 0 18px;max-width:720px}.auth-intro>p{color:#b8c3bd;max-width:560px;font-size:17px;line-height:1.6;margin:0 0 36px}.auth-feature{display:flex;gap:14px;margin-top:18px;max-width:500px}.auth-feature>svg{color:#d7b780}.auth-feature strong,.auth-feature span{display:block}.auth-feature strong{font-size:14px}.auth-feature span{color:#aebbb4;font-size:12px;margin-top:3px}.auth-form-wrap{display:grid;place-items:center;padding:35px;background:#f4f2ec}.auth-form{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:17px;padding:34px;box-shadow:0 20px 60px #27342e12}.auth-form h2{font:700 28px Manrope;margin:6px 0}.auth-form>p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 24px}.auth-form label{display:grid;gap:7px;color:#5e625d;font-size:11px;font-weight:700;margin-top:15px}.auth-form input{border:1px solid #d7d6ce;border-radius:8px;padding:11px;outline:none}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #4f786817}.auth-submit{width:100%;justify-content:center;margin-top:22px}.auth-switch{width:100%;border:0;background:none;color:var(--green);font-weight:600;margin-top:14px;font-size:12px}.resend-button{width:100%;border:1px solid #d6d8d1;background:#f8f8f4;color:var(--green);border-radius:8px;padding:9px;margin-top:10px;font-weight:600;font-size:12px}.auth-message{margin-top:14px;padding:10px;border-radius:8px;background:#f5eddf;color:#805e2d;font-size:11px;line-height:1.4}.loading-panel{min-height:260px;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted)}.loading-panel svg{color:var(--green);width:34px;height:34px}.family-modal{padding:22px 26px 26px}.family-modal>p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 18px}.family-modal label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#5e625d;margin-bottom:13px}.family-modal input{width:100%;border:1px solid #d7d6ce;background:#fff;border-radius:8px;padding:10px;color:var(--ink)}.dashboard-welcome{align-items:flex-start}.period-controls{display:grid;justify-items:end;gap:10px}.custom-period{display:flex;align-items:end;gap:8px}.custom-period label{display:grid;gap:4px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.custom-period input{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px;color:var(--ink);font-size:11px}.custom-period>span{color:var(--muted);font-size:11px;padding-bottom:8px}.invoice-month-picker{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border-radius:13px;padding:16px 20px;margin-bottom:17px}.invoice-month-picker span,.invoice-month-picker strong{display:block}.invoice-month-picker span{font-size:10px;color:#b9c6bf}.invoice-month-picker strong{font:700 18px Manrope;text-transform:capitalize;margin-top:2px}.invoice-month-picker select{border:1px solid #ffffff35;background:#354740;color:#fff;border-radius:8px;padding:9px 12px;text-transform:capitalize}.account-total{display:grid;grid-template-columns:1fr auto;gap:4px;background:var(--ink);color:#fff;border-radius:14px;padding:22px 25px;margin-bottom:17px}.account-total>span{color:#bdc8c1;font-size:11px}.account-total>strong{grid-row:1/3;grid-column:2;font:700 29px Manrope;align-self:center}.account-total>small{color:#9eaaa3}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.account-card-top{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.account-bank-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:#fff}.account-card h3{margin:17px 0 3px}.account-card>p{margin:0 0 20px;color:var(--muted);font-size:12px}.account-card>div:nth-of-type(2){padding-top:15px;border-top:1px solid #ecebe6}.account-card>div:nth-of-type(2) span,.account-card>div:nth-of-type(2) strong{display:block}.account-card>div:nth-of-type(2) span{font-size:10px;color:var(--muted)}.account-card>div:nth-of-type(2) strong{font:700 23px Manrope;margin:3px 0}.account-card>small{font-size:10px;color:#999}.empty-action{margin:17px auto 0}.page-actions{display:flex;gap:9px}.cards-heading{align-items:center}.invoice-panel{margin-top:18px}.invoice-list{display:grid}.invoice-list>div{display:grid;grid-template-columns:38px minmax(160px,1fr) 100px 110px 72px;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #ecebe6}.invoice-list>div:first-child{border-top:0}.invoice-list strong{font-size:12px}.invoice-list small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.invoice-list>div>span:nth-child(3){color:var(--muted);font-size:11px;text-transform:capitalize}.invoice-list>div>strong{text-align:right}.invoice-actions{display:flex;gap:5px}.invoice-edit,.invoice-delete{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;place-items:center}.invoice-edit{color:var(--green)}.invoice-edit:hover{background:var(--pale)}.invoice-delete{color:var(--rust)}.invoice-delete:hover{background:#f5e8e2}.invoice-preview{display:flex;gap:11px;padding:13px;border-radius:10px;background:var(--pale);color:var(--green)}.invoice-preview div{display:grid}.invoice-preview span,.invoice-preview small{font-size:10px;color:var(--muted)}.invoice-preview strong{font-size:14px;text-transform:capitalize;margin:2px 0}.inline-empty{text-align:center;padding:30px;color:var(--muted);font-size:12px}.loan-summary{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff;border-radius:14px;margin-bottom:17px}.loan-summary>div{padding:20px 23px;border-left:1px solid #ffffff24}.loan-summary>div:first-child{border:0}.loan-summary span,.loan-summary strong,.loan-summary small{display:block}.loan-summary span{font-size:10px;color:#b9c6bf}.loan-summary strong{font:700 23px Manrope;margin:4px 0}.loan-summary small{font-size:10px;color:#9eaaa3}.loan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.family-loan-card.settled{opacity:.68}.loan-card-heading{display:flex;align-items:center;justify-content:space-between}.loan-direction{font-size:10px;padding:5px 8px;border-radius:12px;font-weight:700}.loan-direction.receivable{background:#e3eee8;color:var(--green)}.loan-direction.payable{background:#f5e8e2;color:var(--rust)}.family-loan-card h3{margin:18px 0 4px}.family-loan-card>p{margin:0;color:var(--muted);font-size:11px;min-height:32px}.loan-value{padding:16px 0;margin-top:13px;border-top:1px solid #ecebe6}.loan-value span,.loan-value strong,.loan-value small{display:block}.loan-value span{font-size:10px;color:var(--muted)}.loan-value strong{font:700 22px Manrope;margin:3px 0}.loan-value small{font-size:10px;color:#999}.settle-button{width:100%;justify-content:center}.settled-label{display:block;text-align:center;padding:10px;border-radius:8px;background:var(--pale);color:var(--green);font-size:11px;font-weight:700}.loan-explanation{display:flex;gap:11px;padding:12px;border-radius:10px;background:#f5eddf;color:#a8732e}.loan-explanation strong,.loan-explanation span{display:block}.loan-explanation strong{font-size:12px}.loan-explanation span{font-size:10px;color:var(--muted);margin-top:2px}.account-edit{margin-left:auto}.loan-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.loan-group-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:17px 0}.loan-group-title h3{margin:0 0 3px}.loan-group-title small{font-size:10px;color:var(--muted)}.loan-group-title>div:last-child{text-align:right}.loan-group-title span{display:block;font-size:10px;color:var(--muted)}.loan-group-title strong{display:block;font:700 21px Manrope;margin:2px 0}.loan-entry-head,.loan-entry-list>div{display:grid;grid-template-columns:minmax(100px,1fr) 110px 75px 55px;align-items:center;gap:9px}.loan-entry-head{padding:8px 0;color:#92958f;font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #ecebe6}.loan-entry-list>div{min-height:49px;padding:8px 0;border-bottom:1px solid #ecebe6;font-size:11px}.loan-entry-list>div:last-child{border-bottom:0}.loan-entry-list>div.settled{opacity:.65}.loan-entry-list small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.loan-entry-list strong{text-align:right}.loan-settle-small{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--green);padding:6px;font-size:10px;font-weight:700}.loan-settle-small:hover{background:var(--pale)}.debt-card{cursor:pointer}.debt-card-top .debt-edit{margin-left:auto}.debt-card-top .debt-edit+svg{margin-left:0}.debt-meta{gap:35px;flex-wrap:wrap}.drawer-actions{display:flex;align-items:center;gap:8px}.cet-preview{display:flex;align-items:center;gap:12px;padding:14px;border-radius:11px;background:var(--pale);color:var(--green)}.cet-preview span,.cet-preview strong,.cet-preview small{display:block}.cet-preview span,.cet-preview small{font-size:10px;color:var(--muted)}.cet-preview strong{font:700 20px Manrope;margin:2px 0}.debt-calculation{display:grid;grid-template-columns:auto repeat(3,1fr)}.debt-calculation>div{padding-left:12px;border-left:1px solid #cfdcd3}.debt-calculation strong{font-size:15px}.independent-fields-note{margin:0;padding:10px 12px;border:1px solid #d8d7cf;border-radius:8px;background:#fff;color:var(--muted);font-size:10px;line-height:1.45}.bar.future{background:var(--amber)}.legend{flex-wrap:wrap}.dot.amber{background:var(--amber)}.payables-summary{display:grid;grid-template-columns:2fr 1fr 1fr;background:var(--ink);color:#fff;border-radius:14px;margin-bottom:17px}.payables-summary>div{padding:20px 23px;border-left:1px solid #ffffff24}.payables-summary>div:first-child{border:0}.payables-summary span,.payables-summary strong,.payables-summary small{display:block}.payables-summary span{font-size:10px;color:#b9c6bf}.payables-summary strong{font:700 23px Manrope;margin:4px 0}.payables-summary small{font-size:10px;color:#9eaaa3}.payable-months{display:grid;gap:16px}.payable-month .panel-title h3{text-transform:capitalize}.payable-list{display:grid}.payable-list>button{display:grid;grid-template-columns:38px minmax(180px,1fr) 100px 120px;align-items:center;gap:10px;width:100%;padding:11px 0;border:0;border-top:1px solid #ecebe6;background:transparent;text-align:left;color:inherit}.payable-list>button:first-child{border-top:0}.payable-list>button:hover strong:first-child{color:var(--green)}.payable-list>button.overdue{background:#fffaf7}.payable-list strong{font-size:12px}.payable-list small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.payable-list>button>span:nth-child(3){font-size:11px;color:var(--muted)}.payable-list>button>strong{text-align:right}.payable-list>button.overdue>span:nth-child(3){color:var(--rust);font-weight:700}.payable-list>div{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:10px;border-top:1px solid #ecebe6}.payable-list>div:first-child{border-top:0}.payable-list>div.overdue{background:#fffaf7}.payable-main{display:grid;grid-template-columns:38px minmax(180px,1fr) 100px 120px;align-items:center;gap:10px;width:100%;padding:11px 0;border:0;background:transparent;text-align:left;color:inherit}.payable-main>span:nth-child(3){font-size:11px;color:var(--muted)}.payable-main>strong{text-align:right}.payable-actions{display:flex;justify-content:flex-end;gap:5px}.payable-pay{height:32px;border:1px solid var(--green);border-radius:8px;background:var(--pale);color:var(--green);display:flex;align-items:center;gap:4px;padding:0 8px;font-size:10px;font-weight:700}.payable-pay:hover{background:#dce9df}.payment-summary{padding:15px;border-radius:11px;background:var(--ink);color:#fff}.payment-summary span,.payment-summary strong,.payment-summary small{display:block}.payment-summary span,.payment-summary small{font-size:10px;color:#b9c6bf}.payment-summary strong{font:700 24px Manrope;margin:4px 0}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr}.credit-card-wrap{grid-template-columns:1fr 1fr}}@media(max-width:1100px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.loan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.loan-group-grid{grid-template-columns:1fr}}@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translate(-100%);width:270px;transition:.2s}.sidebar.open{transform:none}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0008;z-index:19}.mobile-close{display:block;margin-left:auto;border:0;background:none;color:#fff}.menu-button{display:grid;place-items:center;border:0;background:none;margin-right:12px}.topbar{padding:0 18px;height:78px;justify-content:flex-start}.topbar-actions{margin-left:auto}.search-button{display:none}.topbar h1{font-size:18px}.page-content{padding:22px 16px}.welcome,.page-heading{align-items:flex-start;gap:12px}.month-control{display:none}.dashboard-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}.credit-card-wrap{grid-template-columns:1fr 1fr}.debt-grid{grid-template-columns:1fr}}@media(max-width:900px){.dashboard-welcome{display:grid}.period-controls{justify-items:start;width:100%;overflow:auto}.period-controls>.segmented{min-width:max-content}.custom-period{width:100%}}@media(max-width:800px){.auth-page{grid-template-columns:1fr}.auth-intro{padding:45px 24px}.auth-intro h1{font-size:36px}.auth-intro .brand-mark{margin-bottom:30px}.auth-form-wrap{padding:28px 16px}.auth-form{padding:25px}}@media(max-width:560px){.topbar .primary{font-size:0;padding:10px}.topbar .primary svg{margin:0}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:13px;display:block}.metric-icon{margin-bottom:12px}.metric>span,.metric>strong,.metric>small{display:block}.metric>strong{font-size:17px}.welcome h2,.page-heading h2{font-size:21px}.transaction-row{grid-template-columns:35px 1fr auto}.transaction-row.with-actions{grid-template-columns:35px minmax(0,1fr) auto 70px}.transaction-row .status{display:none}.transaction-row>strong{font-size:11px}.table-head{display:none}.credit-card-wrap{grid-template-columns:1fr}.debt-summary{grid-template-columns:1fr 1fr;padding:17px}.debt-summary>div{padding:10px;border:0}.debt-summary>div:first-child{grid-column:1/3;padding:0 10px 13px;border-bottom:1px solid #ffffff24}.debt-summary strong{font-size:19px}.form-row,.form-row.three{grid-template-columns:1fr}.modal>header{padding:20px}.form{padding:18px 20px}.schedule{overflow:auto}.schedule>div{min-width:570px}.detail-grid{grid-template-columns:1fr}.detail-grid div{border-right:0}.detail-grid div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.detail-grid div:last-child{border-bottom:0}}@media(max-width:650px){.account-grid,.account-total{grid-template-columns:1fr}.account-total>strong{grid-row:auto;grid-column:auto}.page-actions{width:100%;display:grid}.cards-heading{display:grid}.invoice-list>div{grid-template-columns:35px 1fr auto 70px}.invoice-list>div>span:nth-child(3){display:none}.invoice-list>div>strong{font-size:11px}.account-total>strong{font-size:24px}}@media(max-width:650px){.loan-summary{grid-template-columns:1fr 1fr}.loan-summary>div{border:0}.loan-summary>div:last-child{grid-column:1/3;border-top:1px solid #ffffff24}.loan-grid{grid-template-columns:1fr}}@media(max-width:650px){.payables-summary{grid-template-columns:1fr 1fr}.payables-summary>div{border:0}.payables-summary>div:first-child{grid-column:1/3;border-bottom:1px solid #ffffff24}.payable-list>button{grid-template-columns:35px minmax(0,1fr) auto}.payable-list>button>span:nth-child(3){display:none}.payable-list>button>strong{font-size:11px}}@media(max-width:650px){.payable-list>div{grid-template-columns:1fr}.payable-main{grid-template-columns:35px minmax(0,1fr) auto;padding-bottom:4px}.payable-main>span:nth-child(3){display:none}.payable-main>strong{font-size:11px}.payable-actions{padding:0 0 10px 45px;justify-content:flex-start}}@media(max-width:560px){.loan-group-title{align-items:flex-start}.loan-entry-head,.loan-entry-list>div{grid-template-columns:1fr 90px 52px}.loan-entry-head span:nth-child(3),.loan-entry-list .status{display:none}.loan-settle-small{grid-column:3}}@media(max-width:560px){.custom-period{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.custom-period input{width:100%}.invoice-month-picker{display:grid;gap:12px}.invoice-month-picker select{width:100%}}@media(max-width:560px){.debt-calculation{grid-template-columns:auto 1fr}.debt-calculation>div{padding:7px 0;border:0}.debt-calculation>svg{grid-row:1/4}.drawer-actions .secondary{font-size:0;padding:9px}.drawer-actions .secondary svg{margin:0}}@media(max-width:800px){input,select,textarea{font-size:16px!important}html,body{touch-action:pan-x pan-y}}