{% extends "base/layouts.html" %}

{% block content %}
    <!-- Main Panel -->
    <div class="p-4 h-full flex flex-col gap-4">
        <!-- Search Operations Panel -->
        <div class="flex flex-col rounded-lg border border-neutral-300 bg-neutral-50 text-neutral-600 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300">
            <!-- Header with title and add button -->
            <div class="flex items-center justify-between p-4 border-b border-neutral-300 dark:border-neutral-700">
   