:root{--primary: #1f8a70;--primary-dark: #176b56;--bg: #f5f7f6;--card: #ffffff;--text: #1f2933;--muted: #7b8794;--line: #e4e9e7;--inc: #16a34a;--exp: #ef4444;--shadow: 0 2px 10px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.center-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f8a70,#2bb38c);padding:20px}.login-card{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 12px 40px #0000002e}.login-title{margin:0;font-size:26px;color:var(--primary);text-align:center}.login-sub{margin:6px 0 22px;text-align:center;color:var(--muted);font-size:13px}.cfg-warn{background:#fff1f0;border:1px solid #ffccc7;color:#a8071a;border-radius:10px;padding:10px 12px;font-size:12px;margin-bottom:14px;line-height:1.6}.cfg-warn code{display:block;margin-top:4px;word-break:break-all;color:#cf1322}.cfg-ok{background:#f6ffed;border:1px solid #b7eb8f;color:#237804;border-radius:10px;padding:10px 12px;font-size:12px;margin-bottom:14px;line-height:1.6}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card input{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px}.login-err{color:var(--exp);font-size:13px}.login-card button[type=submit]{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:12px;font-size:16px;margin-top:4px}.login-card button[type=submit]:disabled{opacity:.6}.link-btn{margin-top:14px;width:100%;background:none;border:0;color:var(--primary);font-size:14px}.month-nav{display:flex;align-items:center;gap:6px}.mnav-btn{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:17px;line-height:1;color:var(--muted);padding:0}.mnav-btn:hover{color:var(--primary);border-color:var(--primary)}.mnav-today{border:0;background:#eef7f4;color:var(--primary-dark);border-radius:8px;font-size:12px;padding:6px 10px;height:30px}.section-head{display:flex;align-items:baseline;justify-content:space-between}.section-count{font-size:12px;color:var(--muted)}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.filters select,.filters .kw-input{padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:13px;background:#fff;min-width:120px}.filters .kw-input{min-width:160px}.seg-group{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.seg-btn{border:0;background:none;padding:8px 14px;font-size:13px;color:var(--muted)}.seg-btn.on{background:var(--primary);color:#fff;font-weight:600}.ghost-btn.small{padding:8px 12px;font-size:13px}.filter-sum{font-size:13px;color:var(--muted);margin-bottom:10px}.rank-list{display:flex;flex-direction:column;gap:10px}.rank-row{display:flex;align-items:center;gap:10px;font-size:13px}.rank-name{width:72px;flex-shrink:0}.rank-bar{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden}.rank-bar i{display:block;height:100%;border-radius:4px}.rank-val{width:96px;text-align:right;flex-shrink:0}.rank-pct{width:44px;text-align:right;color:var(--muted);flex-shrink:0}.io-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.io-row{display:flex;gap:10px;flex-wrap:wrap}.io-row .primary-btn,.io-row .ghost-btn{flex:1 1 auto;white-space:nowrap}.modal.wide{max-width:560px}.file-input{display:none}.imp-tip{font-size:12px;color:var(--muted);line-height:1.7}.imp-file{font-size:12px;color:var(--muted);word-break:break-all}.imp-map{border-top:1px dashed var(--line);padding-top:10px}.imp-map-title{font-size:13px;font-weight:600;margin-bottom:8px}.imp-map-row{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:6px}.imp-map-row span{width:62px;flex-shrink:0;color:var(--muted)}.imp-map-row select{flex:1;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:13px;min-width:0}.imp-stat{font-size:13px}.imp-preview{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.imp-preview table{width:100%;border-collapse:collapse;font-size:12px}.imp-preview th,.imp-preview td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.imp-preview th{background:#f7faf9;color:var(--muted);font-weight:600}.imp-preview .ellip{max-width:140px;overflow:hidden;text-overflow:ellipsis}.imp-more{font-size:12px;color:var(--muted);padding:6px 8px}.imp-errors{font-size:12px;color:var(--muted)}.imp-errors ul{max-height:140px;overflow:auto;padding-left:18px;margin:6px 0}.pwd-change{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.pwd-change input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;width:100%}.pwd-change .primary-btn{align-self:flex-start}.form-err{background:#fff1f0;border:1px solid #ffccc7;color:var(--exp);border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.5}.danger-link{align-self:flex-start;background:none;border:0;color:var(--exp);font-size:13px;padding:4px 0}.del-confirm{border-top:1px dashed var(--line);padding-top:10px;font-size:13px;color:var(--exp);display:flex;flex-direction:column;gap:8px}.del-btns{display:flex;gap:8px}.del-btns .primary-btn{background:var(--exp);color:#fff;border:0}.ghost-btn{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:15px;color:var(--muted)}.danger-btn{background:#fff;color:var(--exp);border:1px solid #ffccc7;margin-bottom:16px}.install-card{background:#f0fbf7;border:1px solid #b7ebd8;border-radius:12px;padding:12px 14px;margin-bottom:16px}.install-head{display:flex;align-items:center;justify-content:space-between}.install-head strong{font-size:14px;color:var(--primary-dark)}.install-close{background:none;border:0;font-size:20px;line-height:1;color:var(--muted);padding:0 4px}.install-steps{margin:8px 0 6px;padding-left:20px;font-size:13px;line-height:1.9}.install-steps b{color:var(--primary-dark)}.install-tip{margin:0;font-size:12px;color:var(--muted);line-height:1.6}.install-copy{text-align:left;margin-top:8px;font-size:13px}.pwd-field{position:relative;display:flex;align-items:center}.pwd-field input{flex:1;padding-right:58px}.pwd-toggle{position:absolute;right:6px;background:none;border:0;color:var(--primary);font-size:13px;padding:6px 8px}.pwd-hint{font-size:12px;color:var(--muted)}.pwd-hint.warn{color:var(--exp)}.pwd-meter{display:flex;align-items:center;gap:6px;margin-top:2px}.pwd-meter .seg{flex:1;height:5px;border-radius:3px;background:var(--line);transition:background .2s}.pwd-meter .seg.on.s1{background:#ef4444}.pwd-meter .seg.on.s2{background:#f59e0b}.pwd-meter .seg.on.s3{background:#22c55e}.pwd-meter .lv{font-style:normal;font-size:12px;width:16px;text-align:right}.pwd-meter .lv1{color:#ef4444}.pwd-meter .lv2{color:#f59e0b}.pwd-meter .lv3{color:#22c55e}.pwd-rules{list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px}.pwd-rules li{display:flex;align-items:center;gap:4px;color:var(--muted)}.pwd-rules li.ok{color:#237804}.pwd-rules li.no{color:var(--exp)}.pwd-rules .mark{font-size:12px}.app{display:flex;min-height:100%}.sidebar{width:220px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.brand{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:16px;padding:0 8px}.nav-item{display:block;padding:11px 14px;border-radius:10px;color:var(--text);text-decoration:none;font-size:15px}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--primary);color:#fff}.spacer{flex:1}.side-user{font-size:12px;color:var(--muted);padding:0 8px;word-break:break-all}.side-logout{margin-top:8px;background:none;border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--muted);font-size:13px}.content{flex:1;padding:22px;max-width:960px;margin:0 auto;width:100%}.bottom-nav{display:none}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-head h2{margin:0;font-size:22px}.month-picker{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.section-title{font-size:15px;color:var(--muted);margin:22px 0 10px;font-weight:600}.empty{color:var(--muted);text-align:center;padding:30px 0;font-size:14px}.warn-banner{background:#fff7e6;border:1px solid #ffe1a8;color:#9a6700;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sum-card{background:var(--card);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.sum-label{font-size:13px;color:var(--muted)}.sum-val{font-size:20px;font-weight:700;margin-top:6px}.inc{color:var(--inc)}.exp{color:var(--exp)}.budget-card{background:var(--card);border-radius:14px;padding:16px;box-shadow:var(--shadow);margin-top:12px}.budget-head{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px}.bar{height:10px;background:#eef2f0;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .25s ease}.bar-fill.over{background:var(--exp)}.budget-note{margin-top:8px;font-size:13px;color:var(--muted)}.budget-note.over{color:var(--exp);font-weight:600}.over-banner{background:#fff1f0;border:1px solid #ffa39e;color:#cf1322;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:12px}.tx-groups{display:flex;flex-direction:column;gap:14px}.tx-group{background:var(--card);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.tx-date{display:flex;justify-content:space-between;padding:10px 14px;background:#fafbfa;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.day-sum.pos{color:var(--inc)}.day-sum.neg{color:var(--exp)}.tx-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #f0f3f1}.tx-row:last-child{border-bottom:0}.tx-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tx-main{flex:1;min-width:0}.tx-cat{font-size:15px;font-weight:600}.tx-sub{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-amt{font-size:15px;font-weight:700;white-space:nowrap}.tx-amt.inc{color:var(--inc)}.tx-amt.exp{color:var(--exp)}.fab{position:fixed;right:18px;bottom:22px;background:var(--primary);color:#fff;border:0;border-radius:28px;padding:14px 20px;font-size:16px;font-weight:600;box-shadow:0 6px 18px #1f8a7073;z-index:20}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:#fff;width:100%;max-width:480px;border-radius:18px 18px 0 0;padding:18px 18px 26px;display:flex;flex-direction:column;gap:12px;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700}.modal-head .x{background:none;border:0;font-size:24px;color:var(--muted)}.type-toggle{display:flex;gap:10px}.type-toggle button{flex:1;padding:12px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:15px;color:var(--muted)}.type-toggle button.on.exp{background:var(--exp);border-color:var(--exp);color:#fff}.type-toggle button.on.inc{background:var(--inc);border-color:var(--inc);color:#fff}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input,.field select{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:16px;color:var(--text)}.primary-btn{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:13px;font-size:16px;font-weight:600}.primary-btn.sm{padding:9px 14px;font-size:14px}.primary-btn:disabled{opacity:.6}.chart-box{background:var(--card);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:14px}.chip-dot{width:9px;height:9px;border-radius:50%}.chip-type{font-size:11px;color:var(--muted)}.chip-x{background:none;border:0;color:var(--muted);font-size:15px;line-height:1;padding:0 2px}.add-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.add-row input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;flex:1;min-width:120px}.add-row select{padding:10px;border:1px solid var(--line);border-radius:10px;font-size:14px}.color-row{display:flex;gap:6px}.swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent}.swatch.on{border-color:var(--text)}.ghost-btn{margin-top:24px;width:100%;background:#fff;border:1px dashed var(--line);border-radius:10px;padding:12px;color:var(--muted);font-size:14px}@media (max-width: 720px){.sidebar{display:none}.content{padding:16px 14px 96px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bn-item{flex:1;text-align:center;padding:12px 0;font-size:13px;color:var(--muted);text-decoration:none}.bn-item.active{color:var(--primary);font-weight:700}.summary{grid-template-columns:repeat(3,1fr);gap:8px}.sum-card{padding:12px 8px;border-radius:10px}.sum-label{font-size:12px}.sum-val{font-size:17px;word-break:break-all}.fab{bottom:76px;right:14px}.filters{gap:8px}.filters select,.filters .kw-input{flex:1 1 45%;min-width:0}.filters .seg-group,.filters .ghost-btn.small{flex:1 1 100%}.month-nav{flex-wrap:wrap}.page-head{flex-wrap:wrap;gap:8px}}