From 59e65283e16b18b6a47c365cef0b80c43fb51409 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Sat, 28 Mar 2026 21:25:20 +0300
Subject: [PATCH] fix: remove duplicate floating orbs background from admin
 panel

The CosmosBackground orbs were overlapping the app's existing theme
background, creating a double-layer effect. Removed the component
entirely so only the theme background is visible.
---
 src/pages/AdminPanel.tsx | 70 ----------------------------------------
 1 file changed, 70 deletions(-)

diff --git a/src/pages/AdminPanel.tsx b/src/pages/AdminPanel.tsx
index def35e1..f8b8f81 100644
--- a/src/pages/AdminPanel.tsx
+++ b/src/pages/AdminPanel.tsx
@@ -843,74 +843,6 @@ const GlassCard = memo(function GlassCard({ section, index, searchTerm }: GlassC
   );
 });
 
-// ─── Floating Orbs Background ───
-
-const CosmosBackground = memo(function CosmosBackground() {
-  return (
-    <div className="pointer-events-none fixed inset-0 z-0 overflow-hidden" aria-hidden="true">
-      <div
-        className="admin-orb"
-        style={{
-          width: 500,
-          height: 500,
-          background: 'rgb(var(--color-accent-500))',
-          top: '-12%',
-          left: '-5%',
-          opacity: 0.22,
-        }}
-      />
-      <div
-        className="admin-orb"
-        style={{
-          width: 420,
-          height: 420,
-          background: 'rgb(var(--color-error-400))',
-          bottom: '-15%',
-          right: '-5%',
-          opacity: 0.18,
-          animationDelay: '-7s',
-        }}
-      />
-      <div
-        className="admin-orb"
-        style={{
-          width: 350,
-          height: 350,
-          background: 'rgb(var(--color-success-400))',
-          top: '40%',
-          left: '50%',
-          opacity: 0.14,
-          animationDelay: '-13s',
-        }}
-      />
-      <div
-        className="admin-orb"
-        style={{
-          width: 300,
-          height: 300,
-          background: 'rgb(var(--color-accent-600))',
-          top: '65%',
-          left: '12%',
-          opacity: 0.14,
-          animationDelay: '-4s',
-        }}
-      />
-      <div
-        className="admin-orb"
-        style={{
-          width: 250,
-          height: 250,
-          background: 'rgb(var(--color-warning-400))',
-          top: '5%',
-          right: '15%',
-          opacity: 0.1,
-          animationDelay: '-10s',
-        }}
-      />
-    </div>
-  );
-});
-
 // ─── Main Component ───
 
 export default function AdminPanel() {
@@ -981,8 +913,6 @@ export default function AdminPanel() {
 
   return (
     <div className="relative flex min-h-0 flex-1 flex-col">
-      <CosmosBackground />
-
       <div
         className="relative z-10 mx-auto flex w-full max-w-[1600px] flex-1 flex-col gap-3 overflow-hidden px-4 sm:px-6"
         style={{