diff --git a/resources/css/app.css b/resources/css/app.css
index b5c61c956..a3d2be5ca 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,3 +1,73 @@
+/* Import FontAwesome */
+@import '@fortawesome/fontawesome-free/css/all.min.css';
+
+/* Import other necessary libraries */
+@import 'animate.css/animate.min.css';
+@import 'datatables/media/css/jquery.dataTables.min.css';
+
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+/* Custom styles for proper spacing and button alignment */
+.btn {
+ @apply inline-flex items-center justify-center px-4 py-2 border rounded-md font-semibold text-sm transition-colors duration-150;
+}
+
+.btn i {
+ @apply mr-2;
+}
+
+.btn-primary {
+ @apply bg-blue-600 text-white border-blue-600 hover:bg-blue-700;
+}
+
+.btn-secondary {
+ @apply bg-gray-600 text-white border-gray-600 hover:bg-gray-700;
+}
+
+.btn-success {
+ @apply bg-green-600 text-white border-green-600 hover:bg-green-700;
+}
+
+.btn-danger {
+ @apply bg-red-600 text-white border-red-600 hover:bg-red-700;
+}
+
+.btn-warning {
+ @apply bg-yellow-500 text-white border-yellow-500 hover:bg-yellow-600;
+}
+
+.btn-info {
+ @apply bg-cyan-600 text-white border-cyan-600 hover:bg-cyan-700;
+}
+
+.btn-sm {
+ @apply px-3 py-1 text-xs;
+}
+
+.btn-lg {
+ @apply px-6 py-3 text-base;
+}
+
+/* Button group spacing */
+.btn-group {
+ @apply inline-flex space-x-2;
+}
+
+/* Icon spacing */
+.fas, .far, .fab, .fa {
+ @apply inline-block;
+ min-width: 1em;
+ text-align: center;
+}
+
+/* Table action buttons */
+.table-actions {
+ @apply flex items-center gap-2;
+}
+
+.table-actions .btn {
+ @apply flex-shrink-0;
+}
+
diff --git a/resources/js/app.js b/resources/js/app.js
index e59d6a0ad..e1aa76900 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1 +1,28 @@
import './bootstrap';
+
+// Import jQuery and make it globally available
+import $ from 'jquery';
+window.$ = window.jQuery = $;
+
+// Import Bootstrap JS
+import 'bootstrap';
+
+// Import FontAwesome
+import '@fortawesome/fontawesome-free/js/all.min.js';
+
+// Import DataTables
+import 'datatables';
+
+// Import other necessary libraries
+import autosize from 'autosize';
+window.autosize = autosize;
+
+// Initialize autosize on page load
+document.addEventListener('DOMContentLoaded', function() {
+ // Auto-resize textareas
+ const textareas = document.querySelectorAll('textarea[data-autosize]');
+ if (textareas.length > 0) {
+ autosize(textareas);
+ }
+});
+
diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index a8930ee1e..490d060b4 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -10,7 +10,6 @@
-
@vite(['resources/css/app.css', 'resources/js/app.js'])
@stack('styles')
@@ -72,7 +71,6 @@
-
@stack('scripts')