:root{color:#25313b;background:#f7f3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ice: #f9fbfa;--ice-blue: #d9eef4;--frost: rgba(255, 255, 255, .54);--frost-strong: rgba(255, 255, 255, .76);--brown: #6f4e38;--brown-soft: #a98566;--graphite: #25313b;--muted: #6b7280;--line: rgba(79, 65, 52, .12);--orange: #d77a22;--shadow: 0 14px 36px rgba(67, 52, 39, .09), inset 0 1px 0 rgba(255, 255, 255, .62)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none;background:#edf2f1}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{position:relative;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px calc(116px + env(safe-area-inset-bottom));background:linear-gradient(145deg,#dceff2db,#faf8f3bd 45%,#e7dacad1),#f4f1eb}.app-shell--error{display:grid;place-items:center;padding:24px}.error-panel{display:grid;gap:14px;width:100%;max-width:430px;padding:22px;border:1px solid rgba(104,76,54,.18);border-radius:18px;background:#ffffffc2;box-shadow:var(--shadow)}.error-panel h1,.error-panel p{margin:0}.error-panel small{color:#755f4d;word-break:break-word}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:430px;margin:0 auto 20px;padding:3px 2px}.brand{display:flex;align-items:center;gap:12px}.brand p,.brand span,h1,h2{margin:0}.brand p{font-size:1.2rem;font-weight:800;letter-spacing:0}.brand span,.muted,.empty-state,.dashboard-head p{color:var(--muted)}.mammoth-mark{position:relative;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#ffffffe0,#d7ebefad);box-shadow:inset 0 0 0 1px #ffffffb8,var(--shadow)}.mammoth-mark__head{position:absolute;left:9px;bottom:10px;width:24px;height:20px;border-radius:12px 12px 9px 9px;background:var(--brown)}.mammoth-mark__trunk{position:absolute;right:7px;bottom:5px;width:8px;height:20px;border-radius:8px;background:var(--brown-soft)}.mammoth-mark__tusk{position:absolute;right:3px;bottom:7px;width:14px;height:9px;border:3px solid var(--ice);border-left:0;border-top:0;border-radius:0 0 10px}.icon-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--graphite);background:#ffffff80;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--shadow)}.content{max-width:430px;margin:0 auto}.pwa-network-status{position:fixed;z-index:30;top:max(10px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 12px;border:1px solid rgba(111,78,56,.18);border-radius:18px;color:var(--graphite);background:#ffffffb8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);transform:translate(-50%);font-size:.82rem;font-weight:700}.pwa-update-notice{position:fixed;z-index:29;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));left:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;max-width:398px;margin:0 auto;padding:12px;border:1px solid rgba(255,255,255,.78);border-radius:16px;background:#fafcfbcc;box-shadow:0 16px 38px #3a2e252e;-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%)}.pwa-update-notice strong,.pwa-update-notice small{display:block}.pwa-update-notice small{margin-top:2px;color:var(--muted)}.pwa-update-notice button{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:0;border-radius:8px;color:#fff;background:var(--brown)}.screen{display:grid;gap:16px}.screen-heading{display:grid;gap:3px;padding:2px 2px 4px}.screen-heading>span{color:var(--muted);font-size:.84rem;font-weight:650}.menu-screen{gap:18px}.menu-group{display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.64);border-radius:16px;background:#ffffff75;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%)}.menu-group__title{margin:0;padding:12px 14px 7px;color:#7d6858;font-size:.74rem;font-weight:750;text-transform:uppercase}.menu-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;width:100%;min-height:62px;gap:10px;padding:8px 12px;border:0;border-top:1px solid rgba(79,65,52,.09);color:var(--graphite);text-align:left;background:transparent}.menu-row:active{background:#ffffff61}.menu-row__icon{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:var(--brown);background:#ffffffa8;box-shadow:inset 0 0 0 1px #6f4e3814}.menu-row__content{display:grid;min-width:0;gap:2px}.menu-row__content strong{font-size:.96rem}.menu-row__content small,.menu-row__value,.menu-row__chevron{color:var(--muted)}.menu-row__content small{overflow-wrap:anywhere;font-size:.78rem}.menu-row__value{font-size:.84rem}.menu-row__chevron{flex-shrink:0}h1{font-size:2rem;line-height:1.05;letter-spacing:0}h2{font-size:1rem}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.month-control{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--frost);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.month-control input{width:118px;border:0;color:var(--graphite);background:transparent}.hero-panel,.form-panel,.list-section,.metric,.row-card{border:1px solid var(--line);background:#ffffff7a;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.hero-panel{display:grid;gap:8px;padding:22px;border-radius:8px}.hero-panel span,.metric span{color:var(--muted);font-size:.88rem}.hero-panel strong{color:var(--brown);font-size:clamp(2.1rem,9vw,4rem);line-height:1;letter-spacing:0}.hero-panel p{margin:0;color:var(--graphite)}.projection-hero p{color:var(--muted);line-height:1.4}.setup-panel{display:grid;overflow:hidden;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.66);border-radius:16px;background:#ffffff78;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%)}.setup-panel__head{display:flex;align-items:center;gap:10px}.setup-panel__head .mammoth-mark{flex:0 0 auto;width:38px;height:38px;border-radius:13px}.setup-panel__head .mammoth-mark__head{left:8px;bottom:9px;width:22px;height:18px}.setup-panel__head>div:last-child{display:grid;gap:2px}.setup-panel__head span,.setup-panel__head strong,.setup-panel__next small,.setup-panel__next strong,.setup-panel__list strong,.setup-panel__list small{display:block}.setup-panel__head span,.setup-panel__next small,.setup-panel__list small{color:var(--muted)}.setup-panel__head span{font-size:.78rem;font-weight:700}.setup-panel__next{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;min-height:66px;gap:10px;padding:8px 0;border:0;color:var(--graphite);text-align:left;background:transparent}.setup-panel__next>svg,.setup-panel__list button>svg{color:var(--muted)}.setup-panel__status{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;color:var(--brown);background:#ffffff9e}.setup-panel__next small,.setup-panel__list small{margin-top:2px;font-size:.76rem}.setup-panel__toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;border:0;color:var(--brown);background:transparent;font-size:.8rem;font-weight:700}.setup-panel__list{display:grid;margin:0 -2px -2px;border-top:1px solid var(--line)}.setup-panel__list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 2px;border:0;border-bottom:1px solid var(--line);color:var(--graphite);text-align:left;background:transparent}.setup-panel__list button:last-child{border-bottom:0}.setup-panel__list button>span:first-child{display:grid;color:var(--brown)}.setup-panel__list button.complete>span:first-child{color:#477e5a}.setup-panel__list button.complete strong,.setup-panel__list button.complete small{color:var(--muted)}.warning-text{color:#8a4b13}.nested-form{display:grid;gap:10px}.privacy-shield{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,#d9eef4e6,#ffffffc7),#f7f3eceb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.privacy-shield section{display:grid;width:min(100%,360px);gap:12px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--frost-strong);box-shadow:var(--shadow)}.privacy-shield p{margin:0;color:var(--muted)}.privacy-shield button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:8px;color:#fff;background:var(--brown)}.security-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(215,122,34,.28);border-radius:8px;background:#fff5e8ad}.security-callout svg{color:var(--orange)}.security-callout strong,.security-callout small{display:block}.security-callout small{margin-top:3px;color:#755f4d}.security-callout--ok{border-color:#477e5a3d;background:#ecf7efb8}.security-callout--ok svg{color:#477e5a}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.diagnostic-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff6}.diagnostic-grid svg{color:var(--brown)}.diagnostic-grid strong,.diagnostic-grid small{display:block;overflow-wrap:anywhere}.diagnostic-grid small,.diagnostic-output{color:var(--muted)}.diagnostic-output{white-space:pre-wrap;padding:10px;border:1px dashed var(--line);border-radius:8px;background:#ffffff6b}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:58px;border:1px solid var(--line);border-radius:8px;padding:12px;color:inherit;text-align:left;background:#ffffff75;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.report-entry>div{display:flex;min-width:0;align-items:center;gap:8px;color:var(--brown);font-weight:700}.report-entry strong{color:var(--graphite)}.report-entry svg:last-child{color:var(--muted)}.metric{display:grid;gap:6px;min-height:86px;padding:14px;border-radius:8px}.metric strong{font-size:1.25rem}.metric--planned strong,.row-card--planned strong,.row-card--planned small{color:var(--orange)}.list-section,.form-panel{display:grid;gap:10px;padding:14px;border-radius:8px}.management-section{display:grid;gap:16px}.management-section:not(.management-section--all)>.list-section{display:none}.management-section.management-section--accounts>.management-section__accounts,.management-section.management-section--savings>.management-section__savings,.management-section.management-section--budgets>.management-section__budgets,.management-section.management-section--movements>.management-section__movements,.management-section.management-section--cards>.management-section__cards,.management-section.management-section--recurring>.management-section__recurring{display:grid}.section-title{display:flex;align-items:center;gap:8px;color:var(--brown)}.section-title--split{justify-content:space-between}.section-title--split>div{display:flex;align-items:center;gap:8px}.mini-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--graphite);background:#ffffff9e}.row-card{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:12px;padding:12px;border-radius:8px;background:#ffffff61;box-shadow:inset 0 1px #ffffff94}.row-card--button{width:100%;border:1px solid var(--line);color:inherit;text-align:left}.row-card--button svg{flex-shrink:0;color:var(--muted)}.row-card--button:active{transform:translateY(1px)}.row-card>div:first-child{min-width:0}.row-card span{overflow-wrap:anywhere}.row-card--actionable{align-items:flex-start}.row-card--stacked{display:grid;align-items:stretch}.row-card--stacked strong{font-size:.92rem}.projection-card{gap:10px}.projection-card__head,.projection-card__flow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.projection-card__head>strong{flex-shrink:0;color:var(--brown)}.projection-card__flow{padding-top:8px;border-top:1px solid var(--line)}.projection-card__flow small:last-child{text-align:right}.progress-line{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#25313b1a}.progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brown),#93b9c2)}.budget-card--near .progress-line span{background:var(--orange)}.budget-card--exceeded{border-color:#b4402a57}.budget-card--exceeded .progress-line span{background:#b4402a}.budget-card--exceeded strong{color:#b4402a}.row-actions{display:flex;flex-shrink:0;gap:6px}.row-actions button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--graphite);background:#ffffff8f}.row-card small{display:block;margin-top:3px;color:var(--muted)}.report-row__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.report-row__head strong{flex-shrink:0}.statement-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff8f}.statement-card--paid{background:#ffffff5c}.statement-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.statement-card__summary{display:flex;flex:1;align-items:flex-start;justify-content:space-between;min-width:0;padding:0;border:0;color:inherit;text-align:left;background:transparent}.statement-card__summary svg{flex-shrink:0;margin-top:2px;color:var(--muted)}.statement-card__head div{min-width:0}.statement-card__head span,.statement-card__head small{display:block;overflow-wrap:anywhere}.statement-card__head small{margin-top:3px;color:var(--muted)}.statement-card__head strong{flex-shrink:0}.detail-header{display:grid;gap:12px;padding:2px 2px 4px}.detail-header>div{display:grid;gap:3px}.detail-header span{color:var(--muted);font-size:.88rem}.detail-hero strong{font-size:clamp(1.9rem,8vw,3.2rem)}.detail-hero--paid strong{color:var(--graphite)}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--line);border-radius:8px;color:var(--graphite);background:#ffffffa8}.statement-card__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.statement-card__actions select{min-width:0;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--graphite);background:var(--frost-strong)}.statement-card__actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:92px;min-height:42px;border:0;border-radius:8px;color:#fff;background:var(--brown)}.empty-state{margin:0;padding:12px;border:1px dashed var(--line);border-radius:8px;background:#ffffff5c}.form-panel input,.form-panel select,.form-panel textarea,.edit-card input,.edit-card select,.filter-grid input,.filter-grid select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--graphite);background:#ffffffa8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.form-panel textarea{min-height:104px;resize:vertical;padding:12px;line-height:1.35}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.filter-grid input,.filter-grid select{min-width:0;padding:0 8px;font-size:.86rem}.category-name-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px}.category-name-row .category-icon-select{padding:0 8px;font-size:1.15rem;text-align:center}.result-count{color:var(--muted);font-variant-numeric:tabular-nums}.compact-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8px}.icon-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.icon-picker button{display:grid;min-height:42px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffff94;font-size:1.1rem}.icon-picker .selected{border-color:transparent;background:var(--brown)}.edit-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff94}.sub-list{display:grid;gap:8px;padding-top:2px}.edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.edit-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--graphite);background:#ffffffb8}.edit-actions button:first-child{border:0;color:#fff;background:var(--brown)}.form-panel button[type=submit],.form-panel>button[type=button]{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:8px;color:#fff;background:var(--brown)}.form-panel button:disabled{opacity:.48}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#ffffff6b}.segmented button{min-height:38px;border:0;border-radius:6px;color:var(--graphite);background:transparent}.segmented .selected{color:#fff;background:var(--brown)}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-row input{width:22px;min-height:22px}.tabbar{position:fixed;right:18px;bottom:max(12px,env(safe-area-inset-bottom));left:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:430px;margin:0 auto;padding:7px 9px 8px;border:1px solid rgba(255,255,255,.7);border-radius:30px;background:#ffffff7a;box-shadow:0 16px 40px #3a2e2529,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%)}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border:0;border-radius:22px;color:var(--muted);background:transparent}.tabbar button.active{color:var(--brown);background:#ffffff75;box-shadow:inset 0 0 0 1px #6f4e3814,0 5px 14px #4c392b14}.tabbar__icon{display:grid;width:28px;height:25px;place-items:center}.tabbar span{font-size:.7rem;font-weight:650}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(111,78,56,.58);outline-offset:2px}@media(min-width:720px){.app-shell{padding-bottom:112px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
