:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-background:#eef2ed;--page-background:#f8f7f2;--surface:#fff;--surface-muted:#f1f4ef;--foreground:#17211c;--muted:#66736b;--border:#dfe5dc;--accent:#2f6f5e;--accent-dark:#1f4d41;--warm:#df5c36;--blue:#2f6da8;--income:#22734f;--shadow:0 16px 38px #17211c14}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--app-background);color:var(--foreground);-webkit-tap-highlight-color:transparent;font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.72}.app-root{background:var(--page-background);width:min(100%,430px);min-height:100dvh;padding-top:env(safe-area-inset-top);margin:0 auto}.app-content{padding:16px 16px calc(96px + env(safe-area-inset-bottom));gap:16px;display:grid}.auth-root{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex}.auth-panel{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:8px;gap:20px;padding:22px;display:grid}.auth-brand{gap:8px;display:grid}.auth-brand p,.auth-brand h1,.auth-brand span{margin:0}.auth-brand p{color:var(--accent);font-size:.82rem;font-weight:700}.auth-brand h1{color:var(--foreground);font-size:2rem;line-height:1.1}.auth-brand span{color:var(--muted);font-size:.95rem;line-height:1.5}.auth-tabs{background:var(--surface-muted);border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tab{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:700}.auth-tab.active{background:var(--surface);color:var(--accent);box-shadow:0 6px 16px #17211c14}.auth-form{gap:10px;display:grid}.field-label{color:var(--foreground);font-size:.86rem;font-weight:700}.field-control{border:1px solid var(--border);background:var(--surface-muted);min-height:46px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.field-control input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1}.field-control input::placeholder{color:#8a948d}.form-message{border-radius:8px;margin:4px 0 0;padding:10px 12px;font-size:.86rem;line-height:1.5}.form-message.error{color:#9b341c;background:#fff1ed}.form-message.success{color:#1f6f45;background:#edf8f1}.auth-submit{width:100%;margin-top:6px}.auth-loading{color:var(--accent);align-items:center;gap:10px;font-weight:700;display:inline-flex}.auth-loading svg{animation:.9s linear infinite spin}.account-strip{border-bottom:1px solid var(--border);background:#ffffffdb;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.account-strip div{gap:2px;min-width:0;display:grid}.account-strip span{color:var(--muted);font-size:.72rem;font-weight:700}.account-strip strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.sign-out-button{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--foreground);border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.account-error{margin:10px 16px 0}.sync-status-banner{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.84rem;font-weight:700;line-height:1.4;display:flex}.sync-status-banner span{overflow-wrap:anywhere;min-width:0}.sync-status-banner.online{color:#1f6f45;background:#edf8f1;border-color:#cfe0da}.sync-status-banner.neutral{background:var(--surface);color:var(--muted)}.sync-status-banner.warning,.sync-status-banner.offline{color:#9b341c;background:#fff8f5;border-color:#f2b9a9}@keyframes spin{to{transform:rotate(360deg)}}.app-header{justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.view-heading{padding:2px 2px 0}.app-header p,.section-heading p{color:var(--muted);margin:0 0 4px;font-size:.78rem;font-weight:700}.app-header h1,.section-heading h2,.section-heading h3{color:var(--foreground);margin:0}.app-header h1{font-size:1.8rem;line-height:1.15}.section-heading h2{font-size:1.05rem;line-height:1.25}.section-heading h3{font-size:.96rem;line-height:1.25}.section-heading.horizontal{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading a,.text-button{color:var(--accent);font-size:.85rem;font-weight:700}.text-button{background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 2px;display:inline-flex}.action-row{align-items:center;gap:10px;display:flex}.small-icon-button{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.small-icon-button[aria-pressed=true]{background:#eef5f2;border-color:#cfe0da}.small-icon-button.danger{color:#a33a22}.small-icon-button.danger.confirm{background:#fff1ed;border-color:#f2b9a9}.summary-panel,.chat-panel,.manual-panel,.section-block{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.summary-panel{background:var(--accent-dark);color:#fff;border-color:#285f51;gap:18px;padding:20px;display:grid}.summary-panel .section-heading p,.summary-panel .section-heading h2{color:#fff}.summary-main{gap:6px;display:grid}.summary-main span,.summary-grid span,.budget-line span{color:#ffffffc2;font-size:.82rem}.summary-main strong{font-size:2rem;line-height:1.1}.summary-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.summary-grid div{gap:6px;display:grid}.summary-grid strong,.budget-line strong{font-size:1rem}.budget-line{gap:8px;display:grid}.budget-line div{justify-content:space-between;align-items:center;display:flex}progress{background:#fff3;border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}progress::-webkit-progress-bar{background:#fff3;border-radius:999px}progress::-webkit-progress-value{background:#f2c94c;border-radius:999px}progress::-moz-progress-bar{background:#f2c94c;border-radius:999px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;display:inline-flex}.manual-panel,.chat-panel,.section-block{gap:16px;padding:16px;display:grid}.manual-entry-button{background:var(--surface);width:100%;min-height:76px;color:var(--foreground);text-align:left;box-shadow:var(--shadow);border:1px dashed #c9d7ce;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;display:flex}.manual-entry-button strong,.manual-entry-button small{display:block}.manual-entry-button strong{font-size:.98rem;line-height:1.35}.manual-entry-button small{color:var(--muted);margin-top:2px;font-size:.82rem;line-height:1.35}.manual-entry-icon{width:42px;height:42px;color:var(--accent);background:#eef5f2;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.manual-form{gap:12px;display:grid}.local-draft-note{background:#fbfdfb;border:1px solid #cfe0da;border-radius:8px;gap:8px;padding:10px;display:grid}.local-draft-note p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.local-draft-note .text-button{justify-self:start}.chat-form,.manual-grid{gap:12px;display:grid}.manual-grid.two-columns{grid-template-columns:1fr 1fr}.manual-field{gap:7px;display:grid}.manual-field span{color:var(--foreground);font-size:.84rem;font-weight:700}.manual-field input,.manual-field select,.manual-field textarea{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:44px;color:var(--foreground);border-radius:8px;padding:10px 12px}.manual-field input::placeholder,.manual-field textarea::placeholder{color:#8a948d}.manual-submit{width:100%}.manual-optional-block,.manual-optional-fields{gap:12px;display:grid}.manual-optional-toggle{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:inline-flex}.manual-optional-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.import-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.import-file-name{overflow-wrap:anywhere;width:fit-content;max-width:100%;color:var(--muted);align-items:center;gap:6px;margin:0;font-size:.84rem;line-height:1.4;display:inline-flex}.import-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.import-summary span{border:1px solid var(--border);background:var(--surface-muted);color:var(--foreground);text-align:center;border-radius:8px;padding:9px 8px;font-size:.82rem;font-weight:700}.import-preview,.import-errors,.import-row-list{gap:10px;display:grid}.import-preview-row,.import-error-row{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.import-preview-row svg{color:var(--income);flex:none}.import-preview-row div,.import-error-row{min-width:0}.import-preview-row strong,.import-preview-row span,.import-error-row strong,.import-error-row span{overflow-wrap:anywhere;line-height:1.4;display:block}.import-preview-row strong,.import-error-row strong{color:var(--foreground);font-size:.84rem}.import-preview-row span,.import-error-row span{color:var(--muted);margin-top:3px;font-size:.8rem}.import-error-row{background:#fff8f5;border-color:#f2b9a9;display:grid}.import-error-row strong,.import-error-row span{color:#9b341c}.chat-input-label{width:fit-content;color:var(--accent);align-items:center;gap:6px;font-size:.86rem;font-weight:700;display:inline-flex}textarea{resize:vertical;border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:96px;color:var(--foreground);border-radius:8px;padding:12px;line-height:1.5}textarea::placeholder{color:#8a948d}.primary-button{border:1px solid var(--warm);background:var(--warm);color:#fff;flex:1}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--foreground);flex:1}.transaction-list,.category-list,.daily-list,.stats-grid,.stats-subsection,.stats-range-controls,.transaction-filter-form,.transaction-group-list,.transaction-year-group,.transaction-month-group,.transaction-date-group{gap:10px;display:grid}.filter-search-control{border:1px solid var(--border);background:var(--surface-muted);min-height:44px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.filter-search-control input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1}.transaction-filter-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.filter-summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.filter-summary-grid div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:5px;padding:10px;display:grid}.filter-summary-grid span{color:var(--muted);font-size:.74rem;font-weight:700}.filter-summary-grid strong{overflow-wrap:anywhere;min-width:0;color:var(--foreground);font-size:.9rem}.load-more-block{gap:8px;display:grid}.manager-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.offline-toolbar-note{color:#9b341c;background:#fff8f5;border:1px solid #f2b9a9;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.batch-delete-panel{background:#fff8f5;border:1px solid #f2b9a9;border-radius:8px;gap:10px;padding:10px;display:grid}.batch-delete-panel div{justify-content:space-between;align-items:center;gap:10px;display:flex}.batch-delete-panel span{color:#9b341c;font-size:.8rem;font-weight:700}.batch-delete-panel strong{color:#9b341c;font-size:.95rem}.danger-action{color:#9b341c;border-color:#f2b9a9}.managed-transaction-row{gap:8px;display:grid}.managed-transaction-row.selected-mode{grid-template-columns:32px 1fr;align-items:start}.range-button-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.range-button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--muted);border-radius:8px;padding:0 6px;font-size:.8rem;font-weight:700}.range-button.active{color:var(--accent);background:#eef5f2;border-color:#cfe0da}.custom-range-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.apply-range-button{grid-column:1/-1}.stats-metric-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stats-metric-card{border:1px solid var(--border);background:var(--surface-muted);text-align:left;border-radius:8px;gap:5px;padding:10px;display:grid}button.stats-metric-card{color:inherit}.stats-metric-card.interactive:not(:disabled){background:#f7fbf8;border-color:#cfe0da}.stats-metric-card span{color:var(--muted);font-size:.74rem;font-weight:700}.stats-metric-card strong{overflow-wrap:anywhere;min-width:0;color:var(--foreground);font-size:.92rem}.transaction-year-heading,.transaction-month-heading,.transaction-date-heading{color:var(--foreground);font-weight:700;line-height:1.3}.transaction-year-heading{font-size:1rem}.transaction-month-heading{color:var(--accent);font-size:.92rem}.transaction-date-heading{color:var(--muted);font-size:.84rem}.transaction-edit-item{gap:8px;display:grid}.transaction-list-message{margin-top:0}.delete-confirm-note{color:#9b341c;background:#fff8f5;border:1px solid #f2b9a9;border-radius:8px;margin:0;padding:9px 10px;font-size:.82rem;line-height:1.45}.list-state{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);border-radius:8px;margin:0;padding:12px;font-size:.88rem;line-height:1.5}.list-state.error{color:#9b341c;background:#fff1ed;gap:10px;display:grid}.list-state.error p{margin:0}.list-state.error button{color:#9b341c;background:#fff;border:1px solid #f3c9bc;border-radius:8px;width:fit-content;min-height:34px;padding:0 12px;font-weight:700}.transaction-card{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:42px 1fr;gap:12px;padding:12px;display:grid}.transaction-icon{width:42px;height:42px;color:var(--accent);background:#eef5f2;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.transaction-main{min-width:0}.transaction-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.transaction-title-row h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.98rem;line-height:1.35}.transaction-amount{color:var(--warm);white-space:nowrap;font-size:.95rem}.transaction-amount.income{color:var(--income)}.transaction-side{flex:none;align-items:center;gap:8px;display:flex}.transaction-main p,.transaction-main span{color:var(--muted);margin:5px 0 0;font-size:.82rem;line-height:1.35;display:block}.edit-form,.confirm-card{background:#fbfdfb;border:1px solid #cfe0da;border-radius:8px;gap:12px;padding:12px;display:grid}.batch-confirm,.batch-candidate-list{gap:12px;display:grid}.batch-confirm-summary{gap:8px;display:grid}.batch-candidate-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.batch-candidate-actions{flex:none;align-items:center;gap:8px;display:flex}.confirm-card-title{color:var(--accent);align-items:flex-start;gap:10px;display:flex}.confirm-card-title p,.confirm-card-title h3{margin:0}.confirm-card-title p{color:var(--muted);font-size:.78rem;font-weight:700}.confirm-card-title h3{color:var(--foreground);font-size:.96rem;line-height:1.25}.confirm-note{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.confirm-readonly{gap:8px;margin:0;display:grid}.confirm-readonly div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:3px;padding:9px 10px;display:grid}.confirm-readonly dt{color:var(--muted);font-size:.74rem;font-weight:700}.confirm-readonly dd{overflow-wrap:anywhere;color:var(--foreground);margin:0;font-size:.86rem;line-height:1.4}.compact-message{margin:0}.category-row,.daily-row{gap:8px;display:grid}.drilldown-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.drilldown-row:disabled{opacity:.72}.category-row-top,.daily-row-top{justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;display:flex}.category-row-top span,.daily-row-top span{color:var(--foreground);font-weight:700}.category-row-top strong,.daily-row-top strong{color:var(--muted);font-size:.9rem}.category-meter{background:var(--surface-muted);border-radius:999px;height:8px;overflow:hidden}.category-meter span{border-radius:inherit;background:var(--blue);height:100%;display:block}.bottom-nav{border-top:1px solid var(--border);width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.bottom-nav-item{min-height:52px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;gap:3px;font-size:.74rem;font-weight:700;display:grid}.bottom-nav-item.active{color:var(--accent);background:#eef5f2}@media (min-width:720px){.app-root{min-height:100vh;box-shadow:0 0 0 1px #17211c14}}@media (max-width:360px){.app-content{padding-left:12px;padding-right:12px}.summary-main strong{font-size:1.75rem}.action-row{display:grid}.import-summary,.import-actions,.range-button-row,.custom-range-fields,.transaction-filter-actions,.filter-summary-grid,.manager-toolbar{grid-template-columns:1fr}}