:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17332f;background:#ece7da;font-synthesis:none;--forest: #173f39;--ink: #17332f;--cream: #f8f4e9;--coral: #dc6a4b;--editorial: Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 110% -10%,#d4a95d55,transparent 32rem),linear-gradient(150deg,#f3efe4,#e5e0d4)}button{font:inherit}.app-shell{width:min(100%,580px);min-height:100vh;margin:0 auto;background:#f8f4e9db;box-shadow:0 0 70px #17332f18;padding-bottom:96px}.topbar{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:max(20px,env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid #17332f13}.brand-mark{width:42px;height:42px;border-radius:15px 15px 7px;display:grid;place-items:center;color:#f8f4e9;background:var(--forest);transform:rotate(-2deg)}.eyebrow,.kicker{margin:0;color:#6e7a70;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:-1px 0 0;font:650 1.55rem/1 var(--editorial);text-transform:capitalize}.sync-dot{font-size:.7rem;font-weight:700;color:#507067;display:flex;gap:6px;align-items:center}.sync-dot span{width:7px;height:7px;border-radius:50%;background:#5aa16e;box-shadow:0 0 0 4px #5aa16e22}main{padding:24px 18px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:4px 4px 18px}.section-intro p:last-child{margin:0;max-width:210px;text-align:right;color:#68726c;font:500 1rem/1.25 var(--editorial)}.expense-card{background:var(--cream);border:1px solid #17332f12;border-radius:26px 26px 12px;padding:18px;box-shadow:0 18px 45px #17332f12,inset 0 1px #fff}.card-ribbon{display:flex;justify-content:space-between;color:#6d766e;font-size:.75rem;font-weight:700;letter-spacing:.04em}.merchant-block{padding:42px 4px 34px}.merchant{margin:0 0 8px;font:500 1.25rem/1.2 var(--editorial);color:#59655e}.amount{margin:0;font:650 clamp(3.3rem,15vw,5.2rem)/.9 var(--editorial);letter-spacing:-.045em;color:var(--ink)}.transaction-meta{display:flex;justify-content:space-between;padding:0 4px 16px;color:#7a817c;font-size:.75rem;text-transform:capitalize}.approve-button{width:100%;min-height:62px;border:0;border-radius:18px 18px 8px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:var(--forest);font-weight:700;box-shadow:0 10px 24px #173f3935}.approve-button:disabled{opacity:.6}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.secondary-actions button{min-height:48px;border:1px solid #17332f18;border-radius:14px;background:transparent;color:#4f5e56;display:flex;gap:5px;align-items:center;justify-content:center}.secondary-actions svg{width:17px}.correction-form{display:grid;grid-template-columns:1.4fr .8fr;gap:8px;margin:0 0 10px}.correction-form label{display:grid;gap:4px;color:#657069;font-size:.7rem;font-weight:700}.correction-form input{min-width:0;min-height:46px;border:1px solid #17332f22;border-radius:12px;background:#fffdf8;padding:0 11px;font:inherit;color:var(--ink)}.empty,.placeholder,.notice{padding:54px 24px;text-align:center;border:1px dashed #17332f28;border-radius:24px;color:#69756d}.empty svg{color:#5b986d}.empty h2,.placeholder h2{color:var(--ink);font:600 1.8rem var(--editorial);margin:14px 0 4px}.empty p,.placeholder p{margin:0}.notice.error{color:#9d3c2e;border-color:#dc6a4b55}.history-list{display:grid;gap:9px}.history-tools{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.history-tools label{display:grid;gap:4px;color:#6a756e;font-size:.68rem;font-weight:700}.history-tools input,.history-tools select{min-width:0;height:44px;border:1px solid #17332f1c;border-radius:12px;background:#fffdf8;padding:0 11px;color:var(--ink);font:inherit}.history-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#faf7ef;border-radius:15px;padding:14px 16px}.history-list article>div{display:grid;gap:3px}.history-list article>div:last-child{text-align:right}.history-list span{color:#788179;font-size:.75rem}.status{text-transform:capitalize}.status.approved{color:#4a8c61}.status.unrecognized{color:#b54d3a}.bottom-nav{position:fixed;z-index:4;bottom:0;left:50%;transform:translate(-50%);width:min(100%,580px);padding:9px 12px max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#f8f4e9eb;border-top:1px solid #17332f16;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:transparent;color:#7a837d;display:grid;justify-items:center;gap:3px;font-size:.68rem}.bottom-nav svg{width:21px}.bottom-nav button.active{color:var(--forest);font-weight:700}.login-shell main{padding:max(70px,12vh) 28px 40px}.login-shell h1{font-size:clamp(3rem,14vw,4.8rem);margin:16px 0 12px}.login-mark{width:58px;height:58px;display:grid;place-items:center;color:#fff;background:var(--forest);border-radius:22px 22px 9px;margin-bottom:28px}.login-copy{color:#657069;font:500 1.15rem/1.45 var(--editorial);margin:0 0 32px;max-width:390px}.divider{display:flex;align-items:center;gap:12px;color:#7b837e;font-size:.72rem;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#17332f1b}.login-form{display:grid;gap:13px}.login-form label{display:grid;gap:6px;color:#59665f;font-size:.75rem;font-weight:700}.login-form input{min-height:50px;border:1px solid #17332f22;border-radius:13px;background:#fffdf8;padding:0 14px;color:var(--ink);font:inherit}.login-form button,.settings-list button{min-height:50px;border:1px solid #17332f1c;border-radius:13px;background:#fffdf8;color:var(--ink);font-weight:700}.form-error{color:#a53f30;font-size:.85rem}.settings-list{display:grid;gap:9px}.settings-list button{padding:13px 15px;display:flex;justify-content:space-between;text-align:left}.settings-list span{color:#7b847e;font-size:.76rem;font-weight:500}.settings-heading{margin:28px 2px 10px;font:600 1.35rem var(--editorial)}.card-list{display:grid;gap:8px}.card-list>div,.card-list>p{margin:0;padding:13px 15px;border:1px solid #17332f12;border-radius:13px;background:#fffdf8;display:flex;justify-content:space-between;color:#66716a;font-size:.82rem}.card-list strong{color:var(--forest);font-size:.74rem}.health-list{display:grid;gap:8px}.health-list>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:14px 15px;border-radius:14px;background:#fffdf8;border:1px solid #17332f12}.health-list p{grid-column:2;margin:2px 0 0;color:#717b74;font-size:.76rem}.health-good,.health-warn{width:9px;height:9px;border-radius:50%;background:#5aa16e;box-shadow:0 0 0 4px #5aa16e20}.health-warn{background:#d09a3a;box-shadow:0 0 0 4px #d09a3a20}.notice.compact{margin-top:12px;padding:18px}button:focus-visible{outline:3px solid #d9a43c;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.expense-card{animation:rise .35s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}}