Enhance routing and layout in SvelteKit project by adding new routes for accounts and transactions, updating existing routes, and improving layout parameters. Refactor item handling and integrate barcode scanning functionality for better user experience.

src/routes/layout.css

@@ -104,5 +104,38 @@
   }
   body {
     @apply bg-background text-foreground;
+    /* Safe area for notched devices */
+    padding-left: env(safe-area-inset-left);
+    padding-right: env(safe-area-inset-right);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+  /* Larger tap targets on touch devices (buttons only; links use .touch-target where needed) */
+  @media (pointer: coarse) {
+    button:not([class*="size-"]) {
+      min-height: 44px;
+    }
+  }
+}
+
+/* Use on icon-only links for 44px touch target */
+.touch-target {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 44px;
+  min-height: 44px;
+  padding: 0.5rem;
+}
+
+/* Prevent iOS zoom on input focus (requires font-size >= 16px) */
+@media (max-width: 640px) {
+  input[type="text"],
+  input[type="search"],
+  input[type="number"],
+  input[type="email"],
+  input[type="password"],
+  select,
+  textarea {
+    font-size: 16px;
   }
 }