.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;align-items:stretch;box-shadow:0 -2px 12px #1f1b130d;z-index:100}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#999;font-size:10px}.tabbar-item.active{color:#ffb000}.tabbar-item svg{display:block}.tabbar-center{flex:1;display:flex;align-items:center;justify-content:center}.tabbar-add{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;display:flex;align-items:center;justify-content:center;transform:translateY(-16px);box-shadow:0 6px 16px #ffb00073}.tabbar-add:active{opacity:.9}.bank-icon-svg{width:100%;height:100%;display:block;border-radius:50%;flex-shrink:0}.bank-icon-fallback{font-size:18px;line-height:1}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cg-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 8px;border-radius:12px;border:1px solid transparent;background:transparent}.cg-item.active{background:#fff4dc;border-color:#ffb000}.cg-icon{width:40px;height:40px;border-radius:50%;background:#f5f4f2;display:flex;align-items:center;justify-content:center;font-size:20px}.cg-item.active .cg-icon{background:#ffefd1}.cg-name{font-size:12px;color:#666;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-item.active .cg-name{color:#ffb000;font-weight:600}.cg-item.deleting .cg-icon{background:#ffe9e4}.cg-item.deleting:active .cg-icon{background:#ffd5cc}.cg-del-badge{position:absolute;top:2px;right:8px;width:16px;height:16px;border-radius:50%;background:#ff5e33;color:#fff;font-size:12px;line-height:16px;text-align:center;z-index:1}.cg-ops{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 8px;border-radius:12px;border:1px dashed #ddd;background:transparent}.cg-ops-icon{width:40px;height:40px;border-radius:50%;background:#f7f6f3;color:#999;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center}.cg-ops-name{font-size:12px;color:#999}.cg-add:active .cg-ops-icon{background:#ffefd1;color:#ffb000}.cg-del .cg-ops-icon{font-size:20px}.cg-del.on .cg-ops-icon{background:#ffe9e4;color:#ff5e33}.cg-del.on .cg-ops-name{color:#ff5e33}.numpad{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #f0eee9;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:50px;gap:7px;z-index:90}.np-key{border-radius:10px;background:#f7f6f3;font-size:22px;color:#222;display:flex;align-items:center;justify-content:center}.np-key:active{background:#efede8}.np-fn{font-size:14px;color:#666}.np-date{flex-direction:column;gap:1px}.np-date-top{font-size:11px;color:#999}.np-date-value{font-size:13px;color:#222;font-weight:600}.np-mask{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.np-panel{width:82%;max-width:340px;background:#fff;border-radius:16px;padding:18px 16px}.np-panel-title{font-size:15px;font-weight:600;text-align:center;margin-bottom:14px}.np-panel-inputs{display:flex;gap:10px}.np-panel-input{flex:1;min-width:0;border:1px solid #eee9df;background:#faf9f6;border-radius:10px;padding:10px 8px;font-size:14px;color:#222}.np-panel-input:focus{border-color:#ffb000}.np-panel-actions{display:flex;gap:10px;margin-top:14px}.np-panel-cancel,.np-panel-ok{flex:1;padding:9px 0;border-radius:10px;font-size:14px}.np-panel-cancel{background:#f5f4f2;color:#666}.np-panel-ok{background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-weight:600}.np-done{grid-row:span 2;height:auto;background:linear-gradient(160deg,#ffb000,#ffc53d);color:#fff;font-size:18px;font-weight:600}.np-done:active{opacity:.85}.np-done:disabled{opacity:.6}.addbill{padding:16px 16px calc(268px + env(safe-area-inset-bottom));min-height:100vh}.addbill-top{display:flex;align-items:center;justify-content:space-between}.ab-back,.ab-back-placeholder{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#222}.addbill .type-seg{background:#fff}.ab-amount{margin-top:22px;padding:0 4px}.ab-amount-display{display:flex;align-items:baseline;gap:6px}.ab-yen{font-size:22px;font-weight:700;color:#222}.ab-digits{font-size:40px;font-weight:700;color:#222;line-height:1.1}.ab-amount-display.shake{animation:ab-shake .45s}@keyframes ab-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.ab-tip{margin-top:8px;font-size:13px;color:#ff5e33}.addbill .category-grid{margin-top:18px;background:#fff;border-radius:16px;padding:14px 12px;box-shadow:0 2px 10px #1f1b130a}.ab-error{color:#ff5e33;font-size:13px;margin:20px 4px}.ab-empty{color:#999;font-size:13px;margin:24px 4px;text-align:center}.ab-delete{margin:26px auto 0;display:block;color:#ff5e33;font-size:14px;padding:10px 18px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #1f1b130a}.ab-delete:active{background:#fff5f2}.addbill-loading{text-align:center;color:#999;padding:80px 0}.ab-account{position:relative;margin-top:14px}.ab-account-bar{width:100%;display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:13px 14px;box-shadow:0 2px 10px #1f1b130a}.ab-account-bar:active{background:#fafaf8}.ab-account-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;flex-shrink:0}.ab-account-name{font-size:15px;font-weight:600;color:#222}.ab-account-none{color:#999;font-weight:400}.ab-account-cur{font-size:12px;color:#999}.ab-account-arrow{margin-left:auto;color:#bbb;transition:transform .15s;flex-shrink:0}.ab-account-arrow.open{transform:rotate(180deg)}.ab-account-mask{position:fixed;inset:0;z-index:110}.ab-account-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:14px;box-shadow:0 6px 24px #1f1b1324;z-index:120;max-height:264px;overflow-y:auto;padding:4px}.ab-account-item{width:100%;display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:10px}.ab-account-item:active{background:#f7f6f3}.ab-account-item.active{background:#fff8e8}.ab-account-empty{padding:16px 12px;font-size:13px;color:#999;text-align:center}.ab-tags{margin-top:12px;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.ab-tags::-webkit-scrollbar{display:none}.ab-tag-chip{flex-shrink:0;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid #eee9df;font-size:13px;color:#666}.ab-tag-chip.active{background:#fff4dc;border-color:#ffb000;color:#8a5c00;font-weight:600}.ab-extra{margin-top:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 2px 10px #1f1b130a}.ab-extra-row{display:flex;align-items:center;gap:10px}.ab-remark-btn{flex:1;min-width:0;text-align:left;font-size:13px;color:#999;padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-remark-btn.has{color:#222}.ab-photo-btn{width:34px;height:34px;border-radius:10px;background:#f7f6f3;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ab-photo-btn:active{background:#efede8}.ab-file-input{display:none}.ab-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.ab-thumb{position:relative;width:48px;height:48px;flex-shrink:0}.ab-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.ab-thumb-del{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#0000008c;color:#fff;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.ab-thumb-uploading{width:48px;height:48px;border-radius:8px;background:#f5f4f2;color:#999;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remark-mask{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.remark-panel{width:82%;max-width:340px;background:#fff;border-radius:16px;padding:18px 16px}.remark-title{font-size:15px;font-weight:600;text-align:center;margin-bottom:12px}.remark-input{width:100%;border:1px solid #eee9df;background:#faf9f6;border-radius:10px;padding:10px 12px;font-size:14px}.remark-input:focus{border-color:#ffb000}.remark-actions{display:flex;gap:10px;margin-top:14px}.remark-cancel,.remark-ok{flex:1;padding:9px 0;border-radius:10px;font-size:14px}.remark-cancel{background:#f5f4f2;color:#666}.remark-ok{background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-weight:600}.addcat-emoji-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;max-height:168px;overflow-y:auto}.addcat-emoji-item{height:38px;border-radius:10px;background:#f7f6f3;font-size:18px;display:flex;align-items:center;justify-content:center}.addcat-emoji-item.active{background:#ffefd1;box-shadow:inset 0 0 0 2px #ffb000}.ab-cat-tip{font-size:12px;color:#ff5e33;margin-bottom:8px;text-align:center;background:#fff3f0;border:1px solid #ffe3db;border-radius:8px;padding:5px 8px}.ab-tf{margin-top:14px;padding:14px 12px;display:flex;flex-direction:column;gap:10px}.ab-tf-label{font-size:13px;font-weight:600;color:#666;padding:0 2px}.ab-tf-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.ab-tf-chip{display:flex;align-items:center;gap:6px;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid #eee9df;background:#fff;flex-shrink:0}.ab-tf-chip.active{border-color:#ffb000;background:#fff4dc}.ab-tf-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ab-tf-name{font-size:13px;font-weight:600;color:#222}.ab-tf-balance{font-size:12px;color:#999}.ab-tf-tip{margin-top:12px;text-align:center;font-size:13px;color:#8a5c00;background:#fff4dc;border:1px solid #ffe9b8;border-radius:8px;padding:6px 8px}.acd{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.acd-month-head{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.acd-mh-label{font-size:16px;font-weight:700}.acd-mh-arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:-10px -6px -10px 0;font-size:16px;color:#999;background:#f5f4f2;border-radius:50%;transition:transform .15s}.acd-mh-arrow.open{transform:rotate(180deg)}.acd-month-head:active .acd-mh-arrow{background:#ecebe8}.acd-month-stats{display:flex;align-items:center;gap:18px;background:#fbf9f4;border-radius:10px;padding:8px 14px;margin-bottom:10px;font-size:13px;color:#777}.acd-ms-item{display:flex;align-items:baseline;gap:4px}.acd-ms-item b{font-size:14px}.acd-top{display:flex;align-items:center;gap:10px;padding:4px 2px 0}.acd-back{width:36px;height:36px;border-radius:50%;background:#f5f4f2;color:#444;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acd-back:active{background:#ecebe8}.acd-back-placeholder{width:36px;flex-shrink:0}.acd-head{flex:1;display:flex;align-items:center;gap:10px}.acd-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acd-head-info{display:flex;flex-direction:column;gap:2px}.acd-name{font-size:17px;font-weight:700}.acd-balance{font-size:13px;color:#8a5c00;font-weight:600}.acd-loading,.acd-error,.acd-empty{text-align:center;padding:40px 0;font-size:14px;color:#999}.acd-error{color:#ff5e33}.acd-month{padding:14px 12px;display:flex;flex-direction:column;gap:10px}.acd-month-title{font-size:13px;font-weight:600;color:#666;padding:0 4px}.acd-month-cols{display:grid;grid-template-columns:repeat(3,1fr)}.acd-month-col{display:flex;flex-direction:column;gap:4px;align-items:center}.acd-m-label{font-size:12px;color:#999}.acd-m-value{font-size:15px;font-weight:600}.acd-m-value.income{color:#e65c00}.acd-m-value.expense{color:#222}.acd-total{padding:6px 14px;display:flex;flex-direction:column}.acd-total-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f5f4f2}.acd-total-row:last-child{border-bottom:none}.acd-t-label{font-size:13px;color:#666}.acd-t-value{font-size:15px;font-weight:600}.acd-t-value.income{color:#e65c00}.acd-t-value.expense{color:#222}.bdm-mask{position:fixed;inset:0;background:#00000073;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px}.bdm-card{width:100%;max-width:400px;max-height:80vh;overflow-y:auto;background:#fff;border-radius:16px;padding:20px 18px 16px;box-shadow:0 12px 40px #0003;animation:bdm-pop .18s ease-out}@keyframes bdm-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.bdm-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #f5f4f2}.bdm-cat{display:flex;align-items:center;gap:10px}.bdm-cat-icon{width:42px;height:42px;border-radius:12px;background:#f7f6f3;display:flex;align-items:center;justify-content:center;font-size:22px}.bdm-cat-name{font-size:16px;font-weight:700}.bdm-amount{font-size:28px;font-weight:700}.bdm-body{display:flex;flex-direction:column}.bdm-row{display:flex;align-items:flex-start;gap:14px;padding:10px 0;border-bottom:1px solid #f5f4f2}.bdm-label{width:44px;flex-shrink:0;font-size:13px;color:#999;padding-top:2px}.bdm-value{flex:1;font-size:14px;color:#222;line-height:1.5;word-break:break-all}.bdm-row-photos{align-items:flex-start}.bdm-photos{flex:1;display:flex;flex-wrap:wrap;gap:8px}.bdm-photo{width:72px;height:72px;object-fit:cover;border-radius:10px;cursor:zoom-in}.bdm-actions{display:flex;gap:12px;margin-top:16px}.bdm-edit{flex:1;height:44px;border-radius:12px;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-size:15px;font-weight:600}.bdm-edit:active{opacity:.85}.bdm-delete{flex:1;height:44px;border-radius:12px;background:#fff;border:1px solid #ffe3db;color:#ff5e33;font-size:15px;font-weight:600}.bdm-delete:active{background:#fff3f0}.bdm-delete:disabled{opacity:.55}.ledger-switcher{position:relative;min-width:0}.ls-trigger{display:flex;align-items:center;gap:6px;max-width:100%;background:#fff;border-radius:999px;padding:7px 12px;box-shadow:0 2px 8px #1f1b130f;font-size:14px;font-weight:600;color:#222}.ls-trigger:active{background:#faf9f6}.ls-trigger-icon{font-size:16px;line-height:1;flex-shrink:0}.ls-trigger-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-caret{color:#999;flex-shrink:0;transition:transform .2s}.ls-caret.up{transform:rotate(180deg)}.ls-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:216px;background:#fff;border-radius:14px;box-shadow:0 8px 28px #1f1b1329;padding:8px;z-index:200}.ls-list{max-height:264px;overflow-y:auto}.ls-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;font-size:14px;color:#222}.ls-item:active{background:#faf9f6}.ls-item.active{background:#fff8e6;font-weight:600}.ls-item-icon{font-size:16px;line-height:1;flex-shrink:0}.ls-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-del{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b5b0a6;font-size:16px;line-height:1;flex-shrink:0}.ls-del:active{color:#ff5e33;background:#ffede8}.ls-check{color:#ffb000;font-weight:700;flex-shrink:0}.ls-footer{border-top:1px solid #f5f4f2;margin-top:6px;padding-top:6px}.ls-add{width:100%;padding:9px 10px;border-radius:10px;font-size:14px;font-weight:600;color:#ffb000;text-align:left}.ls-add:active{background:#fff8e6}.ls-create{padding:8px 6px 6px;display:flex;flex-direction:column;gap:10px}.ls-create-input{width:100%;background:#faf9f6;border:1px solid #eee9df;border-radius:10px;padding:10px 12px;font-size:14px;color:#222}.ls-create-input:focus{border-color:#ffb000}.ls-create-input::placeholder{color:#b5b0a6}.ls-icons{display:flex;flex-wrap:wrap;gap:6px}.ls-icon-btn{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;background:#faf9f6}.ls-icon-btn.active{background:#fff4dc;box-shadow:inset 0 0 0 1.5px #ffb000}.ls-create-tip{font-size:12px;color:#ff5e33}.ls-create-ok{width:100%;padding:10px;border-radius:10px;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-size:14px;font-weight:600}.ls-create-ok:disabled{opacity:.6}.month-picker{display:flex;align-items:center;justify-content:center;gap:14px}.mp-arrow{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;background:#f7f6f3}.mp-arrow:active{background:#efece5}.mp-arrow.disabled{opacity:.35}.mp-label{font-size:16px;font-weight:600;min-width:110px;text-align:center;cursor:pointer}.mp-label:active{opacity:.7}.mp-mask{position:fixed;inset:0;background:#00000073;z-index:300;display:flex;align-items:flex-end;justify-content:center}.mp-sheet{width:100%;max-width:480px;background:#fff;border-radius:16px 16px 0 0;padding:18px 20px calc(18px + env(safe-area-inset-bottom));animation:mp-slide-up .22s ease}@keyframes mp-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.mp-sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mp-sheet-arrow{width:34px;height:34px;border-radius:10px;background:#f7f6f3;font-size:18px;color:#666;flex-shrink:0}.mp-sheet-arrow:active{background:#efece5}.mp-sheet-arrow.disabled{opacity:.35}.mp-sheet-year{font-size:16px;font-weight:700;flex:1;text-align:center}.mp-back-today{font-size:12px;color:#8a5c00;background:#fff4dc;border:1px solid #ffe3a3;padding:5px 12px;border-radius:999px;flex-shrink:0}.mp-sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mp-month{height:44px;border-radius:10px;font-size:14px;color:#333;background:#f7f6f3}.mp-month.active{background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-weight:700}.mp-month.disabled{opacity:.3}.mp-month:active:not(.disabled){opacity:.8}.home-head{padding:18px 16px}.home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-summary{display:flex;margin-top:18px}.hs-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.hs-label{font-size:12px;color:#999}.hs-value{font-size:18px;font-weight:700}.bill-group{margin-top:16px}.group-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:13px;color:#666}.gh-sum{color:#999;font-size:12px}.bill-row{display:flex;align-items:center;gap:12px;padding:13px 14px}.bill-row+.bill-row{border-top:1px solid #f5f4f2}.bill-row:active{background:#fafaf8}.bill-icon{width:40px;height:40px;border-radius:50%;background:#fff4dc;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.bill-info{flex:1;min-width:0}.bill-name{font-size:15px;color:#222}.bill-tags{margin-left:6px;font-size:11px;color:#aaa;font-weight:400}.bill-sub{font-size:12px;color:#999;margin-top:2px}.bill-clip{font-size:13px;flex-shrink:0}.bill-remark{font-size:12px;color:#999;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bill-amount{font-size:16px;font-weight:700}.home-loading,.home-error{text-align:center;color:#999;padding:48px 0;font-size:14px}.home-error{color:#ff5e33}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px 20px calc(48px + env(safe-area-inset-bottom))}.login-hero{text-align:center}.login-logo{font-size:40px;font-weight:800;color:#222;letter-spacing:2px}.login-slogan{margin-top:8px;font-size:15px;color:#999}.login-card{width:100%;max-width:400px;padding:26px 22px 28px;display:flex;flex-direction:column;gap:20px}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px}.login-input{height:46px;border:1px solid #eee;border-radius:12px;padding:0 14px;font-size:15px;color:#222;background:#fafafa}.login-input:focus{border-color:#ffb000;background:#fff}.login-field-error{font-size:12px;color:#ff5e33;padding-left:2px}.login-error{font-size:13px;color:#ff5e33;background:#fff3f0;border:1px solid #ffe3db;border-radius:10px;padding:8px 12px}.login-submit{height:46px;border-radius:12px;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-size:16px;font-weight:600;margin-top:2px}.login-submit:active{opacity:.85}.login-submit:disabled{opacity:.55}.loan{display:flex;flex-direction:column;gap:12px;padding-bottom:30px}.loan-top{display:flex;align-items:center;gap:10px;padding:4px 2px 0}.loan-back{width:36px;height:36px;border-radius:50%;background:#f5f4f2;color:#444;display:flex;align-items:center;justify-content:center;flex-shrink:0}.loan-back:active{background:#ecebe8}.loan-title{flex:1;font-size:17px;font-weight:700;text-align:center}.loan-top-placeholder{width:36px;flex-shrink:0}.loan-page-form{display:flex;flex-direction:column;gap:14px}.loan-page-card{display:flex;flex-direction:column;gap:16px;padding:16px}.loan-page-section,.loan-page-field{display:flex;flex-direction:column;gap:8px}.loan-page-label{font-size:13px;font-weight:600;color:#555}.loan-page-save{height:48px;border-radius:12px;background:#ffb000;color:#fff;font-size:16px;font-weight:700}.loan-page-save:disabled{opacity:.6}.loan-add-btn{width:36px;height:36px;border-radius:50%;background:#ffb000;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.loan-add-btn:active{background:#e6a000}.loan-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.loan-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:12px;background:#fbf9f4;border:1.5px solid transparent}.loan-tab.active{border-color:#ffb000;background:#fff8ea}.loan-tab-icon{font-size:18px}.loan-tab-label{font-size:14px;font-weight:700}.loan-tab-desc{font-size:11px;color:#999}.loan-tab-total{font-size:15px;font-weight:700;color:#ff5e33;margin-top:2px}.loan-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #f3f1ec;cursor:pointer}.loan-row:last-child{border-bottom:none}.loan-row.settled .loan-row-name,.loan-row.settled .loan-row-sub{color:#bbb;text-decoration:line-through}.loan-row-icon{font-size:18px;flex-shrink:0}.loan-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.loan-row-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loan-row-sub{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loan-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.loan-row-amount{font-size:16px;font-weight:700}.loan-row-amount.done{color:#bbb}.loan-settle-tag{font-size:11px;padding:1px 8px;border-radius:20px;background:#e8f7ec;color:#2aa35a}.loan-settle-tag.pending{background:#fff1e8;color:#ff5e33}.loan-settled-note{padding:8px 14px;font-size:12px;color:#aaa;text-align:center}.loan-loading,.loan-empty{padding:40px 0;text-align:center;color:#999;font-size:14px}.loan-mask{position:fixed;inset:0;background:#0006;z-index:60;display:flex;align-items:flex-end}.loan-sheet{width:100%;background:#fff;border-radius:16px 16px 0 0;padding:16px 16px 24px;display:flex;flex-direction:column;gap:10px}.loan-sheet-head{display:flex;align-items:baseline;justify-content:space-between;padding:4px 2px 8px}.loan-sheet-name{font-size:16px;font-weight:700}.loan-sheet-amount{font-size:18px;font-weight:700}.loan-sheet-amount.done{color:#bbb}.loan-sheet-btn{height:46px;border-radius:12px;background:#f5f4f2;color:#333;font-size:15px}.loan-sheet-btn:active{background:#ecebe8}.loan-sheet-btn.danger{color:#e5484d}.loan-sheet-cancel{height:46px;border-radius:12px;background:#fff8ea;color:#b8860b;font-size:15px;margin-top:4px}.loan-form{width:100%;background:#fff;border-radius:16px 16px 0 0;padding:18px 16px 24px;display:flex;flex-direction:column;gap:12px}.loan-form-title{font-size:16px;font-weight:700;text-align:center}.loan-form-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.loan-form-tab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:10px;background:#f5f4f2;font-size:13px;font-weight:600}.loan-form-tab.active{background:#fff3d6;color:#b8860b}.loan-form-tab-desc{font-size:10px;color:#999;font-weight:400}.loan-form-field{display:flex;flex-direction:column;gap:6px}.loan-form-label{font-size:12px;color:#888}.loan-form-input{height:42px;border:1px solid #eee9df;border-radius:10px;padding:0 12px;font-size:15px;background:#fff;width:100%}.loan-form-input:focus{border-color:#ffb000;outline:none}.loan-form-amount{display:flex;align-items:center;gap:8px}.loan-form-yen{font-size:18px;font-weight:700;color:#b8860b}.loan-form-actions{display:flex;gap:10px;margin-top:4px}.loan-form-cancel,.loan-form-save{flex:1;height:44px;border-radius:12px;font-size:15px}.loan-form-cancel{background:#f5f4f2;color:#555}.loan-form-save{background:#ffb000;color:#fff;font-weight:700}.loan-form-save:disabled{opacity:.6}.loan-tip{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#000000bf;color:#fff;font-size:13px;padding:8px 16px;border-radius:20px;z-index:80}.mine-page{display:flex;flex-direction:column;gap:14px}.mine-title{font-size:20px;font-weight:700;padding:4px 2px 2px}.mine-user{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mine-user-name{font-size:16px;font-weight:600;color:#222}.mine-user-logout{height:34px;padding:0 16px;border-radius:999px;background:#fff4dc;border:1px solid #ffe3a3;color:#8a5c00;font-size:13px;font-weight:600;flex-shrink:0}.mine-user-logout:active{background:#ffe3db;color:#ff5e33}.mine-group{padding:16px}.mine-group-title{font-size:15px;font-weight:600;margin-bottom:10px}.mine-group-empty{font-size:13px;color:#999;padding:8px 0 4px}.mine-cat-list{list-style:none}.mine-cat-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f2f1ef}.mine-cat-row:last-child{border-bottom:none}.mine-cat-icon{width:34px;height:34px;border-radius:50%;background:#fff4dc;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mine-cat-name{flex:1;font-size:15px;color:#222}.mine-cat-del{width:22px;height:22px;border-radius:50%;background:#f2f1ef;color:#999;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mine-cat-del:active{background:#ffe3db;color:#ff5e33}.mine-cat-edit{width:22px;height:22px;border-radius:50%;background:#f2f1ef;color:#999;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:6px}.mine-cat-edit:active{background:#fff4dc;color:#8a5c00}.mine-edit-mask{position:fixed;inset:0;background:#00000073;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.mine-edit-modal{width:100%;max-width:360px;padding:20px;display:flex;flex-direction:column;gap:14px;border-radius:16px}.mine-edit-title{font-size:17px;font-weight:700;text-align:center}.mine-edit-type{font-size:12px;color:#999;text-align:center;margin-top:-8px}.mine-edit-actions{display:flex;gap:10px}.mine-edit-cancel{flex:1;height:44px;border-radius:12px;background:#f2f1ef;color:#666;font-size:15px}.mine-edit-cancel:active{background:#e9e7e2}.mine-edit-save{flex:1}.mine-add{padding:16px;display:flex;flex-direction:column;gap:12px}.mine-add .mine-group-title{margin-bottom:0}.mine-add-seg{align-self:flex-start}.mine-add-input{height:44px;border:1px solid #eee;border-radius:12px;padding:0 14px;font-size:15px;color:#222;background:#fafafa}.mine-add-input:focus{border-color:#ffb000;background:#fff}.mine-emoji-row{display:flex;flex-wrap:wrap;gap:8px}.mine-emoji-item{width:40px;height:40px;border-radius:10px;background:#fafafa;font-size:20px;display:flex;align-items:center;justify-content:center}.mine-emoji-item.active{background:#fff4dc;box-shadow:inset 0 0 0 1.5px #ffb000}.mine-add-submit{height:44px;border-radius:12px;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-size:16px;font-weight:600}.mine-add-submit:active{opacity:.85}.mine-add-submit:disabled{opacity:.55}.mine-cur-badge{font-size:11px;font-weight:600;color:#8a5c00;background:#fff4dc;border-radius:999px;padding:2px 8px;flex-shrink:0}.mine-select{height:44px;border:1px solid #eee;border-radius:12px;padding:0 10px;font-size:15px;color:#222;background:#fafafa;font-family:inherit;outline:none}.mine-select:focus{border-color:#ffb000;background:#fff}.mine-tag-chips{display:flex;flex-wrap:wrap;gap:8px}.mine-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 14px;border-radius:999px;background:#fff4dc;border:1px solid #ffe3a3;font-size:13px;color:#8a5c00}.mine-tag-del{width:18px;height:18px;border-radius:50%;background:#1f1b1314;color:#8a5c00;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mine-tag-del:active{background:#ffe3db;color:#ff5e33}.mine-tag-add{display:flex;gap:10px;margin-top:12px}.mine-tag-add .mine-add-input{flex:1;min-width:0}.mine-tag-add-btn{height:44px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-size:15px;font-weight:600;flex-shrink:0}.mine-tag-add-btn:active{opacity:.85}.mine-tag-add-btn:disabled{opacity:.55}.mine-version{text-align:center;color:#bbb;font-size:12px;padding:6px 0 10px}.mine-import-tip{font-size:12px;line-height:1.5;color:#999;margin-bottom:12px}.mine-import-actions{display:flex;gap:10px}.mine-import-btn{flex:1;height:40px;border-radius:12px;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-size:14px;font-weight:600}.mine-import-btn:active{opacity:.85}.mine-import-btn:disabled{opacity:.55}.mine-import-btn-ghost{background:#fff4dc;border:1px solid #ffe3a3;color:#8a5c00;font-weight:500}.mine-import-file{display:none}.mine-import-result{margin-top:14px}.mine-import-ok{font-size:13px;font-weight:600;color:#2bb673}.mine-import-fail{font-size:13px;font-weight:600;color:#ff5e33;margin-top:10px}.mine-import-skip{font-size:13px;font-weight:600;color:#d48806;margin-top:8px}.mine-import-errors{list-style:none;margin-top:6px}.mine-import-error{font-size:12px;line-height:1.7;color:#999}.import-modal-mask{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:300}.import-modal{width:min(320px,84vw);max-height:75vh;background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 30px #0000002e;display:flex;flex-direction:column}.import-modal-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:14px}.import-modal-body{flex:1;overflow-y:auto}.import-modal-errors{margin-top:10px}.import-modal-error{background:#fff7f4;border:1px solid #ffddd2;border-radius:10px;padding:8px 10px;margin-bottom:8px}.import-modal-error-head{display:flex;align-items:center;justify-content:space-between}.import-modal-err-msg{font-size:13px;color:#ff5e33;font-weight:600}.import-modal-err-count{font-size:12px;color:#ff5e33;background:#ffddd2;border-radius:8px;padding:1px 7px}.import-modal-err-rows{font-size:12px;color:#999;margin-top:4px}.import-modal-btn{margin-top:14px;width:100%;height:40px;border-radius:12px;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-size:14px;font-weight:600}.import-modal-btn:disabled{opacity:.6}.import-modal-actions{display:flex;gap:10px;margin-top:14px}.import-modal-actions .import-modal-btn{flex:1;margin-top:0}.import-modal-btn-ghost{background:#f5f4f2;border:1px solid #e3e1de;color:#666;font-weight:500}.import-confirm-file{display:flex;align-items:center;justify-content:space-between;background:#fff7e8;border:1px solid #ffe3a3;border-radius:10px;padding:10px 12px}.import-confirm-file-name{font-size:13px;font-weight:600;color:#333;word-break:break-all}.import-confirm-file-size{font-size:12px;color:#999;flex-shrink:0;margin-left:8px}.import-confirm-tip{font-size:12px;color:#999;line-height:1.6;margin-top:10px}.import-progress{height:6px;background:#f0ede9;border-radius:3px;overflow:hidden;margin-top:6px}.import-progress-bar{height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,#ffb000,#ffc53d);animation:import-progress-slide 1.2s ease-in-out infinite}.import-progress-bar.fixed{width:0%;animation:none;transition:width .3s ease}@keyframes import-progress-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.import-progress-text{font-size:12px;color:#999;text-align:center;margin-top:8px}.import-progress-tip{font-size:12px;color:#999;line-height:1.7;margin-top:14px;text-align:center}.import-progress-warn{font-size:12px;color:#b3541e;text-align:center;margin-top:6px;font-weight:600}.import-log{height:170px;overflow-y:auto;background:#faf9f7;border:1px solid #efede9;border-radius:10px;padding:8px 10px;margin-top:12px;font-size:12px;line-height:1.7}.import-log-empty{color:#bbb;text-align:center;padding:12px 0}.import-log-item{display:flex;align-items:baseline;gap:6px}.import-log-dot{width:6px;height:6px;border-radius:50%;background:#bbb;flex-shrink:0;align-self:center}.import-log-text{flex:1;min-width:0;word-break:break-all}.import-log-item-ok{color:#2bb673}.import-log-item-ok .import-log-dot{background:#2bb673}.import-log-item-skip{color:#d48806}.import-log-item-skip .import-log-dot{background:#d48806}.import-log-item-error{color:#ff5e33}.import-log-item-error .import-log-dot{background:#ff5e33}.stats-toolbar{padding:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.stats-toolbar-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.stats-loading,.stats-error{text-align:center;color:#999;padding:48px 0;font-size:14px}.stats-error{color:#ff5e33}.stats-main{margin-top:16px;padding:18px 16px}.donut-wrap{position:relative;width:190px;margin:0 auto}.donut{display:block;width:100%}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.dc-label{font-size:12px;color:#999}.dc-value{font-size:20px;font-weight:700;color:#222;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-list{margin-top:18px}.cat-row{display:flex;gap:12px;padding:11px 0}.cat-row+.cat-row{border-top:1px solid #f7f5f0}.cat-icon{width:38px;height:38px;border-radius:50%;background:#fff4dc;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cat-main{flex:1;min-width:0}.cat-line1{display:flex;justify-content:space-between;align-items:center}.cat-name{font-size:14px;color:#222}.cat-right{display:flex;gap:8px;align-items:baseline}.cat-pct{font-size:12px;color:#999}.cat-total{font-size:14px;font-weight:600;color:#222}.cat-bar{margin-top:7px;height:6px;border-radius:3px;background:#f5f2ea;overflow:hidden}.cat-bar-inner{height:100%;border-radius:3px;transition:width .3s}.cat-count{margin-top:5px;font-size:11px;color:#b5b0a6}.stats-bars{margin-top:16px;padding:16px 12px 12px}.stats-bars-title{font-size:14px;font-weight:600;color:#222;padding:0 4px 10px}.bars{display:flex;align-items:flex-end;gap:4px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:2px 0}.bar-track{height:64px;display:flex;align-items:flex-end;justify-content:center;width:100%}.bar{width:10px;border-radius:4px 4px 2px 2px;background:#ebe6da}.bar-col.active .bar{background:linear-gradient(180deg,#ffc53d,#ffb000)}.bar-label{font-size:10px;color:#b5b0a6}.bar-col.active .bar-label{color:#ffb000;font-weight:600}.transfer{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.tf-top{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 0}.tf-back{width:36px;height:36px;border-radius:50%;background:#f5f4f2;color:#444;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tf-back:active{background:#ecebe8}.tf-back-placeholder{width:36px}.tf-title{font-size:17px;font-weight:700}.tf-loading,.tf-empty{text-align:center;padding:40px 12px;font-size:14px;color:#999}.tf-section{padding:14px 12px;display:flex;flex-direction:column;gap:10px}.tf-label{font-size:13px;font-weight:600;color:#666;padding:0 2px}.tf-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.tf-chip{display:flex;align-items:center;gap:6px;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid #eee9df;background:#fff;flex-shrink:0}.tf-chip.active{border-color:#ffb000;background:#fff4dc}.tf-chip-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tf-chip-name{font-size:13px;font-weight:600;color:#222}.tf-chip-balance{font-size:12px;color:#999}.tf-transfer-tip{text-align:center;font-size:13px;color:#8a5c00;background:#fff4dc;border:1px solid #ffe9b8;border-radius:8px;padding:6px 8px}.tf-amount{text-align:center;padding:8px 0 0}.tf-amount-display{font-size:44px;font-weight:700;color:#222}.tf-yen{font-size:26px;margin-right:4px;color:#666}.tf-digits{font-variant-numeric:tabular-nums}.tf-amount-display.shake{animation:tf-shake .4s}@keyframes tf-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.tf-tip{font-size:13px;color:#ff5e33;margin-top:6px;min-height:18px}.tf-counterparty{width:100%;height:42px;border:1px solid #eee9df;border-radius:10px;padding:0 12px;font-size:15px;background:#fff}.tf-counterparty:focus{border-color:#ffb000;outline:none}.tf-delete{margin-top:12px;height:46px;border-radius:14px;background:#fff;border:1px solid #ffe3db;color:#ff5e33;font-size:15px;font-weight:600}.tf-delete:active{background:#fff3f0}.wallet{display:flex;flex-direction:column;gap:14px;padding-bottom:20px}.wallet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 0}.wallet-title{font-size:20px;font-weight:700}.wallet-user{font-size:13px;color:#999}.wallet-loading,.wallet-error{text-align:center;padding:40px 0;font-size:14px;color:#999}.wallet-error{color:#ff5e33}.wallet-metrics{padding:18px 16px;background:linear-gradient(135deg,#ffb000,#ffc53d);border:none;display:flex;flex-direction:column;gap:12px}.wm-zero{font-size:26px;font-weight:700;color:#fff}.wm-group{display:flex;flex-direction:column;gap:6px}.wm-currency{font-size:12px;font-weight:700;color:#ffffffd9}.wm-cols{display:grid;grid-template-columns:repeat(3,1fr)}.wm-col{display:flex;flex-direction:column;gap:4px}.wm-col+.wm-col{border-left:1px solid rgba(255,255,255,.25);padding-left:12px}.wm-label{font-size:12px;color:#ffffffd9}.wm-value{font-size:19px;font-weight:700;color:#fff}.wm-value.neg{color:#fff}.wallet-accounts{padding:14px 12px;display:flex;flex-direction:column;gap:10px}.wa-title{font-size:14px;font-weight:600;color:#444;padding:0 4px}.wa-empty{font-size:13px;color:#999;text-align:center;padding:20px 0}.wa-list{display:flex;flex-direction:column}.wa-row{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid #f5f4f2}.wa-row-clickable{cursor:pointer}.wa-row-clickable:active{background:#faf9f6}.wa-row:last-child{border-bottom:none}.wa-icon{width:38px;height:38px;border-radius:50%;background:#f5f4f2;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.wa-name{flex:1;font-size:15px;color:#222}.wa-currency-badge{font-size:11px;font-weight:600;color:#8a5c00;background:#fff4dc;border-radius:6px;padding:2px 6px}.wa-balance{font-size:16px;font-weight:600;color:#222;min-width:90px;text-align:right}.wa-balance.neg{color:#ff5e33}.wa-del{width:22px;height:22px;border-radius:50%;background:#f2f1ef;color:#999;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-del:active{background:#ffe3db;color:#ff5e33}.wallet-add{padding:14px 12px;display:flex;flex-direction:column;gap:12px}.wa-input{width:100%;border:1px solid #eee9df;background:#faf9f6;border-radius:10px;padding:10px 12px;font-size:14px}.wa-input:focus{border-color:#ffb000;outline:none}.wa-emoji-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.wa-emoji-item{height:40px;border-radius:10px;background:#f7f6f3;font-size:18px;display:flex;align-items:center;justify-content:center}.wa-emoji-item.active{background:#ffefd1;box-shadow:inset 0 0 0 2px #ffb000}.wa-add-row{display:flex;gap:10px}.wa-select{flex:1;border:1px solid #eee9df;background:#faf9f6;border-radius:10px;padding:0 12px;font-size:14px;color:#444}.wa-submit{flex:1;height:42px;border-radius:10px;background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-size:15px;font-weight:600}.wa-submit:active{opacity:.85}.wa-submit:disabled{opacity:.55}.wallet-transfer{display:flex;align-items:center;gap:10px;padding:14px 16px;border:none;cursor:pointer}.wallet-transfer:active{background:#fff4dc}.wtf-icon{font-size:18px}.wtf-text{flex:1;font-size:15px;font-weight:600;color:#222;text-align:left}.wtf-sub{display:block;font-size:12px;font-weight:400;color:#999;margin-top:2px}.wtf-arrow{font-size:20px;color:#bbb}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:#f5f4f2;color:#222;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;padding:0}input{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}.app-container{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:#f5f4f2}.page{padding:16px 16px calc(76px + env(safe-area-inset-bottom))}.card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #1f1b130a}.num{font-variant-numeric:tabular-nums}.text-expense{color:#ff5e33}.bill-transfer-amount{color:#8a5c00;font-weight:600}.bill-icon-transfer{background:#eef4ff;font-size:16px}.text-income{color:#2bb673}.empty-tip{text-align:center;color:#999;font-size:14px;padding:56px 0}.type-seg{display:inline-flex;background:#fff;border-radius:999px;padding:3px;box-shadow:0 2px 8px #1f1b130d}.type-seg button{padding:6px 28px;border-radius:999px;font-size:14px;color:#666}.type-seg button.active{background:linear-gradient(135deg,#ffb000,#ffc53d);color:#fff;font-weight:600}