/* ===== Custom Table Wrapper ===== */
    .table-custom {
      background-color: #fff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    /* ===== Header Styling ===== */
    .table-custom thead {
      background: linear-gradient(to right, #a10000, #d32f2f);
      color: #fff;
    }

    .table-custom thead th {
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border-bottom: none;
      padding: 14px;
    }

    /* ===== Body Styling ===== */
    .table-custom tbody tr {
      transition: all 0.2s ease-in-out;
    }

    .table-custom tbody tr:nth-child(odd) {
      background-color: #fffaf3;
    }

    .table-custom tbody tr:nth-child(even) {
      background-color: #fff;
    }

    .table-custom tbody tr:hover {
      background-color: #fef4e5;
      cursor: pointer;
    }

    .table-custom td {
      padding: 12px 15px;
      vertical-align: middle;
      border-top: 1px solid #eee;
      color: #333;
    }

    /* ===== Table Footer ===== */
    .table-custom tfoot {
      background-color: #f5f5f5;
    }

    .table-custom tfoot td {
      font-weight: bold;
      color: #555;
      border-top: 2px solid #ddd;
    }

    /* ===== Responsive Table ===== */
    @media (max-width: 767px) {
      .table-responsive {
        border: 0;
      }
      .table-custom thead {
        display: none;
      }
      .table-custom tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
      }
      .table-custom td {
        display: block;
        text-align: right;
        border: none;
        position: relative;
        padding-left: 50%;
      }
      .table-custom td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 45%;
        padding-right: 10px;
        font-weight: bold;
        text-align: left;
        color: #a10000;
      }
    }