Minor UI Rework + Introduction of Operations view.

frontend/src/components/layout/AppLayout.tsx

@@ -8,7 +8,7 @@ export default function AppLayout() {
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
   return (
-    <div className="flex h-screen bg-gray-50 dark:bg-slate-900 overflow-hidden">
+    <div className="flex h-screen overflow-hidden" style={{ background: 'var(--bg)' }}>
       {/* Mobile backdrop */}
       {sidebarOpen && (
         <div
@@ -22,7 +22,7 @@ export default function AppLayout() {
       <div className="flex-1 flex flex-col min-w-0 overflow-hidden">
         <TopBar onMenuClick={() => setSidebarOpen((o) => !o)} />
         <SecurityBanners />
-        <main className="flex-1 overflow-auto p-3 sm:p-6">
+        <main className="flex-1 overflow-auto" style={{ padding: '22px 28px' }}>
           <Outlet />
         </main>
       </div>