:root{color:#242722;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#fffdf8;--soft:#f4f3ed;--line:#e7e6de;--muted:#84877f;--coral:#dc6258;--coral-soft:#fbe7e2;--teal:#157068;--teal-soft:#e0f0ec;--ink:#242722;background:#e7e9e4;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#e7e9e4;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app{min-height:100vh}.app-shell{background:var(--canvas);width:min(100%,480px);min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 30px #21252014}.page{min-height:100vh;padding:max(28px, env(safe-area-inset-top)) 20px calc(100px + env(safe-area-inset-bottom))}.add-page{padding-bottom:32px}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.page-header.compact{margin-bottom:14px}.page-header h1{letter-spacing:0;margin:3px 0 0;font-size:28px;line-height:1.14}.eyebrow{color:var(--muted);letter-spacing:.03em;font-size:12px}.header-actions,.month-control{align-items:center;gap:7px;display:flex}.header-spacer{width:40px}.month-pill{border:1px solid var(--line);color:#5e625a;border-radius:17px;align-items:center;min-height:34px;padding:0 11px;font-size:12px;display:inline-flex}.icon-button{color:#6c716a;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{color:var(--ink);background:var(--soft);outline:none}.icon-button.danger:hover{color:var(--coral);background:var(--coral-soft)}.balance-panel{color:#fff;background:#2c3936;border-radius:9px;padding:21px 20px 18px;box-shadow:0 9px 20px #222e2a1c}.balance-main{border-bottom:1px solid #ffffff29;padding-bottom:20px}.balance-main span,.balance-grid span{color:#ffffffa1;font-size:12px;display:block}.balance-main strong{letter-spacing:.01em;margin-top:6px;font-size:34px;display:block}.balance-grid{grid-template-columns:1fr 1fr;gap:20px;padding-top:15px;display:grid}.balance-grid b{margin-top:4px;font-size:16px;display:block}.balance-grid .expense{color:#ffb5ab}.balance-grid .income{color:#a9e1d7}.section-block,.settings-section{margin-top:27px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-heading h2{margin:0;font-size:16px}.section-heading a{color:var(--muted);align-items:center;gap:2px;font-size:12px;display:inline-flex}.section-heading>span{color:var(--muted);font-size:12px}.category-bars{padding:4px 0}.category-bar-row{grid-template-columns:48px 1fr 36px;align-items:center;gap:10px;margin:12px 0;font-size:12px;display:grid}.bar-label{color:#5b6059}.bar-track,.budget-track{background:#ecece6;border-radius:5px;height:8px;overflow:hidden}.bar-track span,.budget-track span{border-radius:inherit;min-width:5px;height:100%;display:block}.category-bar-row b{color:#6e726b;text-align:right;font-size:11px}.empty-copy,.page-intro{color:var(--muted);margin:10px 0;font-size:13px;line-height:1.6}.transaction-list{border-top:1px solid var(--line)}.transaction-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:68px;display:flex}.category-mark{color:#fff;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-grid}.transaction-main{flex:1;min-width:0}.transaction-main strong,.transaction-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.transaction-main strong{font-size:14px}.transaction-main span{color:var(--muted);margin-top:4px;font-size:11px}.transaction-amount{white-space:nowrap;align-self:flex-start;padding-top:21px;font-size:14px}.transaction-amount.expense{color:var(--coral)}.transaction-amount.income{color:var(--teal)}.row-actions{margin-left:-3px;display:flex}.row-actions .icon-button{width:28px;height:32px}.floating-add{z-index:4;bottom:calc(72px + env(safe-area-inset-bottom));border:4px solid var(--canvas);color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:fixed;left:calc(50% - 27px);box-shadow:0 8px 18px #dc625847}.app-tab-bar{z-index:3;width:min(100%,480px);padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-link{color:#989b94;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:43px;font-size:10px;display:flex}.tab-link.active{color:var(--coral);font-weight:650}.type-switch{background:var(--soft);border-radius:9px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.type-switch button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-weight:650}.type-switch button.selected{color:var(--coral);background:var(--canvas);box-shadow:0 2px 7px #24272214}.entry-form{gap:22px;display:grid}.amount-input{border-bottom:1px solid var(--line);padding:4px 2px 13px;display:block}.amount-input>span{color:var(--muted);font-size:12px}.amount-input>div{align-items:baseline;gap:10px;margin-top:5px;display:flex}.amount-input b{color:var(--coral);font-size:24px}.amount-input input{width:100%;color:var(--ink);letter-spacing:.01em;background:0 0;border:0;outline:0;padding:0;font-size:44px;font-weight:700}.amount-input input::placeholder{color:#d6d6ce}.field-section{gap:12px;display:grid}.field-heading{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.field-heading b{color:var(--ink)}.category-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.category-option{color:#62665f;background:#f6f5f0;border:1px solid #0000;border-radius:8px;place-items:center;gap:5px;min-height:74px;padding:8px 3px;font-size:11px;display:grid}.category-option .category-mark{border-radius:9px;width:30px;height:30px}.category-option.selected{border-color:var(--coral);color:var(--coral);background:var(--coral-soft)}.detail-fields{border-top:1px solid var(--line);gap:0}.detail-fields label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;display:flex}.detail-fields label>span{color:#646860;align-items:center;gap:7px;font-size:13px;display:inline-flex}.detail-fields input{width:65%;color:var(--ink);text-align:right;background:0 0;border:0;outline:0;padding:8px 0}.detail-fields input::placeholder{color:#aaa9a2}.button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 17px;font-weight:650;display:inline-flex}.button.coral{color:#fff;background:var(--coral);box-shadow:0 6px 14px #dc62582e}.button.quiet{color:#6e726b;background:var(--soft)}.save-button,.full-button{width:100%}.form-error{color:var(--coral);margin:-8px 0;font-size:12px}.day-group{margin-top:23px}.day-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:8px;display:flex}.day-heading strong,.day-heading span{display:block}.day-heading strong{font-size:14px}.day-heading span{color:var(--muted);margin-top:3px;font-size:11px}.day-heading b{color:var(--muted);font-size:11px;font-weight:500}.empty-state{text-align:center;justify-items:center;padding:82px 28px;display:grid}.empty-icon,.brand-mark{color:#fff;background:var(--coral);border-radius:16px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:grid}.empty-state h2{margin:17px 0 5px;font-size:18px}.empty-state p{color:var(--muted);margin:0 0 20px;font-size:13px}.compact-empty{padding-top:50px}.category-group{border-bottom:1px solid var(--line);margin-top:12px}.category-group-head{width:100%;min-height:68px;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;padding:7px 0;display:flex}.group-title{flex:1;gap:4px;margin-left:10px;display:grid}.group-title small{color:var(--muted);font-size:11px}.group-total{color:var(--coral);margin-right:9px;font-size:14px}.category-detail{padding:0 0 8px 42px}.category-detail-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;display:flex}.category-detail-row>div{min-width:0}.category-detail-row strong,.category-detail-row span{display:block}.category-detail-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.category-detail-row span{color:var(--muted);margin-top:3px;font-size:11px}.category-detail-row b{color:var(--coral);font-size:13px}.analytics-summary{background:#edf5f1;border-radius:9px;padding:18px 20px}.analytics-summary span,.analytics-summary small{color:var(--teal);font-size:12px;display:block}.analytics-summary strong{color:#185b55;margin:6px 0;font-size:30px;display:block}.analytics-summary small{color:#628d85}.chart-section{border-bottom:1px solid var(--line);padding-bottom:22px}.donut-wrap{grid-template-columns:150px 1fr;align-items:center;gap:18px;display:grid}.donut-chart{background:conic-gradient(var(--donut));border-radius:50%;place-items:center;width:140px;height:140px;display:grid}.donut-chart:before{background:var(--canvas);content:"";border-radius:50%;width:96px;height:96px;position:absolute}.donut-chart span{z-index:1;color:var(--muted);text-align:center;font-size:11px;line-height:1.5}.donut-chart strong{color:var(--ink);font-size:13px}.donut-legend{gap:10px;display:grid}.legend-row{color:#656961;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:12px;display:grid}.legend-row i{border-radius:50%;width:8px;height:8px}.legend-row strong{color:var(--ink);font-size:11px}.line-chart{border-bottom:1px solid var(--line);justify-content:space-around;align-items:end;height:140px;padding:18px 0 0;display:flex}.line-point{height:100%;color:var(--muted);flex-direction:column;justify-content:end;align-items:center;gap:8px;font-size:10px;display:flex}.line-bar{background:var(--teal);opacity:.82;border-radius:7px 7px 2px 2px;width:14px;min-height:8px}.budget-list{gap:15px;display:grid}.budget-row>div:first-child{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.budget-row strong{font-size:13px}.budget-row span{color:var(--muted);font-size:11px}.budget-track{height:7px}.budget-track span{background:var(--teal)}.trust-icon{color:var(--teal)}.settings-section{padding-top:4px}.budget-editor{border-top:1px solid var(--line);gap:0;display:grid}.budget-editor label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:51px;display:flex}.category-label{color:#5f635c;align-items:center;gap:8px;font-size:13px;display:inline-flex}.category-label i{border-radius:50%;width:9px;height:9px}.money-field{color:var(--muted);align-items:center;gap:5px;display:flex}.money-field input{border:1px solid var(--line);width:74px;color:var(--ink);background:var(--soft);text-align:right;border-radius:6px;outline:none;padding:6px 4px}.settings-actions{border-top:1px solid var(--line);display:grid}.settings-action{border:0;border-bottom:1px solid var(--line);min-height:64px;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:12px;padding:8px 0;display:flex}.settings-action>svg{color:var(--teal);flex:none}.settings-action span{gap:4px;display:grid}.settings-action strong{font-size:13px;font-weight:600}.settings-action small{color:var(--muted);font-size:11px}.danger-zone{margin-top:30px}.danger-action>svg,.danger-action strong{color:var(--coral)}.toast-inline{z-index:6;bottom:calc(86px + env(safe-area-inset-bottom));color:#fff;background:#2c3936;border-radius:7px;max-width:calc(100% - 40px);padding:10px 15px;font-size:12px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #21252029}.dialog-backdrop{z-index:10;background:#24272259;place-items:end center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--canvas);border-radius:12px 12px 8px 8px;width:min(100%,440px);padding:22px;box-shadow:0 -10px 30px #22262029}.dialog h2{margin:0 0 8px;font-size:18px}.dialog p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.dialog-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.boot-screen{min-height:100vh;color:var(--muted);align-content:center;justify-items:center;gap:11px;font-size:13px;display:grid}.boot-screen strong{color:var(--ink);font-size:18px}@media (width>=481px){.app-shell{border-radius:18px;min-height:calc(100vh - 36px);margin:18px auto}.page{min-height:calc(100vh - 36px)}.app-tab-bar{border-bottom-right-radius:18px;border-bottom-left-radius:18px;bottom:18px}.floating-add{bottom:92px}}