style.css

/* Custom styles for your layout */
body {
  font-family: Arial, sans-serif;
  margin: 0; /* optional: ensure no default margin */
  padding: 0; /* optional: ensure no default padding */
}

/* Wrapper for the sidebar + page content */
#wrapper {
  display: flex;
  width: 100%;
}

/* Toggled state for sidebar */
#wrapper.toggled #sidebar-wrapper {
  margin-left: -250px;
}

/* Sidebar styles */
#sidebar-wrapper {
  min-width: 250px;
  max-width: 250px;
  transition: all 0.3s ease;
}

#page-content-wrapper {
  width: 100%;
}

.card-header {
  background-color: #f8f9fa;
}

.card {
  margin-bottom: 1.5rem;
}

/* Headings */
h1.display-5 {
  font-weight: bold;
  margin-bottom: 0.75rem;
}

/* --- New Menu & Link Styling --- */

/* Hover effect for sidebar links */
.list-group-item-action.bg-light:hover {
  background-color: #f0f0f0; /* light gray background on hover */
  color: #0056b3;           /* blue text */
  font-weight: bold;
}

/* Active link styling */
.list-group-item-action.active {
  background-color: #0056b3 !important; /* deeper blue */
  color: #fff !important;               /* white text */
  font-weight: bold;
}

/* Special highlight class for certain menu items */
.menu-highlight {
  color: #b7ae0e;      /* e.g., Bootstrap "danger" shade */
  font-weight: bold; 
  /* optional: add text-shadow or other emphasis */
}