Budget history by month, shared tab navigation, file imported statements into Statements/year/month and stop re-reading them

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

app_dashboard.html

@@ -25,12 +25,16 @@ td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.scroll{max-height:
 .up{color:var(--up)}.down{color:var(--down)}
 #tip{position:fixed;pointer-events:none;background:var(--ink);color:var(--bg);padding:6px 9px;border-radius:6px;font-size:12px;display:none;z-index:9;max-width:260px}
 .bar{fill:var(--accent)}.bar:hover{opacity:.8}
+.tabs{position:sticky;top:0;z-index:5;display:flex;gap:4px;margin:0 0 16px;padding:10px 0;background:var(--bg)}
+.tabs a{flex:1;max-width:170px;text-align:center;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--mute);font-weight:600;font-size:14px;text-decoration:none}
+.tabs a:hover{color:var(--ink)}.tabs a.on{background:var(--accent);border-color:var(--accent);color:#fff}
 </style>
 </head>
 <body>
 <main>
+  <nav class="tabs"><a href="/">Statements</a><a href="/budget">Budget</a><a href="/dashboard" class="on" aria-current="page">Dashboard</a></nav>
   <div class="row"><h1>Bills Dashboard</h1><span class="mute" id="updated"></span><div class="spacer"></div>
-    <label class="mute">Year <select id="year"></select></label><a href="/budget">Budget</a><a href="/">← Statement Loader</a></div>
+    <label class="mute">Year <select id="year"></select></label></div>
   <div class="kpis" id="kpis"></div>
   <div class="grid">
     <div class="card"><h2 id="t0">Income vs spending</h2><div id="c0"></div><div class="legend" id="l0"></div></div>