:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1a2421;background:#eff3f1;font-synthesis:none;font-size:15px;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}.sprite{position:absolute;width:0;height:0;overflow:hidden}
.app-frame{max-width:510px;min-height:100dvh;margin:auto;background:#fafbf9;position:relative;box-shadow:0 0 60px rgba(29,55,43,.07)}.loading{padding:4rem 2rem;text-align:center;color:#6f8075}.main-area{padding:18px 18px 112px;min-height:100dvh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:5px 1px 20px}.title{font-size:26px;font-weight:790;letter-spacing:-.85px;line-height:1.05}.subtitle{font-size:13px;color:#7c8b82;margin-top:7px}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.sm{width:16px;height:16px}.icon.lg{width:24px;height:24px}.icon.xl{width:28px;height:28px}.iconbtn{border:0;background:#edf2ee;color:#455950;width:40px;height:40px;border-radius:14px;display:grid;place-items:center}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:21px 1px 12px}.section-title h2{font-size:16px;margin:0;font-weight:760}.section-title .link{padding:5px 0}.link{border:0;background:none;color:#158353;font-size:12.5px;font-weight:700}.muted{color:#7b8c82}.small{font-size:12px}.tiny{font-size:11px}.bold{font-weight:750}.green{color:#158353}.red{color:#e15758}.orange{color:#d48c22}.nowrap{white-space:nowrap}.number{font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{background:white;border:1px solid #ecf0ec;border-radius:19px;padding:16px;box-shadow:0 2px 9px #152e2204}.card.soft{background:#f3f6f3;border-color:#f3f6f3}.padded{padding:15px}.primary-card{background:linear-gradient(132deg,#d4f4e0 0%,#e8f9ef 70%,#f1faf3 100%);border-radius:22px;padding:22px 20px 20px;position:relative;overflow:hidden}.primary-card:after{content:"";height:118px;width:118px;border:17px solid #fff7;position:absolute;border-radius:50%;right:-64px;top:-53px;pointer-events:none}.primary-label{font-size:13px;font-weight:680;display:flex;align-items:center;gap:8px;color:#225c41}.primary-value{font-size:40px;font-weight:820;color:#117b48;letter-spacing:-1.9px;margin:10px 0}.primary-note{font-size:12px;color:#507562;display:flex;align-items:center;gap:6px}.strip{height:8px;border-radius:9px;background:#cce6d6;overflow:hidden;margin:14px 0 10px}.strip>span{display:block;height:100%;background:#159257;border-radius:9px;transition:width .2s}.stat-card{min-height:105px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.stat-card .stat-label{font-size:12px;color:#697d70;display:flex;align-items:center;gap:7px}.stat-card .stat-label .icon{width:17px;height:17px;color:#198451}.stat-card .stat-val{font-size:19px;font-weight:780;white-space:nowrap;letter-spacing:-.55px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.start{align-items:flex-start}.grow{flex:1;min-width:0}.cut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:4px;padding:7px 11px;border:1px solid #e7eee8;background:white;border-radius:999px;font-size:12px;color:#4c6355}.pill.active{color:#0c7944;background:#e2f5e9;border-color:#bbe4c8;font-weight:750}.pill-group{display:flex;gap:7px;flex-wrap:wrap}.month-nav{display:flex;align-items:center;gap:2px;border-radius:999px;background:#eef3ee;padding:4px}.month-nav button{border:0;background:transparent;width:25px;height:26px;border-radius:50%;display:grid;place-items:center;color:#496356}.month-nav .month-label{font-size:12px;font-weight:720;min-width:105px;text-align:center}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,510px);height:calc(72px + env(safe-area-inset-bottom));background:#fffefcf7;backdrop-filter:blur(18px);border-top:1px solid #ecf0ed;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 9px calc(5px + env(safe-area-inset-bottom))}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:none;color:#88948b;font-size:10px;font-weight:600;min-width:0}.tab.active{color:#0c8852}.tab .icon{width:22px;height:22px}.fab{width:52px;height:52px;background:#138955;color:white;display:grid;place-items:center;border-radius:50%;margin:auto;box-shadow:0 6px 15px #118b5255;transform:translateY(-14px);border:4px solid white}.fab .icon{width:24px;height:24px;stroke-width:2.4}.avatar{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:#edf7ef;font-size:20px;flex:none}.avatar.blue{background:#e8f1ff}.avatar.yellow{background:#fff3dc}.avatar.pink{background:#fcebec}.avatar.green{background:#e8f8ee}.avatar .icon{color:#168551}.line{height:1px;background:#edf0ed;margin:12px 0}.item{display:flex;gap:11px;align-items:center;padding:12px 1px;border-bottom:1px solid #f0f2ef}.item:last-child{border-bottom:0}.item-title{font-size:13.5px;font-weight:670}.item-meta{font-size:11.5px;color:#8a968d;margin-top:4px}.item-amount{font-size:13px;font-weight:790;white-space:nowrap}.item-action{border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:0;min-width:0;flex:1;color:inherit;text-align:left}.item-action .icon.chev{width:16px;color:#acb7ae}.empty{padding:26px 16px;background:#fff;border:1px dashed #dce8df;border-radius:19px;text-align:center;color:#718175}.empty .icon{color:#198853;width:30px;height:30px;margin-bottom:8px}.empty strong{display:block;color:#3b5242;font-size:14px;margin-bottom:8px}.empty p{margin:0;line-height:1.5;font-size:12.5px}.mini-button{border:0;border-radius:999px;padding:9px 12px;background:#e4f3e9;color:#13844f;font-weight:750;font-size:11.5px}.outline-button{border:1px solid #dce7df;color:#3e5949;background:white;border-radius:14px;padding:12px 14px;font-weight:700;font-size:13px}.primary-button{border:0;border-radius:15px;color:white;background:linear-gradient(110deg,#15985a,#107e49);padding:15px 18px;font-weight:750;font-size:14px;width:100%}.danger-button{background:#fff0ef;color:#c93541;border:none;border-radius:15px;padding:13px 15px;font-weight:750}.button-row{display:flex;gap:9px}.button-row>*{flex:1}.tag{background:#eef5ef;color:#3e7453;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:650}.note-box{background:#f1f7f1;border-radius:15px;padding:13px;color:#547562;font-size:12.5px;line-height:1.5}.warning{background:#fff5e7;color:#866027}.alert{background:#fff0ef;color:#9e3438}.progress{background:#edf0ed;height:8px;border-radius:999px;overflow:hidden}.progress>span{height:100%;background:#18985b;border-radius:999px;display:block}.goal-title{font-size:14px;font-weight:750}.goal-card{display:flex;flex-direction:column;gap:12px}.goal-info{font-size:12px;color:#7c8a80}.budget-line{display:flex;align-items:center;gap:9px;padding:11px 0}.budget-line:not(:last-child){border-bottom:1px solid #eff2ef}.budget-line strong{margin-left:auto;font-size:13px}.filter-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding-bottom:5px}.filter-row::-webkit-scrollbar{display:none}.search{display:flex;align-items:center;gap:7px;padding:11px 12px;background:#f0f4f0;border-radius:12px;color:#819186}.search input{width:100%;border:0;outline:none;background:transparent;font-size:13px;color:#253e30}.search input::placeholder{color:#a0ada3}.day-label{font-size:11px;font-weight:760;color:#819086;margin:19px 0 4px}.bars{display:flex;align-items:end;gap:10px;padding:19px 5px 4px;height:180px;border-bottom:1px solid #e6eae6}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;height:100%}.bar-val{font-size:10px;color:#62766a;font-weight:670}.bar{width:min(100%,38px);background:#abdfbd;border-radius:8px 8px 0 0;min-height:3px}.bar.selected{background:#159357}.bar-month{font-size:11px;color:#77897c;margin-top:5px}.category-row{display:flex;align-items:center;gap:10px;padding:10px 0}.category-total{font-size:13px;font-weight:750}.category-progress{height:5px;margin-top:8px}.overlay{position:fixed;inset:0;background:#101d15a3;z-index:10;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,510px);background:#fcfdfb;border-radius:24px 24px 0 0;max-height:95dvh;overflow:auto;padding:20px 19px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px #182e2533}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.sheet-header h2{margin:0;font-size:19px;letter-spacing:-.3px}.form{display:flex;flex-direction:column;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:12px;font-weight:760;color:#4b6253}.field input,.field select,.field textarea{width:100%;outline:none;background:#fff;border:1px solid #e2e9e2;border-radius:12px;padding:13px 12px;color:#263d2e;font-size:15px;min-height:45px}.field textarea{resize:vertical;min-height:75px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#15985a;box-shadow:0 0 0 3px #15985a20}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-toggle{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:15px;background:#edf3ee;gap:4px}.type-toggle button{border:0;background:transparent;padding:11px 5px;border-radius:11px;color:#6e8072;font-size:12px;font-weight:700}.type-toggle button.selected{background:white;color:#128650;box-shadow:0 2px 7px #15281a12}.amount-input{font-size:34px!important;font-weight:760!important;text-align:center;background:#f3f7f3!important;border:0!important;letter-spacing:-1px;padding:22px 12px!important}.action-row{display:flex;gap:8px}.action-row>button{flex:1}.simple-list{background:white;border-radius:16px;padding:2px 13px;border:1px solid #edf0ed}.form-hint{font-size:11px;color:#819186;line-height:1.4}.placeholderline{color:#aab6ac}.demo{background:#e9f8ee;border-radius:17px;padding:14px;display:flex;gap:10px;align-items:center}.demo .icon{color:#15965b}.hide{display:none!important}.toast{position:fixed;z-index:30;bottom:95px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);border-radius:99px;background:#21392a;color:#fff;font-size:12px;padding:12px 17px;box-shadow:0 8px 25px #203b2d45;text-align:center;pointer-events:none}.banner-top{display:flex;gap:9px;align-items:start}.subtle-button{border:0;background:transparent;padding:5px;color:#899a8c}.rule-breakdown{display:flex;gap:10px;flex-direction:column}.rule-breakdown .budget-line{padding:7px 0}.divider{height:1px;background:#eaf0ea}.section-pad{margin-top:20px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-btn{border:1px solid #e6eee7;background:#fff;border-radius:15px;padding:11px 6px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.quick-btn .amount{font-size:12px;color:#138951;font-weight:760}.quick-btn .name{font-size:11px;font-weight:650;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-badge{color:#107b4a;background:#e8f5ec;padding:4px 7px;border-radius:7px;font-size:10px;font-weight:750}.record{border-radius:18px;background:#fff;border:1px solid #eaf0e9;padding:15px;margin:10px 0}.record .record-title{font-weight:740;margin-bottom:7px}.footnote{font-size:11px;color:#809086;line-height:1.4;margin-top:8px}.month-summary{font-size:12px;color:#75887b}.chip{font-size:11px;border-radius:8px;background:#f0f3ef;padding:4px 7px;color:#607969}.scrollgap{height:14px}
@media(min-width:650px){body{padding:20px 0}.app-frame{min-height:calc(100dvh - 40px);border-radius:35px;border:8px solid #222a28;overflow:hidden}.main-area{min-height:calc(100dvh - 56px)}.bottom-nav{bottom:20px;width:calc(min(100%,510px) - 16px);border-radius:0 0 27px 27px}.overlay{align-items:center}.sheet{border-radius:24px;max-height:calc(100dvh - 70px)}}