feat: BL-07–BL-10 — notes search, weather refresh, vCard import/export, PWA offline page

- Notes: client-side full-text search bar (filters title + content)
- Dashboard: weather refresh button + 30-min auto-refresh interval
- Contacts: vCard 3.0 export per contact (GET /:id/vcard); vCard import
  via file input with client-side parser (FN, TEL, EMAIL, ADR, NOTE, CATEGORIES)
- PWA: /offline.html served when network unavailable; cached in app-shell (sw v20)

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

public/styles/dashboard.css

@@ -542,10 +542,46 @@
  *          Layout mit bis zu 5-Tage-Vorhersage.
  * -------------------------------------------------------- */
 .weather-widget {
+  position: relative;
   background: linear-gradient(135deg, var(--color-accent) 0%, #1E5CB3 100%);
   color: #ffffff;
 }
 
+.weather-widget__refresh {
+  position: absolute;
+  top: var(--space-2);
+  right: var(--space-2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  background: rgba(255,255,255,0.2);
+  color: #fff;
+  border-radius: var(--radius-full);
+  cursor: pointer;
+  z-index: 1;
+  transition: background 0.15s;
+}
+
+.weather-widget__refresh:hover {
+  background: rgba(255,255,255,0.35);
+}
+
+.weather-widget__refresh:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.weather-widget__refresh--spinning i {
+  animation: spin 0.7s linear infinite;
+}
+
 .weather-widget__main {
   display: flex;
   align-items: center;

public/styles/notes.css

@@ -43,6 +43,39 @@
   font-weight: var(--font-weight-bold);
 }
 
+.notes-toolbar__search {
+  position: relative;
+  flex: 1;
+  max-width: 280px;
+}
+
+.notes-toolbar__search-icon {
+  position: absolute;
+  left: var(--space-2);
+  top: 50%;
+  transform: translateY(-50%);
+  width: 16px;
+  height: 16px;
+  color: var(--color-text-secondary);
+  pointer-events: none;
+}
+
+.notes-toolbar__search-input {
+  width: 100%;
+  padding: var(--space-2) var(--space-2) var(--space-2) calc(var(--space-2) * 2 + 16px);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  background: var(--color-surface);
+  color: var(--color-text);
+  font-size: var(--text-sm);
+  outline-offset: 2px;
+}
+
+.notes-toolbar__search-input:focus {
+  outline: 2px solid var(--color-accent);
+  border-color: transparent;
+}
+
 /* --------------------------------------------------------
  * Masonry-Grid
  * -------------------------------------------------------- */