complete admin CSS refactor: delete utilities.css, add layout primitives

- Delete utilities.css (701 lines / 24 KB of Tailwind utility clones)
- Add layout.css with admin-stack, admin-row, admin-cluster, admin-grid
  primitives and gap variants (sm, md, lg, xl)
- Add transitions.css import and layout.css import to admin.css entry point
- Replace all Tailwind utility classes across 26 admin templates with
  semantic admin-*/theme-*/page-specific CSS classes
- Replace all non-dynamic inline styles with semantic classes
- Add ~100 new semantic classes to components.css (analytics, dashboard,
  order detail, settings, theme editor, generic utilities)
- Fix stray text-error → admin-text-error in media.ex
- Add missing .truncate definition to admin CSS
- Only remaining inline styles are dynamic data values (progress bars,
  chart dimensions) and one JS.toggle target

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

lib/berrypod_web/live/admin/providers/index.ex

@@ -54,13 +54,13 @@ defmodule BerrypodWeb.Admin.Providers.Index do
   defp status_indicator(assigns) do
     ~H"""
     <span class={[
-      "inline-flex size-3 rounded-full",
+      "admin-provider-dot",
       cond do
-        not @enabled -> "bg-base-content/30"
-        @status == "syncing" -> "bg-warning animate-pulse"
-        @status == "completed" -> "bg-success"
-        @status == "failed" -> "bg-error"
-        true -> "bg-base-content/30"
+        not @enabled -> "admin-provider-dot-idle"
+        @status == "syncing" -> "admin-provider-dot-syncing"
+        @status == "completed" -> "admin-provider-dot-ok"
+        @status == "failed" -> "admin-provider-dot-error"
+        true -> "admin-provider-dot-idle"
       end
     ]} />
     """
@@ -81,7 +81,7 @@ defmodule BerrypodWeb.Admin.Providers.Index do
       <.icon name="hero-clock" class="size-4 inline" />
       Last synced {format_relative_time(@connection.last_synced_at)}
     </span>
-    <span :if={!@connection.last_synced_at} class="text-warning">
+    <span :if={!@connection.last_synced_at} class="admin-text-warning">
       <.icon name="hero-exclamation-triangle" class="size-4 inline" /> Never synced
     </span>
     """