@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";:root{color:#29222e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f5f1;font-family:DM Sans,sans-serif}:root{color:#29222e;background:#f7f5f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.finance-app{background:#f7f5f1;min-height:100vh;display:flex}.finance-sidebar{color:#c9c0ce;background:#29222e;flex-direction:column;flex-shrink:0;width:245px;padding:28px 14px 18px;display:flex}.finance-brand{color:#fff;letter-spacing:-1px;padding:0 14px 30px;font:800 24px Manrope}.finance-brand b{color:#29222e;background:#a88df5;border-radius:8px;place-items:center;width:25px;height:25px;margin-right:9px;display:inline-grid}.finance-brand span{color:#a88df5}.workspace,.user{border:1px solid #493e4e;border-radius:9px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.workspace i,.user i,.finance-main header button i{color:#5b43a9;background:#dbd4ff;border-radius:9px;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;font-weight:700;display:grid}.workspace strong,.user strong{color:#fff;font-size:12px;display:block}.workspace small,.user small{color:#aaa0ad;margin-top:2px;font-size:10px;display:block}.workspace svg{margin-left:auto}nav{margin-top:28px}nav a{color:#c4bbc8;border-radius:8px;align-items:center;gap:12px;margin:2px 0;padding:11px 14px;font-size:13px;text-decoration:none;display:flex}nav a svg{width:18px}nav a.active{color:#fff;background:#463655}nav a em{background:#6b587c;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.nav-title{color:#827688;text-transform:uppercase;letter-spacing:1.3px;margin:20px 14px 8px;font-size:10px;display:block}.new{text-transform:uppercase;color:#bba7ff!important;background:0 0!important}.sidebar-end{margin-top:auto}.ai-card{background:#3c3048;border:1px solid #584865;border-radius:10px;margin:18px 3px;padding:15px}.ai-card>svg{color:#fff;background:#7c62d4;border-radius:8px;width:30px;height:30px;padding:7px}.ai-card strong{color:#fff;margin-top:10px;font-size:12px;display:block}.ai-card p{color:#b7aebe;margin:5px 0 11px;font-size:11px;line-height:1.45}.ai-card button{color:#d1c5ff;background:0 0;border:0;padding:0;font-size:11px}.user{border:0;margin-top:10px;padding:9px 5px}.user i{color:#e1d9e8;background:#564a60}.finance-main{flex:1;min-width:0}.finance-main>header{color:#a29ba5;background:#fffdfab3;border-bottom:1px solid #eae6e0;justify-content:space-between;align-items:center;height:72px;padding:0 5.2%;font-size:12px;display:flex}.finance-main header b{color:#d0cad0;padding:0 10px}.finance-main header strong{color:#5b515f}.finance-main header button{color:#655b68;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:flex}.finance-content{max-width:1440px;margin:auto;padding:42px 5.2% 60px}.greeting{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.greeting>div>small,.modal>small{color:#9c929e;letter-spacing:1.3px;font-size:10px;font-weight:700}.greeting h1{letter-spacing:-1.3px;margin:11px 0 0;font:800 30px Manrope}.greeting h1 span{color:#886ce7;font-size:22px}.greeting p{color:#9a919e;margin:9px 0 0;font-size:13px}.actions{gap:10px;display:flex}.actions button,.import button{color:#675c6a;background:#fffdfa;border:1px solid #eae6e0;border-radius:7px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:600;display:flex}.actions .primary{color:#fff;background:#7653df;border-color:#7653df}.metrics{grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.metric,.card{background:#fffdfa;border:1px solid #eae6e0;border-radius:10px;padding:19px 20px}.metric{min-height:145px}.metric.lavender{background:#ebe6ff;border-color:#ddd5ff}.metric label,.metric>small{color:#918794;justify-content:space-between;font-size:11px;display:flex}.metric label b{color:#438c6e;background:#d8f1e5;border-radius:5px;padding:4px 7px;font-size:10px}.metric label b.coral{color:#db7868;background:#fde4de;padding:0 7px;font-size:17px}.metric label b.mint{color:#5fa890;background:#dff4ed;padding:0 7px;font-size:17px}.metric>strong{letter-spacing:-1px;margin:16px 0 13px;font:700 24px Manrope;display:block}.metric>small span{color:#4a9b78;font-weight:600}.metric progress,.insight progress{border:0;width:100%;height:5px;margin-top:13px}.metric progress::-webkit-progress-bar{background:#d9d1f4;border-radius:5px}.insight progress::-webkit-progress-bar{background:#d9d1f4;border-radius:5px}.metric progress::-webkit-progress-value{background:#7653df;border-radius:5px}.metric progress.orange::-webkit-progress-bar{background:#f7e0d7}.metric progress.orange::-webkit-progress-value{background:#ed806c;border-radius:5px}.spark{align-items:end;gap:5px;height:20px;margin-top:12px;display:flex}.spark i{background:#92d4bf;border-radius:3px 3px 0 0;flex:1}.spark i:first-child{height:35%}.spark i:nth-child(2){height:55%}.spark i:nth-child(3){height:42%}.spark i:nth-child(4){height:75%}.spark i:nth-child(5){height:60%}.spark i:nth-child(6){height:82%}.spark i:nth-child(7){height:94%}.columns{grid-template-columns:1.75fr 1fr;gap:14px;margin-bottom:14px;display:grid}.card-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.card h2{margin:0;font:700 15px Manrope}.card p{color:#9b919d;margin:7px 0 0;font-size:11px}.periods{background:#f5f2ed;border-radius:6px;padding:3px;display:flex}.periods button{color:#a29aa4;background:0 0;border:0;border-radius:4px;padding:5px 8px;font-size:10px}.periods button.selected{color:#5c40b5;background:#fff;font-weight:600;box-shadow:0 1px 4px #2d1d1612}.total{align-items:baseline;gap:10px;margin:26px 0 4px;display:flex}.total strong{font:700 20px Manrope}.total span{color:#4a9b78;font-size:10px;font-weight:600}.total small{color:#aaa1ab;font-weight:400}.chart{height:205px;margin-top:9px;display:flex}.axis{color:#b3aab3;flex-direction:column;justify-content:space-between;width:34px;padding:2px 0 21px;font-size:9px;display:flex}.bars{background:repeating-linear-gradient(#0000 0 49px,#eeeae5 50px);border-bottom:1px solid #ece8e2;flex:1;justify-content:space-around;gap:11px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:9px;display:flex}.bars b{background:#c9bafa;border-radius:4px 4px 0 0;width:100%;max-width:29px}.bars>div:nth-child(5) b,.bars>div:last-child b{background:#7653df}.bars small{color:#a29aa3;font-size:9px}.spending footer{color:#9d949e;gap:18px;margin:18px 0 0 34px;font-size:10px;display:flex}.spending footer span:first-child{color:#7653df}.insight{color:#ede8f1;background:#32283b;border-color:#32283b}.insight header{color:#c7b6ff;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.insight header b{color:#bba8cf;border:1px solid #75628f;margin-left:auto;padding:2px 5px;font-size:8px}.insight h2{color:#fff;margin-top:25px;font-size:17px}.insight p{color:#b7abba;margin:11px 0 22px;font-size:12px;line-height:1.6}.insight p strong{color:#fff}.insight label{color:#b8adbf;justify-content:space-between;font-size:10px;display:flex}.insight label strong{color:#fff}.insight progress::-webkit-progress-bar{background:#51435c}.insight progress::-webkit-progress-value{background:#b09af9;border-radius:5px}.insight>button,.link,.add{color:#c1adff;background:0 0;border:0;align-items:center;gap:6px;margin-top:19px;padding:0;font-size:11px;font-weight:600;display:flex}.lower .card{min-height:285px}.transactions{margin:18px 0}.transaction{border-bottom:1px solid #f0ece7;align-items:center;gap:11px;padding:11px 0;display:flex}.transaction>i{border-radius:8px;place-items:center;width:29px;height:29px;font-size:10px;font-style:normal;font-weight:700;display:grid}.transaction>i.mint{color:#4e9c82;background:#ddf3eb}.transaction>i.coral{color:#de7463;background:#fde4df}.transaction>i.blue{color:#5480b2;background:#dfebfa}.transaction span{flex:1}.transaction span strong,.transaction span small{display:block}.transaction span strong{font-size:12px}.transaction span small{color:#aaa0aa;margin-top:3px;font-size:10px}.transaction>b{font-size:12px}.add{color:#7456cf;margin-top:0}.category-body{align-items:center;gap:25px;margin-top:24px;display:flex}.donut{background:conic-gradient(#7653df 0 32%,#ed806c 32% 56%,#82aee2 56% 74%,#83cdb7 74% 100%);border-radius:50%;flex-shrink:0;place-items:center;width:142px;height:142px;display:grid}.donut strong{text-align:center;background:#fffdfa;border-radius:50%;align-content:center;place-items:center;width:94px;height:94px;font:700 17px Manrope;display:grid}.donut small{color:#a098a0;font:9px DM Sans;display:block}.category-body p{color:#837985;align-items:center;gap:6px;min-width:110px;font-size:10px;display:flex}.category-body p b{color:#554a59;margin-left:auto}.category-body p i{background:#7653df;border-radius:50%;width:7px;height:7px}.category-body p i.coral-dot{background:#ed806c}.category-body p i.blue-dot{background:#82aee2}.category-body p i.mint-dot{background:#83cdb7}.import{color:#6a4ed0;background:#eee9ff;border:1px solid #dfd6ff;border-radius:10px;align-items:center;gap:15px;padding:15px 19px;display:flex}.import div{flex:1}.import strong{color:#29222e;font-size:12px}.import p{color:#897ca8;margin:4px 0 0;font-size:11px}.import button{color:#fff;background:#302737;border-color:#302737;padding:9px 12px}.modal-bg{z-index:5;background:#2b213866;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffdfa;border-radius:12px;width:min(100%,460px);padding:25px;position:relative;box-shadow:0 20px 60px #291b3533}.modal h2{margin:10px 0 24px;font:700 21px Manrope}.close{color:#978c9b;background:0 0;border:0;font-size:25px;position:absolute;top:15px;right:18px}.modal label{color:#716773;margin-bottom:14px;font-size:11px;font-weight:600;display:block}.modal input,.modal select{color:#544a57;border:1px solid #eae6e0;border-radius:6px;width:100%;margin-top:6px;padding:10px;display:block}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.save{color:#fff;background:#7653df;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px;font-size:12px;font-weight:600;display:flex}.drop{text-align:center;color:#7653df;background:#f8f5ff;border:1px dashed #b9a9e9;border-radius:9px;place-items:center;gap:8px;padding:35px 20px;display:grid;position:relative}.drop strong{color:#554564;font-size:13px}.drop span{color:#a298ac;font-size:10px}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.ai-note{color:#83758e;align-items:flex-start;gap:8px;margin:16px 0;font-size:10px;line-height:1.5;display:flex}.ai-note svg{color:#7653df;flex-shrink:0}@media (width<=1050px){.finance-sidebar{width:215px}.finance-content,.finance-main>header{padding-inline:3%}.metrics{grid-template-columns:1fr 1fr}.metric:first-child{grid-column:span 2}}@media (width<=760px){.finance-sidebar{width:62px;padding:20px 8px}.finance-brand{padding:0 10px 30px;font-size:0}.finance-brand b{margin:0}.workspace span,.workspace svg,.nav-title,.nav-item:not(.active){font-size:0}.workspace,.user{justify-content:center;padding:10px}.workspace i{margin:0}.nav-item.active{justify-content:center}.nav-item.active svg{margin:0}.ai-card,.user span{display:none}.finance-main{width:calc(100% - 62px)}.finance-main>header{height:58px}.finance-main header button{font-size:0}.finance-content{padding:28px 16px 40px}.greeting{display:block}.actions{margin-top:20px}.actions button{flex:1}.metrics,.columns{grid-template-columns:1fr}.metric:first-child{grid-column:auto}.card-head{flex-wrap:wrap}.periods{justify-content:space-between;width:100%}.periods button{flex:1}.category-body{gap:15px}.donut{width:125px;height:125px}.donut strong{width:83px;height:83px}.import{flex-wrap:wrap;align-items:flex-start}.import button{margin-left:57px}}