*{box-sizing:border-box;margin:0}:root{--green: #1a7f5a;--red: #b3402a;--bg: #f4f6f5;--card: #ffffff;--text: #1d2521;--muted: #67736d;--radius: 14px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:560px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--green);color:#fff;position:sticky;top:0;z-index:10}.topbar a{color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}.topbar button{background:none;border:none;color:#fff;font-size:.9rem;cursor:pointer}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.big-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:140px;border-radius:var(--radius);background:var(--card);color:var(--text);text-decoration:none;font-size:1.05rem;font-weight:600;text-align:center;padding:12px;box-shadow:0 1px 4px #00000014;border:none;cursor:pointer}.big-button .icon{font-size:2.2rem}.big-button.primary{background:var(--green);color:#fff;grid-column:1 / -1;min-height:120px}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-top:14px;box-shadow:0 1px 4px #00000014}form label{display:block;margin-top:12px;font-size:.9rem;color:var(--muted)}input,select,textarea{width:100%;padding:12px;margin-top:4px;border:1px solid #d4dad6;border-radius:10px;font-size:1rem;background:#fff}.segment{display:flex;gap:8px;margin-top:4px}.segment button{flex:1;padding:12px;border-radius:10px;border:1px solid #d4dad6;background:#fff;font-size:1rem;cursor:pointer}.segment button.active{background:var(--green);color:#fff;border-color:var(--green)}.submit{width:100%;margin-top:20px;padding:14px;border:none;border-radius:10px;background:var(--green);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer}.submit:disabled{opacity:.6}.submit.expense{background:var(--red)}.error{color:var(--red);margin-top:10px;font-size:.95rem}.ok{color:var(--green);margin-top:10px;font-size:.95rem}.muted{color:var(--muted);font-size:.9rem}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-grid .cell{padding:10px;border-radius:10px;background:var(--bg)}.summary-grid .value{font-size:1.15rem;font-weight:700}.tx-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf0ee;gap:10px}.tx-row:last-child{border-bottom:none}.amount.einnahme{color:var(--green);font-weight:700}.amount.ausgabe{color:var(--red);font-weight:700}.badge{font-size:.7rem;padding:2px 8px;border-radius:99px;background:var(--bg);color:var(--muted);text-transform:uppercase}.preview{max-width:100%;border-radius:10px;margin-top:12px}.filters{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.filters select,.filters input{width:auto;flex:1;min-width:120px}
