fix mobile toast, theming

frontend/src/routes/admin/+page.svelte

@@ -1028,7 +1028,7 @@
 								<div
 									class="rounded p-2 text-xs {result.error
 										? 'bg-red-100 text-red-800'
-										: 'bg-green-100 text-green-800'}"
+										: 'bg-emerald-100 text-emerald-800'}"
 								>
 									{result.name}: {result.error
 										? `Failed: ${result.error}`
@@ -1210,7 +1210,7 @@
 										<td class="py-2">
 											<span
 												class="text-sm font-medium {row.is_open
-													? 'text-green-600'
+													? 'text-emerald-600'
 													: 'text-red-600'}"
 											>
 												{row.is_open ? 'Open' : 'Closed'}
@@ -1317,7 +1317,7 @@
 										<td class="py-3 text-center">
 											<span
 												class="inline-flex items-center rounded-full px-2 py-1 text-xs font-medium {service.is_active
-													? 'bg-green-100 text-green-800'
+													? 'bg-emerald-100 text-emerald-800'
 													: 'bg-red-100 text-red-800'}"
 											>
 												{service.is_active ? 'Active' : 'Inactive'}
@@ -1381,7 +1381,7 @@
 										<h3 class="font-medium">{service.name}</h3>
 										<span
 											class="inline-flex items-center rounded-full px-2 py-1 text-xs font-medium {service.is_active
-												? 'bg-green-100 text-green-800'
+												? 'bg-emerald-100 text-emerald-800'
 												: 'bg-red-100 text-red-800'}"
 										>
 											{service.is_active ? 'Active' : 'Inactive'}