body {
            background-color: black;
            color: #00ff00; /* Bright green */
            font-family: "Courier New", Courier, monospace;
            font-size: 16px;
            text-align: center;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
            color: #00ff00; /* Bright green */
        }
        th, td {
            border: 1px solid #00ff00; /* Bright green */
            padding: 10px;
            text-align: center;
        }
        th {
            background-color: black;
            font-weight: bold;
        }
        tr:nth-child(even) {
            background-color: #002200;
        }
        tr:hover {
            background-color: #003300;
        }
        select {
          background-color: black;
          color: #00ff00;
          border: 1px solid #00ff00;
          /*font-family: 'Courier New', monospace;*/
          font-weight: bold;
          padding: 8px 8px;
          border-radius: 4px;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
        }

        select:focus {
          outline: none;
          box-shadow: 0 0 5px #00ff00;
        }

        a {
          text-decoration: none;      /* remove underline */
          color: inherit;             /* keep the current text color */
          font-weight: normal;        /* ensure normal weight by default */
        }

        a:hover {
          font-weight: bold;          /* bold on hover */
        }

        .hoverable-row:hover td:first-child {
          font-weight: bold;
        }


        .red-text {
          color: #ff5e5e; /* Lighter red */
        }
        .green-text {
            color: #00ff00;
        }
        .gray-text {
            color: #B0B0B0;
        }


        .clickable {
          cursor: pointer;
          /*background-color: #f9f9f9;*/
          transition: background-color 0.3s;
        }

        .clickable:hover {
          /*background-color: #e0e0e0;*/
        }

        .non-clickable {
          cursor: default;
          /*background-color: #f0f0f0;*/
        }

        .close {
          color: #aaa;
          float: right;
          font-size: 28px;
          font-weight: bold;
          cursor: pointer;
        }

        .close:hover,
        .close:focus {
          color: black;
          text-decoration: none;
        }

        .block-cursor {
            display: inline-block;
            width: 10px; /* Adjust as per the font size */
            height: 0.7em; /* Match the text height dynamically */
            background-color: #00ff00; /* Green to match the terminal theme */
            animation: blink 1s step-end infinite;
        }

        @keyframes blink {
            0%, 50% {
                opacity: 1;
            }
            51%, 100% {
                opacity: 0;
            }
        }