@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#252238;background:#f4f1ea;font-synthesis:none;--ink:#252238;--muted:#797487;--purple:#6b52d8;--purple-dark:#3a2b7a;--line:#e7e4ee;--white:#fff}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}aside{background:#fffdf9;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 34px;text-decoration:none;color:var(--ink);font:800 24px Manrope}.mark{width:34px;height:34px;position:relative;display:block}.mark i{position:absolute;width:21px;height:21px;border-radius:50%}.mark i:nth-child(1){left:0;top:0;background:#34296f}.mark i:nth-child(2){right:0;top:0;background:#5caa90;opacity:.94}.mark i:nth-child(3){left:7px;bottom:0;background:#7560d2;opacity:.9}.wordmark{font:800 23px Manrope;letter-spacing:-1px;color:#27213f}.wordmark small{font-size:14px;color:#5f5671}nav{display:grid;gap:6px}nav button,.side-bottom>button{border:0;background:transparent;color:#706a7d;border-radius:11px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:600}nav button.active{background:#f0edfc;color:#5942bd}.side-bottom{margin-top:auto;display:grid;gap:12px}.safe{display:flex;gap:10px;background:#f2faf7;border:1px solid #dcedе7;border-radius:12px;padding:13px;color:#347c6b}.safe svg{flex:none;width:20px}.safe div,.person div{display:grid;gap:2px}.safe b{font-size:12px}.safe span,.person span{font-size:11px;color:#858090}.person{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 6px 0}.person b{font-size:13px}.person svg{margin-left:auto}.avatar{width:38px;height:38px;border:0;border-radius:12px;background:#e6e0fa;color:#5641b7;display:grid;place-items:center;font-weight:700}main{min-width:0}header{height:76px;background:#fffdf9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0 42px;position:sticky;top:0;z-index:4}.search{width:min(430px,50%);height:42px;background:#f6f5f9;border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:9px;color:#9b96a6}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.header-actions{margin-left:auto;display:flex;gap:12px}.icon{border:1px solid var(--line);width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;position:relative}.icon i{position:absolute;width:7px;height:7px;border:2px solid white;border-radius:50%;background:#ed725d;top:7px;right:7px}.mobile-brand{display:none}.content{padding:42px clamp(24px,4vw,64px);max-width:1510px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8b8499}.welcome h1{font:700 clamp(27px,3vw,38px) Manrope;margin:7px 0 4px;letter-spacing:-1.2px}.welcome p{margin:0;color:var(--muted)}.primary{border:0;border-radius:12px;background:#6048c7;color:#fff;padding:13px 18px;display:flex;gap:8px;align-items:center;font-weight:700;box-shadow:0 8px 20px #6048c733}.balance-card{background:linear-gradient(125deg,#35266f,#4b3897 58%,#5944a8);border-radius:22px;color:#fff;padding:32px 36px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;box-shadow:0 18px 42px #39297833;overflow:hidden;position:relative}.balance-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:60px solid #ffffff08;right:-80px;top:-120px}.balance-main>span,.chart-head>span{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#cbc3ec;display:flex;gap:6px;align-items:center}.balance-main h2{font:700 43px Manrope;margin:11px 0 2px}.balance-main h2 small{font-size:25px}.balance-main p{font-size:12px;color:#d2cdec}.balance-main p b{color:#8ce0c6}.balance-actions{display:flex;gap:10px;margin-top:22px}.balance-actions button{border:1px solid #ffffff38;background:#ffffff13;color:#fff;border-radius:10px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-weight:600}.balance-actions svg{width:17px}.chart-head{display:flex;justify-content:space-between}.chart-head b{font-size:13px;color:#8ce0c6}.chart-head small{color:#cbc3ec;font-weight:500}.balance-chart svg{width:100%;height:135px;overflow:visible}.area{fill:url(#area)}.line{fill:none;stroke:#c7b9ff;stroke-width:3;stroke-linecap:round}.balance-chart circle{fill:#fff;stroke:#8f7ae6;stroke-width:4}.months{display:flex;justify-content:space-between;font-size:9px;color:#afa7d1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.stat-icon svg{width:20px}.stat-icon.purple{background:#eeeafd;color:#654cc8}.stat-icon.green{background:#e9f7f2;color:#438976}.stat-icon.orange{background:#fff1e8;color:#d37c49}.stats article div:last-child{display:grid}.stats span{font-size:9px;letter-spacing:1px;font-weight:800;color:#9892a3}.stats b{font:700 21px Manrope;margin:2px 0}.stats small{color:#9993a2}.grid{display:grid;grid-template-columns:minmax(500px,1.45fr) minmax(320px,.8fr);gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h3{font:700 18px Manrope;margin:4px 0}.panel-title button{border:0;background:none;color:#6550c1;display:flex;align-items:center;font-size:12px;font-weight:700}.panel-title button svg{width:15px}.circle-row{width:100%;border:0;border-top:1px solid #efedf3;background:#fff;padding:18px 2px;display:grid;grid-template-columns:44px 1fr 74px 18px;align-items:center;gap:13px;text-align:left;color:var(--ink)}.group-badge{height:44px;border-radius:13px;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.circle-info>div:first-child{display:flex;justify-content:space-between;align-items:center}.circle-info span,.circle-info small,.due span,.due small{font-size:10px;color:#928c9c}.circle-info b{font-size:14px}.progress{height:5px;background:#eeeaf3;border-radius:10px;margin:8px 0 5px;overflow:hidden}.progress i{display:block;height:100%;border-radius:10px}.due{display:grid;text-align:right;gap:2px}.due b{font-size:13px}.right-column{padding:0;border:0;background:transparent;position:static;height:auto;display:grid;gap:18px}.next{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:13px}.next .panel-title{grid-column:1/-1}.date{width:49px;height:52px;background:#eeeafd;border-radius:12px;display:grid;place-items:center;color:#5e47bf;padding:5px}.date b{font:800 19px Manrope}.date span{font-size:9px;font-weight:800}.next-copy{display:grid;gap:3px}.next-copy b{font-size:13px}.next-copy span{font-size:11px;color:var(--muted)}.pay{border:0;background:#6250bd;color:#fff;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:700}.next p{grid-column:1/-1;margin:15px 0 0;border-top:1px solid var(--line);padding-top:12px;color:#58947f;font-size:11px;display:flex;gap:5px;align-items:center}.activity-row{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #efedf3}.activity-row>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.activity-row>i svg{width:16px}.mint{background:#e9f7f1;color:#408a74}.lilac{background:#eeeafd;color:#624bc2}.peach{background:#fff0e6;color:#d17a45}.activity-row div{display:grid;gap:2px}.activity-row b{font-size:12px}.activity-row span{font-size:9px;color:#948e9d}.activity-row strong{font-size:12px;color:#478f79}.mobile-nav{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#242033;color:#fff;border-radius:12px;padding:13px 18px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 35px #0003;z-index:10;font-size:13px}@media(max-width:1000px){.shell{grid-template-columns:88px 1fr}.brand b,nav button:not(.active){font-size:0}.brand{padding-left:9px}.side-bottom{display:none}.grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}aside nav button{justify-content:center}.balance-card{gap:20px}}@media(max-width:700px){.shell{display:block;padding-bottom:70px}.shell>aside{display:none}header{height:64px;padding:0 18px;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:8px;font:800 20px Manrope}.mobile-brand .mark{width:28px;height:28px}.search{display:none}.header-actions{margin-left:0}.header-actions>.avatar{display:none}.content{padding:25px 16px}.welcome{align-items:center}.welcome p{font-size:13px}.primary{width:43px;height:43px;padding:0;display:grid;place-items:center;font-size:0}.welcome h1{font-size:26px}.balance-card{grid-template-columns:1fr;padding:25px;gap:25px}.balance-main h2{font-size:37px}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.grid{display:block}.circles{padding:17px}.right-column{display:grid;margin-top:16px}.circle-row{grid-template-columns:40px 1fr 16px}.circle-row .due{display:none}.right-column{grid-template-columns:1fr}.mobile-nav{position:fixed;display:flex;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:8;padding:7px 8px}.mobile-nav button{display:grid;place-items:center;gap:1px;padding:3px;color:#8a8494;background:none;border:0;font-size:10px}.mobile-nav button svg{width:20px}.mobile-nav button.active{color:#6049c5;background:none}.balance-chart{display:none}.toast{left:16px;right:16px;bottom:82px;justify-content:center}}.web-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17142199;display:grid;place-items:center;padding:20px;z-index:20}.web-modal{width:min(520px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 28px 80px #0005;position:relative}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#f0edf3;border-radius:10px;width:36px;height:36px;font-size:24px;color:#625c6c}.modal-badge{width:52px;height:52px;border-radius:15px;color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:18px}.web-modal h2{font:700 27px Manrope;margin:6px 0}.web-modal>p{color:var(--muted);margin:0 0 22px}.modal-progress{height:8px;background:#eeeaf3;border-radius:10px;overflow:hidden}.modal-progress i{height:100%;display:block;border-radius:10px}.modal-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.modal-totals div{background:#f6f5f8;border-radius:12px;padding:13px;display:grid;gap:5px}.modal-totals span{font-size:9px;letter-spacing:1px;color:#8b8495;font-weight:800}.modal-totals b{font-size:14px}.modal-action{width:100%;justify-content:center}.web-modal .modal-action{display:flex;font-size:13px;height:auto}@media(max-width:520px){.web-modal{padding:24px 18px}.modal-totals{grid-template-columns:1fr}.web-modal .modal-action{width:100%;height:46px;font-size:13px}}