@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#17211e;background:#f5f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.brand{font:700 19px Manrope;display:flex;align-items:center;gap:10px}.brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#235f4d;color:#fff}.login-page{min-height:100vh;display:grid;grid-template-columns:44% 56%;background:#fff}.login-brand{padding:52px 11%;background:#173f34;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand .brand>span{background:#e7f1ed;color:#173f34}.login-brand h1{font:700 clamp(38px,5vw,64px)/1.08 Manrope;margin:12px 0 20px;max-width:580px}.login-brand p:not(.eyebrow){color:#c5d8d1;max-width:470px;font-size:17px;line-height:1.7}.login-brand small{color:#91ada3}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:#698078;margin:0 0 9px}.login-brand .eyebrow{color:#a6c7bb}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(390px,100%)}.login-card h2{font:700 30px Manrope;margin:0 0 8px}.login-card>p{color:#708078;margin:0 0 32px}.login-card label,.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;margin-bottom:17px}.login-card input,.form-grid input,.form-grid select,.filters select,.search{border:1px solid #dce2de;border-radius:9px;padding:12px 14px;background:#fff;outline:none}.login-card input:focus,.form-grid input:focus,.form-grid select:focus{border-color:#3b7965;box-shadow:0 0 0 3px #e8f1ed}.primary,.secondary{border:0;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.primary{background:#235f4d;color:#fff}.primary:hover{background:#194b3c}.secondary{background:#fff;border:1px solid #dce2de;color:#263b34}.login-card .primary{width:100%;margin-top:6px}.text-btn{border:0;background:transparent;color:#276652;font-weight:600;display:flex;align-items:center;justify-content:center;gap:3px}.login-card .text-btn{width:100%;margin-top:15px}.text-btn.muted{color:#78837f;margin-top:10px}.form-message,.demo-note{background:#f0f5f2;padding:10px 12px;border-radius:8px;font-size:13px!important;color:#476057!important;margin:0 0 10px!important}.mobile-brand{display:none}.app{min-height:100vh}.app aside{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid #e7e9e6;padding:24px 18px;z-index:20;display:flex;flex-direction:column}.app aside .brand{padding:0 8px 28px}.app nav{display:flex;flex-direction:column;gap:5px}.app nav button,.side-bottom>button{border:0;background:transparent;padding:11px 12px;border-radius:8px;text-align:left;display:flex;gap:12px;align-items:center;color:#65716d;font-weight:500}.app nav button svg,.side-bottom>button svg{width:19px}.app nav button.active{background:#eaf1ed;color:#1e5a47;font-weight:600}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:3px}.user{border-top:1px solid #eee;margin-top:12px;padding:17px 7px 0;display:flex;gap:10px;align-items:center}.user>div,.avatar{width:34px;height:34px;border-radius:50%;background:#dfece7;color:#1c5845;display:grid;place-items:center;font-weight:700;font-size:12px}.user span{display:flex;min-width:0;flex-direction:column}.user b{font-size:12px}.user small{color:#85908b;font-size:11px;overflow:hidden;text-overflow:ellipsis}.content{margin-left:244px;min-height:100vh}.topbar{height:70px;background:#ffffffe6;border-bottom:1px solid #e7e9e6;display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:10}.topbar>span{font-size:13px;color:#78837e}.topbar .avatar{margin-left:auto}.menu-btn,.close-nav{display:none;border:0;background:transparent}.page{padding:34px clamp(22px,4vw,52px) 60px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.page-title h1{font:700 28px Manrope;margin:0}.stats{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px}.stats article{background:#fff;border:1px solid #e8ebe8;border-radius:12px;padding:20px;min-height:132px}.stats p{font-size:13px;color:#68756f;margin:0 0 14px}.stats strong{font:700 22px Manrope}.stats .balance{background:#1f5545;color:#fff;border-color:#1f5545}.stats .balance p{color:#c6d9d2}.stats .balance strong{font-size:30px;display:block}.stats .balance span{display:block;color:#a9c3ba;font-size:11px;margin-top:8px}.stat-icon{float:right;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eef1ef;color:#586a63}.stat-icon svg{width:17px}.stat-icon.positive{background:#e5f2ed;color:#24705a}.stat-icon.negative{background:#f9eae7;color:#bb5547}.green{color:#27725a!important}.red{color:#c15c4e!important}.charts{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-top:16px}.chart-card,.table-card,.goal-card,.placeholder{background:#fff;border:1px solid #e6eae6;border-radius:12px;padding:21px}.card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.card-head h2,.goal-card h2,.placeholder h2{font:700 15px Manrope;margin:0 0 5px}.card-head p{font-size:12px;color:#87918d;margin:0}.legend{display:flex;align-items:center;gap:7px;font-size:11px;color:#76827d}.legend span{width:7px;height:7px;border-radius:50%}.income-dot{background:#27725a}.expense-dot{background:#d26b5d;margin-left:8px}.cat-list{display:grid;gap:9px}.cat-list div{display:flex;align-items:center;font-size:11px;color:#596862}.cat-list div span{width:7px;height:7px;border-radius:50%;margin-right:7px}.cat-list strong{margin-left:auto;color:#25352f}.table-card{margin-top:16px;padding:21px 0}.table-card>.card-head{padding:0 21px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;padding:11px 17px;color:#87918d;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #edf0ed}td{padding:13px 17px;font-size:12px;border-bottom:1px solid #f0f2f0;color:#65716d}td:first-child{color:#263630;display:flex;align-items:center;gap:10px}.transaction-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#f8e9e7;color:#bb5547}.transaction-icon.income{background:#e4f1ec;color:#24705a}.transaction-icon svg{width:15px}.badge{font-size:10px;padding:5px 8px;border-radius:20px;background:#f9e8e5;color:#aa5145}.badge.income{background:#e4f1ec;color:#226d56}.more{border:0;background:transparent;color:#37705e;font-size:11px}.more.danger{color:#b65449}.empty{text-align:center;padding:40px;color:#7b8681}.actions{display:flex;gap:9px}.filters{display:flex;gap:10px;align-items:center}.search{flex:1;display:flex;align-items:center;gap:9px;padding:10px 12px}.search input{border:0;outline:0;width:100%}.filters select{padding:10px 30px 10px 12px;color:#52615b}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.goal-top{display:flex;justify-content:space-between}.goal-top>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#e7f1ed;color:#28644f}.goal-top svg{width:19px}.goal-card h2{margin-top:20px}.goal-values{display:flex;align-items:baseline;gap:5px;margin:18px 0 10px}.goal-values strong{font:700 21px Manrope}.goal-values span{font-size:11px;color:#87918d}.progress{height:7px;background:#edf1ee;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:#347560;border-radius:10px}.goal-card small{display:block;margin-top:8px;color:#718079}.placeholder{text-align:center;padding:80px 20px}.placeholder>svg{color:#347560}.placeholder p{color:#74817c}.overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#14251f80;display:grid;place-items:center;padding:20px}.modal{width:min(580px,100%);background:#fff;border-radius:14px;padding:24px;box-shadow:0 25px 70px #0d221b33}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal h2{font:700 20px Manrope;margin:0}.icon-btn{border:0;background:#f1f3f1;border-radius:8px;padding:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.toast{position:fixed;right:25px;bottom:25px;background:#183d32;color:#fff;padding:12px 18px;border-radius:9px;box-shadow:0 10px 30px #132a2240;z-index:60;font-size:13px}.loading{height:100vh;display:grid;place-items:center;color:#235f4d;font:700 24px Manrope}.close-nav{position:absolute;right:10px;top:24px}.nav-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#101c1880;z-index:15}.account-type{margin:20px 0 4px;color:#78857f;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.account-card h2{margin:0}.account-balance{border-top:1px solid #edf0ed;margin-top:20px;padding-top:16px;display:flex;flex-direction:column;gap:4px}.account-balance span{font-size:11px;color:#7a8681}.account-balance strong{font:700 22px Manrope}.profile-card{background:#fff;border:1px solid #e6eae6;border-radius:12px;padding:28px;width:min(620px,100%);display:grid;grid-template-columns:64px 1fr;gap:5px 18px}.profile-avatar{grid-row:1/3;width:58px;height:58px;border-radius:50%;background:#dfece7;color:#1c5845;display:grid;place-items:center;font:700 18px Manrope}.profile-heading h2{font:700 18px Manrope;margin:5px 0 2px}.profile-heading p{margin:0;color:#7a8681;font-size:13px}.profile-card form{grid-column:1/-1;margin-top:25px;border-top:1px solid #edf0ed;padding-top:24px}.profile-card label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;margin-bottom:17px}.profile-card input{border:1px solid #dce2de;border-radius:9px;padding:12px 14px;background:#fff;outline:none}.profile-card input:disabled{background:#f4f5f3;color:#7a8681}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.charts{grid-template-columns:1fr}.goal-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.mobile-brand{display:flex;margin-bottom:48px}.app aside{transform:translate(-100%);transition:.2s}.app aside.open{transform:translate(0)}.close-nav,.menu-btn{display:block}.content{margin-left:0}.topbar{padding:0 18px;gap:15px}.page{padding:25px 16px 55px}.page-title{align-items:start}.page-title .add{font-size:0;padding:11px}.page-title .add svg{margin:0}.stats{grid-template-columns:1fr 1fr}.stats article{min-height:120px;padding:16px}.stats .balance{grid-column:1/-1}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1;min-width:130px}.goal-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.actions .secondary{font-size:0}.actions .secondary svg{margin:0}.legend{display:none}}@media(max-width:440px){.stats{grid-template-columns:1fr}.stats .balance{grid-column:auto}.login-panel{padding:24px}.login-card h2{font-size:25px}.page-title h1{font-size:24px}}@media(max-width:760px){html,body,#root{max-width:100%;overflow-x:hidden}input,select,textarea{font-size:16px}.login-page{min-height:100dvh}}.google-btn{width:100%;border:1px solid #dce2de;background:#fff;color:#263630;border-radius:9px;padding:11px 16px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;margin-bottom:18px}.google-btn:hover{background:#f7f8f6}.google-btn span{font:700 17px Arial;color:#4285f4}.login-divider{display:flex;align-items:center;gap:12px;color:#929b97;font-size:11px;margin-bottom:18px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e5e8e5;flex:1}