@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#27243f;--green:#7054d8;--purple:#7054d8;--muted:#77788d;--line:#eae8f2;--lime:#cef18e;--bg:#f5f5fa;--nav:#1e1c34;--radius:20px}
*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}button:hover{filter:brightness(.98)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #ab95f4;outline-offset:4px}svg{display:inline-block;width:21px;height:21px;vertical-align:middle;flex-shrink:0}button svg{pointer-events:none}p{color:var(--muted);line-height:1.7}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:34px 21px 24px;background:var(--nav);color:#fff;display:flex;flex-direction:column;z-index:3;overflow-y:auto}.brand{font:800 38px Manrope,sans-serif;letter-spacing:-1.8px;color:white;text-decoration:none;display:flex;align-items:center;gap:11px;padding-left:7px}.brand i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#9672ef;box-shadow:0 5px 15px #09071933;color:#fff}.brand i svg{width:27px;height:27px}.brand:after{content:'FINANÇAS PESSOAIS';position:absolute;font:500 7px 'DM Sans',sans-serif;letter-spacing:2px;left:80px;top:85px;color:#a49bbd}aside>small{font-size:9px;letter-spacing:1.5px;margin:62px 0 17px 13px;color:#a49bbd}nav{display:grid;gap:9px}nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 13px;background:transparent;border:1px solid transparent;border-radius:11px;color:#b7b1cc;font-size:13px}nav button svg{width:19px;height:19px}nav button span{flex:1}nav button:hover{background:#ffffff0b;color:#fff}nav button.active{background:#7b5de0;color:#fff;box-shadow:0 5px 18px #10082926;border-color:#987bec}#pendingBadge{display:inline-grid;place-items:center;float:right;min-width:19px;height:19px;font-size:10px;border-radius:5px;background:#ffffff1c;color:#fff;padding:0 4px}#pendingBadge:empty{display:none}.aside-bottom{padding:23px 15px 0;margin-top:auto}.side-spark{display:grid;place-items:center;width:34px;height:34px;background:#ffffff0b;border:1px solid #ffffff10;border-radius:11px;color:#d7ecb2;margin:38px 0 14px}.side-spark svg{width:19px}.aside-bottom b{font:600 16px Manrope,sans-serif;line-height:1.6;letter-spacing:-.3px}.aside-bottom p{color:#a8a0be;font-size:11px;line-height:1.8;margin:11px 0 23px}.aside-bottom small{font-size:9px;color:#9289aa}.aside-bottom button{background:none;border:0;padding:9px 0;color:#b6accd;font-size:11px;display:flex;gap:9px;align-items:center}.aside-bottom button:hover{color:#fff}.aside-bottom button svg{width:14px;height:14px}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff12;margin:22px 10px 0;padding-top:20px;font-size:11px;line-height:1.7}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#39314f;color:#dcd0f5;font-size:10px}.profile small{font-size:9px;color:#9a91ad}main{margin-left:240px}header{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:11px}.header-breadcrumb{color:#77788d;display:flex;align-items:center;gap:15px}.header-breadcrumb>span{color:#c7c3d8}.header-breadcrumb b{color:#4e4768;font-weight:500}.header-right{display:flex;align-items:center;gap:24px}.secure-label{display:flex;align-items:center;gap:7px;color:#80818f;font-size:10px}.secure-label svg{color:#7f9a72;width:15px;height:15px}.header-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eee8fb;color:#7b59c5;font-size:10px;border:3px solid #faf8ff}article{max-width:1640px;margin:auto;padding:26px 36px 18px}.banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eeebf8;border:1px solid #e3def3;padding:11px 15px;border-radius:9px;color:#7b7295;font-size:10px;margin-bottom:26px}.banner button{border:0;background:none;font-size:10px;font-weight:700;color:#7454c8;padding:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px}.heading small{font-size:8px;font-weight:700;letter-spacing:1.8px;color:#8b80aa}h1{font:800 29px Manrope,sans-serif;letter-spacing:-1.2px;line-height:1.4;margin:8px 0}.heading p{font-size:11px;margin:0;color:#8b879c}.actions{display:flex;gap:10px;align-items:center}.primary{border:0;background:var(--purple);color:#fff;padding:13px 17px;border-radius:10px;font-size:12px;font-weight:600;box-shadow:0 5px 12px #7054d81a;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary:hover{background:#6245ca;box-shadow:0 7px 18px #7054d82b}.plus{font-size:19px;line-height:1;font-weight:400}.secondary{background:#fff;border:1px solid #dfd9ef;color:#6d579a;border-radius:9px;padding:11px 14px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.secondary:hover{background:#f7f3ff;border-color:#bfb0e0}.secondary svg{width:16px;height:16px}.full{width:100%;margin-top:22px}.month-control{display:flex;align-items:center;gap:4px;padding:6px;background:#fff;border:1px solid #e5e0ef;border-radius:10px;box-shadow:0 3px 6px #26233d03}.month-control>button{background:none;border:0;color:#9686b4;font-size:20px;padding:4px 7px}.month-control label{font-size:7px;letter-spacing:1px;color:#998ba9}.month-control input{display:block;background:none;border:0;padding:3px 1px;color:#514568;font-size:11px;max-width:143px}.competence-caption{font-size:10px;color:#8d879b;margin:0 0 23px}.competence-caption strong{font-weight:500;text-transform:capitalize;color:#777086}
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:21px;margin-bottom:23px}.welcome-card{position:relative;isolation:isolate;overflow:hidden;padding:28px 30px 26px;border-radius:var(--radius);background:linear-gradient(115deg,#322a59 0%,#4b397d 100%);color:#fff;min-height:247px}.hero-eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.6px;color:#ddd5ef;margin:0 0 15px;font-weight:600}.hero-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#caed99;box-shadow:0 0 0 4px #b1e88413}.welcome-card h2{font:700 30px Manrope,sans-serif;letter-spacing:-1px;line-height:1.38;margin:0;position:relative;z-index:1}.welcome-card h2 em{font-style:normal;color:#d2eea9}.welcome-card p{font-size:11px;color:#c5bbda;line-height:1.8;margin:12px 0 21px;position:relative;z-index:1}.hero-actions{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.hero-button{border:0;border-radius:8px;background:#d5f0aa;color:#3f4e29;padding:11px 14px;font-size:11px;display:flex;align-items:center;gap:19px;font-weight:700;box-shadow:0 4px 8px #17132917}.hero-button svg{width:15px;height:15px}.hero-link{background:none;border:0;font-size:10px;color:#e4dcf1;padding:5px 0;border-bottom:1px solid #ffffff40}.hero-orbit{position:absolute;right:-15px;top:-15px;width:248px;height:248px;border:1px solid #c7b2f022;border-radius:50%;z-index:-1;transform:rotate(-20deg)}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;border:1px solid #d4c2f01a;border-radius:50%;inset:30px}.hero-orbit:after{inset:62px;background:radial-gradient(circle at 30% 25%,#ac91da66,#69519322 60%);border-color:#c5afdc33;box-shadow:inset 0 0 16px #e3d0ff12}.hero-orbit>span{position:absolute;inset:89px;border-radius:50%;background:linear-gradient(140deg,#d9edae,#9dbf69);box-shadow:4px 7px 22px #0d0a2729;z-index:1}.hero-orbit svg{position:absolute;width:35px;height:35px;left:107px;top:107px;color:#4c6734;z-index:2;transform:rotate(20deg)}.month-momentum{padding:24px;border:1px solid #e2dcef;border-radius:var(--radius);background:#eeebf8;display:flex;flex-direction:column}.momentum-top{display:flex;align-items:center;gap:9px;font-size:8px;font-weight:700;letter-spacing:1.4px;color:#857699}.momentum-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ffffff91;color:#8d72bd}.momentum-icon svg{width:16px;height:16px}.momentum-body{display:flex;align-items:center;gap:20px;margin:21px 0;flex:1}.momentum-ring{width:108px;height:108px;border-radius:50%;background:conic-gradient(#9272db var(--progress),#ddd5ef 0);display:grid;place-items:center;flex-shrink:0;transform:rotate(-90deg)}.momentum-ring>div{width:88px;height:88px;border:3px solid #eeebf8;background:#eeebf8;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.momentum-ring strong{font:800 26px Manrope,sans-serif;letter-spacing:-1px;color:#6f50a5}.momentum-ring strong small{font-size:14px;letter-spacing:0;margin-left:2px}.momentum-ring>div>span{font-size:8px;color:#9280a8;margin-top:2px}.momentum-copy h3{font:700 13px Manrope,sans-serif;margin:0 0 8px;color:#5b4777;line-height:1.5}.momentum-copy p{font-size:10px;line-height:1.8;color:#9586a9;margin:0}.momentum-copy b{color:#77608e;font-weight:600}.momentum-button{border:0;border-top:1px solid #dcd4eb;background:none;width:100%;padding:14px 0 0;display:flex;align-items:center;justify-content:space-between;color:#7b5f9d;font-size:10px;font-weight:600}.momentum-button>span{font-size:16px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{position:relative;overflow:hidden;background:#fff;border:1px solid #e9e5f2;border-radius:17px;padding:19px 20px 21px;box-shadow:0 3px 12px #2e244402;transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-3px);box-shadow:0 9px 23px #2e24440a}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:7px}.stat-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e9f4e8;color:#6a9a65}.stat-symbol svg{width:17px;height:17px}.stat-hint{font-size:6px;letter-spacing:.7px;color:#a2a0af}.stat label{font-size:11px;color:#81768e;display:block}.stat strong{font:800 27px Manrope,sans-serif;letter-spacing:-1px;display:block;margin:6px 0 8px;line-height:1.4;white-space:nowrap}.stat small{font-size:9px;color:#93909f;display:block;line-height:1.6}.income-card{background:#f5faf3;border-color:#e5efdf}.income-card strong{color:#4d6f4a}.expense-card .stat-symbol{background:#fff0e8;color:#d69b75}.expense-card strong{color:#4c3f4a}.balance-card .stat-symbol{background:#edf0fb;color:#8394c6}.balance-card strong{color:#656488}.stat.highlight{background:#7a5cdb;border-color:#7a5cdb;color:white;box-shadow:0 5px 15px #7054d823}.highlight:after{content:'';width:110px;height:110px;border:1px solid #ffffff16;border-radius:50%;position:absolute;right:-40px;top:70px;pointer-events:none}.highlight .stat-symbol{background:#ffffff21;color:#ecddff}.highlight .stat-hint{color:#cab9f3}.highlight label{color:#e4d8fc}.highlight strong{color:#fff}.highlight small{color:#d5c3f6}.negative{color:#c57768!important}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:22px}.panel{padding:25px;background:white;border:1px solid #e9e5f0;border-radius:var(--radius);margin-bottom:23px;box-shadow:0 3px 9px #2c224103}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel h2,dialog h2{font:700 16px Manrope,sans-serif;letter-spacing:-.4px;margin:0;line-height:1.6}.panel-head p{font-size:10px;margin:5px 0 0;color:#97909f}.panel-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f4f0fb;color:#b09ad7}.panel-icon svg{width:17px}.tag{white-space:nowrap;font-size:8px;padding:6px 9px;border:1px solid #e9e3f2;border-radius:6px;color:#9b8cac;background:#fbf9ff}.legend{display:flex;gap:19px;margin:23px 0 0;font-size:10px;color:#92889f}.legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:3px;background:#9575e2;margin-right:6px}.legend span+span:before{background:#c9e4a5}.chart{padding:0 7px 29px}.bars{height:185px;display:flex;align-items:end;gap:21px;border-bottom:1px solid #ede9f3;margin-top:26px;background:repeating-linear-gradient(to top,transparent 0,transparent 45px,#f0edf5 46px)}.bar-month{flex:1;height:100%;display:flex;align-items:end;justify-content:center;gap:6px;position:relative}.bar{width:24px;max-width:30%;min-height:2px;border-radius:6px 6px 0 0;background:linear-gradient(to top,#8e6bd6,#ad91e9)}.bar.expense{background:linear-gradient(to top,#bcda92,#d2eab5)}.bar-month small{position:absolute;bottom:-24px;font-size:9px;color:#a398ae}.insight{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:9px;background:#f6f3fc;color:#9383a7;font-size:10px;line-height:1.8;margin-top:15px}.insight-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#ede5f9;flex-shrink:0;color:#a38bc3}.insight-symbol svg{width:15px;height:15px}.goal-card{background:#e7f2d5;border:1px solid #deebc9;position:relative;overflow:hidden;box-shadow:0 3px 10px #536b1c04}.goal-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 95% 32%,#c5df9770,transparent 60%);pointer-events:none}.goal-card>*{position:relative}.eyebrow{display:flex;align-items:center;gap:7px;font-size:7px;font-weight:700;letter-spacing:1.2px;color:#81975b}.eyebrow svg{width:14px;height:14px}.goal-percent{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ffffff8c;color:#7b9553;font-size:10px;font-weight:700;border:1px solid #d3e4bc}.goal-card h2{font:800 22px Manrope,sans-serif;letter-spacing:-.8px;margin:12px 0 4px;color:#486133}.goal-card p{font-size:10px;color:#8a9b74;margin:0}.car{height:131px;display:grid;place-items:center;margin:14px 0 7px;background:radial-gradient(ellipse,#d1e6af80,transparent 66%)}.car svg{width:274px;max-width:100%;height:118px;filter:drop-shadow(0 7px 5px #778b5830);transition:transform .3s}.goal-card:hover .car svg{transform:translateX(4px)}.goal-value{display:flex;align-items:baseline;justify-content:space-between;gap:5px;font-size:10px;color:#94a47d}.goal-value strong{font:800 25px Manrope,sans-serif;letter-spacing:-.9px;color:#4f6c39}.track{height:8px;background:#cdddb4;border-radius:8px;overflow:hidden;margin:15px 0 12px}.track>div{height:100%;border-radius:8px;background:linear-gradient(90deg,#8aa956,#a4c36f)}.goal-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8c9b73}.goal-bottom b{color:#829263;font-weight:600}.goal-card .secondary{background:#ffffff60;border-color:#ccdeb6;color:#6b8450;font-weight:600}.goal-card .secondary:hover{background:#fff9}.categories{display:flex;align-items:center;gap:23px;margin:23px 0 0}.donut{width:128px;height:128px;flex-shrink:0;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 0 6px #f8f6fc}.donut:before{content:'';position:absolute;inset:20px;border-radius:50%;background:#fff}.donut div{position:relative;text-align:center;font-size:11px;font-weight:700;color:#676075}.donut small{display:block;font-size:8px;color:#a69aaf;margin-top:5px;font-weight:400}.category-list{flex:1;min-width:0}.category-row{display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:center;font-size:10px;padding:7px 0}.category-row i{height:7px;width:7px;border-radius:3px}.category-row span{color:#8e829b}.category-row b{font-weight:500;color:#81738d}.link{background:none;border:0;color:#9374c2;font-size:10px;white-space:nowrap;padding:6px 0}.link:hover{color:#63429c}.table-wrap{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d2c6e4 transparent}table{border-collapse:collapse;width:100%;font-size:11px;margin-top:18px}.entries-table{min-width:570px}th{text-align:left;color:#aba2b4;text-transform:uppercase;letter-spacing:.7px;font-size:8px;font-weight:500;padding:13px 8px;border-bottom:1px solid #ece7f2;background:#fdfcff}td{padding:16px 8px;border-bottom:1px solid #f0ebf5;color:#998aa5;vertical-align:middle}td:first-child{font-weight:600;color:#6b5e78;min-width:115px}td:first-child>span{color:#c0aecf;font-weight:400}tr:last-child td{border-bottom:0}.entries-table th:nth-child(4){text-align:right}.entries-table td:nth-child(3){white-space:nowrap}.amount{white-space:nowrap;text-align:right;font-weight:700;color:#7c627e}.income{color:#76a16a}.row-actions{white-space:nowrap}.icon{border:0;background:none;color:#b29abe;font-size:17px;padding:4px}.icon svg{width:15px;height:15px}.icon:hover{color:#795690}.status{display:inline-flex;align-items:center;font-size:8px;border-radius:5px;padding:4px 7px;margin-top:6px;white-space:nowrap;font-weight:500}.status:before{content:'';display:inline-block;height:4px;width:4px;border-radius:50%;background:currentColor;margin-right:4px}.status-paid{background:#edf5e9;color:#8ca774}.status-overdue{background:#fff0ea;color:#d49a7c}.status-today{background:#fff5df;color:#c0a366}.status-soon{background:#f2edfc;color:#a08bbf}.status-pending{background:#f2eff6;color:#a194ad}.settle{padding:8px 11px;border:1px solid #e4daef;border-radius:7px;background:#faf7ff;color:#a18ab8;font-size:10px;font-weight:500;white-space:nowrap}.settle:hover{border-color:#bfa6d7;background:#f0e7fa;color:#896aab}.settle.is-paid{background:#f2f8ed;border-color:#e0ecd7;color:#94ad7e}.paid-date{display:block;text-align:center;font-size:8px;color:#b3a5bb;margin-top:5px}.custom-month{display:block;font-size:8px;color:#b4a1bf;margin-top:4px;font-weight:400}.empty{padding:36px 15px;text-align:center;color:#ac9ab8;line-height:1.9;font-size:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0 6px}.filters input{flex:1;min-width:140px}.filters select{font-size:11px}input,select{padding:12px;border:1px solid #e2d9ec;border-radius:9px;color:#795d8d;background:#fff;min-width:0;font-size:12px}input:focus,select:focus{outline:2px solid #d9c4ee;outline-offset:1px}input::placeholder{color:#b6a4c1}.note{font-size:10px;color:#ab99b8;line-height:1.9}.payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 0;border:1px solid #e8dff0;border-radius:15px;background:white;margin-bottom:23px}.payment-summary>div{padding:0 19px;border-right:1px solid #eee7f4}.payment-summary>div:last-child{border:0}.payment-summary span{display:block;font-size:9px;color:#a58eb2;line-height:1.7}.payment-summary b{display:block;font:700 19px Manrope,sans-serif;letter-spacing:-.5px;color:#7c5c93;margin-top:7px;white-space:nowrap}.cashflow-panel .payment-summary{border:0;background:none;margin:22px 0 0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cashflow-panel .payment-summary>div{padding:0 14px 0 0}.cashflow-panel .payment-summary>div:nth-child(2n){padding-left:14px;border:0}.cashflow-panel .payment-summary>div:nth-child(3){padding-top:14px;border-top:1px solid #eee7f4}.cashflow-panel .payment-summary>div:nth-child(4){padding-top:14px;border-top:1px solid #eee7f4}.bill-alert{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e2eacb;background:#f3f7e8;border-radius:12px;padding:16px 20px;margin-bottom:23px;position:relative}.bill-alert:before{content:'';position:absolute;left:0;top:19px;bottom:19px;width:3px;border-radius:0 4px 4px 0;background:#bbce86}.bill-alert strong{font-size:12px;font-weight:600;color:#8d9e66}.bill-alert p{font-size:10px;line-height:1.6;color:#a3ac8a;margin:4px 0 0}.bill-alert .secondary{white-space:nowrap;background:#ffffff80;font-size:10px;padding:9px 12px;border-color:#e1e5d0;color:#8f9b74}.alert-danger{background:#fff3ec;border-color:#f5e1d5}.alert-danger:before{background:#e8b895}.alert-danger strong{color:#bf9478}.alert-danger p{color:#c1a48e}.alert-danger .secondary{border-color:#edddcf;color:#b79b7e}.bill-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 5px}.bill-tabs button{font-size:10px;padding:10px 13px;background:#faf6fd;border:1px solid #eaddf2;border-radius:8px;color:#a48bb6}.bill-tabs button.active{background:#9570c3;border-color:#9570c3;color:white;box-shadow:0 3px 8px #9570c319}.prior-row{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #eee6f3;font-size:12px}.prior-row>div{flex:1}.prior-row b{color:#9576a9}.prior-row small{display:block;font-size:9px;color:#b69dc6;margin-top:6px}.prior-row strong{font-size:12px;color:#9d79b1}.summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #ede3f3;font-size:12px}.summary span{color:#ad8cbe}.summary b{color:#9872ac}.scenario label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#a27db5;margin:25px 0 15px}.scenario input{padding:0;width:100%;accent-color:#ae83ca}.scenario p{font-size:11px;color:#b197c2}.result{font:800 27px Manrope,sans-serif;color:#a178b4;margin-top:22px;letter-spacing:-.6px}.onboarding{padding:22px 25px;border:1px solid #e5d7ef;background:#f3eaf9;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.onboarding h2{font:700 17px Manrope,sans-serif;color:#a07bb2;margin:0}.onboarding p{font-size:11px;margin:6px 0 0;color:#b79cc7}footer{font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0 20px;color:#c2abc9}dialog{border:1px solid #f2e9f6;border-radius:23px;width:min(470px,92vw);max-height:90vh;overflow-y:auto;padding:29px;color:#9b75ab;background:#fff;box-shadow:0 30px 100px #40274c30}dialog::backdrop{background:#2d183950;backdrop-filter:blur(5px)}dialog h2{font-size:20px;color:#9b75ab}#close{display:grid;place-items:center;border:0;background:#f5ebfa;color:#c0a0ce;border-radius:50%;width:30px;height:30px;font-size:24px}form label{display:block;font-size:12px;margin-top:16px;color:#ab87bb}form input:not([type=checkbox]),form select{display:block;width:100%;margin-top:8px}.check{line-height:1.8}.check input{margin-right:7px;accent-color:#b48bcb}.competence-info{padding:14px;border-radius:10px;background:#f7effc;color:#b18bc4;font-size:12px;line-height:1.8;margin-top:20px}#error{font-size:12px;color:#d69a9f}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#a77bc0;color:#fff;font-size:12px;border-radius:10px;box-shadow:0 8px 30px #8b5b9d22;z-index:10;max-width:90vw}.mobile-backup{margin-top:20px}
/* Contrast remains clear in dense financial tables and forms. */
td{color:#7c7289}td:first-child{color:#51465f}th{color:#8c8198}.amount{color:#70546e}.income{color:#5c8556}.note{color:#877292}.status-overdue{color:#a26a4b}.status-paid{color:#62814e}.status-today{color:#997930}.status-pending{color:#877593}.status-soon{color:#82669f}.settle{color:#806395}.settle.is-paid{color:#6a8655}.bill-alert strong{color:#76894b}.bill-alert p{color:#8e9972}.alert-danger strong{color:#a57656}.alert-danger p{color:#a58a72}.bill-alert .secondary{color:#7c895e}.alert-danger .secondary{color:#967856}.payment-summary span{color:#877394}.payment-summary b{color:#694a7f}form label{color:#7b608b}form input,form select,input,select{color:#725683}.competence-info{color:#8c659e}.summary span{color:#91729f}.summary b{color:#7f578f}.scenario p{color:#90749f}.scenario label{color:#886199}.result{color:#8d62a2}dialog h2{color:#775488}.prior-row b{color:#7b548e}.prior-row small{color:#9a7da9}.prior-row strong{color:#855c98}.onboarding h2{color:#815995}.onboarding p{color:#9678a6}.paid-date{color:#97849f}.empty{color:#8a7298}.category-row span{color:#80708e}.category-row b{color:#786786}.panel-head p{color:#8c7e99}.hero-link:hover{color:#fff}.bar:hover{filter:brightness(1.05)}
@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#view{animation:enter .3s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){article{padding:32px 45px}.welcome-card{padding:31px 35px}.welcome-card h2{font-size:34px}.hero-orbit{right:15px;top:-7px;width:280px;height:280px}.hero-orbit:before{inset:35px}.hero-orbit:after{inset:70px}.hero-orbit>span{inset:102px}.hero-orbit svg{top:122px;left:122px}.stat strong{font-size:30px}.bars{height:205px}}
@media(max-width:1250px){aside{width:215px;padding:30px 16px}.brand:after{left:75px;top:80px}main{margin-left:215px}article{padding:25px}.heading{align-items:flex-start;flex-direction:column;gap:17px}.dashboard-hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:17px}.welcome-card{padding:26px}.welcome-card h2{font-size:28px}.hero-orbit{right:-70px;top:0;opacity:.6}.hero-actions{gap:14px}.hero-link{font-size:9px}.month-momentum{padding:22px}.momentum-body{gap:14px}.momentum-ring{width:92px;height:92px}.momentum-ring>div{width:74px;height:74px}.momentum-ring strong{font-size:23px}.momentum-copy h3{font-size:12px}.stats{gap:12px}.stat{padding:17px}.stat strong{font-size:24px}.stat-hint{font-size:5px}.grid{grid-template-columns:minmax(0,1.4fr) minmax(275px,1fr);gap:17px}.panel{padding:21px}.categories{gap:17px}.donut{width:102px;height:102px}.donut:before{inset:16px}.payment-summary>div{padding:0 13px}.payment-summary b{font-size:17px}.cashflow-panel .payment-summary b{font-size:19px}}
@media(max-width:1000px){aside{width:80px;padding:29px 12px;overflow:visible}.brand{font-size:0;padding:0;gap:0;justify-content:center}.brand:after{display:none}.brand i{width:40px;height:40px}.brand i svg{width:26px}.brand svg{display:block}aside>small,nav span,.aside-bottom,.profile{display:none}nav{margin-top:45px;gap:12px}nav button{justify-content:center;padding:15px 10px;border-radius:12px}nav button svg{width:21px;height:21px}main{margin-left:80px}header{padding:0 25px;height:69px}.dashboard-hero{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}h1{font-size:29px}.heading{gap:17px}}
@media(max-width:800px){.dashboard-hero{grid-template-columns:1fr}.welcome-card{min-height:240px;padding:28px}.welcome-card h2{font-size:32px}.hero-orbit{right:15px;top:-10px;opacity:1}.month-momentum{padding:20px 24px}.momentum-top{margin-bottom:4px}.momentum-body{margin:8px 0 12px;gap:22px}.momentum-ring{width:80px;height:80px}.momentum-ring>div{width:63px;height:63px}.momentum-ring strong{font-size:23px}.momentum-copy h3{font-size:14px}.momentum-copy p{font-size:11px}.momentum-copy p br{display:none}.momentum-button{padding-top:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:20px}.stat strong{font-size:27px}.stat-hint{font-size:6px}.grid{grid-template-columns:1fr}.right{display:grid;grid-template-columns:1fr 1fr;gap:18px}.right>.panel{height:fit-content}.payment-summary{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.payment-summary>div:nth-child(2){border:0}.payment-summary b{font-size:19px}.categories{gap:15px}.donut{width:100px;height:100px}.category-row{font-size:9px}.bill-alert{padding:17px}.bill-alert .secondary{padding:9px}.secure-label{display:none}.bill-alert p{font-size:9px}.header-right{gap:0}}
@media(max-width:600px){aside{position:static;width:100%;height:73px;padding:16px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:visible}.brand{font-size:29px;gap:9px;letter-spacing:-1px}.brand i{width:33px;height:33px;border-radius:10px}.brand i svg{width:23px;height:23px}nav{display:flex;gap:6px;margin:0}nav button{padding:10px;border-radius:9px}nav button svg{width:18px;height:18px}main{margin-left:0}header{height:50px;padding:0 20px;background:#fbfaff}.header-breadcrumb{font-size:10px;gap:10px}.header-avatar{height:27px;width:27px;font-size:8px}article{padding:19px 17px}.banner{font-size:9px;padding:11px 13px;flex-direction:column;gap:6px;align-items:flex-start;margin-bottom:25px}.banner button{font-size:9px}.heading{gap:18px;margin-bottom:14px}.heading small{font-size:7px}h1{font-size:26px;letter-spacing:-1px;line-height:1.4;max-width:330px}.heading p{font-size:10px}.actions{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.primary{font-size:10px;padding:13px 12px;border-radius:9px}.month-control{padding:5px;gap:1px}.month-control label{font-size:6px}.month-control input{max-width:128px;font-size:10px}.month-control>button{padding:4px 6px}.competence-caption{font-size:9px;margin-bottom:19px}.dashboard-hero{gap:15px;margin-bottom:17px}.welcome-card{min-height:259px;padding:25px 23px;border-radius:18px}.hero-eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:17px}.welcome-card h2{font-size:28px;letter-spacing:-.9px}.welcome-card p{font-size:10px;line-height:1.9;margin:13px 0 23px}.hero-orbit{right:-88px;top:-20px;opacity:.7}.hero-actions{gap:16px}.hero-button{font-size:10px;padding:11px 12px;gap:12px}.hero-link{font-size:9px}.month-momentum{padding:20px;border-radius:17px}.momentum-top{font-size:7px;letter-spacing:1.1px}.momentum-body{margin:8px 0 14px;gap:21px}.momentum-copy h3{font-size:13px}.momentum-copy p{font-size:10px;line-height:1.8}.momentum-copy p br{display:block}.momentum-ring{width:80px;height:80px}.momentum-ring>div{width:65px;height:65px}.momentum-button{font-size:10px}.stats{gap:11px;margin-bottom:17px}.stat{padding:15px 15px 17px;border-radius:14px}.stat-top{margin-bottom:12px}.stat-symbol{width:28px;height:28px;border-radius:9px}.stat-symbol svg{height:15px;width:15px}.stat-hint{display:none}.stat label{font-size:10px}.stat strong{font-size:23px;margin:6px 0 7px;letter-spacing:-.8px}.stat small{font-size:8px;line-height:1.7}.bill-alert{flex-direction:column;align-items:flex-start;gap:12px;border-radius:12px;margin-bottom:17px}.bill-alert strong{font-size:11px}.bill-alert p{font-size:9px}.bill-alert .secondary{font-size:9px;padding:8px 11px}.panel{padding:21px;border-radius:17px;margin-bottom:17px}.panel h2{font-size:15px}.panel-head p{font-size:9px;line-height:1.7}.tag{font-size:7px;padding:5px 7px}.bars{height:170px;gap:14px}.bar{width:23px;border-radius:4px 4px 0 0}.bar-month{gap:4px}.legend{font-size:9px}.bar-month small{font-size:8px}.insight{padding:12px;font-size:9px;gap:9px}.insight-symbol{width:25px;height:25px}.right{display:block}.goal-card h2{font-size:23px}.goal-card p{font-size:10px}.car{height:139px}.car svg{width:290px;height:125px}.goal-value strong{font-size:26px}.goal-value{font-size:10px}.goal-card .secondary{font-size:10px}.categories{gap:25px;margin-top:24px}.donut{width:122px;height:122px}.donut:before{inset:19px}.category-row{font-size:10px;padding:8px 0}.payment-summary{border-radius:14px;padding:19px 0;gap:20px 0;margin-bottom:17px}.payment-summary>div{padding:0 16px}.payment-summary span{font-size:8px;line-height:1.8}.payment-summary b{font-size:18px}.cashflow-panel .payment-summary b{font-size:21px}.cashflow-panel .payment-summary{margin-top:23px}.entries-table{min-width:520px}.entries-table td:nth-child(2),.entries-table th:nth-child(2){display:none}td,th{padding:13px 7px}.bill-tabs{gap:6px}.bill-tabs button{padding:9px 10px;font-size:9px}.filters{gap:8px}.filters input{flex-basis:100%;font-size:11px}.filters select{flex:1;font-size:10px}.prior-row{flex-wrap:wrap;gap:12px}.prior-row>div{min-width:140px}.prior-row .secondary{margin-left:auto;font-size:10px}.onboarding{padding:20px;flex-direction:column;align-items:flex-start}.onboarding h2{font-size:16px}footer{flex-direction:column;align-items:flex-start;font-size:8px;gap:8px;padding-top:12px}.summary{font-size:11px}.scenario h2{font-size:15px}.scenario p{font-size:10px}.result{font-size:26px}.mobile-backup .secondary{font-size:10px}dialog{padding:24px;border-radius:19px}dialog h2{font-size:18px}.competence-info{font-size:11px}}
@media(max-width:365px){.brand{font-size:24px;gap:7px}.brand i{width:29px;height:29px}nav{gap:2px}nav button{padding:8px}h1{font-size:24px}.stat strong{font-size:21px}.hero-link{font-size:8px}.hero-actions{gap:12px}.welcome-card h2{font-size:26px}.actions .primary{padding:13px 10px}.month-control input{max-width:116px}.categories{gap:17px}.donut{width:105px;height:105px}}
/* Keep wide tables inside their panels on tablets and compact windows. */
.grid>div,.right,.panel,.dashboard-hero>section{min-width:0}.table-wrap{max-width:100%}.right{grid-template-columns:repeat(2,minmax(0,1fr))}th{color:#776b84}.note{color:#786483}.panel-head p{color:#81718e}.stat small{color:#81758d}.highlight small{color:#e2d4fb}.bill-alert p{color:#7e8b62}.alert-danger p{color:#92765f}.category-row span{color:#776384}
/* Financial details stay legible alongside the visual highlights. */
#view{animation:none}.heading p{font-size:12px}.welcome-card p{font-size:12px}.stat small{font-size:10px}.panel-head p{font-size:11px}.note{font-size:11px}table{font-size:12px}.momentum-copy p{font-size:11px}.bill-alert p{font-size:11px}.scenario p{font-size:12px}.goal-card p{font-size:11px}.insight{font-size:11px}.category-row{font-size:11px}.bill-alert strong{font-size:13px}
@media(max-width:600px){.heading p{font-size:11px}.welcome-card p{font-size:11px}.stat small{font-size:9px}.panel-head p{font-size:10px}.bill-alert p{font-size:10px}.bill-alert strong{font-size:12px}.momentum-copy p{font-size:10px}.note{font-size:10px}.scenario p{font-size:11px}.goal-card p{font-size:10px}.insight{font-size:10px}.category-row{font-size:10px}}
.bar-month{min-width:0}
@media(max-width:600px){.hero-orbit{top:85px;right:-105px;opacity:.38}}
.reserve-overview{display:flex;align-items:center;gap:17px;border:1px solid #ded6ed;border-radius:15px;background:#eeebf8;padding:19px 22px;margin-bottom:23px}.reserve-overview-icon{display:grid;place-items:center;background:#fff9;border:1px solid #e2daf0;border-radius:12px;width:43px;height:43px;flex-shrink:0;color:#9475b8}.reserve-overview-copy{flex:1;min-width:0}.reserve-overview strong{font:700 13px Manrope,sans-serif;color:#73548b;line-height:1.6}.reserve-overview p{font-size:11px;color:#9a85ab;line-height:1.8;margin:6px 0 0}.reserve-overview p b{font-weight:600;color:#846496}.reserve-overview .secondary{flex-shrink:0;font-size:11px;background:#ffffffa0}.reserve-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;margin-bottom:23px}.reserve-grid>.panel{margin:0;min-width:0}.reserve-account{background:linear-gradient(125deg,#34284f,#6f4d8e);color:#fff;border-radius:20px;padding:28px;overflow:hidden;position:relative;min-width:0}.reserve-account:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff10;border-radius:50%;right:-80px;bottom:-100px;pointer-events:none}.reserve-account>*{position:relative;z-index:1}.reserve-account .eyebrow{color:#d5c6e5;font-size:8px}.reserve-account h2{font:700 20px Manrope,sans-serif;letter-spacing:-.5px;margin:26px 0 12px}.reserve-account>span{font-size:10px;color:#cebadd}.reserve-account>strong{display:block;font:800 36px Manrope,sans-serif;letter-spacing:-1px;margin:7px 0 17px;line-height:1.5}.reserve-account>p{font-size:11px;line-height:1.8;color:#c7b4d6;margin-bottom:24px;max-width:380px}.reserve-account>small{display:block;font-size:9px;color:#c7b4d6;line-height:1.7;margin-top:20px}.account-edit{display:grid;place-items:center;border:1px solid #ffffff20;background:#ffffff10;color:#d7c4e5;padding:7px;border-radius:8px}.account-edit svg{width:15px;height:15px}.reserve-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.reserve-actions .hero-button{font-size:10px;gap:10px}.reserve-deposit{padding:6px 0;border:0;border-bottom:1px solid #ffffff30;background:none;font-size:10px;color:#e1c9ed}.reserve-month{padding:28px}.reserve-month .eyebrow{font-size:8px;line-height:1.8;color:#ac8cbd}.reserve-month h2{font-size:17px;line-height:1.6;margin:16px 0 12px;color:#8a609e}.reserve-needed{display:block;font:800 34px Manrope,sans-serif;color:#c69b79;letter-spacing:-1px;line-height:1.6;margin-top:10px}.reserve-equation{font-size:11px;color:#ad91bc;line-height:1.9;margin:8px 0 18px}.reserve-month .summary{font-size:11px;padding:14px 0}.reserve-month .note{font-size:10px;line-height:1.9;margin:17px 0 0}.reserve-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:23px}.reserve-metrics>section{padding:22px;background:#fff;border:1px solid #e5daed;border-radius:16px;min-width:0}.reserve-metrics span{display:block;font-size:10px;color:#a181b3;line-height:1.8}.reserve-metrics b{display:block;font:700 24px Manrope,sans-serif;color:#9062a5;letter-spacing:-.6px;line-height:1.6;margin-top:10px}.reserve-forecast{min-width:1000px}.reserve-forecast td{white-space:nowrap;font-size:11px;padding:17px 10px}.reserve-forecast td:first-child{text-transform:capitalize}.reserve-history{min-width:540px}.reserve-history td:nth-child(2){white-space:nowrap}.reserve-empty{text-align:center;padding:50px 30px;max-width:850px;margin:0 auto 24px}.reserve-large-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:20px;background:#f1e7f8;color:#b38aca;margin:0 auto 23px}.reserve-large-icon svg{width:30px;height:30px}.reserve-empty .eyebrow{justify-content:center;font-size:8px;color:#a686b8}.reserve-empty h2{font-size:27px;margin:20px 0 15px;color:#9465aa}.reserve-empty>p{font-size:12px;max-width:540px;margin:0 auto 24px;color:#a385b4;line-height:1.9}.reserve-empty .primary{margin-bottom:24px}.reserve-empty .note{font-size:11px;line-height:1.9;color:#ad95ba}
.reserve-overview p{color:#816892}.reserve-month .eyebrow{color:#9471a6}.reserve-equation{color:#92719f}.reserve-needed{color:#b48a67}.reserve-metrics span{color:#8b6b9d}.reserve-account>p,.reserve-account>small{color:#dfcdeb}
@media(max-width:1100px){.reserve-grid{grid-template-columns:1fr}.reserve-account>strong{font-size:35px}.reserve-account>p{max-width:none}.reserve-actions{gap:22px}.reserve-month h2{font-size:19px}.reserve-overview{flex-wrap:wrap}.reserve-overview-copy{min-width:220px}.reserve-overview>.secondary{margin-left:60px}.reserve-metrics b{font-size:21px}}
@media(max-width:600px){nav{gap:4px}nav button{padding:9px 8px}.reserve-overview{padding:18px;gap:12px;margin-bottom:17px}.reserve-overview-icon{width:35px;height:35px;border-radius:10px}.reserve-overview-icon svg{width:19px;height:19px}.reserve-overview-copy{min-width:200px}.reserve-overview strong{font-size:12px}.reserve-overview p{font-size:10px}.reserve-overview>.secondary{margin-left:47px;font-size:10px}.reserve-grid{gap:17px;margin-bottom:17px}.reserve-account{padding:23px;border-radius:17px}.reserve-account h2{font-size:19px;margin-top:24px}.reserve-account>strong{font-size:31px;overflow-wrap:anywhere}.reserve-account .eyebrow{font-size:7px}.reserve-account>p{font-size:10px}.reserve-account>small{font-size:9px}.reserve-actions{gap:17px}.reserve-actions .hero-button{font-size:9px;padding:11px}.reserve-deposit{font-size:9px}.reserve-month{padding:22px}.reserve-month h2{font-size:17px;margin-top:15px}.reserve-needed{font-size:31px}.reserve-equation{font-size:10px}.reserve-month .summary{font-size:10px}.reserve-metrics{grid-template-columns:1fr;gap:10px;margin-bottom:17px}.reserve-metrics>section{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:13px}.reserve-metrics span{font-size:10px;max-width:165px}.reserve-metrics b{font-size:21px;white-space:nowrap;margin:0}.reserve-empty{padding:35px 22px}.reserve-empty h2{font-size:23px}.reserve-empty>p{font-size:11px}.reserve-empty .note{font-size:10px}.reserve-empty .eyebrow{font-size:7px}.reserve-forecast td{font-size:10px}.reserve-history{min-width:520px}}
@media(max-width:365px){nav{gap:1px}nav button{padding:8px 6px}.reserve-overview-copy{min-width:180px}.reserve-overview>.secondary{margin-left:0}.reserve-metrics b{font-size:19px}.reserve-actions{gap:12px}}
.dream-art{height:131px;display:grid;place-items:center;margin:14px 0 7px;background:radial-gradient(ellipse,#eee7f480,transparent 66%)}.dream-art svg{width:274px;max-width:100%;height:125px;filter:drop-shadow(0 6px 5px #7c628f15)}.goal-card[data-dream="travel"]{background:#e7edf9;border-color:#dae4f5}.goal-card[data-dream="travel"]:before{background:radial-gradient(circle at 95% 32%,#cbd8ed80,transparent 60%)}.goal-card[data-dream="house"]{background:#f8eadf;border-color:#efddce}.goal-card[data-dream="house"]:before{background:radial-gradient(circle at 95% 32%,#eed3bd80,transparent 60%)}.goal-card[data-dream="apartment"]{background:#efe8fa;border-color:#e2d7f1}.goal-card[data-dream="apartment"]:before{background:radial-gradient(circle at 95% 32%,#dacded80,transparent 60%)}.goal-card[data-dream="education"]{background:#e4f2ef;border-color:#d3e9e3}.goal-card[data-dream="education"]:before{background:radial-gradient(circle at 95% 32%,#c3e3db80,transparent 60%)}.goal-card[data-dream="other"]{background:#f3e8ef;border-color:#e9d8e3}.goal-card[data-dream="other"]:before{background:radial-gradient(circle at 95% 32%,#e8ccde80,transparent 60%)}.goal-card:not([data-dream="car"]) .eyebrow{color:#9480a9}.goal-card:not([data-dream="car"]) h2{color:#74558d}.goal-card:not([data-dream="car"]) p,.goal-card:not([data-dream="car"]) .goal-bottom{color:#967eaa}.goal-card:not([data-dream="car"]) .goal-percent{color:#9376ab;border-color:#dbcee7}.goal-card:not([data-dream="car"]) .goal-value strong{color:#806194}.goal-card:not([data-dream="car"]) .goal-value{color:#a28bae}.goal-card:not([data-dream="car"]) .track{background:#dcd0e8}.goal-card:not([data-dream="car"]) .track>div{background:linear-gradient(90deg,#b092cb,#9474b2)}.goal-card:not([data-dream="car"]) .goal-bottom b{color:#9a7eab}.goal-card:not([data-dream="car"]) .secondary{border-color:#d8c8e4;color:#9676aa}.goal-card .eyebrow{line-height:1.8}.goal-card .goal-percent{flex-shrink:0}@media(max-width:600px){.dream-art{height:139px}.dream-art svg{width:290px;height:132px}}

.monthly-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.balance-card{margin-bottom:20px;min-width:0}.monthly-balances .balance-card{margin-bottom:0}.balance-card .eyebrow svg{width:16px;height:16px;vertical-align:middle;margin-right:5px}.balance-line{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid #eee8f6;font-size:12px}.balance-line span{color:#8d7b9f}.balance-line b{white-space:nowrap;color:#60457d}.balance-line b.negative{color:#b76b58}.balance-total{border:0;border-radius:12px;background:#f5f1fb;padding:16px 12px;margin-top:10px}.balance-total b{font-size:19px}.balance-card h2{margin-top:8px}.balance-card>p{font-size:13px;line-height:1.7}@media(max-width:850px){.monthly-balances{grid-template-columns:1fr}}@media(max-width:480px){.balance-line{gap:12px;font-size:11px}.balance-total b{font-size:17px}}

#financeRoot[hidden],#accountRoot[hidden]{display:none!important}.header-right{gap:15px}#accountLogout{font-size:10px;padding:8px 11px}button:disabled{opacity:.6;cursor:wait}