{{-- AdminLTE 3 CSS Files --}}
<link rel="stylesheet" href="{{ asset('vendor/adminlte/dist/css/adminlte.min.css') }}">

{{-- Custom Fixed Sidebar CSS --}}
<link rel="stylesheet" href="{{ asset('css/adminlte-fixed-sidebar.css') }}">

{{-- Inline CSS for Fixed Sidebar - Highest Priority --}}
<style>
/* Fixed Sidebar - Inline CSS for Maximum Priority */
.main-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    z-index: 1038 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-shadow: 0 0 15px rgba(0,0,0,.2) !important;
}

.content-wrapper {
    margin-left: 250px !important;
    min-height: 100vh !important;
}

.main-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 250px !important;
    z-index: 1034 !important;
}

.content {
    padding-top: 60px !important;
}

/* Mobile responsive */
@media (max-width: 767.98px) {
    .main-sidebar {
        transform: translateX(-250px) !important;
    }
    .sidebar-open .main-sidebar {
        transform: translateX(0) !important;
    }
    .content-wrapper {
        margin-left: 0 !important;
    }
    .main-header {
        left: 0 !important;
    }
}
</style>

{{-- Additional CSS --}}
@stack('css')