:root{--nav:#16394e;--ink:#233c4b;--muted:#73818b;--bg:#f5f7fa;--line:#dfe7ed;--blue:#347cac;--green:#257963;--red:#a44043}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--blue)}header{background:var(--nav);color:white;padding:22px max(18px,calc((100vw - 900px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}header a{color:#d1e4ef}h1,h2,h3,p{margin:0}h1{font-size:22px;letter-spacing:-.5px}h2{font-size:18px;margin-bottom:14px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;opacity:.65}.connection{font-size:12px;color:#b9dbcd}.connection.offline{color:#ffd7a3}main{max-width:940px;padding:22px 18px 100px;margin:auto}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:18px}.narrow{max-width:470px;margin:38px auto}.muted{color:var(--muted);font-size:13px}.intro{margin-bottom:20px}.field{display:block;font-size:13px;font-weight:600;margin-bottom:16px}.field input,.field select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cddae3;border-radius:7px;background:white;color:var(--ink);min-height:45px}input:focus,select:focus{outline:3px solid #90bcdb66;border-color:var(--blue)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span2{grid-column:span 2}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #ccdbe5;border-radius:8px;padding:10px 15px;color:var(--ink);background:white;text-decoration:none;font-weight:600;font-size:14px}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn:disabled{opacity:.5;cursor:default}.full{width:100%}.error{color:var(--red);font-size:13px;margin:12px 0;white-space:pre-wrap}.success{color:var(--green);font-size:13px;margin:12px 0}.notice{padding:12px 14px;border:1px solid #d7e5ef;background:#edf4fa;border-radius:8px;font-size:13px;margin-bottom:16px}.warning{background:#fff6e6;border-color:#ead3a4;color:#805d25}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.check{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:13px}.check input{width:18px;height:18px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:white;border-top:1px solid var(--line);z-index:3;padding:8px 10px max(8px,env(safe-area-inset-bottom));gap:5px}.tabs button{flex:1;background:white;color:#6f8190;border:0;border-radius:8px;padding:10px 4px;font-size:13px;font-weight:600}.tabs button.active{background:#eaf2f8;color:#286b94}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.negative{color:var(--red)}.listrow{padding:13px 0;border-bottom:1px solid #edf0f3}.listrow:last-child{border-bottom:0}.listrow strong{font-size:14px}.group{font-size:12px;font-weight:700;color:#687e8e;background:#f1f5f8;margin:16px -12px 0;padding:7px 12px;border-radius:5px}.amount{font-size:18px;font-weight:650}.balance{font-size:13px;background:#e8f4ed;color:var(--green);padding:4px 8px;border-radius:5px}.balance.negative{background:#fbeceb;color:var(--red)}.search{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin:6px 0 12px}.empty{padding:24px 0;text-align:center;color:var(--muted)}pre.code{white-space:pre-wrap;word-break:break-all;padding:12px;border-radius:7px;background:#eef4f8;font-size:15px;user-select:all}details{margin-top:18px}summary{cursor:pointer;font-weight:600}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.stat{background:#f3f7fa;border-radius:8px;padding:12px}.stat .amount{margin-top:3px}label small{font-weight:400}.version{font-size:11px;margin-top:24px;color:#84939e}@media(min-width:760px){.tabs{left:calc(50% - 300px);right:calc(50% - 300px);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0}}@media(max-width:480px){.panel{padding:18px}.grid{gap:0 12px}header{padding:17px 18px}h1{font-size:20px}.amount{font-size:16px}}[hidden]{display:none!important}

.payee-picker{position:relative}.payee-picker input{width:100%}.payee-suggestions{position:absolute;top:100%;left:0;right:0;z-index:5;margin-top:4px;background:white;border:1px solid #cddae3;border-radius:8px;box-shadow:0 8px 20px #16394e20;max-height:260px;overflow:auto}.payee-suggestions button{display:block;width:100%;border:0;border-bottom:1px solid #edf0f3;background:white;text-align:left;padding:12px;color:var(--ink);font-weight:400;min-height:45px}.payee-suggestions button:last-child{border-bottom:0}.payee-suggestions button:hover,.payee-suggestions button[aria-selected="true"]{background:#eaf2f8;color:#286b94}

.account-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.account-filter{border:1px solid #cddae3;border-radius:8px;background:white;color:var(--ink);padding:10px 12px;min-height:44px;font-size:13px;line-height:1.3;text-align:left;overflow-wrap:anywhere;max-width:100%}.account-filter[aria-pressed="true"]{background:var(--nav);border-color:var(--nav);color:white}.account-filter:focus-visible{outline:3px solid #90bcdb;outline-offset:2px}