:root{--accent: #2563eb;--accent-soft: #dbeafe;--bg: #f6f7f9;--blue: #2563eb;--border: #d9dee7;--field: #f1f4f8;--focus: #93c5fd;--green: #2f855a;--muted: #687385;--red: #c05621;--shadow: 0 18px 50px rgba(28, 40, 56, .12);--soft-shadow: 0 8px 20px rgba(28, 40, 56, .08);--surface: #ffffff;--text: #273142;--text-strong: #101820;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px}h1,h2,h3,p{letter-spacing:0}h1{color:var(--text-strong);font-size:28px;font-weight:850;line-height:1.12}h2{color:var(--text-strong);font-size:18px;font-weight:850;line-height:1.2}@media(prefers-color-scheme:dark){:root{--accent: #60a5fa;--accent-soft: #193552;--bg: #101820;--border: #2a3543;--field: #172231;--focus: #60a5fa;--muted: #9aa7b7;--shadow: 0 18px 50px rgba(0, 0, 0, .3);--soft-shadow: 0 8px 20px rgba(0, 0, 0, .22);--surface: #121d2a;--text: #e5edf6;--text-strong: #f8fbff}}.auth-shell,.app-shell{min-height:100svh}.auth-shell{align-items:center;display:flex;justify-content:center;padding:24px}.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);max-width:420px;padding:28px;width:100%}.auth-icon{align-items:center;background:var(--accent-soft);border-radius:8px;color:var(--accent);display:inline-flex;height:48px;justify-content:center;margin-bottom:18px;width:48px}.auth-panel h1,.topbar h1{margin:0}.auth-panel p{color:var(--muted);margin:10px 0 0}.auth-form,.entry-form{display:grid;gap:16px;margin-top:24px}label{color:var(--muted);display:grid;font-size:13px;font-weight:700;gap:7px}input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--field);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;min-height:46px;padding:0 12px;width:100%}input:focus,select:focus,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button{font:inherit}.primary-button,.small-button,.ghost-button,.icon-button,.bottom-nav button,.toast,.settings-list button,.transaction-main,.delete-button{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center}.primary-button{background:var(--accent);border-radius:8px;color:#fff;font-weight:800;min-height:50px;padding:0 18px;width:100%}.primary-button:disabled{cursor:not-allowed;opacity:.6}.small-button,.ghost-button{border-radius:8px;font-size:14px;font-weight:800;gap:7px;min-height:38px;padding:0 12px}.small-button{background:var(--accent);color:#fff}.ghost-button{background:var(--field);color:var(--text)}.wide{width:100%}.hidden-file-input{display:none}.icon-button{background:var(--field);border-radius:8px;color:var(--text);height:42px;width:42px}.app-shell{display:grid;grid-template-rows:auto auto 1fr auto;margin:0 auto;max-width:960px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{align-items:center;display:flex;justify-content:space-between;padding:22px 18px 12px}.eyebrow{color:var(--muted);display:block;font-size:12px;font-weight:800;letter-spacing:0;margin-bottom:4px}.month-strip{align-items:end;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:0 18px 14px}.month-strip label{min-width:150px}.month-strip input{min-height:40px}.month-strip span{color:var(--muted);font-size:12px;text-align:right}.screen{display:grid;gap:18px;padding:18px}.summary-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.chart-panel,.security-note{background:var(--surface);border:1px solid var(--border);border-radius:8px}.metric{display:grid;gap:9px;min-height:96px;padding:14px}.metric span{color:var(--muted);font-size:13px;font-weight:800}.metric strong{color:var(--text-strong);font-size:18px;line-height:1.15;overflow-wrap:anywhere}.income{border-top:4px solid var(--green)}.expense{border-top:4px solid var(--red)}.balance{border-top:4px solid var(--blue)}.section-head{align-items:center;display:flex;justify-content:space-between}.section-head h2{margin:0}.chart-panel{min-height:232px;overflow:hidden;padding:12px}.chart-panel.tall{min-height:292px}.empty-state{align-items:center;color:var(--muted);display:flex;justify-content:center;min-height:120px;text-align:center}.list,.category-list,.settings-list{display:grid;gap:10px}.transaction-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto 38px;min-height:72px;padding:10px}.transaction-main{background:transparent;color:inherit;gap:11px;justify-content:flex-start;min-width:0;padding:0;text-align:left}.transaction-main span:last-child{display:grid;gap:3px;min-width:0}.transaction-main strong,.transaction-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-main small{color:var(--muted);font-size:12px}.category-dot{align-items:center;border-radius:8px;color:#fff;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.money-out,.money-in{font-size:14px;white-space:nowrap}.money-out{color:var(--red)}.money-in{color:var(--green)}.delete-button{background:var(--field);border-radius:8px;color:var(--muted);height:38px;width:38px}.entry-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.segmented{background:var(--field);border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);padding:4px}.segmented button{background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;font-weight:800;min-height:42px}.segmented .active{background:var(--surface);box-shadow:var(--soft-shadow);color:var(--text-strong)}.amount-field input{font-size:34px;font-weight:800;height:68px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.check-row{align-items:center;background:var(--field);border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;gap:12px;padding:12px}.check-row input{accent-color:var(--accent);flex:0 0 auto;height:22px;min-height:22px;padding:0;width:22px}.check-row span{display:grid;gap:2px}.check-row small{color:var(--muted);font-size:12px;font-weight:600}.category-line{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:10px;grid-template-columns:12px 1fr auto;min-height:50px;padding:10px 12px}.recurring-panel{display:grid;gap:10px}.recurring-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:10px;grid-template-columns:40px minmax(0,1fr) auto auto;min-height:64px;padding:10px}.recurring-row span:nth-child(2){display:grid;gap:3px;min-width:0}.recurring-row strong,.recurring-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recurring-row small{color:var(--muted);font-size:12px}.compact{min-height:72px}.category-line span{border-radius:999px;height:12px;width:12px}.category-line p{margin:0}.settings-list button{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);gap:12px;justify-content:flex-start;min-height:56px;padding:0 14px;text-align:left}.settings-list .danger{color:var(--red)}.security-note{align-items:start;color:var(--muted);display:flex;gap:10px;padding:14px}.security-note p{margin:0}.toast{background:var(--text-strong);border-radius:8px;color:var(--surface);font-size:13px;font-weight:800;left:18px;min-height:42px;padding:0 14px;position:fixed;right:18px;top:12px;z-index:20}.alert{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#9b2c2c;margin:0;padding:10px 12px}.bottom-nav{background:#fffffff5;border-top:1px solid var(--border);bottom:0;display:grid;grid-template-columns:repeat(5,1fr);left:0;margin:0 auto;max-width:960px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:10}.bottom-nav button{background:transparent;border-radius:8px;color:var(--muted);flex-direction:column;font-size:11px;font-weight:800;gap:3px;min-height:56px}.bottom-nav .active{background:var(--accent-soft);color:var(--accent)}@media(max-width:680px){.summary-grid,.form-grid{grid-template-columns:1fr}.metric{min-height:82px}.transaction-row{grid-template-columns:minmax(0,1fr) auto}.delete-button{grid-column:2}.recurring-row{grid-template-columns:40px minmax(0,1fr) auto}.recurring-row .ghost-button{grid-column:2 / 4;justify-self:stretch}}@media(prefers-color-scheme:dark){.bottom-nav{background:#101820f5}.alert{background:#2d1f21;border-color:#744248;color:#feb2b2}}