:root{--bg:#f6f8f7;--surface:#fff;--text:#1a2524;--muted:#86918e;--border:#ecf0ee;--line:#eff2f0;--green:#1e8e71;--green-soft:#eaf7ef;--red:#d55762;--red-soft:#fff0f0;--dark:#142923;--radius:19px;--shadow:0 8px 24px rgba(29,54,46,.025)}
*{box-sizing:border-box}html{background:var(--bg);-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:400;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #85dfbf;outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin:0}svg{flex-shrink:0}#app[v-cloak]{display:none}.app-shell{max-width:650px;min-height:100svh;margin:0 auto;padding:0 20px 118px;background:var(--bg)}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;padding:8px;background:#15392e;transform:rotate(-5deg)}.brand-mark span{background:#b7efc2;border-radius:3px}.brand-mark span:nth-child(2){opacity:.36}.brand-mark span:nth-child(3){opacity:.56}.brand-mark span:nth-child(4){border-radius:50%}.brand strong{display:block;font-size:22px;font-weight:800;line-height:.9;letter-spacing:-1.3px}.brand-dot{color:var(--green)}.brand small{display:block;font-size:10px;color:#95a29d;margin-top:5px;letter-spacing:.25px}.header-actions{display:flex;align-items:center;gap:14px}.privacy-label{font-size:11px;font-weight:650;color:#60776d;display:flex;align-items:center;gap:7px;white-space:nowrap}.privacy-led{height:7px;width:7px;background:#3dbf83;box-shadow:0 0 0 3px #e0f4e7;border-radius:50%}.icon-button{display:grid;place-items:center;width:39px;height:39px;background:white;border:1px solid #ebefec;border-radius:13px;color:#53675c}.main-content{padding-bottom:4px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.top-section{margin:7px 0 24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#7eaaa0;margin-bottom:7px}h1{font-size:30px;letter-spacing:-1.25px;line-height:1.18;font-weight:790}.muted-h1{color:#a1ada8;font-weight:700}.date-tag{border:1px solid #e6ece9;border-radius:12px;background:white;display:flex;gap:7px;align-items:center;padding:10px;font-size:10.5px;font-weight:650;color:#5f7269;white-space:nowrap}.section-sub{font-size:12px;color:var(--muted);margin-top:7px}
.hero-card{background:linear-gradient(122deg,#173f32 0%,#102b25 65%,#0d2521 100%);color:#f5f9f6;border-radius:24px;padding:25px 25px 24px;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 16px 28px rgba(15,55,38,.12)}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;color:#b3cbbf;font-size:12px;font-weight:600}.hero-toggle{border:1px solid rgba(255,255,255,.21);color:#eefaf1;background:rgba(255,255,255,.075);border-radius:10px;padding:7px 10px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:12px}.hero-amount{font-size:clamp(33px,9vw,51px);font-weight:760;letter-spacing:-2.4px;line-height:1.25;margin-top:25px;position:relative;z-index:2;white-space:nowrap}.hero-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-top:17px}.hero-delta{display:flex;align-items:center;gap:4px;background:rgba(192,246,206,.17);color:#bdf6c7;padding:8px 11px;border-radius:30px;font-size:12px;font-weight:750}.hero-delta small{color:#b4d2bc;font-size:11px;font-weight:600}.hero-delta.negative{background:#793d43;color:#ffd0d0}.hero-since{color:#9bb8a9;font-size:11px}.hero-ornament{position:absolute;width:50%;height:125px;right:-7px;bottom:0;opacity:.65;z-index:1}.hero-ornament svg{width:100%;height:100%}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 22px}.metric-card{min-width:0;border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:15px 13px 14px;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:3px;color:#7e8c87;font-size:11px;font-weight:620}.metric-top svg{color:#aab7b0}.metric-card strong{display:block;margin:14px 0 5px;font-size:21px;letter-spacing:-.8px;white-space:nowrap;font-weight:780}.metric-card small{font-size:9.6px;line-height:1.45;color:#9aa5a0;display:block;min-height:27px}.ink-green{color:#18876a!important}.ink-red{color:#d45b64!important}.muted{color:#a5afaa!important}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.trend-card{padding:20px 18px 16px;margin-bottom:28px}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.card-heading h2,.section-bar h2,.group-title h2{font-size:16px;font-weight:760;letter-spacing:-.4px}.card-heading p,.section-bar p{font-size:11px;color:#98a39e;margin-top:5px}.pill{font-size:10px;font-weight:700;color:#658077;border:1px solid #e4ece8;background:#f6faf7;padding:7px 10px;border-radius:30px;white-space:nowrap}.trend-chart{margin:13px -4px 0}.trend-chart svg{width:100%;height:148px;display:block}.trend-footer{border-top:1px solid #f0f3f2;padding-top:14px;display:flex;justify-content:space-between;gap:10px}.trend-footer div{display:flex;flex-direction:column;gap:5px}.trend-footer div:last-child{text-align:right}.trend-footer span{font-size:10px;color:#9aa59f}.trend-footer strong{font-size:12px;font-weight:720}.section-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.text-action{display:flex;align-items:center;gap:3px;color:#28896d;border:0;background:transparent;font-size:11px;font-weight:750;white-space:nowrap}.compact-list{overflow:hidden}.account-item{width:100%;background:transparent;border:0;display:flex;text-align:left;align-items:center;gap:12px;padding:16px 14px;min-height:75px;color:var(--text)}.account-item:not(:last-child){border-bottom:1px solid #f0f3f1}.account-item:hover{background:#fbfdfc}.account-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;flex:none}.sym-bank{background:#eff0ff;color:#7471bd}.sym-crypto{background:#e5f8ef;color:#2b9871}.sym-cash{background:#fff4e6;color:#c19b56}.account-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px}.account-main strong{font-size:13px;font-weight:760;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-main small{font-size:10.5px;color:#9aa49f}.account-nums{display:flex;align-items:flex-end;gap:5px;flex-direction:column;min-width:100px}.account-nums strong{font-size:13px;white-space:nowrap;font-weight:760;letter-spacing:-.15px}.small-currency{font-size:11px;color:#7e8b84;font-weight:650}.account-nums small{font-size:10px;font-weight:650;white-space:nowrap}.row-chevron{color:#bec8c2;margin-left:0}.note-card{display:flex;align-items:flex-start;gap:11px;background:#edf5f0;border-radius:17px;padding:17px;color:#507a61;margin-top:17px}.note-card>svg{margin-top:1px;flex:none}.note-card strong{font-size:12px;color:#2f6550}.note-card p{font-size:11px;line-height:1.65;margin:5px 0 8px;color:#7b9787}.note-card button{padding:0;display:flex;gap:1px;align-items:center;border:0;background:transparent;font-size:11px;font-weight:750;color:#288063}
.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;width:min(100%,650px);transform:translateX(-50%);height:calc(79px + env(safe-area-inset-bottom));padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e8eeeb;box-shadow:0 -11px 28px rgba(30,55,44,.045);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;backdrop-filter:blur(14px)}.bottom-nav>button{height:58px;border:0;color:#9ca9a3;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:650;font-size:10px}.bottom-nav>button.active{color:#21876b}.bottom-nav>button.active svg{stroke-width:2.2}.bottom-nav .nav-main-add{width:54px;height:54px;border-radius:18px;background:#183d30;color:white;justify-self:center;box-shadow:0 7px 12px rgba(19,69,48,.18);transform:translateY(-9px)}
.round-add{width:42px;height:42px;border:0;border-radius:14px;background:#183e32;color:#fff;display:grid;place-items:center}.simple-stat{background:#183e32;color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:15px;padding:20px;border-radius:19px;margin-bottom:26px}.simple-stat>div{display:flex;flex-direction:column;gap:9px}.simple-stat span{font-size:11px;color:#adcbbb}.simple-stat strong{font-size:19px;font-weight:780;white-space:nowrap}.simple-stat strong.ink-green{color:#aaf3c4!important}.accounts-group{margin-bottom:22px}.group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.group-title span{font-size:13px;color:#4f6c60;font-weight:730}.group-list{overflow:hidden}.detailed{min-height:78px}.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe9e2;background:#fff;color:#376a54;padding:15px 20px;font-weight:760;border-radius:13px;font-size:13px}.full-button{width:100%}
.month-control{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:15px;background:#fff;padding:8px 10px;margin-bottom:17px}.month-control button{background:#f6f9f7;border:0;border-radius:11px;height:34px;width:34px;display:grid;place-items:center;color:#567365}.month-control span{font-size:14px;font-weight:750}.cashflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:13px}.cashflow-box{border:1px solid var(--border);background:#fff;border-radius:17px;min-width:0;padding:17px 15px}.cashflow-box span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:660;color:#87938d}.cashflow-box strong{font-size:19px;letter-spacing:-.65px;font-weight:780;display:block;margin-top:15px;white-space:nowrap}.cashflow-box.income strong{color:#188b6b}.cashflow-box.expense strong{color:#d55e67}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:6px 0 29px}.quick-actions button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:5px;background:#eaf2ec;border:1px solid #ddebe1;border-radius:13px;color:#36654b;font-size:12px;font-weight:720}.transaction-row{display:flex;align-items:center;padding:16px 14px;gap:12px}.transaction-row:not(:last-child){border-bottom:1px solid #eff3f0}.txn-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;background:#edf5f0;color:#389774}.txn-icon.expense{background:#fff0ef;color:#cc777b}.txn-icon.transfer{background:#ebeeff;color:#7178be}.transaction-body{flex:1;min-width:0}.transaction-body strong{font-size:12.5px;display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.transaction-body small{font-size:10px;color:#a0aaa5;margin-top:5px;display:block}.txn-amount{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.txn-amount strong{font-size:12px;white-space:nowrap}.txn-amount button{border:0;background:none;color:#b7c1bc;padding:2px}.empty-state{padding:60px 24px 43px;text-align:center;background:white;border:1px dashed #dce8e1;border-radius:19px}.empty-illustration{margin:0 auto 18px;width:60px;height:60px;border-radius:19px;background:#eef7f1;color:#4a9d78;display:grid;place-items:center}.empty-state strong{display:block;font-size:16px}.empty-state p{max-width:280px;margin:8px auto 18px;color:#929e97;font-size:12px;line-height:1.65}.primary-button{border:0;background:#193f32;border-radius:14px;color:#fff;padding:15px 16px;font-size:13px;font-weight:760}.fine-print{font-size:11px;color:#9fa9a4;line-height:1.6;margin-top:16px}
.analytics-icon{color:#247e5f;background:#eaf4ed;border-radius:13px;width:45px;height:45px;display:grid;place-items:center}.analytics-period{padding:17px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.analytics-period h2{font-size:13px}.analytics-period p{font-size:10px;color:#a0aca4;margin-top:4px}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper select{background:#f3f8f5;border:1px solid #e8eee9;border-radius:11px;color:#3f6856;padding:9px 27px 9px 10px;appearance:none;font-size:10px;font-weight:700;max-width:130px}.select-wrapper svg{position:absolute;right:8px;pointer-events:none;color:#49715c}.analytics-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:11px;margin-bottom:15px}.analytics-highlight{background:#fff;border:1px solid var(--border);border-radius:17px;padding:18px 15px}.analytics-highlight>span{display:block;font-size:11px;color:#93a098}.analytics-highlight strong{display:block;margin:12px 0 6px;font-size:20px;letter-spacing:-.6px;white-space:nowrap}.analytics-highlight small{font-size:10px;color:#96a39b}.return-card,.breakdown-card,.monthly-card,.savings-card{padding:20px 18px;margin-bottom:16px}.soft-icon{color:#a5b6ac}.return-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:19px 0 16px}.return-stats>div{border:1px solid #eaf0ea;border-radius:13px;background:#f8fbf8;padding:14px 11px}.return-stats span{font-size:10px;color:#84968a;display:block}.return-stats strong{font-size:24px;letter-spacing:-.8px;font-weight:790;display:block;margin-top:9px;white-space:nowrap}.confirm-line{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:13px;background:#f0f6f1;cursor:pointer}.confirm-line input{margin:2px 0 0;accent-color:#248c6b;flex:none;width:16px;height:16px}.confirm-line span{font-size:10.5px;line-height:1.55;color:#51715d}.return-tip{font-size:10px;color:#9aa69e;line-height:1.6;margin-top:12px}.distribution{margin-top:20px}.distribution-row{margin-bottom:18px}.distribution-row:last-child{margin-bottom:4px}.distribution-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px;color:#74847a}.distribution-row strong{color:#354f43;font-weight:760}.track{height:9px;background:#eff2f0;border-radius:20px;overflow:hidden}.track span{height:100%;border-radius:20px;display:block}.bar-crypto{background:#44a47e}.bar-cash{background:#e0b676}.bar-bank{background:#8b8bd1}.monthly-head,.monthly-row{display:grid;grid-template-columns:.8fr 1.35fr 1fr;align-items:center;gap:8px}.monthly-head{margin-top:19px;color:#a9b3ad;font-size:10px;padding-bottom:11px;border-bottom:1px solid #eaf0ec}.monthly-row{min-height:50px;border-bottom:1px solid #f0f3f1;font-size:11px;color:#72827a}.monthly-row:last-of-type{border-bottom:none}.monthly-row strong{text-align:right;color:#283b30;font-size:11px}.subtle{color:#abb5af}.footnote{font-size:10px;line-height:1.5;color:#a0a9a3;margin-top:10px}.small-month{display:flex;align-items:center;gap:2px;border:0;background:transparent;color:#3d8769;font-size:11px;font-weight:720}.nothing-categories{margin-top:16px;background:#f8faf8;border-radius:11px;color:#9aa69d;padding:17px;font-size:11px;line-height:1.5}.category-item{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eef2ee;font-size:12px}.category-item:last-child{border:0}
.modal-overlay{position:fixed;inset:0;z-index:50;background:rgba(13,32,25,.48);display:flex;justify-content:center;align-items:flex-end;backdrop-filter:blur(3px)}.modal-sheet{background:#fff;border-radius:25px 25px 0 0;width:min(100%,650px);max-height:calc(93svh - env(safe-area-inset-top));overflow:auto;padding:11px 21px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -20px 80px rgba(9,30,20,.15);animation:slideIn .2s ease-out}@keyframes slideIn{from{transform:translateY(16px);opacity:.7}to{transform:translateY(0);opacity:1}}.modal-handle{height:4px;width:38px;background:#dce6df;border-radius:8px;margin:0 auto 16px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:21px;letter-spacing:-.55px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#f3f7f4;border-radius:13px;padding:4px;margin-bottom:18px}.segmented button{border:0;padding:11px 6px;background:transparent;border-radius:10px;color:#91a097;font-weight:730;font-size:12px}.segmented button.active{background:#fff;color:#255640;box-shadow:0 3px 9px rgba(39,70,49,.09)}.field{display:block;margin-bottom:16px}.field>span{display:flex;justify-content:space-between;font-size:11px;font-weight:720;color:#647b6e;margin-bottom:8px}.field small{font-size:10px;color:#9faa9f}.field input,.field select{display:block;width:100%;background:#f9fbf9;color:#24372e;padding:13px 14px;border:1px solid #e0eae1;border-radius:12px;min-height:47px;font-size:14px}.field select{appearance:auto}.field input::placeholder{color:#b6c0b8}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-hint{display:flex;gap:8px;align-items:flex-start;color:#8c9b91;line-height:1.5;font-size:11px;margin:6px 0 20px}.form-hint svg{flex:none}.form-error{color:#d65c61;background:#fff0f0;border-radius:9px;padding:10px;font-size:11px;margin-bottom:12px}.field-confirm{margin-bottom:18px}.settings-top{display:flex;align-items:flex-start;gap:13px;padding:15px;background:#edf6ee;border-radius:16px}.setting-shield{width:41px;height:41px;background:white;color:#2c9770;border-radius:13px;display:grid;place-items:center;flex:none}.settings-top strong{font-size:13px;color:#356d4e}.settings-top p{font-size:11px;color:#779383;line-height:1.6;margin-top:5px}.setting-heading{font-size:13px;font-weight:790;margin:25px 0 13px}.rate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:12px}.rate-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5ede7;border-radius:11px;padding:10px 12px}.rate-grid span{color:#799283;font-size:11px;font-weight:800}.rate-grid input{width:100%;max-width:100px;text-align:right;border:0;font-size:13px;font-weight:780;color:#263c30;background:transparent}.rate-grid input:disabled{color:#acb6ad}.rate-note{font-size:10px;color:#a0ada3;line-height:1.6;margin-top:10px}.setting-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-actions button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:740;padding:15px 8px;background:#f6f8f6;border:1px solid #e5ece6;border-radius:13px;color:#4e725c}.reset-link{display:block;border:0;background:transparent;color:#cb7977;font-size:11px;text-decoration:underline;margin:23px auto 9px}.app-version{font-size:10px;color:#aeb7ae;text-align:center;display:block}.hidden{display:none!important}.toast{position:fixed;z-index:70;bottom:105px;left:50%;transform:translateX(-50%);padding:13px 17px;display:flex;align-items:center;gap:8px;border-radius:13px;background:#213e30;color:#effaf2;font-size:12px;font-weight:690;box-shadow:0 12px 25px #12251b33;max-width:calc(100% - 35px);white-space:nowrap}
@media(min-width:700px){.app-shell{box-shadow:0 0 0 1px #e9eeeb,0 10px 70px rgba(40,60,45,.05);padding-left:32px;padding-right:32px}.site-header{height:103px}.hero-card{padding:30px 33px}.metric-grid{gap:14px}.metric-card{padding:20px}.card{border-radius:21px}.account-item{padding:17px 20px}.bottom-nav{border-radius:22px 22px 0 0}.top-section{margin-top:10px}}@media(max-width:400px){.app-shell{padding-left:15px;padding-right:15px}.site-header{height:82px}.privacy-label{font-size:10px}.top-section{margin-bottom:20px}h1{font-size:26px}.date-tag{font-size:9px;padding:8px}.hero-card{padding:22px 19px}.hero-amount{letter-spacing:-1.9px}.metric-card{padding:13px 9px}.metric-card strong{font-size:18px}.metric-card small{font-size:9px}.account-item{gap:9px;padding:14px 11px}.account-symbol{height:39px;width:39px}.account-nums strong{font-size:12px}.row-chevron{display:none}.simple-stat strong{font-size:16px}.return-stats strong{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.pnl-line{margin:13px 0 0;border-top:1px solid #edf1ed;padding:14px 3px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.pnl-line span{font-size:11px;color:#7b8b81}.pnl-line strong{font-size:14px;font-weight:780;white-space:nowrap}