Add AdminLTE-style CSS framework to app.css

- Introduced AdminLTE CSS variables for color palette, body colors, card styles, and button styles.
- Implemented card components with variants for primary, success, warning, danger, and info.
- Added button styles including sizes and outline variants.
- Created form controls, select inputs, and input groups with consistent styling.
- Included utility classes for text and background colors, gradients, and shadows.
- Developed components for badges, alerts, callouts, progress bars, tables, small boxes, and info boxes.
- Integrated modal, dropdown, spinner, tooltip, and direct chat styles.
- Established timeline and close button styles, with dark mode support for specific components.

extensions/Servers/Proxmox/views/storage.blade.php

@@ -70,33 +70,33 @@
         @endif
 
         <!-- Storage Usage Overview -->
-        <div class="bg-background-secondary border border-neutral rounded-lg p-5">
+        <div class="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-2xl p-5 shadow-theme-sm">
             <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-4">
                 <div>
-                    <h3 class="text-lg font-semibold">Storage Quota</h3>
-                    <p class="text-sm text-base/60 mt-1">
+                    <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Storage Quota</h3>
+                    <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">
                         {{ number_format($totalAllocatedStorage, 1) }} GB used of {{ number_format($maxAllowedStorage, 1) }} GB allocated
                         @if(count($unusedDrives) > 0)
-                            <span class="text-warning">(includes detached drives)</span>
+                            <span class="text-warning-500">(includes detached drives)</span>
                         @endif
                     </p>
                 </div>
                 <div class="flex items-center gap-2">
                     <button wire:click="loadStorageConfiguration" 
-                            class="inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg border border-neutral bg-background hover:bg-background-secondary transition-colors">
+                            class="inline-flex items-center gap-2 px-3 py-2 text-theme-sm font-medium rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all duration-200">
                         <x-ri-refresh-line class="size-4" wire:loading.class="animate-spin" wire:target="loadStorageConfiguration" />
                         Refresh
                     </button>
                     @if($this->remainingStorage > 0 && !$vmRunning)
                         <button wire:click="openAddDriveModal" 
-                                class="inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg bg-primary text-white hover:bg-primary/90 transition-colors">
+                                class="inline-flex items-center gap-2 px-3 py-2 text-theme-sm font-medium rounded-lg bg-brand-500 text-white hover:bg-brand-600 transition-all duration-200 shadow-theme-xs">
                             <x-ri-add-line class="size-4" />
                             Add Drive
                         </button>
                     @elseif($this->remainingStorage > 0 && $vmRunning)
                         <button disabled
                                 title="Server must be powered off to add drives"
-                                class="inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg bg-neutral/50 text-base/50 cursor-not-allowed">
+                                class="inline-flex items-center gap-2 px-3 py-2 text-theme-sm font-medium rounded-lg bg-gray-100 dark:bg-gray-800/50 text-gray-400 dark:text-gray-500 cursor-not-allowed">
                             <x-ri-add-line class="size-4" />
                             Add Drive
                         </button>