:root{--bg: #f4f5f7;--card: #ffffff;--ink: #1a1d21;--muted: #6b7280;--brand: #1f4e78;--brand-soft: #eaf0f6;--line: #e6e8eb;--pos: #1a7f4b;--neg: #c0392b}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,Segoe UI,Roboto,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}.app{max-width:720px;margin:0 auto;padding:16px 14px 96px}.app.center{display:flex;align-items:center;justify-content:center;min-height:100%}h1{color:var(--brand);font-size:1.4rem}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--neg);font-size:.9rem;margin-top:4px}.login-box{width:100%;max-width:340px;text-align:center}.login-form{display:flex;flex-direction:column;gap:10px;margin-top:18px}.login-form input,.login-form button{padding:12px 14px;font-size:1rem;border-radius:10px;border:1px solid var(--line)}.login-form button{background:var(--brand);color:#fff;border:none;font-weight:600;cursor:pointer}.login-form button:disabled{opacity:.6}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.topbar h1{font-size:1.25rem}.linkbtn{background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;text-decoration:underline}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.segment{display:flex;background:var(--brand-soft);border-radius:10px;padding:3px}.segment button{border:none;background:none;padding:7px 12px;border-radius:8px;font-size:.85rem;color:var(--brand);cursor:pointer;font-weight:600}.segment button.on{background:var(--brand);color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.card h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:12px}.headline-main{font-size:2rem;font-weight:700;color:var(--brand)}.headline-sub{color:var(--muted);font-size:.85rem;margin-top:2px}.headline-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.headline-grid .k{color:var(--muted);font-size:.78rem}.headline-grid .v{font-size:1.05rem;font-weight:600}.row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:.95rem}.row:last-child{border-bottom:none}.row .label{color:var(--ink)}.row .amount{font-variant-numeric:tabular-nums;font-weight:600}.row .amount.neg{color:var(--neg)}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.field:last-child{border-bottom:none}.field span,.field label{color:var(--ink);font-size:.9rem}.field input,.field select{width:140px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;font-size:.95rem;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}.editrow{padding:11px 0;border-bottom:1px solid var(--line)}.editrow:last-child{border-bottom:none}.editrow-name{font-weight:600;font-size:.95rem;margin-bottom:7px}.editrow-fields{display:flex;gap:10px}.editrow-fields label{flex:1;display:flex;flex-direction:column;gap:3px;font-size:.75rem;color:var(--muted)}.editrow-fields input{padding:8px 9px;border:1px solid var(--line);border-radius:8px;font-size:.95rem;font-variant-numeric:tabular-nums}.editrow-actions{display:flex;align-items:center;gap:14px}.tag{display:inline-block;margin-left:8px;padding:1px 7px;background:var(--brand-soft);color:var(--brand);border-radius:6px;font-size:.68rem;font-weight:600;text-transform:none;letter-spacing:0}.linkbtn.danger{color:var(--neg)}.btn{display:inline-block;margin-top:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--brand);font-weight:600;font-size:.9rem;cursor:pointer}.btn-primary{background:var(--brand);color:#fff;border:none}.btn:disabled{opacity:.6}.savebar{display:flex;align-items:center;gap:12px;margin:6px 2px 8px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:#fff;border-top:1px solid var(--line);overflow-x:auto}.bottomnav button{flex:1 0 auto;min-width:64px;padding:9px 6px;border:none;background:none;font-size:.68rem;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}.bottomnav button.on{color:var(--brand)}.holdstatus{font-size:.72rem;color:var(--muted);margin-top:6px}.holdstatus.on{color:var(--pos)}.monthsel{padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:.85rem;background:#fff;color:var(--brand);font-weight:600}.periodlabel{color:var(--muted);font-size:.85rem;align-self:center}.cf{width:100%;border-collapse:collapse}.cf th,.cf td{padding:7px 3px;text-align:right;font-size:.8rem}.cf th:first-child,.cf td:first-child{text-align:left}.cf th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.cf tbody td{border-top:1px solid var(--line);font-weight:600;font-variant-numeric:tabular-nums}.cf tbody td:first-child{font-weight:400;color:var(--ink)}.cf td.neg{color:var(--neg)}