<!-- USED IN TRANSACTION.MD -->

<style>
  
    .unit-selector {
      font-size: 1.5em;   /* larger text */
      padding: 10px;      /* more spacing inside */
      width: 200px;       /* optional: control width */
      box-sizing: border-box;
    }

    label {
      padding-left: 20px;
      font-size: 1.3em; /* Increase as needed */
      font-weight: normal;
    }

    input[type="date"] {
      font-size: 1.5em;      /* increases text size */
      padding: 10px;         /* increases height */
      width: 200px;          /* optional: control width */
      box-sizing: border-box;
    }

    th, td {
      border: 1px solid #ccc;
      text-align: center;
    }

    tr:hover {
      cursor: pointer;
      background-color: #f0f0f0;
    }

    .red-row {
      background-color: #f88; /* light red */
    }

    .blue-row {
      background-color: #88f; /* light blue */
      color: white;
    }

    #analysis-box {
      display: none; /* hidden by default */
    }
</style>