:root{--bg: #f6f5f1;--surface: #ffffff;--text: #1d2420;--muted: #5f6b64;--line: #dfe3dd;--brand: #1f4d3a;--brand-text: #ffffff;--pos: #1c7a45;--neg: #a8321d;--warn: #8a5a00;--chip-open: #fff1cc;--chip-private: #f4dcd6;--chip-business: #d8ecdf;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #121714;--surface: #1b221e;--text: #e7ece8;--muted: #9aa69f;--line: #2d3832;--brand: #4f9c78;--brand-text: #0d1310;--pos: #6cc893;--neg: #f08b75;--warn: #e8b64c;--chip-open: #4a3c12;--chip-private: #4d2820;--chip-business: #1f4332;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:.55rem .9rem;cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--brand);color:var(--brand-text);border-color:var(--brand)}button.danger{border-color:var(--neg);color:var(--neg)}input,select{width:100%;padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-height:44px}label{display:block;margin-bottom:.9rem;font-size:.9rem;color:var(--muted)}label input{margin-top:.25rem;color:var(--text)}label.radio{display:flex;gap:.5rem;align-items:center;color:var(--text);font-size:1rem}label.radio input{width:auto;min-height:0;margin:0}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}h1{font-size:1.35rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:0 0 .4rem}.muted{color:var(--muted)}.small{font-size:.85rem}.big{font-size:1.4rem;margin:.2rem 0}.error{color:var(--neg)}.warn{color:var(--warn)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.1rem}.card.narrow{width:100%;max-width:380px}.card button{margin-top:.5rem}.login{min-height:100dvh;display:grid;place-items:center;padding:16px}.qr{display:block;margin:.5rem auto;border-radius:8px;background:#fff;padding:6px}.codes{columns:2;padding-left:1.2rem}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.6rem 16px;background:var(--surface);border-bottom:1px solid var(--line)}.top nav{display:flex;gap:.4rem}.top nav button.on,.segmented button.on{background:var(--brand);color:var(--brand-text);border-color:var(--brand)}.content{padding:16px;max-width:1000px;margin:0 auto}.filters{display:grid;gap:.6rem;grid-template-columns:1fr;margin-bottom:.6rem}@media (min-width: 720px){.filters{grid-template-columns:auto 220px 1fr}}.segmented{display:flex;gap:.3rem;flex-wrap:wrap}.tx-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.tx{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;cursor:pointer}.tx:focus-visible{outline:2px solid var(--brand)}.tx-main,.tx-sub{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.tx-name{font-weight:600;overflow-wrap:anywhere}.tx-sub{color:var(--muted);font-size:.85rem;margin-top:.15rem}.tx-purpose{color:var(--muted);font-size:.8rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.amount.pos{color:var(--pos)}.amount.neg{color:var(--neg)}.chip{border-radius:999px;padding:0 .55rem;font-size:.75rem;white-space:nowrap;color:var(--text)}.chip.offen{background:var(--chip-open)}.chip.privat{background:var(--chip-private)}.chip.betrieblich{background:var(--chip-business)}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem}.grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.result{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.6rem}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:end center;padding:16px;z-index:10}@media (min-width: 720px){.backdrop{place-items:center}}.dialog{width:100%;max-width:520px;max-height:90dvh;overflow:auto}.dialog fieldset{border:1px solid var(--line);border-radius:8px;margin:.8rem 0}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.actions button{margin-top:0;flex:1 1 auto}
