:root{font:16px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#23344d;background:#f3f7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:12px;align-items:center;padding:18px max(16px,env(safe-area-inset-left));background:white;border-bottom:1px solid #e2eaf3;position:sticky;top:0;z-index:2}header img{border-radius:13px}header h1{font-size:21px;margin:0 0 3px}header span{font-size:12px;color:#58718b}header>div{flex:1}main{max-width:620px;margin:auto;padding:18px 16px max(28px,env(safe-area-inset-bottom))}button{border:1px solid #dce6f0;border-radius:12px;background:white;padding:12px 15px;font:inherit;color:#234262;cursor:pointer}button:disabled{opacity:.5}nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:18px}nav button{font-size:12px;padding:14px 5px}nav .selected{background:#e8f0ff;color:#215ee0;border-color:#b9d0fc}section{background:white;border:1px solid #e2eaf3;border-radius:20px;padding:20px;box-shadow:0 4px 20px #23426205}label{display:block;font-size:14px;font-weight:550;margin:0 0 17px}input,select{display:block;width:100%;min-height:48px;padding:12px;margin-top:7px;border:1px solid #d5e0ec;border-radius:11px;background:#fff;font:inherit;color:#243c56}input:focus,select:focus{outline:3px solid #b9d9ff;outline-offset:1px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{background:#2563eb;color:#fff;border-color:#2563eb;width:100%;font-weight:650;min-height:52px}small,.hint{font-size:12px;color:#647992;line-height:1.6;font-weight:400}.receipt{border:1px dashed #a9cdd4;background:#f1fafa;border-radius:12px;padding:14px;color:#087f8c}.receipt input{font-size:12px;background:transparent;border:0;padding:8px 0}.entry-card{border-bottom:1px solid #e1e9f1;padding:14px 0;display:flex;gap:12px}.entry-card>div{flex:1;min-width:0}.entry-card strong,.entry-card small{display:block}.badge{color:#087f8c;background:#e4f4f0;border-radius:7px;padding:4px 6px;font-size:11px;white-space:nowrap}.waiting{color:#99600a;background:#fff3da}.pot{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e5ecf4;gap:10px}.negative{color:#b54747}h2{font-size:19px;margin-top:0}#message:not(:empty){background:#e7f5f2;color:#14675d;border-radius:12px;padding:14px;line-height:1.5;font-size:14px;margin-bottom:15px}.install{font-size:13px;margin-top:20px;color:#58718b;line-height:1.6}.install summary{cursor:pointer}a{color:#2563eb;display:block;margin-top:20px}[hidden]{display:none!important}@media(min-width:750px){header{padding:18px calc((100vw - 620px)/2 + 16px)}main{padding-top:28px}}

.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 18px}.tiles button{font-size:12px;min-height:58px;padding:9px 5px;background:#eef5ff}.tiles span{display:block;font-size:23px;margin-bottom:5px}.shops button{background:#eff9f6}.check{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px;background:#f5f8fc;border-radius:10px}.check input[type=checkbox]{width:20px;min-height:20px;margin:0}.check input:not([type=checkbox]){width:100%;margin:3px 0}

.extra-details{margin:12px 0 18px;font-size:13px;color:#58718b}.extra-details summary{cursor:pointer;padding:10px;background:#f4f8fc;border-radius:10px}.extra-details .two{margin-top:12px}

.gbp-equivalent{font-size:.8em;font-weight:400;color:#60738a;white-space:nowrap;display:inline-block;margin-left:.25em}

.drag-shortcut{touch-action:none;cursor:grab}.shortcut-order-row.dragging{outline:2px solid #087f8c;opacity:.75}

[data-shortcut].shortcut-selected{background:#d8f2f2;border:2px solid #087f8c;color:#064d56;box-shadow:0 0 0 2px #087f8c33}

.save-summary{padding:14px 16px;border:2px solid #087f8c;border-radius:12px;background:#e6f7f4;color:#143a48;font-weight:700;margin:8px 0;line-height:1.5}.save-summary.waiting{border-color:#ad6909;background:#fff4d9;color:#644008}.entry-card .badge{white-space:normal;max-width:160px}#message:not(:empty){padding:12px;border-left:4px solid #087f8c;background:#eef7fa}

nav{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.pot{flex-wrap:wrap}.pot small{flex-basis:100%}.quick-review-card{border-bottom:1px solid #dce6f0;padding:18px 0}.quick-review-card p{font-size:13px;margin:8px 0}.quick-review-card small{display:block;margin-bottom:10px}

.review-overview{padding:16px;border-radius:14px;background:#e8f5f3;display:grid;gap:8px;margin-bottom:12px}.review-overview strong{font-size:20px}.review-overview span,.review-meta{font-size:12px;color:#60738a}.review-overview progress{width:100%;accent-color:#087f8c}.review-filters{display:flex;gap:8px;margin:12px 0}.review-filters button[aria-pressed=true]{background:#087f8c;color:white}.review-batch{padding:12px;border:1px solid #dce6f0;border-radius:12px;margin:12px 0}.review-batch label{display:flex;align-items:center;gap:10px}.review-batch input,.review-check input{width:22px;min-height:22px;margin:0}.review-title{display:flex;align-items:center;gap:9px}.review-title strong:first-of-type{flex:1;font-size:16px}.review-title strong:last-child{white-space:nowrap}.review-check{margin:0}.review-meta{margin:8px 0}.review-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;margin:10px 0}.review-change{margin:12px 0}.review-change summary{color:#087f8c;font-size:14px;cursor:pointer;padding:8px 0}.quick-review-card{border:1px solid #dce6f0;border-left:4px solid #087f8c;border-radius:14px;padding:16px;margin:14px 0;background:white}.quick-review-card.needs-approval{border-left-color:#d49a2c}.review-main-link{font-size:13px;margin-top:12px}.review-empty{text-align:center;padding:24px 10px;color:#52677d}

.review-title strong:first-of-type{min-width:0;overflow-wrap:anywhere}.quick-review-card p{overflow-wrap:anywhere}.review-batch p{font-size:13px;line-height:1.5;margin:0}

.statement-mobile-tools{display:grid;gap:12px;margin:18px 0}.statement-mobile-tools a{display:block;padding:18px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#172b45;text-decoration:none;min-height:64px}.statement-mobile-tools a:focus-visible{outline:3px solid #2563eb}.statement-mobile-tools strong{display:block;color:#087f8c;font-size:1.05rem}.statement-mobile-tools small{display:block;margin-top:8px;line-height:1.5;color:#52647b}

.negative-amount,.negative{color:#b42318!important;font-weight:650}

textarea{display:block;width:100%;padding:12px;font:inherit;border:1px solid #d5e0ec;border-radius:11px;margin-top:7px}textarea:focus{outline:3px solid #b9d9ff}.statement-review{margin:14px 0;padding:16px;border:1px solid #dce6f0;border-radius:14px}.statement-review summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px}.statement-review summary strong{flex:1}.statement-question{padding:14px 0;border-top:1px solid #e1e9f1}.statement-question .review-check{display:flex;gap:10px;align-items:center}.statement-question input[type=checkbox]{width:24px;min-height:24px;margin:0}.statement-review form{margin:12px 0}.statement-review select{max-width:100%}
.statement-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.bank-evidence,.entry-evidence{padding:14px;border-radius:12px;background:#f2f6fa;border:1px solid #d9e3ed}.entry-evidence{background:#eef8f3;border-color:#c7e2d4}.statement-pair small{display:block;font-size:.7rem;letter-spacing:.05em;color:#506479;margin-bottom:10px}.statement-pair strong{display:block}.statement-pair p{font-size:.88rem;margin:8px 0}.match-candidate+.match-candidate{border-top:1px solid #c6dacf;padding-top:12px;margin-top:12px}.amount-difference{color:#80520b;background:#fff3d5;padding:8px;border-radius:6px}.match-exact{color:#186346}.statement-error{background:#fff1f1;color:#9f241d;padding:16px;border:1px solid #e7b1ac;border-radius:12px}.statement-review>summary{padding:12px 0;gap:10px;display:flex;justify-content:space-between}.statement-question{margin:16px 0;padding:16px;border:1px solid #cfdae6;border-radius:14px}.statement-question select{font-size:.95rem}@media(max-width:650px){.statement-pair{grid-template-columns:1fr}.statement-review>summary{display:block}}
nav[aria-label="Spending screens"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}nav[aria-label="Spending screens"] button{min-width:0;padding:12px 8px;font-size:14px;line-height:1.25;min-height:56px;overflow-wrap:anywhere}.tiles button>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#edf3ff;margin:0 auto 7px;font-size:24px}.tiles button.shortcut-selected>span{background:#dce9ff}#movement-tools{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:18px}#add-pot-button{width:100%;color:#2563eb;border-color:#2563eb}
@media(max-width:420px){header{gap:8px;flex-wrap:wrap}header>div{flex:1;min-width:140px}header button{padding:10px 12px}nav[aria-label="Spending screens"] button{font-size:13px}}
.payer-logo{width:34px;height:34px;object-fit:contain;border-radius:50%;display:block;margin:0 auto 6px;background:#fff}.project-budget-detail{border:1px solid #dce5ef;border-radius:12px;padding:12px}

.merchant-logo{width:100%;height:34px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}.tiles button>span:has(.merchant-logo){background:#fff;min-width:48px;width:64px}