:root{color-scheme:light;--ink:#203e38;--green:#194f46;--line:#e3e9e4;--muted:#667b73;background:#f6f7f3;color:var(--ink);font-size:15px;scroll-behavior:smooth;scroll-padding-top:150px}
body{background:radial-gradient(ellipse at 95% 10%,#edf1e5 0,transparent 45%),#f6f7f3;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,input,select,summary{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #91b97b;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}a{color:inherit}.site-header{background:#ffffffee;color:var(--ink);padding:18px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.header-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{display:flex;gap:13px;align-items:center;text-decoration:none}.brand img{width:48px;height:48px;box-shadow:0 4px 12px #194f4617;border-radius:16px}.brand h1{font-size:20px;letter-spacing:-.6px;margin:0;line-height:1.2}.brand p{font-size:12px;color:var(--muted);margin:3px 0 0}.header-note{font-size:12px;color:#426d59;display:flex;gap:7px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;background:#91b97b;display:inline-block}.wrap{max-width:1280px;padding:32px 28px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:14px 0 26px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:750;color:#65806c}.welcome h2{font-size:clamp(28px,4vw,39px);letter-spacing:-1.5px;margin:5px 0 7px;line-height:1.2}.welcome p{margin:0;color:var(--muted)}.welcome .primary{display:flex;gap:10px;align-items:center;text-decoration:none;border-radius:14px;padding:14px 20px;font-weight:650;white-space:nowrap}.plus{font-size:23px;font-weight:400;line-height:1}.section-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 28px;border-bottom:1px solid var(--line);padding-bottom:12px}.section-nav a{text-decoration:none;font-size:13px;font-weight:650;padding:9px 16px;border-radius:10px;color:var(--muted)}.section-nav a:hover{background:#e9efe5;color:var(--green)}.section-nav a:first-child{color:var(--green);background:#e5efdf}.section-caption{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:750;letter-spacing:.1px;margin:4px 0 18px}.section-caption .num{display:inline-grid;place-items:center;background:#e7ecdf;color:#53714e;border-radius:7px;width:23px;height:23px;font-size:11px}.toolbar{background:transparent;border:0;gap:12px;margin-bottom:20px}.month{background:white;padding:5px;border:1px solid var(--line);border-radius:12px;gap:3px;max-width:310px}.month button{border:0;background:transparent;font-size:24px;padding:0 12px;min-height:36px}.month input{border:0;background:white;font-size:14px;padding:7px;width:185px;font-weight:650}.tools{gap:8px}.tools button,.tools .file{font-size:12px;padding:9px 12px;min-height:38px}button,.file{border-radius:10px;border-color:var(--line);color:#456458;padding:10px 14px;min-height:40px;background:white}button:hover,.file:hover{background:#f0f4eb;border-color:#bacfb8}.primary{background:var(--green);color:white;border:1px solid var(--green);box-shadow:0 4px 9px #194f4610}.primary:hover{background:#246255;color:white;border-color:#246255}.cards{gap:14px;margin-bottom:25px}.card{position:relative;min-width:0;border:1px solid #e5e9e1;border-radius:18px;padding:23px 21px;box-shadow:0 3px 12px #203e3803;overflow:hidden}.card span{font-size:12px;color:#61766e;font-weight:600;max-width:85%}.card strong{font-size:clamp(23px,2.4vw,31px);letter-spacing:-.9px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:17px 0 6px;font-weight:700}.card small{font-size:11px;line-height:1.5;display:block;color:#738278}.card.main{background:#194f46;border-color:#194f46}.card.main span,.card.main small{color:#c7dbcc}.card.main strong{color:white}.card .metric-icon{position:absolute;right:17px;top:17px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eff4e7;color:#5e7b54}.card.main .metric-icon{background:#ffffff16;color:#c4e895}.metric-icon svg{width:16px;height:16px}.cards>.card:nth-child(2) .metric-icon{background:#eaf4e7;color:#537a47}.cards>.card:nth-child(3) .metric-icon{background:#fbede6;color:#b47860}.cards>.card:nth-child(4):not(.main) .metric-icon{background:#efeaf8;color:#8b78a6}.panel{border-color:var(--line);border-radius:20px;box-shadow:0 3px 14px #203e3803;padding:25px;margin-bottom:22px}.panel h2{font-size:18px;letter-spacing:-.4px}.panel>p.muted{margin-top:-7px;font-size:12px}.grid{grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.grid>aside{min-width:0}.grid>div{min-width:0}.entry-panel{border-top:4px solid #abc78a}.entry-panel h2{margin-bottom:8px}.entry-intro{font-size:12px;color:var(--muted);margin:0 0 18px}label{font-size:12px;color:#476257;margin-top:17px;margin-bottom:7px;font-weight:650}input,select{background:#f8faf6;border:1px solid #e0e7dc;border-radius:10px;padding:12px;font-size:14px;min-height:44px}input::placeholder{color:#8b9a90;font-size:12px}input:hover,select:hover{border-color:#b6cdb0}input:focus,select:focus{background:white}#amount{font-weight:650}.full{margin-top:20px;padding:13px;min-height:46px}.muted{color:var(--muted);line-height:1.6}.hint{background:#edf2e7;color:#5b715e;border:1px solid #e3eade;border-radius:12px;font-size:12px;padding:14px 16px;line-height:1.7}#monthlyContext{margin:0 0 25px;background:transparent;border-style:dashed;color:#6b7b70;font-size:12px}.row{padding:18px 0;gap:14px;border-color:#edf0e9}.row>div:first-child{min-width:0;overflow-wrap:anywhere}.row strong{font-weight:650;font-size:14px}.row small{font-size:11px;line-height:1.6}.amount strong{font-size:16px;font-variant-numeric:tabular-nums}.amount button{min-height:30px;font-size:11px;padding:5px 9px;border-color:transparent;background:#f4f6ef}.amount button.danger{background:transparent;color:#a27a6d}.badge{font-size:10px;font-weight:600;background:#fcf0da;border-radius:7px;padding:5px 8px;letter-spacing:.15px}.badge.paid{background:#eaf2e4;color:#4e7744}.empty{font-size:13px;padding:30px 10px;line-height:1.9;color:#819080}.empty:before{content:'◇';font-size:29px;color:#a7b89b;display:block;line-height:1.5;margin-bottom:4px}.forecast{gap:10px}.forecast div{padding:18px;background:#f4f5ed;border:1px solid #e9ecdf;border-radius:13px}.forecast .muted{font-size:11px}.forecast b{font-size:20px;letter-spacing:-.5px;font-weight:650}.calculation{margin:0 0 17px;background:#f8faf5;border:1px solid #e9ede3;border-radius:10px;padding:12px 15px}.calculation summary{color:#77856f;font-size:12px;font-weight:500}.calculation p{margin-bottom:0;color:#687b62;font-size:12px;line-height:1.7}details summary{font-size:13px;color:#456250}details[open]>summary{margin-bottom:14px}#wealthDetails{border-top:1px solid var(--line);padding-top:18px}#wealthStamp{font-size:10px;margin-top:20px;color:#8a9588}#wealthSection{margin-top:30px}#wealthSection>.top{gap:10px;align-items:center;margin-bottom:8px}#wealthSection h2{margin-bottom:8px}#wealthSection>.top .badge{background:#f0f2e9;color:#71805e;font-weight:500}#wealthSection .cards{margin-top:24px;gap:12px}#wealthSection .card{padding:18px 17px}#wealthSection .card strong{font-size:26px}.wealth-title{display:flex;align-items:center;gap:9px}.wealth-title svg{width:20px;height:20px;color:#8ba17c}#accountBar{border:0;background:transparent;box-shadow:none;padding:0 0 15px;margin:0;border-bottom:1px solid var(--line);border-radius:0}#accountName{font-size:11px;font-weight:500;color:#748476}#syncStatus{font-size:10px;margin:3px 0 0;color:#7e906f}#syncStatus:before{content:'●';font-size:8px;margin-right:5px;color:#87aa71}#accountBar .tools button{background:transparent;border:0;color:#7b8a7d;font-size:11px}#accountBar .tools button:hover{background:#e9efe5}#authPanel{padding-top:60px;padding-bottom:70px;max-width:480px!important}#authPanel>.panel{padding:34px;box-shadow:0 14px 50px #194f4609;border-radius:24px}#authPanel h2{font-size:27px;letter-spacing:-.8px;margin-bottom:10px}#authPanel p{font-size:13px;color:var(--muted)}#authPanel .auth-logo{width:54px;height:54px;margin-bottom:24px}#authPanel .hint{font-size:11px;padding:12px}footer{font-size:10px;letter-spacing:.2px;padding:25px 20px 30px;color:#87917f}#notice{font-size:13px;box-shadow:0 8px 28px #173f3225;padding:15px 22px;border-radius:14px}.danger{color:#ac7664}
@media(min-width:1100px){.grid>aside{position:sticky;top:120px;max-height:calc(100vh - 145px);overflow-y:auto;scrollbar-width:thin;padding-right:3px}.grid>div>.panel{padding:27px 30px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:900px){.grid{grid-template-columns:1fr}.grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid>aside>.entry-panel{grid-column:1/-1}.grid>aside>.hint{grid-column:1/-1}.grid>aside>.panel{margin-bottom:0}.grid>aside>p.hint{margin-top:0}.entry-panel #entry{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.entry-panel #entry>.pair,.entry-panel #entry>#installmentFields,.entry-panel #entry>.full{grid-column:1/-1}.entry-panel #entry>label{grid-column:1/-1}.entry-panel #entry>input,.entry-panel #entry>select{grid-column:1/-1}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card strong{font-size:28px}}
@media(max-width:560px){:root{scroll-padding-top:100px}.site-header{padding:14px 18px}.brand img{width:39px;height:39px;border-radius:12px}.brand{gap:10px}.brand h1{font-size:17px}.brand p{font-size:10px}.header-note{font-size:10px}.header-note .optional{display:none}.wrap{padding:22px 16px}.welcome{display:block;margin:20px 0 22px}.welcome h2{font-size:32px;letter-spacing:-1px}.welcome p{font-size:12px}.welcome .primary{display:inline-flex;margin-top:20px;padding:11px 16px;font-size:12px;border-radius:11px}.eyebrow{font-size:9px}.section-nav{gap:1px;margin-bottom:22px;justify-content:space-between}.section-nav a{font-size:11px;padding:8px 10px}.toolbar .tools{width:100%}.toolbar .tools button,.toolbar .tools .file{flex:1;text-align:center;font-size:11px}.month{max-width:none;width:100%}.month input{width:auto;flex:1}.month button{padding:0 15px}.card{padding:18px 14px;border-radius:15px}.card strong{font-size:25px;margin-top:23px;letter-spacing:-.8px}.card span{font-size:11px;max-width:77%;min-height:32px}.card small{font-size:10px}.card .metric-icon{width:25px;height:25px;right:12px;top:13px;border-radius:8px}.cards{gap:10px}.panel{padding:21px 18px;border-radius:17px}.panel h2{font-size:17px}#wealthSection .card{padding:17px 13px}#wealthSection .card strong{font-size:23px}.grid{gap:16px}.grid>aside{display:block}.grid>aside>.panel{margin-bottom:16px}.forecast{grid-template-columns:1fr}.forecast div{display:flex;align-items:center;justify-content:space-between;padding:14px 17px}.forecast b{margin:0;font-size:19px}.pair{gap:10px}.row{gap:9px}.row strong{font-size:13px}.amount strong{font-size:14px}.amount button{font-size:10px}.amount{white-space:normal;flex-shrink:0;max-width:47%}.row small{font-size:10px}.section-caption{font-size:12px}#authPanel{padding:35px 18px}#authPanel>.panel{padding:26px}#authPanel h2{font-size:25px}.header-note{white-space:nowrap}.tools{flex-wrap:wrap}#accountBar .tools{gap:0}#accountBar .tools button{padding:5px 8px;min-height:30px}#accountBar .top{gap:8px}#notice{width:calc(100% - 28px);max-width:440px;bottom:14px}}