:root{--ink:#342d35;--muted:#756d77;--line:#e6dde2;--surface:#fffdfb;--soft:#faf5f6;--yellow:#f5e9a6;--green:#2f8055}body{background:linear-gradient(145deg,#f4f0ee,#ece7e8)}.app{background:var(--surface);padding:28px 22px 104px;box-shadow:0 14px 44px #482c3d14}header{margin-bottom:28px;align-items:center}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:52px;height:52px;flex:none}.app h1{font-size:27px;line-height:1.1;letter-spacing:-.7px;color:var(--ink);margin:0 0 5px}.app h2{font-size:19px;letter-spacing:-.2px}.app h3{font-size:16px}.muted{color:var(--muted);font-size:13px}.hero{padding:23px;border-radius:24px;background:linear-gradient(135deg,#fff8dc,#f2eee9);border:1px solid #eee2bb;box-shadow:0 8px 18px #482c3d0b}.balance{font-size:40px;line-height:1.05;color:var(--ink);margin:7px 0 17px}.metric{padding:11px 9px;background:#fffdf8;border:1px solid #eee6d7}.section-head{margin:27px 0 11px;gap:10px}.card{border-color:var(--line);background:#fff;box-shadow:0 4px 12px #482c3d08;padding:16px}.row{padding:13px 0}.bottom-nav{height:78px;background:#fffdfb;border-top-color:var(--line);box-shadow:0 -5px 18px #482c3d0b;padding:8px 14px}.bottom-nav button{color:#8a7c85}.bottom-nav button.active{color:#482c3d;font-weight:700}.bottom-nav .add{background:#f5e9a6;color:#482c3d;box-shadow:0 5px 14px #bca95855}.icon-btn{background:#f3ecef;color:#482c3d}.insight{background:#fff9e4;border-left-color:#d2b845}.source-note,.status-summary>div{background:#fbf7f8;border-color:var(--line)}.calendar-day{background:#fbf7f8}.calendar-day.day-paid{background:#e1f2e7;border-color:#9bcead}.calendar-day.day-unsettled{background:#ffe7e7;border-color:#e6adad}@media(max-width:390px){.app{padding-left:16px;padding-right:16px}.brand-icon{width:46px;height:46px}.app h1{font-size:24px}.balance{font-size:34px}.bottom-nav{padding-left:5px;padding-right:5px}}