first

frontend/app/(protected)/reports/page.tsx

@@ -3,6 +3,7 @@
 import React, { useEffect, useState } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
 import Sidebar from '../../../components/ui/Sidebar'
+import AnimatedBackground from '../../../components/ui/AnimatedBackground'
 import useNavigationStore from '../../store/navigationStore'
 import ReportsList from '../../../components/reports/ReportsList'
 import ExportMenu from '../../../components/ui/ExportMenu'
@@ -107,12 +108,15 @@ const ReportsPage: React.FC = () => {
   }
 
   return (
-    <div className="flex h-screen bg-[#0e111a]"> 
-      <Sidebar 
-        activeItem={9} // Отчёты 
-      />
+    <div className="relative flex h-screen bg-[#0e111a] overflow-hidden"> 
+      <AnimatedBackground />
+      <div className="relative z-20">
+        <Sidebar 
+          activeItem={9} // Отчёты 
+        />
+      </div>
       
-      <div className="flex-1 flex flex-col">
+      <div className="relative z-10 flex-1 flex flex-col">
         <header className="border-b border-gray-700 bg-[#161824] px-6 py-4">
           <div className="flex items-center gap-4">
             <button
@@ -142,7 +146,7 @@ const ReportsPage: React.FC = () => {
         <div className="flex-1 overflow-auto p-6">
           <div className="mb-6">
             <div className="mb-6 flex items-center justify-between">
-              <h1 className="text-2xl font-semibold text-white">Отчеты по датчикам</h1>
+              <h1 style={{ fontFamily: 'Inter, sans-serif', fontWeight: 600 }} className="text-2xl text-white">Отчеты по датчикам</h1>
 
               <ExportMenu onExport={handleExport} />
             </div>