custom css

src/client/public/css/main.css

@@ -0,0 +1,60 @@
+@import "tailwindcss";
+@import "preline/variants.css";
+
+@config "../../../../tailwind.config.js";
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+    *,
+    ::after,
+    ::before,
+    ::backdrop,
+    ::file-selector-button {
+        border-color: var(--color-gray-200, currentColor);
+    }
+}
+
+@font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 200, 700;
+    font-display: swap;
+    src: url("/static/fonts/inter-variablefont.ttf");
+}
+
+/* Datatables */
+
+.dt-layout-row:has(.dt-search),
+.dt-layout-row:has(.dt-length),
+.dt-layout-row:has(.dt-paging) {
+    display: none !important;
+}
+
+/* Layout Sidebar */
+
+.sidebar-btn {
+    @apply
+        w-full
+        flex
+        items-center
+        gap-x-3.5
+        py-2
+        px-2.5
+        text-sm
+        rounded-lg
+        focus:outline-hidden
+        text-gray-800
+        hover:bg-gray-100
+        focus:bg-gray-100
+        dark:bg-neutral-800
+        dark:hover:bg-neutral-700
+        dark:focus:bg-neutral-700
+        dark:text-neutral-200;
+}