:root{--bg: #0d0f12;--bg-elev: #15181d;--border: #262b33;--text: #e4e6eb;--text-dim: #8b9099;--accent: #5fb3a3;--danger: #d9705a;--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px}#app{min-height:100vh;display:flex;flex-direction:column}header.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border)}header.topbar .brand{font-weight:600;letter-spacing:.5px}nav.tabs{display:flex;gap:4px;padding:8px 20px;border-bottom:1px solid var(--border)}nav.tabs a{color:var(--text-dim);text-decoration:none;padding:6px 12px;border-radius:4px;font-size:13px}nav.tabs a.active{color:var(--text);background:var(--bg-elev)}main{flex:1;padding:20px;max-width:720px;width:100%;margin:0 auto}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:16px;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between}input,select,textarea,button{font-family:var(--mono);font-size:14px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px 10px}button{cursor:pointer;background:var(--accent);color:#08110f;border:none;font-weight:600}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.tx-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.tx-item{display:flex;justify-content:space-between;padding:10px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:4px}.tx-amount.expense{color:var(--danger)}.tx-amount.income{color:var(--accent)}.dim{color:var(--text-dim);font-size:12px}.sync-status{font-size:12px;color:var(--text-dim)}