:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#16313a;background:#f0f5f2;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #16313a;--ink-soft: #405964;--muted: #667a80;--muted-light: #93a3a4;--line: #d7e4df;--paper: #fffefa;--mint: #b9ebd1;--mint-deep: #147a5b;--iris: #3568c8;--iris-dark: #21458f;--cyan: #35b9b0;--peach: #ffd5c5;--blue: #d9e7ff;--yellow: #ffe7a6;--coral: #ec7b66;--shadow: 0 18px 50px rgba(23, 54, 61, .09)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#f0f5f2}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(53,104,200,.34);outline-offset:2px}h1,h2,p{margin:0}h1,h2{color:var(--ink)}h1{font-size:clamp(30px,3.4vw,48px);font-weight:750;line-height:.98;letter-spacing:-.075em}h2{font-size:18px;font-weight:750;line-height:1.18;letter-spacing:-.045em}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;display:flex;flex-direction:column;width:246px;min-height:100vh;padding:28px 18px 21px;border-right:1px solid rgba(213,224,219,.82);background:#fafdfbc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.mobile-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:800;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:#1e3b4d;border:1px solid rgba(255,255,255,.7);border-radius:11px 11px 11px 3px;background:#17333b;box-shadow:0 6px 14px #17333b2e}.sidebar-kicker{margin:58px 12px 15px;color:#9ba4a5;font:10px SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.side-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;color:#7d8490;text-align:left;border:0;border-radius:13px;background:transparent;transition:color .2s ease,background .2s ease,transform .2s ease}.nav-item:hover{color:var(--ink);background:#e1ebe8c7;transform:translate(2px)}.nav-item.active{color:#173e3c;background:#b9ebd1;box-shadow:inset 0 0 0 1px #ffffff94;font-weight:750}.nav-item svg{color:#929ba1}.nav-item.active svg{color:var(--iris)}.nav-badge{min-width:21px;padding:3px 6px;margin-left:auto;color:#765d20;border-radius:99px;background:#fff3c8;font-size:10px;font-weight:800;text-align:center}.sidebar-bottom{margin-top:auto}.privacy-card{display:flex;align-items:flex-start;gap:10px;padding:14px 12px;margin:0 0 16px;color:#32775d;border:1px solid #ccebd8;border-radius:15px;background:#e0f7e8a6}.privacy-card svg{flex:0 0 auto;margin-top:1px;color:#4a9977}.privacy-card strong,.privacy-card span{display:block;font-size:11px;line-height:1.35}.privacy-card span{margin-top:3px;color:#75958a}.version{margin:22px 13px 0;color:#a5abae;font:10px SFMono-Regular,Consolas,monospace}.main-content{width:calc(100% - 246px);margin-left:246px}.topbar{display:flex;align-items:center;justify-content:flex-end;height:78px;padding:0 5vw}.topbar-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;color:#758782;border:1px solid rgba(205,225,215,.86);border-radius:99px;background:#f4fcf7ad;font:10px SFMono-Regular,Consolas,monospace}.topbar-status svg{color:#4b9b78}.content-wrap{max-width:1290px;padding:12px 5vw 55px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 30px}.eyebrow,.label-on-dark{display:block;color:#9aa2a1;font:10px SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow{margin-bottom:10px}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 17px;font-size:12px;font-weight:750;border-radius:13px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.primary-button{color:#fff;border:1px solid #21458f;background:var(--iris-dark);box-shadow:0 9px 20px #21458f33}.primary-button:hover{transform:translateY(-2px);box-shadow:0 13px 25px #21458f40}.secondary-button{color:#44536f;border:1px solid #d8e0e5;background:#ffffffc2}.secondary-button:hover{border-color:#b8c8dc;background:#fff}.secondary-button.small{min-height:34px;padding:0 12px;font-size:11px;border-radius:10px}.danger-button{color:#ab635c;border:1px solid #f1d1cb;background:#fff8f6}.danger-button:hover{border-color:#e7aaa1;background:#fff1ee}.icon-button,.round-arrow,.round-add,.tiny-button{display:inline-grid;place-items:center;color:#818c95;border:0;background:transparent}.icon-button{width:35px;height:35px;border-radius:50%}.icon-button:hover,.tiny-button:hover{color:var(--ink);background:#e5ecea}.text-button{display:inline-flex;align-items:center;gap:5px;padding:4px 0;color:#315eb7;border:0;background:transparent;font-size:11px;font-weight:750}.text-button:hover{color:var(--iris-dark)}.round-arrow,.round-add{width:34px;height:34px;border-radius:50%;background:#e5edff;color:#315eb7;transition:color .2s ease,background .2s ease,transform .2s ease}.round-arrow:hover,.round-add:hover{color:#fff;background:var(--iris);transform:translateY(-1px)}.hero-grid,.dashboard-grid,.bottom-grid,.commitments-columns,.settings-grid{display:grid;gap:18px}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr)}.balance-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:274px;padding:31px 34px 25px;overflow:hidden;color:#fff;border:1px solid rgba(61,116,112,.6);border-radius:26px 26px 26px 8px;background:#143d46;box-shadow:0 23px 42px #183f462e}.balance-card:before{position:absolute;top:-140px;right:-92px;width:300px;height:300px;content:"";border:1px solid rgba(204,243,229,.23);border-radius:50%;box-shadow:0 0 0 31px #ccf3e50a,0 0 0 63px #ccf3e506}.balance-card:after{display:none}.balance-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between}.label-on-dark{margin-bottom:14px;color:#a9c8c7}.balance-value{color:#fbfaff;font-size:clamp(37px,4.3vw,59px);font-weight:750;line-height:.95;letter-spacing:-.09em}.balance-caption{display:block;margin-top:15px;color:#b0c7ca;font:10px SFMono-Regular,Consolas,monospace}.balance-orb{display:grid;place-items:center;width:47px;height:47px;color:#143d46;border:5px solid rgba(255,255,255,.11);border-radius:50%;background:var(--mint)}.balance-footer{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1.5fr;align-items:end;gap:14px;padding-top:19px;border-top:1px solid rgba(231,250,236,.18)}.balance-footer span,.balance-footer strong{display:block}.balance-footer span{color:#a9bdc2;font:10px SFMono-Regular,Consolas,monospace}.balance-footer strong{margin-top:5px;color:#f4faf1;font-size:13px}.mini-progress,.category-track,.debt-bar,.goal-progress{overflow:hidden;border-radius:99px}.mini-progress{height:5px;background:#dff5e333}.mini-progress span{display:block;height:100%;border-radius:inherit;background:var(--cyan)}.quick-card,.surface-card,.stat-card{border:1px solid rgba(216,226,222,.9);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quick-card{padding:27px 27px 21px;border-radius:26px 26px 8px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-heading h2{margin-top:1px}.muted-icon{color:#a0b9b8}.quick-actions{display:grid;gap:9px;margin-top:27px}.quick-actions button{display:flex;align-items:center;gap:11px;width:100%;padding:11px;color:var(--ink);text-align:left;border:1px solid #e7edeb;border-radius:14px;background:#ffffffb8;transition:border-color .2s ease,background .2s ease,transform .2s ease}.quick-actions button:hover{border-color:#b9e4d0;background:#f8fffa;transform:translateY(-1px)}.quick-actions button>svg{margin-left:auto;color:#8b97a0}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:12px}.quick-actions small{margin-top:3px;color:#8b949c;font-size:10px}.action-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px}.action-icon.mint{color:#28765a;background:#def5e7}.action-icon.peach{color:#a35b56;background:#ffeadf}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.stat-card{position:relative;min-height:146px;padding:19px;overflow:hidden;border-radius:20px}.stat-card:after{position:absolute;right:-32px;bottom:-47px;width:100px;height:100px;content:"";border:1px solid rgba(89,107,131,.09);border-radius:50%}.stat-card .stat-icon{display:grid;place-items:center;width:33px;height:33px;margin-bottom:18px;border-radius:11px}.stat-icon.green{color:#287758;background:#ddf3e4}.stat-icon.orange{color:#a46250;background:#ffeadf}.stat-icon.blue{color:#4b76ad;background:#e2edff}.stat-icon.violet{color:#315eb7;background:#e4edff}.stat-card>span{display:block;color:#78828b;font-size:11px}.stat-card>strong{display:block;margin-top:6px;color:var(--ink);font-size:22px;font-weight:750;letter-spacing:-.06em}.stat-card>small{position:absolute;right:19px;bottom:20px;color:#9aa3aa;font:10px SFMono-Regular,Consolas,monospace}.zakat-alert{display:flex;align-items:center;gap:11px;padding:13px 16px;margin-top:14px;color:#8e554d;border:1px solid #f2c9bd;border-radius:15px;background:#fff0ea}.zakat-alert>svg{flex:0 0 auto;color:#bd6b57}.zakat-alert>div{min-width:0;flex:1}.zakat-alert strong,.zakat-alert span{display:block}.zakat-alert strong{font-size:11px}.zakat-alert span{margin-top:3px;color:#9d817a;font-size:10px}.zakat-alert .text-button{flex:0 0 auto;color:#a65d50}.dashboard-grid{grid-template-columns:1.08fr .92fr;margin-top:18px}.bottom-grid{grid-template-columns:1fr 1fr;margin-top:18px}.surface-card{padding:25px;border-radius:20px}.chart-total{display:grid;justify-items:end;gap:4px}.chart-total strong{color:var(--iris-dark);font-size:17px;font-weight:750;letter-spacing:-.045em}.chart-total span{color:#9aa1ab;font:9px SFMono-Regular,Consolas,monospace;text-transform:uppercase}.spending-chart{padding:8px 12px 7px;margin-top:18px;border:1px solid #dce5f2;border-radius:17px;background:#f5f8ff}.spending-chart svg{display:block;width:100%;height:164px;overflow:visible}.chart-grid-line{stroke:#e4e8ed;stroke-dasharray:3 5;stroke-width:1}.chart-area{fill:var(--iris);fill-opacity:.12}.budget-line{fill:none;stroke:#aab4c4;stroke-dasharray:4 5;stroke-width:2}.spending-line{fill:none;stroke:var(--iris);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.spending-dot{fill:var(--iris);stroke:#fff;stroke-width:3}.chart-label{fill:#9ba4ae;font:9px SFMono-Regular,Consolas,monospace}.chart-legend{display:flex;flex-wrap:wrap;gap:15px;padding:7px 2px 0;color:#7f8995;font:9px SFMono-Regular,Consolas,monospace}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.legend-dot.spent{background:var(--iris)}.legend-dot.plan{border:1px solid #aab4c4;background:#e9edf2}.category-list,.commitment-list,.transaction-list{display:grid;gap:16px;margin-top:23px}.category-list{margin-top:22px}.category-row{display:flex;align-items:center;gap:10px}.category-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:11px}.c-0{color:#a56c46;background:#ffeadb}.c-1{color:#4b76a8;background:#e2edff}.c-2{color:#3d805f;background:#e0f5e5}.c-3{color:#9a5e82;background:#f5e3ef}.c-4{color:#91742d;background:#fbf1c9}.category-info{flex:1;min-width:0}.category-info>div:first-child{display:flex;justify-content:space-between;font-size:11px}.category-info>div:first-child span{color:#99a1a9;font:10px SFMono-Regular,Consolas,monospace}.category-track{height:5px;margin-top:8px;background:#edf0ef}.track-fill,.debt-bar i,.goal-progress i{display:block;height:100%;border-radius:inherit}.fill-0{background:#e39a6e}.fill-1{background:#79a4d5}.fill-2{background:#75b990}.fill-3{background:#c88eb1}.fill-4{background:#d6ba54}.category-amount{width:70px;color:#4d5660;font-size:11px;text-align:right}.commitment-row{display:flex;align-items:center;gap:11px}.date-tile{display:grid;place-content:center;width:40px;height:43px;flex:0 0 auto;color:#77563d;border-radius:11px;background:#ffeadc;text-align:center}.date-tile span{font-size:14px;font-weight:800;line-height:1}.date-tile small{margin-top:3px;color:#a57b65;font:9px SFMono-Regular,Consolas,monospace;text-transform:uppercase}.commitment-row>div:nth-child(2){flex:1;min-width:0}.commitment-row strong,.commitment-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commitment-row strong{font-size:12px}.commitment-row span{margin-top:3px;color:#909aa1;font-size:10px}.commitment-row>b{color:#4c5561;font-size:11px;white-space:nowrap}.card-footnote{display:flex;align-items:center;gap:8px;padding-top:20px;margin-top:22px;color:#87929a;border-top:1px solid var(--line);font:10px SFMono-Regular,Consolas,monospace}.signal-ring{width:8px;height:8px;border:2px solid #67a77f;border-radius:50%;box-shadow:0 0 0 3px #def1e4}.focus-card{display:flex;align-items:center;gap:22px;background:#e2f9eb}.focus-art{position:relative;display:grid;place-items:center;width:102px;height:102px;flex:0 0 auto}.focus-ring{position:absolute;border:1px solid #bbdfd5;border-radius:50%}.ring-one{width:70px;height:70px}.ring-two{width:98px;height:98px;border-color:#d3e9e4}.focus-center{display:grid;place-items:center;width:46px;height:46px;color:#315d86;border-radius:50%;background:#d9e6ff}.focus-card h2{max-width:270px;font-size:20px}.focus-card p{max-width:350px;margin:9px 0 15px;color:#707d86;font-size:11px;line-height:1.6}.recent-card .transaction-list{margin-top:23px}.quiet-metric{display:flex;align-items:center;gap:9px;padding:15px 17px;margin-top:19px;color:#7f8c91;border:1px dashed #cbd8d3;border-radius:13px;font:10px SFMono-Regular,Consolas,monospace}.quiet-metric svg{color:#5e9f8a}.quiet-metric strong{color:#477b68}.quiet-bar{width:100px;height:4px;margin-left:auto;overflow:hidden;border-radius:5px;background:#e0e9e5}.quiet-bar i{display:block;height:100%;border-radius:inherit;background:var(--cyan)}.transaction-row{position:relative;display:flex;align-items:center;gap:11px;min-width:0;min-height:49px}.transaction-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px}.transaction-icon.expense{color:#956148;background:#ffeadb}.transaction-icon.income{color:#3e8663;background:#e0f5e5}.transaction-main{min-width:0;flex:1}.transaction-main strong,.transaction-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-main strong{color:#343d4b;font-size:12px}.transaction-main span{margin-top:4px;color:#9aa2a8;font-size:10px}.receipt-chip{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:4px 7px;color:#2f7d70;border:1px solid #cfe4da;border-radius:99px;background:#eef9f3;font:9px SFMono-Regular,Consolas,monospace;white-space:nowrap}.transaction-amount{color:#4e5964;font-size:12px;white-space:nowrap}.positive{color:#3e9567!important}.row-actions{display:flex;align-items:center;gap:3px;margin-left:6px}.tiny-button{width:28px;height:28px;border-radius:8px}.tiny-button.danger:hover{color:#b65d59;background:#ffebe8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:130px;color:#a1aab0;font-size:12px;text-align:center}.empty-state.compact{min-height:145px}.empty-state svg{color:#91bba9}.activity-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.search-field{display:flex;align-items:center;gap:9px;width:280px;min-height:43px;padding:0 13px;color:#9aa4aa;border:1px solid #dfe7e4;border-radius:13px;background:#ffffffc4}.search-field input{width:100%;color:var(--ink);border:0;outline:0;background:transparent;font-size:12px}.filter-pills{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #e3e9e7;border-radius:13px;background:#ffffff7a}.filter-pill{min-height:34px;padding:0 11px;color:#8c969e;border:0;border-radius:10px;background:transparent;font-size:11px}.filter-pill:hover,.filter-pill.active{color:#493ac4;background:#eeecff;font-weight:750}.full-card{min-height:410px}.table-intro{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.helper-text,.field-note{color:#99a3a8;font-size:10px}.full-card .transaction-list{margin-top:13px}.full-card .transaction-row{padding:9px 0;border-bottom:1px solid #edf1ef}.full-card .transaction-row:last-child{border-bottom:0}.commitment-summary,.goal-topline{display:flex;align-items:flex-end;justify-content:space-between;padding:28px 30px;margin-bottom:18px;border:1px solid rgba(209,231,223,.85);border-radius:20px;background:#def4e7}.commitment-summary h2,.goal-topline h2{font-size:24px}.commitment-summary p{max-width:500px;margin-top:8px;color:#72827e;font-size:11px}.summary-number,.goal-total{text-align:right}.summary-number span,.goal-total span{display:block;color:#719087;font:10px SFMono-Regular,Consolas,monospace}.summary-number strong{display:block;margin-top:6px;color:#2d765a;font-size:27px;letter-spacing:-.07em}.commitments-columns{grid-template-columns:1fr 1fr}.commitments-page>.commitment-panel{margin-top:18px}.commitment-panel{min-height:180px}.panel-title{display:flex;align-items:center;gap:10px;min-width:0}.panel-icon{display:grid;place-items:center;width:34px;height:34px;color:#4e75a1;border-radius:11px;background:#e4edff}.panel-icon.violet{color:#5647d2;background:#ece9ff}.panel-icon.gold{color:#9c7623;background:#fff1c4}.panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:nowrap}.panel-tools{display:flex;align-items:center;gap:6px;min-width:0}.category-filter{display:inline-flex;align-items:center;gap:6px;min-height:34px;min-width:0;padding:0 9px;color:#66818b;border:1px solid #dce7e3;border-radius:11px;background:#f8fcfa}.category-filter select{min-width:0;max-width:135px;padding:0;color:#45616a;border:0;outline:0;background:transparent;font-size:10px;font-weight:750;cursor:pointer}.panel-count{color:#93a1a1;font:9px SFMono-Regular,Consolas,monospace;white-space:nowrap}.entity-list{display:grid;gap:8px;margin-top:24px}.entity-row,.person-card{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 0}.entity-row+.entity-row{border-top:1px solid #edf1ef}.entity-open{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:0;color:inherit;text-align:left;border:0;background:transparent}.entity-open:hover .entity-main strong{color:var(--iris-dark)}.entity-status{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;color:#a36848;border-radius:11px;background:#ffeadb}.entity-status.paid{color:#3e8863;background:#e0f5e5}.entity-status.debt{color:#4d78a7;background:#e4edff}.entity-main{min-width:0;flex:1}.entity-main strong,.entity-main span,.entity-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-main strong{color:#3b4652;font-size:12px}.entity-main span,.entity-main small{margin-top:3px;color:#929da4;font-size:10px}.entity-main small{color:#a5aaa7;font:9px SFMono-Regular,Consolas,monospace}.entity-note{color:#667d92!important}.pill{flex:0 0 auto;padding:5px 8px;border-radius:99px;font:9px SFMono-Regular,Consolas,monospace;text-transform:uppercase}.pill.upcoming{color:#9c6949;background:#ffefdf}.pill.paid{color:#438a63;background:#e5f6e9}.debt-bar{width:100%;height:4px;margin-top:7px;background:#edf0f2}.debt-bar i{background:#72b7a1}.horizontal-entities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.person-card{padding:13px;border:1px solid #e7edeb;border-radius:14px;background:#ffffff73}.avatar{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;color:#805d83;border-radius:50%;background:#f2e5f1;font-size:10px;font-weight:800}.person-card>.positive{margin-left:auto;font-size:11px}.goal-topline{background:#fff4d3}.goal-total strong{display:block;margin-top:4px;color:#6654cb;font-size:29px;letter-spacing:-.075em}.goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.goal-card,.goal-add-card{min-height:242px;padding:23px;border:1px solid rgba(220,226,224,.9);border-radius:20px}.goal-card{position:relative;overflow:hidden}.goal-card:after{position:absolute;top:-86px;right:-80px;width:182px;height:182px;content:"";border:1px solid rgba(76,102,115,.1);border-radius:50%}.goal-card.mint{background:#e5f8e8}.goal-card.coral{background:#ffebe0}.goal-card.blue{background:#e5efff}.goal-card-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.goal-symbol{display:grid;place-items:center;width:36px;height:36px;color:#3f8561;border-radius:12px;background:#ffffffa8}.goal-card.coral .goal-symbol{color:#aa6b6a}.goal-card.blue .goal-symbol{color:#5e7eb1}.goal-card h2{position:relative;z-index:1;margin-top:4px;font-size:20px}.goal-amounts{display:flex;align-items:baseline;gap:7px;margin-top:26px}.goal-amounts strong{color:#3d7956;font-size:25px;letter-spacing:-.075em}.goal-amounts span{color:#81928d;font:10px SFMono-Regular,Consolas,monospace}.goal-progress{height:6px;margin-top:16px;background:#ffffff94}.goal-progress i{background:#68b883}.goal-card.coral .goal-progress i{background:#d98a78}.goal-card.blue .goal-progress i{background:#7398cb}.goal-foot{display:flex;justify-content:space-between;margin-top:9px;color:#81908d;font:10px SFMono-Regular,Consolas,monospace}.goal-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#788b87;text-align:center;border-style:dashed;background:#ffffff6b}.goal-add-card:hover{border-color:#a6d3ba;background:#f7fffae0}.goal-add-card>div{display:grid;place-items:center;width:40px;height:40px;color:#4a8f70;border-radius:50%;background:#e0f4e5}.goal-add-card strong{color:#466c5b;font-size:12px}.goal-add-card span{max-width:170px;color:#99a4a3;font-size:10px}.settings-hero{display:flex;align-items:flex-start;gap:17px;padding:29px 30px;margin-bottom:18px;border:1px solid #dbe4f0;border-radius:20px;background:#e1f1ff}.settings-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;color:#4c74a3;border-radius:13px;background:#ffffffad}.settings-hero h2{font-size:23px}.settings-hero p{max-width:670px;margin-top:8px;color:#6f7f8c;font-size:11px;line-height:1.6}.settings-grid{grid-template-columns:1fr 1fr}.settings-card{min-height:360px}.form-label{display:grid;gap:7px;margin-top:22px;color:#5e6872;font-size:11px;font-weight:750}.form-label input,.form-label select,.input-with-prefix{width:100%;min-height:41px;padding:0 12px;color:var(--ink);border:1px solid #dce5e2;outline:0;border-radius:11px;background:#fffc;font-size:12px}.form-label input:focus,.form-label select:focus,.input-with-prefix:focus-within{border-color:#9c91f8;box-shadow:0 0 0 4px #6351f41a}.input-with-prefix{display:flex;align-items:center;gap:4px;padding:0 12px;margin-top:7px;color:#83909a;font-size:12px}.input-with-prefix input{width:100%;height:39px;padding:0;border:0;outline:0;background:transparent}.settings-card>.form-label:first-of-type{margin-top:28px}.field-note{margin-top:7px;line-height:1.5}.data-action{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #edf1ef}.data-action-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;color:#4d79a7;border-radius:11px;background:#e6efff}.data-action>div:nth-child(2){flex:1}.data-action strong,.data-action span{display:block}.data-action strong{color:#4b5762;font-size:11px}.data-action span{margin-top:3px;color:#9aa4aa;font-size:10px}.data-action input{display:none}.divider{height:24px}.settings-card>.danger-button{margin-top:5px}.legal-links{display:flex;flex-wrap:wrap;gap:8px 15px;padding-top:16px;margin-top:18px;border-top:1px solid var(--line)}.legal-links a{color:var(--iris-dark);font-size:11px;font-weight:750;text-underline-offset:3px}.legal-links a:hover{color:var(--iris)}.net-worth-editor{margin-top:18px}.net-worth-total{text-align:right}.net-worth-total span{display:block;color:#9aa4aa;font:10px SFMono-Regular,Consolas,monospace}.net-worth-total strong{display:block;margin-top:4px;color:#3d7d5f;font-size:23px;letter-spacing:-.065em}.net-worth-copy{margin-top:9px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}.asset-grid .form-label,.asset-grid .input-with-prefix{margin-top:0}.net-worth-breakdown{display:flex;flex-wrap:wrap;gap:24px;padding-top:17px;margin-top:20px;color:#929da2;border-top:1px solid var(--line);font:10px SFMono-Regular,Consolas,monospace}.net-worth-breakdown strong{margin-left:7px;color:#52626a;font-size:12px}.commitment-filters{display:flex;align-items:center;gap:8px;padding:7px;margin-bottom:18px;overflow-x:auto;border:1px solid #e1e8e5;border-radius:16px;background:#f8fbfa}.filter-label{display:inline-flex;align-items:center;gap:6px;padding:0 8px;color:#8a9794;font:10px SFMono-Regular,Consolas,monospace;text-transform:uppercase}.commitment-filter{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;color:#8b959d;white-space:nowrap;border:1px solid transparent;border-radius:11px;background:transparent;font-size:11px}.commitment-filter strong{color:inherit;font:10px SFMono-Regular,Consolas,monospace}.commitment-filter:hover{color:#4938d6;background:#eeecff}.commitment-filter.active{color:#2b2554;border-color:#c7c0ff;background:#e7e3ff;font-weight:750}.commitment-filter.active strong{color:#5647d2}.entity-open:focus-visible{outline:3px solid rgba(99,81,244,.26);outline-offset:3px;border-radius:10px}.entity-open .pill{margin-left:auto}.person-card .entity-open{align-items:flex-start}.person-card .entity-open .positive{margin-left:auto}.history-intro{margin:8px 0 18px;color:#7e8992;font-size:11px;line-height:1.5}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.history-summary>div{padding:13px;border:1px solid #e0e8e5;border-radius:13px;background:#f5faf8}.history-summary span,.history-summary strong{display:block}.history-summary span{color:#8d999e;font:9px SFMono-Regular,Consolas,monospace}.history-summary strong{margin-top:6px;color:#2b4f61;font-size:17px}.history-chart{padding:8px 10px 0;margin-top:16px;border:1px solid #e5e9f2;border-radius:15px;background:#f5f7ff}.history-chart svg{display:block;width:100%;height:112px;overflow:visible}.history-line{fill:none;stroke:#5b4dde;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.history-dot{fill:#5b4dde;stroke:#fff;stroke-width:2}.history-list{display:grid;gap:3px;margin-top:17px}.history-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1ef}.history-row>div:nth-child(2){flex:1;min-width:0}.history-row strong,.history-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row strong{color:#3b4652;font-size:11px}.history-row span{margin-top:3px;color:#99a3a8;font-size:10px}.history-row>strong{color:#525e67;white-space:nowrap}.history-modal .modal-actions{margin-top:18px}.history-modal .empty-state{min-height:105px}.vault-section{padding:25px;margin-top:18px;border:1px solid #dfe9e5;border-radius:20px;background:#f5fbf7;box-shadow:var(--shadow)}.vault-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.vault-heading p{max-width:560px;margin-top:8px;color:#7f8e8a;font-size:11px;line-height:1.5}.vault-total{text-align:right}.vault-total span,.vault-total strong{display:block}.vault-total span{color:#84938f;font:10px SFMono-Regular,Consolas,monospace}.vault-total strong{margin-top:4px;color:#2e765d;font-size:23px;letter-spacing:-.06em}.vault-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.vault-card,.vault-add-card{min-height:176px;padding:18px;border:1px solid rgba(216,226,222,.9);border-radius:17px}.vault-card{position:relative;overflow:hidden}.vault-card.mint{background:#e2f6e7}.vault-card.coral{background:#ffebe0}.vault-card.blue{background:#e5efff}.vault-card:after{position:absolute;right:-36px;bottom:-48px;width:115px;height:115px;content:"";border:1px solid rgba(48,83,96,.1);border-radius:50%}.vault-card-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.vault-symbol{display:grid;place-items:center;width:35px;height:35px;color:#3f8561;border-radius:11px;background:#ffffffb3}.vault-card.coral .vault-symbol{color:#aa6b6a}.vault-card.blue .vault-symbol{color:#5e7eb1}.vault-card .eyebrow{position:relative;z-index:1;margin-top:24px;margin-bottom:6px}.vault-card h2{position:relative;z-index:1;font-size:16px}.vault-amount{position:relative;z-index:1;display:block;margin-top:13px;color:#2d5f52;font-size:22px;letter-spacing:-.06em}.vault-card p{position:relative;z-index:1;margin-top:6px;overflow:hidden;color:#789087;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.vault-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#4a8f70;text-align:center;border-style:dashed;background:#fbfffc}.vault-add-card strong{color:#466c5b;font-size:12px}.vault-add-card span{color:#99a4a3;font-size:10px}.salary-card,.zakat-card{margin-top:18px}.salary-net{text-align:right}.salary-net span,.salary-net strong{display:block}.salary-net span{color:#8b969f;font:9px SFMono-Regular,Consolas,monospace;text-transform:uppercase}.salary-net strong{margin-top:4px;color:#2f765d;font-size:23px;letter-spacing:-.06em}.salary-copy,.zakat-copy{max-width:760px;margin-top:9px}.salary-form{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:16px}.salary-form .form-label{margin-top:0}.salary-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 18px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.salary-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;color:#829097;font:10px SFMono-Regular,Consolas,monospace}.salary-breakdown strong{color:#4c5a63;font-size:11px;white-space:nowrap}.salary-breakdown strong.deduction{color:#a56858}.salary-breakdown .salary-total{grid-column:1 / -1;padding-top:13px;margin-top:3px;color:#536a64;border-top:1px solid #dbe6e1;font-weight:750}.salary-breakdown .salary-total strong{color:#2e765d;font-size:17px}.zakat-status{padding:6px 9px;color:#6d8077;border-radius:99px;background:#e2f4e7;font:9px SFMono-Regular,Consolas,monospace;text-transform:uppercase}.zakat-status.due{color:#a2574f;background:#ffe6de}.zakat-controls{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:15px;margin-top:14px}.check-label{display:inline-flex;align-items:center;gap:8px;min-height:41px;color:#56676b;font-size:11px;font-weight:750}.check-label input{width:17px;height:17px;accent-color:var(--iris)}.zakat-controls .form-label{margin-top:0}.zakat-result{display:flex;flex-wrap:wrap;gap:28px;padding-top:16px;margin-top:17px;border-top:1px solid var(--line)}.zakat-result span,.zakat-result strong{display:block}.zakat-result span{color:#8b9996;font:9px SFMono-Regular,Consolas,monospace}.zakat-result strong{margin-top:5px;color:#496a65;font-size:17px}.zakat-result strong.zakat-due{color:#ab5d51}.mobile-brand,.mobile-nav{display:none}.toast{position:fixed;right:27px;bottom:27px;z-index:20;display:flex;align-items:center;gap:9px;padding:12px 15px;color:#eaf8ed;border-radius:13px;background:#275d50;box-shadow:0 15px 30px #1f4b3533;font-size:12px;animation:slide-up .25s ease both}.loading-screen{display:grid;place-content:center;gap:10px;min-height:100vh;color:#4f7d71;background:#eef4f3;font-size:12px;text-align:center}.loading-screen svg{margin:0 auto;color:var(--iris);animation:breathe 1.5s ease-in-out infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;width:100%;max-width:none;height:100%;max-height:none;padding:20px;border:0;background:#1a1c3961;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .2s ease both}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);padding:27px;overflow:auto;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:#fbfdfc;box-shadow:0 25px 70px #1820393d;animation:scale-in .2s ease both}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.modal-head h2{font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:13px}.form-grid .form-label:only-child,.form-grid .form-label:nth-last-child(1):nth-child(odd){grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:26px;margin-top:24px;border-top:1px solid var(--line)}.receipt-picker{padding:15px;margin-top:20px;border:1px solid #dce7e3;border-radius:15px;background:#f7fbf9}.receipt-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:#52716c}.receipt-picker-heading strong{display:block;color:var(--ink);font-size:13px}.receipt-picker-heading .eyebrow{margin-bottom:5px}.receipt-picker-heading>svg{color:#2c8d7d}.receipt-empty{margin-top:11px;color:#78908b;font-size:10px;line-height:1.5}.receipt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.receipt-actions .secondary-button{background:#fff}.receipt-actions .secondary-button:disabled{cursor:wait;opacity:.62}.receipt-input{display:none}.receipt-attachment{display:flex;align-items:center;gap:10px;padding:8px;margin-top:12px;border:1px solid #cfe4da;border-radius:12px;background:#fff}.receipt-preview{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;overflow:hidden;color:#2f7d70;border-radius:9px;background:#e6f4ed}.receipt-preview:focus-visible{outline:3px solid rgba(53,104,200,.34);outline-offset:2px}.receipt-preview img{width:100%;height:100%;object-fit:cover}.receipt-file-icon{display:grid;place-items:center}.receipt-attachment-copy{min-width:0;flex:1}.receipt-attachment-copy strong,.receipt-attachment-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-attachment-copy strong{color:#405c5a;font-size:11px}.receipt-attachment-copy span{margin-top:3px;color:#8b9e9a;font:9px SFMono-Regular,Consolas,monospace}.receipt-error{color:#a64f47}.budget-pulse{display:flex;align-items:center;gap:13px;width:100%;padding:15px 17px;margin-top:14px;color:var(--ink);text-align:left;border:1px solid #c8e2d5;border-radius:17px;background:#e4f5eb;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.budget-pulse:hover{border-color:#8bc8ab;box-shadow:0 8px 18px #1e5a4414;transform:translateY(-1px)}.budget-pulse-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;color:#187253;border-radius:12px;background:#b9ebd1}.budget-pulse>div:nth-child(2){min-width:0;flex:1}.budget-pulse strong,.budget-pulse small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-pulse strong{margin-top:2px;color:#1a4e45;font-size:14px;letter-spacing:-.025em}.budget-pulse small{margin-top:4px;color:#648077;font-size:10px}.budget-pulse.over{border-color:#efc8bb;background:#fff0ea}.budget-pulse.over .budget-pulse-icon{color:#a75143;background:#ffd5c5}.budget-pulse.over strong{color:#93473e}.budget-pulse.needs-income{border-color:#ead59b;background:#fff8df}.budget-pulse.needs-income .budget-pulse-icon{color:#84621c;background:#ffe7a6}.budget-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:27px 29px;margin-bottom:18px;border:1px solid #c9e3d6;border-radius:20px;background:#e4f5eb}.budget-intro h2{font-size:24px}.budget-intro p{max-width:610px;margin-top:8px;color:#607a72;font-size:11px;line-height:1.55}.budget-status{display:flex;align-items:flex-start;gap:10px;min-width:255px;max-width:320px;padding:13px;color:#1a574a;border:1px solid #acd9c0;border-radius:14px;background:#f7fff9}.budget-status-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:10px;background:#b9ebd1}.budget-status strong,.budget-status span{display:block}.budget-status strong{font-size:11px}.budget-status span{margin-top:4px;color:#6b8780;font-size:10px;line-height:1.4}.budget-status.over{color:#914a40;border-color:#efc8bb;background:#fff9f7}.budget-status.over .budget-status-icon{background:#ffd5c5}.budget-status.needs-income{color:#785b1c;border-color:#ebd89e;background:#fffdf2}.budget-status.needs-income .budget-status-icon{background:#ffe7a6}.budget-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.month-switcher{display:flex;align-items:center;gap:9px}.month-switcher>div{min-width:155px}.month-switcher strong{display:block;color:var(--ink);font-size:17px}.month-switcher .icon-button{border:1px solid #dce6e2;background:#f5faf7}.month-switcher .icon-button:hover{color:var(--iris-dark);background:#e5edff}.month-picker{position:relative;width:38px;height:35px;overflow:hidden;margin-left:2px;border:1px solid #dce6e2;border-radius:11px;background:#f5faf7}.month-picker input{width:95px;height:35px;padding:0 4px;color:var(--iris-dark);border:0;outline:0;background:transparent;font-size:11px;cursor:pointer}.budget-inputs{display:grid;grid-template-columns:repeat(2,minmax(150px,210px));gap:13px}.budget-inputs .form-label{margin-top:0}.budget-summary-grid{display:grid;grid-template-columns:minmax(240px,1.3fr) repeat(3,minmax(0,.8fr));gap:13px;margin-top:13px}.budget-balance-card{display:flex;flex-direction:column;justify-content:center;min-height:154px;padding:21px;color:#fff;border:1px solid #245b65;border-radius:18px 18px 18px 6px;background:#143d46;box-shadow:0 15px 30px #183f4621}.budget-balance-card strong{margin-top:7px;color:#f8fffb;font-size:27px;letter-spacing:-.075em}.budget-balance-card>span:nth-child(3){margin-top:6px;color:#b9d5d1;font:10px SFMono-Regular,Consolas,monospace}.budget-meter{height:5px;margin-top:17px;overflow:hidden;border-radius:99px;background:#def8ea30}.budget-meter i{display:block;height:100%;border-radius:inherit;background:var(--mint)}.metric-block{display:flex;flex-direction:column;justify-content:center;min-height:154px;padding:18px;border:1px solid #dce7e2;border-radius:17px;background:var(--paper);box-shadow:var(--shadow)}.metric-block>span{color:#778a8c;font-size:10px}.metric-block>strong{margin-top:8px;color:var(--ink);font-size:20px;letter-spacing:-.06em}.metric-block>small{margin-top:7px;color:#8c9b9c;font:9px SFMono-Regular,Consolas,monospace;line-height:1.35}.metric-block.mint{border-top:3px solid #53ad82}.metric-block.blue{border-top:3px solid #5c85d0}.metric-block.violet{border-top:3px solid #6f8ed2}.metric-block.orange{border-top:3px solid #e28168}.planned-items-card{margin-top:18px}.planned-items-card .primary-button.small{min-height:36px;padding:0 12px;font-size:11px}.planned-items-list{display:grid;gap:0;margin-top:16px}.planned-item{display:flex;align-items:center;gap:11px;min-height:65px;padding:9px 0;border-bottom:1px solid #edf1ef}.planned-item:last-child{border-bottom:0}.planned-item-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;color:#315eb7;border-radius:11px;background:#e4edff}.planned-item-main{min-width:0;flex:1}.planned-item-main strong,.planned-item-main span,.planned-item-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planned-item-main strong{color:#344851;font-size:12px}.planned-item-main span{margin-top:3px;color:#788c8d;font-size:10px}.planned-item-main small{margin-top:3px;color:#9aa7a7;font-size:10px}.planned-item-amount{min-width:80px;color:#315363;font-size:13px;text-align:right}.planned-items-foot{display:flex;justify-content:space-between;gap:12px;padding-top:16px;margin-top:12px;color:#879898;border-top:1px solid var(--line);font:9px SFMono-Regular,Consolas,monospace}.planned-items-foot span{display:inline-flex;align-items:center;gap:6px}.planned-items-foot svg{color:#3b966f}.month-picker{display:grid;place-items:center;color:var(--iris-dark)}.month-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes breathe{50%{transform:scale(1.13);opacity:.65}}@media(max-width:1050px){.sidebar{width:218px}.main-content{width:calc(100% - 218px);margin-left:218px}.hero-grid{grid-template-columns:1fr}.quick-card{min-height:0}.quick-actions{grid-template-columns:1fr 1fr}.content-wrap{padding-right:3vw;padding-left:3vw}.topbar{padding-right:3vw}.stats-grid,.goals-grid,.vault-grid,.salary-form,.salary-breakdown{grid-template-columns:repeat(2,1fr)}.budget-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-balance-card{grid-column:1 / -1}}@media(max-width:760px){body{padding-bottom:82px}.sidebar{display:none}.main-content{width:100%;margin-left:0}.topbar{justify-content:space-between;height:63px;padding:0 18px}.mobile-brand{display:flex;font-size:17px}.topbar-status{padding:7px;font-size:0}.topbar-status svg{width:17px;height:17px}.content-wrap{padding:21px 16px 36px}.page-heading{align-items:flex-start;gap:14px;margin-bottom:22px}.page-heading h1{font-size:34px}.page-heading .primary-button{width:44px;min-width:44px;padding:0;border-radius:14px}.page-heading .primary-button span{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-grid,.bottom-grid,.commitments-columns,.settings-grid,.asset-grid{grid-template-columns:1fr}.stat-card{min-height:132px;padding:16px;border-radius:17px}.stat-card .stat-icon{margin-bottom:14px}.stat-card>strong{font-size:18px}.stat-card>small{right:16px;bottom:16px;font-size:9px}.balance-card{min-height:249px;padding:24px;border-radius:23px 23px 23px 7px}.balance-value{font-size:43px}.balance-footer{grid-template-columns:1fr 1fr}.mini-progress{grid-column:1 / -1}.quick-actions{grid-template-columns:1fr;margin-top:20px}.surface-card{padding:20px;border-radius:19px}.spending-chart{padding-right:8px;padding-left:8px}.spending-chart svg{height:143px}.chart-legend{gap:10px;font-size:8px}.focus-card{align-items:flex-start;flex-direction:column;gap:10px}.focus-art{width:83px;height:83px}.ring-two{width:80px;height:80px}.ring-one{width:56px;height:56px}.focus-card h2{font-size:18px}.quiet-bar{display:none}.activity-toolbar{flex-wrap:wrap;gap:9px}.search-field{width:100%}.filter-pills{order:3;width:100%;justify-content:space-between}.filter-pill{flex:1}.table-intro{align-items:flex-start;flex-direction:column;gap:8px}.row-actions{margin-left:0}.commitment-summary,.goal-topline,.settings-hero{align-items:flex-start;flex-direction:column;gap:19px;padding:22px}.commitment-panel .card-heading{flex-direction:column}.commitment-panel .panel-actions{width:100%;justify-content:space-between}.commitment-panel .category-filter{flex:1}.commitment-panel .category-filter select{max-width:none;width:100%}.summary-number,.goal-total,.net-worth-total{text-align:left}.summary-number strong{font-size:25px}.horizontal-entities,.goals-grid,.vault-grid,.salary-form,.salary-breakdown,.zakat-controls{grid-template-columns:1fr}.vault-heading{align-items:flex-start;flex-direction:column;gap:15px}.vault-total,.salary-net{text-align:left}.history-summary{grid-template-columns:1fr}.commitment-filters{align-items:stretch;flex-wrap:wrap}.filter-label{width:100%}.commitment-filter{flex:1;justify-content:space-between}.goal-add-card{min-height:150px}.settings-hero h2{font-size:19px}.budget-intro{align-items:stretch;flex-direction:column;gap:17px;padding:22px}.budget-intro h2{font-size:20px}.budget-status{min-width:0;max-width:none}.budget-controls{align-items:stretch;flex-direction:column;gap:18px}.month-switcher{justify-content:space-between}.month-switcher>div{min-width:0;flex:1;text-align:center}.budget-inputs{grid-template-columns:1fr 1fr}.budget-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.budget-balance-card{grid-column:1 / -1;min-height:139px}.metric-block{min-height:125px;padding:15px}.metric-block>strong{font-size:17px}.planned-items-card .card-heading{align-items:flex-start;flex-direction:column}.planned-items-card .primary-button.small{width:100%}.planned-item{align-items:flex-start;flex-wrap:wrap}.planned-item-main{min-width:calc(100% - 48px)}.planned-item-amount{margin-left:45px;text-align:left}.planned-item .row-actions{margin-left:auto}.planned-items-foot{align-items:flex-start;flex-direction:column}.modal{padding:21px;border-radius:19px}.form-grid{grid-template-columns:1fr}.form-grid .form-label:only-child,.form-grid .form-label:nth-last-child(1):nth-child(odd){grid-column:auto}.mobile-nav{position:fixed;right:10px;bottom:10px;left:10px;z-index:6;display:grid;grid-template-columns:repeat(6,1fr);padding:7px 5px;border:1px solid rgba(210,222,220,.95);border-radius:20px;background:#fafdfce8;box-shadow:0 13px 34px #212e4329;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav-item{display:grid;place-items:center;gap:3px;min-height:49px;padding:4px 0;color:#929ba2;border:0;border-radius:14px;background:transparent;font-size:8px}.mobile-nav-item.active{color:#21458f;background:#e5edff;font-weight:750}.mobile-nav-item.active svg{filter:drop-shadow(0 2px 4px rgba(75,59,214,.21))}.toast{right:15px;bottom:94px;left:15px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.filter-pill:hover,.filter-pill.active{color:#21458f;background:#e5edff}.panel-icon.violet{color:#315eb7;background:#e4edff}.goal-total strong{color:#315eb7}.commitment-filter:hover{color:#21458f;background:#e5edff}.commitment-filter.active{color:#16313a;border-color:#a9c2ed;background:#e4edff}.commitment-filter.active strong{color:#315eb7}.entity-open:focus-visible{outline-color:#3568c857}.history-line,.history-dot{stroke:#3568c8}.history-dot{fill:#3568c8}
