:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263c31;background:#f7f4ed;font-size:15px}*{box-sizing:border-box}body{margin:0;padding-bottom:calc(78px + env(safe-area-inset-bottom));}header{background:#405a49;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 17px 14px}.brand{display:flex;gap:11px;align-items:center}.brand strong{font-size:20px}.brand small{display:block;font-size:11px;color:#e2ebdf;margin-top:3px}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#c77556;font-size:27px}main{max-width:820px;margin:auto;padding:18px 14px 40px}h1{font-size:24px;margin:0 0 6px}h2{font-size:18px;margin:0 0 12px}h3{font-size:15px;margin:8px 0}p,.muted{color:#66786a}small{font-size:12px}section,.card{background:white;border:1px solid #e8e9e1;border-radius:18px;padding:16px;margin:0 0 14px;box-shadow:0 2px 8px #405a4908}.hero{background:#405a49;color:white}.hero .muted{color:#e0e8de}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{border-radius:14px;padding:14px;min-width:0}.metric b{font-size:21px;display:block;margin-top:8px;overflow-wrap:anywhere}.sage{background:#dcebd9}.terra{background:#f6ddd3}.cream{background:#f8edcf}.blue{background:#deebf1}.flex{display:flex;gap:9px;align-items:center;justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:10px}.pill,.btn,button{border:0;border-radius:11px;padding:10px 12px;font:inherit;cursor:pointer}button{background:#e7eee5;color:#263c31}button.primary,.btn.primary{background:#c77556;color:white;font-weight:700}button.outline{background:transparent;border:1px solid #d9e2d7;color:inherit}button.selected{background:#405a49;color:white}button:disabled{opacity:.5}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5c9;border-radius:10px;background:#fff;color:#263c31;font:inherit}label{display:block;font-size:12px;font-weight:650;color:#52685a;margin:8px 0 4px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.actions button{flex:1}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e0e5dc;padding:9px 3px calc(8px + env(safe-area-inset-bottom));z-index:5}nav[hidden]{display:none}nav button{background:transparent;font-size:22px;display:grid;gap:2px;place-items:center;padding:4px 7px;color:#607366}nav button span{font-size:10px}nav button.active{color:#b65f43}.rowitem{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eef0eb}.rowitem:last-child{border:0}.rowitem .amount{white-space:nowrap;font-weight:700}.positive{color:#237b50}.negative{color:#b65f43}.tag{display:inline-block;padding:3px 8px;border-radius:12px;background:#e5efe3;font-size:11px}.warn{background:#fff0d7}.chart{width:100%;height:190px;display:block}.chart text{fill:#657568;font-size:10px}.notice{background:#fff1dc;border-radius:12px;padding:11px;font-size:12px;margin:10px 0}.error{color:#a92e27}.success{color:#287849}hr{border:0;border-top:1px solid #e5e8e2;margin:14px 0}.hidden{display:none!important}details{padding:9px 0}summary{cursor:pointer;font-weight:600}pre{white-space:pre-wrap;word-break:break-word}a{color:#a95339}@media(min-width:700px){main{padding:26px}.metrics{grid-template-columns:repeat(4,1fr)}}

/* App-wide theme colors; visual preference only, no financial data stored here. */
:root{--forest:#405a49;--terracotta:#c77556;--ink:#263c31;--canvas:#f7f4ed;--soft-sage:#dcebd9;--soft-terra:#f6ddd3;--soft-cream:#f8edcf;--soft-blue:#deebf1;--muted-ink:#66786a;--line:#e8e9e1;--button-soft:#e7eee5;--positive:#237b50;--negative:#b65f43}
:root[data-theme=coastal]{--forest:#356b70;--terracotta:#c87558;--ink:#244950;--canvas:#f2f8f6;--soft-sage:#dceee8;--soft-terra:#f6e1d5;--soft-cream:#f3ead8;--soft-blue:#d7ebef;--muted-ink:#577378;--line:#dce9e7;--button-soft:#e1efeb;--positive:#247962;--negative:#ad5b40}
:root[data-theme=clay]{--forest:#775343;--terracotta:#b75f42;--ink:#4b372f;--canvas:#fbf6f0;--soft-sage:#e7e7d8;--soft-terra:#f3ddd1;--soft-cream:#f6e8d0;--soft-blue:#e9e5df;--muted-ink:#796a5e;--line:#e9e0d8;--button-soft:#f2e7dd;--positive:#47775b;--negative:#a34f39}
:root[data-theme=olive]{--forest:#505f3f;--terracotta:#ba7852;--ink:#374332;--canvas:#f8f7ee;--soft-sage:#e5ebd6;--soft-terra:#f2e1d4;--soft-cream:#f6eccc;--soft-blue:#e2eae4;--muted-ink:#6a7460;--line:#e4e8dc;--button-soft:#e9eedf;--positive:#4d7850;--negative:#ad6745}
:root[data-theme=blue]{--forest:#35596a;--terracotta:#bc7657;--ink:#293f4b;--canvas:#f5f7f8;--soft-sage:#e0e9e2;--soft-terra:#f2e0d6;--soft-cream:#f4eddb;--soft-blue:#dce9f1;--muted-ink:#607581;--line:#e1e7eb;--button-soft:#e4edf1;--positive:#337963;--negative:#ae6347}
:root{color:var(--ink);background:var(--canvas)}header,.hero{background:var(--forest)}.logo,button.primary,.btn.primary{background:var(--terracotta)}button.selected{background:var(--forest)}button{background:var(--button-soft);color:var(--ink)}.sage{background:var(--soft-sage)}.terra{background:var(--soft-terra)}.cream{background:var(--soft-cream)}.blue{background:var(--soft-blue)}section,.card{border-color:var(--line)}p,.muted{color:var(--muted-ink)}input,select,textarea{color:var(--ink)}nav button.active{color:var(--terracotta)}.positive{color:var(--positive)}.negative{color:var(--negative)}a{color:var(--terracotta)}.theme-options{display:grid;gap:9px}.theme-option{display:flex;align-items:center;gap:12px;text-align:left;border:2px solid var(--line);background:white;color:var(--ink);min-height:57px}.theme-option.chosen{border-color:var(--terracotta);background:var(--canvas)}.theme-swatches{display:flex;flex-shrink:0}.theme-swatches i{width:19px;height:25px;border:1px solid #00000010}.theme-swatches i:first-child{border-radius:7px 0 0 7px}.theme-swatches i:last-child{border-radius:0 7px 7px 0}.theme-check{margin-left:auto;font-weight:800;color:var(--positive)}