html{background:#eef6ff}:root{color:#17375f;letter-spacing:0;background:#eef6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,select{font:inherit}body{background:linear-gradient(#ffffffd1,#eef6fff0),#eef6ff;min-width:320px;min-height:100vh;margin:0}.app-shell{justify-content:center;min-height:100vh;padding:0 0 112px;display:flex}.phone-shell{background:#f8fbff;width:min(100%,460px);min-height:100vh;padding:28px 18px 22px}.screen-stack{gap:18px;display:grid}.screen-header span,.lock-panel p,.section-heading span,.stat-card span,.account-row span,.recurring-row span,.budget-row span,.transaction-row span{color:#6e8098}.screen-header h1,.lock-panel h1,.section-heading h2{color:#102b4c;letter-spacing:0;margin:3px 0 0}.screen-header h1{font-size:2rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.total-worth-card{text-align:left;color:#f8fbff;background:linear-gradient(135deg,#102b4c,#245c8f);border:1px solid #ffffff6b;border-radius:8px;justify-items:start;gap:8px;width:100%;min-height:154px;padding:20px;display:grid;box-shadow:0 18px 45px #17375f2e}.total-worth-card span,.total-worth-card small,.total-worth-card em{color:#f8fbffd1}.total-worth-card strong{color:#fff;font-size:2.15rem;line-height:1.05}.total-worth-card small{font-weight:700}.total-worth-card em{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;align-self:end;padding:7px 10px;font-size:.82rem;font-style:normal;font-weight:800}.stat-card,.chart-card,.content-section,.settings-panel,.lock-panel{background:#fffffff0;border:1px solid #e3edf8;border-radius:8px;box-shadow:0 18px 45px #17375f14}.stat-card{flex-direction:column;justify-content:space-between;min-height:118px;padding:15px;display:flex}.stat-card strong{color:#102b4c;font-size:1.28rem}.stat-card--good strong{color:#177d6b}.stat-card--danger strong,.budget-row.is-over b{color:#c9364c}.chart-card,.content-section,.settings-panel{padding:16px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading h2{font-size:1rem}.section-heading__actions{align-items:center;gap:8px;display:inline-flex}.section-settings-button{color:#17375f;background:#f8fbff;border:1px solid #d6e4f2;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.section-settings-button[aria-expanded=true]{color:#fff;background:#17375f;border-color:#17375f}.settings-dropdown{background:#fbfdff;border:1px solid #dce9f6;border-radius:8px;margin-top:12px;padding:0 12px 12px}.chart-frame{height:190px}.mini-chart{width:100%;height:100%;display:block}.chart-grid{stroke:#e2edf8;stroke-width:1px}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.chart-line--required{stroke:#d4485f}.chart-line--projected,.chart-line--value{stroke:#2f78c4}.chart-line--value{stroke:#17375f}.chart-bar--spent{fill:#2f78c4}.chart-bar--limit{fill:#c9d9eb}.mini-chart text{fill:#6e8098;font-size:11px}.account-list,.budget-list{gap:10px;display:grid}.account-row,.transaction-row,.recurring-row{border-top:1px solid #edf3fa;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.account-row div,.recurring-row div{gap:3px;min-width:0;display:grid}.account-row b,.transaction-row strong,.recurring-row b{white-space:nowrap}.budget-row{background:#f7fbff;border:1px solid #e4eef8;border-radius:8px;gap:12px;padding:14px;display:grid}.budget-row__header{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.budget-row__header strong{overflow-wrap:anywhere;min-width:0}.budget-row__header span{color:#6e8098;text-align:right;text-transform:capitalize;white-space:nowrap;flex:none}.budget-meter{background:#dbe8f6;border-radius:999px;height:8px;overflow:hidden}.budget-meter span{border-radius:inherit;background:#2f78c4;height:100%;display:block}.budget-row.is-over .budget-meter span{background:#d4485f}.settings-panel{gap:10px;display:grid}.settings-panel h2,.settings-panel p{margin:0}.entry-form{border-top:1px solid #edf3fa;gap:12px;margin-top:16px;padding-top:16px;display:grid}.entry-form h3{color:#102b4c;margin:0;font-size:.98rem}.entry-form label{color:#51667f;gap:6px;font-size:.84rem;font-weight:700;display:grid}.custom-timeframe-grid{background:#f7fbff;border:1px solid #e4eef8;border-radius:8px;gap:12px;padding:12px;display:grid}.custom-timeframe-grid label{font-size:.82rem}.form-hint{color:#51667f;font-size:.82rem;font-weight:800}.form-actions{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.form-actions .secondary-action{justify-content:center;align-items:center;gap:6px;display:inline-flex}.settings-list{border-top:1px solid #edf3fa;gap:10px;margin-top:16px;padding-top:16px;display:grid}.settings-list__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-list__header h3{color:#102b4c;margin:0;font-size:.98rem}.settings-list__header span{color:#6e8098;font-weight:800}.settings-account-list{gap:8px;display:grid}.settings-account-row{background:#f7fbff;border:1px solid #e4eef8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.settings-account-row div:first-child{gap:2px;min-width:0;display:grid}.settings-account-row strong{color:#102b4c;overflow-wrap:anywhere}.settings-account-row span{color:#6e8098;font-size:.82rem;font-weight:700}.settings-account-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.icon-action{color:#17375f;background:#fff;border:1px solid #d6e4f2;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-action--danger{color:#bd3850;background:#fff8fa;border-color:#f0cbd3}.empty-state{color:#60748e;background:#f4f9ff;border:1px dashed #cfe0f2;border-radius:8px;padding:12px;line-height:1.35}.checkbox-list{gap:8px;display:grid}.checkbox-list label{color:#51667f;align-items:center;gap:8px;font-weight:700;display:flex}.checkbox-list input{width:auto;min-height:auto}.settings-panel input,.entry-form input,.entry-form select,.form-grid input,.form-grid select,.lock-panel input{color:#102b4c;background:#f8fbff;border:1px solid #d7e5f3;border-radius:8px;width:100%;min-height:46px;padding:0 12px}.recurring-row button,.ghost-button,.secondary-action{color:#17375f;background:#fff;border:1px solid #d6e4f2;border-radius:8px;padding:10px 12px}.success-banner{color:#176b57;background:#e9faf4;border:1px solid #bfe9dc;border-radius:8px;padding:12px 14px;font-weight:700}.bottom-nav{z-index:20;width:min(100%,460px);padding:0 0 env(safe-area-inset-bottom);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__bar{background:#fff;border-top:1px solid #dfeaf5;border-radius:24px 24px 0 0;grid-template-columns:1fr 1fr 76px 1fr 1fr;align-items:stretch;min-height:84px;display:grid;position:relative;box-shadow:0 -16px 38px #17375f29}.bottom-nav__gap{min-height:84px}.bottom-nav__item{z-index:2;color:#61758d;text-align:center;background:0 0;border:0;grid-template-rows:28px 30px;align-content:end;justify-items:center;gap:2px;height:84px;padding:0 4px 10px;font-size:.72rem;line-height:1.08;display:grid;position:relative}.bottom-nav__item.is-active{color:#1f67ad;font-weight:800}.bottom-nav__item svg{align-self:center}.bottom-nav__item span{place-items:start center;max-width:58px;min-height:26px;display:grid}.quick-action-button{z-index:3;color:#fff;background:linear-gradient(145deg,#1d4773,#102f54);border:6px solid #f7fbff;border-radius:999px;place-items:center;width:68px;height:68px;display:grid;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 13px 24px #17375f33,0 0 0 1px #17375f14}.quick-action-button svg{width:30px;height:30px}.sheet-backdrop{z-index:40;background:#0a1a2e47;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.action-sheet{background:#fff;border-radius:24px 24px 0 0;width:min(100%,460px);padding:10px 18px 22px;box-shadow:0 -20px 45px #17375f33}.sheet-handle{background:#c8d9ea;border-radius:999px;width:42px;height:4px;margin:0 auto 14px}.sheet-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.sheet-header h2{margin:2px 0 0}.segmented-tabs{background:#edf5ff;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;padding:4px;display:grid}.segmented-tabs button{color:#61758d;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 4px;display:inline-flex}.segmented-tabs button.is-active{color:#17375f;background:#fff;box-shadow:0 8px 18px #17375f14}.form-grid{gap:12px;display:grid}.form-grid label,.lock-panel label{color:#51667f;gap:6px;font-size:.84rem;font-weight:700;display:grid}.primary-action{color:#fff;background:#17375f;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:16px;font-weight:800;display:inline-flex}.lock-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.lock-panel{gap:14px;width:min(100%,390px);padding:24px;display:grid}.lock-icon{color:#fff;background:#17375f;border-radius:999px;place-items:center;width:64px;height:64px;display:grid}.form-error{color:#c9364c;margin:0;font-weight:700}.secondary-action{justify-content:center;align-items:center;gap:8px;display:inline-flex}.secondary-action:disabled{color:#8aa0b7}@media (width>=720px){.app-shell{padding-top:28px}.phone-shell{border:1px solid #d9e6f4;border-bottom:0;border-radius:30px 30px 0 0;min-height:calc(100vh - 28px);box-shadow:0 24px 70px #17375f26}}