:root{--ink:#18332d;--green:#173f35;--green-2:#285c4e;--cream:#f4f1e9;--paper:#fffdf8;--gold:#e7b84f;--muted:#6d7975;--line:#deddd5;--danger:#9f3f37;--shadow:0 18px 50px rgba(23,63,53,.10);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--cream)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button{cursor:pointer}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:28px 20px;background:radial-gradient(circle at 80% 10%,#d8e4d5,transparent 32%),var(--cream)}.auth-card{width:min(100%,430px);background:var(--paper);border:1px solid rgba(23,63,53,.1);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--green);color:var(--gold);font-family:Georgia,serif;font-size:28px;font-weight:700;margin-bottom:32px}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--green-2)}h1,h2,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(32px,8vw,48px);line-height:1.02;letter-spacing:-.03em}h2{font-size:19px}.muted{color:var(--muted);line-height:1.55}.fine-print{font-size:12px;color:var(--muted);margin:18px 0 0}label{display:grid;gap:7px;margin:15px 0;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:14px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(40,92,78,.12)}.primary,.secondary{width:100%;min-height:50px;border-radius:14px;border:0;font-weight:800}.primary{background:var(--green);color:#fff}.primary:disabled{opacity:.55}.secondary{background:#e6ece9;color:var(--green)}.text-button{border:0;background:none;color:var(--green-2);font-weight:800;padding:6px}.app-shell{max-width:760px;margin:0 auto;min-height:100dvh;padding-bottom:94px}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:max(18px,env(safe-area-inset-top)) 20px 13px;background:rgba(244,241,233,.9);backdrop-filter:blur(14px)}.topbar h1{font-size:30px;margin:0}.install{border:1px solid var(--green);background:transparent;color:var(--green);border-radius:999px;padding:9px 13px;font-weight:800}.content{padding:8px 18px 30px}.view{display:none}.view.active{display:block}.hero-card{border-radius:25px;padding:25px;background:var(--green);color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:160px;height:160px;border:35px solid rgba(231,184,79,.15);border-radius:50%;right:-60px;top:-70px}.hero-card p{font-size:13px;color:#c6d6d1}.total{font-family:Georgia,serif;font-size:38px;margin:7px 0 25px}.split{display:flex;gap:24px;font-size:12px;color:#c6d6d1}.split span{display:grid;gap:5px}.split b{font-size:16px;color:white}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 2px 12px}.section-heading h2{margin:0}.transaction-list{display:grid;gap:9px}.transaction{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px;background:var(--paper);border:1px solid rgba(23,63,53,.08);border-radius:17px}.transaction-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e2ebe7;font-weight:900;color:var(--green)}.transaction-main{min-width:0}.transaction-main b,.transaction-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-main small{color:var(--muted);margin-top:4px}.amount{text-align:right;font-weight:900}.amount.refund{color:var(--green-2)}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.capture-card{appearance:none;border:1px solid rgba(23,63,53,.12);border-radius:21px;background:var(--paper);padding:22px 16px;text-align:left;display:grid;gap:5px;margin:0;color:var(--ink)}.capture-card small{color:var(--muted);line-height:1.3}.capture-icon{font-size:27px;color:var(--green-2);margin-bottom:12px}.notice{margin:16px 0;padding:14px;border-radius:13px;background:#e4ece9;color:var(--green);line-height:1.4}.notice.error{background:#f4e3df;color:var(--danger)}.detected-list{display:grid;gap:8px;margin-top:15px}.detected-button{width:100%;border:1px solid var(--line);background:var(--paper);padding:13px;border-radius:14px;text-align:left;display:flex;justify-content:space-between;gap:10px}.form-card,.settings-card{margin-top:18px;background:var(--paper);border-radius:23px;padding:20px;border:1px solid rgba(23,63,53,.09)}.form-heading{display:flex;justify-content:space-between;align-items:start}.form-heading h2{margin:0}.icon-button{width:38px;height:38px;border:0;border-radius:50%;background:#edf0ed;font-size:24px;color:var(--ink)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{font-weight:400;color:var(--muted)}fieldset{border:0;padding:0;margin:17px 0}legend{font-size:13px;font-weight:700;margin-bottom:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#e8e9e4;border-radius:13px;padding:4px}.segmented label{margin:0}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:10px;border-radius:10px}.segmented input:checked+span{background:var(--paper);box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--green);font-weight:900}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:15px}.chip{border:1px solid var(--line);border-radius:999px;background:transparent;padding:9px 14px;color:var(--ink)}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.card-list{display:grid;gap:14px}.credit-card{padding:22px;border-radius:23px;background:linear-gradient(145deg,#173f35,#2e6758);color:white;box-shadow:var(--shadow)}.credit-card h2{margin-bottom:6px}.credit-card p{color:#c9d7d2}.meter{height:7px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;margin:9px 0}.meter span{display:block;height:100%;background:var(--gold);border-radius:inherit}.spend-row{margin-top:17px;font-size:13px}.settings-card p{line-height:1.55}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(5,1fr);padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));background:rgba(255,253,248,.96);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.nav-item{border:0;background:none;color:var(--muted);font-size:10px;font-weight:800;display:grid;place-items:center;gap:4px;min-height:54px}.nav-item span{font-size:21px}.nav-item.active{color:var(--green)}.add-nav span{width:42px;height:42px;margin-top:-25px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--green);box-shadow:0 7px 20px rgba(154,111,18,.25)}.toast{position:fixed;z-index:50;left:50%;bottom:92px;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 32px);background:#122f28;color:white;padding:12px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:650px){.content{padding-inline:28px}.capture-grid{grid-template-columns:repeat(2,220px)}.app-shell{border-inline:1px solid rgba(23,63,53,.06)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}