:root{--ink:#0b3d3a;--ink-soft:#1a5551;--mist:#e8f0ee;--paper:#f7faf8;--foam:#fff;--coral:#1a6b4f;--coral-deep:#0f4d38;--sage:#7a9e8e;--line:#0b3d3a1f;--shadow:0 18px 40px #0b3d3a14;--radius:18px;--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;color:var(--ink);background:var(--mist);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(ellipse 80% 50% at 10% -10%, #1a6b4f2e, transparent 50%), radial-gradient(ellipse 70% 40% at 100% 0%, #7a9e8e40, transparent 45%), linear-gradient(180deg, #dfeae6 0%, var(--mist) 40%, #f4f8f6 100%);min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700}.app-shell{max-width:1100px;padding:1rem 1rem calc(8.75rem + env(safe-area-inset-bottom,0px));margin:0 auto}@media (width>=900px){.app-shell{padding:1.5rem 1.5rem 2rem}}html{scroll-padding-bottom:calc(8.75rem + env(safe-area-inset-bottom,0px))}@media (width>=900px){html{scroll-padding-bottom:2rem}}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.brand{font-family:var(--font-display);color:var(--ink);font-size:1.55rem;font-weight:700}.brand span{color:var(--coral)}.nav-desktop{gap:.35rem;display:none}@media (width>=900px){.nav-desktop{display:flex}.nav-mobile{display:none}}.nav-link{color:var(--ink-soft);border-radius:999px;padding:.55rem .9rem;font-size:.92rem;font-weight:600}.nav-link.active,.nav-link:hover{color:var(--ink);background:#0b3d3a14}.nav-mobile{z-index:40;padding:.35rem .45rem calc(.35rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#f7faf8f0;grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;align-items:end;gap:.15rem;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-mobile a{color:var(--sage);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.5rem .15rem;font-size:.68rem;font-weight:700;display:flex}.nav-mobile a.active{color:var(--ink);background:#0b3d3a14}.scan-btn{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.scan-btn input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.scan-btn.is-busy{pointer-events:none;opacity:.85}.nav-scan-fab{background:var(--coral);color:#fff;border:3px solid var(--foam);border-radius:50%;width:4.25rem;height:4.25rem;margin:0 auto;transform:translateY(-1.05rem);box-shadow:0 8px 22px #1a6b4f73}.nav-scan-fab .scan-btn-icon{place-items:center;line-height:0;display:grid}.nav-scan-fab .scan-btn-label{letter-spacing:.02em;margin-top:.05rem;font-size:.62rem;font-weight:800}.nav-desktop-scan{background:var(--coral);color:#fff;border-radius:12px;flex-direction:row;gap:.45rem;padding:.55rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex}.nav-desktop-scan .scan-btn-icon{place-items:center;line-height:0;display:grid}.nav-desktop-scan .scan-btn-icon svg{width:18px;height:18px}.scan-hero{background:linear-gradient(145deg, var(--coral) 0%, var(--coral-deep) 100%);color:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem;width:100%;min-height:4.5rem;padding:1.15rem 1.2rem;display:flex;box-shadow:0 10px 28px #1a6b4f47}.scan-hero-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.scan-hero-sub{opacity:.9;font-size:.88rem;font-weight:500}.scan-panel-mobile{padding:.85rem}@media (width>=900px){.scan-panel-mobile{display:none}}.scan-overlay{z-index:80;-webkit-backdrop-filter:blur(10px);background:radial-gradient(70% 50% at 50% 40%,#1a6b4f38,#0000 55%),#0b3d3a85;place-items:center;padding:1.5rem;animation:.28s ease-out scan-overlay-in;display:grid;position:fixed;inset:0}@keyframes scan-overlay-in{0%{opacity:0}to{opacity:1}}.scan-overlay-card{text-align:center;background:linear-gradient(165deg,#fffffffa,#f7faf8f2);border:1px solid #ffffffb3;border-radius:22px;justify-items:center;gap:.55rem;width:min(320px,100%);padding:1.75rem 1.5rem 1.55rem;animation:.4s cubic-bezier(.22,1,.36,1) scan-card-in;display:grid;box-shadow:0 24px 48px #0b3d3a2e,0 0 0 1px #0b3d3a0a}@keyframes scan-card-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.scan-pulse{place-items:center;width:4.5rem;height:4.5rem;margin-bottom:.35rem;display:grid;position:relative}.scan-pulse-ring{border:2px solid #1a6b4f59;border-radius:50%;animation:2.2s ease-out infinite scan-ring;position:absolute;inset:0}.scan-pulse-ring.delay{animation-delay:.7s}@keyframes scan-ring{0%{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}.scan-pulse-core{z-index:1;color:#fff;background:linear-gradient(145deg, var(--coral), var(--coral-deep));border-radius:50%;place-items:center;width:3.1rem;height:3.1rem;display:grid;position:relative;box-shadow:0 10px 24px #1a6b4f66}.scan-overlay-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.35rem;font-weight:700}.scan-overlay-status{min-height:1.35em;color:var(--sage);margin:0;font-size:.92rem;font-weight:600;transition:opacity .25s}.scan-progress{width:100%;margin-top:.65rem}.scan-progress-track{background:#0b3d3a14;border-radius:999px;height:6px;position:relative;overflow:hidden}.scan-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--coral) 0%, #5a9e82 55%, var(--coral-deep) 100%);background-size:200% 100%;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);animation:2.4s ease-in-out infinite scan-fill-shift}.scan-progress-sheen{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff73 50%,#0000 60%) 0 0/200% 100%;animation:1.8s ease-in-out infinite scan-sheen;position:absolute;inset:0}@keyframes scan-fill-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes scan-sheen{0%{background-position:100% 0}to{background-position:-100% 0}}.scan-toast{left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:90;background:var(--foam);box-shadow:var(--shadow);border-radius:12px;max-width:90vw;margin:0;padding:.65rem 1rem;position:fixed;transform:translate(-50%)}.panel{background:color-mix(in srgb, var(--foam) 88%, transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.1rem 1.15rem}.panel+.panel{margin-top:1rem}.panel h2{margin-bottom:.85rem;font-size:1.2rem}.grid-2{gap:1rem;display:grid}@media (width>=800px){.grid-2{grid-template-columns:1fr 1fr}}.stat-row{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=700px){.stat-row{grid-template-columns:repeat(4,1fr)}}.stat{border:1px solid var(--line);background:linear-gradient(160deg,#0b3d3a0f,#ffffff80);border-radius:14px;padding:.85rem .95rem}.stat .label{color:var(--sage);margin-bottom:.25rem;font-size:.78rem;font-weight:600;display:block}.stat .value{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:1.25rem;font-weight:700}.btn{appearance:none;cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.1rem;font-weight:700;transition:transform .15s,background .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--coral);color:#fff}.btn-primary:hover{background:var(--coral-deep)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-danger{color:var(--coral-deep);background:0 0;border:1px solid #1a6b4f59}.income-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width>=720px){.income-grid{grid-template-columns:1fr 1fr}}.income-card{border:1px solid var(--line);background:color-mix(in srgb, var(--foam) 85%, var(--sand,#f3ebe3));border-radius:14px;padding:.85rem 1rem}.income-card h3{margin:0 0 .65rem;font-size:1.05rem}.income-pair{grid-template-columns:1fr 1fr;align-items:end;gap:.65rem;margin-bottom:.85rem;display:grid}.income-pair .field{min-width:0;margin-bottom:0}.income-pair .field label{min-height:1.2em;line-height:1.2}.income-hint{color:var(--sage);margin:-.45rem 0 .75rem;font-size:.8rem;line-height:1.3}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field label{color:var(--ink-soft);font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--foam);color:var(--ink);border-radius:12px;padding:.7rem .85rem}.money-input{font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:right}.inline-edit .money-input{border:1px solid var(--line);background:var(--foam);width:100%;color:var(--ink);border-radius:12px;padding:.55rem .7rem}.edit-child-row .money-input{border:1px solid var(--line);background:var(--foam);color:var(--ink);border-radius:10px;width:100%;padding:.45rem .55rem;font-size:.88rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--coral);outline:2px solid #1a6b4f59}.slider-wrap{margin:1rem 0 1.25rem}.slider-wrap input[type=range]{width:100%;accent-color:var(--coral)}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.65rem .4rem}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--sage);font-size:.75rem}.table .num{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}.sub-compare-row td{color:var(--ink-soft);border-bottom-color:#0b3d3a0f;font-size:.86rem}.sub-compare-label{font-weight:500;padding-left:1.1rem!important}.muted{color:var(--sage);font-size:.9rem}.progress-wrap{margin-top:.65rem}.progress-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.45rem;display:flex}.progress-label{color:var(--sage);letter-spacing:.02em;font-size:.78rem;font-weight:700}.progress-pct{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.progress{background:#0b3d3a12;border-radius:999px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0b3d3a0f}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, #4a8f72 0%, var(--coral) 45%, var(--coral-deep) 100%);height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);display:block;position:relative;box-shadow:0 0 12px #1a6b4f59}.progress-fill:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff59 0%,#0000 55%);position:absolute;inset:0}.badge{color:var(--ink);background:#7a9e8e33;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge.warn{color:var(--coral-deep);background:#1a6b4f2e}.badge.ok{background:#0b3d3a1f}.login-page{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.login-card{background:color-mix(in srgb, var(--foam) 92%, transparent);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:24px;padding:2rem 1.5rem}.login-card h1{margin-bottom:.35rem;font-size:2.1rem}.login-card .lede{color:var(--sage);margin-bottom:1.5rem}.expense-item{border-bottom:1px solid var(--line);gap:.35rem;padding:.85rem 0;display:grid}.expense-item:last-child{border-bottom:none}.expense-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.expense-actions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.sub-lines{gap:.3rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.sub-lines li{background:#0b3d3a0a;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.5rem;padding:.25rem .45rem;font-size:.88rem;display:grid}.sub-cat{color:var(--sage);text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:700}.sub-name{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sub-amt{font-variant-numeric:tabular-nums;font-weight:600}.modal-backdrop{z-index:50;background:#0b3d3a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.modal-panel{width:min(520px,100%);max-height:min(92vh,900px);overflow:auto}.edit-children{gap:.45rem;display:grid}.edit-child-row{grid-template-columns:1fr minmax(7rem,auto) 5rem 2.4rem;align-items:center;gap:.35rem;display:grid}.edit-child-row input,.edit-child-row select{border:1px solid var(--line);background:var(--foam);color:var(--ink);border-radius:10px;width:100%;padding:.45rem .55rem;font-size:.88rem}.edit-child-row .btn{min-width:2.4rem;padding:.35rem .5rem}@media (width<=520px){.edit-child-row{grid-template-columns:1fr 1fr}.edit-child-name{grid-column:1/-1}}.camera-btn{position:relative;overflow:hidden}.camera-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.scenario-grid{gap:.75rem;display:grid}@media (width>=800px){.scenario-grid{grid-template-columns:1fr 1fr}}.scenario{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;padding:1rem}.scenario.highlight{border-color:#1a6b4f73;box-shadow:inset 0 0 0 1px #1a6b4f33}.loan-section-title{margin:1.15rem 0 .65rem;font-size:1.05rem}.loan-type-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (width>=700px){.loan-type-grid{grid-template-columns:repeat(3,1fr)}}.loan-type-card{appearance:none;text-align:left;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#ffffff8c;border-radius:14px;gap:.2rem;padding:.75rem .85rem;transition:border-color .15s,background .15s;display:grid}.loan-type-card:hover{border-color:#1a6b4f66}.loan-type-card.active{border-color:var(--coral);background:#1a6b4f1a;box-shadow:inset 0 0 0 1px #1a6b4f40}.loan-type-name{font-size:.95rem;font-weight:800}.loan-type-meta{color:var(--sage);font-size:.78rem;font-weight:600}.loan-detail{border:1px solid var(--line);background:#ffffff80;border-radius:14px;margin-top:.85rem;padding:1rem 1.05rem}.loan-detail h3{margin:0 0 .35rem;font-size:1.1rem}.loan-detail p{margin:.4rem 0;font-size:.92rem}.loan-pros-cons{gap:.75rem;margin-top:.65rem;display:grid}@media (width>=700px){.loan-pros-cons{grid-template-columns:1fr 1fr}}.loan-pros-cons ul{color:var(--ink-soft);margin:.35rem 0 0;padding-left:1.1rem;font-size:.88rem}.loan-guide-list{gap:.75rem;display:grid}.loan-guide-item{border:1px solid var(--line);background:#ffffff73;border-radius:14px;padding:.85rem .95rem}.loan-guide-item header{flex-direction:column;gap:.15rem;margin-bottom:.35rem;display:flex}.loan-guide-item p{color:var(--ink-soft);margin:0;font-size:.9rem}.panel a{color:var(--coral-deep);text-underline-offset:2px;font-weight:700;text-decoration:underline}.receipt-thumb{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:72px;height:72px}.error{color:var(--coral-deep);margin-top:.5rem;font-size:.9rem}.loading{text-align:center;color:var(--sage);justify-items:center;gap:.85rem;padding:2.5rem 1.5rem;font-weight:600;display:grid}.loading:before{content:"";border:2.5px solid #0b3d3a1f;border-top-color:var(--coral);border-radius:50%;width:2.5rem;height:2.5rem;animation:.85s cubic-bezier(.5,.15,.5,.85) infinite page-spin}@keyframes page-spin{to{transform:rotate(360deg)}}.row-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.inline-edit{grid-template-columns:1fr 110px;align-items:center;gap:.5rem;display:grid}.flash-amount{font-variant-numeric:tabular-nums;transition:color .2s,transform .2s;display:inline-block}.flash-amount.flash-up{color:#1a7a4c;animation:.45s flash-up}.flash-amount.flash-down{color:var(--coral-deep);animation:.45s flash-down}@keyframes flash-up{0%{opacity:.55;transform:translateY(4px)}40%{opacity:1;transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes flash-down{0%{opacity:.55;transform:translateY(-4px)}40%{opacity:1;transform:translateY(2px)}to{transform:translateY(0)}}@media (width>=700px){.desktop-wide{grid-template-columns:1.2fr .8fr;align-items:start;gap:1rem;display:grid}}