      <!-- Relation Master Form -->
      <div class="master-form-container" id="relationMasterContainer" style="display: none;">
        <div class="master-form-card">
          <div class="master-form-header">
            <div class="header-icon">
              <i class="bi bi-people"></i>
            </div>
            <div class="header-text">
              <h3>RELATION MASTER</h3>
              <p>Relation Manager</p>
            </div>
          </div>
          <div class="master-form-body">
            <div class="relation-layout">
              <!-- Left Side - Current Selection -->
              <div class="relation-selection">
                <label><i class="bi bi-tag"></i> Relation</label>
                <div class="selected-relation" id="selectedRelation">MOTHER</div>
                <input type="hidden" id="relationValue" value="MOTHER">
              </div>
              
              <!-- Right Side - Relations List -->
              <div class="relations-list">
                <div class="relation-grid" id="relationGrid">
                  <span data-rel="MOTHER">MOTHER</span>
                  <span data-rel="FATHER">FATHER</span>
                  <span data-rel="DAUGHTER">DAUGHTER</span>
                  <span data-rel="BROTHER">BROTHER</span>
                  <span data-rel="SISTER">SISTER</span>
                  <span data-rel="HUSBAND">HUSBAND</span>
                  <span data-rel="GRAND FATHER">GRAND FATHER</span>
                  <span data-rel="GRAND MOTHER">GRAND MOTHER</span>
                  <span data-rel="GRAND DAUGHTER">GRAND DAUGHTER</span>
                  <span data-rel="NEPHEW">NEPHEW</span>
                  <span data-rel="NEPHEW-IN-LOW">NEPHEW-IN-LOW</span>
                  <span data-rel="MOTHER-IN-LOW">MOTHER-IN-LOW</span>
                  <span data-rel="SISTER-IN-LOW">SISTER-IN-LOW</span>
                  <span data-rel="SON-IN-LOW">SON-IN-LOW</span>
                  <span data-rel="DAUGHTER-IN-LOW">DAUGHTER-IN-LOW</span>
                  <span data-rel="NEIGHBOURS">NEIGHBOURS</span>
                  <span data-rel="FRIENDS">FRIENDS</span>
                  <span data-rel="NO RELATION">NO RELATION</span>
                  <span data-rel="LEGAL GUARDIAN">LEGAL GUARDIAN</span>
                </div>
              </div>
            </div>
            
            <div class="master-form-actions">
              <button class="btn-new" id="relationNewBtn"><i class="bi bi-plus-circle"></i> NEW</button>
              <button class="btn-save" id="relationSaveBtn"><i class="bi bi-save"></i> SAVE</button>
              <button class="btn-trash" id="relationTrashBtn"><i class="bi bi-trash"></i> TRASH</button>
              <button class="btn-clear" id="relationClearBtn"><i class="bi bi-eraser"></i> CLEAR</button>
              <button class="btn-exit" id="relationExitBtn"><i class="bi bi-box-arrow-right"></i> EXIT</button>
            </div>
          </div>
        </div>
      </div>
      <!--Relation Master Form-->