diff --git a/components/widgets/UptimeCard.tsx b/components/widgets/UptimeCard.tsx
index d7eb0d5..2dcd1d6 100644
--- a/components/widgets/UptimeCard.tsx
+++ b/components/widgets/UptimeCard.tsx
@@ -37,10 +37,10 @@ interface BarData {
 // --- Constants ---
 
 const BAR_STYLES: Record<BarStatus, { base: string; compact: string }> = {
-    up:       { base: 'bg-emerald-500 shadow-[0_0_6px_rgba(16,185,129,0.4)]',  compact: 'bg-emerald-500 shadow-[0_0_4px_rgba(16,185,129,0.25)]' },
-    degraded: { base: 'bg-amber-500 shadow-[0_0_6px_rgba(245,158,11,0.4)]',    compact: 'bg-amber-500 shadow-[0_0_4px_rgba(245,158,11,0.25)]' },
-    down:     { base: 'bg-red-500 shadow-[0_0_6px_rgba(239,68,68,0.4)]',       compact: 'bg-red-500 shadow-[0_0_4px_rgba(239,68,68,0.25)]' },
-    unknown:  { base: 'bg-neutral-700',                                          compact: 'bg-neutral-700' },
+    up:       { base: 'bg-emerald-500 [box-shadow:0_0_6px_rgba(16,185,129,0.4)]',  compact: 'bg-emerald-500 [box-shadow:0_0_4px_rgba(16,185,129,0.25)]' },
+    degraded: { base: 'bg-amber-500 [box-shadow:0_0_6px_rgba(245,158,11,0.4)]',    compact: 'bg-amber-500 [box-shadow:0_0_4px_rgba(245,158,11,0.25)]' },
+    down:     { base: 'bg-red-500 [box-shadow:0_0_6px_rgba(239,68,68,0.4)]',       compact: 'bg-red-500 [box-shadow:0_0_4px_rgba(239,68,68,0.25)]' },
+    unknown:  { base: 'bg-neutral-700',                                              compact: 'bg-neutral-700' },
 };
 
 const RANGE_OPTIONS: { value: TimeRange; label: string }[] = [
@@ -336,7 +336,7 @@ function DetailModal({
                 {/* Header */}
                 <div className="flex items-center justify-between mb-5">
                     <div className="flex items-center gap-3">
-                        <div className={`w-2.5 h-2.5 rounded-full shrink-0 ${service.status === 'up' ? 'bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.5)]' : 'bg-red-500 shadow-[0_0_8px_rgba(239,68,68,0.5)]'}`} />
+                        <div className={`w-2.5 h-2.5 rounded-full shrink-0 ${service.status === 'up' ? 'bg-emerald-500 [box-shadow:0_0_8px_rgba(16,185,129,0.5)]' : 'bg-red-500 [box-shadow:0_0_8px_rgba(239,68,68,0.5)]'}`} />
                         <h2 className="text-lg font-semibold text-white">{service.name}</h2>
                         <button
                             onClick={() => {