:root{--ink:#4b2638;--green:#7b5b8e;--paper:#fff8fa;--line:#dedfd8;--muted:#78847e;--orange:#c97891}*{box-sizing:border-box}body{background:var(--paper);color:#283c33;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{min-height:100vh}.side{color:#edf4f0;z-index:20;background:#44354a;flex-direction:column;width:238px;padding:27px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 9px 28px;font:700 20px Georgia,serif;display:flex}.brand>i{color:#44354a;background:#f0c96d;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.label{letter-spacing:.16em;color:#9bb2a8;margin:7px 12px;font-size:9px}.label.custom{margin-top:24px}.side nav button{color:#bfd0c8;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:10px 11px;font-size:13px;display:flex}.side nav button:hover,.side nav button.active{color:#fff;background:#6f5c82}.side nav b{color:#163d30;background:#f0c96d;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px}.rule{background:#55445d;border:1px solid #74627a;border-radius:12px;flex-direction:column;align-items:flex-start;margin-top:auto;padding:14px;display:flex}.rule svg{color:#f0c96d}.rule strong{margin-top:8px;font-size:12px}.rule span{color:#aec2b9;margin:5px 0 9px;font-size:10px;line-height:1.5}.rule button{color:#f0c96d;background:0 0;border:0;padding:0;font-size:10px}.profile{border-top:1px solid #315646;align-items:center;gap:9px;margin-top:17px;padding:12px 5px 0;display:flex}.profile>i{color:#173c30;background:#d7a56c;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-style:normal;font-weight:700;display:grid}.profile span{flex-direction:column;flex:1;display:flex}.profile strong{font-size:11px}.profile small{color:#98aea4;margin-top:2px;font-size:8px}.close{display:none}main{max-width:1500px;margin-left:238px;padding:0 36px 50px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;display:flex}.eyebrow{letter-spacing:.17em;color:#718078;margin:0;font-size:9px;font-weight:750}h1,h2,h3,p{margin:0}h1{color:var(--ink);margin-top:4px;font:700 30px Georgia,serif}.actions{align-items:center;gap:8px;display:flex}.round{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.round svg{width:18px}.connect{background:var(--green);color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.connect svg{width:16px}.hamb{display:none}.toolbar{justify-content:space-between;align-items:center;padding:21px 0;display:flex}.toolbar>div{align-items:center;gap:13px;display:flex}.toolbar button{border:1px solid var(--line);color:#354a40;background:#fff;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:650}.toolbar>div span{color:#87928c;font-size:9px}.toolbar>p{color:#68776f;background:#f8edf1;border-radius:20px;padding:7px 10px;font-size:9px}.toolbar>p span,.toolbar>p strong{color:#7b5b8e}.summary{grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px}.spend,.worth{padding:21px 23px}.heading,.title{justify-content:space-between;align-items:flex-start;display:flex}.heading h2{color:var(--ink);margin-top:5px;font:700 28px Georgia,serif}.heading em{color:#7b5b8e;background:#f8e9ef;border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-style:normal;font-weight:700;display:flex}.heading em svg{width:14px;height:14px}.spend>small{color:#87928c;margin-top:2px;font-size:9px;display:block}.chart{height:121px;margin-top:5px}.chart svg{width:100%;height:101px}.chart>div{color:#929c96;justify-content:space-between;font-size:8px;display:flex}.worthrow{justify-content:space-between;align-items:center;margin-top:19px;font-size:10px;display:flex}.worthrow span{color:#7b5b8e}.worthrow.debt span{color:#c37d59}.bar{background:#e7ebe8;border-radius:4px;height:5px;margin-top:7px;overflow:hidden}.bar i{background:var(--green);height:100%;display:block}.debtbar i{background:#c78a9f}.link,.title button{color:var(--green);background:0 0;border:0;padding:0;font-size:9px;font-weight:750}.link{margin-top:19px}.twocol{grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px;display:grid}.panel{padding:19px 21px}.title h3{color:var(--ink);margin-top:4px;font:700 18px Georgia,serif}.cats{align-items:center;gap:27px;margin-top:16px;display:flex}.donut{background:conic-gradient(#b85f7d 0 40%,#d89072 40% 64%,#8d7db6 64% 80%,#6f91b2 80% 90%,#d2a84f 90%);border-radius:50%;flex:none;place-items:center;width:124px;height:124px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:74px;height:74px;position:absolute}.donut>span{z-index:1;text-align:center;flex-direction:column;display:flex}.donut b{font:700 18px Georgia,serif}.donut small{color:#89938e;letter-spacing:.15em;font-size:7px}.catlist{flex:1}.catlist>div{border-bottom:1px solid #edf0ed;justify-content:space-between;padding:6px 0;font-size:9px;display:flex}.catlist>div:last-child{border:0}.catlist span{color:#68766f;align-items:center;gap:7px;display:flex}.catlist i{border-radius:2px;width:7px;height:7px}.budget{grid-template-columns:1fr auto;gap:6px;margin-top:16px;display:grid}.budget>div:first-child{grid-column:1/-1;justify-content:space-between;font-size:9px;display:flex}.budget span,.budget small{color:#87928c;font-size:8px}.budgetbar{background:#ecede9;border-radius:5px;height:6px;overflow:hidden}.budgetbar i{border-radius:5px;height:100%;display:block}.tx{margin-top:16px}.alert{color:#745a27;background:#f9f1df;border:1px solid #ecdcb8;border-radius:8px;justify-content:space-between;align-items:center;margin-top:15px;padding:9px 11px;font-size:9px;display:flex}.alert span{align-items:center;gap:6px;display:flex}.alert svg{width:16px}.alert button{color:#75551d;background:0 0;border:0;font-size:8px;font-weight:750}.txrow{border-bottom:1px solid #eceeea;grid-template-columns:35px 1fr 65px auto 90px;align-items:center;gap:9px;min-height:52px;font-size:9px;display:grid}.txrow:last-child{border:0}.merchant{border-radius:9px;place-items:center;width:30px;height:30px;font:700 12px Georgia,serif;display:grid}.sage{color:#a45170;background:#f6e1e8}.clay{color:#a9614b;background:#f5dfd5}.green{color:#7b5b8e;background:#e8e1f2}.blue{color:#55758e;background:#dfeaf2}.dark{color:#fff;background:#252525}.merchantname{flex-direction:column;display:flex}.merchantname b{font-size:10px}.merchantname small,.txrow>small{color:#85908b;margin-top:3px}.txrow>button{color:#866829;background:#fbf3e3;border:1px solid #e7cf9e;border-radius:12px;padding:4px 7px;font-size:7px}.amt,.income{text-align:right}.income{color:#2b7955}.bottom{grid-template-columns:.8fr 1.2fr}.recurring{border-bottom:1px solid #eceeea;align-items:center;gap:9px;padding:12px 0;display:flex}.recurring>span{flex-direction:column;flex:1;display:flex}.recurring b{font-size:9px}.recurring small{color:#8b9690;font-size:8px}.total{justify-content:space-between;padding-top:11px;font-size:9px;display:flex}.total span{color:#859089}.insight{color:#fff;background:#4f435f;border-radius:14px;gap:13px;padding:21px;display:flex}.insight>i{color:#f0c96d;background:#6d5b78;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.insight h2{margin:8px 0;font:700 19px/1.25 Georgia,serif}.insight div>span{color:#b7c8c1;font-size:9px}.insight button{color:#f0c96d;background:0 0;border:0;padding:12px 0 0;font-size:9px;font-weight:700;display:block}.placeholder{color:#6c7b73;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.placeholder>svg{color:var(--green)}.placeholder h2{color:var(--ink);margin:12px;font:700 25px Georgia,serif}.placeholder p{font-size:11px}.placeholder button{background:var(--green);color:#fff;border:0;border-radius:8px;margin-top:15px;padding:10px 14px}.backdrop{z-index:50;background:#091d1694;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffdf8;border-radius:18px;width:min(480px,100%);padding:34px;position:relative;box-shadow:0 30px 80px #0004}.modal>.x{background:#f1f2ee;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:16px;right:16px}.modal>.x svg{width:18px}.bank{width:52px;height:52px;color:var(--green);background:#e2ede6;border-radius:14px;place-items:center;margin-bottom:19px;font-style:normal;display:grid}.modal h2{color:var(--ink);margin:7px 0 10px;font:700 28px Georgia,serif}.modal>p:not(.eyebrow){color:#6f7e76;font-size:11px;line-height:1.65}.types{grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0;display:grid}.types span{border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:10px 7px;font-size:8px;display:flex}.types svg{width:15px}.primary{background:var(--green);color:#fff;border:0;border-radius:9px;width:100%;padding:13px;font-weight:700}.modal>small{text-align:center;color:#8b9690;margin-top:11px;font-size:8px;line-height:1.5;display:block}@media (width<=900px){.side{transition:all .25s;transform:translate(-100%)}.side.open{transform:translate(0);box-shadow:20px 0 50px #0003}.close{color:#fff;background:0 0;border:0;display:grid;position:absolute;top:23px;right:14px}main{margin-left:0;padding:0 18px 40px}header{height:88px}.hamb{background:0 0;border:0;margin-right:10px;display:grid}header>div:first-of-type{margin-right:auto}.summary,.twocol{grid-template-columns:1fr}.toolbar>p{display:none}}@media (width<=560px){main{padding:0 12px 30px}.actions .round{display:none}.connect{padding:0 11px;font-size:0}.connect svg{margin:0}h1{font-size:25px}.toolbar>div span{display:none}.spend,.worth,.panel{padding:16px}.cats{gap:14px}.donut{width:106px;height:106px}.txrow{grid-template-columns:34px 1fr 76px}.txrow>small{display:none}.txrow>button{grid-column:2;justify-self:start}.amt,.income{grid-area:1/3}.alert span{align-items:flex-start}.alert button{white-space:nowrap}.types{grid-template-columns:1fr}.modal{padding:28px 21px}}